.oblic-top
{

	aspect-ratio:20;
	clip-path: polygon(0 0, 100% 100%, 100% 100%, 0% 100%);
	
}

.oblic-bottom
{

	aspect-ratio:20;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
	
}


.ti-widget.ti-goog .ti-widget-container
{
	text-align:left!important;
}


.ti-widget.ti-goog .ti-top-rated-title, .ti-widget.ti-goog .ti-widget-container *
{
	font-size:12px!important;
}

html body .ti-widget.ti-goog .ti-stars .ti-star
{

	width:12px!important;
	height:12px!important;
}


.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open
{
	
	max-width:350px;
	width:75vw;
	left:auto!important;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transition: all 0.2s ease-in-out;
}

.with-arrow .wp-block-button__link:after {
  content: "";
  width: 24px;
  height: 16px;
  display: inline-block;
  background-color: currentColor; /* Couleur héritée du texte */
  mask: url("../assets/img/right.svg") no-repeat center;
  mask-size: contain;
  margin-left: 8px;
  margin-bottom: -4px;
  transition: transform 0.4s ease-in-out, background-color 0.2s ease-in-out;
}

.with-eye .wp-block-button__link:before {
  content: "";
  width: 24px;
  height: 22px;
  display: inline-block;
  background-color: currentColor; /* Couleur héritée du texte */
  mask: url("../assets/img/eye.svg") no-repeat center;
  mask-size: contain;
  margin-right: 8px;
  margin-bottom: -6px;
  transition: transform 0.4s ease-in-out, background-color 0.2s ease-in-out;
}

.calendar .wp-block-button__link:before {
  content: "";
  width: 24px;
  height: 22px;
  display: inline-block;
  background-color: currentColor; /* Couleur héritée du texte */
  mask: url("../assets/img/calendar.svg") no-repeat center;
  mask-size: contain;
  margin-right: 8px;
  margin-bottom: -6px;
  transition: transform 0.4s ease-in-out, background-color 0.2s ease-in-out;
}



.with-arrow:hover .wp-block-button__link:after
{
    transform:translateX(4px);
}





@media(max-width:724px)
{
	.hide-mobil
	{
		display:none!important;
	}
	.split-grid
	{
		grid-template-columns: 1fr 1fr!important;
		gap:24px;
	}
}
@media(max-width:860px)
{
	.hide-mobil.first
	{
		display:none!important;
	}
}


.wp-block-button__link
{
	transition: transform 0.2s ease-in!important;
}

/* Button hover */
.wp-block-button__link:hover {
    background-color: white;
    color: var(--wp--preset--color--custom-red);
   

}


.is-style-outline .wp-block-button__link:hover
{
	border-color:white!important
}

.wp-block-button__link
{
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}


a.wp-block-navigation-item__content:hover
{
	color: var(--wp--preset--color--custom-red)!important;
}




/*********** ANIMATIONS  *************/


@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#site-editor .anim-entry-left, #editor .anim-entry-left, #site-editor .anim-entry-right, #editor .anim-entry-right
{
   opacity:1;

   
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}



@keyframes fadeInZoom {
    from {
        opacity: 0;
        transform: scale(0.7);
         transform-origin: center!important;
    }
    to {
        opacity: 1;
         transform: scale(1);
          transform-origin: center!important;
    }
}



@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
          transform: translateY(0);
    }
}

.anim-entry-bottom, .anim-entry-left, .anim-entry-right, .anim-entry-zoom {
    opacity: 0;
}


.fadeInBottom {
    animation: fadeInBottom 0.5s ease-in-out forwards;
}

.anim-delay
{
	animation-delay: 300ms!important;
	 transform-origin: center!important;

}



 #site-editor .anim-entry-left, #site-editor .anim-entry-right, #site-editor .anim-entry-zoom,
 #site-editor .anim-entry-bottom, #editor .anim-entry-left,   #editor .anim-entry-right,
 #editor .anim-entry-zoom, #editor .anim-entry-bottom, #site-editor .anim-entry-zoom, #editor .anim-entry-zoom
      {
    opacity: 1!important;
    }
   

.anim-entry-zoom
{
   opacity:0; 


}
 .fadeInZoom {
        animation: fadeInZoom 0.35s ease-out forwards;
         transform-origin: center!important;
    }

    .fadeInLeft {
    animation: fadeInLeft 0.5s ease-in-out forwards;
    }
    .fadeInRight {
    animation: fadeInRight 0.5s ease-in-out forwards;
    }



    @media(max-width:1023px)
    {
    	body .is-layout-flex.break-1024
    	{
    		flex-direction:column;
    	}
         :root {
          --wp--preset--spacing--80: 48px;
        }
    	.fadeInLeft {
    animation: fadeInBottom 0.5s ease-in-out forwards;
    }
    .fadeInRight {
    animation: fadeInBottom 0.5s ease-in-out forwards;
    }
    }


form.wpcf7-form
{


padding:24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
max-width:480px;
border-radius:4px;
margin:auto;

}

form.wpcf7-form input
{
    height:24px;
    width:100%;
  margin-top:8px;
    border:1px solid #f2f2f2;
    border-radius:4px;
}
form.wpcf7-form textarea
{
   
    width:100%;
  margin-top:8px;
    border:1px solid #f2f2f2;
    border-radius:4px;
    height:188px;

}

form.wpcf7-form  input[type="submit"]
{
  background-color: var(--wp--preset--color--custom-yellow);
border-width: 0;
color: var(--wp--preset--color--black);
font-family: var(--wp--preset--font-family--biorhyme);  
color: var(--wp--preset--color--black);
box-shadow: var(--wp--preset--shadow--natural);
display: flex;
justify-content: center;
align-items: center;

height: 36px;
font-size: 18px;
cursor:pointer;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

}

form.wpcf7-form  input[type="submit"]:hover
{
     background-color: var(--wp--preset--color--custom-red);
     color:white!important;

}

#photos .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img
{
    height:224px!important;
}