/* - variables- */
  :root {
    --main-color: #374351;
  }

  #user-nav > a {
      color:#fff;
  }

  #user-nav {
    padding-top: 25px;
  }

  #page-links {
    display: inline-block;
  }

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

  /* - button/icon background - */
  .btn-info, .Icon__CircleWrap--info, .product-flag.product-flag-free, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
    background: var(--main-color);
  }

  .search-refine-button__contents {
  color: #fff;
  }

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

  ul.nav {
  color: #fff;
  }

  span.Dropdown__ToggleIcon--header.icon-right {
  color: #fff;
  }

  span.Dropdown__ToggleText {
  color: #fff;
  }

  /* - 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: inherit;
  }

  #search-form .search-form-container {
    background-color: #292929;
  }

  .search-refine-button__text {
      color: #fff;
  }

  .icon.search-refine-button__icon.icon-circle-down {
      color: #fff;
  }

  .icon.search-refine-button__icon.icon-circle-up {
      color: #fff;
  }

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

  #page-links .piped-list>li:after {
      content:"|";
      color:#fff;
  }

  #user-nav {
    padding-top: 25px;
  }

  #page-links {
    display: inline-block;
  }

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

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

 .feature-region {
 	background-image: none;
 }

 .product-tile .product-footer {
  color: #343434;
}

/*Change enrollment button color in catalog listings */
span.fQfxa_caGd.fQfxa_fKcQ.fQfxa_eCSh.fQfxa_ImeN.undefined.fQfxa_dqAF {
    background-color: #374351;
}

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

/* Admin navigation text color */
span.css-fhkclk-baseButton__content {
    color: #FFF;
}

/* Admin navigation text color */
ul.css-1rc109g-truncateList-topNavBarMenuItems {
    background-color: #fff;
}

/* User's name link color */
button.css-1cps253-view-link {
    color: #fff !important;
}