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

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

  /* Create Listing button object */
button.btn.btn-info {
    background-color: #4a4f55;
}

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

  /* - Refine text color - */
  .search-refine-button__text {
      color: #ffffff;
  }

  /* - Refine dropdown toggle color - */
  .icon.search-refine-button__icon.icon-circle-down {
      color: #ffffff;
  }

  /* - Refine dropdown toggle circle color - */
  .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;
  }
  
  /* Gray underline when hover over listings */
  .product-results .product-tile:hover {
      box-shadow: inset 0px -5px 0px #4a4f55;
  }
  
  /* end hover effect on course listings */
  
  /* Change enrollment button on listing description page */
  span.css-1biq480-baseButton__content {
      background-color: #4a4f55;
  }

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

  /* Hide the PDF transcript from the student dashboard */
  a.DashboardNavigation__TranscriptButton.btn.btn-info {
    display: none;
}

#description strong + span,
#description p > span {  
font-weight: normal !important;
}

/* Give the custom listings the same horizontal padding as Canvas containers */
#custom-listings-portal {
  max-width: 1170px;       /* matches Bootstrap .container width */
  margin: 0 auto;          /* centers it */
  padding: 0 15px;         /* adds side gutters */
}

/* Optional: some vertical space above and below */
#custom-listings-portal .row {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Hide empty results section even if it has only the heading wrapper */
#main.product-results:has(#main-heading:empty),
#main.product-results:has(#main-heading h1:only-child) {
  display: none !important;
}