/*
* ------------------------------------------
* *-----------------------------
* Testimony
* *-----------------------------
* ------------------------------------------
*/

section.home-feature-testimonials .image-container {
  display: none
}

section.home-feature-testimonials .feature-link {
  background-color: #0d5796;
  border-radius: 10px;
  border-bottom: 7px solid #e6b711
}

section.home-feature-testimonials .feature-link .link-text {
  font-size: 2.3rem;
  text-align: left;
  padding: 25px 25px 0
}

section.home-feature-testimonials .feature-link .author {
  text-align: right;
  font-style: italic;
  font-size: 1.8rem
}

section.home-feature-testimonials .feature-link .dark-overlay {
  background-color: #0d5796;
  top: 100%
}

@media screen and (max-width:992px) {
  section.home-feature-testimonials .image-container {
    display: block;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 10px 10px 0 0
  }

  section.home-feature-testimonials .feature-link {
    background: none !important;
    min-height: auto;
    border-radius: 0 0 10px 10px
  }

  section.home-feature-testimonials .feature-link .link-text {
    position: relative;
    padding-bottom: 40px;
    padding-top: 25px
  }

  section.home-feature-testimonials .feature-link .dark-overlay {
    top: 0
  }
}

/*
* ------------------------------------------
* *-----------------------------
* Announcement
* *-----------------------------
* ------------------------------------------
*/

.feature__carousel {
  background-color: #0d5796;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: cover;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%201145%22%3E%3Cpath%20opacity%3D%22.1%22%20fill%3D%22%23FFF%22%20d%3D%22M960.3%200H172.9l459.3%20656.5L290.4%201145H1040l360.6-515.5z%22%2F%3E%3Cpath%20opacity%3D%22.07%22%20fill%3D%22%23FFF%22%20d%3D%22M640.7%200H172.9l459.3%20656.5L290.4%201145H583l429.4-613.8z%22%2F%3E%3C%2Fsvg%3E);
  padding: 4rem 0
}

.feature__carousel__container {
  display: flex
}

.feature__carousel__info {
  flex: 0 0 40%;
  align-self: center;
  padding-right: 3rem
}

.feature__carousel__info h2 {
  font-weight: 700;
  color: #fff;
  font-size: 2.5em;
  text-shadow: 0 0 6px rgba(12, 49, 80, .6)
}

.feature__carousel__info-text {
  color: #fff;
  font-size: 2rem
}

.feature__carousel__carousel {
  flex: 0 0 60%;
  width: 60%;
  background: #fff;
  font-size: 1.5rem;
  border-radius: 10px
}

.feature__carousel__item-image {
  width: 100%;
  height: 300px;
  border-radius: 10px 10px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.feature__carousel__item-text {
  text-align: center;
  border-top: 7px solid #e6b711;
  padding: 2rem 60px
}

.feature__carousel__item-text h3 {
  font-size: 2rem;
  font-weight: 700
}

.feature__carousel__item-text a.main-button {
  margin-top: 3rem;
  color: #000
}

.feature__carousel .slick-next,
.feature__carousel .slick-prev {
  bottom: 70px;
  top: inherit
}

.feature__carousel .slick-next:before,
.feature__carousel .slick-prev:before {
  font-family: slick-custom;
  top: 2px;
  position: relative
}

.feature__carousel .slick-arrow {
  background-color: rgba(52,125,183, 0.5);
  height: 65px;
  width: 50px;
  backdrop-filter: saturate(180%);
}
.feature__carousel .slick-arrow:hover, .feature__carousel .slick-arrow:active, .feature__carousel .slick-arrow:focus {
  background-color: rgba(152,200,239,0.5);
}

@media screen and (max-width:992px) {
  .feature__carousel__container {
    flex-direction: column;
    text-align: center
  }

  .feature__carousel__info {
    flex: 0 0 100%
  }

  .feature__carousel__carousel {
    flex: 0 0 100%;
    width: 100%
  }

  .feature__carousel__item-text {
    padding: 2rem
  }
  .feature__carousel .slick-arrow {
    background-color: unset;
    height: 65px;
    width: 50px;
    backdrop-filter: none;
  }
  .feature__carousel .slick-arrow:hover, .feature__carousel .slick-arrow:active, .feature__carousel .slick-arrow:focus {
      background-color: unset;
  }
}

@font-face {
  font-family: slick-custom;
  font-weight: 400;
  font-style: normal;
  src: url(/media/tallahassee-collegiate-academy/site-assets/fonts/slick.eot);
  src: url(/media/tallahassee-collegiate-academy/site-assets/fonts/slick.eot?#iefix) format("embedded-opentype"), 
    url(/media/tallahassee-collegiate-academy/site-assets/fonts/slick.woff) format("woff"), 
    url(/media/tallahassee-collegiate-academy/site-assets/fonts/slick.ttf) format("truetype"), 
    url(/media/tallahassee-collegiate-academy/site-assets/fonts/slick.svg) format("svg")
}