/**
Theme Name: OfficePier
Text Domain:
Version: 1.0
*/
/** IMPORTS AND FONT FACES **/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/** UTILITIES **/
/** Transitions **/
.transition-none { transition: none!important; }
/** Fonts Families **/
/** Font Sizes **/
.fs-xxl { font-size: calc(1.425rem + 2.1vw) !important; }
@media(min-width: 1200px){ .fs-xxl { font-size: 3.5rem !important; } }
/** Colors **/
:root, [data-bs-theme=light] { --bs-info-rgb: 0, 167, 229; }
.border-blue:not(.btn:hover){ border-color: #00367C !important; }
.text-blue:not(a:hover){ color: #00367C !important; }
.link-dark:hover{ color: #666 !important; }
ul.marker-info>li::marker{ color: #00A7E5; }
/** Backgrounds **/
.bg-blue:not(.btn:hover){ background-color: #00367C !important; }
.bg-blue2:not(.btn:hover){ background-color: #0972FF !important; }
/** Btn **/
.btn-info {
    --bs-btn-bg: #00A7E5;
    --bs-btn-border-color: #00A7E5;
    --bs-btn-hover-bg: #0074A0;
    --bs-btn-hover-border-color: #0074A0;
    --bs-btn-active-bg: #0074A0;
    --bs-btn-active-border-color: #0074A0;
    --bs-btn-disabled-bg: #00A7E5;
    --bs-btn-disabled-border-color: #00A7E5;
}
/** Border **/
/** Margin **/
/** Sizing **/
.min-h-207px{ min-height: 207px !important; }
/** Rounded **/
.rounded-top-start-0 { border-top-left-radius: 0 !important; }
/** LAYOUT **/
body{ font-family: "Inter", sans-serif; /** Footer at the bottom **/ min-height: 100vh; display: flex; flex-direction: column; }
.required { color: #fd7e14; }
.dropdown-toggle:after { border: solid; border-width: 0 0.1rem 0.1rem 0; display: inline-block; padding: 0.2rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.dropdown-menu { border-radius: 0; padding-top: 0; padding-bottom: 0; margin-top: 0!important; box-shadow: 0 .2rem .2rem rgba(0,0,0,.075); }
.dropdown-item { padding-top: 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid #dee2e6; }
.dropdown-menu>.dropdown-item:last-child, .dropdown-menu>li:last-child>.dropdown-item { border-bottom: 0; }
.dropdown-item.active, .dropdown-item:active{ color: #1e2125; text-decoration: underline; background-color: transparent; }
.dropdown-item.active:hover, .dropdown-item.active:focus{ background-color: #e9ecef; }
.d-block-in-fr{ display: none!important; }
html[lang^='fr'] .d-block-in-fr{ display: block!important; }
html[lang^='fr'] .d-none-in-fr{ display: none!important; }
html[lang^='fr'] .mb-4-in-fr{ margin-bottom: 1.5rem!important; }
html[lang^='fr'] .mb-5-in-fr{ margin-bottom: 3rem!important; }
/** HEADER **/
/** Admin Bar **/
#wpadminbar { position: fixed; }
.admin-bar #header:before { content: ""; display: block; height: 46px; } @media(min-width: 783px) { .admin-bar #header:before { height: 32px; } }
/** Logo **/
@media(max-width: 1199px) { #header .navbar-brand img{ width: 150px; } }
/** Links **/
#header .icon{ width: 35px; height: 35px; font-size: 1.2rem; }
@media(min-width: 1200px){ #header .icon{ width: 56px; height: 56px; font-size: 1.5rem; } }
a:not(:hover) .icon-blue{ color: #00367C; }
/** Main Menu **/
#main-menu { position: absolute; background-color: #FFF; }
#main-menu .navbar-nav { border: 1px solid rgba(0,0,0,.075); }
#main-menu .navbar-nav .nav-link{ text-transform: uppercase; font-weight: 600; padding: 15px 20px; }
#main-menu .navbar-nav .nav-item:hover>.nav-link, #main-menu .navbar-nav .nav-link.active{ background-color: #00A7E5; }
#main-menu .dropdown-toggle:after{ border-width: 0 0.15rem 0.15rem 0; padding: 0.25rem; margin-left: 10px; }
@media(min-width: 992px){
    #main-menu { background-color: #000; position: relative; }
    #main-menu .navbar-nav { border: 0; }
    #main-menu .navbar-nav *:not(.bg-white)>.nav-link, #main-menu .navbar-nav .bg-white:hover>.nav-link, #main-menu .navbar-nav .bg-white>.nav-link.active{ color: #FFF; }
    #main-menu .navbar-nav>.dropdown>.dropdown-menu{ border-top: 0; }
    #main-menu .navbar-nav>.dropdown>.dropdown-menu:before{ content: ""; position: absolute; top: -8px; left: 20px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #FFF; }
    #main-menu .dropdown:hover>.dropdown-menu { display: block !important; }
}
/** FOOTER **/
footer.footer.text-white a { color: #FFF; text-decoration: none; } footer.footer.text-white a:hover { color: #DDD; }
.footer-title { position: relative; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.075); padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
.footer-title:after{ content: ""; position: absolute; bottom: -1px; left: 0; width: 40px; height: 2px; background-color: #FFF; }
footer.footer ul.menu { padding-left: 0; list-style: none; }
footer.footer ul.menu>li>a { text-transform: uppercase; padding: 5px 0; display: block; }
/** Back to top **/
#back-to-top{ position: fixed; right: 30px; bottom: 30px; z-index: 1031; }
#back-to-top:hover{ opacity: 1; }
@media(min-width: 992px){ #back-to-top{ bottom: 100px; } }
/** Main banner **/
.hero-container .hero-text{ position: absolute !important; top: 50%; transform: translateY(-50%); color: #FFF; }
@media (max-width: 767px) {
    .hero-container .elementor-widget-image img { position: absolute; top: 0; left: 0; width: 100%; }
    .hero-container .hero-text{ position: static !important; top: auto; transform: none; }
    .hero-container .hero-text .elementor-element .elementor-widget-container { margin-top: 100px; background-color: #fff; padding: 20px; border: 1px solid rgba(40, 40, 40, 0.1); border-radius: 8px; box-shadow: 0 5px 10px 0 rgba(31, 53, 94, 0.1); text-align: center; color: var(--bs-body-color); }
}
/** Breadcrumb **/
.breadcrumb-item+.breadcrumb-item:before { content: "\203A"; color: #000; }
/** Owl Carousel **/
.item-details { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 80%; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; border: 1px solid var(--bs-body-color) !important; border-radius: 50%; background-color: rgba(255, 255, 255, 0.75) !important; line-height: 1 !important; text-align: center; }
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: var(--bs-body-color) !important; }
.owl-carousel .owl-nav button.owl-next { right: 0; }
.owl-carousel .owl-nav button.owl-prev { left: 0; }
@media(max-width: 1199px){ .owl-carousel{ padding-right: 50px; padding-left: 50px; } }
@media(min-width: 1200px){
    .owl-carousel .owl-nav button.owl-next { right: -45px; }
    .owl-carousel .owl-nav button.owl-prev { left: -45px; }
}
@media(min-width: 1400px){
    .owl-carousel .owl-nav button.owl-next { right: -65px; }
    .owl-carousel .owl-nav button.owl-prev { left: -65px; }
}
/** Home **/
/** Flip/Rotate element **/
.flip-card { height: 340px; perspective: 1000px; }
/* This container is needed to position the front and back side */
.flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
/* Position the front and back side */
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; }
/* Style the back side */
.flip-card-back { transform: rotateY(180deg); }
/** Our customers carousel **/
.customers-carousel.owl-carousel .owl-nav button.owl-next, .customers-carousel.owl-carousel .owl-nav button.owl-prev { border: 0 !important; color: #00367C !important; }
.customers-carousel.owl-carousel .owl-nav button.owl-next:hover, .customers-carousel.owl-carousel .owl-nav button.owl-prev:hover { background-color: #FFF !important; }
/** Contact Us **/
.contact-form-box:before{ content: ""; position: absolute; top: -4px; right: 0; width: 50%; height: 4px; background-color: #00A7E5; }
/** 404 **/
#error_404 .row{margin-top:5%;margin-bottom:5%;}
#error_404 .number{line-height:128px;font-size:128px;font-weight:300;letter-spacing:-7px;margin-top:10px;text-align:center;}
#error_404 .message-wrapper{text-align:center;}
@media(min-width:992px){#error_404 .number{text-align:right;}#error_404 .message-wrapper{text-align:left;}}
/** PLUGINS **/
/** Elementor **/
.e-con-boxed{ padding-right: 12px !important; padding-left: 12px !important; }
.e-con-boxed>.e-con-inner{ max-width: none!important; margin-right: 0; margin-left: 0; }
@media (min-width: 992px) { .e-con-boxed{ max-width: 960px!important; } }
@media (min-width: 1200px) { .e-con-boxed{ max-width: 1140px!important; } }
@media (min-width: 1400px) { .e-con-boxed{ max-width: 1320px!important; } }
.elementor-widget-image.w-100 img{ max-width: none; width: 100%; }
.elementor-element.fw-bold .elementor-heading-title{ font-weight: 700 !important; }
.elementor-element.fs-1 .elementor-heading-title{ font-size: calc(1.375rem + 1.5vw) !important; }
@media(min-width: 1200px){ .elementor-element.fs-1 .elementor-heading-title { font-size: 2.5rem !important; } }
.elementor-element.fs-2 .elementor-heading-title{ font-size: calc(1.325rem + 0.9vw) !important; }
@media(min-width: 1200px){ .elementor-element.fs-2 .elementor-heading-title { font-size: 2rem !important; } }
.elementor-element .elementor-button{ padding-top: 16px !important; padding-bottom: 16px !important; }
.elementor-element.elementor-button-info .elementor-button{ background-color: #00A7E5 !important; }
.elementor-element.elementor-button-info .elementor-button:hover,
.elementor-element.elementor-button-info .elementor-button:active{ background-color: #0074A0 !important; }
.elementor-element .elementor-size-sm{ font-size: 0.875rem !important; }
.elementor-element[class*='rounded-']{ border-radius: 0 !important; }
.elementor-element.rounded-pill .elementor-button{ border-radius: 50rem !important; }
.elementor-element.rounded-top-start-0 .elementor-button{ border-top-left-radius: 0 !important; }
/** Contact Form 7 **/
.wpcf7-radio.column .wpcf7-list-item, .wpcf7-checkbox.column .wpcf7-list-item{ margin: 1rem 0; display: block; }
.wpcf7-radio.column .wpcf7-list-item input, .wpcf7-checkbox.column .wpcf7-list-item input{ margin-right: 0.325rem; }
.wpcf7-checkbox.ms-0 .wpcf7-list-item.first, .wpcf7-radio.ms-0 .wpcf7-list-item.first{ margin-left: 0 !important; }
.wpcf7-checkbox.no-label .wpcf7-list-item .wpcf7-list-item-label{ display: none; }
.wpcf7-response-output{margin-right:0!important;margin-left:0!important;padding:.75rem 1.25rem!important;border-width:1px!important;border-radius:.25rem;text-align:left!important;}
.wpcf7-mail-sent-ng,wpcf7-aborted,.wpcf7-spam-blocked,.wpcf7-validation-errors,.wpcf7-acceptance-missing{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb!important;}
.wpcf7-mail-sent-ok{color:#155724;background-color:#d4edda;border-color:#c3e6cb!important;}
.wpcf7-form:not(.submitting) .wpcf7-spinner{ display: none; }