/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 Dec, 2020, 4:23:19 PM
    Author     : komal.sonone
*/
.banner-text h2,.banner-text h3,.banner-text p{color:#000;}
.small-banner{background: url("../../images/blog/blog-banner.jpg");background-size: 100% 100%;}
.blog-section{padding:20px 0} 
.blog-wrapper {position:relative;margin-bottom:20px;margin-top:10px;min-height:360px;background:#ebf8fa; }
.blog-wrapper .blog-date{position:absolute;top:-10px;left:-10px;display:flex;flex-flow:column;align-items:center;justify-content:center;width:50px;height:50px;box-shadow:5px 5px 0px #fff;background:#58c8d7;font-size:14px;font-weight:bold;line-height:18px;text-align:center;color:#000;z-index:10}
.blog-wrapper .blog-content{padding:10px 15px;}
.blog-wrapper .blog-title{margin:0;font-size:26px;text-align:center;color:#131515;font-family:'Francois One', sans-serif;}
.blog-wrapper .blog-title a{background-image:linear-gradient(#ffd400, #ffd400);background-position:0 1.375rem;background-repeat:repeat-x;background-size:0 0;color:#000;transition:background-size 0.3s}
.blog-wrapper .blog-title a:hover,.blog-wrapper .blog-title a:focus{background-size:6px 15px;text-decoration:none}
.blog-wrapper .blog-img{position:relative;display:block;overflow:hidden}
.blog-wrapper .blog-img:before{content:'';position:absolute;display:block;width:100%;height:100%;background:#ffd400;opacity:0;transition:all 0.5s;z-index:2}
.blog-wrapper .blog-img img{width:100%;height:auto;transition:all 0.5s;z-index:1}
.blog-wrapper .blog-img:hover img{transform:scale(1.05)}
.blog-wrapper p{text-align:justify;display:-webkit-box;height:84px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}
.blog-wrapper .read-more{color:#000;font-size:14px;line-height:24px;font-weight:700}
.blog-wrapper .read-more:after{content:"\f101";font-family:FontAwesome;margin-left:2px}