@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700,800|Oswald:300,400,700|Roboto:300,400,900|Roboto+Condensed:700|EB+Garamond|Raleway:400,600,800&display=swap');

#app-header h1 {
    margin:10px 0;
}

/* user-nav includes changes to the Login / User information link */
#user-nav {
    padding-top:25px;
}

#user-nav > a {
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:5px 0px;
    font-size:14px;
    line-height:1.428571429;
    border-radius:4px;
    -webkit-user-select:none;
    color:#000000;
}

#user-nav > a:hover {
    text-decoration:none;
    color:#000000;
}
/* Active Color of Login button once logged in */

.header-nav li a {
    color:#000000;
}

/* Page Links refers to the custom links */
#page-links {
    display:inline-block;
}
#page-links a {
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    color:#000000;
}
#page-links a:hover,
.btn-link:hover,
.btn-link {
    color:#000000;
}

#page-links .piped-list>li:after {
    content:"|";
    color:#000000;
}

a, .Product__AssociatedProductsList--below-the-fold>li>a {
color: #000000;
}

#page-links .piped-list>li:before {
    display:none;
    margin-right:0;
}

/* Carousel CSS */
.carousel-inner .item img {
    width: 100%;
}

/* Hide Registration Fields */
/*.RegistrationBody__UserFields {
display: none;
}*/


/* Hide the Drop Course option from the student dashboard */
/*.col-xs-2.col-sm-1 {
    display: none;
}*/

/*Style to hide dates in catalog listings */
/*#listings div.product-dates {
  display: none;
}*/

/*Custom by PCI */
.carousel-caption h3 { font-size: 30px; }
@media screen and (max-width: 9000px) {
	.carousel-inner .item img { display: inline; width: 100%; }
	.carousel-inner .item img.mobile { display: none; }
}

@media screen and (max-width: 900px) {
	.carousel-inner .item img { display: none; }
	.carousel-inner .item img.mobile { display: inline; width: 100%; }
}
.product-account-logo { display: none; }
h2.hero-head  { font-family: 'Raleway', 'Open Sans', 'Lato', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
h2.h1  { font-weight: 600; line-height: 120%; margin-bottom: .4em; color: #005589; font-size: 60px; }
@media screen and (max-width: 600px) { h2.h1  { font-weight: 600; line-height: 34px; margin-bottom: .4em; color: #005589; font-size: 30px; } }
.program-section h2 { font-family: 'Raleway', 'Open Sans', 'Lato', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: 200; line-height: 120%; margin-bottom: .4em; color: #005589; font-size: 36px; }
.program-section h4 { font-family: 'Raleway', 'Open Sans', 'Lato', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: 600; line-height: 120%; margin-bottom: .4em; color: #005589; font-size: 24px; }
.program-section p, .custom-column p, .program-facts p { font-size: 1.2em; }
.program-section li, .custom-column li, .program-facts li { font-size: 1.2em; }
.custom-column { float: right; width: 33%; padding: 20px; margin: 0 0 40px 40px; box-shadow: 0px 0px 5px #ccc; background-color: #f4f4f4; overflow: hidden; clear: both; }
.custom-column h4 { font-family: 'Raleway', 'Open Sans', 'Lato', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: 600; line-height: 120%; margin-bottom: .4em; color: #005589; font-size: 24px; }
@media screen and (max-width: 600px) { .custom-column { float: none; width: 100%; padding: 20px; margin: 20px; box-shadow: 0px 0px 5px #ccc; background-color: #f4f4f4; overflow: hidden; } }
.program-facts { float: right; width: 33%; padding: 20px; margin: 0 0 40px 40px; box-shadow: 0px 0px 5px #ccc; background-color: #ec6300; color: #fff; overflow: hidden; clear: both; }
.program-facts h4 { font-family: 'Raleway', 'Open Sans', 'Lato', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: 600; line-height: 120%; margin-bottom: .4em; color: #fff; font-size: 24px; }
@media screen and (max-width: 600px) { .program-facts { float: none; width: 98%; padding: 20px; margin: 20px 0px; box-shadow: 0px 0px 1% #ccc; background-color: #ec6300; color: #fff; overflow: hidden; } }
.video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.program-courses { max-width: 60%; margin: 30px 0px; }
@media screen and (max-width: 600px) { .program-courses { max-width: 100%; margin: 30px 0px; } }
a.secondary-button { border: 1px solid #576572; color: #2f3b45; border-radius: 4px; font-size: 14px; padding: 8px 12px; background: #fff; text-decoration: none; } 
a.secondary-button:hover { background: #f0f0f0; }