.blogpost.featured { margin-top: 40px; }
.blogpost { background: white; border: #e6e6e6 1px solid; box-shadow: 0px 3px 10px #eaeaea; padding: 0px; margin-bottom: 40px; }
.blogpost .imgsec { width: 100%; height: 325px; display: block; overflow: hidden; position: relative; }
.child { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.blogpost .imgsec:hover .child, .blogpost .imgsec:focus .child { -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.blogpost .imgsec:hover .child:before, .blogpost .imgsec:focus .child:before { display: block; }
.blogpost .imgsec:hover a, .parent:focus a { display: block; }
.child:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.blogpost.featured .imgsec { height: 360px }
.blogpost img { width: auto; height: 100%; }
.blogpost .txtarea { padding: 20px; padding-right: 40px; }
.blogpost.alt .txtarea { padding: 20px 20px 20px 40px; }
.blogpost .txtarea h2 { color: #ed1d79; font-size: 25px; margin-bottom: 10px; font-weight:400; margin-top: 10px; }
.blogpost .txtarea h2 a { color: #ed1d79; font-weight: 400; height: 56px;  }
.blogpost .txtarea h2 a:hover { color: #50c9ce; text-decoration: none;}
.blogpost .txtarea p { line-height: 24px; color: #0e0e0e; font-size: 15px; margin-bottom: 15px; text-align: justify; font-weight: 400; height: auto; overflow: hidden; }
.blogpost.featured .txtarea p {  height: 70px;  }
.blogpost .txtarea a.more { color: #4D4D4D; font-size: 15px; margin-bottom: 15px;  font-weight: 500; }
.blogpost .txtarea a.more:hover { color: #50c9ce; text-decoration: none;}
.blogpost .postmeta { height: 52px; font-size: 13px; color: #818181; margin-top: 60px; position: relative; }
.blogpost.featured .postmeta { margin-top: 49px; padding-bottom: 15px; }
.blogpost .postmeta span.datetime { padding: 10px 0; float: left; position: absolute; top: 50%; left: 0; margin-right: 0; transform: translate(0%, -50%); font-weight: 400; }
.blogpost .postmeta .comments { background: #ffffff; border-radius: 40px; padding: 15px; width: 100px; right: 0px; position: relative; text-align: center;line-height: 0px; float: right; }
.blogpost .postmeta .comments:hover { background: #F2F2F2; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-decoration: none;}
.blogpost .postmeta .comments span.noofcomments { line-height: 0px; padding: 0px; position: relative; top: -7px;  font-size: 13px; color: #818181; }
.blogpost .postmeta .comments svg.icon { margin-right: 8px; }
.blogpost.featured .postmeta .comments svg.icon { margin-right: 7px; }
.abtcul { padding: 40px 20px 30px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.subblog { padding: 40px 20px 30px 20px; border-bottom: 1px solid #ccc; }
.subblog #mc_embed_signup input.email { width: 100%;}
.subblog #mc_embed_signup .button { width: 100%; margin-left: 0px; margin-top: 15px;}
.abtcul p, .subblog p { font-size: 15px; color: #666; }
.subblog h3 { font-size: 20px; margin-bottom: 20px; font-weight: 500; margin-top: 0px; }
.abtcul p b { font-weight: 500; }
.abtcul p .brand { color: #FF5C5C; }
.teal {color: #50c9ce;}


@media(max-width:991px) { 
    .blogpost .txtarea h2 { margin-bottom: 20px; margin-top: 5px; }
    .blogpost { box-shadow: none; border: 1px solid #e6e6e6; padding: 0px; }
    .blogpost .postmeta { margin-top: 10px; }
    .blogpost.featured .postmeta { margin-top: 15px; }
    .blogpost .imgsec, .blogpost.featured .imgsec { height: 300px;}
    .subblog { border-bottom: none; }
    .blogpost .txtarea { padding: 20px 22px; }
}
@media(max-width:325px) { 
    .blogpost .postmeta .comments { width: auto; border-radius: 25px;}
}