/*
 Theme Name:   Soleil Child Theme
 Theme URI:    http://soleil.axiomthemes.com/
 Description:  Soleil Child Theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com
 Template:     soleil
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  soleil
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.sliderButton, .button1 a{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.content_wrap, .elementor-section.elementor-section-boxed>.elementor-column-gap-extended{
  width: 80vw !important;
  max-width: 100% !important;
}

.page_content_wrap{
  overflow-x: hidden;
}

.grecaptcha-badge{
  display: none !important;
}


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

/* Pour les navigateurs Webkit (Google Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* Largeur de la scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #777; /* Couleur de la poignée de la scrollbar */
  border-radius: 4px; /* Arrondir les coins */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #333; /* Couleur de la poignée de la scrollbar au survol */
}

/* Pour les navigateurs Moz (Firefox) */
scrollbar-color: #777 transparent; /* Couleur de la poignée de la scrollbar */
scrollbar-width: thin; /* Epaisseur de la scrollbar */

{}

/* Pour les navigateurs Webkit (Google Chrome, Safari) */
.productGrid .elementor-column .elementor-widget-text-editor::-webkit-scrollbar {
  width: 5px; /* Largeur de la scrollbar */
}

.productGrid .elementor-column .elementor-widget-text-editor::-webkit-scrollbar-thumb {
  background-color: #c5c5c5; /* Couleur de la poignée de la scrollbar */
  border-radius: 2px; /* Arrondir les coins */
}

.productGrid .elementor-column .elementor-widget-text-editor::-webkit-scrollbar-thumb:hover {
  background-color: #b5b5b5; /* Couleur de la poignée de la scrollbar au survol */
}

/* Pour les navigateurs Moz (Firefox) */
.productGrid .elementor-column .elementor-widget-text-editor, .accompagnement .sc_icons_item_description span {
  scrollbar-color: #c5c5c5 transparent;
  scrollbar-width: 5px;
}

.justifyCenter{
  justify-content: center;
}

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


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

.clear{

}

.process .sc_title_descr, .menu_mobile .menu_mobile_inner a, .menu_mobile .menu_mobile_inner .menu_mobile_nav_area li:before, footer h3, footer p, footer a, .red p{
  color: #10271d !important;
}

.bubble p span, .menu_mobile_nav_area .current-menu-ancestor > a, [class*="scheme_"].sc_layouts_row_type_compact .red.sc_layouts_item{
  color: #D23A32 !important;
}

.process h3{
  color: #2263B7 !important;
}

.menu_mobile .menu_mobile_widgets_area a, .sc_layouts_menu_nav > li li > a{
  color: #F8F2DC !important;
}

.topbar span{
  color: #fff !important;
}

header .section1{
  background-color: #2263B7 !important;
}

.menu_mobile .menu_mobile_inner{
  background-color: #fff !important;
}

footer{
  background: #E8E8F4;
  /* background: linear-gradient(90deg, rgba(34,99,183) 0%, rgba(30,87,158,1) 100%); */
}

.menu_mobile .menu_mobile_widgets_area, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs){
  background: rgb(34,115,170);
  background: linear-gradient(90deg, rgba(34,99,183) 0%, rgba(30,87,158,1) 100%);
}

footer .section1{
  background: rgb(0,0,137,1);
}

h1 i:after, h2 i:after, h3 i:after, .sc_layouts_title_caption i:after{
  border-color: #D23A32 !important;
}


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

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

h1{
  font-size: calc(24px + 2vw) !important;
}

h2{
  font-size: calc(4px + 2vw) !important;
}

.home h1 {
  font-size: calc(10px + 2vw) !important;
}

body:not(.home) h1 .sc_item_title_text2{
  font-size: calc(3px + 2vw);
}

.post_layout_classic .post_title{
  font-size: 23px !important;
}

.strongpoints2 .sc_icons_item_description, .sc_icons_item_description, .sc_layouts_menu_nav, .process .sc_title_descr, .elementor-widget-text-editor p, .sc_services_strong .sc_services_item_text, .sc_item_descr {
  font-size: 16px !important;
}

.process .sc_title_descr{
  line-height: 1.6 !important;
}

h1, h1 .sc_item_title_text2, h2{
  line-height: 1.2 !important;
}

h3{
  letter-spacing: -0.5px;
}

.strongpoints2 .sc_icons_item_description{
  text-align: left;
}

.sc_icons .sc_icons_item_description span{
  text-align: justify;
}

.centerText .sc_icons .sc_icons_item_description span{
  text-align: center;
}



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


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

.strongpoints .sc_icons_item_more_link{
  display: none !important;
}

.imgBlock img{
  max-height: 85vh;
  aspect-ratio:1;
}

.serviceGrid .sc_services_item{
  border-radius: 15px 15px 0 0 ;
}

.serviceGrid .trx_addons_column-1_3{
  padding-left: 25px;
  padding-right: 25px;
}

.serviceGrid .trx_addons_column-1_2 {
  height: 400px;
}

.serviceGrid .sc_services_strong .sc_services_item_text{
  max-height: 18.8em !important;
}

.backAfter::after{
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2023/09/back2.png);
  right: -100px;
  top: -400px;
  width: 300px;
  height: 1400px;
  opacity: 0.17;
  background-size: cover;
}

.bubble{
  box-shadow: rgba(0,0,0,0.1) 0 10px 15px;
  border-radius: 14px;
}

.content h3{
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 25px;
}

.wp-caption img{
  object-fit: cover;
}

.process .elementor-column{
  box-shadow: rgba(0,0,0,0.09) 0 5px 15px;
  border-radius: 14px;
  padding: 0px 15px 25px;
  overflow: hidden;
  transition: all 0.2s
}

.process .elementor-column:hover{
  transform: translateY(-15px);
}

.process h3{
  padding-bottom: 0 !important;
}

.process .sc_item_descr{
  margin-top: 10px !important;
  max-width: 100%;
}

.process .sc_title_subtitle{
  font-size: 250px;
  top: -40px;
  opacity: 0.08;
  left: 107%;
}

.process h3{
  font-size: 21px;
  margin-bottom: 20px !important;
  line-height: 1.2;
}

.after h2 i:after, .after h1 i:after{
  top: 61%;
}

.brandSlider .elementor-image-carousel{
  align-items: center;
}

.brandSlider img{
  max-width: 200px;
  max-height: 80px;
}

.largeDesc .sc_item_descr{
  max-width: 85%;
}

.accompagnement .trx_addons_column-1_4{
  width: 50% !important;
  margin-bottom: 30px;
}

.accompagnement .sc_icons_item_more_link{
  margin-top: 20px !important;
}

.accompagnement .sc_icons_item_details{
  margin-top: 20px !important;
}

.accompagnement2  .sc_icons_item{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.accompagnement2 .trx_addons_column-1_2-tablet{
  padding-right: 25px !important;
}

.column > div{
  flex-direction: column;
}

.slogan{
  position: absolute;
  margin-top: -250px;
}

.slogan h3{
  max-width: 42vw;
  padding-left: 30px;
  transform: rotate(-3deg);
}

p img.alignright{
  max-width: 50vw !important;
}




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






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

.sliderButton, .button1 a{
  background: rgb(210,58,50);
  background: linear-gradient(260deg, rgba(247,68,59,1) 0%, rgba(210,58,50,1) 100%) !important;
}

.sliderButton:hover, .button1 a:hover{
  background: rgb(210,58,50) !important;
  background: linear-gradient(260deg, rgba(210,58,50,1) 0%, rgba(210,58,50,1) 100%) !important;
}

.button2 a{
  background: rgb(34,115,170);
  background: linear-gradient(90deg, rgba(34,99,183) 0%, rgba(30,87,158,1) 100%);
}

.button2 a:hover{
  background: rgb(34,115,170);
  background: linear-gradient(90deg, rgba(34,99,183) 0%, rgba(30,87,158,1) 100%);
}

.button1a .sc_button_icon{
  font-size: 20px !important;
}

.button1a a{
  font-size: 15px !important;
}

.button1b{
  text-align: center;
}

.button1b a{
  padding: 16px 40px;
  border-radius: 30px;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
}




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

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

header{
  transition: all 0.4s;
  -webkit-transition:all 0.4s;
}

header{
  position: sticky !important;
  top: 0;
  background-color: rgb(255,255,255,0) !important;
  margin-bottom: -97px;
}

header #mainLogo{
  width: 18% !important;
  margin-right: 0 !important;
}

header .logo_image{
  width: auto;
  object-fit: contain;
}

header #mainNav{
  width: 60% !important;
}

header .elementor-widget-trx_sc_layouts_menu nav{
  text-align: center;
}

.scrolled header{
  top: -40px;
  background-color: rgb(255,255,255) !important;
  box-shadow: rgba(0,0,0,0.1) 0 2px 6px;
}

header .innerSection1{
  width: 82% !important;
}

header .innerSection1.elementor-section.elementor-section-boxed>.elementor-column-gap-extended{
  width: auto !important;
}


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


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

footer .logo_image{
  width: 250px;
}

footer section{
  background-color: transparent !important;
  z-index: 9;
}


/* footer::after {
  content: "";
  background: url(/wp-content/uploads/2022/11/icon.svg);
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-repeat: no-repeat;
  filter: saturate(0);
  opacity: 0.23;
  background-size: 400px;
  background-position: 98%;
  z-index: 0;
} */

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


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


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

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

.imageSlider {
  height: 100vh !important;
}

.imageSlider img{
  border-bottom-left-radius: 30px;
  object-fit: cover;
}


.home .page_content_wrap{
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
}


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

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

.page_service .page_content_wrap{
  padding-top: 100px;
}

.herosection {
  width: 101vw !important;
  left: -9.5vw !important;
}

.heroSection .img1 img{
  aspect-ratio: 0.8 !important;
  object-fit: cover;
}

.heroSection .img2 img{
  aspect-ratio: 0.8 !important;
  object-fit: cover;
}

.strongpoints2 .trx_addons_column-1_4{
  width: 50%;
}

.strongpoints2 .sc_icons_item{
  padding: 40px 0 0;
}

.strongpoints3 .trx_addons_column-1_5 {
  width: 33%;
}

.strongpoints3 .trx_addons_column-1_5:nth-of-type(4), .strongpoints3 .trx_addons_column-1_5:nth-of-type(5){
  width: 50%;
}

.productGrid > div{
  flex-wrap: wrap;
}

.productGrid .elementor-column{
  width: 50%;
  margin-bottom: 80px !important;
}

.productGrid2 .elementor-column {
  width: 33%;
}

.productGrid .elementor-column .elementor-widget-heading, .productGrid .elementor-column .elementor-widget-text-editor, .productGrid .button1{
  background: #fff;
}


.productGrid2 .elementor-column .elementor-widget-heading, .productGrid2 .elementor-column .elementor-widget-text-editor, .productGrid2 .button1{
  background: #0000890F;
}

.productGrid img{
  border-radius: 15px 15px 0 0 !important;
}

.productGrid .elementor-column .elementor-widget-heading{
  padding: 15px 20px
}

.productGrid .elementor-column .elementor-widget-text-editor{
  padding: 0 20px 15px;
  height: 350px;
  overflow-y: auto;
}

.productGrid2 .elementor-column .elementor-widget-text-editor{
  height: 150px;
}

.productGrid li{
  padding: 5px 0;
}

.productGrid .button1{
  border-radius: 0 0 15px 15px;
  padding-bottom:  25px;
  padding-top: 20px;
}

.productGrid .elementor-widget-image img{
  width: 100%;
  aspect-ratio: 1.8;
  object-fit: cover;
}






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

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

.archive.category .top_panel{
  position: relative !important;
}

.single-post header{
  background: #fff !important;
}

.single-post .content{
  width: 80vw !important;
}

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


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


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

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

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

  .strongpoints2 .sc_icons_item_description, .sc_icons_item_description, .sc_layouts_menu_nav, .process .sc_title_descr, .elementor-widget-text-editor p, .sc_services_strong .sc_services_item_text, .sc_item_descr {
    font-size: 18px !important;
  }


}



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

  .strongpoints2 .sc_icons_item_description, .sc_icons_item_description, .sc_layouts_menu_nav, .process .sc_title_descr, .elementor-widget-text-editor p, .sc_services_strong .sc_services_item_text, .sc_item_descr {
    font-size: 20px !important;
  }


}



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


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

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

  .bubble{
    right: -25px !important;
  }

  header .section2{
    padding: 3px 40px 0px 40px !important;
  }


}



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

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


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

  .sc_layouts_item_menu_mobile_button, .sc_layouts_menu_mobile_button{
    display: block !important;
  }

  .sc_layouts_menu_mobile_button + .sc_layouts_menu, .menu_button_close_text{
    display: none !important;
  }

  header .logo_image{
    max-height: 65px !important;
  }

  header #mainNav {
    width: auto !important;
    order: 3;
    margin-left: 70px;
    margin-right: 0;
  }

  .menu_mobile .sub-menu{
    padding: 0 0 30px !important;
  }

  .menu_mobile .menu_mobile_nav_area .menu-item > a{
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -1px;
  }

  .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before, .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon:before{
    font-size: 25px;
  }

  .menu_mobile .menu_mobile_close .menu_button_close_icon:before{
    font-size: 30px;
    font-weight: 600;
  }

}

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

  .logoGrid img{
    max-height: 90px;
    width: auto;
  }

  header #mainLogo {
    width: 25% !important;
  }

  header .innerSection1 {
    width: 75% !important;
  }

  .content_wrap, .elementor-section.elementor-section-boxed>.elementor-column-gap-extended{
    width: 94vw !important;
    max-width: 100% !important;
  }

  .herosection {
    left: -2.5vw !important;
  }

  body:not(.home) h1 .sc_item_title_text2{
    display: block;
    line-height: 0.9 !important;
  }

  .productGrid .elementor-column{
    width: 50%;
    margin-bottom: 80px !important;
  }

  .process h3 {
    font-size: 18px;
  }

  .process .elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
  }

  .strongpoints .trx_addons_column-1_4{
    padding-bottom: 0 !important;
  }

  .imgBlock img {
    aspect-ratio: 0.8;
  }

  .serviceGrid .sc_services_item_content_inner{
    padding: 20px !important;
  }

  .logoFooter img{
    width: auto;
  }


}

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

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

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

  h2 {
    font-size: calc(17px + 2vw) !important;
  }

  .sc_icons_item_description span{
    font-size: 16px !important;
  }

  .sc_icons_item_description span{
    text-align: left !important;
  }

  .sliderSection{
    height: 100vh;
  }

  header .section2 {
    padding: 0px 10px 0px 15px !important;
  }

  .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before, .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon:before{
    font-size: 20px;
  }

  .menu_mobile .menu_mobile_close .menu_button_close_icon:before{
    font-size: 25px;
  }

  header #mainLogo {
    width: 40% !important;
  }

  header .innerSection1 {
    width: 60% !important;
  }

  header .sc_button:not(.sc_button_simple){
    padding: 10px 20px !important;
  }

  header .sc_button_title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 5em;
  }

  header #mainNav{
    margin-left: 40px;
  }

  .menu_mobile .menu_mobile_close .menu_button_close_icon:before{
    color: #10271d;
  }

  header #mainLogo {
    width: 33% !important;
  }

  header .innerSection1 {
    width: 67% !important;
    padding-right: 10px;
  }

  body:not(.home) h1 .sc_item_title_text2 {
    font-size: calc(8px + 2vw);
    line-height: 2 !important;
  }

  .single-post .content{
    width: 90vw !important;
  }

  .productGrid .elementor-column{
    width: 100%;
  }

  .home h1 {
    font-size: calc(17px + 2vw) !important;
  }

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

  h3{
    font-size: 19px !important;
  }

  h4{
    font-size: 17px !important;
  }

  .content h3 {
    font-size: 17px !important;
  }

  .single-post .content h3 {
    margin-bottom: 20px;
    margin-top: 45px;
  }

  .menu_mobile_content_wrap{
    padding-left: 20px;
    padding-top: 30px;
  }

  .menu_mobile_content_wrap nav > ul > li {
    padding: 10px 0;
  }

  .strongpoints .trx_addons_column-1_4{
    width: 50% !important;
    padding: 0 !important;
  }

  .strongpoints .sc_icons_figure .sc_icons_item{
    padding: 20px 8px !important;
  }

  .accompagnement .sc_icons_item_description span{
    max-height: 200px;
    overflow: scroll;
    padding-right: 5px;
  }

  p img.alignright{
    float: right !important;
    margin: 15px 0 15px 25px !important;
  }

  .single-post .post_header_wrap_in_header{
    padding-top: 80px;
  }

  p img.alignright{
    max-width: 60vw !important;
  }



}


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

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


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

  header .section1 .sc_layouts_item_details_line1{
    font-size: 12px;
  }

  header #mainLogo {
    width: 50% !important;
  }

  header .innerSection1 {
    width: 50% !important;
  }

  body:not(.home) h1 .sc_item_title_text2 {
    font-size: calc(10px + 2vw);
  }

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



}



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