/** * Base - Sets verdictal rhythm and basic overall typographic face-lift * * @package WPFramework * @subpackage Media * @beta */ :root { /* Colors */ --primary-color: #0062FF; --secondary-color: #36ABFF; --tertiary-color: #61BCFE; --highlight-color: #FFF200; --background-color: #FFF; --background-dark-color: #2C2C2C; --text-color: #2D3F59; --text-light-color: #717171; --text-dark-color: #000; --text-muted-color: #9F9E9E; --link-color: #0070FF; --hover-color: #2361a1; --border-color: #ddd; --border-muted-color: #ccc; --button-color: #00CC66; --button-hover-color: #0070FF; --nightshift-background: #333; --nightshift-text-color: #FFF; --nightshift-muted-color: #C2C2C2; /* Font Sizes */ --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --font-size-xl: 20px; --font-size-xxl: 24px; --font-size-xxxl: 39px; /* Font Families */ --font-family-serif: Georgia, "Times New Roman", Times, serif; --font-family-sans-serif: "lucida sans", Verdana, Arial, Helvetica, sans-serif; --font-family-primary: 'proxima-nova', 'Open Sans', sans-serif; --font-family-secondary: Cambria, Georgia, "Times New Roman", Times, serif; --font-family-monospace: Consolas, "Andale Mono", Courier, "Courier New", monospace; /* Spacing */ --spacing-xs: 5px; --spacing-sm: 10px; --spacing-md: 20px; --spacing-lg: 40px; --spacing-xl: 60px; /* Line Heights */ --line-height-sm: 18px; --line-height-md: 20px; --line-height-lg: 28px; /* Shadows */ --box-shadow-light: 0 0 10px #CCC; --box-shadow-dark: 0 0 10px #000; /* Gradients */ --gradient-primary: linear-gradient(to left, #0062FF, #36ABFF, #61BCFE); --gradient-button: linear-gradient(rgba(29, 233, 124, 1) 0%, rgba(0, 212, 81, 1) 100%); } /* Font Styles */ #content .serif { font-family: Georgia, "Times New Roman", Times, serif; } #content .sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; } /* Vertical Rhythm */ #content .entry-header { margin-bottom: 10px; } #content p, #content pre, #content ul, #content ol, #content dl, #content dd, #content blockquote, #content address, #content table, #content fieldset, #content form, #content .gallery-row, #content .comment-list ul, #content .comment-list ol { margin-bottom: 20px; } #content .hentry, #content .widget { /* margin-bottom: 40px; border-bottom:dotted 1px #E49100; */ } #content .comment { padding-bottom:20px; border-bottom:dotted 1px #FFF; margin-right:25px; } #content #comment { } /* Links */ #content a { color: #E49100; text-decoration: none; } #content a:hover { text-decoration: underline; } #content .entry-content a:link, #content .entry-content a:active, #content .entry-content a:visited { color: var(--link-color); text-decoration: underline; } #content .entry-content a:hover { text-decoration: none; color:#E49100; } /* Headings */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-weight: normal; clear: both; } #content h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; } #content h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; } #content h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; } #content h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; } #content h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; } #content h6 { font-size: 10px; line-height: 16px; } /* Content */ #content .page-title { font-size: 14px; font-weight: bold; } #content .page-title span { font-style: italic; font-weight: normal; } #content .entry-title, #content .entry-title a { color: #000; font-size: 24px; line-height: 28px; } #content .entry-title a:hover { color: #2361a1; text-decoration: none; } /* Text Elements */ #content address { font-style: italic; } #content abbr[title], #content acronym[title], #content dfn[title] { cursor: help; border-bottom: 1px dotted #666; } #content blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; } #content strong { font-weight: bold; } #content em, #content dfn, #content cite { font-style: italic; } #content dfn { font-weight: bold; } #content sup { bottom: 1ex; } #content sub { top: .5ex; } #content small { font-size: 12px; } #content del { text-decoration: line-through; } #content ins { text-decoration: underline; } #content code, #content pre { line-height: 15px; } #content var, #content kbd, #content samp, #content code, #content pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; } #content kbd { font-weight: bold; } #content samp, #content var { font-style: italic; } #content pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; } #content code { padding: 0px 3px; } /* Lists: (ul, ol, dl) */ #content ul, #content ol, #content dl { margin-left: 15px; } #content .nav { margin-left: 0px; } #content .entry-content ul, #content .entry-content ol, #content #search-query { margin-left: 25px; } #content li ul, #content li ol { margin-bottom: 0; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content ol { list-style-type: decimal; } #content ul { list-style-type: disc; } #content ul ul { list-style-type: circle; } #content ul ul ul { list-style-type: square; } #content dt { font-weight: bold; } #content .fat li { margin-bottom: 10px; } /* Tables */ #content table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; } #content table .even { background: #ddd; } #content caption { text-align: left; } #content tr { border-bottom: 1px solid #ccc; } #content th, #content td { padding: 5px 3px; } /* Forms */ #content input, #content textarea, #content button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; } #content input, #content textarea, #content button { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; } #content button { font: 12px; padding: 2px 10px; cursor: pointer; } #content input:focus, #content textarea:focus, #content button:hover { background: #fff; border-color: #777 #ccc #ccc #777; } /* bugfix */ #content .safari input { padding: 0px 3px; } #content .chrome input { padding: 1px 3px; } /* Comments */ #content .comment-list, #content .comment-list .children { list-style: none; } #content .comment-list { margin-left: 10px; } #content .comment { margin-bottom: 40px; } #content .comment-list .children { margin-top: 40px; } #content .comment-meta { margin-bottom: 10px; } #content .commenter { font-size: 16px; } #content .avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; } /* Comment Reply */ #content #comment-form .form-section input { margin-right: 10px; } #content .form-section { margin-bottom: 10px; } #content .form-section label { cursor: pointer; } #content #commenter-details input { margin-right: 10px; } #content #allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; } /* Images */ #content img.alignleft { float: left; margin-right: 20px; margin-top: 5px; } #content img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; } #content img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; } #content .wp-caption { text-align: center; } #content .wp-caption img { margin: 0; padding: 0; border: 0 none; } #content .wp-caption .wp-caption-text { margin: 0; padding: 5px; } #content .wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */ /* [gallery] */ #content .gallery { margin: auto; } #content .gallery-image { border: 2px solid #cfcfcf; margin-left: 0; } #content .gallery-caption { margin-left: 0; } #content .gallery-item { float: left; text-align: center; margin-left: 0; } #content .gallery-columns-2 { width: 50%; } #content .gallery-columns-3 { width: 33%; } #content .gallery-columns-4 { width: 25%; } #content .gallery-columns-5 { width: 20%; } #content .gallery-columns-6 { width: 16%; } #content .gallery-columns-7 { width: 14%; } #content .gallery-columns-8 { width: 12%; } #content .gallery-columns-9 { width: 11%; } /* Navigation */ #content .page-navigation .nav-next { float: left; } #content .page-navigation .nav-previous { float: right; } #content .single-page-navigation .nav-next { float: right; } #content .single-page-navigation .nav-previous { float: left; } /* [gallery] + navigation clearfix */ #content .gallery-row:after, #content .navigation-links:after, #content .container:after, #content .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .gallery-row, #content .navigation-links, #content .container, #content .menu { display: block; } /* Basic Alignments */ #content .alignleft { float: left; } #content .alignright { float: right; } #content .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } html, body { height: 100%; font-family:'proxima-nova', 'Open Sans', sans-serif; } html body {background-color:#FFF !important;transition:all .3s linear;/* overflow-x: hidden; */} html body.nightshift { background-color:#2C2C2C !important; color:#FFF !important; } /* body:before { content:''; position:absolute; width:100%; height: 6px; background: linear-gradient(to left, #0062FF, #36ABFF, #61BCFE); top: 0; left:0; z-index: 99; } */ body.home:before { display:none; } body.searchbox {overflow: hidden;} .navbar {background: #FFF;border:none;border-radius: 0;height: 75px;margin-bottom: 0; transition:all .2s linear; } .menu-scroll .navbar { box-shadow:0 0 10px #CCC} .customize-support .navbar {margin-top: 32px;} .menu-scroll .customize-support .navbar {margin-top: -13px;} .navbar h1 { margin:0; } .navbar h1 svg, .navbar h1 img {max-width: 100%;} .navbar h1 span { display:none; } .navbar a.navbar-brand {padding: 0;height: auto;padding-top: 10px;margin: 0 !important;max-width: 270px;} .nightshift .navbar {background:#333; box-shadow:none; } .nightshift .navbar a.navbar-brand .cls-1 { fill: #FFF !important; } .navbar .navbar-header {margin-right: 45px;} .navbar #search-box { position:absolute; top:0; width:100%; background:rgba(255,255,255,.84); height:100vh; display:none; } .nightshift .navbar #search-box { background:rgba(0,0,0,.84); } .navbar #search-box form {height: 120px;background-color:#FFF;box-shadow:0 0 10px #CCC;padding: 35px 0;} .nightshift .navbar #search-box form { background-color:#2E2E2E; color:#FFF; box-shadow:0 0 10px #000; } .navbar #search-box form .center { text-align:center; line-height:60px; display:block;} .navbar #search-box form .right { text-align:right;} .navbar #search-box form i.fa {line-height: 55px;} .navbar #search-box form i.fa-search { color:#7D8898; font-size:25px;} .nightshift .navbar #search-box form i.fa-search { color:#FFF; } .navbar #search-box form a.close { float:none; box-shadow:none; text-shadow:none; } .nightshift .navbar #search-box form a.close { color:#FFF; } .navbar #search-box form .field { height:50px; color:#5F5F5F; background:transparent; font-size:40px; font-weight:bold; border:none; box-shadow:none;} .nightshift .navbar #search-box form .field { color:#FFF; } .navbar #menu-top {padding-top: 10px;padding-right: 0;padding-left: 0;} .navbar #menu-top ul li a {height:55px;line-height:55px;padding:0 15px;color:#2D3F59;font-family:'proxima-nova';font-size: 15px;font-weight:400;transition: all 0.5s ease 0s;text-decoration: none;} .nightshift .navbar #menu-top ul li a { color:#FFF; } .navbar #menu-top ul li a:hover {color: #0070FF;} .navbar #menu-top ul.nav li {} .navbar #menu-top ul.nav li a i { font-size:10px;} .navbar #menu-top ul.nav li ul { display:none; position:absolute; background:#FFF; list-style:none; margin:0; padding:0; min-width:200px; border-radius:10px } .nightshift .navbar #menu-top ul.nav li ul { background:#333; } .navbar #menu-top ul.nav li ul li a { display:block; line-height:25px; height:auto; padding:15px } .navbar #menu-top ul.nav li:hover ul { /* display:block; */ } .navbar #menu-top div.actions { float:right; } .navbar #menu-top div.actions ul { list-style:none; margin:0; padding:0; } .navbar #menu-top div.actions ul li { display:inline-block;} .navbar #menu-top div.actions ul li ul.submenu {display:none;position:absolute;background:#FFF;margin-left:20px;min-width:150px;z-index: 2;} .nightshift .navbar #menu-top div.actions ul li ul.submenu { background-color:#2c2c2c; } .navbar #menu-top div.actions ul li:hover ul { /* display:block; */ } .navbar #menu-top div.actions ul li ul li {display:block;height: 35px;} .navbar #menu-top div.actions ul li ul li a {line-height: 25px;font-size:13px;display: block;text-align: center;} .navbar #menu-top div.actions ul li.shift {width: 85px;position: relative;margin-right: 15px;display: none;} .navbar #menu-top div.actions ul li.shift .switch__container { position:absolute; margin-top:-25px;} .navbar #menu-top div.actions ul li.shift #switch-flat { visibility:hidden;} .navbar #menu-top div.actions ul li.shift .switch--flat + label {width: 85px;height: auto;background-color: #dddddd;border-radius: 60px;transition: background 0.4s;overflow: hidden;} .navbar #menu-top div.actions ul li.shift .switch--flat + label:before, .navbar #menu-top div.actions ul li.shift .switch--flat + label:after {display: block;position: absolute; content: ""; } .navbar #menu-top div.actions ul li.shift .switch--flat + label:before {top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: #F7F7F7;border-radius: 40px;transition: background 0.4s;height: 40px;overflow: hidden;background-image: url(../images/bg-nightshift.png);background-size: 100% auto;} .navbar #menu-top div.actions ul li.shift .switch--flat + label:after {top: 5px;left: 4px;bottom: 4px;width: 30px;background-color: #FFFFFF;border-radius: 52px;transition: margin 0.4s, background 0.4s;height: 30px;box-shadow: 0 0 3px #CCC;} .navbar #menu-top div.actions ul li.shift .switch--flat:checked + label {background-color: #FFF;} .navbar #menu-top div.actions ul li.shift .switch--flat:checked + label:before { background-color: #1061EB; } .navbar #menu-top div.actions ul li.shift .switch--flat:checked + label:after {margin-left: 45px;background-color: #FFF;box-shadow: none;} .navbar #menu-top div.actions ul li.cta a {padding: 0; } .navbar #menu-top div.actions ul li.cta .or { margin:0 10px; display:none; } .navbar #menu-top div.actions ul li.cta a.cta {padding-left:10px !important;padding-right:10px !important;padding-top:10px !important;padding-bottom:10px !important;background: #00CC66;border:none;border-radius:5px !important;color: #FFF !important;transition:all .2s linear;} .navbar #menu-top div.actions ul li.cta a:hover{ } #pre-footer {background-color:#F7F7F7;margin-bottom: -2px;} #pre-footer div.box { background:url(../images/bg-pre-footer.png) no-repeat right bottom; background-size:auto 100%; overflow:hidden; padding:95px 0; } #pre-footer div.box p.by { font-size:14px; margin-bottom:64px; } #pre-footer div.box p.by img { max-width:123px; } #pre-footer div.box p.title { font-size:65px; font-weight:900; line-height:85px; margin-bottom:61px; color:#2D3F59 !Important; } #pre-footer div.box p.title span { background-color:#FFF200; padding:10px 15px; } #pre-footer div.box p.cta a{padding-left:10px !important;padding-right:10px !important;padding-top:10px !important;padding-bottom:10px !important;background: linear-gradient(rgba(29, 233, 124, 1) 0%, rgba(0, 212, 81, 1) 100%) !important;border:none;border-radius:5px !important;color: #FFF !important;transition:all .2s linear;width: 223px;height: 60px;display: block;line-height: 40px;text-align: center;text-transform: uppercase;font-size: 20px;box-shadow: 0 0 10px #CCC; text-decoration:none;} #pre-footer div.box p.cta a:hover{ } #footer {background-color:#065AE0;padding: 50px 0 0 50px;} #footer div.logo {margin-bottom: 30px;} #footer div.logo img { max-width:260px; } #footer div.logo .cls-1 { fill: #FFF !important; max-width:260px; } #footer div.menu {margin-bottom: 80px;display: block;width: 100%;} #footer div.menu ul {list-style:none;margin:0;padding:0;float: none !important;} #footer div.menu ul li {display:inline-block;margin-right: 15px;} #footer div.menu ul li a {color:#FFF;/* text-transform:uppercase; */font-size:16px;padding: 0;text-decoration:none;} #footer div.menu ul li a:hover { background:none !important; color:#FFF200; } #footer div.menu ul li ul {display:none;position:absolute;margin-top: -216px;background:#FFF;border-radius:10px 10px 0 0;width:320px;padding:15px;} #footer div.menu ul li ul li { float:none; width:100%; display:block; } #footer div.menu ul li ul li a { color:#000; display:block; padding:8px 0; } #footer div.menu ul li ul li a:hover { color:#333; } #footer div.menu ul li:hover ul { display:block; } #footer div.copyright {color:#FFF;font-size: 14px;/* text-transform:uppercase; */} #footer div.copyright a { color:#FFF; } #footer div.copyright div.languages ul.submenu { display:none; position:absolute; background:#FFF; margin-left:20px; min-width:150px; list-style:none; padding:0; } #footer div.copyright div.languages:hover ul.submenu {display:block;margin-top:-80px;margin-left:-5px;border-radius: 10px 10px 0 0;} #footer div.copyright div.languages ul.submenu li a {color:#2c2c2c;text-align: center;display:block;font-size: 12px;line-height: 20px;} #footer div.copyright div.social { text-align:right; } #footer div.copyright div.social a { font-size:20px; margin:0 15px;} #footer div.copyright div.social a:hover { color:#FFF200; } #content {padding-top:100px; /* overflow-x: hidden; */} #content #featured { margin-bottom:60px;} #content #featured div.item-post {min-height: 310px;} #content div.item-post { } #content div.item-post div.entry-image { margin-bottom:45px; } #content div.mini-item-post div.entry-image {margin-bottom: 15px;} #content div.item-post div.entry-image img { border-radius:2px; max-width:100%; height:auto;} #content div.mini-item-post div.entry-image a {/* min-height:213px; */display:block;overflow:hidden;} #content div.mini-item-post div.entry-image a img {/* min-height: 263px; */width:auto;} .home #content div.mini-item-post div.entry-image a img {/* min-height:213px; */} #content #lastStories div.mini-item-post div.entry-image a {/* min-height:263px; */display:block;overflow:hidden;} #content #lastStories div.mini-item-post div.entry-image a img {/* min-height:263px; */width:auto;} #content #lastStories2 div.mini-item-post div.entry-image a { min-height:263px; display:block; overflow:hidden;} #content #lastStories2 div.mini-item-post div.entry-image a img { min-height:263px; width:auto; } #content div.item-post h2.entry-category {margin:0;margin-bottom:30px;text-transform:uppercase;font-size:14px;line-height:100%;padding: 0;font-weight:bold;color:#0062FF;display: block;} #content div.mini-item-post h2.entry-category {margin-bottom: 15px;} #content div.item-post h2.entry-category a {color:#0062FF;text-decoration: none;} #content div.mini-item-post h2.entry-category a { font-size:12px;} #content div.item-post h3.title {min-height: 100px;margin:0;padding: 0;line-height: 20px;margin-bottom: 20px;} #content div.mini-item-post h3.title {height: auto;margin-bottom: 0;min-height: 0;margin-bottom: 10px;} #content div.item-post h3.title a {color:#2D3F59;font-size: 39px;font-weight:bold;line-height: 40px;display: block;text-decoration: none; transition:all .2s linear; } #content div.item-post h3.title a:hover { color:#0062FF; } #content div.mini-item-post h3.title a { font-size:20px; line-height:20px; font-weight:bold;} #content p.title-section { color:#2D3F59; font-size:39px; font-weight:bold; margin-bottom:60px; } .nightshift #content p.title-section { color:#FFF; } .nightshift #content div.item-post h3.title a { color:#FFF;} #content #lastStories { margin-bottom:60px;} #content #lastStories div.mini-item-post {margin-bottom: 0;min-height: 310px;} #content #lastStories p.cta-more { text-align:center; margin-bottom:0; } #content #lastStories p.cta-more a { border:solid 1px #B0B0B0; color:#b0b0b0; text-transform:uppercase; font-size:14px; line-height:60px; display:inline-block; padding:0 60px; border-radius:40px; transition:all .2s linear; text-decoration:none; } #content #lastStories p.cta-more a:hover { background: #0062FF; color:#FFF; } #content #lastStories2 p.cta-more { text-align:center; margin-bottom:0; } #content #lastStories2 p.cta-more a { border:solid 1px #B0B0B0; color:#b0b0b0; text-transform:uppercase; font-size:14px; line-height:60px; display:inline-block; padding:0 60px; border-radius:40px; transition:all .2s linear; text-decoration:none; } #content #lastStories2 p.cta-more a:hover { background: #0062FF; color:#FFF; } #content div.item-post p.entry-author { text-transform:uppercase; color:#B7B7B7; font-size:12px; } #content div.item-post p.entry-author a { color:#b7b7b7;} #content #moreStories div.mini-item-post {margin-bottom: 0;height: 200px;} #content #moreStories div.mini-item-post div.entry-image {} #content #moreStories div.mini-item-post div.entry-image a {min-height: 140px;} #content #moreStories div.mini-item-post div.entry-image a img { min-height:0; } #content #moreStories div.mini-item-post h3.title {height: auto;} #content div.entry-header { padding-bottom:60px; } #content div.entry-header-page {display:flex;align-items: center;} #content div.entry-header-page img { border-radius:4px;} #content div.entry-header:after { content:""; clear:both; display:block; } #content div.entry-header p.entry-category { margin-top:80px; } #content div.entry-header p.entry-category a { text-transform:uppercase; color:#0062FF; font-weight:bold; font-size:13px; } #content div.entry-header h2.title { color:#2D3F59; font-size:36px;font-weight:bold; line-height:100%;} .nightshift #content div.entry-header h2.title { color:#FFF;} #content div.entry-header div.entry-excerpt { font-size:20px; color:#717171; margin-bottom:36px; } .nightshift #content div.entry-header div.entry-excerpt { color:#C2C2C2; } #content div.entry-header div.entry-author { } #content div.entry-header div.entry-author div.image {background: url(../images/bg-author.png) bottom center no-repeat;width:80px;padding: 4px;height: 84px;float: left; margin-right:30px;} #content div.entry-header div.entry-author .avatar {float:none;margin:0;border:none;border-radius:100%;padding: 0;} #content div.entry-header div.entry-author div.entry-data { margin-top:20px;} #content div.entry-header div.entry-author div.entry-data p.author { margin-bottom:0; } #content div.entry-header div.entry-author div.entry-data p.author a { color:#0062FF; font-size:13px; } #content div.entry-header div.entry-author div.entry-data p.date { border-bottom: none !important;cursor: auto;font-size: 12px;white-space: nowrap;float: left; width:8px;} #content div.entry-header div.entry-author .btn-medium {background:#F7F7F7;border-radius:3px;line-height:50px;display:block;padding:0 10px;color:#000;font-size :11px;text-align:center;max-width: 185px;margin: 0 auto;margin-top: 10px;} #content div.entry-header div.entry-author .btn-medium i{ margin-right:5px; font-size:18px; float:left; line-height:50px; } #content div.entry-header div.entry-image {} #content div.entry-header div.entry-image img { max-width:100%; height:auto;} #content div.entry-tags { margin-bottom:60px;} #content div.entry-tags, #content div.entry-tags a { font-size:16px; font-weight:bold; color:#2D3F59; } .nightshift #content div.entry-tags, .nightshift #content div.entry-tags a { color:#FFF; } #content div.entry-tags p { margin:0; } #content div.entry-tags p.minititle { color:#2D3F59; font-size:15px; font-weight:normal; } .nightshift #content div.entry-tags p.minititle { color:#FFF; } #content div.entry-author-post { margin-left:-15px; padding:20px; margin-right:-15px; margin-bottom:60px; } #content div.entry-author-post:after { content:""; clear:both; display:block; } .nightshift #content div.entry-author-post { background:#1D1D1D; } #content div.entry-author-post div.image {background: url(../images/bg-author.png) bottom center no-repeat;width:80px;padding: 4px;height: 84px;float: left; margin-right:30px; margin-bottom:60px;} #content div.entry-author-post .avatar {float:none;margin:0;border:none;border-radius:100%;padding: 0;} #content div.entry-author-post div.entry-data { margin-top:20px;} #content div.entry-author-post div.entry-data p.author { margin-bottom:0; } #content div.entry-author-post div.entry-data p.author a { color:#2D3F59; font-size:24px; font-weight:bold; } .nightshift #content div.entry-author-post div.entry-data p.author a { color:#FFF;} #content div.entry-author-post div.entry-data div.entry-bio { font-size:16px; margin-bottom:20px; } #content div.entry-author-post div.entry-data div.entry-bio a { color: #0070FF; } #content div.entry-author-post div.entry-data div.entry-social { } #content div.entry-author-post div.entry-data div.entry-social a { color:#0070FF; line-height:30px; font-size:20px; margin-right:15px;} #content div.entry-related { margin-bottom:60px;} #content div.entry-related p.title-section { text-align:center; margin-bottom:60px;} #content div.sidebar {min-width: 300px;margin-top: 45px;position: relative;/* overflow: hidden; */} #content div.sidebar div.sticky {transition: none;padding-top: 20px;position: relative !important;top: 90px;width: 270px;} #content div.sidebar.scrolling.scrolledOver div.sticky { position:fixed !important; margin-top: 0 !important; } #content div.sidebar.scrolledOver div.sticky {position:relative !important;margin-top: -150px !important;} #content div.sidebar.no-scroll div.sticky {margin-top: 0px !important;} #content div.sidebar div.social-share {margin-bottom: 20px;} #content div.sidebar.scrolling div.social-share { /* margin-top: -110px; */ } #content div.sidebar div.social-share a { background:#FFF; width:50px; height:50px; display:inline-block; line-height:50px; border-radius:100%;text-align:center; margin-right:10px; box-shadow:0 0 3px #000; } .nightshift #content div.sidebar div.social-share a { background:#333333; box-shadow:none; } #content div.sidebar div.social-share a i {line-height:50px;font-size: 23px;color:#0070FF; transition: all .2s linear; } #content div.sidebar div.social-share a:hover i { color:#000 !important;; } .nightshift #content div.sidebar div.social-share a:hover i { color:#FFF200 !important;; } #content div.sidebar div.widget ul.categories {list-style:none;margin:0;padding:0;max-width: 230px;} #content div.sidebar div.widget ul.categories li { margin-bottom:13px; } #content div.sidebar div.widget ul.categories li a { line-height:40px; background: #F7F7F7; color:#9F9E9E; display:block; padding:0 15px; border-radius:4px; font-size:16px; transition:all .2s linear; } .nightshift #content div.sidebar div.widget ul.categories li a { background:#333; } #content div.sidebar div.widget ul.categories li a span { width:97%; display:inline-block;} #content div.sidebar div.widget ul.categories li a i { font-size:12px;} #content div.sidebar div.widget ul.categories li a:hover { color:#FFF; background:#0070FF; } #content div.sidebar div.widget ul.topics { max-height:80vh; overflow:auto;} #content div.sidebar div.widget ul.topics {list-style:none;margin:0;padding:0;max-width: 230px;} #content div.sidebar div.widget ul.topics li { margin-bottom:13px; } #content div.sidebar div.widget ul.topics li a { line-height:40px; background: #F7F7F7; color:#9F9E9E; display:block; padding:0 15px; border-radius:4px; font-size:16px; transition:all .2s linear; } .nightshift #content div.sidebar div.widget ul.topics li a { background:#333; } #content div.sidebar div.widget ul.topics li a span { width:97%; display:inline-block;} #content div.sidebar div.widget ul.topics li a i { font-size:12px;} #content div.sidebar div.widget ul.topics li a:hover { color:#FFF; background:#0070FF; } .nightshift #content { color:#C2C2C2; } #content div.entry-post { font-size:18px; color:#717171; line-height:150%; margin-bottom:60px; } .nightshift #content div.entry-post { color:#C2C2C2; } #content div.entry-post ul { list-style:none; padding:0 15px; } #content div.entry-post ul li:before { content: "\f0da"; font-family:'fontawesome', "Font Awesome 5 Free"; font-size:10px; margin-left:-15px; width:15px; display:inline-block; color:#0070FF; } #content div.entry-post::first-letter { font-weight:bold; color:#000000; font-size:77px; float:left; line-height:100%; margin-right:10px; } .nightshift #content div.entry-post::first-letter { color:#FFF; } #content div.entry-post img { max-width:100%; height:auto;} #content div.entry-post a { color: #0070FF; } #content div.entry-post h2, #content div.entry-post h3, #content div.entry-post h4, #content div.entry-post h5, #content div.entry-post strong { font-weight:bold; color:#2D3F59; } .nightshift #content div.entry-post h2, .nightshift #content div.entry-post h3, .nightshift #content div.entry-post h4, .nightshift #content div.entry-post h5, .nightshift #content div.entry-post strong { color:#FFF; } #content div.entry-post h2 { font-size:24px; margin-top:40px; margin-bottom:20px; padding:0; } #content div.entry-post h3 { font-size:19px; margin-top:30px; margin-bottom:20px; padding:0; } #content blockquote { border:none; padding:0; margin:0; padding:20px; } #content blockquote { background:url(../images/bg-blockquote.png) no-repeat; } .nightshift #content blockquote { background:url(../images/bg-blockquote-nightshift.png) no-repeat; } #content div.navigation-links { margin-bottom:60px; margin-top:60px; } #content .page-navigation span.nav-next { width:auto; } #content .page-navigation span.nav-previous { } #content div.navigation-links a {line-height:40px;background: #F7F7F7;color:#9F9E9E;display:block;padding:0 15px;border-radius:4px;font-size:16px;transition:all .2s linear;padding: 0 20px;} .nightshift #content div.navigation-links a { background:#333; } #content div.navigation-links a span {width:auto;display:block; white-space:nowrap; } #content div.navigation-links a i {font-size:12px;display: inline-block; float:left; line-height:40px; margin-right:10px; } #content div.navigation-links a:hover { color:#FFF; background:#0070FF; } #content .page-navigation span.nav-previous a i { float:right; } #content div.error404 { text-align: center; } #content div.error404 p.title-section {font-size: 196px;font-weight: bold;line-height: 96px;letter-spacing: -20px;/* text-shadow: 3px 3px 5px #ccc; */} .progress-container { height: 4px; width: 100%; position: fixed; top: 0; z-index: 9999; } /* A barra de progresso */ .progress-bar { background: #2196f3; background: linear-gradient(to left, #0062FF, #36ABFF, #61BCFE); height: 6px; width: 0%; } /* temporarios */ .navbar #menu-top div.actions ul li.languages { display:none; } #footer div.copyright div.languages { display:none; } #pre-footer {/* display:none; */} #content div.entry-tags { display:none; } @media screen and (min-width: 300px) and (max-width:900px) { /* para resoluções de no mínimo 300px de largura por 600px */ body:before { content:''; position:absolute; width:100%; height: 6px; background: linear-gradient(to left, #0062FF, #36ABFF, #61BCFE); top: 0; left:0; z-index: 99; display:block !important; } .navbar {height:100px;margin-left: 0;margin-right: 0;} .navbar a.navbar-brand { padding-top:30px; } nav.navbar h1.logo {max-width: 220px;float: left;} .navbar h1 svg { width:153px; } /* nav.navbar h1.logo .cls-1:nth-child(5), nav.navbar h1.logo .cls-1:nth-child(6), nav.navbar h1.logo .cls-1:nth-child(7), nav.navbar h1.logo .cls-1:nth-child(8) { display:none; } */ .navbar .navbar-header { margin-left:0; margin-right:0;} .navbar .navbar-toggle {border:none;background:none !important;margin-top: 35px;position: absolute;z-index: 99999;right: 0;} .navbar .navbar-toggle.collapsed {} .navbar .navbar-toggle span.icon-bar {background-color: #2D3F59;width:36px;height:3px;border-radius:8px;display: block; transform:rotate(40deg); transition: all .2s linear; } .nightshift .navbar .navbar-toggle span.icon-bar { background-color:#FFF !important; } .navbar .navbar-toggle.collapsed span.icon-bar { transform:rotate(0deg)!important; } .navbar .navbar-toggle span.icon-bar:nth-child(3) { width:80%; margin-left:20%; border-radius:8px; height:3px; display:none; } .navbar .navbar-toggle span.icon-bar:nth-child(4) { transform:rotate(-40deg); margin-top:-3px; } .navbar .navbar-toggle.collapsed span.icon-bar:nth-child(4) { margin-top:6px;} .navbar .navbar-toggle.collapsed span.icon-bar:nth-child(3) { display:block !important; } .navbar .navbar-toggle .icon-bar+.icon-bar { margin-top:6px;} .navbar ul.menu-actions li.search a {color:#7D8898;display:block;} .navbar ul.menu-actions li.search a i {line-height: 100%;float: left;margin-right: 15px;} .navbar ul.menu-actions {list-style:none;margin:0;padding:0;float: left;margin-top: 50px;margin-left: 30px;} .navbar ul.menu-actions li { display:inline-block;} .navbar ul.menu-actions li.shift {width: 55px;position: relative;display: none;} .navbar ul.menu-actions li.shift .switch__container { position:absolute; margin-top:-25px;} .navbar ul.menu-actions li.shift #switch-flat { visibility:hidden;} .navbar ul.menu-actions li.shift .switch--flat + label {width: 45px;height: auto;background-color: #dddddd;border-radius: 60px;transition: background 0.4s;overflow: hidden;} .navbar ul.menu-actions li.shift .switch--flat + label:before, .navbar ul.menu-actions li.shift .switch--flat + label:after {display: block;position: absolute; content: ""; } .navbar ul.menu-actions li.shift .switch--flat + label:before {top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: #F7F7F7;border-radius: 40px;transition: background 0.4s;height: 30px;overflow: hidden;background-image: url(../images/bg-nightshift.png);background-size: 100% auto;} .navbar ul.menu-actions li.shift .switch--flat + label:after {top: 5px;left: 4px;bottom: 4px;width: 20px;background-color: #FFFFFF;border-radius: 52px;transition: margin 0.4s, background 0.4s;height: 20px;box-shadow: 0 0 3px #CCC;} .navbar ul.menu-actions li.shift .switch--flat:checked + label {background-color: #FFF;} .navbar ul.menu-actions li.shift .switch--flat:checked + label:before { background-color: #1061EB; } .navbar ul.menu-actions li.shift .switch--flat:checked + label:after {margin-left: 26px;background-color: #FFF;box-shadow: none;} .navbar #menu-top {background:rgba(255,255,255,.94);z-index:999;position:absolute;top:0;height: 100vh;width:100%;max-height: none;} .nightshift .navbar #menu-top { background:rgba(0,0,0,.94); } .navbar #menu-top div.actions { display:none;} .navbar #menu-top ul {padding-top: 30px;text-align: center;} .navbar #menu-top ul li a { font-size:26px; font-weight:bold; color:#2D3F59; } .nightshift .navbar #menu-top ul li a { color:#FFF; } .navbar #menu-top ul li a:hover { color:#0062FF; } #pre-footer { } #pre-footer div.box { margin:0 -15px; background-size:100% auto; padding-bottom:400px; padding-top:50px;} #pre-footer div.box p.by { text-align:center; margin-bottom:50px; } #pre-footer div.box p.title { font-size:40px; font-weight:900; line-height:140%; margin-bottom:50px; text-align:center; } #pre-footer div.box p.cta a{ margin:0 auto; } #footer { padding:50px 0; } #footer div.logo {margin:0 auto;display:block;text-align:center;width: 250px;margin-bottom: 60px;} #footer div.logo .cls-1:nth-child(5), #footer div.logo .cls-1:nth-child(6), #footer div.logo .cls-1:nth-child(7), #footer div.logo .cls-1:nth-child(8) {/* display:none; */} #footer div.menu {/* display: none !important; */width: auto;} #footer div.menu p.title-section { color:#FFF; text-align:center; font-weight:bold; font-size:25px; text-transform:uppercase; } #footer div.menu ul { margin:0; padding:0; } #footer div.menu ul li {width:100%;text-align:center;margin-right: 0;display: block;} #footer div.menu ul li a { text-transform:none; line-height:200%;} #footer p.copyright {/* display:none; *//* max-width: 190px; */text-align: center;margin: 0 auto;border-top: solid 1px rgba(0,0,0,.2);padding: 15px 0;padding-bottom: 0;font-size: 11px;} #footer div.languages { display:none; } #footer div.copyright div.social { text-align:center; } #content div.item-post h2.entry-category { margin-bottom:10px;} #content div.item-post h3.title a { font-size:25px; line-height:130%;} #content #featured div.col-sm-5 {min-height: 250px;overflow: scroll;} #content #featured div.col-sm-5 div.row {width: 730px;} #content #featured div.col-sm-5 div.mini-item-post h3.title a { font-size:13px;} #content #featured div.mini-item-post {width: 143px;display:inline-block;float:left;margin-left: 15px;margin-right: 15px;} #content #featured div.mini-item-post div.entry-image a img {width:143px;height:143px;min-height: 0;} #content #featured div.mini-item-post .entry-author { display:none;} #content div.mini-item-post div.entry-image a {height:auto;min-height:0;min-height: unset !important;} #content div.mini-item-post div.entry-image a img {width:100%;height:auto;display: block;} #content p.title-section { font-size:25px; margin-bottom:30px;} #content #lastStories { margin-bottom:50px; } #content #lastStories div.mini-item-post div.entry-image a { height:auto; min-height:0;} #content #lastStories div.mini-item-post div.entry-image a img { min-height:100px;} #content #lastStories div.mini-item-post h3.title a { font-size:15px;} #content #lastStories div.mini-item-post {margin-bottom:0;height: 340px;min-height: 340px;} #content #lastStories2 { margin-bottom:50px; } #content #lastStories2 div.mini-item-post div.entry-image a { height:auto; min-height:0;} #content #lastStories2 div.mini-item-post div.entry-image a img { min-height:100px;} #content #lastStories2 div.mini-item-post h3.title a { font-size:15px;} #content #lastStories2 div.mini-item-post { margin-bottom:0; height:300px;} #content #lastStories p.cta-more a { font-size:11px; line-height:40px;} #content #lastStories2 p.cta-more a { font-size:11px; line-height:40px;} #content #moreStories {background:#F7F7F7;margin-right:-15px;margin-left:-15px;padding:40px 45px;overflow-y: hidden;margin-bottom: 30px;} .nightshift #content #moreStories { background:#333; } #content #moreStories div.mini-item-post div.entry-image {float:left;/* width:136px; */margin-bottom: 0;} #content #moreStories div.item-post h2.entry-category { margin-top:30px;} #content #moreStories div.item-post h3.title a { font-size:15px; } #content #moreStories div.mini-item-post h3.title { height:auto; } #content #moreStories div.item-post p.entry-author { display:none;} #content #moreStories div.mini-item-post {margin-bottom:30px;height: auto;} #content div.entry-header p.entry-category { margin-top:60px;} #content div.entry-header h2.title { font-size:30px; line-height:130%;} #content div.entry-header div.entry-image img { width:100%; height:auto; border-radius:5px;} #content div.entry-header { padding-bottom:30px; } #content div.sidebar div.social-share {text-align:center;} #content div.sidebar div.selectTopics { margin-left:-30px; padding:10px 15px; margin-right:-30px; background:#F5F5F5; } .nightshift #content div.sidebar div.selectTopics { background:#393939;} #content div.sidebar div.selectTopics select { width:100%; height:50px; font-size:18px; color:#717171; } #content div.entry-author-post { background:none !important; text-align:center; font-size:16px; } #content div.entry-author-post div.entry-data p.author {} #content div.entry-author-post div.image { float:none; margin:0 auto;} .nightshift #content div.entry-author-post div.entry-data p.author a { font-size:24px; color:#0070FF; } #content div.entry-related {/* display:none; */margin-bottom: 0;overflow: hidden;} #content div.entry-header div.entry-author { display:none; } #content div.sidebar div.sticky {margin-top: 2px !Important;overflow: visible;background: #333;width: 100%;margin-left: -25px;z-index: 9999;padding: 0 30px;position: relative;margin-top: -150px !important;} #content div.sidebar.no-scroll div.sticky {margin-top:-150px !important;background: none;margin-left: 0;} #content div.sidebar.scrolledOver div.sticky { margin-left:0; width:100%; background:none; } #content div.sidebar.scrolledOver.scrolling div.sticky { background:#333; margin-left:-25px;} #content div.entry-related div.item-post {height:auto;margin-bottom: 30px;} #content div.entry-related .div.mini-item-post h3.title { height:auto; } #content div.entry-related div.item-post h3.title a { font-size:18px;} #content div.entry-related div.mini-item-post div.entry-image a img { width:100%;} #posts, .row, .container, #content {/* overflow-y:hidden; */} #content div.sidebar {overflow:visible;width: 100%;} #content div.entry-post * { max-width:100%; } #content div.entry-post { padding-top: 60px;} .navbar #menu-top ul.nav li ul { position:relative; height:auto; } }