/** Formatting for Slick Slide **/
.carousel {
  margin: 10px;
}

.carousel .slide {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding-right:10px;
  padding-left:10px;
  margin: auto 0;
  text-align: center;
  padding-bottom: 20px;
}

/** Creates Slide Uniform Size Starting Point **/
.carousel .slide div {
  height: 210px;
  vertical-align: middle;
  text-align: center;
}

/** Slide Header Formatting **/
.carousel .slide p.heading {
  font-size: 20px;
  color:white;
}

/** Slide Link Formatting **/
.carousel .slide a {
  text-decoration: underline;
  color:white;
}

/** Slide Button Formatting **/
.carousel .slide .button-action {
  text-decoration: none;
  color: black;
  margin-top:15px;
}

/** Formatting an image-only slide **/
.carousel .slide div.imageOnly img {
  max-width: 100%;
  max-height: 80%;
}

/* slick-specific CSS overrides below ------------------------------------ */
.slick-slide {
  margin: 0px 20px;
}

.slick-dots {
    bottom: -20px;
}

/** Currently Inactive Slide Dots **/
.slick-dots li button:before {
    font-size: 10px;
    opacity: .75;
    color: black;
}

/** Currently Active Slide Dot **/
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: grey;
    font-size: 10px;
    outline: none;
}