/* changes the size of the logo upper left */
.header-branding h1 a img {
    height:75%;
    margin:10px 0;
}

/* changes the size of the logo on user's dashboard */
.DashboardProduct__AccountLogo {
    max-height:20px;
}

/* changes the size of the logo on course listing page */
.product-account-logo {
    max-height:25px;
}

/* changes the color of the "Resume Course" button on user's dashboard */
.bhtBF_bGBk.eHiXd_bGBk.eHiXd_bXiG.eHiXd_ycrn.eHiXd_bNlk.eHiXd_cuTS {
    background-color:#1C203E;
}

/* changes the color of the header bar */
#app-header {
    padding:4px 0 5px;
    background-color:#1C203E;
}
#app-header h1 {
    margin:10px 0;
}
#topnavbar a > span {
    color: #0073ac;
}
/* END */

/* User-nav includes changes to the Login / User information link */ 
#user-nav {
    padding-top:25px;
}
#user-nav > a {
    display:inline-block;
    margin-bottom:5px;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap; 
    padding:5px 10px;
    font-size:14px;
    line-height:1.428571429;
    border-radius:4px;
    -webkit-user-select:none;
    color:#FFFFFF;
}
#user-nav > a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

/* Active Color of Login button once logged in */ 
.header-nav li a {
    color:#FFFFFF;
    text-decoration:none;
}
/* END --------------------- */


/* Page Links refers to the custom links in header */
#page-links {
    display:inline-block;
}
#page-links a {
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
}
.btn-link {
    color: #FFFFFF;
    text-decoration:none;
}
#page-links a:hover, .btn-link:hover {
    color: #FFFFFF;
    text-decoration:underline;
}
#page-links .piped-list>li:after {
    content:"|";
    color:#ffffff;
}
#page-links .piped-list>li:before {
    display:none;
    /* margin-right:0;  */
}
/* End --------------------- */

/* hero image area (orig image size: 1400 × 400 pixels) */
.carousel-inner .item img {
    width: 100%;
}
.feature-region {
    background-image: none;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}
/* End --------------------- */

/* changes the search bar */
#search-form.callout-region {
    background-color: #1A9C97;
    color: white;
    padding-bottom: 0;
}

/* changes color of the Load More and Enroll button */ 
.btn-info {
    outline: 0;
    outline-offset: 0;
    border: 0;
    border-radius: 2px;
    background: #C72A74;
    color: #FFFFFF;
}

/* changes color of the Load More and Enroll hover button */
.btn-info:hover {
    background: #C72A74;
    color: #FFFFFF;
}

/* changes color of catalog home page background */
#home-page .product-results {
    background: #f0f9fd;
    padding-top: 0;
}

/* changes color of "Free" on catalog home page */
.product-flag-free {
    background-color: #C72A74;
}

/* changes text color at bottom of course tile on home page */
.product-tile .product-footer {
    color: #1C203E;
}

/* changes color of COURSES icon on course tile on home page */
.ProductIcon__LargeCircle--course {
    background: #C72A74;
}

/* changes color of PROGRAM icon on course tile on home page */
.ProductIcon__LargeCircle--program {
    background-color: #F7941D;
}

/* changes hover color on course tile on home page */
.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #1C203E;
}

/* changes color of footer social media bar */
#footer-bar {
    background-color: #B7B7B7;
    padding: 18px 0 18px 0;
    margin-top: -30px;
    margin-bottom: 20px;
}

.footer-bar-content {
    font-weight: bold;
    font-style: italic;
    font-size: medium;
}

/* changes progress bar on users' catalog dashboard (css must be in the main catalog css) */
.DashboardProduct__ProgressBar {
    background:#ffffff;
    border:1px solid #4c4c4c;
    opacity:1.0;
    height:10px
}

.DashboardProduct__ProgressFill {
    height:100%;
    background-color:#F7941D;
    /* background: linear-gradient(90deg, rgba(247,148,29,1) 0%, rgba(199,42,116,1) 100%); */
    opacity:1.0;
    border-right:1px solid #4c4c4c
}
/* End --------------------- */

/* hides the default footer */
#app-footer .container {
    display: none;
}

/* changes listing page background */
.product-bg {
    background-color: #f0f9fd;
    background-size: cover;
}

/* changes search bar background on main catalog page */
#search-form .search-form-filters {
    background-color: #f0f9fd;
    padding-bottom: 30px;
}

/* changes listing page bottom "enroll" banner background */
.callout-region {
    background-color: #f0f9fd;
    background-size: cover;
}

/* changes nav list buttons on user's dashboard (In Progress, Completed Not Completed) */
.DashboardNavigation__Tab.active {
    background-color: #1C203E;
}

/* changes color of large icon on dashboard - nav button pages */
.Icon__CircleWrap--info {
    background:#1C203E;
  }

/* hides text under large icon on user dashboard - nav button pages */
.Icon__NotificationContainer p {
    display: none;
}

 /* hides program information text on listing page */
.Product__AssociatedProducts {
     display: none;
}

/* hides "enrollment closed" message on listing page */
.hero-action .ProductEnrollment__Notice {
    display: none;
}

/* hides the small CS logo on the course listing page */
.product-account-logo {
    display: none;
}

/* hides the small CS logo on the user's dashboard */
.DashboardProduct__AccountLogo {
    display: none;
}

/* hides the "Drop Course" button on user's dashboard */
.col-xs-2.col-sm-1 {
    display: none;
}   

/* MEDIA FORMATTING rules for responsive devices. This coding is optional but helpful for tablets and mobile devices. */

/* Media for header */
@media and (max-width: 768px) {
#page-links #app-header .header-nav {
    float: none;
    width: auto;
    }
}

/* Media for feature region */
  
@media and (max-width: 1200px) {
#home-page #feature div {
	max-width: 800px;
    }
}
   
@media and (max-width: 768px) {
#home-page #feature {
	height: 265px;
	text-align: center;
    padding: 0 2em;
    }
}

.alert-top {
	margin-bottom: 0;
}

/* END MEDIA FORMATTING */