/*

Theme Name: PIANNA MASSAGE

Theme URI: URL WEB

Description: Thème du site web PIANNA MASSAGE

Author: dmdespert

Author URL: https://www.piannamassage.fr

Template: hello-elementor

Version: 1.0.0

License: GNU General Public License v2 or later

License URL: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: hello-elementorchild

    --e-global-color-primary: #EE5039;
    --e-global-color-secondary: #297894;
    --e-global-color-text: #191919;
    --e-global-color-accent: #FFFBF4;
    --e-global-color-bd6cfc9: #EE2A12;
    --e-global-color-be5ddcb: #174C5B;

*/


html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#hero {
    height: calc(98vh - 125px);
}

#drop-down-menu {
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease-in-out;
}

#drop-down-menu.open-menu {
    opacity: 1;
    pointer-events: all;
}

#hero-video {
    height: 100vh;
}

#hero-video .elementor-wrapper {
    width: 100%;
    height: 100vh;
}

#hero-video iframe {
    height: 100%;
}

#header-logo span,
#main-title span {
    color: var(--e-global-color-primary) !important;
}

.mousedown .elementor-icon-wrapper {
    animation-name: mouse;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
}

#shape-divider-personalized * {
    width: 100%;
    min-width: 1200px;
    height: auto !important;
}


@keyframes mouse {
    0% {
        transform: translate(0px, -5px);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: translate(0px, 10px);
        opacity: 0;
    }
}

.mask {
    -webkit-mask-image: url("/wp-content/uploads/2025/06/mask-pianna.svg");
    mask-image: url("/wp-content/uploads/2025/06/mask-pianna.svg");
    mask-repeat: no-repeat;
}