<style type="text/css">
<!-- /* li {
position: relative;
transition:all .5s ease-in;
float: left;
margin: 0 15px;
position: relative;
border-bottom: 3px solid transparent;
-webkit-transition: border-bottom-color 0.3s;
transition: border-bottom-color 0.3s;
}
ul#main-nav > li:hover {
border-color: #000000;
}
ul#main-nav > li a {
letter-spacing: 0.2em;
line-height: 3em;
display: block;
white-space: nowrap;
-webkit-transition: color 0.3s;
transition: color 0.3s;
text-transform:uppercase;
font-size:10px;
font-weight:300;
}
#main-nav ul {
position: absolute;
display: none;
left: 0;
z-index: 99;
}
ul#main-nav ul {
display: block;
opacity: 0;
visibility:hidden;
background:#000;
min-width: 150px;
width: auto;
z-index: 99999;
padding-left: 0;
top: 100%;
left: 0px;
margin-top: 20px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
ul#main-nav li:hover ul {
opacity: 1;
visibility:visible;
margin-top: 0px;
}
ul#main-nav li ul li {
width: 100%;
}
ul#main-nav ul li a, ul#main-nav ul ul li a {
color: white;
display:block;
}
ul#main-nav ul li a, ul#main-nav ul ul li a {
padding: 0 15px;
font-weight: normal;
line-height: 2.5em;
font-size: 10px;
}
ul#main-nav ul li a:hover, ul#main-nav ul ul li a:hover {
color:#dca740;
}
ul#main-nav li ul li:first-child{
margin-top: 5px;
}
ul#main-nav li ul li:last-child {
margin-bottom:5px;
}
#main-nav li a{
color:#000;
}
/*****************************************
Blog Post CSS
******************************************/
.thumbnail-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.2;
}
.post-thumb:hover .thumbnail-overlay {
opacity: 0.6;
transition:all .3s linear;
}
.post-thumb {
position: relative;
}
.thumbnail-title {
position: absolute;
left: 60px;
top: 60px;
max-width: 200px;
text-align: left;
}
.title-big-line {
width: 30px;
height: 4px;
float: left;
margin-bottom: 10px;
}
.title-big-line {
background-color: #dca740;
}
.title-small-line {
width: 75px;
height: 1px;
margin: 3px 0 10px 0;
float: left;
}
.title-small-line {
background-color: #dca740;
}
.thumbnail-title-text {
clear: both;
font-size: 18px;
letter-spacing: 0.1em;
font-weight:700;
text-transform:uppercase;
}
.thumbnail-title-text {
color: #ffffff;
}
.thumbnail-title-text span:last-child {
color: #dca740;
}
.thumbnail-date {
font-size: 18px;
letter-spacing: 0.1em;
position: absolute;
top: 60px;
right: 60px;
text-align: left;
}
.thumbnail-date {
color: #ffffff;
}
span.entry-tags {
text-transform: uppercase;
font-weight: 300;
display: block;
margin-bottom: 20px;
}
span.entry-tags a{
color:#000;
}
.post-outer {
}
.post {
padding: 0;
margin: 0;
margin-bottom: 40px;
}
.entry-content {
color: #000;
font-size: 13px;
line-height: 1.6;
font-weight: 400;
margin: 15px 0 30px;
font-family: open sans,sans-serif;
}
.entry-post-content {
position: relative;
padding: 10px 0px 30px;
min-height: 300px;
}
.read-more a.read {
padding: 9px 20px;
min-width: 60px;
line-height: 1em;
font-family: open sans,sans-serif;
font-size: 14px;
letter-spacing: 0.05em;
cursor: pointer;
display: inline-block;
text-align: center;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
display: inline-block;
text-transform: uppercase;
margin-top: 0;
min-width: 75px;
background: #000;
color: #fff;
}
.read-more a:hover{
background-color: #dca740;
color: #fff;
text-decoration: none;
}
h2.entry-title,h1.post-title.entry-title {
font-family: Raleway;
margin: 0;
margin-bottom: 0;
padding: 0;
color: #000;
font-size: 26px;
line-height: 35px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight:700;
}
h2.entry-title a, .entry-link a {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
color:#000;
}
/* item page */
.post-body {
padding: 0;
margin:0;
word-wrap:break-word;
}
.post-header { color: #999999; font-family: Verdana,Arial,Tahoma,sans-serif; font-size: 12px; }
.post-header a { font-style: italic; }
/* meta entries */
.meta-wrapper {
display: block;
}
ul.entry-meta {
padding-left: 0;
display: inline-block;
}
.entry-meta {
margin-bottom: 5px;
text-align: center;
color: #919293;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
ul.entry-meta li {
list-style-type: none;
float: left;
margin-right: 10px;
font-size: 13px;
position;relative;
}
ul.entry-meta > li:after {
content: "|";
}
ul.entry-meta li:last-child:after {
content: "";
}
ul.entry-meta li,ul.entry-meta li a{
color: #ecae80!important;
}
ul.entry-meta li i {
padding-right: 5px;
}
ul.entry-meta li a {
color: #97989a;
padding-right:5px;
}
.entry-tags a:nth-child(n+3) {
display: none;
}
.post-categories.clearfix {
margin-top: 25px;
font-size: 10px;
text-transform: uppercase;
font-family: lato;
letter-spacing: 1px;
}
.post-categories a {
padding: 5px 10px;
min-width: 60px;
line-height: 1em;
font-size: 1em;
letter-spacing: 0.05em;
cursor: pointer;
display: inline-block;
text-align: center;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
background-color: #000000;
color: #ffffff;
}
.rmlink { float: right; line-height: normal; }
.home-link { display:none!important;}
#blog-pager-newer-link {
display: inline-block;
float: left;
text-align: left;
}
#blog-pager-older-link {
display: inline-block;
float: right;
text-align: left;
}
#blog-pager {
padding: 20px 0;
margin: 0;
font-size: 16px;
line-height: normal;
float: left;
width: 100%;
}
#blog-pager-newer-link, #blog-pager-older-link {
position: relative;
}
.showpageOf { display:none; }
.showpagePoint, .showpageNum a, .showpage a {
color: #dca740;
background: #000;
display: inline-block;
padding: 8px 10px;
line-height: 1;
margin-right: 5px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.showpageNum,.showpage {
display:inline-block;
}
.showpageArea {
text-align: center;
}
.showpage a:hover, .showpageNum a:hover {
background: #dca740;
color: #000;
}
.status-msg-border {
display: none!important;
}
.status-msg-wrap {
margin: 0px 0 20px;
}
.status-msg-body {
font-size: 0;
}
.status-msg-body b {
font-size: 36px;
opacity: 1!important;
color: #e25734;
position: relative;
}
.status-msg-body b:before {
content: "// ";
}
/* social share */
.share-buttons {
margin-bottom: 15px;
}
.share-buttons ul {
margin: 0!important;
padding: 0!important;
}
.share-buttons li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
margin-right: 10px;
font-size: 12px;
text-transform:uppercase;
}
li.share-it {
position: relative;
}
.social_share_dropdown {
display: block;
left: 0;
margin: 0;
padding: 10px 0 0 0;
position: absolute;
top: 100%;
width: 120px;
visibility: hidden;
z-index: 1;
}
.social_share_dropdown ul {
list-style: none;
position: relative;
display: inline-block;
background-color: #fff;
z-index: 1;
padding: 0!important;
border: 2px solid #5d5d5d;
min-width: 108px;
font-weight: 400;
}
.social_share_dropdown ul li {
list-style: none;
display: block;
position: relative;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
}
.social_share_dropdown ul li a {
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
border-bottom: 2px solid #5d5d5d;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
text-align: left;
color: #5d5d5d!important;
-webkit-transition: none!important;
-moz-transition: none!important;
-ms-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
.social_share_dropdown ul li:last-child a{
border-bottom:0;
}
.social_share_dropdown ul li a i {
font-size: 13px;
color: #5d5d5d;
position: relative;
top: 1px;
margin-right: 7px;
}
.share-it:hover .social_share_dropdown {
visibility: visible;
}
/*****************************************
Post Highlighter CSS
******************************************/
blockquote {
margin: 10px 0 20px 0%;
padding: 10px 30px;
border-left: 6px solid #dca740;
margin-left: 40px !important;
padding-left: 40px;
font-size: 20px;
letter-spacing: 1px;
font-family:lato;
font-weight:300;
}
/*****************************************
Custom Widget CSS
******************************************/
/***** Optin Form CSS *****/
.opt-in .inner { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLQbskdk9LiJQtPo12qUlj92vYPAWprPjjZJewYYamt5MNbMd-ZV9DPe6u6kxhj0n-KvWDfNxeRZa97m6pYm08Kfx67rI8PntJZTrSznQHNzpMzEwYJfn3CI3yC6vmdiNCPpdDbJHthmrM/s1600/home-bg.png") repeat scroll 0 0 transparent; padding: 35px 0; font-style: italic; color: #ccc; text-shadow: 0 1px 1px #000000; }
.opt-in .inner h4 { font-size: 28px; margin-bottom: 10px; font-style: normal; color: #fff; line-height: normal; }
.opt-in .inner a { border-bottom: 1px solid #DDDDDD; color: #DDDDDD; }
.opt-in .inner a:hover { border-bottom: 1px dashed #DDDDDD; }
.opt-in .opt-in-wrap { margin-right: 40%; }
.opt-in .info { float: left; width: 100%; }
.opt-in .signup-form { background: rgba(0, 0, 0, 0.25); border: 5px solid rgba(0, 0, 0, 0.25); float: right; font-size: 16px; width: 35%; text-align: center; }
.opt-in .signup-form .form-inner { font-size: 16px; margin: 35px; }
/*****-----------------------
Popular Post ---------------*****/
.sidebar .PopularPosts {
width: 200px;
max-width: 200px;
}
.sidebar .item-title{
margin-top:10px;
}
.sidebar .PopularPosts li{
border:0;
margin-bottom:20px;
}
.popular-posts ul { padding-left: 0; }
.popular-posts ul li {
border-top: 1px solid #e7e8e9;
list-style: none outside none !important;
margin-left: 0 !important;
overflow: hidden;
padding: 14px 0 !important;
transition: all 0.25s linear 0s;
}
.popular-posts ul li:first-child {
border: 0;
}
.PopularPosts .item-thumbnail img {
display: block;
float: left;
height: 175px;
width: 200px;
margin-right: 8px;
}
.item-title {
text-transform: uppercase;
font-weight: bold;
font-family: raleway;
letter-spacing: 1px;
}
.item-title a {
font-size: 12px;
line-height: 1.4;
}
.item-snippet, .footer .popular-posts ul li:nth-child(n+4) {
/* display: none; */
font-size: 10px;
line-height: 2;
margin-top: 15px;
color: #333;
}
.footer .popular-posts li {
border-color: #888;
}
#PopularPosts2 .item-thumbnail {
clear: both;
display: inline-block;
}
input#s {
padding: 12px 15px;
border: none;
background: #e7e8e9;
color: #373839;
text-transform: uppercase;
font-size: 11px;
width: 100%;
height: auto;
}
/*--------------
Sidebar CSS
---------------*/
.sidebar{ margin: 0; padding: 0; display: block; }
.sidebar h2, div#related-posts h5 {
margin:0;
margin-bottom: 19px;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 2px;
}
.sidebar h2{
font-family: lato,sans-serif;
}
.sidebar .widget {
clear: both;
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
padding: 0 10px;
margin: 0px 0px 40px 0;
}
.sidebar ul{ margin:0; padding:0; list-style:none; }
.sidebar li{ margin: 0 0 0 15px; padding: 0 0 5px; text-transform: capitalize; }
/*------------------------
Oblivion social icons
---------------------------------*/
.oblivion-social-media li i {
padding-right: 10px;
font-size: 11px;
}
.oblivion-social-media ul li a {
color: #dca740;
display: block;
line-height: 1;
text-transform: uppercase;
font-size: 10px;
letter-spacing:0.1em;
}
.oblivion-social-media ul li {
list-style: none;
display: inline-block;
padding: 20px;
}
.oblivion-social-media ul {
padding: 0;
margin: 0;
text-align: center;
}
.oblivion-social-media {
background: #000;
color: #dca740;
padding-top:35px;
}
/*****************************************
Footer CSS
******************************************/
#footer {
width: 100%;
color: #999;
background-color: #000;
padding: 35px 0 0;
}
.footer { float: left; width: 33%; }
.footer h2 {
color: #dca740;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
margin-bottom: 30px;
padding: 5px;
text-align: left;
position: relative;
}
.footer h2:after {
content: "-";
background: none;
padding-left: 10px;
}
.footer .widget{ clear: both; font-size: 14px; line-height: 24px; margin: 15px 25px 25px; }
.footer ul{ margin:0; padding:0; list-style:none; }
.footer li{ margin: 0 0 0 15px; padding: 0 0 5px; text-transform: capitalize; }
.copyright {
padding: 25px 0 25px;
text-align: center;
color: #dca740;
font-size: 10px;
margin: 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.copyright a,.footer a {color: #dca740;}
.copyright a:hover,.footer a:hover{text-decoration:underline;}
#social-icons-block {
display: inline-block;
width: 100%;
text-align: center;
}
#social-icons-block > .social-icon {
padding-left: 0;
display: inline-block;
margin: 15px 0;
text-align:center;
}
#social-icons-block > .social-icon li {
list-style-type: none;
text-align: center;
float: left;
margin-right: 30px;
display: block;
}
#social-icons-block > .social-icon li a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
#social-icons-block > .social-icon li a i {
background: #ecae80;
font-size: 26px;
color: white;
padding: 6px 9px;
display: block;
width: 40px;
height: 40px;
border-radius: 5px;
}
.share-wrapper {
margin: 25px 0 10px;
}
ul.entry-share-list.clearfix li {
padding: 0;
list-style: none;
display: inline-block;
margin-right: 25px;
font-size: 16px;
}
ul.entry-share-list.clearfix li a i {
font-size: 22px;
}
ul.entry-share-list.clearfix span.share-text {
margin-left: 5px;
}
#toggle {
float:right;
display:none;
position:relative;
width: 55px;
height: 55px;
}
#toggle:before {
content: "";
position: absolute;
left: 28%;
top: 35%;
width: 23px;
height: 3px;
background: #000000;
box-shadow: 0 7px 0 0 #000000, 0 14px 0 0 #000000;
}
/*****************************************
Comments CSS
******************************************/
#comments { padding-top: 30px; clear:both; margin: 0; }
.comments h4 { font-size: 25px; line-height: 30px; padding: 0; text-transform: capitalize; }
#comments-block .avatar-image-container.avatar-stock img{ border-width:0; padding:1px; }
#comments-block .avatar-image-container{ height:37px; left:-45px; position:absolute; width:37px; }
#comments-block.avatar-comment-indent{ margin-left:45px; position:relative; }
#comments-block.avatar-comment-indent dd{ margin-left:0; }
iframe.avatar-hovercard-iframe{ border:0 none; padding:0; width:25em; height:9.4em; margin:.5em; }
.comments .comments-content{ margin-bottom:16px; }
.comments .continue, .comments .comment .comment-actions { display: block; text-align: right; }
.comments .continue a, .comments .comment .comment-actions a{ padding: 0 7px; font-family: 'Bree Serif', serif; }
.comments .continue a:hover, .comments .comment .comment-actions a:hover{ text-decoration: none; }
.comments .comments-content .comment-thread ol{ margin:20px 0 0 -10px; overflow:hidden;}
.comments .comments-content .inline-thread{ padding:0;}
.comments .comments-content .comment-thread:empty{ display:none}
.comments .comments-content .comment-replies{ margin-left:0px;margin-top:0px;}
.comments .comments-content .comment:first-child{padding-top:4px}
.comments .comments-content .comment:last-child {border-bottom: 1px solid #DDDDDD; padding-bottom:0; }
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user a { font-style: normal; font-weight: bold; text-transform: capitalize; }
.comments .comments-content .icon.blog-author {display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}
.comments .comments-content .datetime { display: block; line-height: 21px; margin-left: 0px; }
.comments .comments-content .datetime a { color: #333; font-size: 14px; }
.comments .comments-content .datetime a:hover { text-decoration:none; }
.comments .comments-content .comment-header { margin: 0; min-height: 40px; padding: 10px; position: relative; }
.comments .comments-content .comment-content{ margin: 0; padding: 0 10px 10px 10px; position: relative; }
.comments .comments-content .owner-actions {position:absolute;right:0;top:0}
.comments .comments-replybox { border:none;height:250px;width:100%}
.comments .comment-replybox-single { margin-left:4px;margin-top:5px}
.comments .comment-replybox-thread { margin: 5px 0 5px 15px; }
.comments .comments-content .loadmore a { display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle { cursor:pointer;display:none;}
.comments .continue{ float: right; cursor:pointer; display:inline-block; }
.comments .continue a{ display:block; font-weight: normal; margin: 0 15px 0 0; }
.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.comments .avatar-image-container { float: right; padding: 0; margin: 0; max-height:55px; width:55px; }
.comments .avatar-image-container img { display: block; max-width: 55px; width: 55px; border-radius: 27.5px; -moz-border-radius: 27.5px; -o-border-radius: 27.5px; -webkit-border-radius: 27.5px; }
.comments .comment-block { margin-left: 0px; position: relative; }
.comments .comments-content .comment { background: #fff; border: 1px solid #DDDDDD; list-style: none outside none; margin: 0 25px 15px 10px; padding: 10px !important; }
.comments .comments-content .comment:nth-child(even) { background: #F9F9F9; }
/*--------------
Labels Widget
----------------------*/
.Label li {
list-style: none;
margin: 0;
margin-right: 5px;
padding: 0;
display: inline-block;
}
.Label li a {
color: #666;
font-family: open sans,sans-serif;
font-size: 14px;
}
.footer .Label li{
display:inline;
}
.footer .Label a {
color: #919293;
display: block;
font-size: 10px !important;
line-height: 1;
font-weight: 400;
margin-bottom: 2px;
float: left;
margin-right: 2px;
padding: 5px 10px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.footer .Label a{
background:#dca740;
color:white!important;
}
/*-------------
related posts
-------------------*/
div#related-posts {
float: left;
width: 100%;
margin-top: 30px;
}
div#related-posts h5 {
font-size: 18px;
margin-bottom: 20px;
color: #000;
font-weight: bold;
}
div#related-posts h5:after {
content: "-";
padding-left: 10px;
}
div#related-posts li {
display: block;
float: left;
width: 33.33%;
margin-right: 0;
padding: 0 10px;
margin-bottom:30px;
position:relative;
}
div#related-posts li:last-child {
margin-right: 0px;
}
div#related-posts li img {
width: 100%;
height: 160px;
}
a.related-title {
display: block;
color: rgb(85, 85, 85);
font-size: 16px;
padding: 5px 0px 0px;
}
.related-excerpt {
position: absolute;
bottom: 10px;
padding: 0 15px;
color: #fff;
}
.related-excerpt span{color:white;}
#related-posts li:before {
content: "";
background: #000;
opacity: .2;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
div#related-posts li {
display: block;
float: left;
width: 33.33%;
margin-right: 10px;
padding: 0;
margin-bottom: 30px;
position: relative;
}
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 1024px) {
#header { float: none; width: 100%; }
.header-right .widget-content { margin: 0; }
}
@media screen and (max-width: 960px) {
.ct-wrapper{ padding:0 15px; }
.main-wrapper{padding: 0; margin-right:0; width:100%; }
.sidebar-wrapper{ float: left; width: auto; margin-left: 20px; }
.nav-menu ul { text-align: center; }
.nav-menu ul li { float: none; }
nav.navigation{
display:block;
}
}
@media screen and (max-width: 768px){
.header-wrapper {}
.thumbnail-title{top:20px;left:20px;}
.thumbnail-date{top:20px;right:20px;}
#header p.description { margin: 0; }
.toggle{display: block!important;}
.header-inner-wrap {
width: 320px;
}
a.related-title{font-size:10px;}
div#related-posts li img{height:100px;}
nav.navigation {
display: none;
clear: both;
margin-top: 5px;
top: 50px;
right: 30px;
width: 225px;
background: rgba(23,24,25, 1);
z-index: 1;
position: absolute;
}
#main-nav li a {
color: #FFF;
}
ul#main-nav > li:hover{border:0;}
ul#main-nav li {
float: left;
margin: 0 15px;
position: relative;
border-bottom: 0;
-webkit-transition: border-bottom-color 0.3s;
transition: border-bottom-color 0.3s;
}
ul#main-nav ul {
position: relative;
float: left;
height: 0;
padding: 0;
margin-top: 0;
left: 10px;
}
ul#main-nav li:hover ul {
height: auto;
}
#header img{
height:30px;
}
#comment-editor { margin:10px; }
.footer { width: 50%; }
}
@media screen and (max-width: 500px){
#header h1{font-size:20px;}
.thumbnail-title, .thumbnail-date {display: none;}
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{ display:block; float:none; }
.comments .comments-content .comment-header { height:70px; }
.header-inner-wrap {
width: auto;
max-width:210px;
}
}
@media screen and (max-width: 320px){
.footer { width: 100%; }
.ct-wrapper{ padding:0; }
.post-body img{ max-width: 230px; }
.comments .comments-content .comment-replies { margin-left: 0; }
}
/*****************************************
Hiding Header Date and Feed Links
******************************************/
h2.date-header,span.blog-admin{display:none;}
.hide {
display: none!important;
}
.bckpic {
height: 100%;
width: 100%;
margin-bottom: 20px;
}
.bckpic img {
width: 100%;
max-width: 100%;
}
]]>
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
