/* --------------------------- /////////// COOKIE MANAGEMENT /////////// --------------------------- */
#policy-message, .policy-notice-bar {
    position: fixed;
    width: 100%;
    background-color: #111;
    color: #fff;
    z-index: 1060;
    transition: 0.5s ease;
    border-top: 1px solid var(--color-primary);
    pointer-events: none;
}

#policy-message {
    bottom: -100%;
    height: 60px;
    padding: 12px;
    text-align: center;
}

#policy-message.visible {
    bottom: 0;
    pointer-events: auto;
}

.policy-notice-bar {
    height: auto;
    bottom: -100%;
    padding: 1rem;
}

.policy-notice-bar a {
    color: #3B82F6;
}

.policy-notice-bar a:hover {
    text-decoration: underline;
}

.policy-notice-bar.visible {
    bottom: 0;
    pointer-events: auto;
}

.policy-notice-bar p, #policy-message p {
    display: inline-block;
    margin-bottom: 0;
}

.policy-notice-bar .close, #close-policy-message {
    background-color: #FFF;
    color: #000;
    float: right;
}

.policy-bar-buttons {
    display: inline-block;
}

.policy-notice-bar button {
    display: inline-block;
    margin-left: 1rem;
}

.policy-notice-bar button, .policy-notice-bar .close, #close-policy-message {
    padding: 5px 10px;
    transition: 0.3s;
    border: none;
    border-radius: 2px;
}

.policy-notice-bar button:hover, .policy-notice-bar .close:hover, #close-policy-message:hover {
    background-color: #3B82F6;
    color: #FFF;
}

.checkbox-wrapper {
    margin: 1rem 0;
}

.checkbox {
    font-size: 0.875rem;  
}

#policy-modal {
    color: #111;
}

@media (max-width : 766px){

    #policy-bar button {
        display: block;
        margin-top: 1rem;
        margin-left: 0;
    }

    #close-policy-bar {
        float: none;
    }

    #close-policy-message {
        float: none;
        margin-top: 10px;
    }

}

@media (max-width : 692px) {
    #policy-message {
        height: 150px;
    }
}