/* ==========================================================================
# Age Verification default style
========================================================================== */

#qodef-age-verification-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: $heading-color;
    opacity: 0;
    z-index: 115;
    visibility: hidden;
    transition: $opacity-transition;
    
    .qodef-m-logo {
        position: absolute;
        top: 30px;
        left: 30px;
        
        a {
            position: relative;
            display: block;
            max-width: 50%; // set logo image to be retina
        }
        
        img {
            display: block;
        }
    }
    
    .qodef-m-content {
        padding: 30px;
        text-align: center;
        max-width: 700px;
    }

    .qodef-m-content-title {
        margin: 0;
        color: #fff;
    }

    .qodef-m-content-subtitle {
        margin: 11px 0 0;
        color: $main-color;
    }
    
    .qodef-m-content-note {
        margin: 32px 0 0;
        color: #e5dcdb;
    }
    
    .qodef-m-content-prevent {
        @include qodefRelativeLayout();
        margin-top: 52px;
    }
    
    .qodef-button {
        
        &.qodef-prevent--yes {
            margin-right: 10px;
        }
    
        &.qodef-prevent--no {
            color: #fff;
            border-color: #a3a19e;
    
            &:hover {
                color: #fff;
                border-color: #28201e;
                background-color: #28201e;
            }
        }
    }
    
    .qodef-age-verification--opened & {
        opacity: 1;
        visibility: visible;
        transition: $opacity-transition;
    }
}