/* 
Theme Name: Hello Elementor Child
*/


/* home page */
/* home page - hero section, logo in the h1 */
.logo { position: relative !important; padding: 0 !important; margin: 0 !important; height: auto !important; display: inline-block!important; }
.logo-title { width: 63px !important; height: auto; }
.sous-titre { font-weight: 100; color: #686868; font-size: 3.2rem!important; display: block; padding: 0 !important; margin-top: 7px!important; }

/* category loop home */
.gallery-cat-homepage .owl-item { border-radius: 20px;min-width: 230px !important; } /* A VERIF */
.gallery-cat-homepage .owl-item .uc_image_carousel_content {padding: 0px !important;}
.gallery-cat-homepage .owl-item .uc_image_carousel_content .uc_post_title {display: flex;flex-direction: column;align-items: center;}
.gallery-cat-homepage .owl-item .uc_image_carousel_content .uc_post_title > a {
  color: #29398d !important;
  font-weight: 700 !important;
  font-size: 1.31rem !important;
  line-height: normal !important;
  font-family: Montserrat !important;
  margin: 5px 0 !important;
}
.gallery-cat-homepage .owl-item .uc_image_carousel_content .uc_post_title > a::first-letter { text-transform: uppercase !important;}
.gallery-cat-homepage .owl-item .uc_image_carousel_content .uc_cat_carousel_style_one_item_num_posts {
  font-size: 0, 825rem !important;
  font-family: Montserrat !important;
  color: #686868 !important;
  font-weight: var(--e-global-typography-primary-font-weight) !important;
}
.gallery-cat-homepage .owl-item .uc_image_carousel_container_holder { padding: 20px !important; }
.gallery-cat-homepage .owl-item .uc_image_carousel_placeholder .carousel-image { height: 110px !important;}


  .hero-section-bg, .bg-hero { 

		min-height: calc(100vh - var(--header-height) - 15px)!important; 
		box-sizing: border-box!important;
}


/*  TABLETTE */
@media all and (max-width: 1024px) {
     /* homepage */
  .logo-title { width: 50px!important; height: auto; }
  .sous-titre { font-size: 3.25rem !important; margin-top: 0px !important; }

}

/* TELEPHONE */
@media screen and (max-width: 767px) {
     /* homepage */
  .bg-hero { background: transparent!important;}
  .faq-bg {height: 600px!important;background: none!important;}
  .faq-bg  > div {padding: 0!important;}


  .logo-title{
      width: 2.3rem!important;
      height: auto;

  }
    .logoTItleContainer {
        font-size:3rem!important;
    }
    .sous-titre {
        font-weight: 100;
        color: #686868;
        margin-top:0px!important;
        font-size: 2.5rem!important;
      
    }
}



.bg-hero {
  background-size: auto 100%;
  background-position: right -400px center!important;
}


@media all and (max-width:1124px){
  .bg-hero {
  background-size: auto 100%;
  background-position: right -380px center!important;
}

}