/*
 Theme Name:   iwego child
 Description:  Theme iwego
 Author:       Iwego
 Template:     iwego
 Version:      1.0.6
*/

/************************************************/
/**                                            **/
/**                 GENERAL                    **/
/**                                            **/
/************************************************/

@media (max-width: 1000px) {
  .section-margin {  margin-top: 9rem; margin-bottom: 9rem;}
}


@media (max-width: 768px) {
  h1 {font-size: 3rem !important; padding: 0 2rem;}
  h2 {font-size: 3rem !important;}
  p, li {font-size: 1.6rem !important;}
  h1, h2, h3, h4, h5, .mobilecenter p, .mobilecenter li {text-align: center;}
  .section-margin {  margin-top: 5rem; margin-bottom: 5rem;}
}



.position-relative{position: relative;}


h1 strong, h2 span,h2 strong{font-weight: 800; font-size: inherit;}
h4 {text-transform: uppercase; margin-bottom: .8rem;}
h4 + h2 {margin-top: 0;}
em, strong {color: inherit;}
strong { font-weight: 700; }
li::marker {color: var(--couleur-principale);}

.homeheader h1{font-size: 2rem;}

.bloc-btn-cta .wp-block-button__link, .btn-cta, .btn-cta-noir, .btn-cta-dore {border-radius: 2.5rem; width: 100%; text-align: center; padding: 1rem 3rem; transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out; position: relative; text-transform: uppercase; font-size: 1.4rem; }

.btn-cta-dore {background-color: var(--couleur-principale);}
.btn-cta-noir {background-color: var(--couleur-texte); color: #fff; }
.btn-cta-noir:hover {box-shadow: inset 25em 0 0 0 white;color: var(--couleur-texte);}

.bloc-btn-cta .wp-block-button__link, .btn-cta {background-color: white;color: var(--couleur-texte); margin: 25px 0 0; border: 1px solid var(--couleur-texte);}
.bloc-btn-cta .wp-block-button__link:hover, .btn-cta:hover, .btn-cta-dore:hover {box-shadow: inset 25em 0 0 0 var(--couleur-texte);color: white;background-color: var(--couleur-texte);}


.title-motif .bloc-text {overflow: visible;}
.title-motif h2 {position: relative;}
.title-motif h2::before {content: ''; background-image: url('/wp-content/uploads/sites/4/2024/09/Logo-fond-Casarosa.svg'); background-size: contain; background-repeat: no-repeat; width: 6rem; height: 6rem; display: inline-block; position: absolute; left: -6rem; top: 50%; transform: translateY(-50%);}

.mainsite .homeheader{margin-top: -10rem;}
.casarosa {font-family: Playfair Display, serif; font-style: italic;}

footer { content-visibility: inherit !important;}


@media (min-width: 600px) {
   .btn-cta, .btn-cta-noir, .btn-cta-dore {width: max-content;}
   }

@media (min-width: 768px) {
   h1 + .section-margin {margin-top: 7rem;}
   }



.tarteaucitronAlertBigTop::after {
    content: '' !important;
    background: url(/wp-content/uploads/sites/4/2024/10/cookie-iwego.png) !important;
    height: 70px !important;
    width: 100px !important;
    position: absolute !important;
    right: 1.1em !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}


/************************************************/
/**                                            **/
/**                 HEADER                    **/
/**                                            **/
/************************************************/
#headermenu { position: inherit; top: 0; z-index: 101; }
.header-menu{text-align: center;}

.sticky .header-menu{display: flex;}
body:not(.mainsite) #headermenu.sticky {background-color: var(--couleur-texte);position: sticky; }
header.sticky * {color: #fff;}

.footer-mobile.phone.active{background-color: white;}

a.logo-header {height: 6rem; margin-bottom: 1rem;}
a.logo-header svg {height: 100%;}
.sticky a.logo-header {height: 5rem; margin-bottom: 0;}
.sticky a.logo-header svg .texte, .sticky a.logo-header svg .texte path {stroke: #fff; fill: #fff;}



.main-menu>li.menu-item>a {font-weight: 400;}


@media (min-width: 768px) {
  a.logo-header {height: 8rem; margin-bottom: 3rem;}
  .sticky a.logo-header {height: 6rem;}
  }


/************************************************/
/**                                            **/
/**                 FOOTER                    **/
/**                                            **/
/************************************************/

footer {padding-top: 2rem;}

.footer-col p,  .footer-col a {font-size: 1.4rem;}
footer .footer-col:first-of-type {width: 100%; text-align: center;}
footer ul.menu {margin-left: 0;}
.menu-menu-copyright-container ul {flex-wrap: wrap;}

footer .footer-copyright{margin-top: 3rem;}
footer .footer-desktop .footer-logo img {width: 15rem; max-width: 100%;}

@media (min-width: 768px) {
footer .footer-col:first-of-type {width: auto; text-align: left;}
footer .footer-arbo {column-gap: 0; flex: 1;}
.footer-col { width: auto;  flex-grow: 1;}
}

@media (min-width: 900px) {
}

@media (min-width: 1000px) {

  .footer-col:nth-child(n+2) {position: relative;}
  body:not(.mainsite) .footer-col:nth-child(n+2)::before {content: ''; width: 1px; height: 80%; background-color: var(--couleur-texte); display: inline-block; position: absolute; left: 0rem; top: 50%; transform: translateY(-50%);}
  .footer-col>div {max-width: max-content; margin: 0 auto;}
  footer .footer-desktop .footer-logo img {width: 20rem;}
    
}


#content-area .ti-widget.ti-goog .ti-review-item > .ti-inner {border-color: black !important;}
#content-area .ti-widget.ti-goog .ti-controls .ti-next::before,#content-area  .ti-widget.ti-goog .ti-controls .ti-prev::before,
#content-area .ti-widget.ti-goog .ti-controls .ti-next::after,#content-area  .ti-widget.ti-goog .ti-controls .ti-prev::after{background: black !important}

body.mainsite .footer-desktop{
flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}


/*.col-border{border-left:1px solid var(--couleur-texte);border-right:1px solid var(--couleur-texte);}*/

/************************************************/
/**                                            **/
/**                INSTITUTS                   **/
/**                                            **/
/************************************************/


.section-texte-hero.container-bloc-texte {padding-top: 0; padding-bottom: 0;}
.section-texte-hero h2 {font-family: 'Lato', sans-serif; font-size: 2.2rem; text-transform: uppercase; font-weight: 300;}
.section-images-hero .bloc-images-hero {column-gap: 2rem; row-gap: 1rem;}
.section-images-hero .bloc-images-hero figure {overflow: hidden;}
.section-images-hero .bloc-images-hero img {height: 20rem; object-fit: cover; width: 100%; transition: all 350ms ease-in-out;}
.section-images-hero .bloc-images-hero img:hover {transform: scale(1.1);}

.italic-playfair p em {font-family: 'Playfair display', serif;}


.bloc-produit .bloc-left:not(.bloc-produit) {justify-content: flex-start;}

h1.entete-titre-produit {padding: 0 2rem;}

.section-galerie.slider-mobile {margin: 0 2rem;}


@media (min-width: 768px) {
.bloc-produit .bloc-image-contain {max-height: 38rem;}
.section-galerie.slider-mobile .grid-item {margin: 0 1rem;}
}

@media (min-width: 1000px) {
  .section-img-radius .background-image-texte-image {border-radius: 35rem 35rem 0 0;}

.section-texte-hero h1 {font-size: 5rem;}
.section-texte-hero p {max-width: 80rem; margin-left: auto; margin-right: auto;}
.section-img-radius .background-image-texte-image {width: 40rem; max-height: calc(100% - 5rem);}
.section-img-radius .bloc-left .background-image-texte-image {margin-left: 5rem;}
.section-img-radius .bloc-right .background-image-texte-image {margin-right: 5rem; margin-left: auto;}
.bloc-produit .bloc-image-contain {max-height: 45rem;}

}


@media (min-width: 1400px) {
  .section-images-hero .bloc-images-hero img {height: 40rem; object-fit: cover; width: 100%;}
  .bloc-produit {margin-top: 7rem;}
}



/************************************************/
/**                                            **/
/**                 ACCUEIL                    **/
/**                                            **/
/************************************************/



@media (min-width: 768px) {
  .image-institut .bloc-image-contain { max-height: 30rem; }
}

@media (min-width: 1000px) {
  .image-institut .bloc-image-contain { max-height: 60rem; }
}


.slider-carre .slick-slider{   aspect-ratio: 1/1; border-radius: var(--border-radius);  overflow: hidden;}
.slider-carre .slick-slider .slick-list, .slider-carre .slick-carousel-texte-image .slick-track {height: 100%;}
.slider-carre .slick-carousel-texte-image:not(.slider-cover) img{max-height: 100%; object-fit: cover;}
.slider-carre .slick-carousel-texte-image:not(.slider-cover) .slick-slide{ margin:0; }
.slider-carre .slick-slider img {border-radius: 0; }
.section-galerie-accueil .slick-carousel-texte-image.slider-cover {height: 30rem;border-radius: var(--border-radius);  overflow: hidden;}
.section-galerie-accueil .slick-carousel-texte-image.slider-cover img {aspect-ratio: 1/1; }




.section-map {position: relative;}
.section-map h2 {margin-top: 0;}
.section-map .container-bloc-carte-openstreetmap {border-radius: var(--border-radius);}
.section-map .bloc-map-infos p {font-size: 1.5rem;}
.section-map .map-col {position: relative; z-index: 1;}
.section-map .btn-cta {margin-left: auto; margin-right: auto;}
.auteur-avis {font-size: 1.3rem;}

.carte-openstreetmap {z-index: 0;}


.section-gammes .bloc-gammes {margin-top: 5rem;}
.section-gammes #bloc-gammes.bloc-gammes .col-gamme  {max-width: 200px; margin: auto;}
.section-gammes .col-gamme .img-radius-anim a {overflow: hidden; transition: all 300ms ease-in-out; width: 20rem; height: 20rem;}
.section-gammes .col-gamme:nth-child(odd) .img-radius-anim a {border-radius: 40rem 40rem .5rem .5rem;}
.section-gammes .col-gamme:nth-child(even) .img-radius-anim a {border-radius: .5rem .5rem 40rem 40rem;}
.section-gammes .col-gamme .img-radius-anim img {object-fit: cover; height: 100%; width: 100%; transition: all 250ms ease-in-out;}
.section-gammes .col-gamme .img-radius-anim a:hover {border-radius: 40rem;}
.section-gammes .col-gamme .img-radius-anim a:hover img {transform: scale(1.05);}
.section-gammes .col-gamme h5 {margin: .8rem 0; font-weight: 600;}
.section-gammes .col-gamme p {font-size: 1.5rem;}
.section-gammes .col-gamme a {font-style: italic; font-size: 1.5rem; text-decoration: underline; position: relative;}
.section-gammes .col-gamme .btn-gamme a::before {content: '>>'; color: var(--couleur-principale); position: absolute; left: -2.5rem;}
.section-gammes .col-gamme p.descriptif-gamme {display: none;}


.section-avis-google .ti-profile-img, .section-avis-google .ti-verified-review {display: none;}
.section-avis-google .ti-widget.ti-goog .ti-review-item .ti-inner {border-radius: 0 !important;}
.section-avis-google .ti-reviews-container .ti-review-item .ti-profile-details {flex-direction: row; justify-content: space-between;}
.section-avis-google .ti-review-item .ti-profile-details .ti-name {font-size: 1.3rem !important; font-weight: 400 !important;}

.section-map .main-container  {position: relative;z-index: 1;}


.container-bloc-texte-image .btn-cta {margin-left: auto; margin-right: auto;}

@media (min-width: 768px) {
.section-gammes .bloc-gammes {margin-top: 7rem;  justify-content: center; column-gap: 7rem;}
.section-gammes #bloc-gammes.bloc-gammes .col-gamme {max-width: 26rem; margin: 0;}
.section-gammes .col-gamme .img-radius-anim a {height: 33rem;}
.section-gammes .col-gamme p.descriptif-gamme {display: block;}
.section-galerie-accueil .slick-carousel-texte-image.slider-cover {height: 40rem;}
.section-map .btn-cta {margin-left: 0; margin-right: 0;}

}


@media (min-width: 900px) {
.container-bloc-texte-image .btn-cta {margin-left: 0; margin-right: 0;}
}



@media (min-width: 1000px) {
  .section-galerie-accueil .slick-carousel-texte-image.slider-cover {min-height: auto; height: auto;}
  .section-map::before {content: "";position: absolute; left: -40rem; top: 50%; background-size: contain;background-repeat: no-repeat; width: 40rem ;height: 66rem;background-image: url(/wp-content/uploads/sites/4/2024/10/motif-casarosa-gris.svg); z-index: 0; transform: translateY(-50%); }
  .section-map .group-border { padding-bottom: 2rem; border-top: 1px solid var(--couleur-texte); }
  .section-gammes .bloc-gammes {column-gap: 10rem;}
  .footer-desktop{padding: 3rem 2rem;}
}

@media (min-width: 1200px) {
  .section-map .group-border { width: 50%;}
  .section-galerie-accueil .slick-carousel-texte-image.slider-cover {height: auto;}
}
@media (min-width: 1380px) {
  .section-map .group-border { width: 85%;}
  .section-map::before {content: "";z-index:0;position: absolute; left: -30rem; background-size: contain;background-repeat: no-repeat; width: 40rem ;height: 66rem;background-image: url(/wp-content/uploads/sites/4/2024/10/motif-casarosa-gris.svg); }

}

@media (min-width: 1600px) {
  .section-map::before {left: -20rem; }

}

/************************************************/
/**                                            **/
/**             SECTION FOND LOGO              **/
/**                                            **/
/************************************************/



.section-logo-fond {overflow-x: clip;}

  .section-logo-fond .main-container  {position: relative;z-index: 1;}
@media (min-width: 1200px) {
  .section-logo-fond:before, .section-logo-fond:after {content: "";position: absolute;top: 0; background-size: contain;background-repeat: no-repeat; width: 40rem ;height: 66rem;background-image: url(/wp-content/uploads/sites/4/2024/10/motif-casarosa-gris.svg); }
  .section-logo-fond:before {left: -30rem; z-index:0; }
  .section-logo-fond:after{right: -30rem; z-index:0;}
  
  }
@media (min-width: 1300px) {
  .section-logo-fond:before {left: -20rem; z-index:0; }
  .section-logo-fond:after{right: -20rem; z-index:0;}
  
  }



/************************************************/
/**                                            **/
/**                 RESPONSIVE                 **/
/**                                            **/
/************************************************/


@media (max-width: 1000px) {
    .wp-block-columns{ padding-left: 2.5rem; padding-right: 2.5rem; }
    

}




.footer-mobile-menu .footer-mobile-logo a {
  height: 6.5rem;
}

.fancybox__content{padding:0 !important;}

.tooltipozeene {position: relative; display: none;}

/* Tooltip arrow */
.tooltipozeene::after {
  content: "L'institut Casarosa Ozenne ouvrira le 12 novembre";
  position: absolute;
  bottom: -70px;
  left: -10px;
  margin-left: -5px;
  width: 100%;
  height: 37px;
  background-color: var(--couleur-principale);
	color:white;
	border-radius: var(--border-radius);
  padding: 1.5rem;
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.tooltipozeene:hover::after {
	display: block;
	opacity: 1;
}