@charset "UTF-8";
/* CSS Document */





.single-content{}
.single-content ul{margin-left: 15px; margin-bottom: 5px;}
.single-content ul li{padding-bottom: 5px;}


.single-content ol{margin-left: 15px; margin-bottom: 5px;}
.single-content ol li{padding-bottom: 5px;}


.single-content p{padding-bottom: 20px;}


.blogcard{ margin-bottom: 90px; transition: all ease 0.3s;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

.blogcard .card-body{padding:30px 5px 50px 5px;}

.blogcard .card-block{padding: 20px;}

.blogcard h2{font-family: 'Poppins', sans-serif; text-align: left !important; font-size: 20px;}
.blogcard h2 a{color:#333; text-decoration: none;}


.blogcard .card-image {background: #FFF; margin-top: -60px; transition: all ease 0.3s; overflow: hidden !important; position: relative; width: 100%; height: 230px; position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.blogcard .card-image img {width: 100%;height: 100%; transition: all ease 0.3s; position: absolute; left: 0; top: 0;}


.blogcard:hover .card-image img{transform: scale(1.1);}




.blogcard .post-excerpt{font-size: 13px; color: #646568; line-height: 1.6;}
.blogcard .post-featured-image{background-size: cover !important; height: 260px; background-position: center !important; transition: all ease 0.3s;}
.blogcard:hover .post-featured-image{background-size: 115% !important;}


.blogcard:hover, .blogcard:focus{
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}




.blogcard a.read-more{display: block; position: absolute; bottom: 0; right: 0; margin-right: 20px; margin-bottom: 20px; padding: 15px; color: #333; background: #EEE; transition: all ease 0.3s; text-decoration: none; cursor: pointer;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.blogcard a.read-more:hover, .blogcard a.read-more:focus{color: #FFF; background: #31b9c1;}

.single-featured-thumbnail img{margin-bottom: 30px; width: 100%; height: auto;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.1);}