.container .css-jlxuto-view-heading {
  display: none;
}
.container .css-1x7wuul-view-heading {
  display: none;
}
/* == Unsure what the above does - probably don't change it == */



/* == Header == */
#app-header {
  background-color: rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
}
/* == Logo on the homepage == */
.home-selector .header-branding .logo-customized a img {
  height: 70px;
  margin-top: -5px;
}
/* == Logo on the product page == */
.product-selector .header-branding .logo-customized a img {
  height: 70px;
  margin-top: -5px;
}
/* == Background image == */
#home-page .feature-region img {
  object-fit: cover;
  object-position: center 10%;
  width: 100%;
  height: 600px;
}



/* == Refine block background == */
#home-page #search-form.callout-region {
  background-color: #5D6664; 
}
/* == Refine button == */
.search-form .search-refine-button__text {
  color: #45EC96;
  margin-top: -25px;
}
/* == Refine icon == */
.search-form .search-refine-button__icon {
  color: #45EC96;
  margin-top: -25px;
}



/* == Listing highlight colour == */
.ProductIcon__Wrapper--gallery-index .ProductIcon__LargeCircle--course  {
  background-color: #4F5957;
}
/* == Listing highlight colour on the product page == */
.ProductIcon__Wrapper--gallery-show .ProductIcon__LargeCircle--course {
  background-color: #4F5957;
}
/* == Listing footer text == */
.product-tile .product-footer .product-dates {
  color: #4F5957;
}
/* == Listing footer icon == */
.product-tile .product-footer .learn-more::before {
  color: #4F5957;
}
/* == Listing footer hover == */
#listings .course-tile.product-tile:hover {
  box-shadow: inset 0px -5px 0px #45EC96;
}
/* == Enrol button on the product page == */
.hero-action .btn  {
  background-color: #45EC96;
  color: #333333;
  font-weight: 800;
  border: none;
}
/* == Enrol button hover == */
.hero-action .btn:hover  {
  background-color: #4F5957;
  color: #45EC96;
  font-weight: 800;
  border: none;
}



/* ===== Login button - logged OUT ===== */
.home-selector #app-header a[href*="login"],
.product-selector #app-header a[href*="login"] {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  text-decoration: underline;
}
/* == Hover == */
.home-selector #app-header a[href*="login"]:hover,
.product-selector #app-header a[href*="login"]:hover {
  color: #45EC96 !important;
}
/* ===== Login button - logged IN ===== */
#app-header span.pendo-ignore,
.home-selector #app-header span.pendo-ignore,
.product-selector #app-header span.pendo-ignore {
  color: #45EC96 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
/* == Hover == */
#app-header span.pendo-ignore:hover,
.home-selector #app-header span.pendo-ignore:hover,
.product-selector #app-header span.pendo-ignore:hover {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
/* == Dropdown menu == */
:where(.home-selector, .product-selector) [aria-label="User Menu"] a[data-testid^="user-menu-" i] {
  color: #4F5957 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
/* == Hover == */
:where(.home-selector, .product-selector) [aria-label="User Menu"] a[data-testid^="user-menu-" i]:hover,
:where(.home-selector, .product-selector) [aria-label="User Menu"] a[data-testid^="user-menu-" i]:focus {
  color: #45EC96 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  outline: none !important;
}