/* Case Studies Layout */

/* Center and constrain the content */
.case-study-pg .body .container-fluid {
    max-width: 978px;
}
.case-study-pg .hero .container-fluid {
    position: relative;
    max-width: 800px;
}

.case-study-pg .hero {
    margin-bottom: 2.5rem;
}
.case-study-pg .box.content-section {
    margin-bottom: 2.5rem;
}
.case-study-pg h2 {
    margin-bottom: 1.5rem;
}

/* Desktop Layout - sidebar fixed width, main takes remaining */
@media (min-width: 768px) {
    .case-study-pg .box.content-section:last-of-type {
        padding-bottom: 5rem;
    }
    .case-study-pg .body .row.wrapper {
        display: flex;
        flex-wrap: nowrap;
    }

    .case-study-pg .body .main.col {
        flex: 1 1 auto;
        max-width: none;
    }

    .case-study-pg .body aside.col {
        position: relative;
        flex: 0 0 318px;
        max-width: 318px;
        padding-top: 98px;
        line-height: 1.25em;
    }

    .case-study-pg .body aside.col .outer-wrapper {
        padding-right: 2%;
    }
}

/* Mobile: Stack full width */
@media (max-width: 767px) {
    .case-study-pg .body .row.wrapper > .main.col {
        flex: 1 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        border-bottom: 1px solid #DDD;
    }
    .case-study-pg .body .row.wrapper > aside.col {
        flex: 1 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}