/******************************************************************

Theme Name: viralike pro
Description:The most powerful Wordpress theme for create a viral site
Author: Stiven Martinez
Author URI: http://temaslab.com/
Version: 4.3.0

README FIRST
------------------------------------------------------------------

Developed by: Stiven Martinez
Website: www.stivenmartinez.com
Skype: Stivenmart
Contact email: stivenmart@gmail.com


General
----------------------------------------------------- */
body { font-family: 'Roboto', sans-serif; }
.container { padding: 0 20px; }

a { color: #dd2c49; }

.meta { font-size: 13px; font-weight: 400; color: #777; }
.meta span { display: inline-block; margin-right: 15px; position:relative; }
.meta span:after { font-size: 24px; content: '\00b7'; color: #ccc; position: absolute; right: -12px; top: -8px; }
.meta span:last-child:after { content: ''; }
.meta span.views { color: #e54040; }
.meta.border { position: relative; }
.meta.border:after { content: ''; width: 50px; height: 1px; background: #dfdfdf; display: block; margin-top: 5px; margin-bottom: 5px; }

.section-title { width: 100%; position: relative; margin-bottom: 20px; }
.section-title span.line { width: 100%; height: 3px; background: #dfdfdf; position: absolute; top: 17px; left: 0; }
.section-title h3 { font-size: 20px; padding: 5px 10px; padding-left: 0; display: inline-block; background: #fff; text-transform: uppercase; font-weight: 500; z-index: 10; margin: 0; position: relative;}
.section-title h1 { font-size: 26px; padding: 5px 10px; padding-left: 0; display: inline-block; background: #fff; text-transform: uppercase; font-weight: 500; z-index: 10; margin: 0; position: relative;}

/* --------------------------------------------------
TOP MENU
----------------------------------------------------- */
#top-menu { float: left; width: 100%; height: 35px; position: relative; z-index: 666; border-bottom: 1px solid rgba(0,0,0,0.1); } #top-menu .container { background: #fff; }
#top-menu ul { margin: 0; padding: 0; }
#top-menu ul li { font-size: 16px; list-style: none; display: inline-block; margin: 2px 0; position: relative; border-right: 1px dotted #dfdfdf; margin-right: 5px; }
#top-menu ul li:last-child { border-right: 0; }
#top-menu ul li:before { font-family: FontAwesome; margin-right: 4px; display: inline-block; }
#top-menu ul li a { font-size: 14px; color: #222; font-weight: 400; display: inline-block; padding: 5px 0; margin-right: 10px; }

#top-menu ul li.menu-item-has-children a { margin-right: 30px; }
#top-menu ul li.menu-item-has-children:after { font-size: 10px; content: '\f067'; font-family: FontAwesome; color: #ddd; position: absolute; right: 17px; top: 8px; }

#top-menu ul li ul.sub-menu { width: 200px; background: #fff; border: 1px solid rgba(0,0,0,0.1); border-top: 0; margin: 0; padding: 0; display: none; position: absolute; top: 30px; left: -10px; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
#top-menu ul li ul.sub-menu li { margin: 0; padding: 0; display: block; width: 100%; float: left; border-right: 0; }
#top-menu ul li ul.sub-menu li:last-child { border-bottom: 0; }
#top-menu ul li ul.sub-menu li a { color: #444; padding: 6px 15px; width: 100%; float: left; display: block; background: transparent; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; -moz-box-sizing: border-box; }
#top-menu ul li ul.sub-menu li a:hover { text-decoration: underline; }

#top-menu ul li:hover ul.sub-menu { display: block; }
#top-menu ul li:hover a,
#top-menu ul li:hover:before { color: #dd2c49; }
#top-menu ul li.menu-item-has-children:hover:after { color: #dd2c49; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* --------------------------------------------------
HEADER
----------------------------------------------------- */
#header { width: 100%; float: left; font-size: 18px; height: 80px; padding: 0; overflow: hidden; }
#header .logo { margin: 20px 16px 0 0; float: left; } #header .logo img { max-height: 70px; width: auto; }
#header .logo h1.site-title { display: none; opacity: 0; }

#header .search-top { float: left; margin: 12px; position: relative; }
#header .search-top input.text { font-weight: 400; padding: 16px 25px 16px 55px; border: 0; border-left: 1px solid #dfdfdf; outline: none; position: relative; }
#header .search-top input.text::-webkit-input-placeholder,
#header .search-top input.text:-moz-placeholder,
#header .search-top input.text::-moz-placeholder,
#header .search-top input.text:-ms-input-placeholder { font-weight: 300; }
#header .search-top button { position: absolute; left: 20px; top: 15px; border: 0; background: transparent; cursor: default; }

/* Call to action menu
----------------------------------------------------- */
#header .call-to-action { float: right; margin: 23px 0; }
#header .call-to-action ul { margin: 0; padding: 0; }
#header .call-to-action ul li { list-style: none; display: inline-block; margin: 0 0 0 15px; position: relative; }
#header .call-to-action ul li:before { font-family: FontAwesome; margin-right: 4px; }
#header .call-to-action ul li.btn a { color: #fff; }
#header .call-to-action ul li a { color: #222; font-size: 16px; }

/* --------------------------------------------------
MAIN NAV
----------------------------------------------------- */
#main-nav { width: 100%; float: left; } #main-nav .menu-start { min-height: 45px; background: #181F24; position: relative; }

#main-nav .default-menu ul { margin: 0; padding: 5px 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
#main-nav .default-menu ul li { font-size: 16px; list-style: none; display: inline-block; margin: 2px 0; position: relative; }
#main-nav .default-menu ul li:last-child:before,
#main-nav .default-menu ul li ul.sub-menu li { border-right: 0; }
#main-nav .default-menu ul li a { text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 400; display: block; padding: 5px 0; margin-right: 15px; }

#main-nav .default-menu ul li.menu-item-has-children a { margin-right: 30px; }
#main-nav .default-menu ul li.menu-item-has-children:after { font-size: 10px; content: '\f067'; font-family: FontAwesome; color: #ddd; position: absolute; right: 17px; top: 8px; }

#main-nav .default-menu ul li ul.sub-menu { width: 200px; background: #181F24; border-top: 0; margin: 0; padding: 0; display: none; position: absolute; top: 30px; left: -10px; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
#main-nav .default-menu ul li ul.sub-menu li { margin: 0; padding: 0; display: block; width: 100%; float: left; border-right: 0; }
#main-nav .default-menu ul li ul.sub-menu li:before { border-right: 0; }
#main-nav .default-menu ul li ul.sub-menu li:last-child { border-bottom: 0; }
#main-nav .default-menu ul li ul.sub-menu li a { color: #fff; padding: 6px 15px; width: 100%; float: left; display: block; background: transparent; border-bottom: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; -moz-box-sizing: border-box; }
#main-nav .default-menu ul li ul.sub-menu li a:hover { text-decoration: underline; }

#main-nav .default-menu ul li:hover ul.sub-menu { display: block; }
#main-nav .default-menu ul li.menu-item-has-children:hover:after { color: #dd2c49; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#main-nav .social { position: absolute; right: 20px; top: 11px; z-index: 555; }
#main-nav .social a { font-size: 18px; color: #fff; margin-left: 15px; }

@-webkit-keyframes animatedownex { from {-webkit-transform:translate(0px, -60px)} to {-webkit-transform:translate(0px, 0px)} }
@-moz-keyframes animatedownex { from {-moz-transform:translate(0px, -60px)} to {-moz-transform:translate(0px, 0px)} }
@-ms-keyframes animatedownex { from {-ms-transform:translate(0px, -60px)} to {-ms-transform:translate(0px, 0px)} }
@-o-keyframes animatedownex { from {-o-transform:translate(0px, -60px)} to {-o-transform:translate(0px, 0px)} }
@keyframes animatedownex { from {transform:translate(0px, -60px)} to {transform:translate(0px, 0px)} }

.fixed-body #main-nav { background: #181F24; position: fixed; top: 0; left: 0; z-index: 555; -webkit-animation:animatedownex 0.5s;-moz-animation:animatedownex 0.5s;-ms-animation:animatedownex 0.5s;-o-animation:animatedownex 0.5s;animation:animatedownex 0.5s; } 
.fixed-body.admin-bar #main-nav { top: 32px; }

/* --------------------------------------------------
POPULAR
----------------------------------------------------- */
#popular { width: 100%; float: left; margin: 20px 0 0 0; } 
#popular .less-margin { padding: 0; } #popular .less-margin.middle { padding: 0 3px; }

#popular .popular { background-size: cover; background-position: center; width: 100%; height: 330px; float: left; position: relative; } 
#popular .popular:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(55,57,59,0.6); -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
#popular .popular .textpart { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 30px; z-index: 10; box-sizing: border-box; -moz-box-sizing: border-box; }
#popular .popular .textpart { 
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
#popular .popular .textpart h2 { margin: 0; font-size: 26px; }
#popular .popular .textpart .meta { color: #fff; }

#popular .popular.small-post { height: 163.5px; margin-bottom: 3px; }
#popular .popular.medium-post h2,
#popular .popular.small-post h2 { font-size: 22px; }

#popular .popular:hover:after { background: rgba(55,57,59,0.2) }

/* --------------------------------------------------
MAIN
----------------------------------------------------- */
#main { background: #fff; }

#content { margin-top: 20px; width: 100%; float: left; }

#content .category-description { width: 100%; float: left; border: 1px solid #dfdfdf; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 20px; }
#content .not-found { min-height: 200px; }

/* Article post
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article { height: 300px; padding: 0; margin-bottom: 40px; overflow: hidden; position: relative; }
.article .thumb { overflow: hidden; background: #000; margin-bottom: 10px; }
.article .thumb img { max-width: 100%; height: auto; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.article .textpart { color: #222; position: relative; }
.article .textpart h2 { font-size: 18px; line-height: 20px; margin: 0 0 5px 0; }
.article .textpart p { font-size: 13px; color: #444; }

.article .share-post { visibility: hidden; position: absolute; right: 35px; top: 20px; z-index: 20; }
.article .share-post a { color: #fff; width: 35px; height: 35px; line-height: 33px; text-align: center; display: inline-block; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.article .share-post a.fa-facebook:hover { background: #2c418f; border-color: #2c418f; }
.article .share-post a.fa-twitter:hover { background: #1f75bd; border-color: #1f75bd; }
.article .share-post a.fa-link:hover { background: #181F24; border-color: #181F24; }
.article .share-post a.fa-facebook { margin-right: -35px; }
.article .share-post a.fa-link { margin-left: -35px; }
.article:hover .share-post a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.article:hover .share-post a.fa-facebook { margin-right: 0; }
.article:hover .share-post a.fa-link { margin-left: 0; }

.article:hover .share-post { visibility: visible; }
.article:hover .thumb img { -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08); max-width: 100%; height: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.article .textpart h2:hover { color: #dd2c49; text-decoration: underline; }

/* Special post formats
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article.extend { height: auto; margin-bottom: 20px; }
.article.extend .share-post { right: inherit; left: 20px; top: 10px; }

.article.random { position: relative; background-size: cover; background-position: center; height: 120px; margin: 0 0 10px 0; }
.article.random:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(55,57,59,0.6); -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.article.random .textpart { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; z-index: 10; box-sizing: border-box; -moz-box-sizing: border-box; }
.article.random .textpart { 
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); }
.article.random .textpart h2 { font-size: 16px; line-height: 18px; }
.article.random .textpart .meta { color: #fff; }
.article.random .textpart .meta:after { background: rgba(250,250,250,0.3); }
.article.random:hover:after { background: rgba(55,57,59,0.2) }

.article.featured { margin-bottom: 10px; }
.article.featured .thumb { position: relative; }
.article.featured .thumb .number { font-size: 13px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #181F24; color: #fff; position: absolute; left: 5px; top: 5px; z-index: 10; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.article.featured .textpart h2 { font-size: 16px; line-height: 18px; }
.article.featured .textpart .meta { margin-bottom: 5px; }

/* subscribe form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#subscribe-widget { margin-bottom: 40px; height: 300px; padding: 30px 20px; text-align: center; background: #dd2c49; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; }
#subscribe-widget i { font-size: 22px; margin-bottom: 20px; }
#subscribe-widget h3 { margin: 0; font-size: 20px; }
#subscribe-widget p { color: rgba(250,250,250,0.8); margin: 10px 0 0 0; font-size: 16px; line-height: 18px; font-weight: 400; }
#subscribe-widget form p { margin: 0; } #subscribe-widget .mc4wp-form { margin: 0; }
#subscribe-widget form label { text-indent: -9999px; }
#subscribe-widget form input { width: 100%; margin: 0; margin-bottom: 10px; padding: 0; border: 0; padding: 10px 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#subscribe-widget form input[type=submit] { background: rgba(0,0,0,0.2); color: #fff; font-weight: 500; }

/* --------------------------------------------------
SIDEBAR
----------------------------------------------------- */
#sidebar { padding: 0; }

/* Widget areas
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.widget { padding: 0 10px; margin: 0 0 20px 0; width: 100%; float: left;  }
.widget-body { width: 100%; float: left; }
.widget .section-title { margin-bottom: 10px; }
.widget .section-title h3 { text-transform: none; padding-left: 0; font-size: 18px;  }
.widget .section-title span.line { background: transparent; top: 10px; }

.widget a { color: #444; } .widget a:hover { color: #dd2c49; text-decoration: underline; }
.widget ul { margin: 0; padding: 0; }
.widget ul li { list-style: none; margin: 5px 0; }

.widget.widget-ft-post-col .article { width: 100%; height: auto !important; float: left; margin-bottom: 20px !important; padding-bottom: 10px !important; border-bottom: 1px solid #ddd; }
.widget.widget-ft-post-col .article:last-child { border-bottom: 0; }
.widget.widget-ft-post-col .article .thumb img { max-width: 100%; height: auto; }
.widget.widget-ft-post-col .article .textpart h2 { color: #222; margin: 0; font-size: 16px; }

.widget.seotext .social-profiles { width: 100%; float: left; margin-top: 20px; }
.widget.seotext .social-profiles a { width: 35px; height: 35px; text-align: center; line-height: 35px; color: #fff; }
.widget.seotext .social-profiles a.fa-facebook { background: #2c418f; }
.widget.seotext .social-profiles a.fa-twitter { background: #2c82d9; }
.widget.seotext .social-profiles a.fa-youtube-play { background: #c10000; }
.widget.seotext .social-profiles a.fa-google-plus { background: #cb3e3e; }
.widget.seotext .social-profiles a.fa-instagram { background: #3f94a9; }
.widget.seotext .social-profiles a:hover { text-decoration: none; }

.widget #subscribe-widget { height: auto; padding: 20px; margin-bottom: 10px; }

/* --------------------------------------------------
SINGLE POST
----------------------------------------------------- */
#content .single-post h1.entry-title { font-size: 32px; line-height: 34px; margin: 0 0 20px 0; width: 100%; float: left; z-index: 10; position: relative; }
#content .single-post img.featured-image { width: 100%; height: auto; }

#content .single-post .entry-content .meta { font-size: 16px; margin: 0 0 10px 0; vertical-align: middle; }
#content .single-post .entry-content .meta span.views { float: right; font-size: 18px; vertical-align: middle; }
#content .single-post .entry-content .meta span.date:after { content: ''; }

#content .single-post .entry-content { width: 100%; float: left; }
#content .single-post .entry-content iframe { max-width: 100%; margin-top: 10px; margin-bottom: 10px; }
#content .single-post .entry-content img { max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; }
#content .single-post .entry-content p { margin-top: 10px; margin-bottom: 10px; }

#content .single-post .entry-content .tags { width: 100%; float: left; margin-top: 20px; }
#content .single-post .entry-content .tags a { display: inline-block; color: #fff; background: #dd2c49; padding: 3px 10px; margin: 2px 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#content .single-post .entry-content .share { width: 100%; float: left; margin: 20px 0; }
#content .single-post .entry-content .share a { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content .single-post .entry-content .share a.btn-facebook { background: #2c418f; }
#content .single-post .entry-content .share a.btn-twitter { background: #2c82d9; }
#content .single-post .entry-content .share a.btn-whatsapp { background: #8cc409; }
#content .single-post .entry-content .share a.btn-google-plus { background: #cb3e3e; }

#content .single-post .entry-content .entry-navigation { padding: 10px 0; border-top: 1px dashed #dfdfdf; border-bottom: 1px dashed #dfdfdf; margin: 20px 0 0 0; text-align: center; width: 100%; float: left; font-size: 18px; }

#content .single-post .related,
#content .single-post .comments { width: 100%; display: block; float: left; margin-bottom: 20px; }
#content .single-post .related .article { padding-bottom: 0; margin-bottom: 10px; }

#content .single-post a.btn-facebook-fixed { display: none; color: #fff; background: #2c418f; position: fixed; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; z-index: 999; -webkit-animation:animatedownex 0.5s;-moz-animation:animatedownex 0.5s;-ms-animation:animatedownex 0.5s;-o-animation:animatedownex 0.5s;animation:animatedownex 0.5s; }
.fixed-body #content .single-post a.btn-facebook-fixed {display: block; }
.admin-bar #content .single-post a.btn-facebook-fixed { top: 32px; }

.fixed-body.single #main-nav { background: transparent; position: relative; top: inherit; left: inherit; z-index: 555; -webkit-animation: none;-moz-animation: none;-ms-animation: none;-o-animation: none;animation: none; } 
.fixed-body.single.admin-bar #main-nav { top: inherit; }

/* --------------------------------------------------
Footer
----------------------------------------------------- */
#footer { background: #181F24; padding-top: 20px; margin-top: 20px; }

#footer-widgets { color: #fff; padding-top: 40px; }
#footer-widgets a { color: #fff; }

#footer-widgets .widget .section-title { margin-bottom: 10px; }
#footer-widgets .widget .section-title h3 { text-transform: uppercase; background: #181F24; padding-left: 0; font-size: 18px; }
#footer-widgets .widget .section-title span.line { background: #28333a; top: 10px; }

#footer-widgets .widget.widget-ft-post-col .article { border-bottom-color: rgba(0,0,0,0.1); }
#footer-widgets .widget h3,
#footer-widgets .article .textpart,
#footer-widgets .article .textpart h2,
#footer-widgets .widget.widget-ft-post-col .article .textpart h2 { color: #fff; }
#footer-widgets .widget.widget-ft-post-col .article .meta.border:after { background: rgba(0,0,0,0.1); }

#footer-widgets .widget #subscribe-widget { background: rgba(0,0,0,0.2); }

#footer #footer-top { padding: 20px 0 15px 0; color: #fff; }
#footer #footer-top .align-left { float: left; } #footer .align-right { float: right; }
#footer #footer-top span.name { font-size: 20px; font-weight: 500; }
#footer #footer-top p { color: rgba(250,250,250,0.6); }
#footer #footer-top ul.footer-menu { margin: 15px 0; padding: 0; }
#footer #footer-top ul.footer-menu li { position: relative; list-style: none; display: block; float: left; }
#footer #footer-top ul.footer-menu li:before { color: rgba(250,250,250,0.6); content: '\00b7'; position: absolute; left: -3px; bottom: -8px; font-size: 24px; }
#footer #footer-top ul.footer-menu li:first-child:before { content: ''; }
#footer #footer-top ul.footer-menu li a { color: #fff; font-weight: 400; margin: 0 10px; }
#footer #footer-top ul.footer-menu li a:hover { text-decoration: underline; }

#footer #footer-bottom { background: rgba(0,0,0,0.1); color: #fff; font-weight: 400; font-size: 13px; padding: 20px 0; }
#footer #footer-bottom a { color: #fff; font-weight: 500; }

/* --------------------------------------------------
MISC
----------------------------------------------------- */
#ad-space { width: 100%; min-height: 90px; margin: 8px 0; float: left; text-align: center; overflow: hidden; }

.modal img { max-width: 100%; height: auto; }
.modal iframe { max-width: 100%; }
.vertical-alignment-helper { display:table; height: 100%; width: 100%; }
.vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; }
.modal-content { width:inherit; height:inherit; margin: 0 auto; }

/* Go to top button
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a.to-top { visibility: hidden; background: #dd2c49; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; position: fixed; bottom: 40px; right: 40px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.fixed-body a.to-top {visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

/* Pagenavi
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.infi_pagenavi { width: 100%; float: left; text-align: center; margin: 10px 0; position: relative; text-indent: -9999px; }
#infscr-loading { position: relative; width: 100%; float: left; text-align: center; }

.pagination { margin: 0 0 20px 0; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: #dd2c49; border-color: #dd2c49; }
.pagination>li>a, .pagination>li>span { color: #dd2c49; }

/* Alignements
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }

/* --------------------------------------------------
MOBILE
----------------------------------------------------- */
#header .navicon { background: #fff; color: #dd2c49; border-color: #dfdfdf; position: absolute; left: 10px; top: 10px; outline: none; } 
#header .container { position: relative; }
#header .navicon:hover { color: #fff; background: #dd2c49; border-color: #dd2c49; }

#aside { visibility: hidden; margin-left: -70%; width: 70%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: #fff; overflow: hidden; overflow-y: auto; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; box-shadow: 5px 0 10px rgba(0,0,0,0.05); }
#aside .search { width: 100%; position: relative; }
#aside .search input { width: 100%; border: 0; border-bottom: 1px solid #ddd; background: #fff; padding: 20px 15px; outline: none; }
#aside .search button { border: 0; background: transparent; position: absolute; right: 15px; top: 15px; }
#aside ul { margin: 0; padding: 0; }
#aside ul li { list-style: none; position: relative; } #aside ul li:before { color: #aaa; font-family: FontAwesome; position: absolute; right: 20px; top: 12px; z-index: 10; }
#aside ul li a { color: #333; position: relative; font-weight: 400; display: block; width: 100%; margin: 0; padding: 14px 20px; border-bottom: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; }
#aside ul li a:hover { background: #eee; color: #333;  }

#mobile-mask { background: rgba(0,0,0,0.8);width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8888; visibility: hidden; opacity: 0; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

.open-sidebar #aside { visibility: visible; margin-left: 0; }
.open-sidebar #mobile-mask { visibility: visible; opacity: 1; }

@media only screen and (max-width: 992px) {
    #header { height: auto; background: #fff; border-bottom: 1px solid #d6d6d6; }
    #header .logo { width: 100%; text-align: center; padding: 10px 0; margin: 0 !important; }
    #header .logo img { max-height: 35px !important; width: auto; }
    .fixed-body #header { position: fixed; top: 0; left: 0; z-index: 999; }
    .fixed-body.single #header { position: relative; top: 0; left: 0; z-index: 999; }
    #footer-widgets .widget.widget-ft-post-col .article { height: auto !important; }
    #footer #footer-top { text-align: center; }
    #footer #footer-top .align-left { float: none; }
}

@media only screen and (max-width: 770px) {
    a.to-top { display: none; }
    .container { width: 500px; }
    .article { height: auto !important; }
}
@media only screen and (max-width: 540px) {
    #header .logo { width: 100%; text-align: center; }
    #header .logo img { height: auto !important; max-width: 180px !important; }
    
    .article .thumb img { -o-transition: 0; -ms-transition: 0; -moz-transition: 0; -webkit-transition: 0; transition: 0; }
    .article:hover .share-post { visibility: hidden; display: none; }
    .article:hover .thumb img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
    
    .container { width: 100%; padding: 0 5px; }
    #content .single-post h1.entry-title { font-size: 24px; line-height: 26px; }
    
    #footer #footer-top span.name { font-size: 16px; }
}