/* Teaseritem ------------------------------------------------------- */

@temp_breakpoint: 1200px;

.mixed-banner-row {
    display: flex; 
    @media only screen and (max-width: @temp_breakpoint) {
        flex-direction: column;
    }  
}

.mixed-banner {
    display: flex;
    flex-direction: column;
    &.banner-two {
        gap: 10px;  
    }
}

.item {
    position: relative;
    
    .item-bg {
        img {
            width: 100%;
            height: auto;
        }
    }
    
    .item-content {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        
        .content-title {
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 48px;
            font-style: normal;
            font-weight: @bold;
            line-height: 1;
            margin: 0 0 20px;
            text-rendering: optimizelegibility;
            text-transform: uppercase;
            
            @media only screen and (max-width: @temp_breakpoint) {
                font-size: 36px;
            }
            
        }
        
        .sub-title {
            text-transform: uppercase;
            font-weight: 300;
            font-size: 22px;
            margin-bottom: 20px;
        }
        
        .content-button .button {
            display: inline-block;
            text-transform: uppercase;
        }

    }
    
    .item-content.content-7-1 {
       background: #004896;
       
        bottom: 0;
        transform: none;
        position: static;
        flex-grow: 1; 
           
        @media only screen and (max-width: @temp_breakpoint) {
            position: static;
            padding: 0px 20px 20px 20px;  
        }
    }
    

}


.grid3 {
    height: 100%;
    display: flex;
    .item {
        display: flex;
        flex-direction: column;
    }
    .item-bg {
        position: relative;
        z-index: 1;
    }
}


/*
.block-static-block .mixed-banner-row .mixed-banner .grid2 {
    padding-top: 5px;
}
*/