/* FONT IMPORT & Style */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

body{
  background-color: #fffdfa !important;
}

h1, h2, h3, h4, h5, h6, p, a, span, input, textarea{
  font-family: "Lexend", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: #000000 !important;
}

h1{
  font-weight: 600 !important;
  color: #ffffff !important;
}
h1, h2{
  position: relative !important;
  display: inline-block !important;
  z-index: 1;
}
h2{
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}
h2::before{
  display: block;
  position: absolute;
  content: '';
  width: 100px;
  height: 1px;
  left: 0;
  bottom: -15px;
  background-color: #9f2f18;
}
.h2-centered h2::before{
  transform: translateX(-50%);
  left: 50%;
}
.options-lodges h3{
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 5px !important;
  line-height: 30px !important;
  text-transform: uppercase !important;
  text-shadow: 0px 0px 10px #000000;
}
.pick-lodges h3{
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 5px !important;
  line-height: 30px !important;
  text-transform: uppercase !important;
  text-shadow: 0px 0px 10px #000000;
}

.centered-bloc h2, .centered-bloc p{
}
.compteur-clefs h2, .compteur-clefs h3, .compteur-clefs span {
  color: #ffffff !important;
}
.contact-pub h3{
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 5px !important;
  line-height: 30px !important;
  text-transform: uppercase !important;
  text-shadow: 0px 0px 10px #000000;
}
.table-price h2, .table-price h3, .table-price h4, .table-price h5, .table-price p, .table-price span{
  color: #ffffff !important;
}
.generic-ban p{
  color: #ffffff !important;
}
.home-ban h1{
  text-shadow: 0px 0px 10px #000000;
}
p{
  line-height: 1.7rem !important;
}
/* Buttons */

.elementor-button{
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
  padding: 15px 25px !important;
  transition: all .3s;
  position: relative;
  /*border-radius: 10px !important;*/
}
.elementor-button::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #9f2f18;
  border-top: 1px solid #9f2f18;
  width: 50%;
  height: 50%;
  transition: all .3s;
}
.elementor-button:hover::before{
  width: 100%;
  height: 100%;
}
.elementor-button::after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: 1px solid #9f2f18;
  border-bottom: 1px solid #9f2f18;
  width: 0px;
  height: 0px;
  transition: all .3s;
}
.elementor-button:hover::after{
  width: 100%;
  height: 100%;
}
.elementor-button span{
  color: #9f2f18 !important;
  font-weight: 400 !important;
}
.elementor-button:hover{
  background-color: #ffffff !important;
}
.elementor-button:hover span{
  color: #9f2f18 !important;
}
/*
.center-canon a{
  background-color: #9f2f18 !important;
  border-radius: 0px !important;
  padding: 12px 25px !important;
  border: 1px solid #9f2f18 !important;
  border-radius: 10px !important;
}
.center-canon a span{
  color: #ffffff !important;
}
.center-canon a:hover{
  background-color: #fffdfa !important;
}
.center-canon a:hover span{
  color: #9f2f18 !important;
}*/


/* BLOG */
article .elementor-post__thumbnail__link, article h4 a{
  padding: 0px !important;
  border: 0px !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
article h4{
  position: relative;
}
article h4::before{
  display: block;
  position: absolute;
  content: '';
  width: 100px;
  height: 1px;
  left: 0;
  bottom: -15px;
  background-color: #9f2f18;
}
.elementor-post__text{
  display: flex !important;
}
.elementor-post__read-more{
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
  padding: 10px 15px !important;
  transition: all .3s;
  position: relative;
  /*border-radius: 10px !important;*/
  color: #9f2f18 !important;
  font-weight: 400 !important;
  align-self: end !important;
}
/*
.elementor-post__read-more::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #9f2f18;
  border-bottom: 1px solid #9f2f18;
  width: 30%;
  height: 40px;
  transition: all .3s;
}*/
.elementor-post__read-more:hover::before{
  height: 20%;
}
.elementor-post__read-more::after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  border-right: 1px solid #9f2f18;
  border-bottom: 1px solid #9f2f18;
  border-left: 1px solid #9f2f18;
  width: 40px;
  height: 0px;
  transition: all .3s;
}
.elementor-post__read-more:hover::after{
  width: 100%;
  height: 20%;
  left: 0;
}
.elementor-post__read-more:hover{
  background-color: #ffffff !important;
  color: #9f2f18 !important;
}

/* Menu */
.loads-menu{
  display: flex;
}
.loads-menu a{
  padding: 0px !important;
  border: 0px !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.loads-menu a span{
  color: #9f2f18 !important;
  font-weight: 400 !important;
}
.logo-menu, .name-menu{
  display: inline !important;
}
.menu-type {
  position: fixed !important;
  background-color: #ffffff !important;
}
.return-home{
  padding: 0px !important;
  border: 0px !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.return-home:hover{
  background-color: rgba(0, 0, 0, 0) !important;
}


nav.elementor-nav-menu--main{
  height: 100%;
}
#masthead{
  position: fixed;
  z-index: 99;
  background-color: #ffffff;
  box-shadow: 0px 1px 20px 0px #00000024;
}
/*.ehf-header #masthead{
  position: fixed !important;
}*/
@media screen and (max-width: 767px) {
  .show-desktop{
    display: none;
  }
  .show-mobile{
    display: block;
  }
}



/* Footer */

.nav-footer .elementor-button{
  padding: 10px 15px !important;
}
.nav-footer .elementor-button span{
  color: #000000 !important;
  font-weight: 300 !important;
}
.nav-footer .elementor-button:hover{
  background-color: unset !important;
}
.nav-footer .elementor-button::before{
  display: none;
}
.nav-footer .elementor-button:hover::before{
  height: 20%;
}
.nav-footer .elementor-button::after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  border-right: 1px solid #000000;;
  border-bottom: 1px solid #000000;;
  border-left: 1px solid #000000;;
  width: 40px;
  height: 0px;
  transition: all .3s;
}
.nav-footer .elementor-button:hover::after{
  width: 100%;
  height: 20%;
  left: 0;
}
.copyright-t a{
  color: #9f2f18 !important;
  font-style: italic !important;
}


/* Odds. */
.home-ban::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,rgba(155, 118, 83, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.home-ban .elementor-button::before, .home-ban .elementor-button::after, .home-ban .elementor-button span{
  border-color: #ffffff;
  color: #ffffff !important;
}
.home-ban .elementor-button:hover{
  background-color: rgba(0, 0, 0, 0) !important;
}
.centered-bloc::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(155, 118, 83, 0.3);
}
.home-ban p{
  color: #ffffff !important;
}
.center-canon h2::before{
  display: none;
}
.center-canon p, .center-canon h2{
  /*color: #ffffff !important;*/
}
.option-container::before{
  transition: all ease 0.3s;
}
.center-canon .elementor-button span{
  color: #000000 !important;
}
.center-canon .elementor-button::before, .center-canon .elementor-button::after{
  border-color: #000000;
}
.center-canon .elementor-button:hover{
  background-color: #ffffff !important;
}

.bg-b .elementor-button span{
  color: #ffffff !important;
}
.bg-b .elementor-button::before, .bg-b .elementor-button::after{
  border-color: #ffffff;
}
.bg-b .elementor-button:hover{
  background-color: #000000 !important;
}
.bg-b h2::before{
  background-color: #ffffff;
}

.option-container{
  border: 0px !important;
  transition: all ease 0.3s;
  /*border-radius: 10px;*/
}
.pick-lodges{
  border: 0px !important;
  /*border-radius: 10px;*/
}
.pick-lodges h3, .option-container h3{
  font-size: 1.5rem !important;
  transition: all ease 0.3s;
}
.pick-lodges:hover h3, .option-container:hover h3{
  font-size: 1.7rem !important;
}
.contact-pub{
  border: 0px !important;
}
.compteur-clefs{
  position: relative;
}
.compteur-clefs h2::before{
  background-color: #ffffff;
}
.compteur-clefs p{
  color: #ffffff !important;
}
.text-right , .text-left{
  position: relative !important;
}
.text-right div, .text-left div{
  z-index: 1;
}
.text-right::after, .blog-home::after{
  display: block;
  position: absolute;
  content: '';
  background: url(/wp-content/themes/hello-elementor/assets/svg/text-asset1.svg);
  width: 225px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  right: 20px;
  top: 2%;
  opacity: 0.7;
}
.blog-home::after{
  right: unset;
  left: 20px;
  filter: brightness(0) invert(1);

}
.text-left::after{
  display: block;
  position: absolute;
  content: '';
  background: url(/wp-content/themes/hello-elementor/assets/svg/text-asset2.svg);
  width: 100px;
  height: 106px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  left: 20px;
  bottom: 5%;
  opacity: 0.7;
}


/* Form */
.page-id-286 input, .page-id-286 textarea, .page-id-286 select{
  border: solid 1px #9f2f18 !important;
  padding: 10px 15px;
  border-radius: 10px;
}
input:focus, textarea:focus{
  border: solid 1px #37F1A8 !important;
}
.nom{
  width: calc(50% - 5px) !important;
  margin-right: 5px;
}
.prenom{
  width: calc(50% - 5px) !important;
  margin-left: 5px;
}
.email{
  width: calc(50% - 5px) !important;
  margin-right: 5px;
}
.tel{
  width: calc(50% - 5px) !important;
  margin-left: 5px;
}
.safari{
  width: calc(50% - 5px) !important;
  margin-right: 5px;
}
.loges{
  width: calc(50% - 5px) !important;
  margin-left: 5px;
}
.c1, .c2, .c3 {
  margin-bottom: 10px;
}
.c4 input{
  margin: auto;
}
.c4 p{
  text-align: center;
}
.c3 p{
  text-align: justify;
}
.sujet, .message, .pv{
  margin-bottom: 10px;
  width: 100%;
}
.send{
  padding: 15px 30px;
  background-color: #9f2f18;
  border-radius: 30px;
  color: #ffffff !important;
  border: solid 1px #9f2f18;
}
.send:hover{
  background-color: #ffffff;
  color: #9f2f18;
}



.tableur-white p{
  color: #ffffff !important;
}
.generic-ban{
  position: relative !important;
}
.generic-ban::after{
  display: block;
  position: absolute;
  content: '';
  background: url("/wp-content/themes/twentytwentyfour/assets/svg/generic-banner.svg");
  width: 79%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  top: 0;
  z-index: 1;
  overflow:hidden;
}

.bg-b h2, .bg-b p{
  color: #ffffff !important;
}
.cartog::before{
  display: block;
  position: absolute;
  content: '';
  background-color: #000000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}
.cent-pattern::before{
  display: block;
  position: absolute;
  content: '';
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.footer::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);


/* MAINTENANCE **/

.page-id-6 #masthead , .page-id-6 #footer, .page-id-6 hr, .page-id-6 .footer-width-fixer{
  display: none !important;
}