/* CSS by Ryan Cahill 05-25-21 */


/* Imported Text  */
@import url('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy');


/* Top header bar  */
#app-header {
  padding: 0px 0 6px;
  background-color: #B20838;
  min-width: 385px;
  a: color=#B20494;}



/* Search Bar and "Refine"  */
#search-form .search-form-container {
    padding: 15px 0px; }
.search-form-container {background-color:#B20838; }


/* Navigation - changes made to color  */
.header-nav {
    float: left;
    border-top: none;
    box-shadow: none;
    padding-top: 17px;
    color: #ffffff;}
.pull-right a {color:#FFF;}
.Dropdown__ToggleTextWrapper {color:#FFF;}	
.UserName__Container {color:#FFF;}	
.header-nav {color:#FFF;}	
a:focus {outline:none!important;}


/* Banner w/ Logo */
.feature-region{
background-color:#231F20;
background-image:url(https://equipformation.files.wordpress.com/2023/07/home-page-equip-logo.png), url(https://equipformation.files.wordpress.com/2021/09/equip-bg-2-3.gif);
background-size: contain, cover;
background-position: center;
shadow: 2px 2px 4px #000000;
padding-top:13rem;
padding-bottom: 13rem;
text-align:center;}


/* Main Page Color  */
#main.product-results {
    background-color: #f0f0f0;
    padding-top: 20px;}

/* Border around course listings on main page */
.product-tile {border-color: white lightgray lightgray white; }

/* Circle in coursecard listings - changes made to color */
.ProductIcon__LargeCircle--course {background: #b20838;}

/* FREE on course image */
.product-flag-free {background-color:#B20838;}

/* Listing footer color "Free/Self-paced" */
.product-tile .product-footer {
    color: #333333;}

/* Bottom Banner*/
#app-footer {
    background-color: #B20838;
    color: #ffffff;
    padding: 25px 0 10px;
    text-align: center;}
#app-footer a, #app-footer ul {
    color: #ffffff;;
    white-space: nowrap;}

/*Equip Header in Catalog->Customizations*/
.StickyHeader {
    background: #b20838;}
.StickyHeader__Title {
    color: #ffffff;}
.btn-info {
    color: white;
    background-color: #666666;
    border-color: #666666;}