#home-page .feature-region {
background-image: none;
}

/* Header Stuff */
/* Make the very top header red */

#app-header {
    background-color: #d6001c;
}

/* Make the links in the header white */

#header-menu-container button, #header-menu-container a {
   color: white;
}

/* Make the header logo a little smaller */

.header-branding div a img {
    height: 80%;
}

/* End Header Stuff */


#description p, li {
font-size: 1.15em;
}

.ProductIcon__LargeCircle--course {
background-color: #d6001c;
}


/* Listing Cards Stuff */

/* Border Radius on Listing Cards */
.product-tile  {
   border-radius: 10px;
}

.product-tile .product-image {
   border-radius: 10px;
}

.product-tile .image-wrapper {
    border-radius: 10px 10px 0px 0px;
}

/* text color for dates, price, and CEUs on Listing Cards */
.product-tile .product-footer
{color: #00205b;}

/* Hover effect on course listing cards */
.product-link:hover {
transform: scale(1.05);
color: #2E1A47
}

.product-link {
transition: transform 0.5s ease;
transform: none;
color: #000000;
}

/* red underline when hover over listing cards */
.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #d6001c;
}

/* End Listing Cards Stuff */



#search-form.callout-region {
 background-color: #363436;
}



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

#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;
}

/* Page Links refers to the custom links */
#page-links {
    display:inline-block;
    margin-top: 10px;
}

#page-links a {
    display: inline-block;
    padding: 5px 10px 5px 0;
    font-size:14px;
    color: white;
}

/* Sets the color to black when hovering over links */
#page-links a:hover,
.btn-link:hover,
.btn-link {
    color:#000000;
}


button#accountDropdown {
  padding: 0px 10px 5px 0;
}


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



/* trying to get the footer menu to be responsive but doesn't work yet */
#app-footer .piped-list{
  display: flex center;
  flex-wrap: wrap;
}

.hero-action-footer {
padding-bottom: 10px;"
}


/* Pairs with JS to create a style a banner just below the search area */
#banner {
//width: 80%;
//margin: 0 auto;
text-align: center;
color: white;
background-color: #ab2328;

   & p {
            font-size: 1.25em; 
            font-weight:600;
    }
}
/* End custom banner styling */



/* Create a Request More Information button */
.rfi-btn {
    text-align: center;
}

.rfi-btn a {
    background: #d6001c;
    border-radius: 5px;
    border: 1px solid #d6001c;
    padding: 5px 20px;
    color: white;
}
/* End Request More Information button */