/* *****************************************************************************
*
*  Block Highlight
*
* ***************************************************************************** */

.bf-block--highlight {

    &.bf-block--featured .bf-block__visual {
        min-height: 26rem;
    }

    .bf-block__visual {
        flex: 0 0 50%;
        min-height: 20rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        
        @media (max-width: 576px) {
            position: relative;
            padding-top: 75%;
            min-height: auto !important;
        }
    }
}