/* ---------- Dashboard Product Image  ---------- */
/* the following 3 classes prevents image card stretch within the student dashboard and keeps the progress bar under the image*/

.DashboardProduct__Image {
  position: static !important;   
  width: 100%;
  height: auto !important;
  object-fit: contain;
  display: block;
}

.DashboardProduct__ProgressWrapper {
  position: static !important; 
  width: 100%;
  height: auto;
  padding-bottom: initial;
  margin-top: 0px;       
}

.DashboardProduct__ImageWrapper {
    position: relative;
    background-color: initial;
    padding-bottom: 1%
}

/*end of styles for image card stretch within the student dashboard*/



/* ---------- Branding ---------- */
.header-branding div a img {
  height: 115%;
}

/* Navy strip under the header image */
.feature-region {
  background: #213c54;
  min-height: 15px;
}

/* ---------- Search + Filters ---------- */
#search-form.callout-region {
  background-color: #02a44b;
  color: white;
  padding: 0;
  text-align: left;
}
#search-form .search-form-filters {
  background-color: #cbccce;
  padding-bottom: 8px;
}

/* ---------- Main Gray Background ---------- */
#main.product-results {
  background-color: #cbccce;
  padding-top: 30px;
}

/* Extend gray behind our custom title as well */
#home-page,
#main.product-results > div,
#main.product-results > section {
  background-color: #cbccce !important;
}

/* ---------- Hide default "Listings" heading ---------- */
#home-page h1.page-title {
  display: none !important;
}

/* ---------- Custom Title Styling ---------- */
.iha-catalog-title {
  font-size: 2.25rem; /* ≈36px */
  font-weight: 700;
  color: #213c54; /* IHA Navy */
  background-color: #cbccce;
  line-height: 1.2;
  margin: 0 0 12px 0; /* no left offset */
  padding-top: 20px;
  padding-bottom: 10px;
  transform: none !important;
}

/* ---------- Section Heading ("Featured Courses") ---------- */
#home-page h2 {
  color: #213c54;
  font-weight: 700;
  font-size: 1.5rem;
}

/* ---------- Misc visual polish ---------- */
a, button {
  cursor: pointer;
}