/* POST-TYPE: Case Studies */
/* section: Head */
.CASE-STUDIES-HEAD { background-color: #F6F6FB; overflow: hidden; position: relative;}

.CASE-STUDIES-HEAD .b-flourish {
    height: 711px;
    width: 711px;
    transform: rotate(120deg);
    box-shadow: 0 50px 100px 0 rgba(197,197,210,0.2);
    right: calc(-711px/5 * 2);
    bottom: calc(-711px/2);
}
.CASE-STUDIES-HEAD .b-flourish::before {
    height: 351px;
    width: 351px;
}

.CASE-STUDIES-HEAD > .b-frame { padding-bottom: 250px; }
.CASE-STUDIES-HEAD > .b-frame > .b-frame-head > h1 { max-width: 800px; margin: 0 auto; }


/* Section: Featured */
/* .FEATURED.alt-case-studies { margin-top: -245px; position: relative; } */

.FEATURED.alt-case-studies .b-media {
    background-size: 180.9% 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    background-position: center right;
}

.FEATURED.alt-case-studies .b-media::after { padding-bottom: calc(496/497 * 100%); }

.FEATURED.alt-case-studies .b-frame { padding-top: 0; padding-bottom: 30px; }

.FEATURED.alt-case-studies .post { padding: 0; }

.FEATURED.alt-case-studies .b-columns { flex-direction: row-reverse; }

.FEATURED.alt-case-studies .b-media { border-radius: 0; }

.FEATURED.alt-case-studies .content {
    box-sizing: border-box;
    padding: 45px;
}

.FEATURED.alt-case-studies .content span {
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 8px 16px;
    width: fit-content;
    border-radius: 4px;
    background-color: #F56261;
    
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 14px;
}



.FEATURED.alt-case-studies .content h3,
.FEATURED.alt-case-studies .content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 3;
}

@media screen and (min-width: 901px) {
    .FEATURED.alt-case-studies .content p { margin-bottom: 0; }
}

@media screen and (max-width: 900px) {
    .FEATURED.alt-case-studies .b-frame { padding-bottom: 40px; }
    .FEATURED.alt-case-studies .b-media {
        padding-bottom: 100%;
        border-radius: 10px 10px 0 0;
        position: relative;
    }
    .FEATURED.alt-case-studies .b-media::after { padding-bottom: 0; }
    .FEATURED.alt-case-studies .content { padding: 20px; }
    .FEATURED.alt-case-studies .content span { margin-bottom: 25px; }
}


/* Section: Feed */
.FEED.alt-case-studies .b-frame { padding-top: 0; padding-bottom: 40px; }

.FEED.alt-case-studies .b-card { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1); }

.FEED.alt-case-studies .b-card > .b-media {
    border-radius: 0;
}

.FEED.alt-case-studies .b-card > .b-media::after {
    padding-bottom: calc(205/370 * 100%);
    border-radius: 0;
}

.FEED.alt-case-studies .b-card > .content { padding: 20px; }

.FEED.alt-case-studies .b-card > .content > h5 {
    width: 100%; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}


/* Section: Newsletter */
.NEWSLETTER.alt-case-studies {margin-top: 0; }

/* Section: CTA */
.CTA.alt-case-studies { background-color: #F6F6FB; }