/*
 Theme Name:   Eliophot Base Theme Child
 Theme URI:    https://www.eliophot.com
 Description:  Thème enfant de Eliophot Base Theme
 Author:       Eliophot
 Author URI:   https://www.eliophot.com
 Template:     eliophot-base-theme
 Version:      2.5.0
*/

/*
 Theme Name:   Eliophot Base Theme Child
 Theme URI:    https://www.eliophot.com
 Description:  Thème enfant de Eliophot Base Theme
 Author:       Eliophot
 Author URI:   https://www.eliophot.com
 Template:     eliophot-base-theme
 Version:      2.5.0
*/

/* //////////// Header ///////////// */
.she-header-yes {
width: 100% !important;
}


#header-desktop.active,
#header-desktop.she-header ,
#header-mobile.she-header 
 {
	background-color: #FFF !important;
	transition: none !important;
}

#header-desktop .logo-site svg path, #header-mobile .logo-site svg path, .footer-logo, .footer-logo path, .footer-logo svg{
	fill : #fff
}

#header-desktop.active .logo-site svg,
#header-desktop.she-header  .logo-site svg,
#header-desktop.she-header  .logo-site svg path,
#header-mobile.she-header  .logo-site svg,
#header-mobile.she-header  .logo-site svg path,
#header-mobile.she-header  .burger-icon .elementor-icon,
#header-desktop.active .rs-top i,
#header-desktop.she-header .rs-top i

{
	fill: var( --e-global-color-secondary ) !important;
	color: var( --e-global-color-secondary ) !important;
}

#header-desktop.active .elementor-item:not(:hover),
#header-desktop.she-header .elementor-item:not(:hover),
#header-desktop.she-header .tel-header:not(:hover) a span
 {
	color: var( --e-global-color-secondary ) !important;
	transition: none !important;
}
#header-desktop.she-header .elementor-item, 
#header-desktop.she-header .elementor-item.elementor-item-active  {
	color: var( --e-global-color-bd4be78 ) !important;
}


#header-desktop.active .header-top,
#header-desktop.she-header .header-top
 {
	border-color: var( --e-global-color-secondary ) !important;
}
#header-desktop.active  .menu-principal .e-n-menu-item-title a , 
#header-desktop.active  .menu-principal .e-n-menu-item-title-text,
#header-desktop.she-header  .menu-principal .e-n-menu-item-title a , 
#header-desktop.she-header  .menu-principal .e-n-menu-item-title-text  {
	color: var( --e-global-color-secondary ) !important;
}

.menu-principal .e-n-menu-items-heading {
	row-gap: 0 !important;
}

	.menu-langues .sub-menu {
		/* margin-left: 12px !important; */
		min-width: 50px !important;
	}
	.menu-langues ul.elementor-nav-menu--dropdown a {
		border: none !important
	}
/*** Image overlay an border ***/

.img-border .elementor-image {
	position: relative;
}

.img-border .elementor-image:after {
	content: " ";
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #FFF;
}

.img-overlay .elementor-image:before {
	content: " ";
	background: var( --e-global-color-ba996cc );
	width: 100%;
	height: 100%;
	position:absolute;
}



/*** Colonne hover effect **/
@media screen and (min-width: 1024px) {

	.col-right {
		position:absolute;
		right: 0;
		height: 100%;
		transition: width 0.5s linear;
	}

	.col-left {
		position: absolute;
		left: 0;
		height: 100%;
		transition: width 0.5s linear;
	}	
	/* .col-left:hover .content-left {
		position: absolute;
		left: 15%;
		transform: translateX (-50%);
	} */

	.col-right:hover {
		width: 100% !important;
		z-index: 3;
	}
	.col-left:hover {
		width: 100% !important;
		z-index: 3;
	}

	.col-titre {
			transform: translateY(100px);
			transition: 0.6s ease-in-out;
	}

	.col-soustitre {
			transform: translateY(100px);
			transition: 0.6s ease-in-out;
	}

	.col-texte {
		visibility:hidden;
		transition: 0.4s ease-in-out;
		opacity: 0
	}

	.col-cta {
		visibility:hidden;
		opacity: 0
	}

	.col-left:hover .col-titre,
	.col-right:hover .col-titre {
		transform: translateY(0);
	}

	.col-left:hover .col-soustitre,
	.col-right:hover .col-soustitre {
			transform: translateY(0);
	}

	.col-left:hover .col-texte,
	.col-right:hover .col-texte {
		visibility:visible;
		opacity: 1;
	}

	.col-left:hover .col-cta,
	.col-right:hover .col-cta {
		visibility:visible;
		opacity: 1;
		
	}
}
/***************Services*****************/

@media screen and (max-width: 768px) {
	.services .elementor-icon-box-content .elementor-icon-box-description {
		display:none !important
	}
}



/***************Footer*****************/
@media screen and (max-width: 1024px) {
		.menu-footer .elementor-nav-menu li {
		justify-content: center;
		display: flex;
	}
}

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

	
	.realisepar .elementor-image-box-wrapper {
				display: flex !important;
				flex-direction: row-reverse !important;
			}
}

	.menu-langues-footer .sub-menu {
		margin-left: 0 !important;
		min-width: 50px !important;
	}
	.menu-langues-footer ul.elementor-nav-menu--dropdown a {
		border: none !important
	}

/*Acces rapides */
/* ancien code avec effet au hover
#acces-direct {
	/* transition: width 0.2s linear;
}

#acces-direct:hover{
	--width: 250px !important;
	width: 250px !important;
}

.btn-sticky  {
	width:55px;
	transition: width 0.4s linear 0s,opacity 0.1s ease-in-out 0s,visibility 0.25s ease-in-out 0s,padding 0.25s ease-in-out 0s;
}
.btn-sticky:hover {
	width:230px;
}
.btn-sticky:hover .elementor-button {
	width: 230px;
	transition: none;
}
	

.btn-sticky .elementor-button-text {
	visibility:hidden;
	white-space: nowrap;
	opacity: 0;
	z-index: 7;
	transition: all 0.4s ease-in-out;
	
}
.btn-sticky:hover .elementor-button-text{
		visibility:visible;
		margin-left: 5px;
		opacity: 1;
	
}

.btn-sticky .elementor-button-content-wrapper {
	 border: 1px solid #FFFFFF78;
	 padding: 3px 10px; 

}

.btn-sticky .elementor-button-icon {
	font-size:32px;
	margin-top: -4px;
	
}

.btn-sticky .elementor-button-content-wrapper {
	 display: flex;
	justify-content: center;
	align-items: center;
	
}
*/
/* nouveau code sans l'effet au hover */
#acces-direct {
	/* transition: width 0.2s linear; */
		--width: 250px !important;
	width: 250px !important;
}

.btn-sticky  {
	width:230px;
}

.btn-sticky .elementor-button {
	width: 230px;
	transition: none;
}
	

.btn-sticky .elementor-button-text {
	white-space: nowrap;
	z-index: 7;
	visibility:visible;
	margin-left: 5px;
	opacity: 1;
}

.btn-sticky .elementor-button-content-wrapper {
	 border: 1px solid #FFFFFF78;
	 padding: 3px 10px; 

}

.btn-sticky .elementor-button-icon {
	font-size:32px;
	margin-top: -4px;
	
}

.btn-sticky .elementor-button-content-wrapper {
	 display: flex;
	justify-content: center;
	align-items: center;
	
}

/* Groupe - Timeline */
.timeline .e-n-tab-title {
	padding-bottom:30px;
}
.timeline .e-n-tabs-heading {
	border-bottom:1px solid rgba(16,126,170, .52)
}


/* etablissements - seminaires*/
.filter-btn.active .elementor-button{
	color:var( --e-global-color-27be0bc ) !important;
	background-color:var( --e-global-color-secondary ) !important;
}




/* gabarit - carrousel images */
.carrousel-images .elementor-swiper-button {
	top:100% !important;
	bottom:0;
}
.carrousel-images .elementor-swiper-button-prev {left:0 !important;}
.carrousel-images .elementor-swiper-button-next {left:50px;}

.slider-medias .eicon-chevron-left, 
 .slider-medias .eicon-chevron-right {
	font-family: 'eliofont' !important;
}
.slider-medias .eicon-chevron-left:before {
	content: "\f106" !important;
}

.slider-medias .eicon-chevron-right:before {
	content: "\f107" !important;
}

.slider-medias .elementor-swiper-button {
	top:auto !important;
	bottom:-45px;
}
.slider-medias .elementor-swiper-button-prev {left:40px !important;}
.slider-medias .elementor-swiper-button-next {left:80px;}

/*slider avis */

.slider-avis .eicon-chevron-left, 
 .slider-avis .eicon-chevron-right {
	font-family: 'eliofont' !important;
}
.slider-avis .eicon-chevron-left:before {
	content: "\f106" !important;
}

.slider-avis .eicon-chevron-right:before {
	content: "\f107" !important;
}


.slider-avis .elementor-testimonial__text {
	font-style: initial !important;
}

/*Page destination détail*/
.map-filter {
	    filter: brightness( 100% ) contrast( 100% ) saturate( 9% ) blur( 0px ) hue-rotate( 306deg );
}




.home-etablissements .elementor-widget-container {width:100%;}

/* CTA - habillage */
.etablissement .elementor-cta__content {
	border: 1px solid white;
  margin: 20px 25px;
  width: calc( 100% - 50px);
}
.etablissement .elementor-cta__button-wrapper {
	  position: absolute;
    bottom: 50px;
    left: 0;
}

/* CTA media queries - car min-height pas pris en compte dans elementor si c'est dans un modèle */
.etablissement .elementor-cta__content {
    min-height: 400px !important;;
}
@media screen and (min-width: 768px) {
	.etablissement .elementor-cta__content {
			min-height: 500px !important;;
	}
}
@media screen and (min-width: 1367px) {
	.etablissement .elementor-cta__content {
			min-height: 600px !important;
	}
}

/* CTA - Destination */
.cta-border .elementor-cta__content {
	border: 1px solid white;
  margin: 40px 25px;
  width: calc( 100% - 50px);
}

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

	.cta-hover .elementor-cta__title {
		transform: translateY(150px);
		transition: .5s;
	}
	.cta-hover:hover .elementor-cta__title {

	  transform: translateY(0px);
		
	}
	.cta-hover .elementor-cta__button-wrapper a, .cta-hover .elementor-cta__description {
		visibility: hidden;
		opacity:0;
		transition: all 0.4s ease-in-out;
	}
	.cta-hover:hover .elementor-cta__button-wrapper a, .cta-hover:hover .elementor-cta__description {
		visibility: visible;
		opacity:1;
	}
	
}

.separateur-vertical {
	display: flex;
  flex-direction: column;
  justify-content: center;
}
.separateur-vertical .elementor-widget-container {
	height:60% !important;
}

.adresse-footer a:hover span {
	color:var(--e-global-color-ae594ab ) !important;
}

/* Boutons effets */
.btn-border-wave .elementor-button, 
.btn-cta-wave .elementor-button {
    position: relative
}
.btn-border-wave .elementor-button:hover:after ,
.btn-cta-wave .elementor-button:hover:after {
        opacity: 1;
    visibility: visible;
    
    
}

.btn-border-wave  .elementor-button:after,
.btn-cta-wave  .elementor-button:after {
    background-image: url('/wp-content/uploads/2023/08/border-wave-bleu.svg');
    height: 7px;
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    content: ' ';
    background-size: 100%;
    background-repeat: no-repeat;
    transition: all 0.2s;
    opacity: 0;
    visibility: hidden;
    
}

.btn-cta-wave  .elementor-button {
	border-bottom: 2px solid var( --e-global-color-bd4be78 ) !important;
}

.btn-cta-wave  .elementor-button:hover {
	border-color:transparent !important;
}

.btn-border-wave.blanc  .elementor-button:after {
    background-image: url('/wp-content/uploads/2023/08/border-wave-blanc.svg');
}


/*Chambres */
@media screen and (min-width: 1024px) {
	.col-chambre .titre-chambre {
		Transform :translateY(120px);
		transition: all 0.7s ease-in-out;
		
	}
	.col-chambre .texte-chambre,
	.col-chambre .cta-chambre
	 {
		visibility:hidden;
		opacity: 0;
		transition: all 0.7s ease-in-out;
	}

	.col-chambre:hover .titre-chambre {
		Transform :translateY(0);
		
	}

	.col-chambre:hover .texte-chambre,
	.col-chambre:hover .cta-chambre
	 {
		visibility:visible;
		opacity: 1;
	}
}

/****  Tourisme et activités - CTA ****/
	.cta-texte-gauche .elementor-cta__description {
		max-width: 350px;
	}
	.btn-arrow .elementor-cta__button:before { /* flèche au niveau du bouton */
		content: "\f107";
		font-family: eliofont !important;
		color: white;
		width:10px;
		height:10px;
		position:absolute;
		left: 20px;
	}
	
	@media screen and (min-width:1024px) {
		.cta-texte-gauche .elementor-cta__content .elementor-cta__title,
		.cta-texte-gauche .elementor-cta__content .elementor-cta__description {
			transform: translateY(80px);
		}
		.cta-texte-gauche .elementor-cta__content:hover .elementor-cta__title,
		.cta-texte-gauche .elementor-cta__content:hover .elementor-cta__description {
			transform: translateY(0px);
			transition: 0.6s ease-in-out;
			visibility:visible;
			opacity:1;
		}
		.btn-hidden .elementor-cta__button-wrapper	{
			visibility:hidden;
			opacity:0;
		}
		.btn-hidden .elementor-cta__content:hover .elementor-cta__button-wrapper	{
			visibility:visible;
			opacity:1;
			transition-delay: .3s
		}
	}
	
	/*** HP - CTA maillage ***/
	.cta-fond-anim .elementor-cta {
		align-items: center;
    display: flex;
    justify-content: center;
	}
	.cta-fond-anim .elementor-cta__content {
		width:75%;
		z-index:3;
	}
	.cta-fond-anim .elementor-cta:before {
		content:'';
		width:75%;
		height:75%;
		background:var(--e-global-color-8a592dd );
		position:absolute;
		top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
		transition: 0.6s ease-in-out;
		z-index:2;
	}
	.cta-fond-anim .elementor-cta:hover:before {
		width:100%;
		height:100%;
	}
	/* Séminaires et événements - séparateur liste icone masqué sur petit mobile */
	@media screen and (max-width:390px) {
		.liste-icone-separateur .elementor-icon-list-item:after {
			content:initial !important;
		}
	}
	/*** Thalasso & bien-être ***/
	.slider-medias .swiper-pagination-bullet {
		border: 1px solid var(--e-global-color-secondary);
	}
	.slider-medias .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom:25px;
	}
	@media screen and (min-width:1024px) {
		.visible-hover {
			visibility: hidden;
			opacity:0;
			transition: 0.3s ease-in-out;
		}  
		.col-bg-effect:hover .visible-hover {
			visibility: visible;
			opacity:1;
		}
	}
	
	/* effet zoom sur img bg au hover du container */
	.col-bg-effect .elementor-motion-effects-layer, .col-bg-effect:hover .elementor-motion-effects-layer{
        transform: none !important;
    }
    .col-bg-effect:hover .elementor-motion-effects-layer{
			transform: scale(1.2) !important;
			overflow: hidden;
			transition: all 0.5s ease-in-out;
    }


/* Form contact */

.form-contact .elementor-field-option {
	display: flex;
}
.form-contact .elementor-acceptance-field {
	margin-right: 10px;
}

/* Général */
@media (max-width: 767px){
    .elementor-widget-container .elementor-image img {
    object-fit: cover
 }
}