body { background-color: #fff; }
.blog-items-page nav { background-color: #000 !important; }
.blog-items-page #contentBody { margin: 10em 0; }
.blog-item-details-page #contentBody { margin: 5em 0; }
h2, h1 { font-size: 4.5em; letter-spacing: 0; color: #444; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px }
p { color: #444; margin-bottom: 10px }

#h1_category { color: #e40044; }

/*blog items*/
.blog-list-item { padding: 50px 0 45px; border-bottom: 1px dotted #ccc; }
.blog-list-item:first-child { padding-top: 0; }
.blog-list-item h2 a { color: #444; }
.blog-list-item h2 a:hover { background-color: #e40044; color: #fff; }
.blog-list-item .readmore, .loadmore, .btnBackToBlog { border: 1px solid #e40044; padding: 5px 15px; border-radius: 5px; }
.blog-list-item .readmore:hover, .loadmore:hover, .btnBackToBlog:hover { background-color: #e40044; color: #fff; }
.loadmore.disabled, .loadmore.disabled:hover { color: #999; border-color: #999; background-color: #fff; cursor: default; }
.blog-list-item .blog-list-item-image { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 350px; width: 100%; }
.loadmore { padding: 12px 30px; }

/*blog item category*/
#category-list { line-height: 1.6; font-style: italic; font-size: 1.5em; }
#category-list li { margin-bottom: 8px; }
#category-list li a { border-bottom: 1px solid #e40044; padding: 1px 0px; }
#category-list li a:hover { background-color: #e40044; color: #fff; }


/*blog item details page*/
.intro-header { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #000; }
.intro-header .post-heading { padding: 135px 0 100px; }
.intro-header .post-heading h1 { margin-bottom: 10px; }
.intro-header .post-heading h1, .intro-header .post-heading p { color: #efefef; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }

#div_content { font-family: Lora,'Times New Roman',"Helvetica Neue",Helvetica,Arial,sans-serif; font-style: italic; color: #444; line-height: 1.6; font-size: 19px; }
#div_content p { font-size: 19px; }
#div_content h1, h2, h3, h4, h5, h6 { letter-spacing: normal; color: #333; font-style: normal; }
#div_content h1 { font-size: 2.4em; }
#div_content h2 { font-size: 2.1em; }
#div_content h3 { font-size: 1.6em; }
#div_content h4 { font-size: 1.2em; }
#div_content h5 { font-size: 1.1em; }
#div_content h6 { font-size: 1em; }
#div_content pre { font-style: normal; }

@media(max-width:480px) {
    .blog-item-details-page #div_back, .blog-item-details-page #div_share { width: 100%; text-align: center; display: block; float: none; }
}