#login, #student_login, #instructor_login {
font-size: 120%;
}

.glbdarkcolor {
	BACKGROUND-COLOR: #232AC2;
}

/*
 a:link, a:visited {
	color:#232AC2;
}
.aWithOnClick {
	color:#232AC2;
}

#sddm div {
	background: #232AC2;
}

#sddm div a:hover {
	background: #232AC2;
}

#headertarget {
	background:#fff url(/resource/images/higher-reach-banner.jpg) no-repeat;
}
*/

#headertarget ul {
	background-color:#232AC2;
}

/* .started a, input[type="button"], input[type="submit"], button{
	background-color:#DF0038;
} */

/* .started a:hover, input[type="button"]:hover, input[type="submit"]:hover, .landing .started a:hover, button:hover{
	color:#DF0038;
	background-color:#fff;
	border: 1px solid #DF0038;
} */

input.enroll[type="button"] {
	background-color:#232AC2;
}

input.enroll[type="button"]:hover {
	color:#232AC2;
	background-color:#232AC2;
	border: 1px solid #232AC2;
}

label.checkoutMsg, span.checkoutMsg {
	color: #232AC2;
}

#offeringnametarget {
	color:#DF0038;
}

#mincarttarget table tr td.glblightcolor {
	background-color:#DF0038;
}

/* a.enrollment {
  cursor: pointer;
	color: #DF0038;
	text-transform: uppercase;
} */

/* ---------  5.x branding ---------------- */

:root {
  --link-font-color: #232AC2;
  --nav-background-color: #232AC2;
  --footer-background-color: #232AC2;
  --footer-link-color: #FFFFFF;
  --button-border-color: #ffffff;
  --button-background-color: #DF0038;
  --button-hover-font-color: #DF0038;
  --button-hover-background-color: #fff;
  --button-hover-border-color: #DF0038;
  --nav-link-font-color: #FFFFFF;
  --mobile-nav-link-font-color: #4d4d4d;
  --enrollment-link-color: #DF0038;
}

/* --- header ---*/
/* set header background image */
#headertarget {
  background:#fff url(/resource/images/higher-reach-banner.jpg) no-repeat;
}

/* make the logo transparent, but do not hide it, so the link will still work */
#headertarget div > a img, #headertarget > a img,
 #headertarget > img
 {
   opacity: 0;
 }

/* --- navigation --- */
/* background colors */

.navbar,
.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar .dropdown-menu,
.navbar .dropdown-item
 {
    background-color: var(--nav-background-color) !important;
}

/* mobile background */
@media (max-width: 767.98px) {
    .navbar .dropdown-menu,
    .navbar .dropdown-item
     {
       background-color: transparent !important;
     }
}

/* navigation links */
/* .nav-link,
 .navbar .dropdown-item
  {
    	color: var(--nav-link-font-color) !important;
  } */
  @media (max-width: 767.98px) {
		.navbar .dropdown-item,
		.nav-link {
		    color: var(--mobile-nav-link-font-color) !important;
		}
	}

  /* .navbar ul a:hover
{
    text-decoration: underline !important;
} */

/* --- buttons --- */
.started a, .checkout-link, input[type="button"], input[type="submit"], button {
  background-color: var(--button-background-color) !important;
	border: 1px solid var(--button-border-color) !important;
}

.started a:hover, input[type="button"]:hover, input[type="submit"]:hover, .landing .started a:hover, button:hover,
.started a:focus, input[type="button"]:focus, input[type="submit"]:focus, .landing .started a:focus, button:focus,
.checkout-link:hover, .checkout-link:focus {
    color: var(--button-hover-font-color) !important;
    background-color: var(--button-hover-background-color) !important;
    border: 1px solid var(--button-hover-border-color) !important;
}

/* --- links --- */
.aWithOnClick, a:link, a:visited {
	color: var(--link-font-color);
}

a.enrollment, a.benefit  {
    color: var(--enrollment-link-color) !important;
}

/* --- footer --- */
/* background color */
#footer {
background-color: var(--footer-background-color);
}
/* footer links */
#footer ul li {
	color: var(--footer-link-color);
}



/*
 * for long menus, such as My Account, display overflow, when it extends beyond the container.
 * This can happen in firefox.
 * */
.container {
    overflow-x: visible;
}

.forEachCatalogCaption {
  background:#112863 !important;
}


/* ------------------------- */

/* no cart icon */
cartIcon img {
  display: none;
}

/* hide buy for others */
/* .btn_section_buy_for_others, #sectionBuyForOthers {
  display: none;
}  */