-
-
-
<data:view.title.escaped />
-
-
-
-
-
-
*/
/*-- Reset CSS --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}dl,ul{list-style-position:inside;font-weight:400;list-style:none}ul li{list-style:none}caption,th{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:$(body.link.color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}
.post-body a:visited{color:blue;}
/*-- Body Content CSS --*/
body{background:$(body.background);background-color:$(body.background.color);font-family:'Lato',sans-serif;font-size:14px;color:$(body.text.color);font-weight:400;line-height:1.4em;word-wrap:break-word;margin:0;padding:0}
#outer-wrapper{margin:0 auto;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.row{width:960px}
#content-wrapper{margin:30px auto 0;overflow:hidden}
#content-wrapper > .container{margin:0 -15px}
#main-wrapper{float:left;overflow:hidden;width:66.66666667%;box-sizing:border-box;word-wrap:break-word;padding:0 15px;margin:0}
#sidebar-wrapper{float:right;overflow:hidden;width:33.33333333%;box-sizing:border-box;word-wrap:break-word;padding:0 15px}
.post-image-wrap{position:relative;display:block}
.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{background-color:rgba(155,155,155,0.07);color:transparent!important}
.post-thumb{
display:block;
position:relative;
width:100%;
height:100%;
object-fit:cover;
object-position: center;
z-index:1;
opacity: 0;
transition:opacity .17s ease,transform .17s ease
}
.post-thumb.lazy-yard {
opacity: 1;
}
.post-image-link:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:2;opacity:0;transition:opacity .17s ease}
.post-image-link:hover:before,.hot-posts .hot-item:hover .post-image-link:before{opacity:1}
.post-image-link:after{content:'\f04b';position:absolute;top:calc(50% - 19px);left:calc(50% - 19px);width:38px;height:38px;background-color:rgba(0,0,0,0.5);font-family:FontAwesome;font-size:14px;color:#fff;font-weight:400;text-align:center;line-height:36px;z-index:3;box-sizing:border-box;padding:0 0 0 2px;border:1px solid #fff;border-radius:50%;transition:background .17s ease}
.common-widget .PopularPosts .post-image-link:after,.custom-widget .post-image-link:after{top:calc(50% - 13px);left:calc(50% - 13px);width:26px;height:26px;font-size:8px;line-height:24px}
.post-title a{display:block}
.social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400}
.social .blogger a:before{content:"\f37d"}
.social .facebook a:before{content:"\f09a"}
.social .twitter a:before{content:"\f099"}
.social .rss a:before{content:"\f09e"}
.social .youtube a:before{content:"\f167"}
.social .skype a:before{content:"\f17e"}
.social .stumbleupon a:before{content:"\f1a4"}
.social .tumblr a:before{content:"\f173"}
.social .vk a:before{content:"\f189"}
.social .stack-overflow a:before{content:"\f16c"}
.social .github a:before{content:"\f09b"}
.social .linkedin a:before{content:"\f0e1"}
.social .dribbble a:before{content:"\f17d"}
.social .soundcloud a:before{content:"\f1be"}
.social .behance a:before{content:"\f1b4"}
.social .digg a:before{content:"\f1a6"}
.social .instagram a:before{content:"\f16d"}
.social .pinterest a:before{content:"\f0d2"}
.social .twitch a:before{content:"\f1e8"}
.social .delicious a:before{content:"\f1a5"}
.social .codepen a:before{content:"\f1cb"}
.social .reddit a:before{content:"\f1a1"}
.social .whatsapp a:before{content:"\f232"}
.social .snapchat a:before{content:"\f2ac"}
.social .email a:before{content:"\f0e0"}
.social .external-link a:before{content:"\f35d"}
.social-color .blogger a{background-color:#ff5722}
.social-color .facebook a{background-color:#3b5999}
.social-color .twitter a{background-color:#00acee}
.social-color .youtube a{background-color:#f50000}
.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}
.social-color .pinterest a{background-color:#ca2127}
.social-color .dribbble a{background-color:#ea4c89}
.social-color .linkedin a{background-color:#0077b5}
.social-color .tumblr a{background-color:#365069}
.social-color .twitch a{background-color:#6441a5}
.social-color .rss a{background-color:#ffc200}
.social-color .skype a{background-color:#00aff0}
.social-color .stumbleupon a{background-color:#eb4823}
.social-color .vk a{background-color:#4a76a8}
.social-color .stack-overflow a{background-color:#f48024}
.social-color .github a{background-color:#24292e}
.social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)}
.social-color .behance a{background-color:#191919}
.social-color .digg a{background-color:#1b1a19}
.social-color .delicious a{background-color:#0076e8}
.social-color .codepen a{background-color:#000}
.social-color .reddit a{background-color:#ff4500}
.social-color .whatsapp a{background-color:#3fbb50}
.social-color .snapchat a{background-color:#ffe700}
.social-color .email a{background-color:#888}
.social-color .external-link a{background-color:$(dark.color)}
#header-wrap{position:relative;margin:0}
.header-header{background-color:#fff;width:100%;height:30px;position:relative;overflow:hidden;padding:20px 0}
.header-header .container{position:relative;margin:0 auto;padding:0}
.header-logo{position:relative;float:left;width:auto;max-width:250px;max-height:30px;margin:0;padding:0}
.header-logo .header-image-wrapper{display:block}
.header-logo img{max-width:100%;max-height:30px;margin:0}
.header-logo h1{color:$(title.color);font-size:20px;line-height:30px;margin:0}
.header-logo p{font-size:12px;margin:5px 0 0}
.top-menu{position:relative;float:right;margin:0}
.top-menu .widget > .widget-title{display:none}
.top-menu ul li{float:left;display:inline-block}
.top-menu ul li a{display:block;height:30px;color:$(title.color);font-size:14px;line-height:30px;padding:0;margin:0 0 0 20px;transition:color .17s ease}
.top-menu ul li a:hover{color:$(main.color)}
.header-menu{position:relative;width:100%;height:46px;background-color:$(menu.bg);z-index:10;font-size:13px;margin:0}
.header-menu .container{position:relative;margin:0 auto;padding:0}
#main-menu .widget,#main-menu .widget > .widget-title{display:none}
#main-menu .show-menu{display:block}
#main-menu{position:relative;height:46px;z-index:15}
#main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background .17s}
#main-menu ul > li > a{position:relative;color:$(menu.color);font-size:15px;font-weight:700;line-height:46px;display:inline-block;margin:0;padding:0 13px;transition:color .17s ease}
#main-menu ul#main-menu-nav > li:first-child > a{background-color:$(main.color)}
#main-menu ul > li:hover{background-color:$(main.color)}
#main-menu ul > li > ul{position:absolute;float:left;left:0;top:46px;width:180px;background-color:$(menu.bg);z-index:99999;margin-top:0;padding:0;box-shadow:0 3px 5px rgba(0,0,0,0.2);visibility:hidden;opacity:0}
#main-menu ul > li > ul > li > ul{position:absolute;float:left;top:0;left:100%;margin:0}
#main-menu ul > li > ul > li{display:block;float:none;position:relative}
#main-menu ul > li > ul > li a{display:block;height:36px;font-size:13px;color:$(menu.color);font-weight:600;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;border-bottom:0;transition:all .17s ease}
#main-menu ul > li.has-sub > a:after{content:'\f107';float:right;font-family:FontAwesome;font-size:14px;font-weight:400;margin:0 0 0 3px}
#main-menu ul > li > ul > li.has-sub > a:after{content:'\f105';float:right;margin:0}
#main-menu .mega-menu{position:static!important}
#main-menu .mega-menu > ul{width:100%;box-sizing:border-box;padding:20px 10px}
#main-menu .mega-menu > ul.mega-menu-inner{overflow:hidden}
#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1}
#main-menu ul ul{transition:all .17s ease}
.mega-menu-inner .mega-item{float:left;width:25%;box-sizing:border-box;padding:0 10px}
.mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0}
.mega-content .post-image-wrap{width:100%;height:140px}
.mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden}
.mega-content .post-title{position:relative;font-size:14px;font-weight:700;line-height:1.5em;margin:8px 0 5px}
.mega-content .post-title a{display:block;color:$(menu.color);transition:color .17s}
.mega-content .post-title a:hover{color:$(main.color);text-decoration:underline}
.no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center}
.mega-menu .no-posts{line-height:60px;color:$(menu.color)}
.show-search,.hide-search{position:absolute;right:0;top:0;display:block;width:46px;height:46px;background-color:$(main.color);line-height:46px;z-index:20;color:$(menu.color);font-size:15px;text-align:center;cursor:pointer;transition:color .17s ease}
.show-search:before{content:"\f002";font-family:FontAwesome;font-weight:400}
.hide-search:before{content:"\f00d";font-family:FontAwesome;font-weight:400}
.show-search:hover,.hide-search:hover{color:#fff}
#nav-search{display:none;position:absolute;left:0;top:0;width:100%;height:46px;z-index:99;background-color:$(menu.bg);box-sizing:border-box;padding:0}
#nav-search .search-form{width:100%;height:46px;background-color:rgba(0,0,0,0);line-height:46px;overflow:hidden;padding:0}
#nav-search .search-input{width:100%;height:46px;font-family:inherit;color:$(menu.color);margin:0;padding:0 56px 0 0;background-color:rgba(0,0,0,0);font-size:13px;font-weight:400;box-sizing:border-box;border:0}
#nav-search .search-input:focus{color:$(menu.color);outline:none}
.slide-menu-toggle{display:none;position:absolute;line-height:46px;height:46px;width:46px;top:0;left:0;background-color:$(main.color);font-family:FontAwesome;color:#fff;font-size:21px;font-weight:400;text-align:center;cursor:pointer;z-index:4;padding:0}
.slide-menu-toggle:before{content:"\f0c9"}
.nav-active .slide-menu-toggle:before{content:"\f00d"}
.mobile-menu{display:none;position:absolute;top:46px;left:0;width:100%;background-color:$(dark.color);box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease}
.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1)}
.mobile-menu > ul{margin:0}
.mobile-menu .m-sub{display:none;padding:0}
.mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:14px;font-weight:700;line-height:38px;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.01)}
.mobile-menu > ul li ul{overflow:hidden}
.mobile-menu > ul > li:first-child{border-top:0}
.mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all .17s ease}
.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#fff;cursor:pointer}
.mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease}
.mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(90deg)}
.mobile-menu > ul > li > ul > li a{font-size:13px;text-transform:initial;font-weight:600}
.mobile-menu > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 15px}
.mobile-menu > ul > li > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 30px}
.mobile-menu ul li a:hover,.mobile-menu ul > li > .submenu-toggle:hover{color:$(main.color)}
.post-meta{overflow:hidden;color:#aaa;font-size:12px;font-weight:400;padding:0 1px}
.item-post .post-meta{line-height:20px}
.post-meta span,.post-meta i{float:left;display:inline-block;margin:0}
.post-meta span img{float:left;width:20px;height:20px;color:#fff;margin:0 5px 0 0;border-radius:20px}
.post-meta i{margin:0 4px}
.post-meta .post-author:after{content:'-';margin:0 4px}
.post-author{font-weight:700}
.post-tag{color:$(main.color);font-weight:700}
.post-meta a{color:$(title.color);transition:color .17s}
.post-meta a:hover{color:$(main.color);text-decoration:underline}
.hot-wrapper{position:relative;float:left;width:100%;background-color:#f9f9f9;border-bottom:1px solid #ebebeb}
.hot-section{margin:0 auto}
.hot-wrapper,.hot-section .widget > .widget-title{display:none}
.hot-wrapper.show-hot-wrap{display:block!important}
.hot-section .widget-content{position:relative;overflow:hidden;height:342px;margin:30px 0}
.hot-loader{position:relative;height:100%;overflow:hidden;display:block}
.hot-loader:after{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-15px 0 0 -15px;border:2px solid $(main.color);border-left-color:#f5f5f5;border-radius:100%;animation:spinner .8s infinite linear;transform-origin:center}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
ul.hot-posts{position:relative;overflow:hidden;height:342px;margin:0 -1px}
.hot-posts .hot-item{position:relative;float:left;width:25%;height:170px;overflow:hidden;box-sizing:border-box;padding:0 1px}
.hot-posts .hot-item.item-0{width:50%;height:342px}
.hot-posts .hot-item.item-1,.hot-posts .hot-item.item-2{margin:0 0 2px}
.hot-posts .item-1 .post-image-link:after,.hot-posts .item-2 .post-image-link:after,.hot-posts .item-3 .post-image-link:after,.hot-posts .item-4 .post-image-link:after{width:26px;height:26px;font-size:8px;line-height:24px}
.hot-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block}
.hot-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block}
.hot-posts .post-info{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));overflow:hidden;z-index:5;box-sizing:border-box;padding:20px}
.hot-posts .post-title{font-size:14px;font-weight:700;display:block;line-height:1.5em;margin:10px 0 5px}
.hot-posts .item-0 .post-title{font-size:25px}
.hot-posts .post-title a{color:#fff;display:block}
.hot-posts .post-title a:hover{text-decoration:underline}
.hot-posts .post-image-link:after{top:20px;right:20px;left:auto}
.hot-posts .post-meta a{color:#fff}
.hot-section .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%}
.queryMessage{overflow:hidden;background-color:#f5f5f5;color:$(title.color);font-size:13px;font-weight:400;line-height:36px;padding:0 15px;margin:0 0 20px}
.queryMessage .query-info{margin:0 5px}
.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase}
.queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c"}
.queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d"}
.queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center}
.title-wrap{position:relative;float:left;width:100%;height:34px;background-color:$(dark.color);line-height:34px;box-sizing:border-box;padding:0 15px;margin:0 0 20px}
.title-wrap > h3{position:relative;float:left;font-size:15px;color:#fff;font-weight:700;margin:0}
.show-more{float:right;height:18px;background-color:$(main.color);color:#fff;font-size:10px;text-transform:uppercase;line-height:18px;padding:0 5px;margin:9px 0 0;transition:background .17s ease}
.show-more:hover{background-color:$(dark.color)}
.custom-widget li{overflow:hidden;margin:20px 0 0}
.custom-widget li:first-child{padding:0;margin:0;border:0}
.custom-widget .post-image-link{position:relative;width:100px;height:70px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}
.custom-widget .post-info{overflow:hidden}
.custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px}
.custom-widget .post-title a{display:block;color:$(title.color);transition:color .17s}
.custom-widget .post-title a:hover{text-decoration:underline}
.home-ad .widget > .widget-title{display:none}
.home-ad .widget{width:728px;max-width:100%;margin:0 auto}
.home-ad .widget .widget-content{position:relative;width:100%;max-height:90px;overflow:visible;line-height:1;margin:0 0 30px}
.index-post-wrap{position:relative;float:left;width:100%}
.blog-post{display:block;overflow:hidden;word-wrap:break-word}
.index-post-wrap .grid-posts{display:flex;flex-wrap:wrap;margin:0 -10px}
.index-post{width:calc(100% / 3);box-sizing:border-box;padding:0 10px;margin:0 0 30px}
.index-post .post-image-wrap{float:left;width:100%;height:130px;overflow:hidden;margin:0 0 10px}
.index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden}
.index-post .post-info{float:left;width:100%}
.index-post .post-info > h2{font-size:14px;font-weight:700;line-height:1.5em;text-decoration:none;margin:0}
.index-post .post-info > h2 > a{display:block;color:$(title.color);transition:color .17s}
.index-post .post-info > h2 > a:hover{color:$(main.color);text-decoration:underline}
.widget iframe,.widget img{max-width:100%}
.date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0}
.index-post .post-meta{margin:5px 0 0}
.post-timestamp{margin-left:0}
#breadcrumb{font-size:12px;font-weight:400;color:#aaa;margin:0 0 10px}
#breadcrumb a{color:#aaa;transition:color .17s}
#breadcrumb a:hover{color:$(main.color)}
#breadcrumb a,#breadcrumb em{display:inline-block}
#breadcrumb .delimiter:after{content:'\f054';font-family:FontAwesome;font-size:8px;font-weight:400;font-style:normal;vertical-align:middle;margin:0 3px}
.item-post h1.post-title{color:$(title.color);font-size:27px;line-height:1.5em;font-weight:700;position:relative;display:block;margin:10px 0 15px;padding:0}
.static_page .item-post h1.post-title{margin:0}
.item-post .post-body{width:100%;line-height:1.5em;overflow:hidden;padding:20px 0 0;margin:15px 0 0;border-top:1px solid #ebebeb}
.static_page .item-post .post-body{padding:20px 0}
.item-post .post-outer{padding:0}
.item-post .post-body img{max-width:100%}
.main .widget{margin:0}
.main .Blog{border-bottom-width:0}
.post-footer{position:relative;float:left;width:100%;margin:20px 0 0}
.inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px}
.inline-ad > ins{display:block!important;margin:0 auto!important}
.item .inline-ad{float:left;width:100%;margin:20px 0 0}
.item-post-wrap > .inline-ad{margin:0 0 20px}
.post-labels{overflow:hidden;height:auto;position:relative;margin:0 0 20px;padding:0}
.post-labels span,.post-labels a{float:left;height:22px;background-color:#f5f5f5;color:$(title.color);font-size:12px;line-height:22px;font-weight:400;margin:0;padding:0 10px}
.post-labels span{background-color:$(dark.color);color:#fff}
.post-labels a{margin:0 0 0 5px;transition:all .17s ease}
.post-labels a:hover{background-color:$(main.color);color:#fff;border-color:$(main.color)}
.post-reactions{height:28px;display:block;margin:0 0 15px}
.post-reactions span{float:left;color:$(title.color);font-size:11px;line-height:25px;text-transform:uppercase;font-weight:700}
.reactions-inner{float:left;margin:0;height:28px}
.post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 30px}
ul.share-links{position:relative}
.share-links li{width:32px;float:left;box-sizing:border-box;margin:0 5px 0 0}
.share-links li.facebook,.share-links li.twitter{width:20%}
.share-links li a{float:left;display:inline-block;cursor:pointer;width:100%;height:32px;line-height:32px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;transition:all .17s ease}
.share-links li.whatsapp-mobile{display:none}
.is-mobile li.whatsapp-desktop{display:none}
.is-mobile li.whatsapp-mobile{display:inline-block}
.share-links li a:before{float:left;display:block;width:32px;background-color:rgba(0,0,0,0.05);text-align:center;line-height:32px}
.share-links li a:hover{opacity:.8}
ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px}
.post-nav li{display:inline-block;width:50%}
.post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px}
.post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px}
.post-nav li a{color:$(title.color);line-height:1.4em;display:block;overflow:hidden;transition:color .17s}
.post-nav li:hover a p{color:$(main.color);text-decoration:underline}
.post-nav li span{display:block;font-size:11px;color:#aaa;font-weight:700;text-transform:uppercase;padding:0 0 2px}
.post-nav .post-prev span:before{content:"\f053";float:left;font-family:FontAwesome;font-size:10px;font-weight:400;text-transform:none;margin:0 2px 0 0}
.post-nav .post-next span:after{content:"\f054";float:right;font-family:FontAwesome;font-size:10px;font-weight:400;text-transform:none;margin:0 0 0 2px}
.post-nav p{font-size:12px;font-weight:400;line-height:1.4em;margin:0}
.post-nav .post-nav-active p{color:#aaa!important;text-decoration:none!important}
.about-author{position:relative;display:block;overflow:hidden;padding:30px 0 0;margin:0 0 30px;border-top:1px solid #ebebeb}
.about-author .avatar-container{position:relative;float:left;width:80px;height:80px;background-color:rgba(155,155,155,0.07);overflow:hidden;margin:0 15px 0 0;border-radius:100%}
.about-author .author-avatar{float:left;width:100%;height:100%}
.author-name{overflow:hidden;display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;line-height:14px;margin:7px 0 3px}
.author-name span{color:$(title.color)}
.author-name a{color:$(main.color)}
.author-name a:hover{text-decoration:underline}
.author-description{display:block;overflow:hidden;font-size:12px;font-weight:400;line-height:1.5em}
.author-description a:hover{text-decoration:underline}
#related-wrap{overflow:hidden;margin:0 0 30px}
#related-wrap .related-tag{display:none}
.related-ready{float:left;width:100%}
.related-ready .loader{height:178px}
ul.related-posts{position:relative;overflow:hidden;margin:0 -10px;padding:0}
.related-posts .related-item{width:33.33333333%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;padding:0 10px;margin:0}
.related-posts .post-image-link{width:100%;height:130px;position:relative;overflow:hidden;display:block}
.related-posts .post-title{font-size:14px;font-weight:700;line-height:1.5em;display:block;margin:7px 0 5px}
.related-posts .post-title a{color:$(title.color);transition:color .17s}
.related-posts .post-title a:hover{color:$(main.color);text-decoration:underline}
#blog-pager{float:left;width:100%;overflow:hidden;clear:both;margin:0 0 30px}
.blog-pager a,.blog-pager span{float:left;display:block;min-width:32px;height:32px;background-color:$(dark.color);color:#fff;font-size:13px;font-weight:700;line-height:32px;text-align:center;box-sizing:border-box;padding:0 10px;margin:0 5px 0 0;transition:all .17s ease}
.blog-pager span.page-dots{min-width:20px;background-color:#fff;font-size:16px;color:$(body.text.color);font-weight:400;line-height:32px;padding:0}
.blog-pager .page-of{display:none;width:auto;float:right;border-color:rgba(0,0,0,0);margin:0}
.blog-pager .page-active,.blog-pager a:hover{background-color:$(main.color);color:#fff;border-color:$(main.color)}
.blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:11px;font-weight:400}
.blog-pager .page-prev:before{content:'\f053'}
.blog-pager .page-next:before{content:'\f054'}
.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{float:left;display:inline-block;width:auto;padding:0 10px;margin:0}
.blog-pager .blog-pager-older-link{float:right}
.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{display:none}
.blog-post-comments{display:none}
.blog-post-comments .comments-title{margin:0 0 20px}
.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0}
#comments{margin:0}
#gpluscomments{float:left!important;width:100%!important;margin:0 0 25px!important}
#gpluscomments iframe{float:left!important;width:100%}
.comments{display:block;clear:both;margin:0;color:$(title.color)}
.comments .comment-thread > ol{padding:0}
.comments > h3{font-size:13px;font-weight:400;font-style:italic;padding-top:1px;margin:0 0 10px}
.comments .comments-content .comment{list-style:none;margin:0;padding:0 0 8px}
.comments .comments-content .comment:first-child{padding-top:0}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}
.comments .item-control{position:static}
.comments .avatar-image-container{float:left;overflow:hidden;position:absolute}
.comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:100%}
.comments .comment-block{overflow:hidden;padding:0 0 10px}
.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 50px}
.comments .comments-content .inline-thread{padding:0}
.comments .comment-actions{float:left;width:100%;position:relative;margin:0}
.comments .comments-content .comment-header{font-size:12px;display:block;overflow:hidden;clear:both;margin:0 0 10px;padding:0;border-bottom:0}
.comments .comments-content .comment-header a{color:$(title.color);transition:color .17s}
.comments .comments-content .comment-header a:hover{color:$(main.color)}
.comments .comments-content .user{font-style:normal;font-weight:700;text-transform:uppercase;display:block}
.comments .comments-content .icon.blog-author{display:none}
.comments .comments-content .comment-content{display:block;background-color:#f8f9fa;font-size:13px;color:#5E5E5E;font-weight:400;text-align:left;line-height:1.4em;padding:15px;margin:5px 0;border-radius:3px}
.comments .comment .comment-actions a{color:$(main.color);font-weight:400;font-size:10px;margin-right:10px}
.comments .comment .comment-actions a:hover{text-decoration:underline}
.comments .comments-content .datetime{float:left;font-size:11px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block}
.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa}
.comments .thread-toggle{margin-bottom:4px}
.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0}
.comments .thread-count a,.comments .continue a{transition:opacity .17s}
.comments .thread-count a:hover,.comments .continue a:hover{opacity:.8}
.comments .thread-expanded{padding:5px 0 0}
.comments .thread-chrome.thread-collapsed{display:none}
.thread-arrow:before{content:'';font-family:FontAwesome;color:$(title.color);font-weight:400;margin:0 2px 0 0}
.comments .thread-expanded .thread-arrow:before{content:'\f0d7'}
.comments .thread-collapsed .thread-arrow:before{content:'\f0da'}
.comments .comments-content .comment-thread{margin:0}
.comments .continue a{padding:0 0 0 60px;font-weight:400}
.comments .comments-content .loadmore.loaded{margin:0;padding:0}
.comments .comment-replybox-thread{margin:0}
.comments .continue a,.thread-expanded .thread-count,.thread-expanded .thread-arrow,.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none}
#comment-editor{margin:0 0 20px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:$(title.color);font-weight:700;margin:0 0 15px}
.post-body h1,.post-body h2{font-size:24px}
.post-body h3{font-size:21px}
.post-body h4{font-size:18px}
.post-body h5{font-size:16px}
.post-body h6{font-size:13px}
blockquote{font-style:italic;padding:10px;margin:0;border-left:4px solid $(main.color)}
blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;color:#aaa;line-height:1}
blockquote:before{content:'\f10d';margin:0 10px 0 0}
blockquote:after{content:'\f10e';margin:0 0 0 10px}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}
.post-body ul{padding:0 0 0 20px}
.post-body ul li:before{content:"\f105";font-family:FontAwesome;font-size:13px;font-weight:400;margin:0 5px 0 0}
.post-body u{text-decoration:underline}
.post-body a{transition:all .17s ease}
.post-body strike{text-decoration:line-through}
.post-btn{display:inline-block;height:34px;background-color:$(main.color);font-size:15px;color:#fff;line-height:34px;font-weight:700;padding:0 30px}
.post-btn:before{content:'\f019';font-family:FontAwesome;font-weight:400;display:inline-block;margin:0 5px 0 0}
.post-btn:hover{background-color:$(dark.color)}
.contact-form{overflow:hidden}
.contact-form .widget-title{display:none}
.contact-form .contact-form-name{width:calc(50% - 5px)}
.contact-form .contact-form-email{width:calc(50% - 5px);float:right}
.sidebar .widget{position:relative;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:0;margin:0 0 30px}
.sidebar .widget-title{position:relative;float:left;width:100%;height:34px;background-color:$(dark.color);line-height:34px;box-sizing:border-box;padding:0 15px;margin:0 0 20px}
.sidebar .widget-title > h3{position:relative;float:left;font-size:15px;color:#fff;font-weight:700;margin:0}
.sidebar .widget-content{float:left;width:100%;margin:0}
ul.social-counter{margin:0 -5px}
.social-counter li{float:left;width:25%;box-sizing:border-box;padding:0 5px;margin:10px 0 0}
.social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4){margin-top:0}
.social-counter li a{display:block;height:40px;font-size:22px;color:#fff;text-align:center;line-height:40px;border-radius:3px;transition:opacity .17s}
.social-counter li a:hover{opacity:.8}
.list-label li{position:relative;display:block;padding:7px 0;border-top:1px dotted #ebebeb}
.list-label li:first-child{padding-top:0;border-top:0}
.list-label li:last-child{padding-bottom:0;border-bottom:0}
.list-label li a{display:block;color:$(title.color);font-size:12px;font-weight:400;text-transform:capitalize;transition:color .17s}
.list-label li a:before{content:"\f054";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;font-size:6px;margin:1px 3px 0 0;transition:color .17s}
.list-label li a:hover{color:$(main.color)}
.list-label .label-count{position:relative;float:right;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px;padding:0 5px}
.cloud-label li{position:relative;float:left;margin:0 5px 5px 0}
.cloud-label li a{display:block;height:26px;background-color:#f5f5f5;color:$(title.color);font-size:12px;line-height:26px;font-weight:400;padding:0 10px;transition:all .17s ease}
.cloud-label li a:hover{color:#fff;background-color:$(main.color)}
.cloud-label .label-count{display:none}
.sidebar .FollowByEmail > .widget-title > h3{margin:0}
.FollowByEmail .widget-content{position:relative;overflow:hidden;background-color:$(dark.color);text-align:center;font-weight:400;box-sizing:border-box;padding:20px}
.FollowByEmail .widget-content > h3{font-size:18px;color:#fff;font-weight:700;text-transform:uppercase;margin:0 0 13px}
.FollowByEmail .before-text{font-size:13px;color:#aaa;line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden}
.FollowByEmail .widget-content:after{content:'\f0e0';position:absolute;top:0;right:-10px;font-family:FontAwesome;font-size:50px;color:rgba(155,155,155,0.2);transform:rotate(21deg)}
.FollowByEmail .follow-by-email-inner{position:relative}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:32px;color:$(title.color);font-size:11px;font-family:inherit;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:0;border-radius:3px;transition:ease .17s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:32px;font-family:inherit;font-size:11px;color:#fff;background-color:$(main.color);text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;margin:0;border:0;border-radius:3px;transition:all .17s ease}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{opacity:.85}
#ArchiveList ul.flat li{color:$(title.color);font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea}
#ArchiveList ul.flat li:first-child{padding-top:0}
#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0}
#ArchiveList .flat li > a{display:block;color:$(title.color);transition:color .17s}
#ArchiveList .flat li > a:hover{color:$(main.color)}
#ArchiveList .flat li > a:before{content:"\f054";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;font-size:6px;margin:1px 3px 0 0;display:inline-block;transition:color .17s}
#ArchiveList .flat li > a > span{position:relative;float:right;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px;padding:0 5px}
.PopularPosts .post{overflow:hidden;margin:20px 0 0}
.PopularPosts .post:first-child{padding:0;margin:0;border:0}
.PopularPosts .post-image-link{position:relative;width:100px;height:70px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}
.PopularPosts .post-info{overflow:hidden}
.PopularPosts .post-title{font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px}
.PopularPosts .post-title a{display:block;color:$(title.color);transition:color .17s}
.PopularPosts .post-title a:hover{color:$(main.color);text-decoration:underline}
.FeaturedPost .post-image-link{display:block;position:relative;width:100%;height:180px;overflow:hidden;margin:0 0 10px}
.FeaturedPost .post-title{font-size:17px;overflow:hidden;font-weight:700;line-height:1.5em;margin:0 0 5px}
.FeaturedPost .post-title a{color:$(title.color);display:block;transition:color .17s ease}
.FeaturedPost .post-title a:hover{color:$(main.color);text-decoration:underline}
.Text{font-size:13px}
.contact-form-widget form{font-weight:400}
.contact-form-name{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}
.contact-form-email{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}
.contact-form-email-message{float:left;width:100%;font-family:inherit;font-size:13px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}
.contact-form-button-submit{float:left;width:100%;height:30px;background-color:$(main.color);font-size:13px;color:#fff;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;transition:background .17s ease}
.contact-form-button-submit:hover{background-color:$(dark.color)}
.contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}
.contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9}
.contact-form-cross{margin:0 0 0 3px}
.contact-form-error-message,.contact-form-success-message{margin:0}
.BlogSearch .search-input{float:left;width:75%;height:30px;background-color:#fff;font-weight:400;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #ebebeb;border-right-width:0}
.BlogSearch .search-action{float:right;width:25%;height:30px;font-family:inherit;font-size:13px;line-height:30px;cursor:pointer;box-sizing:border-box;background-color:$(main.color);color:#fff;padding:0 5px;border:0;transition:background .17s ease}
.BlogSearch .search-action:hover{background-color:$(dark.color)}
.Profile .profile-img{float:left;width:80px;height:80px;margin:0 15px 0 0;transition:all .17s ease}
.Profile .profile-datablock{margin:0}
.Profile .profile-data .g-profile{display:block;font-size:14px;color:$(title.color);margin:0 0 5px;transition:color .17s ease}
.Profile .profile-data .g-profile:hover{color:$(main.color)}
.Profile .profile-info > .profile-link{color:$(title.color);font-size:11px;margin:5px 0 0;transition:color .17s ease}
.Profile .profile-info > .profile-link:hover{color:$(main.color)}
.Profile .profile-datablock .profile-textblock{display:none}
.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:7px 0 0}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:$(title.color);font-size:13px;font-weight:400;transition:color .17s ease}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:$(main.color)}
.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0}
#footer-wrapper{background-color:$(dark.color)}
#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:25px 0}
.footer-widgets-wrap{position:relative;display:flex;margin:0 -15px}
#footer-wrapper .footer{display:inline-block;float:left;width:33.33333333%;box-sizing:border-box;padding:0 15px}
#footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:25px 0 0}
#footer-wrapper .footer .Text{margin:10px 0 0}
#footer-wrapper .footer .widget:first-child{margin:0}
.footer .widget > .widget-title > h3{position:relative;color:$(footer.color);line-height:16px;font-weight:700;margin:0 0 20px}
.footer .post-image-link{background-color:rgba(255,255,255,0.05)}
.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{color:$(footer.color)}
.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{color:$(main.color)}
.footer .no-posts{color:$(footer.color)}
.footer .FollowByEmail .widget-content > h3{color:$(footer.color)}
.footer .FollowByEmail .widget-content{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05)}
.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{color:#aaa}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:$(dark.color)}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05)}
.footer #ArchiveList .flat li > a{color:$(footer.color)}
.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{border-color:rgba(255,255,255,0.05)}
.footer .list-label li:first-child{padding-top:0}
.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{color:$(footer.color)}
.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{color:$(main.color)}
.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{background-color:rgba(255,255,255,0.05);color:$(footer.color)}
.footer .cloud-label li a{background-color:rgba(255,255,255,0.05);color:$(footer.color)}
.footer .cloud-label li a:hover{background-color:$(main.color);color:#fff}
.footer .BlogSearch .search-input{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05)}
.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05)}
.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{background-color:rgba(0,0,0,0.3)}
#sub-footer-wrapper{color:$(footer.color);display:block;padding:0;width:100%;overflow:hidden}
#sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:12px 0;border-top:1px solid rgba(255,255,255,0.05)}
#footer-social{float:right;position:relative;display:block}
#footer-social .widget > .widget-title{display:none}
#footer-social ul li{float:left;display:inline-block;height:34px;padding:0;margin:0}
#footer-social ul li a{font-size:13px;font-weight:400;display:block;color:$(footer.color);line-height:34px;padding:0 10px;margin:0 0 0 5px;transition:color .17s ease}
#footer-social ul li:last-child a{padding:0 0 0 5px}
#footer-social ul li a:hover{color:$(main.color)}
#sub-footer-wrapper .copyright-area{font-size:13px;float:left;height:34px;line-height:34px;font-weight:400}
#sub-footer-wrapper .copyright-area a{color:$(main.color);transition:color .17s}
#sub-footer-wrapper .copyright-area a:hover{text-decoration:underline}
.hidden-widgets{display:none;visibility:hidden}
.back-top{display:none;z-index:1010;width:34px;height:34px;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:13px;color:#fff;text-align:center;line-height:34px}
.back-top:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:$(main.color);opacity:.5;transition:opacity .17s ease}
.back-top:after{content:'\f077';position:relative;font-family:FontAwesome;font-weight:400;opacity:.8;transition:opacity .17s ease}
.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{opacity:1}
.error404 #main-wrapper{width:100%!important;margin:0!important}
.error404 #sidebar-wrapper{display:none}
.errorWrap{color:$(title.color);text-align:center;padding:80px 0 100px}
.errorWrap h3{font-size:160px;line-height:1;margin:0 0 30px}
.errorWrap h4{font-size:25px;margin:0 0 20px}
.errorWrap p{margin:0 0 10px}
.errorWrap a{display:block;color:$(main.color);padding:10px 0 0}
.errorWrap a i{font-size:20px}
.errorWrap a:hover{text-decoration:underline}
@media screen and (max-width: 1100px) {
#outer-wrapper{max-width:100%}
.row{width:100%}
#top-bar .container{box-sizing:border-box;padding:0 20px}
.hot-wrapper{box-sizing:border-box;padding:0 20px}
#header-wrap{height:auto}
.header-header{height:auto;box-sizing:border-box;padding:25px 20px}
.header-menu{box-sizing:border-box;padding:0 20px}
#content-wrapper{position:relative;box-sizing:border-box;padding:0 20px;margin:30px 0 0}
#footer-wrapper .container{box-sizing:border-box;padding:25px 20px}
#sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px}
}
@media screen and (max-width: 980px) {
.header-logo{width:100%;max-width:100%;text-align:center}
.top-menu{width:100%;text-align:center;margin:0}
.top-menu ul li{float:none;margin:25px 0 0}
.top-menu ul li a{margin:0 10px}
#main-menu{display:none}
.mobile-menu,.slide-menu-toggle{display:block}
.show-search,.hide-search{font-size:20px}
#content-wrapper > .container{margin:0}
#header-inner a{display:inline-block!important}
#main-wrapper,#sidebar-wrapper{width:100%;padding:0}
.item #sidebar-wrapper{margin-top:20px}
}
@media screen and (max-width: 880px) {
.footer-widgets-wrap{display:block}
#footer-wrapper .footer{width:100%;margin-right:0}
#footer-sec2,#footer-sec3{margin-top:25px}
}
@media screen and (max-width: 680px) {
#hot-section .show-hot .widget-content,#hot-section .hot-posts{height:auto}
#hot-section .hot-loader{height:200px}
.hot-posts .hot-item{width:100%;margin:2px 0 0}
.hot-posts .hot-item.item-0{width:100%;height:220px;margin:0}
.hot-posts .hot-item.item-1,.hot-posts .hot-item.item-2{margin:2px 0 0}
.hot-posts .post-title{font-size:16px}
.hot-posts .item-0 .post-title{font-size:18px}
.home-ad .widget .widget-content{max-height:none}
#footer-social,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center}
#footer-social{margin:10px 0 0}
#sub-footer-wrapper .copyright-area{margin:10px 0}
#footer-social ul li{float:none;height:auto}
#footer-social ul li a{line-height:inherit;margin:0 3px 5px}
}
@media screen and (max-width: 580px) {
.index-post-wrap .grid-posts{margin:0}
.index-post{width:100%;padding:0;margin:20px 0 0!important}
.index-post.post-0{margin:0!important}
.index-post .post-image-wrap{width:100px;height:70px;margin:0 12px 0 0}
.index-post .post-image-link:after{top:calc(50% - 13px);left:calc(50% - 13px);width:26px;height:26px;font-size:8px;line-height:24px}
.index-post .post-info{float:none;width:auto;overflow:hidden}
.index-post .post-info > h2{font-size:13px}
.share-links li a span{display:none}
.share-links li.facebook,.share-links li.twitter{width:32px}
ul.related-posts{margin:0}
.related-posts .related-item{width:100%;padding:0;margin:20px 0 0}
.related-posts .item-0{margin:0}
.related-posts .post-image-link:after{top:calc(50% - 13px);left:calc(50% - 13px);width:26px;height:26px;font-size:8px;line-height:24px}
.related-posts .post-tag,.related-posts .post-meta i{display:none}
.related-posts .post-image-link{width:100px;height:70px;float:left;margin:0 12px 0 0}
.related-posts .post-title{font-size:13px;overflow:hidden;margin:0 0 5px}
.post-reactions{display:none}
#blog-pager{margin:30px 0}
.queryMessage{text-align:center;line-height:inherit;padding:10px 15px}
.queryMessage a.show-more{display:none}
}
@media screen and (max-width: 440px) {
.item-post h1.post-title{font-size:24px}
.about-author{text-align:center}
.about-author .avatar-container{float:none;display:table;margin:0 auto 10px}
#comments ol{padding:0}
.errorWrap{padding:70px 0 100px}
.errorWrap h3{font-size:120px}
}
@media screen and (max-width: 360px) {
.about-author .avatar-container{width:60px;height:60px}
}
]]>
-
-
- .container{display:flex;margin:0}
body#layout #main-wrapper{width:66.66%;padding:0}
body#layout #sidebar-wrapper{width:33.33%;padding:0}
body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible}
body#layout .footer-widgets-wrap{display:flex}
body#layout .footer-widgets-wrap div.footer{width:100%}
/*------Layout (end)----------*/
]]>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-
-
-
-
-
-
-
![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
NONE
boxedVersion
false
-
-
-
-
9
NONE
commentsSystem
blogger
disqusShortname
true
postPerPage
soratemplates
fixedSidebar
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Comments
true
by
true
TextAndImage
false
1x1
false
true
1
#ffffff
false
#070707
true
#656565
true
#e73737
#ffffff
true
Tags
false
false
false
-
-
-
-
-
-
-
-
-
![]()
-
-
-
-
0 Comments