.editorial-list {
    margin-bottom: 38px;
}
 .editorial-list .js-loaded {
     transition: opacity 800ms ease-in;
 }

 .editorial-list a:hover {
    text-decoration: none;
 }

 .editorial-list img {
     width: 100%;
 }


 .editorial-list .slide {
    margin-bottom: 28px;
}

.editorial-list .slide.featured {
    margin-bottom: 26px;
}


.editorial-list .bg-img {
    position: relative;
    width: 100%;
    padding: 50px 0;
    display: grid;
    place-items: center;

}

.editorial-list .bg-img > img {
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.editorial-list .bg-img .img-cont { 
    width: 65%;
}

.editorial-list .img-cont {
    position: relative;
}

.editorial-list .slide .content-section {
    padding: 12px 28px 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 800ms ease-in;
}
.editorial-list .slide.featured .content-section {
    padding-top: 10px;
}

.editorial-list .slide .content-section .featured-label {
    font-size: 55px;
    font-family: var(--font-display-script);
    line-height: .9;
    color: var(--black);
    margin-bottom: 2px;
}

.editorial-list .slide .slide-title {
    font-size: 18px;
    font-family: var(--font-body-semibold);
    line-height: 1.2;
    margin-bottom: 7px;
}

.editorial-list .slide.featured .slide-title {
    font-size: 40px;
    line-height: 1;
    font-family: var(--font-display);
    text-transform: uppercase;
    margin-bottom: 18px;
}

.editorial-list .slide .content-section .description {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 7px;
}

.editorial-list .slide.featured .content-section .description {
    margin-bottom: 10px;
}

.editorial-list .read-more {
	color: var(--btn-text-color);
	border-radius: var(--rounded-full);
	padding: var(--space-1) 0;
	text-decoration: none;
	position: relative;
	font-size: var(--text-lg);
	font-family: var(--font-body-bold);
    width: max-content;
    margin-bottom: 8px;
}

.editorial-list .read-more::after {
    content: '';
    background-color: var(--cactus-alt-1);
    position: absolute;
    height: 3px;
    width: 25px;
    bottom: 0px;
    left: 0;
    transition: width 400ms, box-shadow 400ms;
    border-radius: 4px / 3px;
    box-shadow: 0 1px #b8c1a2;
}

@media (hover: hover) {
    .editorial-list .read-more:hover::after{
        width: 100%;
        box-shadow: none;
    }
}

.editorial-list .slide:not(.featured) .img-cont {
    margin: 0 28px;
}



@media (min-width: 40em) {

    .editorial-list {
        margin-bottom: 0;
    }
    .editorial-list .slide .inner {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }

    .editorial-list .slide {
        margin-bottom: 18px;
    }
    .editorial-list .slide.featured {
        margin-bottom: 0;
    }
    .editorial-list .slide .inner.alternate {
        flex-direction: row;
    }
    
    .editorial-list .slide .inner:not(.alternate) {
        margin-bottom: 20px;
    }
    .editorial-list .slide.featured .bg-img {
        width: 51.25%;
        padding: 98px 0;
    }
    .editorial-list .slide.featured .content-section {
        width: 48.75%;
        justify-content: center;
        padding: 0 2%;
    }

    .editorial-list .slide.featured .slide-title {
        line-height: 1;
        font-family: var(--font-display);
        text-transform: uppercase;
        margin-bottom: 18px;
    }

    .editorial-list .slide:not(.featured) .slide-title {
        font-size: 16px;
    }

    .editorial-list .slide .content-section .description {
        line-height: 1.5;
        margin-bottom: 6px;
    }
    .editorial-list .slide .content-section .description {
        font-size: 14px;
    }

    .editorial-list .slide.featured .content-section .description {
        margin-bottom: 14px;
    }

    .editorial-list .slide:not(.featured) .content-section {
        width: 51.25%;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: center;
    }

    .editorial-list .slide:not(.featured) .img-cont {
        width: 48.75%;
        margin: 0;
    }

    .editorial-list .slide:not(.featured) .img-cont img {
        margin: 0;
    }
    .editorial-list .slide:last-child,  .editorial-list .slide:last-child .inner {
        margin-bottom: 0;
    }
}

@media (min-width: 64em) {
    .editorial-list .slide.featured .content-section {
        padding: 0 4%;
    }
    .editorial-list .slide:not(.featured) .slide-title {
        font-size: 22px;
    }

    .editorial-list .slide .content-section .description {
        font-size: 18px;
    }
}

@media (min-width: 90em) {
    .editorial-list .slide.featured .slide-title {
        font-size: 60px;
    }
    .editorial-list .slide .content-section .featured-label {
        font-size: 70px;
        line-height: .7;
    }

    .editorial-list .slide.featured .content-section {
        width: 48.75%;
        justify-content: center;
        padding: 0 6% 0 8.25%;
    }
    .editorial-list .slide .content-section .description {
        line-height: 1.6;
        margin-bottom: 7px;
    }
    .editorial-list .slide:not(.featured) .content-section {
        padding-left: 198px;
        padding-right: 75px;
    }
   
}