/* This custom CSS is to add or overide selectors to icsglobal.css */
/* The custom CSS is empty out-of-the-box.                         */
/* The icsglobal.css should not be modified.                       */

a:link, a:visited {
    color: #cf102d;
    text-decoration: underline;
}
A.glbportletlink:link, A.glbportletlink:active, a:hover, a:active, #headertarget ul li a:hover, #nav ul li a:hover, #footer ul li a:hover {
    cursor: pointer;
    TEXT-DECORATION: none;
}
.glbdarkcolor {
	BACKGROUND-COLOR: #cf102d;
	COLOR: #fff;
}
.aWithOnClick {
	color:#003a70;
}
.glblightcolor {
	color:#cf102d;
}

/* menu background color */
/*#sddm div*/
.navbar,
.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar .dropdown-menu,
.navbar .dropdown-item
 {
	background: #003a70 !important;
}

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

#sddm div a:hover {
	background: #003a70;
}
#nav ul li {
	color:#5fb4e5;
}
#footer ul li {
	color:#ffffff;
}
#continuing_education h2, #affiliated_organizations h2, #instructors h2 {
	color:#cf102d;
}
.landing .started a, .landing input[type="button"], button {
	background-color:#003a70;
	border: 1px solid #003a70;
}
.started a, input[type="button"], input[type="submit"], button, .checkout-link {
	background-color:#003a70;
}
input.enroll[type="button"] {
	background-color:#003a70;
}
.started a:hover, input[type="button"]:hover, input[type="submit"]:hover, .landing .started a:hover, button:hover, .checkout-link:hover{
	color:#003a70;
	border: 1px solid #003a70;
}
.showSectionLink{
	position: relative;
}
.showSectionLink input[type="button"], .showSectionLink button {
	background-color: #eee;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #003a70;
	padding: 4px;
	display: block;
	box-shadow: none;
	margin-top: .5em;
}
.showSectionLink input[type="button"]:focus, .showSectionLink button:hover {
	background-color: #fff;
	box-shadow: 0 0 4px #9ecaed;
}
p.tipText {
	background-color: #ffffd1;
	padding: 7px;
	margin-bottom: 1em;
	font-size: 1.2em;
}
label.checkoutMsg, span.checkoutMsg {
	color: #003a70;
}
#offeringnametarget {
	color:#003a70;
}
#mincarttarget table tr td.glblightcolor {
	background-color:#003a70;
}
a.enrollment {
	color: #003a70;
	text-decoration: underline;
}
a.enrollment:focus,a.enrollment:hover {
	text-decoration: none;
}
a.groupTypes {
	color: #003a70;
}
a.benefit {
	color: #003a70;
}
.screenReaderText {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
a.skip-link {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:1px;
	height:1px;
	text-align: left;
	overflow:hidden;
}
a.skip-link:focus, a.skip-link:active, a.skip-link:hover {
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:auto;
	overflow:visible;
	background-color:#FF3;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	color: #fff;
	display: block;
	padding: 1px 10px 2px;
	text-decoration: none;
	z-index:10;
}

#skiplink {
  margin-top: 0;
}


/* FRONT PAGE ITEMS*/
.catalogColumn{
	display: block;
	float: left;
	width: 27%;
	padding: 0 2.5%;
	border-right: 1px solid #b2b2b2;
}
.catalogColumn:first-child {
	padding-left: 4.5%;
}
.catalogColumn:nth-child(3) {
	border-right:none;
}
.catalogColumn img{
	width: 100%;
}
.catalogSection h2{
	font-size: 1.3em;
	color: #cf102d;
	margin: .5em 0;
}
/*.catalogColumn*/ .catalogSection {
	padding-top: 1.5em;
  border-right: 1px solid #b2b2b2;
}
.catalogDescription {
    height: 160px;
}

/* LOGIN PAGE */
#newAccountLink, #forgotPasswordLink {
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
}

/* adjust width of course number column on the course catalogs page and other changes from Joel */
.course-col {
  width: 12%;
}

@media (max-width: 991.98px){
                .course-col {
                                width: 15%;
                }
}

@media (max-width: 767.98px){
                .course-col {
                                width: 20%;
                }
}

@media (max-width: 575.98px){
                .course-col {
                                width: 30%;
                }
}

.catalogSection img {
                max-width: 100%;
}


@media (max-width: 767.98px){
                .banner {
                                background-color: #003a70;
                }
}

.navbar-toggler {
                  background-color: #003a70;
}


@media (max-width: 767.98px){
                .navbar {
                                background: #cf102d !important;
                }
}


/* hide elements of various pages */
.loggedInOnly {
	display: none;
}

.discountTarget {
	display: none;
}
.membershipLink {
	display: none;
}


#instructorSectionDetailsEstimatedEnrollment {
  display: none;
}

/* hide membership links.  Should membership be disabled instead of hiding individual links? */
#carttarget #membershipLink, #membershipShoplinkZone, #membershop {
  display: none;
}

/* hide credit hours and load hours on section fact sheet */
.showLoadHours, .showCreditHours {
  display: none;
}


/* add vertical bar in menu after top-level links */
.nav-item {
    border-right: 1px solid #8695bb;
}


/* hide skip all button */
.skipAllBtn {
  display: none;
}

/*  */
[data-i18n="paymentcheckout-div-footertext"] {
  margin: 10px;
}

/* for long menu's, such as My Account, display overflow, when it extends beyond the container */
.container {
    overflow-x: visible;
}