:root {
    --primary-color: #12497F;
    --secondary-color: #FF6C24;
    --top-banner-bg-color: #3b3b3b; /*NEW*/
    --accent-color: #E4f6ff; /*NEW*/
    --topic-menu-bg-color-hover: #F0F0F0; /*NEW*/
    /* LINK COLORS */
    --primary-links-color-hover: #FF6C24;
    --secondary-links-color-hover: #FF6C24;
    --footer-link-color: #C4C4C4;
    --footer-link-color-hover: #FF6C24;
    /* BUTTON COLORS - PRIMARY */
    --primary-button-color: #12497F; /*NEW*/
    --primary-button-color-hover: #002E47;
    --primary-button-text-color: #FEFEFE; /*NEW*/
    --primary-button-text-color-hover: #FEFEFE; /*NEW*/
    --primary-button-border-color: #12497F; /*NEW*/
    --primary-button-border-color-hover: #002E47; /*NEW*/
    /* BUTTON COLORS - SECONDARY */
    --secondary-button-color: #E4F6FF;
    --secondary-button-color-hover: #001623;
    --secondary-button-text-color: #12497F; /*NEW*/
    --secondary-button-text-color-hover: #FEFEFE; /*NEW*/
    --secondary-button-border-color: #12497F; /*NEW*/
    --secondary-button-border-color-hover: #12497F; /*NEW*/
    /* NAVIGATION COLORS */
    --nav-bg-color: #12497F; /*NEW*/
    --nav-tab-color: #FEFEFE; /*NEW*/
    --nav-tab-color-hover: #FFA070; /*NEW*/
    --nav-link-color: #12497F;
    --nav-link-color-hover: #FF6C24;
    /* HEADING/BANNER BACKGROUND COLORS */
    --bg-color-1: #12497F;
    --bg-color-2: #FF6C24;
    --bg-color-3: #0073AE;
    /* HEADING/BANNER BACKGROUND COLORS WITH TRANSPARENCY */
    --rgba-color-1: rgb(6 147 178 / .5);
    --rgba-color-2: rgb(212 128 0 / .5);
    --rgba-color-3: rgb(145 197 0 / .5);
    /* FONT FAMILY */
    --font-family-heading: "Oswald", sans-serif;
    --font-family-body: "Noto Sans", sans-serif;
}

/* START - THIS IS NEEDED TO REPLACE THE TEXTBOOK OPTIONS COPY WITH TEXTBOOK AGREEMENT DURING CHECKOUT */
.js #text-option-step-header,
.js #text-options-heading {
  visibility: hidden;
}
/* END - THIS IS NEEDED TO REPLACE THE TEXTBOOK OPTIONS COPY WITH TEXTBOOK AGREEMENT DURING CHECKOUT*/

.home-announcements h3,
#popular-heading,
.block-featureditems h3,
.block-popularitems h3 {
    color: #fff;
}

.block-featureditems h3,
.block-popularitems h3 {
    background: var(--bg-color-1)
}

.home-block a:after {
    background: none;
}

section#coupon-entry {
    display: none;
}

.option-store-recommends .book-option-label  {
    background: var(--bg-color-2);
}

.book-option.option-store-recommends {
    border-bottom: 2px solid var(--bg-color-2);
}

#footer-branding {
    background: var(--top-banner-bg-color);
    font-size: .725rem;
}

#footer-branding img   {
    height: 80px;
}

.home-block {
    border: 1px solid #ddd;
}


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

}


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

@media screen and (min-width: 64em) {
}
    .mega-menu > li > ul > li {
        flex: 0 0 content;
    }

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