/* Homepage colour treatment only. Load after custom.css. */
#carousel-home .opacity-mask {
  background:
    radial-gradient(ellipse 44% 27% at 50% 49%,
      rgba(0, 0, 0, .28) 0%,
      rgba(0, 0, 0, .18) 55%,
      rgba(0, 0, 0, 0) 100%),
    linear-gradient(to bottom,
      rgba(0, 0, 0, .32) 0%,
      rgba(0, 0, 0, .12) 28%,
      rgba(0, 0, 0, .12) 72%,
      rgba(0, 0, 0, .20) 100%) !important;
}

#carousel-home .slide-text.white h2 {
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .55);
}

@media (max-width: 767px) {
  #carousel-home .opacity-mask {
    background:
      radial-gradient(ellipse 85% 28% at 50% 49%,
        rgba(0, 0, 0, .28) 0%,
        rgba(0, 0, 0, .18) 55%,
        rgba(0, 0, 0, 0) 100%),
      linear-gradient(to bottom,
        rgba(0, 0, 0, .32) 0%,
        rgba(0, 0, 0, .16) 28%,
        rgba(0, 0, 0, .16) 72%,
        rgba(0, 0, 0, .20) 100%) !important;
  }
}