/*
Theme Name: Fidalgo Child
Theme URI: https://fidalgo.qodeinteractive.com
Description: A child theme of Fidalgo
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: fidalgo
Template: fidalgo
*/



/*-------------------------------------------  GENERAL -------------------------------------------*/
/*-------------------------------------------  GENERAL -------------------------------------------*/

/* Réduire la largeur de la barre de défilement */
::-webkit-scrollbar {
  width: 10px;
  background-color: #e5e5e5;
}

/* Arrondir les bords de la barre de défilement */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

/* Foncer la couleur grise de la barre de défilement */
::-webkit-scrollbar-thumb {
    background-color: #555555;
}



/*------------------------------------------- END GENERAL -------------------------------------------*/
/*------------------------------------------- END GENERAL -------------------------------------------*/


/*------------------------------------------- COLOR -------------------------------------------*/
/*------------------------------------------- COLOR -------------------------------------------*/

.qodef-h2, h2, .qodef-h3, h3 {
  color: inherit;
}

.brown h1, .brown h1 span, .brown h2,.brown p, .brown .qodef-e-content p, .brown .qodef-e-author-name, .brown .qodef-e-author-job, .strongPoints .qodef-m-text, .h3Brown h3, .h3Brown h3 span, .events .qodef-e-content .qodef-e-date, .events span, .faq p, .qodef-e-info a, body:not(.transparent_header) #fidalgo_core_button-3 a, .brown .qodef-link-holder a, .qodef-fullscreen-menu-opener-text, .brown input, .brown textarea, .brown label, .archive .qodef-e-excerpt, .qodef-m-nav-label, .qodef-social-share-dropdown-opener span{
  color: #181411 !important;
}

.lightBrown h2, .lightBrown .qodef-e-content p, .lightBrown h1, .lightBrown h1 span{
  color: #6e5c59 !important;
}

.qodef-e-title-link, .imgText .qodef-e-text:hover .qode--char, .single-post h1, p a {
  color: #b38b66 !important;
}

.imgText .qode--char{
  color: #C6DCCC !important;
}

.white h2, .cta input::placeholder, .cta textarea::placeholder, .qodef--opened::after, .qodef-header--sticky-display .qodef--opened::after, .qodef-header--sticky-display .qodef-fullscreen-menu-opener::after, .transparent_header .qodef-fullscreen-menu-opener-text, .qodef-header--sticky-display .qodef-fullscreen-menu-opener-text{
  color: #fff !important;
}

.faq h3:hover{
  background-color: #f6f6f6;
}

.sbi_follow_btn a{
  background-color: #6e5c59 !important;
}

.svg path, .svg line{
  stroke: #C6DCCC;
}

.brown input, .brown textarea{
  border-color: rgb(0,0,0,0.3) !important;
}


/*------------------------------------------- END COLOR -------------------------------------------*/
/*------------------------------------------- END COLOR -------------------------------------------*/

/*------------------------------------------- FONT -------------------------------------------*/
/*------------------------------------------- FONT -------------------------------------------*/

body{
  font-family: "Montserrat";
}

.qodef-testimonials-list .qodef-e-text{
  font-size: 19px !important;
}

body{
  font-size: 15px;
}

b, strong {
  font-weight: 600;
}

.brown label {
  font-weight: 400;
}


/*------------------------------------------- END FONT -------------------------------------------*/
/*------------------------------------------- END FONT -------------------------------------------*/

/*------------------------------------------------ TITLE ------------------------------------------------*/
/*------------------------------------------------ TITLE ------------------------------------------------*/

h1{
  font-size: 43px;
  letter-spacing: 4px;
}

h1 span.small{
  font-size: 52%;
  font-family: "Jost";
  line-height: 1;
  letter-spacing: 2px;
}

.big h2{
  font-size: 40px !important;
}

h2{
  font-size: 30px !important;
  letter-spacing: 0 !important;
  position: relative;
}

.withAfter h2::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  height: 7px;
  width: 130px;
  background-color: #C6DCCC;
  z-index: -1;
  opacity: 0.7;
  border-radius: 10px;
}

/* L'effet de masque blanc */
.withAfter h2::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  height: 9px;
  width: 140px;
  background-color: white;
  z-index: 2;
  transform: translateX(0);
  transition: transform 1s ease-out;
}

.reveal-active h2::before {
  transform: translateX(100%);
}

/* Animation de retrait du masque blanc */
@keyframes revealMask {
  0% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}

.services h2 span {
  font-size: 32px;
}

h3 span, h3{
  font-size: 19px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 400;
}

.content h3{
  margin: 25px 0 -5px;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.3px;
}

/*------------------------------------------------ END TITLE ------------------------------------------------*/
/*------------------------------------------------ END TITLE ------------------------------------------------*/


/*------------------------------------------------ ELEMENT ------------------------------------------------*/
/*------------------------------------------------ ELEMENT ------------------------------------------------*/

.strongPoints .qodef-button, .qodef-title--breadcrumbs, .grecaptcha-badge{
  display: none;
}

.home main::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 250px;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.5746673669467788) 0%, rgba(0,0,0,0) 100%);
  z-index: 2;
}

.WWbackground::after{
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2025/03/Main-White-logo-without-slogan-v2.svg);
  background-repeat: no-repeat;
  left: 50%;
  top: 280px;
  width: 400px;
  height: 200px;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 0;
  opacity: 0.5;
}

.WWbackground h1{
  z-index: 5;
  position: relative;
}

.concept .col3 img{
  aspect-ratio: 0.9;
  object-fit: cover;
}

.aboutUs .col1 img{
  aspect-ratio: 0.8;
  object-fit: cover;
}

.cta .innerContainer{
  max-width: 800px;
  backdrop-filter: blur(10px);
  background-color: rgb(0, 0, 0, 0.2);
}

.strongPoints img{
  height: 110px !important;
  width: auto;
  max-width: 180px !important;
  margin-bottom: 10px !important;
}

.qodef-testimonials-list p.qodef-e-static-title{
  margin-bottom: 30px;
}

.heroService > div::after{
  content: "";
  position: absolute;
  z-index: 0;
  background: #181411;
  opacity: 0;
  width: calc(100% - 40px);
  height: 100%;
  top: 0;
  left: 20px;
  -webkit-animation: fadeIn2 1.5s ease-out forwards;
          animation: fadeIn2 1.5s ease-out forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.heroService2 > div::after{
  width: 100%;
  left: 0px;
}

@-webkit-keyframes fadeIn2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}

@keyframes fadeIn2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}

.heroService h1{
  text-shadow: 0 0px 27px rgb(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-animation: fadeInUp 1.5s ease-out forwards;
          animation: fadeInUp 1.5s ease-out forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.photoService{
  width: 80vw !important;
  max-width: 1900px !important;
}

.photoService1 .qodef-m-main-image img{
  aspect-ratio: 0.8 / 1;
  object-fit: cover;
  max-height: 1100px;
  height: 80vh !important;
  object-position: center;
  max-width: 35vw !important;
}

.photoService1 .qodef-m-image img{
  border-radius: 20% 0 !important;
  height: 26vh;
  object-fit: cover;
  width: 20vh !important;
}

.photoService2 video{
  max-width: 35vw !important;
  border-radius: 20% 0;
}

.photoService3 img{
  max-width: 35vw !important;
  height: 38vw !important;
  max-height: 900px !important;
  object-fit: cover;
}

.menuSlider .qodef-m-images-overlay{
  opacity: 0.5 !important;
}

.events img, .events video{
  max-height: 50vh;
  object-fit: cover;
}

.imgText img{
  width: 130px !important;
  height: 85px !important;
  object-fit: cover;
}

.imgText .qodef-e-holder-inner > span:nth-of-type(4) img, .imgText .qodef-e-holder-inner > span:nth-of-type(10) img{
  width: 85px !important;
}

.withDecoration h2{
  column-gap: 20px !important;
}

.sbi_follow_btn{
  margin-top: 30px;
}

.sbi_follow_btn a{
  background-color: #6e5c59 !important;
}

.sbi_follow_btn a:hover{
  background-color: #181411 !important;
  box-shadow: none !important;
}

.single-evenement #qodef-page-inner{
  width: 100%;
}

.single-evenement .qodef-e-media-image img{
  aspect-ratio: 2.5;
  object-fit: cover;
}

.qodef-title--breadcrumbs{
  background: transparent;
  border-top: solid 1px #e5e5e5;
  margin-top: 20px;
}

.qodef-page-frame-enabled .qode-page-frame-holder{
  margin-top: 180px !important;
  height: calc(100% - 180px) !important;
}

.mainImg img{
  aspect-ratio: 0.7;
  object-fit: cover;
  height: 1000px;
}

.menupage .mask1 .qodef-m-image{
  display: flex;
  justify-content: end;
}

.menupage .mask1 img, .menupage .mask2 video, .menupage .qodef-m-video{
  aspect-ratio: 0.8;
  width: auto !important;
  max-height: 80vh;
}

.videoMask .qodef-m-video{
  max-height: 95vh;
  aspect-ratio: 0.7;
}

.menupage .qodef-image-outline{
  aspect-ratio: 0.8;
  width: auto !important;
  right: -30px;
  left: auto !important;
}

.blogList img{
  object-fit: cover;
  max-height: 300px;
}

#qodef-page-footer .widget:not(.widget_fidalgo_core_title_widget) {
  margin: 0 0 20px;
  color: var(--qode-paragraph-color);
}

/*------------------------------------------------ END ELEMENT ------------------------------------------------*/
/*------------------------------------------------ END ELEMENT ------------------------------------------------*/


/*------------------------------------------------ BUTTON ------------------------------------------------*/
/*------------------------------------------------ BUTTON ------------------------------------------------*/

.qodef-button.qodef-layout--outlined{
  border-left-width: 1px !important;
}

.button1 .qodef-button.qodef-layout--outlined:hover, .button1 .qodef-button.qodef-layout--outlined{
  color: #B38B66 !important;
}


/*------------------------------------------- END BUTTON -------------------------------------------*/
/*------------------------------------------- END BUTTON -------------------------------------------*/

/*------------------------------------------------ HEADER ------------------------------------------------*/
/*------------------------------------------------ HEADER ------------------------------------------------*/

#qodef-top-area-inner{
  height: 40px !important;
}

#qodef-page-header-inner{
  height: 120px !important;
}

#menu-fullscreen-mnu{
  padding-top: 120px;
}

.qodef-header--minimal-centered #qodef-page-header .qodef-header-logo-link {
  height: 110px !important;
  padding: 5px 0 0 !important;
}

body:not(.transparent_header).qodef-header--minimal-centered #qodef-page-header .qodef-header-logo-link {
  height: 95px !important;
}

/* body.menupage:not(.transparent_header).qodef-header--minimal-centered #qodef-page-header .qodef-header-logo-link {
    height: 75px !important;
} */

.qodef-header-logo-image{
  max-height: 100% !important;
  display: block !important;
}

.qodef-header-sticky {
  backdrop-filter:blur(30px);
}

.qodef-header-sticky-inner img{
  padding-bottom: 10px;
}

.qodef-fullscreen-menu-opener{
  padding-left: 50px !important;
}

.qodef-fullscreen-menu>ul>li {
    margin: 30px 0;
}

.qodef-fullscreen-menu>ul>li>a{
  font-weight: 300;
  font-size: 41px;
  letter-spacing: 1px;
  text-transform: none;
}


/*------------------------------------------------ END HEADER ------------------------------------------------*/
/*------------------------------------------------ END HEADER ------------------------------------------------*/


/*------------------------------------------------- FOOTER -----------------------------------------------*/
/*------------------------------------------------- FOOTER -----------------------------------------------*/

.footer .qodef-content-full-width{
  width: 250px !important ;
}

#qodef-page-footer #qodef-footer-logo-holder:after, #qodef-page-footer #qodef-footer-logo-holder:before{
  width: 50% !important;
}



/*------------------------------------------------ END FOOTER  ------------------------------------------------*/
/*------------------------------------------------ END FOOTER ------------------------------------------------*/


/*------------------------------------------------   FORM ------------------------------------------------*/
/*------------------------------------------------   FORM ------------------------------------------------*/

.cta textarea{
  max-height: 60px !important;
}

/*------------------------------------------------ END  FORM ------------------------------------------------*/
/*------------------------------------------------ END  FORM ------------------------------------------------*/

/*------------------------------------------------ HOME PAGE ------------------------------------------------*/
/*------------------------------------------------ HOME PAGE ------------------------------------------------*/


/*------------------------------------------------ END HOME PAGE ------------------------------------------------*/
/*------------------------------------------------ END HOME PAGE ------------------------------------------------*/

/*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/
/*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/




/*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/
/*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/

/*------------------------------------------  BLOG -----------------------------------------------*/
/*-----------------------------------------  BLOG -----------------------------------------------*/

.archive .qodef--list{
  display: flex;
  flex-wrap: wrap;
  column-gap: 5%;
  row-gap: 80px;
}

.archive .qodef-blog-item {
  width: 30%;
}

.single-post .qodef-e-media-image{
  width: 100%;
}

.single-post .qodef-e-media-image img{
  max-height: 60vh;
  object-fit: cover;
}

/*----------------------------------------------- END BLOG -----------------------------------------------*/
/*----------------------------------------------- END BLOG -----------------------------------------------*/


/*------------------------------------------------- SHOP-----------------------------------------------*/
/*------------------------------------------------- SHOP-----------------------------------------------*/






/*------------------------------------------------- END SHOP -----------------------------------------------*/
/*------------------------------------------------- END SHOP -----------------------------------------------*/

/*------------------------------------------------- 4K-----------------------------------------------*/
/*------------------------------------------------- 4K-----------------------------------------------*/


@media screen and (min-width: 1920px){


}



@media screen and (min-width: 2559px){

  h1{
    font-size: 48px;
  }

  h2{
    font-size: 40px !important;
  }


  .services h2 span {
    font-size: 36px;
  }

  h3 span, h3, .content h3{
    font-size: 23px;
  }

  body {
    font-size: 16px;
  }


}



/*------------------------------------------------- END 4K-----------------------------------------------*/
/*------------------------------------------------- END 4K-----------------------------------------------*/


/*------------------------------------------------- LAPTOP-----------------------------------------------*/
/*------------------------------------------------- LAPTOP-----------------------------------------------*/


@media screen and (max-width: 1650px){

  #SR7_1_1-6-8{
    font-size: 130px !important;
    transform: translateX(50px) !important;
  }

  #SR7_1_1-6-12{
    font-size: 180px !important;
    transform: translateX(-30px) !important;
  }

  h1{
    font-size: 72px !important;
  }

  .home h1{
    font-size: 32px !important;
  }

  .big h2{
    font-size: 34px !important;
  }

  .qodef-fullscreen-menu>ul>li>a{
    font-size: 30px !important;
  }

  h2{
    font-size: 28px !important;
  }

  .services h2 span {
    font-size: 26px !important;
  }

  h3 span, h3, .content h3{
    font-size: 18px;
  }

  body {
    font-size: 14px;
  }

  .photoService, .strongPoints .elementor-shortcode .e-con-inner {
    width: 92vw !important;
    max-width: none !important;
  }

  .concept .col2{
    padding-top: 120px !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

}


@media screen and (max-width: 1366px){

  .big h2{
    font-size: 32px !important;
  }

}

@media screen and (max-width: 1200px){

  #qodef-page-mobile-header{
    visibility: visible !important;
  }

  #qodef-page-mobile-header-inner{
    background: #fff;
    position: fixed;
    width: 100%;
    height: 85px;
    box-shadow: 0 4px 8px 0px rgb(0, 0, 0, 0.1);
  }

  #qodef-page-mobile-header .qodef-mobile-header-logo-link {
    height: 58px !important;
  }
}



/*------------------------------------------------- END LAPTOP -----------------------------------------------*/
/*------------------------------------------------- END LAPTOP -----------------------------------------------*/

/*------------------------------------------------- TABLET-----------------------------------------------*/
/*------------------------------------------------- TABLET-----------------------------------------------*/




@media screen and (max-width: 1025px) {

  .serviceTitle h1{
    font-size: 47px !important;
  }

  .imgText .qodef-e-holder-inner{
    font-size: 35px !important;
  }

  .qodef-fullscreen-menu>ul>li>a {
    font-size: 33px !important;
  }

  #SR7_1_1-6-8{
    font-size: 100px !important;
    transform: translateX(-90px) !important;
  }

  #SR7_1_1-6-12{
    font-size: 150px !important;
    transform: translateX(-40px) !important;
  }

  #menu-fullscreen-mnu {
    padding-top: 50px;
  }

  .img1 img{
    max-height: 60vh;
  }

  .img2 img{
    height: 70vh !important;
  }

  .photoService {
    width: 100vw !important;
  }

  .photoService img{
    max-width: 45vw !important;
  }

  .strongPoints img {
    height: 84px !important;
    width: auto;
    max-width: 146px !important;
    margin-bottom: 20px !important;
  }

  .photoService .qodef-stacked-images{
    text-align: center;
  }

  .photoService1 .qodef-m-main-image img {
    max-width: 60vw !important;
    height: 56vh !important;
  }

  .photoService2 video {
    max-width: 70vw !important;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    max-height: 60vh;
  }

  .photoService3 img {
    max-width: 90vw !important;
  }

  .imgText img{
    width: 110px !important;
    height: 70px !important;
  }

  .imgText .qodef-e-holder-inner > span:nth-of-type(4) img, .imgText .qodef-e-holder-inner > span:nth-of-type(10) img{
    width: 70px !important;
  }

  .qodef-page-frame-enabled .qode-page-frame-holder {
    margin-top: 140px !important;
    height: calc(100% - 140px) !important;
  }

  .archive .qodef-blog-item {
    width: 45%;
  }



}




/*------------------------------------------------- END TABLET-----------------------------------------------*/
/*------------------------------------------------- END TABLET-----------------------------------------------*/

/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/

@media screen and (max-width: 768px)  {

  #SR7_1_1-6-8{
    font-size: 140px !important;
    transform: translateX(0px) !important;
    transform: translateY(-80px) !important;
  }

  #SR7_1_1-6-12{
    font-size: 170px !important;
    transform: translateX(0px) !important;
    transform: translateY(-60px) !important;
  }

  .serviceTitle h1 {
    font-size: 40px !important;
    line-height: 1.1 !important;
  }

  h1{
    font-size: 28px !important;
  }

  .big h2{
    font-size: 30px !important;
  }

  .imgText .qodef-textual-projects-showcase .qodef-e-holder-inner{
    font-size: 26px !important;
  }

  h2, .services h2 span {
    font-size: 21px !important;
  }

  h3 span, h3, .content h3{
    font-size: 16px !important;
  }

  .content h3 {
    margin: 30px 0 0px;
  }

  #qodef-page-wrapper{
    overflow-x: hidden;
  }

  .concept .col2 {
    padding-top: 70px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .concept .col3 img {
    aspect-ratio: 1.4;
  }

  .strongPoints .qodef-icon-with-text{
    text-align: center !important;
  }

  .photoService {
    width: calc(100vw - 40px) !important;
  }

  .photoService img {
    max-width: none !important;
    aspect-ratio:1.2;
    object-fit: cover;
    width: 100%;
  }

  .photoService .qodef-m-image{
    display: none;
  }

  .heroService > div::after{
    width: calc(100% - 0px);
    left: 0px;
  }

  .photoService1 .qodef-m-main-image img {
    max-width: 90vw !important;
    max-height: 45vh;
    width: 90vw;
  }


  .photoService2 video {
    max-width: 80vw !important;
  }

  .center .elementor-widget-container{
    text-align: center;
  }

  .imgText .qodef-e-holder-inner .qodef-e-text{
    margin-right: 10px !important;
  }

  .imgText img{
    width: 80px !important;
    height: 50px !important;
  }

  .imgText .qodef-e-holder-inner > span:nth-of-type(4) img, .imgText .qodef-e-holder-inner > span:nth-of-type(10) img{
    width: 50px !important;
  }

  .strongPoints .elementor-shortcode .e-con-inner{
    row-gap:10px !important;
  }

  .strongPoints img{
    margin-bottom: 10px !important;
  }

  div[data-element_type=container].qodef-elementor-content-grid {
    width: 90% !important;
    max-width: 90% !important;
  }

  .qodef-fullscreen-menu>ul{
    padding-right: 0 !important;
  }

  .qodef-fullscreen-menu>ul>li>a{
    font-size: 26px !important;
    line-height: 1.3;
  }

  .imgCover img{
    max-height: 650px;
  }

  #qodef-fullscreen-area .qodef-content-grid{
    min-height: 750px;
  }

  .archive .qodef-blog-item {
    width: 100%;
  }

  .archive .qodef--list{
    row-gap: 0px;
  }



}


/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/

/*------------------------------------------------- PORTRAIT-----------------------------------------------*/
/*------------------------------------------------- PORTRAIT-----------------------------------------------*/


@media screen and (max-width: 500px){

  #SR7_1_1-6-8{
    font-size: 120px !important;
    transform: translateY(00px) !important;
  }

  #SR7_1_1-6-12{
    font-size: 120px !important;
    transform: translateY(-10px) !important;
  }

  .qodef-page-frame-enabled .qode-page-frame-holder {
    margin-top: 110px !important;
    height: calc(100% - 110px) !important;
  }

}

@media screen and (min-width: 480px){
  .homeSlider, .sr7-staticslide, sr7-content, sr7-module, sr7-mask, sr7-img {
    height: calc(100vh + 10px) !important;
    max-height: calc(100vh + 10px) !important;
  }

}



/*------------------------------------------------- END PORTRAIT-----------------------------------------------*/
/*------------------------------------------------- END PORTRAIT-----------------------------------------------*/