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

.elementor-carousel-image {
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Header */
#header-top {
    transition: all 0.3s;
}
.she-header  #header-top {
    margin-top:-55px;

}

/*.she-header  #header-top {*/
/*    position: fixed;*/
/*    top:0;*/
/*    transition: all 0.3s;*/
/*}*/

@media screen and (max-width: 1024px)
{
    /* configuration ordre des élements du menu principal en mobile */
    .menu-order:nth-child(1) { order: 2; }
    .menu-order:nth-child(2) { order: 1; }
    .menu-order:nth-child(3) { order: 3; }
}



/* Chambres */
.custom-rooms .eliophot-room__container {
    position: relative;
}
.custom-rooms .eliophot-room__slider .elementor-swiper {
    z-index: 1;
}
.custom-rooms .eliophot-room__body {
    position: absolute;
    z-index: 2;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 0.4) 100%);
}
.custom-rooms .eliophot-room__body h2 {
    height: 100%;
}
.custom-rooms .eliophot-room__title a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 15px;
}

/* Formulaires elementor */
@media screen and (min-width: 768px) {
    .elemForm  .elementor-field-group {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .elemForm .elementor-field {
        flex:1 ;
    }
    .elemForm .elementor-field-label {
        flex-basis: 120px;
    }
}

.elemForm .elementor-field-type-acceptance .elementor-field-option{
    text-align: center;
}
@media screen and (min-width: 768px) {
    #tourisme-parent .tourisme .cta-tourisme:nth-child(odd) .elementor-cta {
        flex-direction: column-reverse;
    }



}
.cta-tourisme .elementor-cta__button {
    border-width: 1px 0 1px 0 !important;
}
.cta-tourisme .elementor-cta__description {
    min-height: 130px;
}

@media screen and (max-width: 1024px) {
    .column-ctas .elementor-widget-call-to-action {
        width: 50% !important;
        max-width: 50% !important;
    }
}

@media screen and (max-width: 768px) {
    .column-ctas .elementor-widget-call-to-action {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.cta-video {
    height: 100% !important;
}
.spa-ctas .elementor-widget-call-to-action .elementor-cta__content{
    padding-bottom: 60px;
}

.spa-ctas .elementor-widget-call-to-action .elementor-cta__content .elementor-cta__button-wrapper {
    position: absolute;
    bottom:20px;
}
#tourisme1 .tourisme1,
#tourisme2 .tourisme2,
#tourisme3 .tourisme3,
#tourisme4 .tourisme4,
#tourisme5 .tourisme5 {
    display: none !important;
}

.testimonials .elementor-testimonial-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.elementor-icon-list-icon {
    margin-bottom: 8px;
}

.menu-item.last:after {
    display: none;
}
.menu-item.mobile {
    display: none !important;
}

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

    /* Menu mobile */
    .menu-item.mobile {
        display: block !important;
        background-color: var( --e-global-color-3ee1162 );

    }
    .menu-item.mobile.first {

    }

    .menu-item.mobile a {
        color: #FFF !important;
    }
    .menu-item.mobile a:hover ,  .menu-item.mobile:hover {
        background-color: var( --e-global-color-3ee1162 );
    }
    .menu-item.mobile a.elementor-item-active {
        background-color: var(--e-global-color-ab972c1 );
    }
    .nav-menu ul li:last-child {
        padding-bottom: 10px;
    }

}

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

.logo-header {
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
}
}