/* HeaderFooter_CSS */


/* FOOTER */
.footer-navigation {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    justify-content: stretch;
    background-color: #F4F6F9 !important;
}

.footer-navigation .columns-content {
    width: 100%;
}

.footer-navigation .footer-links {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem 2rem;
    width: 100%;
}

.footer-navigation .footer-links a {
    color: #0B2E4F !important;
    font-size: .75rem !important;
    font-weight: 600;
    line-height: 1rem;
}

.footer-navigation .footer-links a:hover {
    color: #319ED8 !important;
    font-size: .75rem !important;
    font-weight: 600;
    line-height: 1rem;
}

.payment-methods-text {
    color: var(--grey-4, #627993);
    font-weight: 600;
}

.footer-navigation .footer-links a:hover {
    text-decoration: none !important;
}

.footer-navigation .footer-links .filler {
    flex-grow: 1;
}

.footer-text-container {
    .footer-text {
        color: var(--secondary-light, #3C5872);
    }
}

.footer-payments-container {
    .footer-payments-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: .3rem .45rem;
        width: 100%;
    }

    .icon-payment {
        width: 2.32rem;
        height: 1.5rem;
        background: var(--white, #FFF);
        border-radius: .14rem;
        border: .5px solid var(--grey-3, #C2D1D9);
        object-fit: none;

        &.postepay {
            width: 4.269rem;
            background: #F3E454;
            border-radius: .1875rem;
        }
    }

    .icon-payment-small {
        width: 1.6rem;
        height: 1.5rem;
        background: var(--white, #FFF);
        border-radius: .14rem;
        border: .5px solid var(--grey-3, #C2D1D9);
        object-fit: fill;
    }

    .text-payment {
        padding: .25rem .375rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: .625rem;
        height: 1.5rem;
        color: var(--primary, #006F98);
        background: var(--white, #FFF);
        border-radius: .1875rem;
        font-family: "Open Sans", serif;
        font-size: .5rem;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: 0.03125rem;
        text-align: center;
        text-transform: uppercase;

        &.bonifico {
            width: 3.56rem;
        }
    }
}

/* desktop */
@media only screen and (min-width: 1024px) {
    .footer-text-container {
        padding-right: 1.005rem;
    }

    .footer-payments-container {
        padding-left: 4.875rem;
    }
}

/* mobile */
@media only screen and (max-width: 600px) {
    .footer-navigation [data-layout-direction~='mobile-direction-column'] {
        padding: 0 !important;
    }

    .footer-navigation .footer-links {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-navigation .footer-links .filler {
        display: none;
    }

    .footer-text {
        padding-top: 0 !important;
        border-top: none !important;
    }

    .payment-methods-text {
        display: none;
    }

    .footer-payments-wrapper {
        margin-top: 1.25rem;
        padding-top: 1.25rem !important;
        gap: .5rem;
        border-top: .03125rem solid #c2d1d9;
    }
}


/* FOOTER CONTAINER */
.footer-navigation .columns-content {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto !important
}
@media screen and (min-width: 1401px) {
    .footer-navigation {
        justify-content: center;
    }
    .footer-navigation .columns-content {
        max-width: 76.5rem !important;
    }
}
@media screen and (max-width: 1400px) {
    .footer-navigation .columns-content {
        max-width: 72rem !important
    }
}
@media screen and (max-width: 1199px) {
    .footer-navigation .columns-content {
        max-width: calc(100% - 2.75rem) !important
    }
}
@media screen and (max-width: 991px) {
    .footer-navigation .columns-content {
        max-width: calc(100% - 3rem) !important
    }
}
@media screen and (max-width: 768px) {
    .footer-navigation .columns-content {
        max-width: calc(100% - 3.5rem) !important;
    }
}
@media screen and (max-width: 576px) {
    .footer-navigation .columns-content {
        max-width: calc(100% - 1.5rem) !important;
    }
}



/* HEADER SEMI-LIGHT */
.header-semi-light-menu a {
    --dxp-c-navigation-text-color: white !important;
    --dxp-c-navigation-list-hover-background-color-contrast: #0B2E4F !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    line-height: 1.25rem !important;
}

/* HEADER */
.header[name="header"] {
    position: static !important;
}

.ic1-header.menu-nodes-wrapper .main-menu-item {
    padding: 0 .5rem;
}

.ic1-header.menu-nodes-wrapper p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

@media only screen and (max-width: 1024px) {
    /*mobile & tablet*/
    .menu-mobile-full {
        position: fixed !important;
        top: 4.5rem;
        left: 0;
        right: 0;
        bottom: 0;
        display: none !important;
        width: 100vw;
        height: calc(100vh - 4.5rem);
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 900;
    }

    .menu-mobile-full.visible {
        display: block !important;
    }

    .buttons-wrapper .main-menu-item p {
        display: none;
    }
}

/* tablet */
@media only screen and (min-width: 480px) and (max-width: 1024px) {
    .buttons-wrapper .main-menu-item p {
        display: contents;
    }
}

/* desktop */
@media only screen and (min-width: 1024px) {
    .header[name="header"] {
        position: relative !important;
        z-index: unset !important;
    }
}

/* COOKIE */
.ot-sdk-show-settings{
    background-image: url('https://cdn.cookielaw.org/logos/static/ot_persistent_cookie.png') !important;
    background-repeat: no-repeat !important;
    color: transparent !important;
    border: 0 !important;
    background-size: contain !important;
    padding: 1.5rem !important;
    font-size: 1px !important;
    position: fixed !important;
    left: 1rem !important;
    bottom: 1rem !important;
}

.ot-sdk-show-settings:hover
{
    background-color: transparent !important;
}