:root {
    --ppm-main-accent: #efdc5c;
    --ppm-main-accent__hover: #2565a5;
    --ppm-text-on-accent: #121212;
    /*Icons Filter*/
    --ppm-icons-accent-filter: invert(78%) sepia(100%) saturate(298%) hue-rotate(351deg) brightness(99%) contrast(89%);
    --ppm-icons-contrast-filter: invert(1);

    --ppm-silver: #fcfcea;
    --ppm-silver-rgb: 252, 252, 234;
    --ppm-extra-dark: #000;

}

@media (min-width: 1320px) {
    :root {
        --side-spacing: 4rem
    }
}

@media (min-width: 1620px) {
    :root {
        --side-spacing: 4.85rem
    }
}


.bg-presidential-dark {
    background-color: var(--ppm-extra-dark);
}

.text-presidential-accent {
    color: var(--ppm-main-accent);
}

/*HEADER*/
.header {
    background-color: var(--ppm-extra-dark) !important;
}
@media (min-width: 1200px) {
    .header-menu>ul>.menu-item {
        margin: 0 1rem;
    }
}

/*ICONS*/
.mini-cart-header .btn.btn-icon img {
    filter: var(--ppm-icons-accent-filter);
}

.icon > img:is([src*="bell"], [src*="icon-arrow-next-dark"], [src*="icon-follow"]) {
    filter: var(--ppm-icons-accent-filter);
}

.arrow-toggle .icon > svg {
    filter: var(--ppm-icons-accent-filter);
}

.link-button:hover .icon, .btn-icon:not(#scroll-top-button):hover svg {
    filter: invert(1);
    opacity: 1;
}

.search-box svg {
    filter: invert(1);
}

/*//BUTTONS*/
.btn-primary {
    background: var(--ppm-main-accent);
    border-color: var(--ppm-main-accent);
    color: var(--ppm-text-on-accent);
    transition: background-color .2s linear;
}

.btn-primary:hover {
    background: var(--ppm-main-accent__hover);
    border-color: var(--ppm-main-accent__hover);
    color: var(--ppm-text-on-accent);
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: 0 0 0 0.1rem rgba(var(--ppm-silver-rgb), .5);
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: var(--ppm-extra-dark);
    border-color: var(--ppm-bg-dark);
    color: var(--ppm-silver);
}


/*FOOTER*/
.site-footer {
    background-color: var(--ppm-extra-dark) !important;
}


.footer__links-container .text-uppercase {
    color: var(--ppm-main-accent)
}

/*LOGO*/
.header .custom-logo-link {
    width: 80px;
}


@media (min: 1199.98px) {
    .header .custom-logo-link {
        width: 120px;
    }
}


@media (min-width: 1600px) {
    .header .custom-logo-link {
        width: 140px;
    }
}

/*MOBILE MENU*/
.mobile-menu__bar .custom-logo-link {
    display: none;
}

.mobile-menu__header {
    background: var(--ppm-main-accent);
}

.mobile-menu__bar {
    background: var(--ppm-extra-dark);
}

.mobile-menu__header__nav__item a {
    color: black;
}