/**
 * @author Nevma, http://www.nevma.gr, info@nevma.gr
 * @license http://www.gnu.org/licenses/gpl-3.0.en.html GPLv3
 */



/********************************************************************************

    ███╗   ███╗ ██████╗ ██████╗ ██╗    ███╗   ███╗███████╗███╗   ██╗██╗   ██╗
    ████╗ ████║██╔═══██╗██╔══██╗██║    ████╗ ████║██╔════╝████╗  ██║██║   ██║
    ██╔████╔██║██║   ██║██████╔╝██║    ██╔████╔██║█████╗  ██╔██╗ ██║██║   ██║
    ██║╚██╔╝██║██║   ██║██╔══██╗██║    ██║╚██╔╝██║██╔══╝  ██║╚██╗██║██║   ██║
    ██║ ╚═╝ ██║╚██████╔╝██████╔╝██║    ██║ ╚═╝ ██║███████╗██║ ╚████║╚██████╔╝
    ╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚═╝    ╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝ ╚═════╝

 ********************************************************************************/



    /* Page body styling when mobimenu is open. */

    .responsiville-mobimenu-open-body {
        overflow: hidden;
        position: relative;
    }



    /* Mobimenu backdrop. */

    .responsiville-mobimenu-backdrop {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9997;
        background: var(--nvm-responsiville-color-gray-dark);
    }

    .responsiville-mobimenu-open-body .responsiville-mobimenu-backdrop {
        display: none;
    }

    /* Mobimenu wrapper. */

    .responsiville-mobimenu-wrapper {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9998;
        overflow: auto;
    }



    /* Mobile menu opening animation effect slide right. */

    .responsiville-mobimenu-wrapper.responsiville-mobimenu-effect-slide-right {
        display: block;
        transform: translateX(-100%);
        transition-property: transform;
        transition-timing-function: ease-in;
        transition-duration: var(--transition-duration);
    }
    
    .responsiville-mobimenu-wrapper.responsiville-mobimenu-open.responsiville-mobimenu-effect-slide-right {
        transform: translateX(0);
    }



    /* Mobile menu opening animation effect slide left. */

    .responsiville-mobimenu-wrapper.responsiville-mobimenu-effect-slide-left {
        display: block;
        transform: translateX(100%);
        transition-property: transform;
        transition-timing-function: ease-in;
        transition-duration: var(--transition-duration);
    }
    
    .responsiville-mobimenu-wrapper.responsiville-mobimenu-open.responsiville-mobimenu-effect-slide-left {
        transform: translateX(0);
    }



    /* Mobinenu wrapper close button. */

    .responsiville-mobimenu-close,
    .responsiville-mobimenu-close:focus,
    .responsiville-mobimenu-close:hover {
        position: fixed;
        background: var(--nvm-color-white);
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 50%;
        box-shadow: none;
        width: 48px;
        height: 48px;
        top: 10px;
        right: 10px;
        z-index: 9999;
        display: none;
        opacity: 0;
        transition-property: transform, opacity;
        transition-timing-function: ease-in-out;
        transition-duration: 0.3s;
        transform: rotateZ(0deg);
        transform-origin: center;
    }

    .responsiville-mobimenu-open-body .responsiville-mobimenu-close {
        display: block;
        opacity: 1;
    }

    .responsiville-mobimenu-close:active,
    .responsiville-mobimenu-close:focus {
        background-color: var(--nvm-color-gray-1);
    }

    .responsiville-mobimenu-close:hover {
        transform: rotateZ(360deg);
        background-color: var(--nvm-color-gray-1);
    }

    .responsiville-mobimenu-close:active:hover {
        background-color: var(--nvm-color-gray-3);
    }
 
    .responsiville-mobimenu-close::after {
        display: block;
        content: url('data:image/svg+xml; utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 32 32"><path fill="rgb(31,31,31)" d="M20.288 10.272l-4.288 4.288-4.288-4.288-1.408 1.408 4.288 4.288-4.288 4.288 1.408 1.408 4.288-4.288 4.288 4.288 1.408-1.408-4.288-4.288 4.288-4.288zM16 1.952c-7.744 0-13.984 6.272-13.984 14.016s6.24 14.016 13.984 14.016 14.016-6.272 14.016-14.016-6.272-14.016-14.016-14.016zM16 28.96c-7.168 0-12.992-5.824-12.992-12.992s5.824-12.992 12.992-12.992 12.992 5.824 12.992 12.992-5.824 12.992-12.992 12.992z"></path></svg>'); 
    }

        .responsiville-mobimenu-close span {
            display: none;
        }