.blog-content {
    font-size: 1em;
    margin: 0 auto;
}
.blog-content a, .blog-content a:hover {
    text-decoration: none;
}

/* Copy protector
===================================== */

.fsbox-blog img,
.blog-content .widget .simple-image img,
.blog-content .widget .post-gallery img {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* ================================== */

/* Flex layout
==================================== */

.blog-content-box { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.blog-content-box > .items,
.blog-content-box .blog-sidebar-box { 
    -webkit-box-flex: initial; 
    -webkit-flex: initial; 
    -moz-box-flex: initial; 
    -ms-flex: initial; 
    flex: initial;
}

.blog-content-box > .items { min-width: 300px; width: 100%; }
.blog-content-box .blog-sidebar-box {  min-width: 200px;  width: 0%;  max-width: 400px; }

.sidebar-position-left .blog-content-box > .items { margin-left: 40px; }
.sidebar-position-right .blog-content-box > .items { margin-right: 40px; }

/*
.sidebar-position-right .blog-content-box > .blog-sidebar { }
.sidebar-position-left .blog-content-box > .blog-sidebar { }
*/
/* =================================== */

.blog-content ul.tags-top {
    padding: 43px 0px;
    margin: 0;
    text-align: center;
    line-height: 150%;
}

.blog-content ul.tags-top li {
    display: inline;
    text-transform: uppercase;
    margin: 0 12px;
    line-height: 1em;
}
.blog-content ul.tags-top li:first-child {
    margin-left: 0px;
}

.blog-content ul.tags-top li:last-child {
    margin-right: 0px;
}

.blog-content article {
    margin: 0 auto 20px;
    padding-bottom: 18px;
    position: relative;
    box-sizing: border-box;
}

.blog-content .items article {
	display: inline-block;
	width: 100%;
    padding: 0px;
    /* old value - 117px */
    margin: 0px 0px 77px 0px;
	border: 1px solid #eaeaea;
	background-color: #ffffff; 
}

.blog-content .items article:last-child {
    margin: 0px;
}

.blog-content .items article.post-bg-site {
    background: inherit !important;
}

.blog-content .items article header {
    box-shadow: none;
    padding: 0;
    display: block;
    background: inherit;
    overflow: hidden;
}

.blog-content .items article header .date {
    /*margin-bottom: 30px;*/
    text-transform: uppercase;
    font-size: 9px;
}

.blog-content .items article header h2 {
    margin-bottom: 0px;
    line-height: 1;
    /*padding-top: 31px;*/
    /*padding-bottom: 43px;*/
}
.blog-content .items article header h2 a {
    color: black;
    font-size: 44px;
    line-height: 1em;
    text-decoration: none;
}

.blog-content .items article header h2 a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.blog-content .items article header > div {
    padding-bottom: 41px;
    overflow: hidden;
}

/* Post Title View 1 */
.blog-content .items article header .view1 h2 {
    padding-top: 15px;
    /*padding-bottom: 43px;*/
}
.blog-content .items article header .view1 {
    text-align: center;
}
.blog-content .items article header .view1 .date { 
    margin-bottom: 0px;
}

.blog-content .items article header .view1 .date:before,
.blog-content .items article header .view1 .date:after {
    content: '';
    display: inline-block;
    width: 70px;
    height: 1px;
    background: #e4e4e4;
    position: relative;
    vertical-align: middle;
}    

.blog-content .items article header .view1 .date:before {
    right: 15px;
    margin: 0 0 0 -70px;
}
.blog-content .items article header .view1 .date:after {
    left: 15px;
    margin: 0 -70px 0 0;
}

/* Post Title View 2 */
.blog-content .items article header .view2  h2 {
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.blog-content .items article header .view2  .date {
    /*margin-bottom: 40px;*/
}

/* Post Title View 3 */
.blog-content .items article header .view3 {
    text-align: center;
}
.blog-content .items article header .view3  h2 {
    margin-bottom: 10px;
    padding-top: 0;
}
.blog-content .items article header .view3 h2 a {
    font-size: 28px;
}
.blog-content .items article header .view3  .date {
    /*margin-bottom: 40px;*/
}

/* Post Title View 4 */
.blog-content .items article header .view4  .date {
    margin-bottom: 10px;
}
.blog-content .items article header .view4 h2 a {
    font-size: 20px;
}
.blog-content .items article header .view4  h2 {
    /*margin-bottom: 35px;*/
}

/* Post Title View 5 */
.blog-content .items article header .view5  .date {
    display: inline-block;
    text-align: right;
    width: 15%;
    margin-bottom: 10px;
}
.blog-content .items article header .view5 h2 a {
    /*font-size: 20px;*/
}
.blog-content .items article header .view5  h2 {
    /*margin-bottom: 30px;*/
    display: inline-block;
    width: 85%;
}

/* Post Title View 6 */
.blog-content .items article header .view6 {
    text-align: center;
}
.blog-content .items article header .view6  h2 {
    margin-bottom: 14px;
}
.blog-content .items article header .view6 h2 a {
    font-size: 28px;
    /*padding: 11px 70px;*/
    /*border: 2px solid black;*/
}
.blog-content .items article header .view6 h2 a span {
    display: inline-block;
    /*padding: 11px 70px;*/
    padding: 11px 8.6%;
    border: 2px solid black;
}
.blog-content .items article header .view6  .date {
    /*margin-bottom: 40px;*/
}

/* Post Title View 7 */
.blog-content .items article header .view7 {
    text-align: center;
}
.blog-content .items article header .view7 .date { 
    /*margin-bottom: 40px;*/
}
.blog-content .items article header .view7 h2 {
    font-size: 28px;
    /*overflow: hidden;*/
    margin-bottom: 15px;
}
.blog-content .items article header .view7 h2 a {
    font-size: 28px;
}
.blog-content .items article header .view7 h2:before,
.blog-content .items article header .view7 h2:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #eec934;
    position: relative;
    vertical-align: middle;
}    

.blog-content .items article header .view7 h2:before {
  right: 15px;
  margin: 0 0 0 -100%;
}
.blog-content .items article header .view7 h2:after {
  left: 15px;
  margin: 0 -100% 0 0;
}

.blog-content article hr {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #cdcdcd;
    margin: 0;
}

.blog-content article i.icon-heart {
    font-size: 12px;
}

.blog-content .widget { margin: 0 auto 10px; }

.blog-content .post-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-content .items{
   min-width: 200px;
}

.blog-content .blog-sidebar {
   box-sizing: border-box;
   border: 0px solid;
}

.blog-content .blog-sidebar.blog-aside-bg-site {
   background: inherit !important;
}

.blog-content  i.icon-share-plus {position: relative; top: 0px; left: 0px}
.blog-content  i.icon-like-heart {position: relative; top: 0px; left: -1px}
.blog-content  i.icon-comments-post {position: relative; top: 5px; padding-right: 2px;}

.blog-content ul.tools  { padding: 0; margin: 0 14px 0 0; float: left; font-size: 0px;}
.blog-content ul.tools > li { padding: 5px 0; display: inline-block; text-transform:uppercase; font-size: 13px;}
.blog-content ul.tools > li > a{ padding: 0 9px; position: relative; top: 2px}
.blog-content ul.tools > li > a:hover { opacity: 0.7 }
.blog-content ul.tools > li:first-child > a { padding-left: 0;}
.blog-content ul.tools > li:after { content: "|"; }
.blog-content ul.tools > li:last-child:after { content: ""; }
.blog-content ul.tools > li.share-links { position: relative; padding-top: 10px; }
.blog-content ul.tools > li.share-links > ul {
    background-color: #f2f2f2;
    bottom: 100%;
    display: none;
    left: -37px;
    list-style: none;
    margin: 0px;
    padding: 15px 25px;
    position: absolute;
    text-align: center;
    z-index: 1000;
    border-bottom: 1px solid;
}
.blog-content ul.tools > li.share-links:hover > ul {display: inline-block; }
.blog-content ul.tools > li.share-links > ul > li {}
.blog-content ul.tools > li.share-links > ul > li a {padding: 4px 0; display: block;}
.blog-content ul.tools > li.share-links > ul > li a:hover {opacity: 0.7}

.blog-content .share-links [class^="icon-"], 
.blog-content .share-links [class*=" icon-"],
.blog-content ul.tools > li [class^="icon-"], 
.blog-content ul.tools > li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

.blog-content .share-links .icon-like-heart,
.blog-content ul.tools > li .icon-like-heart {vertical-align: middle;}

.blog-content .share-links a.like,
.blog-content ul.tools a.like { font-size: 13px; }

.blog-content .share-links a.like.checked path,
.blog-content ul.tools a.like.checked path { fill:#000; }

.mobile ul.tools > li.share-links:hover > ul {display: none; }

.blog-content ul.tags  { padding: 0; margin: 10px 0 0 10px; text-align: right; font-size : 13px;}
.blog-content ul.tags li { display: inline; text-transform:uppercase; }
.blog-content ul.tags li:after { content: ", "; }
.blog-content ul.tags li:last-child:after { content: " "; }
.blog-content ul.tags li a:hover {opacity: 0.7}

.blog-content ul.paging {text-align: center; padding: 0;}
.blog-content ul.paging li {display: inline; padding:  0 1px;}
.blog-content ul.paging li.current {font-weight: bold; text-decoration: underline;}
.blog-content ul.paging li a:hover {opacity: 0.7}
.blog-content ul.paging #paging-arr-right {position: relative; top: 4px; padding-left: 20px}
.blog-content ul.paging #paging-arr-left {position: relative; top: 4px; padding-right: 20px}

.blog-content .post-body .pinterest-btn {
    width: 42px;
    height: 42px;
    position: absolute !important;
    display: block;
    z-index: 200;
    text-align: right;
    background-image: url('../images/pin.png');
}

.blog-content .post .share-links {
    float: left;
    width: 100%;
    padding: 0;
    margin: 40px auto;
}
.blog-content .post .share-links ul,
.blog-content ul.posts-paging {
    list-style:none;
    margin:0;
    padding:0;
    position: relative;
    left:50%;
    float:left;
}
.blog-content .post .share-links li,
.blog-content ul.posts-paging li {
    position:relative;
    left:-50%;
    float:left;
    margin: 0;
    line-height: 1em;
}
.blog-content .post .share-links li {
    padding: 0px 10px;
    border-right: 1px solid #a5a5a5;
    line-height: 12px;
}
.blog-content li.share-link a { color: #979797; font: 12px Verdana,sans-serif; line-height: 12px; }
.blog-content li.share-link a:hover,
.blog-content ul.posts-paging li:hover { opacity: .7; }
.blog-content .post .share-links li:first-child { padding-left: 0px; }
.blog-content .post .share-links li:last-child { border: none; padding-right: 0px; }

.blog-content .post-pagination { float: left; width: 100%; padding-bottom: 40px; border-bottom: 0px solid #d8d2d0; }
.blog-content ul.posts-paging .paging-separator { margin: 0px 40px; line-height: 13px; }
.blog-content ul.posts-paging a { font: 13px Verdana, sans-serif; text-transform: uppercase; }
.blog-content ul.posts-paging li { color: #434242; }
.blog-content ul.posts-paging li svg { stroke: #434242; }

.blog-content .post .blog-comments {float: left; width: 100%; margin-top: 40px;}

.blog-content #l-paging-arrow {float: left; margin-right: 15px; }
.blog-content #r-paging-arrow {float: right; margin-left: 15px; }

.blog-content .clr {clear: both; height: 1px; width: 100%;}


.blog-layout-grid .items article {
    padding: 40px 13px;
    margin: 0 auto 20px;
}

.blog-layout-grid .items .fluid-grid article {
    margin: 10px;
}

.blog-layout-grid .fluid-wrapper {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
}


/* Comments
=========================== */

#blog-comments { max-width: 100% !important; }
#blog-comments > div { max-width: 100% !important; }
#blog-comments iframe { max-width: 100% !important; }

.fb-comments, .fb-comments span[style], .fb-comments iframe[style] {width: 100% !important;}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; }

/* Copy Protector
=========================== */
.blog-copy-protector.tooltip {
    display: none;
    position: absolute;
    background: white;
    padding: 4px;
    border-radius: 5px;
    font-size: 11px;
    z-index: 10001;
    opacity: 0.7
}
/* =========================== */

body.lolita section.blog .content { padding-bottom: 30px; }
body.lolita .blog-content {padding-left: 30px; padding-right: 30px;}

body.julia .blog-content .tags-top {padding-top: 23px;}

body.hugo .blog-content .tags-top {padding-top: 13px;}

body.oliver .tags-top {padding-top: 23px;}
body.oliver .blog-content {padding: 20px 20px 10px 20px; margin: 0;}
body.oliver .blog-content ul.tools > li.share-links > ul { left: -21px; }

body.bruno .blog-content {padding-top: 26px;}
body.bruno .tags-top {padding-top: 17px;}

body.marco .tags-top {padding-top: 0;}

body.levi .blog-content {margin: 0;}
body.levi .blog-content .tags-top {padding-top: 23px;}
body.levi section.blog a, body.levi section.blog a:hover {text-decoration: none;}

body.fabio .blog-content {margin: 0;}
body.fabio .tags-top {padding-top: 3px;}

body.lolita section .content {padding-top: 30px;}
body.lolita .tags-top {padding-top: 13px;}

body.charlie .tags-top {padding-top: 3px;}

body.rio .tags-top {padding-top: 0;}

body.suliko .tags-top {padding-top: 3px;}


body[data-preview="lolita"] .content {max-width: none !important;}
body[data-preview="lolita"] .blog-content {padding-left: 30px; padding-right: 30px;}
body[data-preview="oliver"] .blog-content {margin: 0; padding-left: 20px; padding-right: 20px;}
body[data-preview="levi"] .blog-content {margin: 0;}
body[data-preview="fabio"] .blog-content {margin: 0;}