.soe-bus-case-study {
    .soe-eh {
        border-bottom: 1px solid #DCDDDE;
    }
    
    .soe-callout {
        border-radius: 0 !important;
        box-shadow: none;
        .soe-callout-content {
            padding: 1.6rem 0;
            text-align:left;
            h3 {
                font-family: 'Lora', serif;
                font-size: var(--Heading-L);
                text-transform: none;
                font-weight: 400;
            }
        }
        span.soe-callout-tags {
            text-align: left;
            margin: 0 0 1rem 0;
            span {
                background-color: var(--silver) !important;
                padding: 0.5rem 1rem;
                border-radius: 1.6rem;
                font-weight: 600;
                font-size: 1.5rem;
                color: var(--green);
                &:hover {
                    text-decoration:none !important;
                }
            }
        }
    }
    .Video.col-sm-6 {
        width: 100%;
    }
    .Video .soe-callout {
        height: inherit !important;
        span.soe-callout-tags {
            text-align: left;
            margin: 0 0 1rem 0;
            @media screen and (min-width:768px) {
                display: block;
                position: absolute;
                top:0;
                left:0;
                width: 100%;
                padding: 1.6rem 1.6rem 4.8rem;
                background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 25.96%, rgba(0, 0, 0, 0.40) 59.42%, rgba(0, 0, 0, 0.40) 100%);
            }
            
            span {
                background-color: var(--silver) !important;
                padding: 0.5rem 1rem;
                border-radius: 1.6rem;
                font-weight: 600;
                font-size: 1.5rem;
                color: var(--green);
                &:hover {
                    text-decoration:none !important;
                }
            }
        }
        .soe-callout-content {
            width: 100%;
            padding: 2.5rem 0;
            @media screen and (min-width:768px) {
                color: white;
                position:absolute;
                bottom:0;
                padding: 4.8rem 1.6rem 1.6rem 1.6rem;
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 50.48%, rgba(0, 0, 0, 0.70) 100%);
            }
            p:last-child {
                @media screen and (min-width:768px) {
                    visibility:hidden;
                    height: 0px;
                    padding:0;
                    margin:0;
                }        
            }
        }
    }
}