/**
 * @file
 * Detailed stylings are all yours, get yourself dirty.
 */

.slick--skin--fullwidth .slide__caption {
  font-size: 22px;
  font-size: 1.375rem;
  box-shadow: 0px 2px 8px #000;
}

.slick--skin--fullwidth .slide__media img {
  width: 100%;
}

.slick--skin--fullwidth .slide__title {
  text-transform: uppercase;
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
}

.slick--skin--fullwidth .slide__link a {
  padding: 2px 15px 2px 15px;
  background-color: green;
  border-radius: 25px;
  border: 2px solid rgba(255,255,255, 0.8);
}

.slick--skin--fullwidth .slide__link a:hover {
  text-decoration: none;
  border-color: #fff;
  box-shadow: 0px 2px 8px #000;
}

@media (min-width: 64em) {
  .slick--skin--fullwidth .slide__constrained {
    position: absolute;
    left: 50%;
    width: 98%;
    height: 100%;
    margin-left: -49%;
  }

  /* Prevents collapsing captions when no image is available */
  .slick--skin--fullwidth .slide--text .slide__content {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
  }
}

@media (min-width: 90em) {
  .slick--skin--fullwidth .slide__constrained {
    width: 1170px;
    margin-left: -585px;
  }
}
@media (max-width: 769px) {
  .slick--skin--fullwidth .slide__constrained {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 30%;
    margin-left: -49%;
    font-size: 0.575rem;
  }
  .slide__overlay {
    font-size: 0.6em;
  }
  .slick--skin--fullwidth .slide__caption {
    font-size: 22px;
    font-size: 0.675rem;
    box-shadow: 0px 2px 8px #000;
  }
}