@import url("https://c.ststat.net/content/sites/BaseTemplate/css/WebOverrides.css");
@import url("https://c.ststat.net/content/sites/Immediate/css/immediate.css");
@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');  
/* Helvetica */
@import url("https://use.typekit.net/gmd8jdp.css");

body {
    --body-font-family: 'Helvetica';
	--heading-font-family: 'Quattrocento';
   	--primary-link-color: #3A6E63;
	--primary-link-color-hover: #7AAFC0;
	--body-background-color: #F3E7D4;
	--body-font-color: #173E4A;
	--heading-font-color: #173E4A;
    --heading-masthead-font-color: #173E4A;
    --footer-background-color: #000;
    --footer-text-color: #fff;
    --header-background-color: #000;
    --header-text-color: #fff;
    --default-border-radius: 0;
    --med-border-radius: 0;
    --logo-height: clamp(34px, 4vw, 58px);
    --t-breadcrumbs-background: #000;
    --t-breadcrumbs-active-color: #fff;
    --t-breadcrumbs-inactive-color: #bcbcbc;

    &:has(.scrolled) {
        --logo-height: clamp(23px, 2vw, 40px);
    }
}

h1,h2,h3,h4,h5,h6,
.g-button {
    font-weight: 700;
}

.t-client-header {
    .t-client-menu-nav {
        /* .primary {
            background: #FFF;
            color: #000;
        } */
        .secondary {
            border-color: #fff;
            color: #fff;
        }
    }
    .pv-shared-basket-header .basket-link.basket-black svg path {
        fill: #fff;
    }
}