//
// ENABLEMENT TRAINING PAGE
// --------------------------

#agave_enablement_training {
    
    .hero-banner.slim-banner {
        background-image: url('../images/agave-slim-banner-alternate.png');
    }
    
    .enablement-training-section {
        overflow: hidden;
        height: auto;
        width: 100%;
        max-width: 1300px;
        margin: 40px auto;
        padding: 25px 15px;
        
        @include breakpoint(large) {
            display: flex;
            flex-wrap: wrap;
        }
        
        .et-block-container {
            position: relative;
            background-color: $agave-dark;
            
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            
            border: 1px solid #fff;
            height: 620px;
            
            flex: 1 1 33%;
            width: 33%;
            
            @include breakpoint(medium down) {
                flex-basis: 0;
                height: 400px;
                width: 100%;
                max-width: 400px;
                margin: 30px auto;
                background-position: top;
                background-size: 400px;
            }
            
            .btn-wrapper {
                position: absolute;
                left: 0;
                bottom: 100px;
                display: block;
                width: 100%;
                text-align: center;
            }
            
            .btn-hollow {
                border-color: #fff;
                color: #fff;
                display: inline-block;
                padding-left: 30px;
                padding-right: 30px;
                
                &:hover {
                    border-color: $agave-light-blue;
                }
            }
            
        } // .et-block-container
        
    } // .enablement-training-section
    
    
}