/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --burnt-orange: #B05926;
    --moonstone: #5BA7BB;
    --hunyadi-yellow: #EEA928;
    --prussian-blue: #0B2E4A;
    --schoolbus-yellow: #FCD92F;
    --white-smoke: #F2F2F2;
}
/* ---  MENU  ---*/
#header {
    background-color: var(--prussian-blue);
}

@media screen and (min-width: 992px) {
    #header > .container:first-of-type {
        border-bottom: 1px solid white;
    }
    #header-wrap {
        background-color: var(--prussian-blue);
    }
    .header-extras li i {
        color: white;
    }
    .he-text {
        font-weight: 500;
        color: white;
    }
    .sticky-header #header-wrap {
        background-color: var(--prussian-blue);

    }
    .menu-link {
        color: white;
    }
    #top-search .icon-line-search::before {
        color: white !important;
    }
    #top-search .icon-line-cross::before {
        color: red !important;
    }
    #query {
        color: white;
    }
    #query::placeholder {
        color: white;
        opacity: 1;
    }

    #query:-ms-input-placeholder { /* IE 10-11 */
        color: white;
    }

    #query::-ms-input-placeholder { /* Edge */
        color: white;
    }
}
.slider-caption > div {
    border-radius: 25px;
}

/*fine MENU*/
.section-prussian-blu {
    background: linear-gradient(135deg, #0B2E4A 0%, #184C74 100%);
    color: white;
    padding: 40px;
}
.top-search-form input {
    font-size: 18px;
}
@media (max-width: 992px) {
    .top-search-form input {
        font-size: 12px;
    }
}
.dark #footer, #footer.dark {
    background-color: var(--prussian-blue);
}
.promo-light{
    background-color: var(--white-smoke);
    color: #333 !important;
}
.button.button-light {
    background-color: var(--white-smoke) !important;
    color: #333 !important;
}
.button.button-light:hover {
    background-color: var(--moonstone) !important;
    color: white !important;
}
.button.button-prussian-blue {
    background-color: var(--prussian-blue);
}
.button.button-prussian-blue:hover {
    background-color: var(--moonstone);
}
/*Sezione Hero delle pagine*/
#page-title{
    padding: 120px 0;
    background: linear-gradient(180deg, #0B2E4A 0%, #1e4e65 50%, #5BA7BB 100%);
}
/* Tipografia*/
.text-primary{
    color: var(--prussian-blue) !important;
}

.text-secondary{
    color: var(--burnt-orange) !important;
}
#content  a{
    color: var(--burnt-orange) !important;
}
#content a:hover {
    color: var(--prussian-blue) !important
}
/* ===== Footer Pagamenti ===== */
.footer-payments{
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 18px;
    padding: 26px 0;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.footer-payments-label{
    font-size: .85rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.7);
    font-weight: 700;
}

.footer-payments-icons{
    display:flex;
    align-items:center;
    gap: 18px;
}

.footer-payments-icons img{
    height: 40px;
    width: auto;
    transition: transform .25s ease, filter .25s ease;
    will-change: transform;
}

.footer-payments-icons img:hover{
    transform: scale(1.25);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.35));
}

/* Mobile */
@media (max-width: 767.98px){
    .footer-payments{
        flex-direction: column;
        gap: 14px;
    }
}