:root {
	--primary-color: #6aade4;
    --secondary-color: #5e2751;
    --top-banner-bg-color: #A8007B;
    --accent-color: #E4f6ff;
    --topic-menu-bg-color-hover: #F0F0F0;
    /* LINK COLORS */
    --primary-links-color-hover: #005157;
    --secondary-links-color-hover: #005157;
    --footer-link-color: #C4C4C4;
    --footer-link-color-hover: #72C7E7;
    /* BUTTON COLORS - PRIMARY */
    --primary-button-color: #6aade4;
    --primary-button-color-hover: #739600;
    --primary-button-text-color: #090A0F;
    --primary-button-text-color-hover: #090A0F;
    --primary-button-border-color: #6aade4;
    --primary-button-border-color-hover: #739600;
    /* BUTTON COLORS - SECONDARY */
    --secondary-button-color: #E4F6FF;
    --secondary-button-color-hover: #001623;
    --secondary-button-text-color: #6aade4;
    --secondary-button-text-color-hover: #FEFEFE;
    --secondary-button-border-color: #6aade4;
    --secondary-button-border-color-hover: #6aade4;
    /* NAVIGATION COLORS */
    --nav-bg-color: #6aade4;
    --nav-tab-color: #090A0F;
    --nav-tab-color-hover: #5e2751;
    --nav-link-color: #001623;
    --nav-link-color-hover: #005157;
    /* HEADING/BANNER BACKGROUND COLORS */
    --bg-color-1: #6aade4;
    --bg-color-2: #739600;    
    --bg-color-3: #ce8e00;
    /* HEADING/BANNER BACKGROUND COLORS WITH TRANSPARENCY */
    --rgba-color-1: rgb(106 173 228 / .85);
    --rgba-color-2: rgb(206 142 0 / .85);
    --rgba-color-3: rgb(115 150 0 / .85);
    /* FONT FAMILY */
    --font-family-heading: "Oswald", sans-serif;
    --font-family-body: "Noto Sans", sans-serif;
}

.button.hollow,
.button.hollow.primary {
    color:var(--secondary-color);
    border-color: var(--secondary-color);
}

.button.hollow:hover,
.button.hollow.primary:hover {
    color:#005157;
    border-color: #005157;
}

a, .drilldown .is-drilldown-submenu-parent > a::after, .drilldown .js-drilldown-back > a::before, a:visited, .breadcrumbs a, #cookies-alert a, #footer-cookies a, .show-as-link, .show-as-link:visited {
    color: var(--secondary-color);
}

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

.attention.alert-block.receipt .alert-right-col {
  color: #000;
}


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


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

@media screen and (min-width: 64em) {
        .home-block a > span.caption-bottom {
        bottom: 0;
}
}

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