/* 
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
*/
.entry-title {
    display: none;
}
header {
    position: fixed;
    width: 100vw;
    z-index: 50;
}
@media screen and (max-width: 1023px) {
    header{
        background-color: white;
/*         height: 65px; */
        top:0;
    }
    header #nav-header{
        order:-1;
        width: 20%;
    }
    header .elementor-menu-toggle  .eicon-menu-bar:before{
        font-family:'eliofont';
        content:'\f152';
        font-size:31px;
        color: var(--e-global-color-accent);
        text-shadow : 0px 1px 0px var(--e-global-color-accent);
    }
    header .elementor-nav-menu--dropdown .elementor-menu-toggle.elementor-active .eicon-menu-bar:before{
        position: absolute;
        top:0;
        left: 0;
        font-family: 'eliofont';
        content: '\f153' !important;
        font-size: 31px;
        color:var(--e-global-color-accent);
        font-weight: bold;
        background-color: white;
        padding: 10px 7px;
    }
    header .elementor-nav-menu--dropdown{
        background: #F6EBDC url('/wp-content/uploads/2021/11/Groupe-de-masques-95-bb.jpg') center top no-repeat;
        background-size: cover;
        padding: 70px 0 170px 0;
    }
    header #nav-header .elementor-nav-menu--dropdown li .elementor-item-active{
        font-weight: bold;
    }
    header #nav-header .elementor-nav-menu--dropdown li .elementor-item:after{
        display: block;
        content:"";
        width: 22px;
        border-bottom:2px solid var(--e-global-color-primary);
        margin-top: 35px;
    }
    header #nav-header .nav-secondaire-mobile a{
        font-size:11px;
        font-weight: bold;
        padding: 2px 0;
    }
    header #nav-header .nav-sec-first-el{
        margin-top: 30px;
    }

    header #nav-header .elementor-nav-menu--dropdown li .elementor-item-active:after{
        opacity: 1;
    }
    .fond-header {
        display: none;
    }
    header .logo-header div.elementor-widget-container{
        padding: 0 0 !important;
    }
    header #header-accueil .left-part-header, header #header-general .left-part-header{
        width: 20%;
    }
    header #header-accueil .part-logo, header #header-general .part-logo{
        width: 60%;
    }
    header #header-accueil .part-logo .logo-header, header #header-general .part-logo .logo-header{
        text-align: center;
    }
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
    header{
        height: 80px;
        padding: 0 25px;
    } header #nav-header .elementor-nav-menu--dropdown{
          margin-top: -48px !important;
      }
    header #nav-header .nav-secondaire-mobile a{
        font-size:13px;

    }
    header #nav-header .icone-langue,header #nav-header .nav-langues{
        display: none;

    }
    header #nav-header .elementor-widget-wrap{
       justify-content: flex-start;

    }

}

@media screen and (min-width: 1024px) {
    header .elementor-nav-menu--main{
        display: block !important;
    }
    header .elementor-menu-toggle {
        display: none !important;
    }
    header .nav-secondaire-mobile{
        display: none !important;
    }
    header {
        height: 85px;
    }
    header.accueil{
        -webkit-animation: flickerAnimation2 0.5s;
        -moz-animation: flickerAnimation2 0.5s;
        -o-animation: flickerAnimation2 0.5s;
        animation: flickerAnimation2 0.5s;
    }
    .fond-header {
        display: block;
        position: absolute;
        width: 100vw;
        top:0;
        height: 85px;
        background-color: white;
        opacity: 0;
        -webkit-transition: opacity 0.4s !important;
        -moz-transition: opacity 0.4s !important;
        transition: opacity 0.4s !important;
    }
    .fond-header2 {
        opacity: 1;
    }
    #header-accueil .part-logo{
        width: 0;
    }
    #header-accueil #nav-header{
        width: 100%;
    }
    #header-accueil .logo-header{
        opacity: 0;
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        transition: opacity .4s;
    }
    .left-part-header{
        width: 20%;
        -webkit-transition: width .4s;
        -moz-transition: width .4s;
        transition: width .4s;
    }
    .left-part-header .elementor-widget-button{
        display: none;
    }
    #nav-header .title-burger{
        display: none;
    }

    #nav-header ul li a{
        color:white;
    }
    #header-accueil #nav-header ul li .elementor-item:after{
        background-color:white ;
    }

    #header-general #nav-header ul li a{
        color: var(--e-global-color-secondary);
    }
    .scrolled header.accueil {
        -webkit-animation: flickerAnimation 0.7s;
        -moz-animation: flickerAnimation 0.7s;
        -o-animation: flickerAnimation 0.7s;
        animation: flickerAnimation 0.7s;
        animation-timing-function: ease-out;
    }
    .scrolled #header-accueil .part-logo{
        width: 15%;
    }
    .scrolled header .left-part-header{
        width: 0% !important;
    }
    .scrolled #header-accueil #nav-header, #header-general #nav-header{
        width: 82% !important;
    }
    .scrolled #nav-header ul li a,  .scrolled #nav-header .elementor-icon{
        color: var(--e-global-color-secondary);
    }
    .scrolled #header-accueil #nav-header ul li .elementor-item:after{
        background-color:var(--e-global-color-secondary);
    }
    .scrolled #header-accueil #nav-header nav ul{
        justify-content: flex-end;
        width: 100%;
    }
    .scrolled #header-accueil #nav-header .elementor-widget-wrap{
        justify-content: flex-end;
    }
    .scrolled #header-accueil, #header-general{
        box-shadow: 2px 1px 7px #bdbdbd;
        height: 85px;
    }
    #header-general #nav-header nav ul{
        justify-content: flex-end;
        width: 100%;
    }

    .scrolled .fond-header {
        opacity: 1;
    }
    .scrolled #header-accueil .logo-header{
        opacity: 1;
    }
}

/*--------------------------------quicksearch----------------------------------*/
#quicksearch .eliophot-qs .eliophot-icon i{
    font-size:24px;
}
#quicksearch .eliophot-qs input[type="submit"]{
    max-height: 58px;
}
#quicksearch .eliophot-qs{
    align-items: center;
    box-shadow: none;
}
#quicksearch .eliophot-qs-mobile{
    padding: 15px 28px 15px 28px;
}
#quicksearch .eliophot-qs-mobile .form-container {
    min-width:400px;
}
#quicksearch .eliophot-qs-mobile .form-container .gap-6 {
    gap: 2px 20px;
}
@media screen and (max-width: 1023px) {
    #quicksearch .eliophot-qs-mobile {
        display: none;
    }
}
/*-----------------------ecran1 modif qs-------------------*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #ecran1{
        padding-top:160px;
    }
}
/*----------------------------sticky bar quicksearh-------------------------*/
#sticky-bar{
    display: none;
}
@media screen and (min-width: 768px) {
    #sticky-bar {
        display: block;
        top: 0;
        left: 0;
    }

    #sticky-bar.sticky-scrolled, #sticky-bar.sticky-scrolled-other {
        position: fixed;
        background-color: white;
        top: 85px;
        -webkit-transition: top 0.3s ease-in;
        -moz-transition: top 0.3s ease-in;
        -o-transition: top 0.3s ease-in;
        transition: top 0.3s ease-in;
        width: 100%;
        margin-top: 0;
    }

    #sticky-bar.sticky-scrolled #quicksearch .eliophot-qs {
        padding: 0;
        height: 60px;
    }

    #sticky-bar.sticky-scrolled #quicksearch .eliophot-qs .eliophot-qs-field-container {
        height: 40px;
    }

    #sticky-bar.sticky-scrolled #quicksearch .eliophot-qs input[type="submit"] {
        height: 44px;
        padding: 0 26px;
    }
}
/*-----------------------------------ecran accueil prestations ----------------------*/
.liste-prestations li.elementor-icon-list-item{
    display: flex;
    flex-direction: column;
    width: 33%;
    margin: 20px 0;
}
@media screen and (min-width: 768px) {
    .liste-prestations li.elementor-icon-list-item{
        width: 25%;
    }
}

/*------------------------------- ecran ecran-image-background ----------------------*/
@media screen and (max-width: 760px) {
    #ecran-image-background:after{
        content:'';
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,0.41780462184873945) 0%, rgba(126,126,126,0.7063200280112045) 25%, rgba(134,134,134,0.6334908963585435) 56%, rgba(255,255,255,0) 77%);
        position: absolute;
        left:0;
        right: 0;
        top:0;
        bottom:0;
    }
    #ecran-image-background .elementor-widget-wrap{
        background-color:transparent !important;
    }
    #ecran-image-background h1, #ecran-image-background h2, #ecran-image-background p{
        color:white;
    }
    #ecran-image-background .elementor-button-link{
        background-color: transparent;
        border:2px white solid;
    }
}
/*-------------------------------generique---------------------------*/
@media screen and (max-width: 768px) {
    #transparent-mobile div.elementor-column-wrap{
        background-color: transparent;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ecrantype1 .elementor-row{
        flex-direction: column;
    }
   .ecrantype1 .elementor-heading-title{
        text-align: center;
    }
    .ecrantype1 .elementor-row .elementor-column{
       width: 100% !important;
        max-width: inherit !important;
        transform: translate(0) !important;
    }
    .ecrantype1 .elementor-row .elementor-column img{
        height: 350px !important;
        width: 100% !important;
    }
    .ecrantype1.inverse .elementor-row .elementor-column:nth-child(2){
        order:-1;
    }

}

/*----------------------multibloc lien-----------------------*/
.bloc-lien .elementor-image{
    overflow: hidden;
}
.bloc-lien .elementor-image img{
     transform: scale(1,1);
     -webkit-transition: transform  0.3s linear;
     -moz-transition:  transform  0.3s linear;
     -o-transition:  transform  0.3s linear;
     transition:  transform  0.3s linear;
 }

.bloc-lien:hover .elementor-image img{
    transform: scale(1.1,1.1);
}
.bloc-lien:hover .elementor-button-wrapper a{
    background-color: var(--e-global-color-primary) ;
}

/*----------------------qlider sous page chambres-----------------------*/
#slider-chambres .swiper-pagination{
    bottom:25px;
}
#slider-chambres .swiper-pagination-bullet{
    border:1px white solid;
    margin: 0 3px;
}

#sous-nav-chambres ul li a:before{
    content: ">";
    display: inline-block;
    color:var(--e-global-color-secondary);
    font-size: 20px;
    font-weight: 500;
    top: 4px;
    left: -12px;
    opacity: 1;
}
#sous-nav-chambres ul li .elementor-item-active:before{
    content: ">";
    display: inline-block;
    color:var(--e-global-color-primary);

}
@media screen and (min-width: 1024px) {
    #sous-nav-chambres:after {
        display: block;
        content: '';
        height: 80%;
        border-right: 1px #D7D7D7 solid;
        width: 0px;
        position: absolute;
        right: 0;
        top: 10%;
    }
}



/*----------------------formulaire de contact-----------------------*/

#formulaire-contact form{
    float:none;
}
#form-devis .elementor-widget-container{
    display: flex;
    justify-content: center;
}
.contact-consent{
    text-align: center;
}
.consent span{
    font-size:11px;
}
.contact-consent div{
    font-size:10px;
    margin-bottom: 10px;
}
.contact-consent .ajax-loader, .contact-consent .wpcf7-spinner{
    display: none;
}
.consent-text a{
    font-size:11px !important;
}
.recaptcha{
    color:white;
    font-size:11px ;
}
.recaptcha a{
    font-size:11px !important;
}
input[type="submit"]{
    border:0 !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #colonne-contact {
        margin: -150px auto 50px;
    }
    #colonne-contact .elementor-column-wrap{
        margin: 0 auto
    }
}
@media screen and (min-width: 1024px) {

    select::-ms-expand{
        display: none;
    }
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #8D8C8D !important;
        font-size: 15px;
        font-weight: 600;
        opacity: 1;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #8D8C8D !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        opacity: 1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #8D8C8D !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        opacity: 1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #8D8C8D !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        opacity: 1;
    }

}


/*-----------------------------------map-----------------------------*/
.leaflet-container .leaflet-map-pane{
    width: 100%;
    height: 100%;
}
.leaflet-container .leaflet-map-pane:after{
    display: block;
    content: '';
    background: rgba(255,255,255,0.25);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 500;

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #map-contact {
        height:500px !important;
    }
    #map-contact .umsMapDetailsContainer .ums_MapPreview {
        height:500px !important;
    }
}
@media screen and (min-width: 1280px) {
    #map-contact .umsMapDetailsContainer .ums_MapPreview {
        height:800px !important;
    }
}


/*--------------------------------footer-------------------------*/
@media screen and (max-width: 767px) {
    footer ul {
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (min-width: 768px) {
    footer ul li:before{
        display: flex;
        align-items: center;
        content: '•';
        color:#989798;
    }

    footer ul li:nth-child(1):before{
        display: none;
        content:'';
    }
}


/*----------------------quickacess-----------------------*/
@media screen and (max-width: 1024px) {
    #quickaccess .elementor-nav-menu--dropdown{
        overflow: visible;
    }
    #quickaccess .elementor-nav-menu--dropdown .sub-menu{
        position: absolute;
        bottom: 42px;
        z-index: 200;
        width: 100% !important;
        min-width: inherit !important;
    }

}