/* 
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
*/

 a {
	outline:none !important;
}

/* Header */

#header  {
	background: transparent linear-gradient(180deg, #2F2828 0%, #1F1C1C84 55%, #46464678 75%, #46464600 100%) 0% 0% !important;
}


#footer-sticky  {
	background: transparent linear-gradient(180deg, #46464600 0%, #46464678 45%, #1F1C1C84 75%, #2F2828 100%) 0% 0% !important;
}

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

	.footer .col2 {
		order: 1
	}
	.footer .col1 {
		order: 2
	}
		.footer .col3 {
		order: 3
	}
	
	.sib-submit {
		text-align: center;
	}
}

.sep-border {
    display: none;
}

.she-header .sep-border {
    display: block;
}


.logo-header {
    /* display: none; */
}

.she-header .logo-header {
    display: initial;
}

.nav-menu-principal ul li a.elementor-item{
	position:relative;
	display: inline-block;
	width:auto;
}



.nav-menu-principal ul li a.elementor-item:before {
	position:absolute;
	left:0;
	width:20px;
    display:block;
	border-bottom: solid 1px;  
		top:50%;
	transform: translateY (-50%);
	content: " ";
	height: 1px;
	z-index:1;
	opacity: 1 !important;
	border-color:currentColor;
}



.nav-menu-principal ul li a.elementor-item:after  {
	position:absolute;
	right:0;
	width:20px;
    display:block;
	border-bottom: solid 1px;  
	border-color:currentColor;
	content: " ";
	top:50%;
	transform: translateY (-50%);
	height: 1px;
	z-index:1;
	opacity: 1 !important;
}


.nav-menu-principal .elementor-nav-menu .sub-arrow {
	display:inline
}

.nav-menu-principal .elementor-sub-item {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
font-size: var( --e-global-typography-text-font-size ) !important;
font-weight: var( --e-global-typography-text-font-weight ) !important;
line-height: var( --e-global-typography-text-line-height ) !important;
letter-spacing: var( --e-global-typography-text-letter-spacing ) !important;
word-spacing: var( --e-global-typography-text-word-spacing ) !important;
text-transform: var( --e-global-typography-text-text-transform )!important;
color: var( --e-global-color-8eaa077 ) !important;
padding: 6px 30px !important;
}

.nav-menu-principal .elementor-sub-item:hover , .nav-menu-principal .elementor-sub-item:focus , .nav-menu-principal .elementor-sub-item:active   {
	color: var( --e-global-color-9096817 )!important;
	background-color: var( --e-global-color-723d2d5 )!important;
}

.nav-menu-principal  .elementor-nav-menu--dropdown .elementor-item:focus {
	background-color: var( --e-global-color-723d2d5 )!important;
}




@media screen  and (max-width: 768px) {
	.nav-menu-principal .elementor-nav-menu li {
		text-align:center !important;
	}
	.nav-menu-principal .elementor-sub-item {
		display: inline-block;
	}
}

.image-niv1{
    position: absolute;
    left:0;
    opacity:0;
    z-index: 0;
    -webkit-transition: opacity  0.5s ease-in;
    -moz-transition:  opacity  0.5s ease-in;
    -o-transition:  opacity  0.5s ease-in;
    transition:  opacity  0.5s ease-in;
}

.image-niv1.active{
    opacity: 1;
}

.btn-reserver{
	position:relative;
}

.btn-reserver:before  {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
    display:block;
	content: '';
	height: 1px;  
	background: linear-gradient(90deg, #AC8F56 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 62%, #AC8F56 62%);
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}

.btn-reserver.hblanc:before  {
	background: linear-gradient(90deg, #FFF 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 62%, #FFF 62%);
}
.btn-reserver.hnoir:before {
	background: linear-gradient(90deg, #000 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 62%, #000 62%);
	}
	
	.btn-reserver.hbleu:before  {
	background: linear-gradient(90deg, #FFF 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 62%, #FFF 62%);
}

.btn-reserver:hover:before { transform: scaleX(0.98); }

.btn-reserver:after  {
	position:absolute;
	bottom:0; 
	left:0;
	width:100%;
    display:block;
	content: '';
	border-bottom: solid 1px #AC8F56;  
	transform: scaleX(0.2);  
	transition: transform 250ms ease-in-out;
}

.btn-reserver:hover:after { 
	transform: scaleX(0.98);
	border-color : #AC8F56;
 }
 
 .btn-reserver.hblanc:hover:after  {
	 border-color : #FFF;
}

 .btn-reserver.hnoir:after  {
	 border-color : #000;
}

 .btn-reserver.hbleu:after  {
	 border-color : #000;
}

.btn-reserver .elementor-button-icon {
	position:absolute;
	top: -10px;
	font-size: 13px;
}
.icone-header {
	position:relative;
}
.icone-header .elementor-icon-box-title {
	display:none;
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
	white-space:nowrap;
	
}
.icone-header a {
	color: #FFF !important;
}
.icone-header:hover {
	opacity: 0.5;
}
.icone-header:hover .elementor-icon-box-title {
	display:block;

	
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.icone-header.cadeau, .icone-header.offres {
		display:none;
	}
}

/*Chambres*/
.col-chambre .elementor-widget-wrap
{
	position:relative;
}

.col-chambre  .elementor-widget-wrap::before
{
  content: " ";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 1px solid #AC8F56;
  transition:all 0.6s ease-in-out;
}



@media screen and (min-width: 768px) {
	
	.col-chambre:hover  .elementor-widget-wrap::before {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

	.col-chambre .elementor-background-overlay {
		transition:all 0.3s ease-in-out !important;
		height :100%;
	}
	.col-chambre:hover .elementor-background-overlay {
		height :60%;
		top: 50%;
		transform: translateY(-50%);
	}
	.col-chambre .cb-icone {
			visibility: visible;
		opacity: 1;
		transition: all 0.3s ease-in-out;
		transform: translateY(40px); 
	}
		.col-chambre:hover .cb-icone{
		visibility: hidden;
		opacity: 0;
		
		}

	.col-chambre .cb-dec, .col-chambre .cb-resa {
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}
		.col-chambre:hover .cb-dec, .col-chambre:hover .cb-resa {
		visibility: visible;
		opacity: 1;
		
		}
		
	.col-chambre .cb-titre {
		transform: translateY(40px); 
		transition: 0.3s ease-in-out;
	}

	.col-chambre:hover .cb-titre {
		transform: translateY(-20px); 
	}

}

/* Bloc piscine et jardins */

.cta-piscine {
	transform: translateY(0);
	transition:transform 1s ease-in-out;
}



.cta-jardin {
	transform: translateY(0);
	transition:transform 1s ease-in-out;
}



.esperluette {
	transform: translateX(0);
	transition:transform 1s ease-in-out;
}


@media screen and (min-width: 768px) {
	.cta-jardin.active {
		transform: translateY(-400px);
	}
	.esperluette.active {
		transform: translateX(200px);
	}
	.cta-piscine.active {
		transform: translateY(400px);
	}
}


.border-cta .elementor-cta__content  , .border-inside {
	position:relative
}

.border-cta .elementor-cta__content:before 
{
  content: " ";
  position: absolute;
  z-index: -1;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 1px solid #AC8F56;
  transition:all 0.6s ease-in-out;
}


 .border-inside:before 
{
  content: " ";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 1px solid #AC8F56;
  transition:all 0.6s ease-in-out;
}


.border-cta .elementor-cta__button {
	position:relative;
}

.border-cta .elementor-cta__button:before  {
	position:absolute;
	left:-20px;
	width:30px;
    display:block;
	border-bottom: solid 1px;  
	transition: transform 250ms ease-in-out;
	content: " ";
	height: 1px;
	top: 20px;
	transform: scaleX(1);
	border-color: currentColor;
}

.border-cta .elementor-cta__button:after  {
	position:absolute;
	right:-20px;
	width:30px;
    display:block;
	border-bottom: solid 1px;  
	transition: transform 250ms ease-in-out;
	content: " ";
	top: 20px;
	transform: scaleX(1);
	height: 1px;
	border-color: currentColor;
}

.border-cta .elementor-cta__button:hover:before , .border-cta .elementor-cta__button:hover:after{
	transform: scaleX(0.5);
	}




@media screen and (min-width: 1025px) {
	.cta-spa .elementor-cta {
		flex-direction: column-reverse;
	}
}


.cb-dec{
	position:relative;
}

.cb-dec:before  {
	position:absolute;
	left:-20px;
	width:30px;
    display:block;
	border-bottom: solid 1px #FFF;  
	transition: transform 250ms ease-in-out;
	content: " ";
	height: 1px;
	top: 20px;
	transform: scaleX(1);
	
}




.cb-dec:after  {
	position:absolute;
	right:-20px;
	width:30px;
    display:block;
	border-bottom: solid 1px #FFF;  
	transition: transform 250ms ease-in-out;
	content: " ";
	top: 20px;
	transform: scaleX(1);
	height: 1px;
	
}

.cb-dec.dore:before, .cb-dec.dore:after {
	border-color:#AC8F56; 
}

.cb-dec:hover:before , .cb-dec:hover:after{
	transform: scaleX(0.5);
	border-color: #AC8F56;
	}


/*----------------------------slider swiper ---------------------------*/


 #swiper-rooms {
      width: 100%;
       height: 100%;
       margin-left: auto;
       margin-right: auto;
       position: relative;
       overflow: hidden;
       list-style: none;
       z-index: 1;
	   padding:4px;
   }
#swiper-rooms > .elementor-container  {
     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-rooms > .elementor-container  > .colonne-section-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: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  
   } 
   


#swiper-rooms .swiper-button-disabled.elementor-widget-icon .elementor-icon{
	color :#CCC !important;
}


/*Avis */
.eliophot-reviews__testimonials_wrapper {
	margin-top: 40px;
	margin-bottom: 20px;
}

.full-height {
	height: 100% !important;
}

.section-margin {
   margin-right: 20px;
   margin-left: 20px
}



/*QS chambre*/
.qs-resa .eliophot-qs-people select {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: 22px !important;
}

.qs-resa  .eliophot-qs-people .eliophot-qs-title {
	margin-bottom: -3px;
}

.qs-resa  .elementor-button-link {
	position:relative !important; 
	padding: 10px 0;
}

.qs-resa  .elementor-button-link:before  {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
    display:block;
	content: ' ';
	height: 1px;  
	background: linear-gradient(90deg, #AC8F56 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 62%, #AC8F56 62%);
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}


.qs-resa  .elementor-button-link:after  {
	position:absolute;
	bottom:0; 
	left:0;
	width:100%;
    display:block;
	content: ' ';
	border-bottom: solid 1px #AC8F56;  
	transform: scaleX(0.2);  
	transition: transform 250ms ease-in-out;
}

.qs-resa  .elementor-button-link:hover:after { 
	transform: scaleX(0.98);
	border-color : #AC8F56;
 }

.qs-resa  .elementor-button-link:hover:before { transform: scaleX(0.98); }

.qs-resa  .col-span-3.ml-auto {
	margin-left : 0
}

#selectedAdultCount option , .qs-resa .eliophot-qs-input option{ 
  color: var( --e-global-color-primary );
}

.qs-resa .eliophot-qs-mobile .grid {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}
.qs-resa .eliophot-qs-mobile .icon-wrapper {
	display:none !important;
}
.qs-resa .eliophot-qs-mobile .col-span-3 {
	text-align:center;
}

.qs-resa .eliophot-qs-mobile  .input-form {
	margin: 0;
}

.elementor-widget-room-details .eliophot-booking_room__input_form {
	min-height: 20px !important;
	margin: 0 ;
}

.qs-chambre .col-span-3, .qs-chambre .eliophot-booking_room__qs_input ,.qs-chambre .eliophot-qs-input , .qs-chambre .col-span-6, .qs-chambre .eliophot-booking_room__qs_title {
	text-align:center;
	
}


.qs-chambre input {
	outline: none
}


.qs-chambre .eliophot-booking_room__cta_button{
	position:relative;
	padding: 10px 0;
	
}

.qs-chambre .eliophot-booking_room__cta_button:before  {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
    display:block;
	content: '';
	height: 1px;  
	background: linear-gradient(90deg, #AC8F56 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 62%, #AC8F56 62%);
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}



.qs-chambre .eliophot-booking_room__cta_button:hover:before { transform: scaleX(0.98); }

.qs-chambre .eliophot-booking_room__cta_button:after  {
	position:absolute;
	bottom:0; 
	left:0;
	width:100%;
    display:block;
	content: '';
	border-bottom: solid 1px #AC8F56;  
	transform: scaleX(0.2);  
	transition: transform 250ms ease-in-out;
}

.qs-chambre .eliophot-booking_room__cta_button:hover:after { 
	transform: scaleX(0.98);
	border-color : #AC8F56;
 }
 
.qs-chambre .eliophot-booking_room__button {
	 position:relative;
	 margin-left: 15px;
	  margin-right: 15px;
	 
 }
 .qs-chambre .eliophot-booking_room__button:before {
	  font-family: 'signoria' !important;
	  content: "\e903";
	  font-size: 13px;
	 color: var( --e-global-color-secondary );
	 position:absolute;
	top:-12px;
	left: 50%;
	transform: translateX(-50%)
  }
  
  .qs-chambre .eliophot-booking_room__price-block {
	  display: flex;
		align-items: center;
		width: 20%;
		flex-wrap: wrap;
		justify-content: center;
  }


.qs-chambre  .eliophot-booking_room__price-title {
	  width: 100%;
  text-align: center;
}
.qs-chambre  .col-span-3 , .qs-chambre  .col-span-6 {
	width: 33.3%;
}

@media (max-width: 767px) {
	.qs-chambre .eliophot-booking_room__form_container { 
		margin-bottom : 15px;
	}
	.qs-chambre .eliophot-booking_room__form_container > .flex {
		flex-direction:row;
	}
	.qs-chambre .eliophot-booking_room__buttons {
		flex-wrap: wrap;
	}
	 .qs-chambre .eliophot-booking_room__price-block {
		 width: 35%;
	 }
}

/*Form contact*/

.form-contact .elementor-button-text{
	position:relative;
	padding: 10px 0;
	
}

.form-contact .elementor-button-text:before  {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
    display:block;
	content: '';
	height: 1px;  
	border-bottom: solid 1px #AC8F56;  
	transform: scaleX(0.2);    
	transition: transform 250ms ease-in-out;
}


.form-contact .elementor-button-text:after  {
	position:absolute;
	bottom:0; 
	left:0;
	width:100%;
    display:block;
	content: '';
	border-bottom: solid 1px #AC8F56;  
	transform: scaleX(0.2);  
	transition: transform 250ms ease-in-out;
}

.form-contact .elementor-button-text:hover:before , .form-contact .elementor-button-text:hover:after { 
border-color:#FFF;
transform: scaleX(0.98); 
}

.newsletter .sib-OPT_IN-area{
	color :#FFF;
}

.sib-default-btn {
	color: var( --e-global-color-secondary );
	border-color: var( --e-global-color-secondary );
	border-radius :0;
	margin-top: 10px;
	  font-family: var( --e-global-typography-3ceaabb-font-family ), Sans-serif;
  font-size: var( --e-global-typography-3ceaabb-font-size );
  font-weight: var( --e-global-typography-3ceaabb-font-weight );
  text-transform: var( --e-global-typography-3ceaabb-text-transform );
  line-height: var( --e-global-typography-3ceaabb-line-height );
  letter-spacing: var( --e-global-typography-3ceaabb-letter-spacing );

}

.sib-default-btn:hover{
	background: var( --e-global-color-secondary );
	color:#FFF;
}

.grecaptcha-badge {
	display: none !important;
}