max-width: 66.66666667%;
}

html[dir="rtl"] .blog-posts-wrapper {
float: right;
}

.divider {
width: 1px;
position: absolute;
top: 0;
bottom: 0;
left: 68.9%;
background-color: #E6E6E6;
}

html[dir="rtl"] .divider {
left: auto;
right: 68.9%;
}

.blog-posts-wrapper .HTML {
margin-bottom: 50px;
}

.blog-posts-wrapper .widget > .title {
padding: 10px 0;
margin-bottom: 25px;
background-color: $widgets_headers_color;
border-bottom: 4px solid $maincolor;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
color: #fff;
text-align: center;
}

/* bleft
---------------------------------------*/

.bleft {
font-family: 'Roboto Slab', serif;
font-weight: 700;
text-transform: capitalize;
}

.bleft .big-post {
position: relative;
width: 62.8205128%;
height: 406px;
float: left;
color: #fff;
}

.bleft .big-post .post-title {
position: absolute;
background: rgba(0,0,0,0.5);
right: 15px;
left: 15px;
bottom: 15px;
padding: 15px;
font-size: 1.5rem;
line-height: 1.6;
}

.bleft .post-category {
top: 15px;
left: 15px;
background: $maincolor;
}

html[dir="rtl"] .bleft .post-category {
right: auto;
left: 15px;
}

.bleft .post-title:hover {
background: $maincolor;
}

.bleft .other-posts {
background: #E6E6E6;
border-left: 5px solid $maincolor;
height: 406px;
padding: 1% 0;
width: 37.1794872%;
float: right;
font-size: 0.875rem;
line-height: 1.6;
overflow: auto;
}

.bleft .content-item {
padding: 0 15px;
}

.bleft .content-item:hover {
background: $maincolor;
}

.bleft .content-item:hover h2 {
color: #fff;
}

.bleft .other-posts .post-title {
padding: 6% 0;
}

.bleft .content-item h2 {
border-bottom: 1px solid #bebebe;
padding: 6% 0;
}

.bleft .content-item:last-child h2 {
border: 0;
}

/* bsummary
---------------------------------------*/

.bsummary .big-post {
float: left;
width: 43%;
}

html[dir="rtl"] .bsummary .big-post {
float: right;
}

.bsummary .big-post .post-image {
position: relative;
display: block;
height: 245px;
margin-bottom: 10px;
}

.bsummary .big-post .post-title {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 10px 15px;
font-family: 'Roboto Slab', serif;
font-size: 1.1rem;
font-weight: 500;
line-height: 1.6;
text-transform: capitalize;
background-color: rgba(255, 255, 255, 0.7);
}

.bsummary .post-image:hover .post-title {
background: $maincolor;
color: #fff;
}

.bsummary .big-post .post-summary {
font-size: 0.875rem;
line-height: 1.7;
margin-bottom: 15px;
}

.bsummary .other-posts {
float: right;
width: 54%;
line-height: 1.6;
}

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

.bsummary .content-item {
clear: both;
margin-bottom: 40px;
}

.bsummary .content-item:last-child {
margin-bottom: 0;
}

.bsummary .other-posts .post-image {
position: relative;
display: block;
float: left;
width: 31.1363636363%;
padding: 12% 0;
margin-right: 15px;
border: 2px solid #ccc;
z-index: 2;
}

html[dir="rtl"] .bsummary .other-posts .post-image {
float: right;
margin-right: 0;
margin-left: 15px;
}

.bsummary .post-image:hover {
border-color: $maincolor;
box-shadow: 0 0 5px #555;
}

.bsummary .other-posts .post-title {
display: block;
font-size: 1rem;
font-weight: 500;
margin-bottom: 3.5%;
font-family: 'Roboto Slab', serif;
}

.bsummary .other-posts .heading:hover {
color: $maincolor;
}

.bsummary .publish-date,
.bsummary .comments {
font-size: 0.75rem;
font-weight: 500;
}

.bsummary .publish-date {
margin-right: 30px;
}


html[dir="rtl"] .bsummary .publish-date {
margin-right: 0;
margin-left: 30px;
}

.icon {
margin-right: 5px;
transition: all 0s ease-in-out;
}

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

/* twocolumns
---------------------------------------*/

.items-wrapper-left {
float: left;
width: 48%;
}

.items-wrapper-right {
float: right;
width: 48%;
}

.twocolumns .item {
clear: both;
margin-bottom: 25px !important;
padding: 0 !important;
}

.items-wrapper-left .item:last-child {
margin-bottom: 0 !important;
}

.items-wrapper-right .item:last-child {
margin-bottom: 0 !important;
}

.twocolumns .post-image {
position: relative;
width: 26%;
height: 75px;
float: left;
border: 2px solid #ccc;
margin-right: 10px;
margin-top: 4px;
z-index: 2;
}

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

.twocolumns .post-title {
display: block;
margin-bottom: 10px;
font-family: 'Roboto Slab';
font-size: 0.875rem;
font-weight: 700;
line-height: 1.6;
}

.twocolumns .post-title:hover .heading {
color: $maincolor;
}

.twocolumns .publish-date,
.twocolumns .comments {
font-size: 0.75rem;
font-weight: 700;
color: #a5a5a5;
white-space: nowrap;
}

.twocolumns .publish-date {
padding-right: 5%;
}

.twocolumns .publish-date:after {
content: '::';
padding-left: 5%;
}

html[dir="rtl"] .twocolumns .publish-date {
padding-right: 0;
padding-left: 5%;
}

html[dir="rtl"] .twocolumns .publish-date:after {
content: '::';
padding-left: 0;
padding-right: 5%;
}

.twocolumns .post-image:hover {
border-color: $maincolor;
box-shadow: 0 0 5px #555;
}

/* threecolumns
---------------------------------------*/

.threecolumns .item {
float: left;
width: 31.33%;
margin-right: 3%;
margin-bottom: 30px;
}

.threecolumns .item:nth-child(3n+3) {
margin-right: 0;
}

.threecolumns .item:nth-child(4),
.threecolumns .item:nth-child(5),
.threecolumns .item:nth-child(6) {
margin-bottom: 0;
}

.threecolumns .post-image {
width: 100%;
padding: 33% 0;
display: block;
margin-bottom: 10px;
border: 2px solid #e6e6e6;
}

.threecolumns .