/* 
Theme Name: Hello Eliophot Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team & Eliophot
Author: Eliophot
Author URI: https://www.eliophot.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready, Eliophot
*/

/* Réparation slider */
.elementor-carousel-image {
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}

/***** Header *****/
@media screen and (max-width: 1200px) {
	.header-btn-resa .elementor-icon-list-text, .header-btn-offres .elementor-icon-list-text {
		display:none !important;
	}
}
@media screen and (max-width: 768px) {
	.header-btn-resa .elementor-widget-container {
		margin: 0 !important;
	}
}
.header-titre .elementor-heading-title {
	text-align: center;;
}
/***** Footer *****/
.footer-coord a {
	font-weight: 600 !important;
}
.menu-footer a {
	text-decoration: underline !important;
}
.menu-footer a:hover {
	opacity: 0.8;
}
/* footer mobile */
@media screen and (max-width: 768px) {
	.footer-bis .col1 { /* col eliophot */
		order:4;
	}
	.footer-bis .col2 { /* col RS */
		order:1;
	}
	.footer-bis .col3 { /* logo */
		order:3;
	}
	.footer-bis .col4 { /* menu */
		order:2;
	}
}
/* quick access */
.col-lang .sub-menu {
	margin-left: 0 !important;
	margin-top: -76px !important;
	background: white !important;
	box-shadow: -2px -4px 10px 0px #00000022 !important;
	padding: 7px 11px !important;
}
.col-lang .trp-language-switcher-container .sub-menu a {
	padding:0 !important;
}
/* Popup menu */
.popup-menu .eicon-close:before {
	content: "\f15e";
	font-family: eliofont;
}
.nav-menu-principal li li a {
	text-transform:initial !important;
	font-size: 1.2rem !important;
	border-left: none;
	padding: 0 0 12px 0 !important;
}
.nav-menu-principal .elementor-nav-menu--dropdown .elementor-item:focus {
	background:none;
}
.popup-menu-secondaire a:hover {
	opacity:0.8;
}
/* gestion des couleurs */
.section-popup a:hover {
	color:var( --e-global-color-8c42879 ) !important;
	transition: all .5s ease-out;
}
.bleu a:hover, .highlighted {
	transition: all .5s ease-out;
	color:var( --e-global-color-secondary ) !important;
}
.hebergements li a:hover {
	margin-left:8px;
	border-left:none;
}
.popup-menu .bleu .elementor-button {
	border-color: var( --e-global-color-secondary ) !important;
	color: var( --e-global-color-secondary ) !important;
}
.popup-menu .elementor-button .elementor-button-icon {
	transition: all .5s ease-out;
	stroke: var( --e-global-color-primary );
}
.popup-menu .elementor-button:hover .elementor-button-text {
	color: white !important;
}
.popup-menu .elementor-button:hover .elementor-button-icon {
	stroke: white;
}
.popup-menu .bleu .elementor-button .elementor-button-icon {
	stroke: var( --e-global-color-secondary );
}
.popup-menu .bleu .elementor-button .elementor-button-text {
	color: var( --e-global-color-secondary ) !important;
}
.popup-menu .bleu .menu-popup-rs svg {
	fill: var( --e-global-color-secondary ) !important;
}
/* sous menu */
.popup-menu .elementor-sub-item:focus {
	background:none;
}
.popup-menu .elementor-sub-item.elementor-item-active {
	color: var( --e-global-color-secondary ) !important;
}
/* affichage des fleurs */
@media screen and (min-width: 1024px) {
	.section-popup.bleu .fleur-accueil, .section-popup.bleu .fleur-spa, .section-popup.bleu .fleur-resto,
	.section-popup.accueil .fleur-spa, .section-popup.accueil .fleur-chambres, .section-popup.accueil .fleur-resto, 
	.section-popup.spa .fleur-accueil, .section-popup.spa .fleur-chambres, .section-popup.spa .fleur-resto,
	.section-popup.resto .fleur-accueil, .section-popup.resto .fleur-chambres, .section-popup.resto .fleur-spa {
		opacity:0;
	}
	.section-popup.accueil .fleur-accueil, .section-popup.bleu .fleur-chambres, .section-popup.spa .fleur-spa, .section-popup.resto .fleur-resto {
		opacity:1;
		transition: all 1s ease-out;
	}
}

@media screen and (max-width: 768px) {
	.popup-menu-secondaire a {
		text-transform: initial;
	}
	.nav-menu-principal nav a {
		justify-content: center;
	}
	.nav-menu-principal nav {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
/***** Page d'accueil *****/
/* Bouton */
.elementor-button {
	overflow:hidden;
	position:relative;
	/* border: 1px solid #fff !important; */
}
.elementor-button:before {
  content: "";
  position:absolute;
  margin:-8px;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  background-color: var( --e-global-color-secondary );
  bottom: 0;
  left: 0;
 }
.elementor-button:after {
  content: "";
  position:absolute;
  margin:-8px;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  background-color: var( --e-global-color-secondary );
  top: 0;
  right: 0;
}
.blanc .elementor-button:before, .blanc .elementor-button:after {
	background-color:white;
}
.btn-noir .elementor-button:before, .btn-noir .elementor-button:after {
	background-color:#363535;
}
.popup-resa .elementor-button:before, .popup-resa .elementor-button:after {
	content:none;
}

/* slider */
.hp-top-slider .elementor-custom-embed-play {
	top:55%;
}
@media screen and (min-width: 1024px) {
	.elementor-widget-media-carousel .elementor-swiper-button-prev {
		left: 50px;
	}
	.elementor-widget-media-carousel .elementor-swiper-button-next {
		right: 50px;
	}
}
/* strate 1 - 2 colonnes */
@media screen and (max-width: 768px) {
	.hp-sect-image-texte { /* sur mobile on ne peut pas gérer le dégradé par device */ 
		background-image: linear-gradient(180deg, var( --e-global-color-primary ) 95%, var( --e-global-color-87fed59 ) 95%) !important;
	}
}
@media screen and (min-width: 1600px) {
	.hp-sect-image-texte .sect-texte > div {
		margin-right: 30px;
	}
}
/* bloc 6 CTA */
/* .hp-cta-chambres .elementor-cta__content { */
	/* opacity:0; */
/* }	 */
/* .hp-cta-chambres:hover .elementor-cta__content { */
	/* opacity:initial; */
/* } */
.hp-cta-chambres .elementor-cta__content {
	align-content: space-between;
}
.hp-cta-chambres .elementor-cta__bg-overlay {
	margin:10%;
}
.hp-cta-chambres .elementor-cta__title span {
	display:block;
	font-family: var( --e-global-typography-d942c58-font-family ), Sans-serif;
    font-size: var( --e-global-typography-d942c58-font-size );
	text-transform: initial;
}
/* je mets le zoom in manuellement sur desktop car sur iphone le bloc texte ne s'affiche pas par défaut */
@media screen and (min-width: 1024px) {
	.hp-cta-chambres:hover .elementor-bg {
		transform: scale(1.2);
		transition-duration: 2500ms;
	}
}

/* Swyper Accueil Chambres */
@media screen and (max-width: 1024px) {
	.hp-cta-chambres .elementor-widget-container {
		width: 90%;
	}
	.swiper-hp-chambres .elementor-column-wrap {
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		z-index: 1;
		padding:4px;
		--grid-column-gap: 0 !important;
	}
	.swiper-hp-chambres .elementor-column-wrap .elementor-widget-wrap {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		transition-property: transform;
		box-sizing: content-box;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.swiper-hp-chambres .elementor-column-wrap .hp-cta-chambres {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center; 
		justify-content: center;
		-webkit-box-align: flex-start;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: flex-start;
	}
}

/* Bloc carré superposé sur la home */
.hp-cta-carre .elementor-cta { 
	height: 36vh;
	width: 36vh
}
.hp-cta-carre .elementor-widget-container {
	justify-content: end;
    display: flex;
}	
.hp-cta-carre .elementor-cta__description { 
		text-align: right;
		margin-right: 20px;
}
@media screen and (min-width: 768px) {
	.hp-cta-carre .elementor-cta { 
		height: initial;
	}
}
@media screen and (min-width: 1024px) {
	.hp-cta-carre .elementor-cta { /* Bloc carré superposé sur la home */
		height: 45vh;
		width: 45vh;
	}
	.hp-cta-carre .elementor-widget-container {
		justify-content: flex-start;
	}
	.hp-cta-carre .elementor-cta .elementor-cta__title { 
		max-width:200px;
	}
	.hp-cta-carre .elementor-cta__content { 
		display: flex;
		justify-content: center;
	}
	.hp-cta-carre .elementor-cta__description { 
		max-width: 250px;
	}
}
/* Page interne - Bloc maillage */
@media screen and (min-width: 768px) {
	.bloc-maillage {
		max-width: 70%;
	}
}
@media screen and (min-width: 1024px) {
	.bloc-maillage {
		max-width: 100%;
	}
}
@media screen and (min-width: 1600px) {
	.bloc-maillage {
		max-width: 75%;
	}
}
/* blocs liste des chambres */
.section-liste-chambres .eliophot-room__container .eliophot-room__group {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background:rgba(132,166,182,.95);
}
@media screen and (min-width: 768px) {
	.section-liste-chambres .eliophot-room__container .eliophot-room__group {
		padding: 1em 2em;
	}
}
@media screen and (min-width: 1024px) {
	.section-liste-chambres .eliophot-room__container .eliophot-room__group {
		padding: 2em 4em;
	}
}
.section-liste-chambres .eliophot-room__cta_button_main {
	display:none !important;
}
.section-liste-chambres .eliophot-room__cta_buttons .elementor-button:before, .section-liste-chambres .eliophot-room__cta_buttons .elementor-button:after {
	background-color:white;
}
.section-liste-chambres .eliophot-room__title .first-word {
	font-family: var(--e-global-typography-3b34164-font-family ), Sans-serif !important;
    font-size: var(--e-global-typography-3b34164-font-size ) !important;
	text-transform: uppercase;
}
.picto-chambre {
	margin-bottom:15px !important;
}
@media screen and (max-width: 767px) {
	.picto-chambre {
		width:50% !important;
	}
}
@media screen and (max-width: 1023px) {
	.chambre-description .elementor-widget-container {
		margin:0 !important;
	}
}
/* Form contact */
.contact-form .elementor-button:before, .contact-form .elementor-button:after {
	background-color:#363535;
}
/* Page Tourisme niv 1 */
@media screen and (max-width: 1023px) {
	.sect-tourisme-niv1 {
		background: none !important;
	}
}

/* swiper forfaits et offres */
.swiper-forfaits .sect-interne-swiper > .elementor-container, .swiper-offres .sect-interne-swiper > .elementor-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
	padding:4px;
}
.swiper-forfaits .elementor-row, .swiper-offres .elementor-row {
	 position: relative;
     width: 100%;
     /* height: 100%; */
     z-index: 1;
     display: flex;
     transition-property: transform;
     box-sizing: content-box;
     -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.swiper-forfaits  .elementor-row > .col-swiper, .swiper-offres  .elementor-row > .col-swiper {
	flex-shrink: 0;
	width: 100%;
	/* height: 100%; */
	position: relative;
	transition-property: transform;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center; 
	justify-content: center;
	-webkit-box-align: flex-start;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: flex-start;
}

/* newsletter */
.home.newsletter .lbl-tinyltr {
	display:none;
}
.home.newsletter input {
	background: transparent;
    border-radius: 50px;
    border: 2px solid var(--e-global-color-text ); 
}
#theform button {
	border-radius: 0 !important;
}
#theform button:hover {
	background:white !important;
	color:var(--e-global-color-text ) !important; 
}
#theform .primary-group {
	margin-bottom: 10px;
}
/* mobile - quick access */
.quick-access i, .quick-access svg {
	font-size:20px;
}
/* sous page activité - tablette */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.parent-pageid-187 .col-droite .elementor-widget-image, .parent-pageid-189 .col-droite .elementor-widget-image, .parent-pageid-201 .col-droite .elementor-widget-image {
		bottom: -40px;
	}
	.parent-pageid-187 .col-droite .elementor-widget-image img {
		width: 45px;
	}		
}
/* page spa - background col droite en responsive */
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.spa-col-droite > .elementor-column-wrap {
		background-image: linear-gradient(180deg, var(--e-global-color-0d0c786 ) 45%, var(--e-global-color-87fed59 ) 0) !important;
	}
}
@media screen and (min-width: 1080px) and (max-width: 1200px) {
	.spa-col-droite > .elementor-column-wrap {
		background-image: linear-gradient(180deg, var(--e-global-color-0d0c786 ) 50%, var(--e-global-color-87fed59 ) 0) !important;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1350px) {
	.spa-col-droite > .elementor-column-wrap {
		background-image: linear-gradient(180deg, var(--e-global-color-0d0c786 ) 60%, var(--e-global-color-87fed59 ) 0) !important;
	}
}
@media screen and (min-width: 1350px) and (max-width: 1600px) {
	.spa-col-droite > .elementor-column-wrap {
		background-image: linear-gradient(180deg, var(--e-global-color-0d0c786 ) 68%, var(--e-global-color-87fed59 ) 0) !important;
	}
}
@media screen and (min-width: 1600px) and (max-width: 1750px) {
	.spa-col-droite > .elementor-column-wrap {
		background-image: linear-gradient(180deg, var(--e-global-color-0d0c786 ) 75%, var(--e-global-color-87fed59 ) 75%) !important;
	}
}

/* Pages internes - hauteur du header sur mobile */
@media screen and (max-width: 767px) {
	.top-section-page-interne .hp-top-slider .elementor-main-swiper{
		height:75vh !important;
	}	
}