/* =====  QUICK LINKS  ==================================================== */

body {
    background-color: var(--color-teal);
}

.holder-tess img {
    opacity: 1;
}

.people-holder {
    width: 100%; height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.people-holder .people {
    width: 130%;
    transform: translateX(0%);
    margin-bottom:-3px;
}

@media screen and (max-width: 767px) {

    .people-holder {
        position: relative;
    }

}
@media screen and (min-width: 540px) {
    .people-holder .people {
        width: 100%;
        transform: translateX(0%);
    }
}
@media screen and (min-width: 768px) {
    .people-holder .people {
        width: 130%;
        transform: translateX(0%);
    }
}
@media screen and (min-width: 992px) {
    .people-holder .people {
        width: 120%;
        transform: translateX(0%);
    }
}
@media screen and (min-width: 1200px) {
    .people-holder .people {
        width: 100%; 
        transform: translateX(0%);
    }
}
@media screen and (min-width: 1400px) {
    .people-holder .people {
      width: 100%; 
      transform: translateX(-5%);
    }
}
@media screen and (min-width: 1600px) {
    .people-holder .people {
        width: 90%;
        
    }
}
@media screen and (min-width: 1800px) {
    .people-holder .people {
        width: 95%;
        
    }

}

/* =====  SLIDER  ==================================================== */



#stories-slider {

}

.stories-slider figure.type-image {
    aspect-ratio: 1/0.6;
    transition: transform .3s;
    pointer-events: none;
}
.news-slider figure.type-image {
    aspect-ratio: 1/1.5;
    transition: transform .3s;
    pointer-events: none;
}


#stories-slider .content-holder{
    width: 100%;
}
#stories-slider .content-holder.active .content-holder-arr {
    opacity: 1;
}
#stories-slider .content-holder.active .text {
    color: var(--color-beige) !important;
}

#stories-slider .content-holder-arr{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    opacity: 0;
}
#stories-slider .content-holder-arr img{
    width: 30px;
    opacity: 0;
}
#stories-slider .content-image-holder {
     padding-left:7px;
     padding-right:7px;
}
#news-slider .content-holder{
    width: 100%;
}
#news-slider .content-image-holder {
     padding-left:10px;
     padding-right:10px;
}
@media screen and (min-width: 540px) {
    .stories-slider figure.type-image {
        aspect-ratio: 1/0.6;
        pointer-events: auto;
    }
    .news-slider figure.type-image {
        aspect-ratio: 1/1.5;
    }
    #stories-slider .content-holder{
        width: 50%;
    }
    #stories-slider .content-image-holder {
         padding-left:10px;
         padding-right:10px;
    }
    #stories-slider .content-holder-arr img{
        opacity:1;
    }
    #news-slider .content-holder{
        width: 33.33%;
    }
    #news-slider .content-image-holder {
         padding-left:10px;
         padding-right:10px;
    }
}
@media screen and (min-width: 768px) {
    #stories-slider .content-holder {
        width: 33.33%;
    }
    #stories-slider .content-image-holder {
         padding-left:15px;
         padding-right:15px;
    }
    #stories-slider .content-holder-arr img{
        width: 50px;
    }
    #news-slider .content-holder {
        width: 25%;
    }
    #news-slider .content-image-holder {
         padding-left:15px;
         padding-right:15px;
    }
    
    .stories-slider figure.type-image {
        aspect-ratio: 1/0.6;
    }
    .news-slider figure.type-image {
        aspect-ratio: 1/1.5;
    }
}

@media screen and (min-width: 992px) {
    #stories-slider .content-holder {
        width: 25%;
    }
    #news-slider .content-holder {
        width: 20%;
    }
}
@media screen and (min-width: 1200px) {


}
@media screen and (min-width: 1400px) {
    #stories-slider .content-image-holder {
         padding-left:20px;
         padding-right:20px;
    }
    #news-slider .content-holder {
        width: 16.67%;
    }
    #news-slider .content-image-holder {
         padding-left:20px;
         padding-right:20px;
    }
}



.flickity-prev-next-button {
    transform: translateY(-200%);
}

.flickity-prev-next-button.previous {
  left: -32px;
}
.flickity-prev-next-button.next {
  right: -32px;
}
.story-ttl, .story-desc {
    font-style: italic;
}
.flickity-page-dots {
    bottom: -30px;
    /*display: none;*/
}
.flickity-prev-next-button {
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 768px) {
    .flickity-prev-next-button.previous {
      left: -35px;
    }
    .flickity-prev-next-button.next {
      right: -35px;
    }
    .flickity-prev-next-button {
      width: 40px;
      height: 40px;
      transform: translateY(-140%);
    }
}
@media screen and (min-width: 1400px) {
    .flickity-prev-next-button.previous {
      left: -45px;
    }
    .flickity-prev-next-button.next {
      right: -45px;
    }
}
@media screen and (min-width: 1600px) {
    .flickity-prev-next-button.previous {
      left: -45px;
    }
    .flickity-prev-next-button.next {
      right: -45px;
    }
}



#video-stories figure.type-image {
    aspect-ratio: 16/9;
    transition: transform .3s;
    pointer-events: none;
}