section.ccl-widget.core-hero-image.hero-image.js-loaded .img-cont::after {
  background: none;
}
section.ccl-widget.core-hero-image.hero-image.js-loaded .img-cont.nogradient::after {
  background: linear-gradient(to top right, rgba(0,0,0,.3) 60%, transparent);
}

section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-content {
  padding: 20px;
  padding-bottom: 17px;
  max-width: none;
  overflow: hidden;
}
section.ccl-widget.core-hero-image.hero-image.js-loaded .title-desc-container {
  max-width: 520px;
  position: relative;
}

section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-description { display: none; max-width: 80%; } /* hide on mobile */
section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-title,
section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-title a {
  font-family: var(--font-alt);
  font-size: 19px;
  line-height: 21px;
  letter-spacing: .04em;
  font-weight: normal;
  margin-bottom: -2px;
}

section.ccl-widget.core-hero-image.hero-image.js-loaded .read-more {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  color: var(--white);
  text-transform: uppercase;
}

section.ccl-widget.core-hero-image.hero-image.js-loaded .credits {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .06em;
  color: var(--gray-100);
}

/* Shadows */
section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-title,
section.ccl-widget.core-hero-image.hero-image.js-loaded .read-more,
section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-description {
  text-shadow: 0 0 50px black;
  position: relative;
  color: transparent;
}
section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-title::after,
section.ccl-widget.core-hero-image.hero-image.js-loaded .read-more::after,
section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-description::after {
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--white);
  text-shadow: none;
  pointer-events: none;
}
section.ccl-widget.core-hero-image.hero-image.js-loaded .read-more::before {
  position: absolute;
  content: '';
  width: 100%;
  bottom: -2px;
  left: 0;
  color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,.6);
  z-index: 3;
}

@media (min-width: 840px) {
  section.ccl-widget.core-hero-image.hero-image.js-loaded .read-more::before {
    bottom: -1px;
    border-bottom: 1px solid white;
  }

  section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-content {
    padding: 40px;
    padding-left: 41px;
  }

  section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-title,
  section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-title a {
    font-size: 37px;
    line-height: 40px;
    max-width: none;
    margin-bottom: 17px;
    margin-left: 2px;
  }
  section.ccl-widget.core-hero-image.hero-image.js-loaded .banner-description {
    font-family: var(--font-body-medium);
    font-size: 19px;
    line-height: 24px;
    letter-spacing: .02em;
    color: var(--white);
    display: block;
    margin-bottom: 20px;
  }
  section.ccl-widget.core-hero-image.hero-image.js-loaded .read-more {
    font-size: 17px;
  }
  section.ccl-widget.core-hero-image.hero-image.js-loaded .credits {
    font-size: 14px;
    bottom: 40px;
    right: 40px;
  }

  section.ccl-widget.core-hero-image.hero-image.js-loaded .img-cont.nogradient::after {
    background: radial-gradient(transparent, rgba(0,0,0,.4));
  }
}