/* Banner Image at top */

.header-branding {
    width: 150px;
}

#home-page .feature-region {
    background: url(https://aws-canvas-media-rm.s3.us-east-2.amazonaws.com/ProLearn+Catalog/healthcare-catalog-banner-1.png)
        no-repeat center center;
    min-height: 295px;
    background-size: cover;
    text-align: center;
}



/* semi-transparent header text box background-4at.9 and border-2 */

.general-header-bg {
    background: rgba(37, 59, 74, .9);
    display: inline-block;
    padding: 20px 65px 15px 65px;
    border-radius: 10px;
    border: 2px solid #A0D1C8;
    margin-top: 60px;
}

.general-header {
    font-size: 40px;
    font-weight: 900;
    font-family: Georgia, serif;
    color: #ffffff;
    padding: 0;
    margin: 0;
}
.general-subhead {
    font-size: 16px;
    font-weight: 100;
    font-family: Geneva, Verdana, sans-serif;
    color: #ffffff;
    padding-top: 0;
    margin-top: 0;
}



/* Search bar ribbon underneath banner/header image - background color-4, top border color-2, and text color-1 */

#search-form.callout-region {
    background-color: #284B63;
    border-top: 4px solid #A0D1C8;
    color: #F2EFEA;
    padding: 0;
    text-align: left;
}



/*Refine button hover-3 and focus colors-3 */

#search-form.callout-region button:hover {
    background-color: #2B7075;
    color: #F2EFEA;
}

#search-form .search-refine-button:focus {
    background-color: #2B7075;
    color: #F2EFEA;
    padding: 5;
}



/*  Login/name at top right - link color-3 and hover color-2 */

.btn-link {
    color: #2B7075;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
}

.btn-link:hover {
    color: #A0D1C8;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
}



/* Listing footer text and button-3 */

.product-tile .product-footer {
    color: #2B7075;
}



/* Circle icon on listing image for course listings-2*/

.ProductIcon__LargeCircle--course {
    background: #52878b;
}



/* Circle icon on listing image for program listings-3  */

.ProductIcon__LargeCircle--program {
    background: #2B7075;
}



/* Bottom border of listing tile when hovering-2 */

.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #A0D1C8;
}



/* Background of page section where the listings are located-1 */

#main.product-results {
    background: none;
    background-color: #F2EFEA;
}



/* Background of dropdown menu at top right */

.Dropdown__Menu.dropdown-menu {
    background-color: #f2f2f2;
}



/* Background of search form for categories */

#search-form .search-categories ul {
    background-color: #FFFFFF;
}



/*Main footer at the bottom-4 */

#app-footer {
    background-color: #ffffff;
    color: #284B63;
    padding: 5px 0 10px;
    text-align: center;
    margin-top: auto;
}







/* Need to figure out */

.btn-info {
    color: #ffffff;
    background-color: #000000;
}

/* Need to figure out */

.btn-info:active {
    color: #ffffff;
    background-color: #000000;
}

/* Need to figure out */

.btn-info:hover {
    color: #ffffff;
    background-color: #000000;
}