.featured{
    padding-top: 65px;
    margin-bottom: 30px;
}

.featured .title-cont {
    position: relative;
    padding-top: 10px;
}

.featured .title-cont h2 {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    color: black;
    font-size: calc(35px + (80 - 35) * (100vw - 320px) / (1024 - 320));
    margin: 0 20px 15px 20px;
}

.featured .title-cont .btn-cont .see_more {
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #403634;
    color: #fff0c7;
    font-size: 15px;
    margin: 0 20px 15px 20px;
    padding: 3px 50px;
    font-style: italic;
    font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif;
}

.featured .btn-cont .see_more:hover {
    text-decoration: none;
    font-weight: normal;
}

.featured .title-cont .stamp-cont {
    position: absolute;
    top: calc(5px + (-40 - 5) * (100vw - 320px) / (640 - 320));
    right: 0px;
    max-width: 100%;
}

.featured .cols {
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin: 0 20px;
}

.featured .inner {
    display: flex;
}

.featured .inner .date-cont,
.featured .inner .img-cont {
    width: 20%;
    max-width: 265px;
    order: 1;
    position: relative;
}

.featured .inner .img-cont{
    background-size: cover;
    width: calc(120px + (500 - 120) * (100vw - 320px) / (1024 - 320));
    display: none;
}
.featured .inner .img-cont > a{
    display: block;
    width: 100%;
    height: 100%;
}



.featured .shared-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    color: #FFF;
}

.featured .content-section{
    font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif;
}
.featured .content-section p {
    font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1024 - 320));
    line-height: 1.3;
}

.featured .content-section p.date,
.featured .content-section p.location,
.featured .content-section p.description,
.featured .content-section p.recurrence {
    color: #959595;
}

.featured .content-section a.read-more{
    font-weight: bold;
    letter-spacing: 0.45px;
    font-size: 18px;
    margin-top: 5px;
    font-size: calc(15px + (18 - 15) * (100vw - 320px) / (1024 - 320));
}

.featured .content-section a.read-more:hover{
    text-decoration: none;
}
.featured .slide:nth-child(4n+1) .location i,
.featured .slide:nth-child(4n+1) .read-more{
    color: #851a2c;
}
.featured .slide:nth-child(4n+2) .location i,
.featured .slide:nth-child(4n+2) .read-more {
    color: #4d6b92;
}

.featured .slide:nth-child(4n+3) .location i,
.featured .slide:nth-child(4n+3) .read-more {
    color: #7a8200;
}
.featured .slide:nth-child(4n+4) .location i,
.featured .slide:nth-child(4n+4) .read-more {
    color: #403634;
}


.featured .content-section h5 {
    text-transform: none;
}

.featured .content-section h5 a {
    text-decoration: none;
}

.featured .content-section .read-more i {
    font-style: normal;
    display: none;
}

.featured .slide {
    box-shadow: -1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}


.featured .slide:nth-child(4n + 1) .date-cont {
    background-image: linear-gradient(to right, #731726, #971e32, #731726);
}

.featured .slide:nth-child(4n + 1) .content-section h5 a {
    color: #731726;
}

.featured .slide:nth-child(4n + 2) .date-cont {
    background-image:
        linear-gradient(
            to right,
            #53739e,
            #6f9ad3,
            #53739e
        );
}

.featured .slide:nth-child(4n + 2) .content-section h5 a {
    color: #53739e;
}

.featured .slide:nth-child(4n + 3) .date-cont {
    background-image:
        linear-gradient(
            to right,
            #7a8200,
            #a2ad00,
            #7a8200
        );
}

.featured .slide:nth-child(4n + 3) .content-section h5 a {
    color: #7a8200;
}

.featured .slide:nth-child(4n + 4) .date-cont {
    background-image:
        linear-gradient(
            to right,
            #453b38,
            #5d4f4b,
            #453b38
        );
}

.featured .slide:nth-child(4n + 4) .content-section h5 a {
    color: #453b38;
}

.featured .inner .date-cont {
    position: relative;
    min-width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.featured .date-cont .event-date {
    font-family: 'Memphis LT CYR W01 Bold', serif;
    color: #fff;
    line-height: 1;
    margin: 5px 0;
}

.featured .event-date .month {
    display: block;
    font-size: calc(10px + (35 - 10) * (100vw - 320px) / (1024 - 320));
    text-align: center;
}

.featured .event-date .day {
    display: block;
    font-size: calc(30px + (80 - 30) * (100vw - 320px) / (1024 - 320));
    text-align: center;
}

.featured .inner .content-section {
    width: 80%;
    padding: 3% 4%;
    order: 2;
}

.featured .content-section p {
    margin-bottom: 5px;
}

.featured .inner .content-section.even {
    order: 1;
}

.featured .content-section h4 {
    color: black;
    text-transform: none;
    font-weight: bold;
    font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif;
    font-size: calc(18px + (34 - 18) * ((100vw - 320px) / (1024 - 320)));
    letter-spacing: 0;
    line-height: 1.2;
}

.featured .content-section a:hover{
    text-decoration: none;
}

.featured .content-section h5 {
    color: #959595;
    font-size: 16px;
    padding: 0px 5px 15px 20px;
}

@media (min-width: 641px) {

    .featured .title-cont {
        display: flex;
        max-width: 1169px;
        margin: auto;
        padding: 45px 15px 35px 15px;
    }

    .featured .title-cont h2 {
        margin-left: 0;
    }

    .featured .title-cont .stamp-cont {
        display: inline-block;
        max-width: calc(480px + (600 - 480) * (100vw - 641px) / (1024 - 641));
        overflow: hidden;
        top: -20px;
    }

    .featured .cols {
        max-width: 1169px;
        padding: 0 15px;
        margin: auto;
        z-index: 1;
    }
    .featured .shared-play-button {
        font-size: 30px;
    }
    .featured .content-section .read-more i {
        display: inline;
        margin-left: 5px;
        position: relative;
        top: 2px;
    }
    .featured .inner .img-cont{
        display: block;
    }
    .featured .inner .img-cont,
    .featured .inner .date-cont {
        min-width: 266px;
    }

    .featured .inner .date-cont.even,
    .featured .inner .img-cont.even {
        order: 2;
    }

    .featured .title-cont .btn-cont .see_more {
        margin: 0 20px 15px 20px;
        padding: 4px 50px;
        text-transform: none;
        font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif;
        margin-left: 50px;
        font-size: calc(16px + (18 - 16) * (100vw - 641px) / (1024 - 641));
    }
}

@media (min-width: 1025px) {

    .featured .title-cont h2 {
        font-size: 80px;
    }

    .featured .btn-cont .see_more:hover {
        text-decoration: none;
        font-style: italic;
        font-weight: normal;
        background-color: #5d4f4b;
    }

    .featured .title-cont .stamp-cont {
        max-width: 60%;
        top: -30px;
    }

    .featured .content-section h4 {
        font-size: 34px;
    }

    .featured .content-section p {
        font-size: 18px;
    }

    .featured .content-section a.read-more{
        font-size: 18px;
    }

    .featured .content-section h5 {
        font-size: 12px;
        line-height: 20px;
        padding: 0 5px 0 20px;
    }
    .featured .event-date .month {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .featured .event-date .day {
        font-size: 80px;
    }
}
