/* NQSTI COOKIE BANNER STYLED WITH COLORS */

div#sliding-popup {
    transform: translateY(100%);
    transition: transform 500ms ease;
}

div#sliding-popup.frombottom {
    transform: translateY(0);
    bottom: 0 !important;
    transition: transform 500ms ease;
}

/* ------------------------------ COOKIE BANNER ------------------------------ */
div#sliding-popup .eu-cookie-compliance-banner {
    background-color: var(--p);
    font-weight: 300;
}

div#sliding-popup .eu-cookie-compliance-banner * {
    font-family: "Adobe Garamond Pro - Regular" !important;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-category label,
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-message h2,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button span,
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category>div {
    color: #fff;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label {
    /* font-weight: 700; */
    font-weight: 500;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category input:checked+label::before {
    background-color: #000;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button,
div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
    color: #fff;
    /* background-color: #000; */
    background-color: transparent;
    box-shadow: none;
    border-radius: 10em;
    font-weight: 500;
    text-transform: none;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
    background-color: transparent;
    cursor: pointer;
    font-weight: 300;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button {
    border: 2px solid #fff;
}

div#sliding-popup .eu-cookie-compliance-banner button.agree-button.eu-cookie-compliance-default-button {
    background-color: #fff;
    color: #000;
    /* border: 2px solid #000; */
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button {
    color: #000 !important;
    background-color: transparent;
    /* box-shadow: 0 0 0 2px inset #000; */
    border: 2px solid #000;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button:hover,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button:hover {
    /* background-color: var(--primary-color); */
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button:hover,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button:hover {
    background-color: #000;
    color: #fff !important;
}

#sliding-popup #popup-text * {
    font-size: 18px;
    font-weight: 300;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories>div .eu-cookie-compliance-category-description {
    font-size: 16px;
}

#sliding-popup #popup-text h2 {
    font-size: 24px;
    /* font-weight: 700; */
    font-weight: 300;
    text-transform: uppercase;
}


div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button::after {
    border: 1px solid #fff;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button::after {
    background-image: url(./assets/icon_accordion_down-w.svg);
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button.open::after {
    background-image: url(./assets/icon_accordion_up-w.svg);
}


div#sliding-popup .eu-cookie-compliance-banner #popup-buttons.okclass::after {
    background-color: var(--p);
}


@media (min-width: 1200px) {
    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button,
    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button,
    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button,
    div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button {
        margin: 1rem auto 0 auto !important;
    }
}


/* DA METTERE IN ORDINE */
@media (max-width: 768px) {
    div#sliding-popup .eu-cookie-compliance-banner {
        padding: 1rem 12px;
    }

    #sliding-popup #popup-text h2 {
        font-size: 16px;
        /* font-weight: 700; */
        font-weight: 300;
        text-transform: uppercase;
        line-height: 1.3em;
        margin-bottom: 3px;

    }

    #sliding-popup #popup-text * {
        font-size: 14px;
        font-weight: 300;
    }

    #sliding-popup #popup-text .find-more-button span,
    #sliding-popup #popup-text .find-more-button {

        color: #000;
    }

    #popup-text {
        margin-bottom: 1rem;
    }

    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
    div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button {
        padding: 8px 20px;
        font-size: 14px;
    }
}