.bwl-news-container{
    position: relative;
}

.bwl-news-img{
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    /*height: 220px;*/
}

.bwl-news-img:before{
    position: absolute;
    content: '';
    width: 0%;
    height: 700px;
    background: rgba(0,0,0,0.0);
    top:0 ;
    left: 0;
    transition: all 0.3s ease-in-out ;

}

.bwl-news-img img.wp-post-image {
    margin-bottom: 0px !important;
    width:100%;   
}

.bwl-news-content{
    padding: 5px 12px;
    margin-bottom: 1.5em;
    text-align:left;
    background: #fafafa;  
}

.bwl-news-info{
    padding: 12px 6px;
    font-weight: normal; 
}

.bwl-news-info .bwl-news-meta-info{
    margin-bottom: 0px;
    font-size: 13px;
}

.bwl-news-info .bwl-news-meta-info .bwl-news-cat {
    text-transform: capitalize;
}
.bwl-news-info h3{
    margin: 0px !important;
}
.bwl-news-info h3 a{
    margin-top: 0px !important;
    font-weight: bold;
    font-size: 18px;
    display: block;
}

.bwl-news-info .bwl-news-read-more{
    text-align: right;
    margin-bottom: 0px;
    font-weight: bold;
}


/*-- Layout 02  --*/

.layout_2{
    background: none;
    border-left: 1px solid #EEE;
    position: relative;
}

/* shared with before and after */

.layout_2:before,
.layout_2:after {
    content: "";
    height: 12px;
    position: absolute;
    top: 23px;
    transform: rotate(45deg);
    width: 12px;
}

.layout_2:before {
    background: #eeeeee;
    left: -6px;
}

.layout_2:after {
    background: #eeeeee;
    left: -7px;
}

/*-- Layout 03  --*/

.layout_3{
    background: #eeeeee;
    border-left: 1px solid #EEE;
    position: relative;
}

.layout_3:before {
    content: "";
    height: 12px;
    position: absolute;
    top: 23px;
    transform: rotate(45deg);
    width: 12px;
    background: #eeeeee;
    left: -6px;

}

.bwl-news-container:hover .bwl-news-img:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 700px;
    background: rgba(0,0,0,0.5);
    top:0 ;
    left: 0;

}

/*------------------------------  Media Queries ---------------------------------*/

@media screen and (max-width: 978px) {

    .layout_3::before {
        top: -6px;
        left: 12px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {



}