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

Theme Name: CTRBoost
Description: Give a boost to their Adsense CTR 
Author: Stiven Martinez
Author URI: http://www.temaslab.com/
Version: 2.0.0

/* --------------------------------------------------
Global
----------------------------------------------------- */
#ad-space { width: 100%; min-height: 90px; display: block; float: left; text-align: center; }
#ad-space img { max-width: 100%; }
.archive span.section-title { margin-top: 0; }
span.section-title { font-size: 18px; font-weight: 500; width: 100%; float: left; padding: 10px 0; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
span.section-title h1 { font-size: 22px; margin: 0; } 

/* --------------------------------------------------
HEADER
----------------------------------------------------- */
#header { width: 100%; display: block; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
#header.boxed { width: 990px; display: table; } 
#header.boxed .container { padding: 0 20px; }
#header.boxed #header-ad { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

/* Top Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header #top-menu { width: 100%; height: 36px; display: block; background: #0666D0; box-shadow: 0 2px 3px rgba(0,0,0,0.15); position: relative; z-index: 10; }
#header #top-menu ul.main { margin: 4px 0; padding: 0; display: inline-block; }
#header #top-menu ul.main li { font-size: 14px; color: #fff; text-transform: uppercase; list-style: none; display: inline-block; position: relative; }
#header #top-menu ul.main li:before { font-family: FontAwesome; margin-right: 4px; display: inline-block; }
#header #top-menu ul.main li a { color: #fff; font-weight: 400; display: inline-block; padding: 5px 0; margin-right: 10px; }
#header #top-menu ul.main li a:hover { text-decoration: underline; font-weight: 500; }

#header #top-menu ul.main li.menu-item-has-children a { margin-right: 30px; }

#header #top-menu ul.main 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: 25px; left: -10px; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; z-index: 9999; }
#header #top-menu ul.main li ul.sub-menu li { margin: 0; padding: 0; display: block; width: 100%; float: left; border-right: 0; }
#header #top-menu ul.main li ul.sub-menu li:last-child { border-bottom: 0; }
#header #top-menu ul.main li ul.sub-menu li a { text-transform: none; 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; }
#header #top-menu ul.main li ul.sub-menu li a:hover { text-decoration: none; }

#header #top-menu ul.main li:hover ul.sub-menu { display: block; top: 30px; }

#header #top-menu ul.social { margin: 8px 0; display: inline-block; float: right; }
#header #top-menu ul.social li { display: block; float: left; margin-left: 13px; }
#header #top-menu ul.social li a { color: #fff; }
#header #top-menu ul.social li a:hover { text-decoration: none; }

/* Branding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header #branding { width: 100%; height: 80px; display: block; background: #353e48; float: left; margin-top: -1px; position: relative; }
#header #branding .logo { margin: 20px 0; float: left; }
#header #branding .logo h1 { visibility: hidden; display: none; }
#header #branding .logo img { max-height: 80px; }

/* Search
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header #branding .search { float: left; position: relative; margin: 20px; }
#header #branding .search input.text { outline: none; background: rgba(0,0,0,0.06); border: 1px solid transparent; padding: 10px 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
#header #branding .search button { background: transparent; color: #fff; border: 0; position: absolute; right: 10px; top: 10px; }
#header #branding .search input.text:focus { background-color: #fff; }

/* Main Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header #branding .main-menu { margin: 22px 0; float: right; }
#header #branding .main-menu ul li { font-size: 18px; color: #fff; display: block; float: left; position: relative; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#header #branding .main-menu ul li:before { font-family: FontAwesome; display: inline-block; margin-right: -5px; margin-left: 10px; }
#header #branding .main-menu ul li a { color: #fff; font-weight: 500; display: inline-block; padding: 5px 10px; }
#header #branding .main-menu ul li a:hover { text-decoration: none; }
#header #branding .main-menu ul li:hover { background: rgba(0,0,0,0.2); }

#header #branding .main-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: 34px; left: 0; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
#header #branding .main-menu ul li ul.sub-menu li { margin: 0; padding: 0; display: block; width: 100%; float: left; border-right: 0; }
#header #branding .main-menu ul li ul.sub-menu li:last-child { border-bottom: 0; }
#header #branding .main-menu ul li ul.sub-menu li a { font-size: 16px; 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; }
#header #branding .main-menu ul li ul.sub-menu li a:hover { text-decoration: underline; }
#header #branding .main-menu ul li ul.sub-menu li:hover { background: transparent; }

#header #branding .main-menu ul li:hover ul.sub-menu { display: block; }

/* Header ad
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header #header-ad { width: 100%; padding: 10px 0; display: block; float: left; background: #eee; }

/* --------------------------------------------------
Main
----------------------------------------------------- */
#main { width: 100%; float: left; }
#main #content { background: #fff; padding-top: 20px; padding-bottom: 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

/* Sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#sidebar .widget { width: 100%; float: left; margin-bottom: 20px; }
#sidebar .widget span.widget-title { font-size: 18px; font-weight: 500; width: 100%; float: left; padding-bottom: 10px; margin: 0 0 10px 0; border-bottom: 2px solid #ddd; }

#sidebar .widget ul { margin: 0; padding: 0; }
#sidebar .widget ul li { width: 100%; float: left; list-style: none; display: block; padding: 4px 0; padding-left: 15px; position: relative; }
#sidebar .widget ul li:before { content: '\f0da'; font-family: FontAwesome; position: absolute; left: 0; top: 4px; font-size: 14px; color: #ccc; }
#sidebar .widget ul li a { color: #333; font-weight: 500; }

.article.random { height: auto; margin-bottom: 10px; padding-bottom: 10px; width: 100%; float: left; }
.article.random:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.article.random h2 { color: #333; font-size: 16px; text-align: center; margin-top: 10px; width: 100%; float: left; }
.article.random .thumb { max-height: 140px; overflow: hidden; }
.article.random .thumb img { width: 100%; height: auto; }

.article.featured { margin: 0; height: auto; margin-bottom: 10px; padding-bottom: 10px; width: 100%; float: left; }
.article.featured:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.article.featured h2 { font-size: 16px; width: 100%; float: left; }
.article.featured .meta { margin-bottom: 4px; }
.article.featured .thumb { max-height: 140px; overflow: hidden; }
.article.featured .thumb img { width: 100%; height: auto; }

/* --------------------------------------------------
Articles
----------------------------------------------------- */
.article { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.article h2 { font-size: 22px; font-weight: 500; margin: 0; padding: 0; }
.article .meta { width: 100%; float: left; color: #666; font-size: 13px; margin: 5px 0 10px 0; }
.article .meta span { margin-right: 10px; } .article .meta i { color: #aaa; }
.article .thumb { max-height: 140px; overflow: hidden; }
.article .thumb img { width: 100%; height: auto; }
.article .textpart p { color: #222; font-size: 14px; line-height: 18px; }
.article .textpart .share .facebook { float: left; margin-right: 10px; margin-top: -2px; }

.article a:hover { text-decoration: none; }
.article:hover h2 { text-decoration: underline; }

.article.two { height: 230px; }
.article.two h2 { font-size: 17px; line-height: 19px; margin-bottom: 10px; }
.article.two .meta { margin: 5px 0 5px 0; }

.article.three { height: 220px; }
.article.three h2 { font-size: 17px; line-height: 19px; margin-bottom: 10px; }
.article.three .meta { margin: 5px 0 5px 0; }

/* Pagenavi
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pagenavi { text-align: center; width: 100%; float: left; color: #333; margin: 25px 0 25px 0; }
.pagenavi a { padding: 5px 10px;  margin: 3px; text-decoration: none; background-color: inherit; font-weight: 700; }
.pagenavi span.current { padding: 5px 10px;  margin: 3px; border: 1px solid #eee; font-weight: 700; }
.pagenavi span.expand { padding: 5px 6px 4px 6px;  margin: 3px; border: 1px solid #ededed; background-color: inherit; }
.pagenavi span.pages { font-weight: 500; color: #aaa; }

/* --------------------------------------------------
Single
----------------------------------------------------- */
#single-content h1.entry-title { color: #0666D0; font-size: 26px; line-height: 28px; margin: 0; }
#single-content img.featured-image { width: 100%; height: auto; margin-bottom: 15px; }
#single-content .meta { font-size: 14px; color: #777; width: 100%; padding-bottom: 10px; margin: 10px 0; border-bottom: 1px solid #eee; float: left; }
#single-content .meta span.cat { margin-right: 6px; }
#single-content .meta span.views { float: right; }

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

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

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

#single-content .downloads { width: 100%; float: left; padding: 0; border: 1px solid #ccc; margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
#single-content .downloads ul { width: 100%; float: left; border-bottom: 1px dotted #f2f2f2; padding: 0; margin: 0; } #single-content .downloads ul:last-child { border-bottom: 0; } #single-content .downloads a { text-decoration: underline; }
#single-content .downloads ul li { padding: 10px; list-style: none; display: block; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
#single-content .downloads ul li.option { width: 15%; text-align: center; }
#single-content .downloads ul li.title { width: 55%; }
#single-content .downloads ul li.down { width: 30%; }
#single-content .downloads ul.head { font-weight: 500; background: #f9f9f9; border-bottom: 1px solid #ddd; }
#single-content .downloads ul:hover { background: #eee; }

#single-content .comments,
#single-content .related { width: 100%; float: left; margin: 10px 0; }

#single-content .related .article.two { height: auto; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
#single-content .related .article.two h2 { margin: 10px 0; width: 100%; float: left; }

/* --------------------------------------------------
Misc
----------------------------------------------------- */
#not-found,
#not-found span { width: 100%; float: left; }
#not-found { margin: 20px 0; text-align: center; }
#not-found span.big { font-size: 22px; }
#not-found p { font-size: 16px; }

/* --------------------------------------------------
Footer
----------------------------------------------------- */
#footer { width: 100%; float: left; background: #353e48; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; }
#footer.boxed { width: 990px; display: table; margin: 0 auto; float: none; } #footer.boxed .container { padding-left: 20px; padding-right: 20px; }

#footer .footer { padding: 20px 0; }
#footer .footer span.name { font-size: 18px; }
#footer .footer p { font-size: 14px; margin: 0; }

#footer .footer ul.footer-menu { text-align: right; margin: 10px 0; }
#footer .footer ul.footer-menu li { display: inline-block; margin-left: 15px; }
#footer .footer ul.footer-menu li a { color: #fff; }

#footer .copyright { width: 100%; float: left; background: rgba(0,0,0,0.1); padding: 15px 0; text-align: center; font-size: 13px; font-weight: 300; }
#footer .copyright a { color: #fff; font-weight: 500; }

/* --------------------------------------------------
MOBILE
----------------------------------------------------- */
#header .navicon { padding: 0; border: 0; background: transparent; color: #0666D0; font-size: 22px; outline: none; position: absolute; top: 15px; left: 20px; } 

#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: 990px) {
    #header #branding { text-align: center; height: auto; padding: 10px 0; }
    #header #branding .logo { margin: 0 !important; float: none; display: inline-block; }
    #header #branding .logo img { max-height: 40px !important; width: auto; }
    #header.boxed,
    #footer.boxed,
    .container { width: 840px !important; }
    .article.row,
    #single-content .row.single-row { padding: 0 10px; }
}

@media only screen and (max-width: 858px) {
    #header.boxed,
    #footer.boxed,
    .container { width: 750px !important; }
    .article .thumb { margin-bottom: 10px; }
    #footer,
    #footer .footer ul.footer-menu { text-align: center; }
    .article.two,
    .article.three { height: 260px; }
}

@media only screen and (max-width: 750px) {
    #header #branding .logo img { height: auto !important; max-height: 40px; max-width: 160px !important; }
    #header.boxed,
    #footer.boxed,
    .container { width: 100% !important; }
    #header #header-ad #ad-space { min-height: inherit; }
    .article h2 { font-size: 18px; }
    #footer .footer,
    #footer .copyright { padding: 10px 0; }
    #footer .footer span.name { font-size: 16px; }
    .article.two,
    .article.three { height: auto; }
    .article.two h2,
    .article.three h2 { margin-bottom: 0; }
    #single-content h1.entry-title { font-size: 20px; }
}