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

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

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

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

  ul.nav {
  color: #343434;
  }

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

  span.Dropdown__ToggleText {
  color: #343434;
  }

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

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

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

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

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

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

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

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

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

/* Orange underline when hover over listings */
.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #EF8A1D;
}

/* end hover effect on course listings */