/* ==========================================================================
   Related Slider
   Light background slider used on CPT single pages.
   Heading left, nav arrows right — same row.
   ========================================================================== */

.rw-related-slider-outter {
    overflow: hidden;
}
.rw-related-slider {
    padding: 60px 20px 0;
}

/* ==========================================================================
   Header Row
   ========================================================================== */

.rw-related-slider__header {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    margin-bottom:   30px;
}

.rw-related-slider__heading {
    margin:      0;
    font-size:   30px;
    font-weight: 400;
    line-height: 1.2;
}

.rw-related-slider__heading strong em {
    font-weight: 700;
    font-style:  italic;
}

/* Nav arrows — dark on light background */
.rw-related-slider .rw-slider-nav__btn {
    border-color: #000000;
    color:        #000000;
}

.rw-related-slider .rw-slider-nav__btn:hover,
.rw-related-slider .rw-slider-nav__btn:focus {
    background: #000000;
    color:      #ffffff;
}


/* ==========================================================================
   Slick Track
   ========================================================================== */

.rw-related-slider__track .slick-track {
    display: flex !important;
    margin-left: 0;
}

.rw-related-slider__track .slick-slide {
    height: inherit !important;
    margin: 10px 24px 60px 0;
}

.rw-related-slider__track .slick-list {
    overflow: hidden;
    padding-right: 14%;
    margin-right: -14%;
    padding-left: 0;
    margin-left: 0;
}

@media ( max-width: 1400px ) {
    .rw-related-slider__track .slick-list {
        padding-right: 20% !important;
    }
}

@media ( max-width: 992px ) {
    .rw-related-slider__track .slick-list {
        padding-right: 33% !important;
    }

    .rw-related-slider {
        padding: 15px 20px 40px 20px;
    }
}

@media ( max-width: 640px ) {
    .rw-related-slider__track .slick-list {
        padding-right: 5% !important;
    }

    .rw-related-slider__heading {
        font-size: 1.5rem;
    }
}