:root {
    --primary-color: #951829;
    --secondary-color: #F09336;
    --top-banner-bg-color: #AD00FE; /*NEW*/
    --accent-color: #E4f6ff; /*NEW*/
    --topic-menu-bg-color-hover: #F0F0F0; /*NEW*/
    /* LINK COLORS */
    --primary-links-color-hover: #63666A;
    --secondary-links-color-hover: #63666A;
    --footer-link-color: #C4C4C4;
    --footer-link-color-hover: #FFF8EF;
    /* BUTTON COLORS - PRIMARY */
    --primary-button-color: #951829; /*NEW*/
    --primary-button-color-hover: #FFF8EF;
    --primary-button-text-color: #FEFEFE; /*NEW*/
    --primary-button-text-color-hover: #951829; /*NEW*/
    --primary-button-border-color: #005E91; /*NEW*/
    --primary-button-border-color-hover: #002E47; /*NEW*/
    /* BUTTON COLORS - SECONDARY */
    --secondary-button-color: #E4F6FF;
    --secondary-button-color-hover: #FFF8EF;
    --secondary-button-text-color: #005E91; /*NEW*/
    --secondary-button-text-color-hover: #951829; /*NEW*/
    --secondary-button-border-color: #005E91; /*NEW*/
    --secondary-button-border-color-hover: #005E91; /*NEW*/
    /* NAVIGATION COLORS */
    --nav-bg-color: #951829; /*NEW*/
    --nav-tab-color: #FEFEFE; /*NEW*/
    --nav-tab-color-hover: #FFF8EF; /*NEW*/
    --nav-link-color: #951829;
    --nav-link-color-hover: #641A2B;
    /* HEADING/BANNER BACKGROUND COLORS */
    --bg-color-1: #D0D0CE;
    --bg-color-2: #D0D0CE;
    --bg-color-3: #FFECD1;
    /* 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;
    /* BORDER RADII*/
    --border-radius-sm: 0;
    --border-radius-md: 0;
    --border-radius-lg: 0;
    --button-radius:0;
}

.dropdown.menu > li.is-active > a {
    color: #FFF8EF;
}

.mega-menu a:hover {
    color: #641A2B;   
}
.dropdown.menu > li.header-user-nav-trigger > a {
	color:#951829;
}

.dropdown.menu > li.header-user-nav-trigger > a:hover {
	color:#63666A;
	
}
.slideshow img {
    aspect-ratio: inherit;
}

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