/* Regular (400, normal) */
@font-face {
  font-family: 'Manier';
  src: url('../fonts/Manier-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic (400, italic) */
@font-face {
  font-family: 'Manier';
  src: url('../fonts/Manier-RegularItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;    /* ← This is the critical line */
  font-display: swap;
}

/* Bold (700, normal) */
@font-face {
  font-family: 'Manier';
  src: url('../fonts/Manier-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic (700, italic) */
@font-face {
  font-family: 'Manier';
  src: url('../fonts/Manier-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;    /* ← Both weight AND style are set */
  font-display: swap;
}

:root {
	--primary-color: #be0f34;
    --secondary-color: #00A0DF;
    --top-banner-bg-color: #2a2a2a;
    --accent-color: #E4f6ff;
    --topic-menu-bg-color-hover: #F0F0F0;
    /* LINK COLORS */
    --primary-links-color-hover: #00A0DF;
    --secondary-links-color-hover: #00A0DF;
    --footer-link-color: #C4C4C4;
    --footer-link-color-hover: #99E4FF;
    /* BUTTON COLORS - PRIMARY */
    --primary-button-color: #be0f34;
    --primary-button-color-hover: #2a2a2a;
    --primary-button-text-color: #FEFEFE;
    --primary-button-text-color-hover: #FEFEFE;
    --primary-button-border-color: #be0f34;
    --primary-button-border-color-hover: #2a2a2a;
    /* BUTTON COLORS - SECONDARY */
    --secondary-button-color: #E4F6FF;
    --secondary-button-color-hover: #2a2a2a;
    --secondary-button-text-color: #be0f34;
    --secondary-button-text-color-hover: #FEFEFE;
    --secondary-button-border-color: #be0f34;
    --secondary-button-border-color-hover: #be0f34;
    /* NAVIGATION COLORS */
    --nav-bg-color: #be0f34;
    --nav-tab-color: #FEFEFE;
    --nav-tab-color-hover: #C7F0FF;
    --nav-link-color: #be0f34;
    --nav-link-color-hover: #00A0DF;
    /* HEADING/BANNER BACKGROUND COLORS */
    --bg-color-1: #00A0DF;
    --bg-color-2: #be0f34;
    --bg-color-3: #C7F0FF;
    /* HEADING/BANNER BACKGROUND COLORS WITH TRANSPARENCY */
    --rgba-color-1: rgb(0 160 223 / .75);
    --rgba-color-2: rgb(190 15 52 / .75);
    --rgba-color-3: rgb(145 197 0 / .5);
    /* FONT FAMILY */
    --font-family-heading: "Manier", sans-serif;
    --font-family-body: "Poppins", sans-serif;
    /* ROUNDING ADJUSTMENTS */
    --border-radius-sm: 0;
    --border-radius-md: 0;
    --border-radius-lg: 0;
    --button-radius: 0;
}

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

.block-featureditems h3 {
    color: #fff;
}

/* hiding gift card message on coupon entry box on cart.asp */
.cart-gift-card-message {
    display: none;
}

.footer-location-container .contact-address1,
.footer-location-container .contact-group,
.footer-location-container .contact-map {
  display: none;
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR MEDIUM SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */
@media screen and (min-width: 40em) {
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 64em) {
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR X-LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 75em) {
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR XX-LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 90em) {
}