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

/* Global */
/* Element */
.element-white * {
    fill: white !important;
}

.element-gray * {
    fill: #404442 !important;
    opacity: 0.7 !important;
}

/* RS - Links */

.social-container .title-icon, .social-container .liste-icon, .social-container .icon{
    transition: all 1s
}

.social-container:hover .title-icon{
    opacity: 0;
    pointer-events: none
}

.social-container:hover .liste-icon{
    transform: translate(25%, -200px)
}

.social-container:hover .icon{
    transform: rotate(-45deg)
}

/* Navigation - Menu button */
.menu-button {
    height: 42px;
    width: 42px
}

.menu-button .container-color {
    min-height: 0 !important;
    min-width: 0 !important;
    width: 21px;
    height: 21px;
    position: absolute;
    transition: all 0.3s ease !important;
}

.menu-button .container-color.container-1 {
    top: 0px;
    left: 0px;
}

.menu-button .container-color.container-2 {
    top: 0px;
    right: 0px;
}

.menu-button:hover .container-color.container-2 {
    top: 12px;
    right: 0px;
}

.menu-button .container-color.container-3 {
    bottom: 0px;
    left: 0px;
}

.menu-button:hover .container-color.container-3 {
    top: 23px;
    left: 0px;
}

.menu-button .container-color.container-4 {
    bottom: 0px;
    right: 0px;
}

.menu-button:hover .container-color.container-4 {
    bottom: 0px;
    left: 0px;
}


.menu-button:hover .container-color {
    width: 42px !important;
    height: 7px !important;
}

/* Menu Burger */

.dialog-lightbox-message{
    scrollbar-width: thin;
    scrollbar-color: #951209 transparent;
}

.dialog-lightbox-message::-webkit-scrollbar {
    width: 8px;
}

.dialog-lightbox-message::-webkit-scrollbar-track {
    background: transparent;
}

.dialog-lightbox-message::-webkit-scrollbar-thumb {
    background-color: #951209;
    border-radius: 4px;
}

.dialog-lightbox-message::-webkit-scrollbar-button {
    display: none;
}

/* Ellipse */

@media (min-width: 1201px) and (max-width: 1365px) {

    .ellipse-container {
        height: 571px;
        overflow: hidden;
    }

    .ellipse-container .ellipse-top {
        width: 100%;
        height: 571px;
        transform: translate(-50%, 50%) scale(1.5);
        position: absolute;
        top: 0;
        left: 50%;
        max-width: none;
    }
}

@media (min-width: 1366px) {

    .ellipse-container {
        height: 700px;
        overflow: hidden;
    }

    .ellipse-container .ellipse-top {
        width: 100%;
        height: 700px;
        transform: translate(-50%, 50%) scale(1.5);
        position: absolute;
        top: 0;
        left: 50%;
        max-width: none;
    }
}



/* HomePage */
/* Hero */
#hero-intro {
    clip-path: polygon(50% 50%, 55% 50%, 55% 55%, 50% 55%);
    /* Petit carré centré */
}

/* Chambre Niv 2 */
#hero #first-block {
    height: 100%;
}

#hero #first-block .move-top-element,
#hero #first-block .move-bottom-element {
    overflow: hidden;
}

#hero #first-block .elementor-swiper-button {
    transform: translateY(100%);
}

#hero #second-block .title {
    transform: translateX(-100vw);
    opacity: 0;
}

#hero #second-block .content {
    transform: translateY(100vh);
}

#hero #second-block .back-button {
    transform: translateX(50vw) translateY(-30vh);
}

#hero #second-block .icon-title {
    opacity: 0;
}

/* Restaurant */
    /* Cartes */
    #liste-cartes .elementor-icon-list-icon {
        opacity: 0;
        transition: all 0.5s ease;
    }

    #liste-cartes .elementor-icon-list-item:hover .elementor-icon-list-icon {
        opacity: 1;
    }

    /* Chefs */
    @media (min-width: 1201px) {
        .dynamic-image-container-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
        }

        .dynamic-image-container-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
    }
}

/* Tourisme */
.tourisme-listing .description-img {
    height: 100%;
}

@media screen and (min-width: 1367px) {
    .tourisme-listing .description-img {
        min-height: 450px;
    }
}

@media screen and (max-width: 1366px) {
    .tourisme-listing .description-img {
        min-height: 350px;
    }
}

/*---------------------------------------------------------------------------*/
/*--------------------------------actualite----------------------------------*/
/*---------------------------------------------------------------------------*/
.container-actu .image-actu:after{
    display: block;
    content:'';
    background: rgba(251, 247, 240, 1);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s;
}
.container-actu:hover .image-actu:after{
    opacity: 0.7;
}
.container-actu .btn-maillage{
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity 0.4s;
}

.container-actu:hover .btn-maillage{
    opacity: 1;
}