/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0.0
Text Domain: generatepress
*/




/* Barre adminb */

#wp-toolbar {
  min-height: 32px;
}

#wpadminbar:hover {
  opacity: 1;
  top: 0px;
  height: 32px;
}

#wpadminbar {
  top: -24px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  height: 0px;
}

/**
* Couleurs
**/

:root{
  --blanc:#ffffff;
  --beige-clair:#f3ede8;

  
}


b, strong {
  font-weight: 600;
}


/**
* Largeur volet droit du menu principal
**/

body {
  --gp-slideout-width:350px;
}

body .slideout-navigation button.slideout-exit{
  text-align:right;
}

/**
* Général
**/

body {
  overflow-x: hidden;
}


.justify,
.justify * {
  text-align: justify;
}

.align-center,
.align-center * {
  text-align: center;
}

.txt-blanc{
  color:var(--blanc);
}

.fw300{
  font-weight:300!important;
}

.textindent-05em{
  text-indent: 0.5em;
}

/**
* Topbar
**/




body .btn-topbar.qi-block-button.qodef-block.qodef-layout--filled {
  background-color: var(--contrast);
  border-radius: 0px;
  border: 0;
  border-style: solid;
  color: var(--blanc);
  font-size: 1rem;
  text-transform: uppercase;
  font-weight:600;
  letter-spacing: 0.1em;;
}

body .btn-topbar.qi-block-button.qodef-block.qodef-layout--filled:hover {
  background-color: var(--blanc);
  color:var(--contrast);
}

body .btn-topbar.qi-block-button.qodef-block.qodef-hover--reveal:after{
  background-color: var(--blanc);
}

/**
* MENU
**/

body .main-navigation ul ul{
  box-shadow:none!important;
}

.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container {
  padding: 0px 25px 0px 25px;
}

body .slideout-navigation.main-navigation .main-nav ul li a{
  font-size: 16px;
  letter-spacing: 0.05em;
}


body.home .main-navigation:not(.slideout-navigation){
  display:none;
}

body.home .main-navigation.is_stuck{
  display:block;
}

body.offside-js--is-open .slideout-overlay{
  visibility: hidden;
  opacity: 0;
}

#mobile-header{
  margin-top:0px!important;
}

.slideout-navigation.main-navigation .main-nav ul ul li a{
  text-transform: none!important;

}

.main-navigation #menu-off-canvas ul {
 background-color: var(--accent);
 box-shadow:none;
}

.main-navigation .main-nav ul ul li a {
  padding: 5px 10px 5px 30px;
  color:var(--contrast);
}


/**
* logo
**/


/**
* Fil d'ariane
**/

.yoast-breadcrumbs {
font-size:13px;
padding: 10px 0px;
}

body.single-hebergement .bloc-pattern-fil-ariane{
  background:var(--beige-clair);
}

body.single-hebergement .bloc-pattern-fil-ariane .gb-container{
  max-width: 100%;
  padding:0px 40px;
}
/**
* Footer
*/
.mosaique-footer .qodef-gutenberg-section{
--qi-blocks-columns-gap:2px;
}

.mosaique-footer .qi-block-image-gallery .qodef-e-inner img {
  display: flex;
  object-fit: cover;
  height: 100%;
}


/**
* Classes de titres
**/

.gb-headline.h1 {
  font-family: 'Gellix', display;
  font-weight: 400;
  font-size: 42px;
  line-height: 1.2em;

}

.gb-headline.h2, .h2 .qodef-m-title {
  font-family: 'Gellix', display;
  font-weight: 400;
  font-size: 35px;
  line-height: 1.2em;
}

.gb-headline.h3 {
  font-family: 'Gellix', display;
  font-weight: 400;
  font-size: 29px;
  line-height: 1.2em;
}

.gb-headline.h4 {
  font-family: 'Gellix', display;
  font-weight: 400;
  font-size: 24px;
  
}

.gb-headline.h5 {
  font-family: 'Gellix', display;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2em;
}

.gb-headline.h6 {
  font-family: 'Gellix', display;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2em;
}

body .entry-title a:hover {
  color:var(--accent); 
}

/**
* Bouton action
**/

.qi-block-button.qodef-block .qodef-m-text{
  text-wrap:nowrap; 
}


/**
* Formulaire contact
**/




::-webkit-input-placeholder { /* Chrome */
  color: var(--accent);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--accent);
}

::-moz-placeholder { /* Firefox 19+ */
  color: var(--accent);
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: var(--accent);
  opacity: 1;
}

/**
* Barre RGPD
**/
.cookieLaw>.cl-panel .cl-btn {
  color: #fff;
}

.cookieLaw {
  position: fixed;
  z-index: 10000000000;
  background: #000000c7;    
  display: flex;
  font-size: 18px;
}

.cookieLaw>.cl-container>.buttons>a.agree{
  color:var(--accent);
  border-radius: 0px;
}

.cookieLaw>.cl-container>.buttons>a { 
  color:var(--accent);
}

.cookieLaw>.cl-container>.buttons>a.choose {
  font-weight: 400;
}

.cookieLaw>.cl-panel{
  background:var(--accent);
}


/**
* btn retour haut page
**/



a.generate-back-to-top {
  background-color: var(--accent);
  border-radius: 50%;
  bottom:90px;
  transition: background-color .3s ease-in-out;
}

a.generate-back-to-top:hover, a.generate-back-to-top:focus {
  background-color: var(--contrast);

}


/**
* Texte module marquee
**/
body .qi-block-text-marquee .qodef-m-content{
  padding:10px 0px;
}

body .qi-block-text-marquee .qodef-m-text.qodef-text--copy{
  top:10px;
}

body .h2 .qi-block-text-marquee .qodef-m-text-item{
font-size:34px;
}

/**
* Police titre
**/

.police-titre, .police-titre .qodef-m-title {
  font-family: Adoha !important;
}

.police-titre .qodef-m-button, .police-titre .qodef-m-button *{
  font-family: Gellix!important;
} 

/**
* Police titre
**/

.police-texte,  .police-texte .qodef-m-title {
  font-family: 'Gellix', display;
}

/**
* Grille hébergements
**/

.description-categorie-hebergement .read-more{
  display: inline-block;
  color:var(--ardoise);

}

.gb-query-loop-item.hebergement .gb-container.gbp-card:after {
  transition: opacity 0.5s ease-in-out;
}

.gb-query-loop-item.hebergement .info-grille-hebergement,
.gb-query-loop-item.hebergement .separ-info-grille-hebergement {
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}


.gb-query-loop-item.hebergement:hover .gb-container.gbp-card:after {
  opacity: 0;
}

.gb-query-loop-item.hebergement:hover  .info-grille-hebergement{
color:var(--contrast);
}

.gb-query-loop-item.hebergement:hover  .separ-info-grille-hebergement{
background:var(--contrast);
}

.sticky {
  position: sticky;
  top:120px;
}



/**
* btn-offre-cadeau
**/

.btn-offre-cadeaux{
  position:fixed;  
  right:0px;
  top:calc(50vh - 130px);
   rotate: -90deg;
  transform-origin: 100% 100%;;
  z-index:10; 
}

.btn-offre-cadeaux .qi-block-button.qodef-block.qodef-layout--filled{
  background-color: var(--blanc)!important;
  color:var(--contrast)!important;
  border: none;  
  font-size: 18px!important;
  text-transform: none!important;
  border-radius: 0;
   }

   .btn-offre-cadeaux .qi-block-button.qodef-block.qodef-layout--filled>.qodef-m-text{
     font-size: 18px!important;
   text-transform: none!important;
   letter-spacing: 0!important;
    }    


  


  .btn-offre-cadeaux  .qi-block-button.qodef-block.qodef-size--small{
    padding:9px 15px!important;
  }

  .btn-offre-cadeaux  .qi-block-button.qodef-block .qodef-m-icon{
    rotate: 90deg;
    transform-origin: 50% 50%;
  }

  .btn-offre-cadeaux  .qi-block-button.qodef-block .qodef-m-icon svg{
    margin-left:4px;
    width:1.5em;
    stroke-width:1.5;
  }

  .btn-offre-cadeaux  .qi-block-button.qodef-block .qodef-m-icon svg *{
    stroke:var(--contrast)!important;
  }

  .btn-offre-cadeaux .qi-block-button.qodef-block.qodef-hover--icon-move-horizontal-short:hover .qodef-m-icon-inner svg{
    transform: translateX(0px)!important;
  }

  
  .btn-offre-cadeaux .qi-block-button.qodef-block.qodef-hover--icon-move-horizontal-short:hover .qodef-m-icon-inner svg *{
    stroke:var(--blanc)!important;
  }

  .btn-offre-cadeaux .qi-block-button.qodef-block.qodef-layout--filled:hover{
    color:var(--blanc)!important;
  }

  .btn-offre-cadeaux .qi-block-button.qodef-block.qodef-hover--reveal:after{
    background-color: var(--contrast)!important;
  }

 

  /**
  * liste equipements
  **/
.liste-equipement .gb-headline{
  border:none;
  background:var(--accent-3);
    aspect-ratio: 1 / 1;
    justify-content: center;
    display: inline-flex;
    padding: 15px;
    width:115px;
    height:115px;
    margin-bottom:10px;
}


.liste-equipement .gb-headline .gb-headline-text{
font-size: 13px;
text-transform: uppercase;
line-height: 16px;
text-align: center;
}

.liste-equipement .gb-headline .gb-icon svg{
  max-height:3em!important;
}


 /**
  * liste services
  **/
.liste-services .gb-headline{
  border:1px solid var(--accent-4);
      aspect-ratio: 1 / 1;
    justify-content: center;
    display: inline-flex;
    padding: 15px;
    width:115px;
    height:115px;
    margin-bottom:10px;
}


.liste-services .gb-headline .gb-headline-text{
font-size: 13px;
text-transform: uppercase;
line-height: 16px;
text-align: center;
}

.liste-services .gb-headline .gb-icon svg{
  max-height:3em!important;
}

/**
* anim-overlay
**/

.anim-overlay:after{
  opacity:0.2;
  transition:opacity .3s ease-in-out; 
}

.anim-overlay:hover:after{
  opacity:1; 
}

/*--*/

/**
* grille-activité
**/

.bloc-grille-item, .bloc-grille-item .ctn-image img{
transition: all 0.5s ease-in-out;
}

.bloc-grille-item:hover .ctn-image img{
  transform: scale(1.2);
  transform-origin: 50% 50%;
}

.bloc-grille-item:hover{
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  transform: translateY(-20px);
}


/**
* popup
**/

.btn-popup .qi-block-button.qodef-block.qodef-layout--filled{
  border-width: 1px;
  text-transform: uppercase ;
  border-radius:0px;
  background: var(--blanc);
}

.btn-popup .qi-block-button.qodef-block.qodef-layout--filled:hover,{
  background:var(--contrast);
  color:var(--blanc);
}

.btn-popup .qi-block-button.qodef-block.qodef-hover--reveal:after{
  background-color:var(--contrast);
}

.pum-close.popmake-close{
  padding-bottom:4px!important;
}

/**
* fond header hero patterns
**/
.hero-pattern-intersecting-circles{
background-color: #f6f0ec;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23e7dad1' fill-opacity='0.5' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.hero-pattern-overlapping-diamonds{
background-color: #f6f0ec;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23e7dad1' fill-opacity='0.5' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/**
* carousel activités
**/

.carrousel-activites-perso .scarrousel .scarrousel-item>.scarrousel-overlay{
  background: var(--accent);
}

.carrousel-activites-perso .scarrousel .scarrousel-item>.scarrousel-overlay>.scarrousel-title{
  color:var(--contrast);
  text-align: center;
  font-family: Adoha !important;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

.carrousel-activites-perso .scarrousel.overlay .scarrousel-item>.scarrousel-info>.scarrousel-title {  
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 12px 0px;
}

/**
* grille actualités
**/



.one-container.blog .post {
  padding-bottom: 0px !important;
  width:calc(25% - 40px);
}

.generate-columns-container:not(.masonry-container) {
  justify-content: space-between;
  gap: 40px;
  padding: 40px 0px;
}

.btn-retour-actu .qodef-m-text,
.btn-savoir-plus-actu .qodef-m-text{
     color: var(--contrast);
}

.btn-retour-actu .qodef-m-icon {
  color:var(--contrast)!important;
}

.bloc-grille-item.actu:hover .qodef-m-text::after {
  width: 0px!important;
}


/**
* page galerie photos
**/

.qodef-gutenberg-section.qodef--masonry.qodef-items--fixed .qodef-gutenberg-column img {
 object-fit: cover;  
}


/**
* Formulaire
**/

body .qi-block-contact-form-7 input[type=date]:focus,
body .qi-block-contact-form-7 input[type=email]:focus,
body .qi-block-contact-form-7 input[type=number]:focus,
body .qi-block-contact-form-7 input[type=password]:focus,
body .qi-block-contact-form-7 input[type=search]:focus,
body .qi-block-contact-form-7 input[type=tel]:focus,
body .qi-block-contact-form-7 input[type=text]:focus,
body .qi-block-contact-form-7 input[type=url]:focus,
body .qi-block-contact-form-7 select:focus,
body .qi-block-contact-form-7 textarea:focus {
  background-color:var(--beige-clair);
  border-color: var(--accent);
  color:var(--contrast);
}

body .qi-block-contact-form-7 input[type=date],
body .qi-block-contact-form-7 input[type=email],
body .qi-block-contact-form-7 input[type=number],
body .qi-block-contact-form-7 input[type=password],
body .qi-block-contact-form-7 input[type=search],
body .qi-block-contact-form-7 input[type=tel],
body .qi-block-contact-form-7 input[type=text],
body .qi-block-contact-form-7 input[type=url],
body .qi-block-contact-form-7 select,
body .qi-block-contact-form-7 textarea {
  background-color: var(--beige-clair);
  border: 1px solid var(--contrast);
  color: var(--contrast);
  
}

body .qi-block-contact-form-7 button[type=submit], 
body .qi-block-contact-form-7 input[type=submit] {
  background-color: var(--contrast);
  border: 0;
  border-radius: 0px;
  color: var(--blanc);
  
}

body .qi-block-contact-form-7 button[type=submit]:focus,
body .qi-block-contact-form-7 button[type=submit]:hover,
body .qi-block-contact-form-7 input[type=submit]:focus,
body .qi-block-contact-form-7 input[type=submit]:hover {
  background-color: var(--blanc);
  color: var(--contrast);
}

/* Widget réservations */
#widgetMB2 .widgetMB2,
#widgetMB2 section {
  border-color: transparent !important;
  background-color: transparent !important;
}

#widgetMB2 header,
#widgetMB2 footer {
  display: none;
}

#widgetMB2 form > .date {
  margin-left: 0;
  margin-right: 5px;
}

#widgetMB2 form > .date:nth-child(3) {
  margin-right: 0;
}

#widgetMB2 .date input {
  border-color: white !important;
  border-radius: 0 !important;
  width: 150px;
}

#widgetMB2 .btn {
  margin-left: 0;
  margin-right: 0;
}

#widgetMB2 .btn input {
  align-items: center;
  border-radius: 4px;
  display: inline-block;
  display: inline-flex;
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  line-height: 2em;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 13px 46px;
  position: relative;
  text-decoration: none;
  text-transform: none;
  transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;
  vertical-align: middle;
  width: auto;

  border-color: rgba(255,255,255,1) !important;
  background-color: rgba(254,254,255,1) !important;
  color: rgba(0,0,0,1) !important;

  display: block;
  width: 100%;
  border-radius: 0px;
  text-transform: uppercase;
}

#widgetMB2 .btn input::after {
  background-color: rgba(25,25,25,1);

  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform .5s cubic-bezier(.54,.3,.02,1.01);
  width: 100%;
  transform-origin: left;
}

#widgetMB2 .btn input:hover::after {
  transform: scaleX(1) scaleY(1);
}

#mb-datepicker-div {
  z-index: 99 !important;
}

#mb-datepicker-div .mb-datepicker-header,
#mb-datepicker-div .mb-state-default {
  background-image: none !important;
  background-color: var(--gris-clair) !important;
}

p.reservation-footer a {
  color: var(--contrast);
}

p.reservation-footer a:hover {
  color: var(--base);
}

/**
* woocommerce
**/

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color:var(--accent);
    font-size: 1.25em;
}

.woocommerce .quantity .qty{
  padding:15px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
  background-color: var(--contrast)!important;
    border-radius: 0px;
    border: 0;
    border-style: solid;
    color: var(--blanc);
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding: 13px 46px;
    justify-content: center;
    line-height: 2em;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 13px 46px;
    position: relative;
    text-decoration: none;
    align-items: center;
    vertical-align: middle;
    width: auto;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
     background-color: white!important;
    text-decoration: none;
    background-image: none;
    color: var(--contrast);
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
  color:var(--accent);
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link{
  color:var(--contrast);
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    display:none;
}