/*---------------------------------------------*\
    Customer Holder
\*---------------------------------------------*/

.case-studies.loop{
    background: $gray-lighter;
    padding: $gap-lg;
    &.featured{
        background: transparent none;
        .image{
            margin-bottom: -$gap-lg;
        }
    }
    .heading{
        @extend %heading-style;
        font-size: $font-size-h1;
    }
}

@media (min-width: $screen-sm) {
    .case-studies.loop{
        padding: $gap-xl;
        &.featured{
            .image{
                margin-bottom: -$gap-xl;
            }
        }
    }
}

/*======================================================================*\
    Classes
\*======================================================================*/

%heading-style{
    color: $brand-primary;
    border-bottom: 3px dashed #c0c0c0;
    margin-bottom: $gap-sm;
    padding-bottom: $gap-sm;
}

@media (min-width: $screen-sm) {
    %heading-style{
        margin-bottom: $gap-lg;
        padding-bottom: $gap-lg;
    }
}