Blog post css code

       blog post css 

article {
padding:0 10px 0 0;
overflow: hidden;
}
.item article, .static_page article  {
padding:0;
}
.post-outer  {
padding:0 0 20px 0;
}
.post  {
display: block;
overflow: hidden;
word-wrap: break-word;
padding: 0 10px 10px;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.12);
}
.index .post, .archive .post  {
-webkit-box-shadow: 3px 0 3px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 3px 0 3px 0px rgba(0, 0, 0, 0.05);
padding:0;
border-bottom:0;
}
.index .post-home-wrap, .archive .post-home-wrap {
padding:0 10px 0;
box-sizing: border-box;
}
.home-post-head  {
margin-bottom: 10px;
}
.post-head h1  {
color: #000;
font-size: 32px;
font-weight: 400;
line-height: 44px;
}
.post h2  {
margin-bottom: 12px;
line-height: 1.3em;
font-size: 26px;
font-weight: 500;
letter-spacing: 0.2px;
}
.post h2 a {
color: #464646;
}
.post h2 {
margin: 10px 0;
padding: 0;
 text-transform:capitalize;
 }
.retitle h2  {
display: block;
}
.post-body  {
margin:0px;
padding: 10px;
font-size: 14px;
line-height: 26px;
 box-sizing: border-box;
}
 .post-body a  {
margin-left: 0 !important;
margin-right: 0 !important;
}
.block-image {
float:left;
width: 252px;
height: auto;
margin-right:
20px;
position:relative;
}
.block-image .thumb {
width: 100%;
height: auto;
position:relative;
display: block;
overflow: hidden;
}
.block-image img {
width: 100%;
height: 210px;
display: block;
object-ift:cover;
transition: all .3s ease-out!important;
-webkit-transition: all .3s ease-out!important;
-moz-transition: all .3s ease-out!importan;
-o-transition: all .3s ease-out!importan;

}
.block-image .thumb:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
left: 0;
top: 0;
z-index:9;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.block-image:hover .thumb:before {
opacity: 0.3;
}
.date-header-post {
color: #bdbdbd;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.3em;
margin: 0!important;
padding: 0;
}
.date-header-post a {
color: #bdbdbd;
}
.post-header {
padding:0 10px 10px;
}
.index .post-header, .archive .post-header {
padding:0;
}
#meta-post .fa-calendar-o {
margin-left: 8px;
}
.breadcrumbs .fa-angle-right:before {
margin:0 5px;
}
.breadcrumbs {
margin:0;
font-size: 13px;
padding: 10px 0;
}
.breadcrumbs span a.bhome {
color:$maincolor
}
.breadcrumbs span,.breadcrumbs span a {
color:#010101;
padding:0 2px;
}
.breadcrumbs span a:hover {
color:$maincolor
}
.post-meta {
color: #bdbdbd;
display: block;
font-size: 13px;
font-weight: 400;
line-height: 21px;
margin: 0;
padding: 0;
}
.post-meta a {
color: #CBCBCB;
}
.post-meta i {
color: $maindarkcolor;
}
.post-timestamp {
margin-left: 5px;
}
.label-head {
margin-left: 5px;
}
.label-head a {
padding-left: 2px;
}
.resumo {
color: #666;
}
.resumo span {
display: block;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.8em;
text-align: justify;
}
.post-body img {
max-width: 100%;
padding: 10px 0;
position: relative;
margin:0 auto;
}
.post h3 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.1;
}
.second-meta {
padding: 10px 0 0;
display: block;
overflow: hidden;
border-bottom: 4px solid $maindarkcolor;
}
.second-meta.is-hover {
border-bottom: 4px solid $maindarkcolor;
}
.index .second-meta .post-labels, .archiva .second-meta .post-labels {
float: left;
padding: 8px 0 8px 10px;
}
.index .second-meta .post-labels .label-title, .archive .second-meta .post-labels .label-title {
color: #fff;
padding: 3px 8px;
font-size: 13px;
background-color: $maincolor;
}
.index .second-meta .post-labels a, .archive .second-meta .post-labels a {
color: $textcolor;
padding: 3px 8px;
font-size: 13px;
background-color: #f8f8f8;
}
.second-meta .read-more-wrap {
float:right;
}
.second-meta .read-more {
font-family: Lora;
font-style: italic;
letter-spacing: 0.5px;
transition: all .3s;
background:$maindarkcolor;
}