post-image:hover {
border-color: $maincolor;
}

.threecolumns .heading:hover {
color: $maincolor;
}

.threecolumns .post-title {
font-family: 'Roboto Slab', serif;
font-size: .875rem;
font-weight: 700;
line-height: 1.7;
text-transform: capitalize;
}


/* grids
---------------------------------------*/

.grid_item{
margin-bottom: 25px !important;
background-color: #464646;
width: 48%;
float: left;
color: #fff;
}

.grid_item:nth-child(odd) {
margin-right: 4%;
}

.grid_item:hover {
box-shadow: 0 0 8px #000;
}

.grid_post-image {
width: 100%;
padding: 30% 0;
display: block;
}

.grid_post-title {
display: block;
padding: 10px 17px;
font-family: "Roboto Slab";
font-size: 1.2rem;
text-transform: capitalize;
line-height: 1.6;
}

.grid_item:hover .heading {
color: $maincolor;
}

.grid_summary {
padding: 10px 17px;
font-size: 0.875rem;
line-height: 1.7;
font-weight: 500;
color: #bbb;
margin-bottom: 14px;
}

.grid_post-info {
padding: 14px 17px;
background-color: $maincolor;
font-size: 0.875rem;
text-align: center;
}

.grid_post-info .publish-date:after {
content: '::';
padding-left: 7%;
}

html[dir="rtl"] .grid_post-info .publish-date:after {
padding-left: 0;
padding-right: 7%;
}

.grid_post-info .comments {
margin-left: 7%;
}

html[dir="rtl"] .grid_post-info .comments {
margin-left: 0%;
margin-right: 7%;
}


/* list
---------------------------------------*/

.list_big-post {
position: relative;
width: 52%;
float: left;
overflow: hidden;
}

.list .post-image {
width: 100%;
height: 296px;
display: block;
}

.list_big-post:hover .post-title {
transform: translateY(-68px);
}

.list .post-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
font-family: 'Roboto Slab';
font-size: 1.1rem;
color: #fff;
text-transform: capitalize;
line-height: 1.7;
padding: 10px 20px;
}

.list .post-summary {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
padding: 10px 20px 20px;
font-size: 0.875rem;
font-weight: 500;
color: #fff;
}

.list_big-post:hover .post-summary {
transform: translateY(-68px);
}

.list_other-posts {
float: right;
width: 45%;
font-family: "Roboto Slab";
line-height: 1.6 !important;
}

.list-item {
background-color: #EBEBEB;
border-left: 3px solid $maincolor;
margin-bottom: 5px !important;
}

.list-item:hover {
background: $maincolor;
}

.list-item:hover .heading {
color: #fff;
}

.list_post-title {
display: block;
padding: 10px;
font-size: 1rem;
}


/*========================================
Blog Posts
========================================*/

.post-outer {
position: relative;
margin-bottom: 30px;
}

.feed-links {
display: none;
}

.more-posts {
float: right;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline !important;
margin-bottom: 15px;
}

html[dir="rtl"] .more-posts {
float: left;
}

.more-posts:hover {
color: $maincolor;
}

.more-posts:after {
content: '\2192';
}

html[dir="rtl"] .more-posts:after {
content: '\2190';
}

.blog-pager .older-post {
float: right;
}

html[dir="rtl"] .blog-pager .older-post {
float: left;
}

.post-image-wrapper {
position: relative;
width: 40%;
height: 210px;
float: left;
margin-right: 20px;
margin-top: 8px;
overflow: hidden;
z-index: 2;
}

html[dir="rtl"] .post-image-wrapper {
float: right;
margin-right: 0;
margin-left: 20px;
}

.post-image-wrapper .post-image {
width: 100%;
height: 210px;
}

.post-image-wrapper:hover .post-image {
transform: scale(1.1);
}

.post-title.entry-title {
font-family: 'Roboto Slab', serif;
font-size: 1.3rem;
text-transform: capitalize;
margin-bottom: 25px;
line-height: 1.6;
font-weight: 700;
}

.post-title.entry-title a:hover {
color: $maincolor;
}

.summary {
line-height: 1.7;
font-size: 1rem;
}

/* Post Meta
-------------------------------------------*/
.post-meta {
position: absolute;
bottom: 0;
padding: 7px 25px;
left: 40%;
right: 0;
background-color: $post_footer_bg;
color: #fff;
font-size: 0.875rem;
}

html[dir="rtl"] .post-meta {
right: 40%;
left: 0;
}

.post-comment-link {
white-space: nowrap;
}

.post-timestamp {
margin-left: 0 !important;
margin-right: 45px;
white-space: nowrap;
}

html[dir="rtl"] .post-timestamp {
margin-left: 45px !important;
margin-right: 0;
}

.read-more {
position: absolute;
right: 0;
bottom: 0;
background-color: $maincolor;
color: #fff !important;
padding: 7px 10px;
}

html[dir="rtl"] .read-more {
right: auto;
left: 0;
}

.read-more:hover {
background-color: #000;
color: #fff !important;
}

.post-header {
background-color: #f7f7f7;
padding: 10px 20px;
margin-bottom: 25px;
}

.post-footer {
font-size: 0.875rem;
font-weight: 500;
}

.post-header .post-title {
border-bottom: 2px solid $maincolor;
padding-bottom: 5px;
margin-bottom: 15px;
}

.post-author.vcard {
margin-right: 40px;
}

html[dir="rtl"] .post-author.vcard {
margin-right: 0;
margin-left: 40px;
}

div#___plusone_0 {
width: 185px !important;
}

.post-labels {
background-color: #717171;
color: #fff;
font-size: 0.875rem;
margin-top: 30px;
border-right: 4px solid $maincolor;
text-transform: capitalize;
}

html[dir="rtl"] .post-labels {
border-right: 0;
border-left: 4px solid $maincolor;
}

.labels-head {
display: inline-block;
background-color: $maincolor;
padding: 10px;
color: #fff;
margin-right: 5px;
}

html[dir="rtl"] .labels-head {
margin-right: 0;
margin-left: 5px;
}

.post-labels .post-label-anchor {
margin-right: 6px;
margin-left: 3px;
}

.post-labels .post-label-anchor:hover {
text-decoration: underline;