/*THEME BLUE GOLD ACCENT*/
:root {
    /****ABSTRACT VARIABLES*****/

    --theme-text: #333333;
    --theme-bg: #fff;

    --theme-variant-light-text: var(--theme-text);
    /*BLUEISH HINT */
    /*--theme-variant-light-bg: #edf0fe;*/
    /*--theme-variant-light-rgb: 237, 240, 254;*/
    /*--theme-variant-light-hover: #cfd6ff;   */
    /*GREYISH HINT*/
    --theme-variant-light-bg: #f9f9f9;
    --theme-variant-light-rgb: 249, 249, 249;
    --theme-variant-light-hover: #efefef;

    --theme-variant-dark-bg: #14253B;
    --theme-variant-dark-rgb: 20, 37, 59;
    --theme-variant-dark-hover: #13365C;
    --theme-variant-dark-text: #b8b6b6;
    --theme-variant-dark-titles: #fff;

    --theme-accent: #D6A859;
    --theme-accent-rgb: 214, 168, 89;
    --theme-accent-hover: #d19d45;
    --theme-text-on-accent: #121212;
    --theme-icons-filter__to__accent: unset;

    /****CONCRETE****/

    --ppm-body-text: var(--theme-text);
    --ppm-body-background: var(--theme-bg);
    /*--ppm-header-background: var(--theme-variant-light-bg);*/
    --ppm-header-background: var(--theme-bg);
    --ppm-header-font-size: 1rem;
    --ppm-header-font-weight: 600;

    --ppm-mobile-menu-bg: var(--theme-variant-dark-bg);
    --ppm-mobile-menu-titles: var(--theme-variant-dark-titles);
    --ppm-mobile-menu-text: #d4d4d4;

    --ppm-spot-prices-bg: var(--theme-variant-dark-bg);
    --ppm-spot-prices-color: var(--theme-variant-dark-text);


    --ppm-footer-gradient: linear-gradient(
            270deg,
            var(--theme-variant-dark-bg),
            var(--theme-variant-dark-hover)
    );
    --ppm-footer-color: var(--theme-variant-dark-text);
    --ppm-footer-titles: var(--theme-variant-dark-titles);

    --ppm-main-button: var(--theme-accent);
    --ppm-main-button__hover: var(--theme-accent-hover);
    --ppm-main-button-text: var(--theme-text-on-accent);
    --ppm-main-button__hover-text: var(--theme-text-on-accent);
}

/*IMPLEMENTATION*/
body {
    background-color: var(--ppm-body-background);
}

.site-header {
    --header-color: var(--ppm-body-text, 000);
    --header-background: var(--ppm-header-background);
    font-size: var(--ppm-header-font-size);
    font-weight: var(--ppm-header-font-weight);
}

.site-header__main {
    margin-block: clamp(1rem, 4vw, 2.5rem);
}

@media (min-width: 999.99px) {
    .site-header__secondary {
        font-size: 1rem;
    }
}

@media (max-width: 500px) {
    .site-header__secondary {
        height: calc((2 * var(--header-secondary-height)) + 0.5rem)
    }
}

.site-header__secondary
.mega-menu, .sub-menu {
    background-color: var(--ppm-header-background);
    font-weight: 500;
}

.site-header__main__actions::before {
    content: none;
}

.mobile-menu {
    background-color: var(--ppm-mobile-menu-bg);
    color: var(--ppm-mobile-menu-titles);
}

.slide-menu .mega-menu, .slide-menu .sub-menu {
    background-color: var(--ppm-mobile-menu-bg);
}

.slide-menu .mega-menu .mega-menu__column {
    color: var(--ppm-mobile-menu-text)
}

.mega-menu__column__title a {
    color: var(--ppm-mobile-menu-titles)
}

.mobile-menu__header__close {
    color: var(--theme-accent);
}


.hero-carousel .swiper-buttons .swiper-arrow.swiper-arrow {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0.5em;
    border-radius: 10px;
}

/*FOOTER*/
.site-footer {
    background: var(--ppm-footer-gradient);
    color: var(--ppm-footer-titles);
}

.site-footer__primary {
    padding-block-end: 2.5rem;
}


.site-footer__primary__menus h2 {
    font-weight: 600;
}

.site-footer__primary__about .link-logo, .mobile-menu__header__logo {
    max-width: unset;
    width: 80%;
    filter: invert(1);
}

.site-footer__primary__about .link-logo > img {
    max-width: unset;
    width: 80%;
}

.site-footer__primary__about .text-formatted {
    max-width: unset;
    width: 80%;
}


@media (max-width: 1199.98px) {
    .site-footer__primary__about .link-logo {
        max-width: unset;
        width: 80%;
    }
}


/*GENERIC ACCENT COLORS*/

.bubble.-primary, .cart__header__title .bubble {
    background-color: var(--theme-accent);
    color: var(--theme-text-on-accent);
}

.primary-menu > .menu-item > a::after {
    border-color: var(--theme-accent);
}

a {
    color: var(--theme-accent);
}

.link, .text-formatted a {
    border-color: var(--theme-accent);
    background-image: var(--ppm-header-background);
}

:is(.link,.text-formatted a ):is(:hover,:focus) {
    color: var(--theme-accent-hover);
}

.list-menu a:hover {
    color: var(--theme-accent);
}

a:hover {
    color: var(--theme-accent-hover);
}

.btn.-style-primary {
    --button-background: var(--ppm-main-button);
    --button-hover-background: var(--ppm-main-button__hover);
    --button-color: var(--ppm-main-button-text);
    --button-hover-color: var(--ppm-main-button__hover-text);
}
.btn.-outline.-style-primary {
    --button-background: #976e26;
    --button-color: #976e26;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: var(--theme-accent);
}

input[type=text]:focus,
input[type=text]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=week]:focus,
input[type=week]:active,
textarea:focus,
textarea:active,
select:focus,
.sort-widget__button:focus,
select:active,
.sort-widget__button:active {
    outline: none;
    border-color: var(--theme-accent);
}

.pagination__item.-is-active .pagination__link {
    background-color: var(--theme-accent);
    border-color: var(--theme-accent);
}

.card-service__icon {
    filter: var(--theme-icons-filter__to__accent);
}

.social-icon {
    /* background-color: var(--theme-accent); */
    background-color: #ba872f;
}

/*LOGOS*/
/*        HIDE FREE TRANSPORT*/
.site-header__secondary__info ul li:nth-child(2) {
    display: none;
}

/* //Customize logo size  */
.site-header__main__logo .link-logo > img {
    width: 165px;
    max-width: unset;
    aspect-ratio: 4;
}

@media (min-width: 420px) {
    .site-header__main__logo .link-logo > img {
        width: 220px;
    }
}

@media (min-width: 575.99px) {
    .site-header__main__logo .link-logo > img {
        width: 180px;
    }
}

@media (min-width: 991.99px) {
    .site-header__main__logo .link-logo > img {
        width: 200px;
    }
}

@media (min-width: 1199.98px) {
    .site-header__main__logo .link-logo > img {
        width: 235px;
    }
}

@media (min-width: 1619.98px) {
    .site-header__main__logo .link-logo > img {
        width: 300px;
    }
}

/*SPOT PRICES colors */
.site-header > .container:first-child {
    all: initial;
    display: block;
    padding-inline: var(--spacing-lg) !important;
    background-color: var(--theme-variant-dark-bg);
    color: var(--theme-variant-dark-titles);
    font-weight: 600;
}

@media (min-width: 1500px) {
    .site-header .spot-prices {
        font-size: 1.1rem;
    }
}

/*PROMOTIONS SECTION*/
.card-promotion {
    object-fit: cover;
}

.card-promotion:hover {
    background-color: var(--theme-variant-light-hover);
}

.card-promotion__link .icon {
    color: var(--theme-accent);
}

/*TESTIMONIALS SECTION*/
.testimonials__footer {
    margin-top: 3rem;
}

.testimonials-rating {
    display: inline-block;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: var(--theme-variant-dark-titles);
}

.card-testimonial__author .v-card .verified {
    display: flex;
    white-space: nowrap;
    align-items: center;
}

.card-testimonial__author .v-card .verified span {
    opacity: 0.9;
}

.-testimonials-heading {
    color: var(--theme-text);
    background-color: var(--theme-bg);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*PRODUCT LOOKUP*/
.product__gallery .gallery .swiper-slide .zoom {
    background-color: var(--theme-accent);
}

.product__gallery .thumbnails .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--theme-accent);
}

/*CONTACT US*/
.contacts__info__list h3 {
    color: var(--theme-accent);
}

/*CHECKOUT*/
.checkout__panel__header__title .bubble {
    background-color: var(--theme-accent);
}

.radio-choose:has(input:checked), .card-saved-data.-is-selected {
    border-color: var(--theme-accent);
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background-color: var(--theme-accent);
    border-color: var(--theme-accent);
}


/*FAQ SECTION*/
.accordion {
    display: grid;
    row-gap: 1rem;
}

.accordion-title {
    position: relative;
    width: 100%;
    padding: 1rem 1.16rem;
    background-color: var(--theme-variant-light-bg);
    border-radius: 5px;
    text-align: left;
    cursor: pointer;
}

.accordion-title.active {
    background: var(--theme-variant-dark-bg);
    color: var(--theme-variant-dark-titles);
    border: none;
}

.accordion-title:not(.active):hover {
    background-color: var(--theme-variant-light-hover);
}

.accordion-content {
    padding-inline: 1rem;
}

.accordion-content::before {
    content: '';
    width: 100%;
    height: 1rem;
    display: block;
}

/*ICON*/
.accordion-icon::before, .accordion-icon::after {
    content: "";
    position: absolute;
    width: 1em;
    height: .16em;
    top: 50%;
    right: 1.16rem;
    background-color: var(--theme-accent);
    transition: 0.3s ease-in-out all;
    border-radius: 0.03em;
}

.accordion-icon::after {
    transform: rotate(90deg);
}

.accordion-title.active .accordion-icon::after {
    transform: rotate(180deg);
}


.accordion-title.active .accordion-icon::before {
    transform: rotate(90deg) scale(0);
}


/*Catalog Pages*/
@media (max-width: 1200px) {
    .section.section-collections .collections-grid .card-collection:nth-child(2n) {
        border-right: 1px solid #dee2e6;
    }

    .section.section-collections .collections-grid .card-collection:nth-child(odd) {
        border-left: 1px solid #dee2e6;
    }
}

.collections-grid .card-collection:nth-child(4n+1) {
    border-left: 1px solid #dee2e6;
}

.collections-grid .card-collection:nth-child(4n) {
    border-right: 1px solid #dee2e6;
}

/*Appraisal Form */
.appraisal-form {
    background: url(/media/custom/hertels_appraisal_form.jpg) no-repeat top left;
    background-size: cover;
}

.appraisal-form-grid {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 999.99px) {
    .appraisal-form-grid {
        grid-template-columns: 70% 1fr;
    }
}

.appraisal-form-list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-row-gap: 0.25em;
    max-width: 50ch;
}

.appraisal-form-list > li::marker {
    content: '✓\A0\A0';
    color: var(--theme-accent);
}

.appraisal-form .heading-block-subtitle {
    max-width: 50ch;
}

.appraisal-form-content h3 {
    color: var(--theme-variant-dark-titles);
}

.appraisal-form-wrapper {
    padding: 2.5rem 1rem;
    background: rgba(var(--theme-variant-light-rgb), 0.9);
    border-radius: 10px;
    align-self: center;
}

/* HIDE BUY PRICE */
.product__summary__inner .product__summary__note small {
    display: none !important;
}

/*FIX CONTACT US*/

.slide-menu__header__collection > a[href=\/contact-us] {
    display: none;
}

@media (min-width: 1199.99px) {
    .mobile-only-menu-item {
        display: none;
    }
}

/*Utilities*/
.text-primary {
    color: #976e26 !important;
}

:is(.bg-dark) {
    background-color: rgba(var(--theme-variant-dark-rgb), var(--bs-bg-opacity)) !important;
}

:is(.text-light) {
    color: var(--theme-variant-dark-text) !important;
}

.text-light :is(h1,h2,h2,h4,h5,h6) {
    color: var(--theme-variant-dark-titles) !important;
}

:is(.bg-light) {
    background-color: rgba(var(--theme-variant-light-rgb), var(--bs-bg-opacity)) !important;
}

.fluid-padding {
    padding: min(1rem, 5%) min(2rem, 5%);
}

.shadow-overlay {
    background-color: rgba(var(--theme-variant-dark-rgb), 0.95);
    color: var(--theme-variant-dark-text);
}

.shadow-overlay :is(h1,h2,h3,h4) {
    color: var(--theme-variant-dark-titles);
}

.light-overlay {
    background-color: rgba(var(--theme-variant-light-rgb), 0.95);
    color: var(--theme-variant-light-text);
}

.grid-end {
    grid-column: 1/-1;
}

@media (min-width: 1000px) {
    .grid-end {
        grid-column: 2/3;
    }
}

.drop-cap {
    float: left;
    text-align: center;
    color: #ba872f;
    font-family: "Tiempos Fine", serif;
    line-height: 1;
    font-size: 50px;
    padding-right: 5px;
    padding-top: 4px;

}

blockquote {
    font-size: calc(1.2625rem + 0.15vw);
    font-weight: 600;
    line-height: 1.7;
    margin: 3.2rem auto !important;
    padding-left: 6.25rem;
    position: relative;
    text-align: left;
}

@media (min-width: 1200px) {
    blockquote {
        font-size: 1.375rem;
    }
}

@media (max-width: 767.98px) {
    blockquote {
        padding-left: 3.6rem;
    }
}

@media (max-width: 575.98px) {
    blockquote {
        font-size: 1.125rem;
    }
}

blockquote:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.818 0v17.442h11.41c0 6.41-5.119 11.627-11.41 11.627v5.814c9.437 0 17.114-7.824 17.114-17.442V0H22.818ZM0 17.442h11.409c0 6.41-5.118 11.627-11.409 11.627v5.814c9.437 0 17.113-7.824 17.113-17.442V0H0v17.442Z' fill='%23EBC347'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 8px;
    width: 2.5rem;
}

@media (max-width: 767.98px) {
    blockquote:before {
        height: 1.6rem;
        width: 1.6rem;
    }
}

.alert.-style-warning {
    color: #926d00;
}