:root {
	--primary-color: #9E1B32;
    --secondary-color: #B4610E;
    --top-banner-bg-color: #2f2f2f;
    --accent-color: #e9e5df;
    --topic-menu-bg-color-hover: #F0F0F0;
    /* LINK COLORS */
    --primary-links-color-hover: #B4610E;
    --secondary-links-color-hover: #B4610E;
    --footer-link-color: #C4C4C4;
    --footer-link-color-hover: #F09336;
    /* BUTTON COLORS - PRIMARY */
    --primary-button-color: #9E1B32;
    --primary-button-color-hover: #730e20;
    --primary-button-text-color: #FEFEFE;
    --primary-button-text-color-hover: #FEFEFE;
    --primary-button-border-color: #9E1B32;
    --primary-button-border-color-hover: #480713;
    /* BUTTON COLORS - SECONDARY */
    --secondary-button-color: #e9e5df;
    --secondary-button-color-hover: #9E1B32;
    --secondary-button-text-color: #221d15;
    --secondary-button-text-color-hover: #FEFEFE;
    --secondary-button-border-color: #221d15;
    --secondary-button-border-color-hover: #9E1B32;
    /* NAVIGATION COLORS */
    --nav-bg-color: #9E1B32;
    --nav-tab-color: #FEFEFE;
    --nav-tab-color-hover: #C9CECF;
    --nav-link-color: #9E1B32;
    --nav-link-color-hover: #353535;
    /* HEADING/BANNER BACKGROUND COLORS */
    --bg-color-1: #9E1B32;
    --bg-color-2: #828A8F;
    --bg-color-3: #d5c4a9;
    /* HEADING/BANNER BACKGROUND COLORS WITH TRANSPARENCY */
    --rgba-color-1: rgb(158 27 50 / .5);
    --rgba-color-2: rgb(130 138 143 / .5);
    --rgba-color-3: rgb(145 197 0 / .5);
    /* FONT FAMILY */
    --font-family-heading: "Montserrat", sans-serif;
    --font-family-body: "Noto Sans", sans-serif;
}

.Montserrat-semibold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .home-block a > span, #account-nav li a span {
    font-weight: 800;
    text-transform: uppercase;
}

.mega-menu > li > ul > li.is-dropdown-submenu-parent > a:hover {
    color:var(--nav-link-color-hover) ;
}

.breadcrumbs li {
    font-weight: 600;
}

.home-announcements h3 span,
.recommended-products h2 span {
    color: #fff;
}

.callout {
    border-radius: var(--border-radius-md);
}

.vend-block {
    border-radius: 1.1em;
    overflow: hidden;
    padding: 1em;
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 2px 6px 31px -19px rgba(0, 0, 0, 0.28);
}

.vend-block img {
    border-radius: 1.1em;
}


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