/* - variables- */
:root {
  --main-color: #002140;
  --secondary-color: #517fcf;
}

/* - #user-nav - */
#user-nav {
  padding-top: 25px;
}
#page-links {
  display: inline-block;
}
#page-links a {
  display: inline-block;
  padding: 5px 10px 5px 0;
  font-size: 14px;
}
button#accountDropdown {
  padding: 5px 10px 5px 0;
}
/* - button/icon text - */
.spinner, .btn-link, .btn-link:hover, .nav>li>a:hover, #page-links a:hover, .nav-tabs>li.active>a .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .product-tile .product-footer, .Analytics__Stats .Analytics__Statistic.active a, a.ember-view.admin-product-table__product-link:hover {
  color: var(--secondary-color);
}
/* - button/icon background - */
.btn-info, .Icon__CircleWrap--info, .product-flag.product-flag-free, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
  background: var(--secondary-color);
}
/* - button :hover - */
.btn-info:hover, .btn-info:focus, .ProductIcon__LargeCircle--course:focus {
  background: var(--main-color);
  filter: brightness(85%);
}
.product-results .product-tile:hover {
  box-shadow: inset 0px -5px 0px var(--main-color);
}
/* - feature-search - */
.feature-region {
  background-image: none;
  background-color: var(--secondary-color);
}

#search-form .search-form-container {
    background-color: var(--main-color);
  }



/* Custom  Header*/
.header-branding h1 a {
    height: 70px;
}
#home-page .feature-region {
  background: url(https://images.unsplash.com/photo-1588993986550-6ae221c7146e?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) no-repeat center 65%;
  min-height: 250px;
  background-size: cover;
  text-align: center;
}

.general-header-bg {
  background: rgba(0,0,0,.7);
  display: inline-block;
  padding: 20px 65px 15px 65px;
  margin-top: 50px;
}
.general-header {
  font-size: 42px;
  font-weight: 300;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.general-subhead {
  font-size: 24px;
  color: #ffffff;
  padding-top: 25;
  margin-top: 0;
}


/* Search bar ribbon */
#search-form.callout-region {
    background-color: #24A159;
    color: #FFFFFF;
    padding: 0;
    text-align: left;
}