/*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;

    /* CE8946 */
    --theme-variant-dark-bg: #1f2225;
    --theme-variant-dark-rgb: 20, 37, 59;
    --theme-variant-dark-hover: #2b3034;
    --theme-variant-dark-text: #959595;
    --theme-variant-dark-titles: #fff;

    --theme-accent: #c99a5a;
    --theme-accent-rgb: 214, 168, 89;
    --theme-accent-hover: #d9b583;
    --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;
    --header-main-height: 7rem;

    --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);
}

/* BG */
.bg-dots {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="8" width="8"><circle r="1" cx="4" cy="4" fill="black"/></svg>');
    background-repeat: round;
    filter: blur(1px);
    height: 102%;
    width: 102%;
    transform: translate(-1%, -1%);
}
.bg-gray {
    background-color: #dce1e3;
}
.bg-gray-light {
    background-color: #edf0f1;
}

/* TEXT */
.text-balance {
    text-wrap: balance;
}

/* BORDERS */
.border { border: 1px solid var(--theme-variant-dark-text); }
.border-primary { border: 1px solid var(--theme-accent); }
.rounded-sm {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 1rem;
}
.rounded-lg {
    border-radius: 2rem;
}
.rounded-pill {
    border-radius: 5rem;
}

/* SPACES */
@media screen and (min-width: 768px) {
    .ps-md-5 { padding-left: 2rem; }
    .pe-md-5 { padding-right: 2rem; }
}

/* LAYOUT */
/* LAYOUT */
.-col-2,
.-col-lg-2,
.-col-xl-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 2rem;
}
@media screen and (max-width: 767.98px) {
    .-col-2 {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
@media screen and (max-width: 991.98px) {
    .-col-lg-2 {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
@media screen and (max-width: 1199.98px) {
    .-col-xl-2 {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/*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);
}

@media (min-width: 999.99px) {
    .site-header__main {
        margin-block: .5rem;
    }
    
    .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(--theme-accent)
}

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

/* HERO CAROUSEL */
@media screen and (max-width: 991.98px) {
    .hero-carousel .swiper .swiper-slide > .container::before,
    .hero-carousel .swiper .swiper-slide > .container:after {
        content: "";
        display: block;
        height: 3rem;
    }
}

@media (max-width: 575.98px) {
    .hero-carousel .swiper-buttons {
        top: unset;
        bottom: 20%;
    }
}

.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%;
    filter: brightness(0);
}

.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);
}

.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);
}

/*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: 100px;
    max-width: unset;
    object-fit: contain;
}

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

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

@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);
}

/* 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: var(--theme-accent) !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: var(--theme-accent);
    font-family: "Tiempos Fine", serif;
    line-height: 1;
    font-size: 50px;
    padding-right: 5px;
    padding-top: 4px;

}