.related-content {
    position: relative;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto 30px;
}

.related-content .slides {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr
}

.related-content .slide { position: relative; }

.related-content .slide .img-cont {
    position: relative;
    overflow: hidden;
}

.related-content .slide .img-cont img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 232/155;
}

.related-content .slide .content-section .credits {
  font-style: italic;
}
.related-content .slide .content-section > p {
  margin-bottom: 5px;
}

.related-content .slide .content-section { padding: 20px; background-color: #f0f0f0; }
.related-content .slide .content-section.hidebox { background-color: transparent; }

.related-content .slide .content-section > *:last-child { margin-bottom: 0; }

/* slider */
.related-content .slides-wrapper { position: relative; }

.related-content .slides.slick-slider {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.related-content .slides.slick-slider .slide { padding: 0 10px; }

.related-content .arrow-cont {
    position: absolute;
    left: 0;
    top: -72px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    pointer-events: none;
}

[data-show-descrip="false"] .arrow-cont {
    top: -35px;
}

.related-content .arrow-cont button {
    margin: 10px;
    padding: 0;
    width: 40px;
    height: 55px;
    font-size: 52px;
    color: #fffff8;
    background: transparent;
    pointer-events: all;
}
section.related-content.core-styles.js-loaded h4.title {
    color: var(--black);
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3.08px;
}
section.related-content.core-styles.js-loaded h4 a,
section.related-content.core-styles.js-loaded h4 {
    font-size: 22px;
    text-decoration: none;
    color: var(--black);
}
@media (hover: hover){
    section.related-content.core-styles.js-loaded h4 a:hover {
        text-decoration: none;
    }
}
@media (min-width: 40em){
    .related-content {
        margin: 0 auto 50px;
    }

    .related-content .slides.custom-columns-2 { grid-template-columns: 1fr 1fr }
    .related-content .slides.custom-columns-3 { grid-template-columns: 1fr 1fr 1fr }
    .related-content .slides.custom-columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr}

    .related-content .slides .slide {
        display: grid;
        gap: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        height: 100%;
        align-self: flex-start;
    }

    .related-content .slides.image-width-6 .slide { grid-template-columns: 1fr 1fr }
    .related-content .slides.image-width-4 .slide { grid-template-columns: 1fr 2fr }
    .related-content .slides.image-width-3 .slide { grid-template-columns: 1fr 3fr }

    .related-content .slides .slide .content-section {
      background-color: #f0f0f0;
      padding: 20px 30px;
    }
    .related-content .slides .slide .content-section.hidebox { background-color: transparent; }

    /* slider */
    .related-content .slides.slick-slider .slick-slide { display: grid; }
    .related-content .slides.slick-slider.image-width-6 .slide .content-section,
    .related-content .slides.slick-slider.image-width-6 .slide .content-section,
    .related-content .slides.slick-slider.image-width-6 .slide .content-section { padding-right: 60px;}
}