@charset "utf-8"; /* Theme Name: Zero Um Theme URI: http://meiobit.com Version: 0.1 Description: Designed by Eder Augusto. Author: Eder Barros Author URI: http://ederaugusto.com/ */ /*-------------------------------------------------------------- # Reset Padrão --------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,input:focus{margin:0;padding:0;outline:none;-webkit-font-smoothing:antialiased;font-weight:400}table{border-collapse:collapse;border-spacing:0}*{-webkit-font-smoothing:subpixel-antialiased;-moz-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;font-smooth:always;-webkit-text-stroke:1px transparent;-moz-text-stroke:1px transparent;text-stroke:1px transparent;text-rendering:optimizeLegibility}a{text-decoration:none}.ui-tabs-focus{border:0;outline:none}*:focus{outline:none}.clr{clear:both!important}input,textarea,select,button{font-family:'Titillium Web',Segoe UI,Segoe,Arial,sans-serif !important;}h1,h2,h3,h4,h5,h6,strong{font-family:'Titillium Web',Segoe UI,Segoe,Arial,sans-serif} /*-------------------------------------------------------------- # Pré-processado --------------------------------------------------------------*/ html{background:#fff}body{background:#fff;position:relative;margin:0 auto!important;font-family:'Titillium Web',Segoe,Segoe UI,Arial,sans-serif;color:#333;font-size:16px}.fix-width{display:block}.opacity05{opacity:.05}.opacity10{opacity:.1}.opacity15{opacity:.15}.opacity20{opacity:.20}.opacity25{opacity:.25}.opacity30{opacity:.3}.opacity35{opacity:.35}.opacity40{opacity:.4}.opacity45{opacity:.45}.opacity50{opacity:.5}.opacity55{opacity:.55}.opacity60{opacity:.6}.opacity65{opacity:.65}.opacity70{opacity:.7}.opacity75{opacity:.75}.opacity80{opacity:.8}.opacity85{opacity:.85}.opacity90{opacity:.9}.opacity95{opacity:.95}.opacity100{opacity:1}.box5{width:5%;box-sizing:border-box;position:relative}.box10{width:10%;box-sizing:border-box;position:relative}.box15{width:15%;box-sizing:border-box;position:relative}.box20{width:20%;box-sizing:border-box;position:relative}.box25{width:25%;box-sizing:border-box;position:relative}.box30{width:30%;box-sizing:border-box;position:relative}.box33{width:33.33%;box-sizing:border-box;position:relative}.box35{width:35%;box-sizing:border-box;position:relative}.box40{width:40%;box-sizing:border-box;position:relative}.box45{width:45%;box-sizing:border-box;position:relative}.box50{width:50%;box-sizing:border-box;position:relative}.box55{width:55%;box-sizing:border-box;position:relative}.box60{width:60%;box-sizing:border-box;position:relative}.box65{width:65%;box-sizing:border-box;position:relative}.box66{width:66.66%;box-sizing:border-box;position:relative}.box70{width:70%;box-sizing:border-box;position:relative}.box75{width:75%;box-sizing:border-box;position:relative}.box80{width:80%;box-sizing:border-box;position:relative}.box85{width:85%;box-sizing:border-box;position:relative}.box90{width:90%;box-sizing:border-box;position:relative}.box95{width:95%;box-sizing:border-box;position:relative}.box100{width:100%;box-sizing:border-box;position:relative;display:block}.table-cell{display:table-cell!important;vertical-align:top}.f-right{float:right}.f-left{float:left}.center-box{margin:0 auto}.thin-border-left{border-left:1px solid #dcdcdc}.thin-border-right{border-right:1px solid #dcdcdc}.thin-border-top{border-top:1px solid #dcdcdc}.thin-border-bottom{border-bottom:1px solid #dcdcdc}.thin-border-full{border:1px solid #dcdcdc!important}.double-padding-full{padding:1.875em}.double-padding-left{padding-left:1.875em}.double-padding-right{padding-right:1.875em}.double-padding-top{padding-top:1.875em}.double-padding-bottom{padding-bottom:1.875em}.base-padding-full{padding:1.25em}.base-padding-left{padding-left:1.25em}.base-padding-right{padding-right:1.25em}.base-padding-top{padding-top:1.25em}.base-padding-bottom{padding-bottom:1.25em}.small-padding-full{padding:.938em}.small-padding-left{padding-left:.938em}.small-padding-right{padding-right:.938em}.small-padding-top{padding-top:.938em}.small-padding-bottom{padding-bottom:.938em}.smaller-padding-full{padding:.5em}.smaller-padding-left{padding-left:.5em}.smaller-padding-right{padding-right:.5em}.smaller-padding-top{padding-top:.5em}.smaller-padding-bottom{padding-bottom:.5em}.micro-padding-full{padding:.313em}.micro-padding-left{padding-left:.313em}.micro-padding-right{padding-right:.313em}.micro-padding-top{padding-top:.313em}.micro-padding-bottom{padding-bottom:.313em}.overflow-hide{overflow:hidden}.blocked{display:block!important}.center-text{text-align:center}.text-right{text-align:right}.text-left{text-align:left} /*-------------------------------------------------------------- # Transitions --------------------------------------------------------------*/ .smooth{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.comic{-webkit-transition:all 550ms cubic-bezier(.68,0,.265,1);-webkit-transition:all 550ms cubic-bezier(.68,-.55,.265,1.55);-moz-transition:all 550ms cubic-bezier(.68,-.55,.265,1.55);-o-transition:all 550ms cubic-bezier(.68,-.55,.265,1.55);transition:all 550ms cubic-bezier(.68,-.55,.265,1.55);-webkit-transition-timing-function:cubic-bezier(.68,0,.265,1);-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-moz-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.ease-in-out{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.blinker{animation:blinker 850ms cubic-bezier(.5,0,1,1) infinite alternate}@keyframes blinker{from{opacity:1}to{opacity:0}} /*-------------------------------------------------------------- # Estrutura --------------------------------------------------------------*/ body, html {background:#ffffff; color: #101619 !important; overflow-x: hidden;} .master {} .wrapper {display: block; position: relative; width: 1000px; margin: 0 auto;} .header {background:#101619; transition: 0.5s all; z-index: 2000; position: relative} .master.header.sticky {z-index: 10000 !important;} .header header svg.logo {float: left;} .logo-meio {fill: #fff;} .logo-bit, .logo-bit-footer {fill: url(#mb-blue) #3BA4F2;} .header header sv.g.logo:hover {} .hero {background: #0a0d0f;} .logo-meio, .logo-bit {fill-rule: evenodd;} .mobile-class, .tablet{ display: none; } .fullbanner-topo, .fullbanner-topo-single{ background: #202529 !important } #fullbanner, #fullbanner-2{ min-height: 90px; transition: 0.3s all; } .menu-button { margin-right: 2.2em; margin-top: -.5em;} #nav-toggle {display:block; cursor:pointer; height:25px; line-height:5px; position: relative; top: 27px;} #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 0.313em; width:2em; background: #5c676e; position: absolute; display: block; content: ''; } #nav-toggle span:before { top: -10px; } #nav-toggle span:after { bottom: -10px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 220ms ease-in-out; } #nav-toggle.active span { background-color: transparent; } #nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; } #nav-toggle.active span:before { transform: rotate(45deg); } #nav-toggle.active span:after { transform: rotate(-45deg); } .offcanvas.move-canvas { -moz-transform: translateX(-280px); -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); -ms-transform: translateX(-280px); transform: translateX(-280px); } .master.move-canvas { -moz-transform: translateX(-280px); -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); -ms-transform: translateX(-280px); transform: translateX(-280px); } .offcanvas {transition: 0.4s all; background: #0a0d0f; width: 280px; height: 100%; position: fixed; right:0; margin-right: -280px; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 2000; padding: 2em !important; padding-top: 95px !important; box-sizing: border-box;} .social-mobile{ display: none; } .offcanvas #searchtop .fas.fa-search { position: absolute; top: .7em; right: 0; } .offcanvas #searchtop input[type=text] {width: 100%;} .menu-mobile {margin: 1em 0;} .menu-mobile li {list-style: none;} .menu-mobile li a {font-size: 1.1em; color: #fff; line-height: 1.618em; padding: .5em 0; border-bottom:1px dashed #333; display: block;} .menu-mobile li ul {margin-left: 2em;} .main-menu {float: left; margin-left: 2em; position: relative;} .main-menu > li {list-style: none; float: left; margin: 0 0 0 0; position: relative;} .main-menu > li > a {color: rgba(255,255,255,0.60); position: relative; display: block; padding:0 .7em; line-height: 82.16px; height: 77.16px; margin: -1.25em 0; font-size: 1em; border-bottom:5px solid transparent;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; text-transform: lowercase; } .main-menu > li:hover > a {color: #fff; border-color:#fff;} .main-menu > li.current-menu-item > a, .main-menu > li.current-post-ancestor > a {border-color:#3BA4F2; color: #3BA4F2;} .main-menu > li.menu-item-has-children:hover > a {border-color:#1a2124; color: #fff; background: #1a2124;} .main-menu > li > .sub-menu {display: none; position: absolute; z-index: 2; background: #1a2124; padding: .5em 1em; height: 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .main-menu > li:hover > .sub-menu {display: block; height: auto;} .main-menu > li > .sub-menu > li {list-style: none;} .main-menu > li > .sub-menu > li > a {color: rgba(255,255,255,0.60); padding: .5em 1em; display: block; font-size: .75em; text-transform: uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .main-menu > li > .sub-menu > li:hover > a {color: #fff; background: rgba(255,255,255,0.06);} .social-menu li {list-style: none; float: left; margin: 0 1.3em 0 0} .social-menu li a {color: #fff; display: block; padding:0; line-height: 77.16px; height: 77.16px; margin: -1.25em 0; font-size: 1em; text-transform: lowercase; border-bottom:5px solid transparent;} .big-featured {height: 30em; position: relative; display: block;} .small-featured {height: 14.687em; position: relative; display: block;} .shadow-full {background: rgba(16, 22, 25, .65); width: 100%; height: 100%; position: absolute;} .category-ribbon {position: absolute; display: inline-block; padding: .7em 1.4em; background: #3BA4F2; color: #fff; font-size: .85em; text-transform: lowercase; border-bottom:3px solid #fff; left:25px; top: -2px;} .big-featured .caption, .small-featured .caption {position: absolute; bottom:0;} .big-featured .caption h2 {font-size: 2.7em; color: #fff; font-weight: bold; line-height: 1.1em; letter-spacing: -0.05em;} .box20 .big-featured .caption h2 {font-size: 1.6em;} .small-featured .caption h2 {font-size: 1.45em; color: #fff; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em;} .big-featured .caption p, .small-featured .caption p {color: rgba(255,255,255,0.65); margin-top: 1em; font-size: .9em;} .banner {background: #fff;} .square-featured {width: 490px; position: relative; display: block;} .square-featured .cover {width: 100%; height: 0; padding-bottom: 56.25%;} .square-featured .caption {background: #fff; position: relative; display: block; border:1px solid #eee; border-top:0;} .square-featured .caption .triangle { width: 0; height: 0; position: absolute; left: 25px; top: -22px; border-style: solid; border-width: 0 22px 22px 22px; border-color: transparent transparent #ffffff transparent; } .square-featured .caption h2 {color: #3BA4F2; font-size: 1.8em; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em;} .square-featured .caption p {color: rgba(16, 22, 25, 1);} .square-featured .caption p.details {margin: 1em 0; color: rgba(16, 22, 25, .65); font-size: .9em;} .inverted .square-featured .caption {background: #3BA4F2; border-color:#3BA4F2;} .inverted .square-featured .caption .triangle {border-color: transparent transparent #3BA4F2 transparent;} .inverted .square-featured .caption h2 {color: #fff;} .inverted .square-featured .caption p {color: #fff;} .inverted .square-featured .caption p.details {color:rgba(255, 255, 255, .65); } .col-articles-list {width: 680px; background: #fff; box-sizing: border-box;} .single-bit-article {border-bottom:1px dashed #ddd;} .single-bit-article .cover {min-height: 9em;} .single-bit-article .caption h2 {color: rgba(16, 22, 25, 1); font-size: 1.55em; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em;} .single-bit-article .caption p {color: rgba(16, 22, 25, 1);} .single-bit-article .caption p.details {margin: 1em 0; color: rgba(16, 22, 25, .5); font-size: .9em;} .single-bit-article.bit-sidebar .caption span {color: rgba(16, 22, 25, 1); font-size: 1.1em; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em;} .single-bit-article.bit-sidebar .cover {min-height: 5em;} .sidebar-featured {padding-bottom:1em; border-bottom:1px dashed #ddd;} .sidebar-featured .cover {width: 100%; height: 0; padding-bottom: 56.25%;} .sidebar-featured span {color: rgba(16, 22, 25, 1); font-size: 1.1em; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em;} .horizontal-featured {position: relative; display: block;} .horizontal-featured .cover {width: 510px; min-height: 350px;} .horizontal-featured .caption {width: 490px; box-sizing: border-box; background: #3BA4F2; position: relative; display: block; border:1px solid #3BA4F2; border-left:none;} .horizontal-featured .caption .triangle { width: 0; height: 0; position: absolute; top: 25px; left: -22px; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #3BA4F2 transparent transparent; } .horizontal-featured .caption h2 {color: #fff;font-size: 1.8em; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em;} .horizontal-featured .caption p {color: #fff;} .horizontal-featured .caption p.details {margin: 1em 0; color: rgba(255, 255, 255, .65); font-size: .9em;} .big-featured .caption p i, .small-featured .caption p i, .horizontal-featured .caption p.details i, .single-bit-article .caption p.details i, .square-featured .caption p.details i, .post p.details i {margin: 0 .3em 0 .7em;} .big-featured .caption p i.fa-user-alt, .small-featured .caption p i.fa-user-alt, .horizontal-featured .caption p.details i.fa-user-alt, .single-bit-article .caption p.details i.fa-user-alt, .square-featured .caption p.details i.fa-user-alt, .post p.details i.fa-user-alt {margin-left: 0 !important;} .sidebar-banner {width: 300px; position: relative;} .relacionados-grid {margin: 0 -.5em; padding: 0 !important;} .related-featured .cover {width: 100%; height: 0; padding-bottom: 55%; display: block;} .related-featured p {margin: 0 !important;} .post{width: 680px; position: relative;} .category-col {width: 1000px; position: relative;} .sidebar-single {width: 300px; position: relative;} .title-page {background:#3BA4F2;} .title-page h1 {color:#fff; font-size: 2em; font-weight: bold; line-height: 1em; text-transform: uppercase;} .single-page {background: #fff; padding-top: 20px;} .cover-news-open {width: 100%; height: 0; padding-bottom: 66.25%; padding-left: 65%; margin-left: -65%; position: relative;} .cover-news-open .triangle { width: 0; height: 0; position: absolute; right: 25px; bottom: 0; border-style: solid; border-width: 0 22px 22px 22px; border-color: transparent transparent #ffffff transparent; } .post h1 {color: #101619; font-size: 3em; letter-spacing: -0.03em; font-weight: bold; line-height: 1em; margin-top: 0.45em;} .post h2 {color: #101619; font-size: 1.3em; letter-spacing: -0.03em; line-height: 1.3em; margin-top: 0.6em; font-weight: normal;} .post h1 a {color: #101619; text-decoration: none;} .post p.details {padding: 1em 0; font-size: .9em; border-top:1px dashed #eee; border-bottom:1px dashed #eee; line-height: 35px;} .post p {color: #101619; font-size: 1.15em; line-height: 155%; margin: 1em 0;} .post .wp-caption img , .post p img {max-width: 100%; height: auto !important; margin: 0;} .post img.alignright {float: right; padding: 0 0 1em 1em;} .post img.alignleft {float: left; padding: 0 1em 1em 0;} .post .wp-caption {width: 100% !important; position: relative;} .post .wp-caption .wp-caption-text { background: #fafafa; color: #666; padding: 0.75em; font-size: .9em; width: 100%; display: block; box-sizing: border-box; margin: -1.7em 0 0em; position: relative; font-style: italic; text-align: center; } .post img{ } .post h3{ font-size: 2.2em; letter-spacing: -0.03em; line-height: 1.2em; } .post p a, .post li a { color:#101619; background:linear-gradient(180deg,transparent,#3BA4F2 0); background-size:100% 2px; background-position:bottom; background-repeat:no-repeat; transition:all .2s } .post p a:hover, .post li a:hover { color:#fff; background-size:100% 100% } .post p a img {background: none !important; border:0 !important; display: block; position: relative;} .post ul, .post ol {margin: 1em;} .post ul li, .post ol li {margin-bottom: 0; margin-left: 1.5em; font-size: 1.15em;} .post table th {padding: .7em; font-size: .9em; background: #f5f6f7; border-bottom:1px dashed #ddd;} .post table td {padding: .7em; font-size: .9em; border-bottom:1px dashed #ddd;} #breadcrumbs {font-size: .8em; color: #101619; margin-top: 1.5em; opacity: .7; display: block;} #breadcrumbs a {color: #3BA4F2;} .socialfloating {width: 50px !important; margin-left: -95px; padding-top: 50px; position: absolute;} .socialfloating span, .socialfloating a {display: table;} .socialfloating span {font-size: 2em; letter-spacing: -0.09em; font-weight: bold;} .socialfloating i {font-size: 24px; text-align: center; height: 50px; line-height: 50px; color:#fff; display: block; width: 50px; transition: all .2s linear;} .socialfloating i:hover {padding-left: 5px; margin-left:-5px;} .socialfloating i.fa-facebook {background:#3b5998} .socialfloating i.fa-twitter {background:#08a0e9} .socialfloating i.fa-google-plus-g {background:#DC4538} .socialfloating i.fa-whatsapp {background:#25D366} .socialfloating i.fa-telegram-plane {background:#0088cc} .sticky-active .socialfloating{ padding-top: 100px; width: 55px !important; } .fix_video {display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%;} .fix_video iframe {display: block; position: absolute; height: 100%;} hr {background:#eee; margin: 1.618em 0; height: 1px; padding: 0; border:0;} .sectionh3 {color:#101619; font-weight:800; font-size: 2.5em; margin: .3em 0; letter-spacing: -0.06em; text-transform: lowercase; } .mobile-css {display: none !important;} .col-articles-list a:fisrt-of-type .single-bit-article {padding-top:0 !important;} .footer {background:#101619;} .footer .social-menu li {list-style: none; float: left; margin: 0.8em 0.8em 0 0;} .footer .social-menu li a {color: #fff; display: block; font-size: 1.1em; line-height:normal; height:auto; margin:0; text-transform: lowercase;} .footer-menu > li {float: left; list-style: none;} .footer-menu > li > a {color: rgba(255,255,255,0.60); display: block; font-size: 1em; text-transform: lowercase; border-bottom:5px solid transparent;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; padding: .5em;} .footer-sub-menu > li {float: left; list-style: none;} .footer-sub-menu > li > a {color: rgba(255,255,255,0.40); display: block; font-size: .8em; text-transform: lowercase; border-bottom:5px solid transparent;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; padding: .6em;} .footer-sub-menu > li:hover > a, .footer-menu > li:hover > a {color:#fff;} .sub-footer {background: #1a2124; color: rgba(255,255,255,0.5); font-size: .9em;} .sub-footer svg {vertical-align: middle; padding-left: .5em;} .sub-footer svg .ea-logo { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; fill: rgba(255,255,255,0.5); fill-rule: evenodd; } .sub-footer:hover svg .ea-logo { fill:url(#mb-blue) #3BA4F2; } .pagination-block {text-align:center; margin:20px 0;} .wp-pagenavi, .pagination {display:block; margin-bottom:20px;} .wp-pagenavi a, .wp-pagenavi span, .pagination a { padding: 10px 14px; margin-right: 4px; background:#fff; font-size: 12px; line-height:12px; color: #444 !important; text-decoration: none !important; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display:inline-block; } .wp-pagenavi a:hover { background: #fff; color: #333 !important; border: 1px solid #333; } .wp-pagenavi span.current, .pagination span.current { background: #333; color: #fff !important; border: 1px solid #333; } .elm-button {padding: .6em 2em; border:2px solid #3BA4F2; background:#fff !important; color: #3BA4F2 !important; font-size: 1em; border-radius:4px; padding-bottom: 0px; cursor: pointer;} .elm-loading-anim{ font-size: 21px; } .elm-button-text{ padding-bottom: .6em; display: block; } #searchtop {position: relative;} #searchtop input[type=text] {font-size: .9em; width: auto; padding:.5em 2em .5em 1em; border:1px solid rgba(255,255,255,0.10);; border-radius:4px; transition: all .2s ease-in-out; background: transparent; color:#fff;} #searchtop input[type=submit] {display: none;} #searchtop .fas.fa-search {font-size:1em; margin-left: -2.2em; transition: all .2s ease-in-out; color: rgba(255,255,255,0.30);} #searchtop:hover input {border-color:rgba(255,255,255,0.30);} #searchtop:hover .fas.fa-search {color:#fff;} #searchtop input:focus {border-color:rgba(255,255,255,0.50);} #search-inside {position: relative;} #search-inside input[type=text] {font-size: .9em; width: auto; padding:.5em 2em .5em 1em; border:1px solid rgba(0,0,0,0.10);; border-radius:4px; transition: all .2s ease-in-out; background: transparent; color:#101619;} #search-inside input[type=submit] {display: none;} #search-inside .fa-search {font-size:1em; margin-left: -2.2em; transition: all .2s ease-in-out; color: rgba(0,0,0,0.31)} #search-inside:hover input {border-color:rgba(0,0,0,0.30);} #search-inside:hover .fa-search {color:#101619;} #search-inside input:focus {border-color:rgba(0,0,0,0.50);} #sidebanner, #sidebanner-2{ text-align: center; } .sidebar-follow{ padding-bottom: 20px; } #sidebanner{ min-height: 300px; display: flex; align-items: center; justify-content: center; } #ad-outstream-1{ display: none; } @media screen and (max-width: 3700px) { .cover-news-open {width: 100% ; height: 0 ; padding-bottom: 66.25% ; padding-left: 215%; margin-left: -215% ; position: relative ;} } @media screen and (max-width: 2100px) { .cover-news-open {width: 100% ; height: 0 ; padding-bottom: 66.25% ; padding-left: 85% ; margin-left: -85% ; position: relative;} } @media screen and (max-width: 1366px) { .cover-news-open {width: 100%; height: 0; padding-bottom: 40.25%; padding-left: 22%; margin-left: -22%; position: relative;} } .sidebanner-single, .sidebanner-2{ min-height: 250px; transition: 0.5s all; display: flex; align-items: center; justify-content: center; } @media screen and (max-width:1024px) { body {width: 100%; background: #fff !important;} .fullbanner-topo.pc{display: block !important;} .pc {display: none !important;} .tablet{ display: block; } .banner.mobile-class{ display: none; } .mobile-css {display: block !important;} .sidebar-single, .sidebar-banner {display: block; padding-right: 1.25em;} .wrapper {width: 100%; position: relative; margin: 0 auto; box-sizing: border-box; padding:0 1em;} .hero {padding: 1em !important;} .hero .box50.f-left, .hero .box20.f-left {width: 50%;} .hero .box30.f-right {width: 100%; float: none; clear: both;} .hero .box30.f-right .micro-padding-full {width: 50%; float: left; box-sizing: border-box;} .double-featured .f-left, .double-featured .f-right {width: 48.5%;} .sidebanner, #sidebanner-tablet-2{ text-align: center; } .square-featured {width: 100%; margin: 1em 0;} .double-featured {padding: 0; margin: 0;} .big-featured .caption h2{ font-size: 1.6em; } .square-featured .caption {} .big-featured {height: 18em;} .small-featured {height: 14em;} .col-articles-list {width: 100%; background: #fff; box-sizing: border-box; padding: .5em !important;} .single-bit-article .caption h2 {font-size: 1.2em;} .single-bit-article .cover {min-height: 7em;} .horizontal-featured .cover {width: 100%; float: none;} .horizontal-featured .caption {width: 100%; float:none;} .triangle {display: none;} .post, .category-col, .col-articles-list {width: calc(100% - 320px); position: relative;} .post h1 {font-size: 2.2em;} .post h2 {font-size: 1.3em;} .sectionh3 {font-size: 1.6em;} .single-page .wrapper {padding: 0 !important;} .cover-news-open {width: 100% !important; height: 0 !important; padding-bottom: 56.35% !important; padding-left: 0 !important; margin-left: 0 !important; position: relative;} .mobile-spacing {padding: 0 1.5em;} #breadcrumbs{display:none;} .footer .box20 {width: 35%; margin: 0 auto; float: none;} .sub-footer .box70, .sub-footer .box30 {width: 100%; float:none; text-align: center;} } @media screen and (max-width:768px) { body {width: 100%; background: #fff !important;} .pc, .tablet {display: none !important;} .mobile-css, .mobile-class{display: block !important;} .wrapper {width: 100%; position: relative; margin: 0 auto; box-sizing: border-box; padding:0 1em;} .hero {padding: 1em !important;} #loadmore-home .box30{ width: 100% !important; } .hero .box50.f-left, .hero .box20.f-left, .hero .box30.f-right, .hero .box65, .hero .box35 {width: 100%; float: none;} .hero .box30.f-right .micro-padding-full {width: 100%; float: none; box-sizing: border-box;} .double-featured .f-left, .double-featured .f-right {width: 100%;} .square-featured {width: 100% !important; margin-top: 1em; margin-bottom: 2em;} .double-featured .f-left, .double-featured .f-right {float: none;} .double-featured {padding: 0; margin: 0;} #retangulo-mobile, .fullbanner{ text-align: center; min-height: 300px; transition: 0.5s all; display: flex; align-items: center; justify-content: center; } .square-featured .caption {} /*.big-featured {height: 18em;}*/ .big-featured, .small-featured {height: 11em;} .col-articles-list, .category-col {width: 100%; background: #fff; box-sizing: border-box; padding: .5em !important;} .single-bit-article .caption h2 {font-size: 1.2em; margin-top: 0.65em;} .single-bit-article.base-padding-bottom{ padding-bottom: 0px; } .square-featured p.details, .single-bit-article .caption p.details{ margin: 0.5em 0; } .single-bit-article .cover {min-height: 9.5em;} .horizontal-featured .cover {width: 100%; float: none;} .horizontal-featured .caption {width: 100%; float:none;} .triangle {display: none;} .post, .category-col, .col-articles-list {float: none; width: 100%;} .post h1 {font-size: 2.2em;} .post h2 {font-size: 1.3em;} .sectionh3 {font-size: 1.6em;} .post ul, .post ol{ margin-left: 1.25em; } .single-page .wrapper {padding: 0 !important;} .cover-news-open {width: 100% !important; height: 0 !important; padding-bottom: 56.35% !important; padding-left: 0 !important; margin-left: 0 !important; position: relative;} .mobile-spacing {padding: 0 1.2em;} #breadcrumbs{display:none;} .sidebar-single {width: 100%; float: none; padding: 0 1.5em; box-sizing: border-box; display: none;} .sidebar-single .banner {text-align: center;} .footer .box20 {width: 70%; margin: 0 auto; float: none;} .sub-footer .box70, .sub-footer .box30 {width: 100%; float:none; text-align: center;} .relacionados-grid {margin: 0;} .relacionados-grid .box33 {float: none; margin: 0 0 1em 0; padding: 0; width: 100%;} .big-featured .caption h2, .square-featured .caption h2, .small-featured .caption h2, .box20 .big-featured .caption h2 { font-size: 1.35em; } .articles-list .box35, .articles-list .box65, .articles-list .box30, #ajaxloadmore .box30, #ajaxloadmore .box70, .articles-list .box70{ clear:both !important ; display: block !important; width: 100% !important; } .articles-list .double-padding-left{ padding-left: 0px !important; } .square-featured .square-excerpt, .horizontal-featured .horizontal-excerpt{ display: none; } /*BARRINHA DO TERRA ERA ESCONDIDO NO MOBILE, POR ENQUANTO NAO MAIS*/ /*#nb-partners-container{ display: none !important; } */ .footer .wrapper .box15 .logo{ max-width: 135px; } .footer .wrapper .box15{ text-align: center; width: 100%; } .square-featured .caption p.details{ margin-bottom: 0px; } #retangulo-tablet{ display: none; } .square-featured .cover{ padding-bottom: 46.4%; } #ad-outstream-1{ display: flex; } .post .wp-caption .wp-caption-text{ margin: -0.49em 0 0em; } .hidden-mobile{ display: none; } #extensao-chrome-post , #extensao-firefox-post { display:none; font-size:16px; } .chrome-botao, .firefox-botao { display:none; } .articles-list .box65{ padding-bottom: 0.5em; } .square-featured .caption h2{ padding-bottom: 0px !important; } .related-featured .cover{ padding-bottom: 35%; } .social-mobile {display: table; text-align: center; margin: auto; padding: 1em;} .social-mobile span, .socialfloating a {display: table;} .social-mobile span {font-size: 2em; letter-spacing: -0.09em; font-weight: bold;} .social-mobile i {font-size: 24px; text-align: center; height: 50px; line-height: 50px; color:#fff; display: block; width: 50px; transition: all .2s linear;} .social-mobile i:hover {padding-left: 5px; margin-left:-5px;} .social-mobile i.fa-facebook {background:#3b5998} .social-mobile i.fa-twitter {background:#08a0e9} .social-mobile i.fa-google-plus-g {background:#DC4538} .social-mobile i.fa-whatsapp {background:#25D366} .social-mobile i.fa-telegram-plane {background:#0088cc} .social-mobile a{ margin-right: 15px; display: inline-block; } } /**** CUSTOMIZACOES ****/ #loadmore-home .box30{ width: 35%; } #loadmore-home .box70{ width: 65%; } /*** melhorias na barra do topo fixada ***/ .sticky{ position: fixed; z-index: 2000 !important; width: 100%; top: 0; } .wrapper-sticky{ z-index: 1000 !important; } /** hover nos destaques da home ***/ .featured-link, .shadow-full, .square-link .cover, .list-post-link, .list-post-link .cover, .list-post-link h2, .novidades-link, .novidades-link .cover, .novidades-link span{ transition: 0.3s all; } .featured-link:hover .shadow-full{ background: rgba(16, 22, 25, .35); } .featured-link .big-featured .caption h2, .featured-link .small-featured .caption h2{ text-shadow: 1px 1px 2px rgba(0,0,0,.85); font-weight: bold; } .square-link:hover .cover{ -webkit-filter: brightness(1.15); -moz-filter: brightness(1.15); -o-filter: brightness(1.15); -ms-filter: brightness(1.15); filter: brightness(1.15); } .list-post-link:hover .cover, .novidades-link:hover .cover{ -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); } .list-post-link:hover h2{ color: #3BA4F2 !important; } .master #disqus_thread a{color: #3BA4F2;} .novidades-link:hover span{ transition: 0.3s all; color: #3BA4F2 !important; } .sticky-active, .wrapper-sticky .sticky{ /*padding-top: 90px !important;*/ } .post h2 p{ padding: 0px; margin: 0px; } body>img{ display: none; } #breadcrumbs a{ font-weight: bold; } /* Ad Containers */ .tb-ad-container, .tb-ad-container > div, .tb-ad-container > div > iframe { font-size: 0px; margin: 0px auto; text-align: center; } .tb-ad-container > div:empty { display: none; } @media only screen and (min-width: 768px) { #fullbanner .container { min-height: 90px; } } @media only screen and (max-width: 767px) { .tb-ad-container > div:not(:empty) { width: 100%; box-sizing: border-box; padding: 10px; } .tb-ad-container.full-size-ad > div:not(:empty) { padding: 0px; } .tb-ad-container.full-width-ad > div:not(:empty) { padding: 10px 0px; } /* Corrige os retangulos mobile */ #post #retangulo-mobile > div { margin: 0px; } /* CORRIGE ALTURA DOS BANNERS NO MOBILE PARA CONTEUDO NÃO "SAMBAR" E A LINHA VERTICALMENTE */ .tb-ad-container{ min-height: 300px; transition: 0.5s all; display: flex; align-items: center; justify-content: center; margin-top:16px; width: 100vw; margin-left: -19px; background: #f7f7f8 url(images/back_pattern.jpg) repeat; /*background: #202529;*/ /*background: #f7f7f8 ;*/ } #ad-outstream-1, #ad-outstream-2{ min-height: 480px; } } .title-page .avatar{ float: left; margin-top: -8px; margin-right: 5px; } .articles-list .sidebar-banner #sidebanner, #sidebanner-2{ min-height: 300px; } blockquote{ margin-left: 1em; border-left: 10px solid #efefef; padding-left: 0.5em; font-size: 1.25em; } .post blockquote p{ color: #333 !important; } /* wp default class of alignments */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } #extensao-chrome-post { background: #f8f8f8; padding: 5px; text-align:center; color: #666; font-size: 17px; font-weight:400; border: 1px solid #EBECEC; border-radius: 2px; margin: 0; } #extensao-firefox-post { background: #f8f8f8; padding: 5px; text-align:center; color: #666; font-size: 17px; font-weight:400; border: 1px solid #EBECEC; border-radius: 2px; margin: 0; } .chrome-icon { background: url('//tecnoblog.net/wp-content/uploads/2016/09/ChromeWebStore_Basket.png') no-repeat; background-size: 28px auto; position: absolute; width: 28px; height: 28px; right: 8px; margin: 3px auto 0; } .firefox-icon { background: url('../img/firefox_webstore.png') no-repeat; background-size: 28px auto; position: absolute; width: 28px; height: 28px; right: 8px; margin: 3px auto 0; } .chrome-botao { -webkit-font-smoothing: antialiased; margin-left: 10px; font-weight:600; color:#fff; width:122px; line-height: 32px; text-decoration: none; display: inline-block; border-radius: 2px; padding-right: 30px; position: relative; background: #229FD3; } .firefox-botao { -webkit-font-smoothing: antialiased; margin-left: 10px; font-weight:600; color:#fff; width:122px; line-height: 32px; text-decoration: none; display: inline-block; border-radius: 2px; padding-right: 30px; position: relative; background: #229FD3; } .related-featured .relacionados-link a{ color: #101619; font-size: 1.1em; font-weight: 600; line-height: 1.1em; letter-spacing: -0.02em; background: none; } .related-featured:hover .cover{ -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); } .related-featured:hover .relacionados-link a{ color: #3BA4F2; } .tags-container{ padding: 1em 0; font-size: .9em; border-top:1px dashed #eee; border-bottom:1px dashed #eee; } .tags-container p{ margin: 0px; padding: 0px; } .post .details img.avatar{ float: left; margin-right: 5px; } .bt-inicial{ background: #3482e3; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; display: table; padding: 5px 10px; text-align: center; margin: auto; margin-top: 10px; color: #fff; margin-bottom: 50px; } .title404{ font-size: 75px !important; text-align: center; font-family: 'Titillium Web', sans-serif; display: block; } .subtitle404{ font-weight: 300 !important; text-align: center; font-family: 'Titillium Web', sans-serif; display: block; } .wp-block-embed { margin: 0px; }