/* Theme Name: O Sul Author: Lucile Braucks Author URI: http://lucilebraucks.com Version: 1.0 */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; } body {margin: 0; padding:0; background-color: #fff; font-family: 'Lato', sans-serif; color: #434242; font-size: 18px; text-rendering: optimizeLegibility; overflow-x: hidden;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;} audio, canvas, progress, video {display: inline-block; vertical-align: baseline;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} abbr[title] {border-bottom: 1px dotted;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} code, kbd, pre, samp {font-size: 1em;} button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;} select {text-transform: none;} button {overflow: visible;} button, input, select, textarea {max-width: 100%;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default; opacity: .5;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #d1d1d1; margin: 0 0 1.75em; padding: 0.875em;} fieldset > :last-child {margin-bottom: 0;} legend {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} optgroup {font-weight: bold;} /*=============================================================================== WP ALIGNMENTS ===============================================================================*/ .alignleft {float: left; margin: 0.375em 1.75em 1.75em 0;} .alignright {float: right; margin: 0.375em 0 1.75em 1.75em;} .aligncenter {clear: both; display: block; margin: 0 auto 1.75em;} /*=============================================================================== FLEXIBLE EMBEDS ===============================================================================*/ embed, iframe, object, video {margin-bottom: 0; max-width: 100%; vertical-align: middle;} p > embed, p > iframe, p > object, p > video {margin-bottom: 0;} .entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {box-shadow: none;} .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {margin-top: 0; margin-bottom: 1.75em;} .wp-playlist.wp-audio-playlist {padding-bottom: 0;} .wp-playlist .wp-playlist-tracks {margin-top: 0;} .wp-playlist-item .wp-playlist-caption {border-bottom: 0; padding: 0.7142857143em 0;} .wp-playlist-item .wp-playlist-item-length {top: 0.7142857143em;} /*=============================================================================== CAPTIONS STYLE ===============================================================================*/ .wp-caption {margin-bottom: 0; max-width: 100%;} .wp-caption img[class*="wp-image-"] { display: block; margin: 0;} .wp-caption .wp-caption-text {color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;} /*=============================================================================== GALLERIES STYLE ===============================================================================*/ .gallery {margin: 0 -1.1666667% 1.75em;} .gallery-item {display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%;} .gallery-columns-1 .gallery-item {max-width: 100%;} .gallery-columns-2 .gallery-item {max-width: 50%;} .gallery-columns-4 .gallery-item {max-width: 25%;} .gallery-columns-5 .gallery-item {max-width: 20%;} .gallery-columns-6 .gallery-item {max-width: 16.66%;} .gallery-columns-7 .gallery-item {max-width: 14.28%;} .gallery-columns-8 .gallery-item {max-width: 12.5%;} .gallery-columns-9 .gallery-item {max-width: 11.11%;} .gallery-icon img {margin: 0 auto;} .gallery-caption {color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;} .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {display: none;} /*=============================================================================== BASIC FORMATTING ===============================================================================*/ h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color: #f37435; font-weight: 700; line-height: 1; font-family: 'Yanone Kaffeesatz', sans-serif;} h1 {font-size: 70px; } h2 {font-size: 38px; font-weight: 400;} h3 {font-size: 40px;} h4 {font-size: 30px;} h5 {font-size: 20px;} h6 {font-size: 18px;} p {margin: 0 0 12px; padding:0; font-size: 18px; line-height: 1.6;} dfn, cite, em, i {font-style: italic;} blockquote {margin:0; padding:0; z-index: 10; color: #fff;} blockquote p {margin:0; padding:0; font-style: normal; font-size: 0.95em; line-height: 1.4; } blockquote p strong {font-weight: 700;} blockquote cite {display: block; margin:0; padding:20px 0 10px 0; font-size: 1em; font-weight: 900; font-style: normal; line-height: 1;} address {font-style: normal; margin: 0; padding: 0; font-size: 0.875em; line-height: 1.6;} address p {margin: 0; padding: 0; font-size: 0.875em; line-height: 2; font-weight: 400;} code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace;} pre {border: 1px solid #d1d1d1; font-size: 1em; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} code {background-color: #d1d1d1; padding: 0.125em 0.25em;} abbr, acronym {border-bottom: 1px dotted #d1d1d1; cursor: help;} mark {background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none;} big {font-size: 125%;} a {color: #f37435; cursor: pointer; text-decoration: none;} a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;} a:hover {opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); text-decoration: none;} a:focus {text-decoration: none; } a:active {text-decoration: none;} hr {margin:10px 0; padding:0; border: 0; height: 1px; background-color: #316bbc;} ul, ol {margin: 0 0 1.75em 1.25em; padding: 0;} ul {list-style: none;} ol {list-style: decimal; margin-left: 1.5em;} li > ul, li > ol {margin-bottom: 0;} dl {margin: 0 0 1.75em;} dt {font-weight: 700;} dd {margin: 0 0 1.75em;} img {height: auto; max-width: 100%; vertical-align: middle;} del {opacity: 0.8;} table, th, td {} table {border-collapse: separate; border-spacing: 0; margin: 0 0 1.75em; table-layout: fixed; width: 100%;} caption, th, td {font-weight: normal; text-align: left;} th {border-width: 0; font-weight: 700;} td {border-width: 0;} th, td {padding: 0.4375em;} .overlayPopup a:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); text-decoration: none;} .overlayPopup table, .overlayPopup th, .overlayPopup td {border: 0 solid transparent !important; border-width: 0 0 0 0 !important; background-color: transparent !important; margin: 0 !important; padding: 0 !important;} /*=============================================================================== FORMS ===============================================================================*/ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder {color: #9aa7b8;} :-moz-placeholder {color: #9aa7b8;} ::-moz-placeholder {color: #9aa7b8; opacity: 1;} :-ms-input-placeholder {color: #9aa7b8;} input {line-height: normal;} label {display: block; margin:10px 0 0 0; padding:0; font-size: 20px !important; color: #0072bc; font-weight: 700 !important;} .button, button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {margin:0 auto; padding:10px 10px 5px; background-color: #f37435; text-align: center; width: auto; line-height: 1; font-size: 30px; text-transform: uppercase; color: #fff; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out; font-weight: 700; border: 0 !important; font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing: 6px;} .button:hover, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #0072bc} select {display: block; margin:0 !important; padding: 14px 8px 13px !important; height: auto !important; width: 100%; line-height: 1; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; background: #eceff4 url('images/mockselect.jpg') right center no-repeat; font-weight: 400; color: #9aa7b8; width: 100%; line-height: 1; font-size: 16px !important; border: 1px solid #0072bc; outline: 0;} button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {outline: thin dotted; outline-offset: -4px;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {margin:0; padding: 14px 8px !important; background-color: #eceff4; color: #9aa7b8; width: 100%; line-height: 1; font-size: 16px !important; border: 1px solid #0072bc; outline: 0;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {border: 1px solid #f37435; outline: 0;} /* ============================================================================ GENERAL STYLES ===============================================================================*/ .container {margin: 0 auto; width: 100%; max-width: 1170px;} @media (min-width : 1021px) and (max-width : 1169px) { .container {padding: 0 20px;} } section {padding: 30px 0;} .desktop {display: block;} .mobile {display: none;} /* ============================================================================ HEADER STYLES ==============================================================================*/ /*header {margin: 15px 0 0 0; padding: 0; } header .span4:nth-of-type(2) {text-align: center;} header .logo {margin:0 auto; padding:0; width:210px; height: 95px; } header .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: transparent url('images/logo.jpg') no-repeat top center; text-indent: -9000px; background-size: 100% auto;}*/ header .social-menu {margin:26px 0 15px 0; padding:0; display: inline-block; width: auto;} header .social-menu li {margin:0 4px 0 0; padding:0; display: inline-block; width: auto;} header .social-menu li a {display: block; margin:0 !important; padding:0 !important; color: #fff; font-size: 0; width: 31px; height: 31px !important; background-color: #fff !important; border-radius: 50%; overflow: visible; border: 1px solid #f37435; text-align: center;} header .social-menu li a i {margin:5px 0 0 0; padding:0; font-size: 20px; color: #f37435;} .topDate {margin:0; padding:0; font-size: 16px; line-height: 1; } header .previsaoTempo {margin: 16px 0 0 0; padding: 50px 0 0 0;text-align: right; font-size: 16px; font-weight: 400; line-height: 30px;} header .weather-atlas-wrapper {border: 0 solid #fff !important;} header .weather-atlas-wrapper .weather-atlas-header {background: rgba(0,0,0,.0) !important;} header .weather-atlas-header {display: none !important;} header .weather-atlas-footer {display: none !important;} header .weather-atlas-wrapper .current_temp {margin-top: -90px; text-align: right !important;} header .weather-atlas-wrapper .current_temp .current_text {display: none !important;} header .weather-atlas-wrapper .weather-atlas-body {padding: .7em 0 !important;} header .weather-atlas-wrapper .current_temp .temp {font-size: 2em !important;} /* ============================================================================ NEW HEADER WITH NEWSLETTER STYLES ==============================================================================*/ header.newsletter {margin: 0; padding: 0;} .topBar {margin:0; padding:0; background-color: #f37435;} header.newsletter .social-menu {margin: 0; padding: 2px 0 6px; display: inline-block; width: auto; float: right;} header.newsletter .social-menu li {margin:0 4px 0 0; padding:0; display: inline-block; width: auto;} header.newsletter .social-menu li a {display: block; margin:0 !important; padding:0 !important; color: #fff; font-size: 0; width: 31px; height: 31px !important; background-color: transparent !important; border-radius: 0; overflow: visible; border: 0 solid #f37435; text-align: center;} header.newsletter .social-menu li a i {margin:5px 0 0 0; padding:0; font-size: 26px; color: #fff;} header.newsletter .social-menu li:nth-of-type(4) a i {font-size: 22px;} header.newsletter .topDate {margin:0; padding:10px 0 0; font-size: 16px; color: #fff; line-height: 1; } header.newsletter .logo {margin:20px 0; padding:0; width:210px; height: 95px; float: left;} header.newsletter .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: transparent url('images/logo.jpg') no-repeat top center; text-indent: -9000px; background-size: 100% auto;} /*header.newsletter .logo {margin:20px 0; padding:0; width:280px; height: 95px; float: left;} header.newsletter .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: transparent url('images/logo-20anos.png') no-repeat top center; text-indent: -9000px; background-size: 100% auto;}*/ header.newsletter .previsaoTempo {margin: 0; padding: 85px 0 0 50px; text-align: left; font-size: 16px; font-weight: 400; line-height: 30px; float: left;} .newsletterWidget {margin:0; padding:0; float: right; text-align: right;} .newsletterWidget h3 {margin:23px 0 5px 0; padding:0; color: #0072bb; font-size: 16px !important; font-family: 'Lato', sans-serif !important; font-weight: 900 !important; letter-spacing: 1.5px !important;} .newsletterWidget p {margin:0; padding:0 0 0 36%; font-size: 15px; line-height: 1.1;} .newsletterWidget p a {display: inline-block; margin: 8px 0 0 0; padding:0; font-size: 13px; color: #fff; line-height: 28px; font-weight: 400; text-transform: uppercase; text-align: center; width: 218px; background-color: #0072bb;} /* ============================================================================ MAIN MENU STYLE ===============================================================================*/ nav {margin:0 0 15px; padding:0; background-color: #f37435;} .menu-main-menu-container {display: inline-block; width: auto;} header .primary-menu {margin:0; padding:0; width: auto !important;} header .primary-menu li {margin:0; padding:0; display: inline-block; position: relative;} header .primary-menu li a {display: block; margin:0; padding:20px 8px; color: #fff; font-size: 22px; line-height: 1; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; letter-spacing: 1px;} header .primary-menu li.anuncie a {margin-left: 15px; padding:20px; background-color: #0072bc;} header .primary-menu li .sub-menu {display: none; position: absolute; width: auto; top:64px; left:0; margin:0; padding:5px 5px 10px; height: auto; z-index: 9999999; background-color: #f37435;} header .primary-menu li .sub-menu li {display: block; margin:0; padding:0 !important; float: none; white-space: nowrap;} header .primary-menu li .sub-menu li a {display: block; margin:0; padding:10px 20px 10px 10px; color: #fff; line-height: 1;} header .primary-menu li.current-menu-item a, header .primary-menu li .sub-menu li.current-menu-item a {background-color: #0072bc;} header .primary-menu li a:hover, header .primary-menu li .sub-menu li a:hover {background-color: #0072bc; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} header .primary-menu li.current-menu-item .sub-menu li a {background-color: transparent;} header .primary-menu li.current-menu-item .sub-menu li.current-menu-item a {background-color: #0072bc; color: #fff;} header .primary-menu li.menuCapa {display: none !important;} #searchform {margin:0; padding:0; width: 134px; float: right;} #searchform input[type="text"] {margin:0; padding:18px 10px 6px !important; width: 70%; background-color: #f37435; border: 0; color: #fff; font-style: italic; font-weight:300; font-size: 18px !important; letter-spacing: 0.5px; text-align: right; float: right;} #searchform input[type="submit"] {margin:18px 0 0 0; padding:0; width: 40px; height: 26px; border: 0 !important; background: transparent url('images/search.png') no-repeat center center; float: right;} #searchform ::-webkit-input-placeholder {color: #fff;} #searchform :-moz-placeholder {color: #fff;} #searchform ::-moz-placeholder {color: #fff; opacity: 1;} #searchform :-ms-input-placeholder {color: #fff;} /* ============================================================================ HOME STYLE ==============================================================================*/ .featureNews {margin:0; padding: 10px 0 0 0;} .featureNews .span8 {margin:0 !important; padding: 2px; width: 66.66666666666667% !important;} .featureNews .span4 {margin:0 !important; padding: 2px; width:33.33333333333333% !important;} .featureNews .featureBlock {height: 425px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .featureNews .gradient {margin:0; padding:0; height: 425px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .featureNews .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 38px; line-height: 1.1; font-weight: 400;} .featureNews .gradient h2 small {display: inline-block; margin:0 0 20px 0; padding: 4px 4px 6px; width: auto; font-size: 14px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .featureNews .gradient h2 a {color: #fff; display: block;} .featureNewsEasy {margin:0; padding: 10px 0 0 0;} .featureNewsEasy h2 { color: #0072bc !important;} .featureNewsEasy h2:before {background-color: #0072bc !important;} .featureNewsEasy ul {margin:0; padding:0;} .featureNewsEasy ul li {margin:0 !important; padding: 2px; width:33.33333333333333% !important; float: left;} .featureNewsEasy ul li:nth-of-type(1) {width: 66.66666666666667% !important;} .featureNewsEasy .featureBlock {height: 425px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .featureNewsEasy .gradient {margin:0; padding:0; height: 425px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .featureNewsEasy .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 34px; line-height: 1.1; font-weight: 400;} .featureNewsEasy .gradient h2 small {display: inline-block; margin:0 0 20px 0; padding: 4px 4px 6px; width: auto; font-size: 14px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .featureNewsEasy .gradient h2 a {color: #fff; display: block;} .featureNewsJornal {margin:0; padding: 10px 0 0 0;} .featureNewsJornal h2 { color: #0072bc !important;} .featureNewsJornal h2:before {background-color: #0072bc !important;} .featureNewsJornal ul {margin:0; padding:0;} .featureNewsJornal ul li {margin:0 !important; padding: 2px; width:50% !important; float: left;} .featureNewsJornal .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .featureNewsJornal .gradient {margin:0; padding:0; height: 200px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .featureNewsJornal ul li:nth-of-type(1) .featureBlock {height: 404px;} .featureNewsJornal ul li:nth-of-type(1) .gradient {height: 404px;} .featureNewsJornal .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px; line-height: 1; font-weight: 400;} .featureNewsJornal .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .featureNewsJornal .gradient h2 a {color: #fff; display: block;} .featureNewsJornal ul li:nth-of-type(1) .gradient h2 {font-size: 34px;} .featureNewsJornal ul li:nth-of-type(1) .gradient h2 small {margin:0 0 20px 0; font-size: 14px;} .edicaoHoje img {width: 100%;} .edicaoHoje ul {margin:26px 0 0 0; padding:0; width: 100%;} .edicaoHoje ul li {margin:0; padding:0; width: 100% !important;} .edicaoHoje ul li a {display: block; margin:15px 0; padding:20px 0; background-color: #0072bc; height: 109px; width: 100%; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 20.92px; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: 1.5px;} .edicaoHoje ul li a span {font-size: 43.57px; letter-spacing: 12px; padding-left: 10px;} .edicaoHoje ul li:nth-of-type(1) a {letter-spacing: 2px;} .edicaoHoje ul li:nth-of-type(1) a span {letter-spacing: 7px; padding-left: 6px;} .coronavirusCapa ul {margin:0; padding:0;} .coronavirusCapa ul li {margin:0 !important; padding: 2px; width:33.33333333333333% !important; float: left;} .coronavirusCapa .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .coronavirusCapa .gradient {margin:0; padding:0; height: 200px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .coronavirusCapa .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px; line-height: 1; font-weight: 400;} .coronavirusCapa .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .coronavirusCapa .gradient h2 a {color: #fff; display: block;} .coronavirusCapa ul li:nth-of-type(1) {width: 50% !important;} .coronavirusCapa ul li:nth-of-type(1) .featureBlock {height: 440px;} .coronavirusCapa ul li:nth-of-type(1) .gradient {height: 440px;} .coronavirusCapa ul li:nth-of-type(1) .gradient h2 {font-size: 34px;} .coronavirusCapa ul li:nth-of-type(1) .gradient h2 small {margin:0 0 20px 0; font-size: 14px;} .coronavirusCapa ul li:nth-of-type(2) {width: 50% !important;} .coronavirusCapa ul li:nth-of-type(2) .featureBlock {height: 218px;} .coronavirusCapa ul li:nth-of-type(2) .gradient {height: 219px;} .coronavirusCapa ul li:nth-of-type(3) {width: 50% !important;} .coronavirusCapa ul li:nth-of-type(3) .featureBlock {height: 218px;} .coronavirusCapa ul li:nth-of-type(3) .gradient {height: 218px;} /* ============================================================================ O SUL VINTE ANOS ==============================================================================*/ .oSulVinteAnos img {float: left; width: 320px; margin: 0 40px 65px 0;} .oSulVinteAnos h2.capa {margin-bottom: 70px !important;} .oSulVinteAnos h3 {margin:8px 0 0 0; padding:0; font-size: 60px; font-weight: 700; color: #0072bb; text-transform: uppercase; text-align: left; letter-spacing: 5px;} .oSulVinteAnos h4 {margin:0; padding:0; font-size: 109px; font-weight: 700; color: #0072bb; text-transform: uppercase; text-align: left;} .oSulVinteAnos h4 small {display: block; margin:0; padding:30px 0 12px; font-size: 63px; font-weight: 400; color: #0072bb; text-transform: uppercase; text-align: left; letter-spacing: 28.5px;} .oSulVinteAnos ul {margin:0; padding:0;} .oSulVinteAnos ul li {margin:0 !important; padding: 2px; width:33.33333333333333% !important; float: left;} .oSulVinteAnos .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .oSulVinteAnos .gradient {margin:0; padding:0; height: 200px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .oSulVinteAnos .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px; line-height: 1; font-weight: 400;} .oSulVinteAnos .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .oSulVinteAnos .gradient h2 a {color: #fff; display: block;} .oSulVinteAnos .cadernoLinks {margin:40px 0 0 0; padding: 0; list-style-type: none;} .oSulVinteAnos .cadernoLinks li {margin:0 8px 0 0 !important; padding:0 !important; display: inline-block !important; width: auto !important;} .oSulVinteAnos .cadernoLinks li a {display: block; margin:0; padding: 14px 0 4px; width: 240px; background-color: #0072bb; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 60px; font-family: 'Yanone Kaffeesatz', sans-serif;} .oSulVinteAnos .cadernoLinks li:last-of-type a {width: 305px; background-color: #f47435;} .oSulVinteAnos .categriasLinks {margin:40px 0 0 0; padding: 0; list-style-type: none; width: 100%; clear: both;} .oSulVinteAnos .categriasLinks li {} .oSulVinteAnos .categriasLinks li a {display: block; margin:0; padding: 24px 0 20px; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 38px; font-family: 'Yanone Kaffeesatz', sans-serif; background-color: #f47435;} h2.capa {margin:50px 0 40px; padding:0; font-size: 64px; color: #f37435;; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 20px; line-height: 1;} h2.capa span {padding: 0 70px 0 0; background-color: #fff; width: auto !important; position: relative; z-index: 5;} h2.capa:before {content: ''; display: block; margin:-10px 0 0 0; padding:0; background-color: #f37435; height: 20px; width: 100%; position: absolute; top: 40%; left: 0; z-index: 1;} .threeSection:nth-of-type(1) {margin:0; padding:2px; width: 50%; height: 440px; float: left; } .threeSection:nth-of-type(2) {margin:0; padding:2px; width: 50%; height: 220px; float: right; } .threeSection:nth-of-type(3) {margin:0; padding:2px; width: 50%; height: 220px; float: right; } .threeSectionInner {margin:0; padding:0; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center 30%; cursor: pointer;} .threeSectionInner .gradient {margin:0; padding:0; height: 100%; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .threeSectionInner .gradient h3 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 15px; left: 20px; font-size: 24px; font-weight: 400; line-height: 1.2;} .threeSectionInner .gradient h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 3px 4px; width: auto; font-size: 12px; line-height: 10px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .threeSectionInner .gradient h3 a {color: #fff; display: block;} .threeSection:nth-of-type(1) .threeSectionInner .gradient h3 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 15px; left: 20px; font-size: 32px; font-weight: 400; line-height: 1.2;} .threeSection:nth-of-type(1) .threeSectionInner .gradient h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 3px 4px; width: auto; font-size: 14px; line-height: 10px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .rioGrande .threeSection:nth-of-type(1) {margin:0; padding:2px; width: 40%; height: 440px; float: left; } .rioGrande .threeSection:nth-of-type(2) {margin:0; padding:2px; width: 30%; height: 220px; float: left; } .rioGrande .threeSection:nth-of-type(3) {margin:0; padding:2px; width: 30%; height: 220px; float: left; } .rioGrande .threeSection:nth-of-type(4) {margin:0; padding:2px; width: 30%; height: 220px; float: left; } .rioGrande .threeSection:nth-of-type(5) {margin:0; padding:2px; width: 30%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(1) {margin:0; padding:2px; width: 56%; height: 440px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(2) {margin:0; padding:2px; width: 44%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(3) {margin:0; padding:2px; width: 44%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(4) {margin:0; padding:2px; width: 56%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(5) {margin:0; padding:2px; width: 44%; height: 220px; float: left; } .rioGrandeBanner .span8 {margin:0 !important; padding: 0 !important; width: 70%;} .rioGrandeBanner .span4 {margin:0 !important; padding: 2px 0 0 0 !important; width: 30%; text-align: right} .allNews {margin:40px 0 0 0; padding: 0; clear: both; text-align: right;} .especial h2 { color: #f37435;} .especial h2:before {background-color: #f37435;} .especial .button {background-color: #f37435;} .opiniao .span4 {text-align: center;} .opiniao .span4 img {border-radius: 50%; width: 125px; height: auto;} .opiniao .span4 h3 {margin:0; padding: 20px 0 0 0; font-size: 28px; text-transform: uppercase; letter-spacing: 2px;} .opiniao .span4 blockquote {margin:0; padding: 10px 0; font-size: 18px; line-height: 1.4; color: #434242; font-style: italic;} .opiniao .span4 blockquote a {color: #434242;} .opiniao .span3 {margin:0 !important; padding: 10px !important; width: 25% !important; height: 280px; text-align: center;} .opiniao .span3 img {border-radius: 50%; width: 125px; height: auto;} .opiniao .span3 h3 {margin:0; padding: 20px 0 0 0; font-size: 28px; text-transform: uppercase; letter-spacing: 2px;} .opiniao .span3 blockquote {margin:0; padding: 10px 0; font-size: 18px; line-height: 1.4; color: #434242; font-style: italic;} .opiniao .span3 blockquote a {color: #434242;} .opiniao .span6 {margin:0 !important; padding: 10px !important; width: 50% !important; height: 180px; text-align: left;} .opiniao .span6 img {border-radius: 50%;} .opiniao .span6 h3 {margin:0; padding: 20px 0 0 0; font-size: 24px; text-transform: uppercase; letter-spacing: 2px;} .opiniao h3 a {color: #f37435 !important;} ul.opiniao li.span3 {height: 330px;} ul.opiniao li.span3.associacao-do-ministerio-publico-do-rs, ul.opiniao li.span3.associacao-riograndense-de-imprensa, ul.opiniao li.span3.efemerides-colunistas, ul.opiniao li.span3.opiniao {display: none !important;} .grenal.gremio {background: #3f84aa; background: -moz-linear-gradient(left, #3f84aa 0%, #3f84aa 50%, #c13e44 50%, #c13e44 100%); background: -webkit-linear-gradient(left, #3f84aa 0%,#3f84aa 50%,#c13e44 50%,#c13e44 100%); background: linear-gradient(to right, #3f84aa 0%,#3f84aa 50%,#c13e44 50%,#c13e44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f84aa', endColorstr='#c13e44',GradientType=1 ); } .grenal.inter {background: #c13e44; background: -moz-linear-gradient(left, #c13e44 0%, #c13e44 50%, #3f84aa 50%, #3f84aa 100%); background: -webkit-linear-gradient(left, #c13e44 0%,#c13e44 50%, #3f84aa 50%,#3f84aa 100%); background: linear-gradient(to right, #c13e44 0%,#c13e44 50%,#3f84aa 50%,#3f84aa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c13e44', endColorstr='#3f84aa',GradientType=1 ); } .grenal {margin:0; padding:35px 0;} .grenal h2.capa {margin:50px 0 40px; padding:0; font-size: 64px; color: #fff;; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 20px; line-height: 1;} .grenal h2.capa span {padding: 0 70px 0 0; width: 47% !important; background-color: transparent !important; position: relative; z-index: 5;} .grenal h2.capa:before {content: ''; display: block; margin:-10px 0 0 0; padding:0; background-color: #fff; height: 20px; width: 53%; position: absolute; top: 40%; right: 0 !important; left: auto !important; z-index: 1;} .grenal .span6 {margin:0 !important; padding: 10px !important; width: 50% !important;} .grenal.inter .span6 {float: right;} .span6.inter .button {color: #c13e44; background-color: #fff;} .span6.gremio .button {color: #3f84aa; background-color: #fff;} .grenal .threeSection {margin:0 0 10px 0; padding:0; width: 100%; height: 382px; float: none;} .grenalInner {margin:0; padding:0; width: 100%; clear: both;} .grenalInner img {margin: 6px 10px 10px 0; float: left; width: 250px; height:170px;} .grenalInner h3 {margin:0; padding: 0 9px 0 0; font-size: 24px; font-weight: 400; line-height: 1.2; letter-spacing: 1px;} .grenalInner h3 small {display: inline-block; margin:0 0 10px 0; padding: 3px 4px 5px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .grenalInner h3 a {color: #fff; display: block;} .voceviuCapa ul {margin:0; padding:0;} .voceviuCapa ul li {margin:0 !important; padding: 2px; width:33.33333333333333% !important; float: left;} .voceviuCapa ul:nth-of-type(3) li {float: right;} .voceviuCapa ul:nth-of-type(2) li {margin:0 !important; padding: 2px; width:50% !important; float: left;} .voceviuCapa .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .voceviuCapa .gradient {margin:0; padding:0; height: 200px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .voceviuCapa .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px; line-height: 1; font-weight: 400;} .voceviuCapa .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .voceviuCapa .gradient h2 a {color: #fff; display: block;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) .featureBlock {height: 404px;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) .gradient {height: 404px;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) .gradient h2 {font-size: 34px;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) .gradient h2 small {margin:0 0 20px 0; font-size: 14px;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) .featureBlock {height: 404px;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) .gradient {height: 404px;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) .gradient h2 {font-size: 34px;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) .gradient h2 small {margin:0 0 20px 0; font-size: 14px;} /*.voceviuCapa h2 { color: #0072bc !important;} .voceviuCapa h2:before {background-color: #0072bc !important;} .voceviuCapa .button {background-color: #0072bc !important;} */ .emfocoCapa ul {margin:0; padding:0;} .emfocoCapa ul li {margin:0 !important; padding: 2px; width:33.33333333333333% !important; float: left;} .emfocoCapa ul li:nth-of-type(6) {width: 50% !important;} .emfocoCapa ul li:nth-of-type(7) {width: 50% !important;} .emfocoCapa ul li:nth-of-type(11) {width: 50% !important;} .emfocoCapa ul li:nth-of-type(12) {width: 50% !important;} .emfocoCapa ul li:nth-of-type(13) {width: 50% !important;} .emfocoCapa ul li:nth-of-type(14) {width: 50% !important;} .emfocoCapa .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .emfocoCapa .gradient {margin:0; padding:0; height: 200px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .emfocoCapa .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px; line-height: 1; font-weight: 400;} .emfocoCapa .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .emfocoCapa .gradient h2 a {color: #fff; display: block;} .emfocoCapa ul li:nth-of-type(1) .featureBlock {height: 404px;} .emfocoCapa ul li:nth-of-type(1) .gradient {height: 404px;} .emfocoCapa ul li:nth-of-type(1) .gradient h2 {font-size: 34px;} .emfocoCapa ul li:nth-of-type(1) .gradient h2 small {margin:0 0 20px 0; font-size: 14px;} .emfocoCapa h2 { color: #f37435;} .emfocoCapa h2:before {background-color: #f37435;} .emfocoCapa .button {background-color: #f37435;} /*====================================================================== ELEIÇÕES 2022 ========================================================================*/ .eleicoesCapa ul {margin:0; padding:0; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.2rem;} .eleicoesCapa ul li {margin:0 !important; padding: 0;} .eleicoesCapa ul li:nth-of-type(1) {grid-column: span 2; grid-row: span 2; height: 30.2rem;} .eleicoesCapa ul li:nth-of-type(4) {grid-column: span 2;} .eleicoesCapa .featureBlock {height: 15rem; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .eleicoesCapa .gradient {margin:0; padding:0; height: 15rem; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .eleicoesCapa .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px; line-height: 1; font-weight: 400;} .eleicoesCapa .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .eleicoesCapa .gradient h2 a {color: #fff; display: block;} .eleicoesCapa ul li:nth-of-type(1) .featureBlock, .eleicoesCapa ul li:nth-of-type(1) .gradient {height: 30.2rem;} .eleicoesCapa h2 { color: #0072bc;} .eleicoesCapa h2:before {background-color: #0072bc;} .eleicoesCapa .button {background-color: #0072bc;} /* begin media for smartphone */ @media (min-width : 230px) and (max-width : 767px) { .eleicoesCapa ul {grid-template-columns: 1fr 1fr; gap: 0.2rem;} .eleicoesCapa ul li .featureBlock, .eleicoesCapa ul li .gradient {height: 18rem;} .eleicoesCapa ul li:nth-of-type(1) {grid-column: span 2; grid-row: span 1; height: 15rem;} .eleicoesCapa ul li:nth-of-type(1) .featureBlock, .eleicoesCapa ul li:nth-of-type(1) .gradient {height: 15rem;} } .jornalOSul h2 { color: #0072bc;} .jornalOSul h2:before {background-color: #0072bc;} .jornalOSul .span8 img {border: 2px solid #0072bc; float: left; height: 426px; width: auto;} .jornalOSul .span8 ul {margin:96px 0 0 0; padding:0; float: left;} .jornalOSul .span8 ul li a {display: block; margin:20px 0; padding:10px; background-color: #0072bc; width: 335px; height: 90px; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 20.92px; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: 1.5px;} .jornalOSul .span8 ul li a span {font-size: 43.57px; letter-spacing: 12px; padding-left: 10px;} .jornalOSul .span8 ul li:nth-of-type(1) a {letter-spacing: 2px;} .jornalOSul .span8 ul li:nth-of-type(1) a span {letter-spacing: 7px; padding-left: 6px;} .portoAlegre h2 { color: #0072bc;} .portoAlegre h2:before {background-color: #0072bc;} .portoAlegre .button {background-color: #0072bc;} /*=============================== MAGAZINE ===============================*/ .magazine {margin:0; padding: 10px 0 0 0;} .magazine h2 { color: #0072bc;} .magazine h2:before {background-color: #0072bc;} .magazine .button {background-color: #0072bc;} .magazine .span6 {margin:0 !important; padding:2px; width: 50% !important;} .magazine .span3 {margin:0 !important; padding:2px; width: 25% !important;} .magazine .span6 .span6 {padding:0;} .magazine .gradient {margin:0; padding:0; height: 100%; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .magazine .gradient h3 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 24px;} .magazine .gradient h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px; width: auto; font-size: 12px; line-height: 10px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .magazine .gradient h3 a {color: #fff; display: block;} .magazinePost {display: block; margin:0; padding:0; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .magazinePost.one {height: 694px;} .magazinePost.two {height: 230px; margin-bottom: 4px;} .magazinePost.three {height: 460px;} .magazinePost.four {height: 456px; margin-bottom: 4px;} .magazinePost.five {height: 234px;} .magazinePost.six {height: 464px;} .magazinePost.seven {height: 230px; margin-bottom: 4px; margin-right: 2px;} .magazinePost.eight {height: 230px; margin-bottom: 4px; margin-left: 2px;} .magazinePost.nine {height: 230px;} .magazinePost.ten {height: 464px;} /*=============================== ULTIMAS NOTICIAS ===============================*/ .ultimas h2 { color: #0072bc;} .ultimas h2:before {background-color: #0072bc;} .ultimas .button {background-color: #0072bc;} .ultimas .span4 {margin:0 !important; padding:0 10px 10px 0; width: 33.33333333333333% !important; height: 170px; overflow: hidden;} .ultimas .span4 .wp-post-image {margin: 0 10px 15px 0; float: left;} .ultimas .span4 h3 {margin:0; padding: 0 20px 0 0; font-size: 20px; font-weight: 400; line-height: 1.2;} .ultimas .span4 h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 4px 4px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .ultimas .span4 h3 a {color: #0072bc; display: block;} .anuncioCapa {margin: 40px 0; padding:0; text-align: center; clear: both;} /* ============================================================================ INTERNAL PAGES ==============================================================================*/ .internalContent {margin:0; padding: 48px 0;} .internalContent h1 {margin: -24px 0 0 0; padding: 0; font-size: 54px; line-height: 1; font-weight: 700; color: #0072bc; letter-spacing: 2px;} .internalContent h1 small {display: inline-block; margin:0 0 25px 0; padding: 4px 4px 6px; width: auto; font-size: 16px; line-height: 1; font-weight: 900; color: #fff; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.4);} .internalContent h1 small a {color: #fff;} .internalContent h1 span {display:block;} .page .internalContent h1 {margin:0 0 30px 0;} .archive .internalContent h1.capa, .page-template-page-latest .internalContent h1.capa {margin:10px 0 30px; padding:0; font-size: 64px; color: #0072bc; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 20px; line-height: 1;} .archive .internalContent h1.capa span, .page-template-page-latest .internalContent h1.capa span {display: inline; padding: 0 30px 0 0; background-color: #fff; width: auto !important; position: relative; z-index: 5;} .archive .internalContent h1.capa:before, .page-template-page-latest .internalContent h1.capa:before {content: ''; display: block; margin:-10px 0 0 0; padding:0; background-color: #0072bc; height: 20px; width: 100%; position: absolute; top: 40%; left: 0; z-index: 1;} .page-template-page-latest .internalContent h1.capa {margin:10px 0 50px;} .page-template-page-burd .internalContent h1.capa {margin:10px 0 30px; padding:0; font-size: 64px; color: #0072bc; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 20px; line-height: 1;} .page-template-page-burd .internalContent h1.capa span {display: inline; padding: 0 30px 0 0; background-color: #fff; width: auto !important; position: relative; z-index: 5;} .page-template-page-burd .internalContent h1.capa:before {content: ''; display: block; margin:-10px 0 0 0; padding:0; background-color: #0072bc; height: 20px; width: 100%; position: absolute; top: 40%; left: 0; z-index: 1;} .page-template-page-fullwidth .internalContent h1.capa {margin:10px 0 30px; padding:0; font-size: 64px; color: #0072bc; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 20px; line-height: 1;} .page-template-page-fullwidth .internalContent h1.capa span {display: inline; padding: 0 30px 0 0; background-color: #fff; width: auto !important; position: relative; z-index: 5;} .page-template-page-fullwidth .internalContent h1.capa:before {content: ''; display: block; margin:-10px 0 0 0; padding:0; background-color: #0072bc; height: 20px; width: 100%; position: absolute; top: 40%; left: 0; z-index: 1;} .internalContent p {margin: 0 0 30px; padding:0; font-size: 18px; line-height: 1.8; letter-spacing: 0.5px;} .internalContent ul {margin:30px 0 30px 20px; padding:0;} .internalContent ul li {position: relative; margin:0; padding: 0 0 10px 20px; line-height: 1.6; font-size: 18px;} .internalContent ul li:before {content:''; position: absolute; top: 12px; left: 0; display: block; margin:0; padding:0; width: 10px; height: 10px; background-color: #0072bc;} .postInfo p {margin:0; padding:5px 0 20px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 22px; color: #000; letter-spacing: 2px;} .postInfo p span {color: #f37435;} .featureImageBox {margin: 0 0 40px; padding:0; position: relative;} .featureImageBox img {width: 100% !important;} .featureImageBox .photoCredits {margin:0; padding: 15px 20px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0,.5); font-size: 18px; color: #fff; letter-spacing: 0.5px; line-height: 1;} .featureImageBox .photoCredits p {margin:0; padding:0 0 5px 0; font-size: 18px; color: #fff; letter-spacing: 0.5px; line-height: 1.2;} .featureImageBox .photoCredits em {font-size: 16px; font-weight: 300;} .galeriaArtigo {margin: 50px 0 30px; padding:0;} .postGalleryManual {margin:0 !important; padding:0 !important;} .postGalleryManual li {display: inline-block; margin:0 2px 4px 0 !important; padding:0 !important;} .internalContent .postGalleryManual li:before {display: none !important;} .tagList {margin: 20px 0; padding:0; font-size: 14px; text-transform: uppercase; font-weight: 900;} .tagList a {padding-left: 10px; font-weight: 400; } .socialMediaCore {margin:0; padding: 30px 0 50px 0; clear: both;} .socialMediaCore p {margin:0; padding: 0; color: #f37435; font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; line-height: 47px; width: 255px; float: left;} .socialMediaCore ul {margin:0; padding:0 0 0 10px; display: inline-block; width: auto; float: left;} .socialMediaCore ul li {margin:0; padding:0 6px; float: left; width: 50px;} .socialMediaCore ul li:before {display: none !important;} .socialMediaCore ul li a {margin:0; padding:9px 0 0 0; display: block; width: 47px; height: 47px; border-radius: 50%; background-color: #f37435; text-align: center; font-size: 26px;} .socialMediaCore ul li a .fa {display: block;} .socialMediaCore ul li:nth-of-type(1) a {padding:8px 0 0 0; background-color: #24cc63; font-size: 32px;} .socialMediaCore ul li:nth-of-type(2) a {padding:8px 0 0 0; background-color: #4267b2; font-size: 32px;} .socialMediaCore ul li:nth-of-type(3) a {padding:8px 0 0 0; background-color: #1c9cea; font-size: 32px;} .socialMediaCore ul li:nth-of-type(4) a {padding:6px 0 0 0; background-color: #0077B5; font-size: 30px;} .socialMediaCore ul li:nth-of-type(5) a {padding:8px 0 0 0; background-color: #E60023; font-size: 32px;} .socialMediaCore ul li a i {color: #fff; } .backBTN button {margin:0 4px 10px 0; padding: 6px 10px 6px; font-size: 18px; float: left;} .backBTN .button {margin:2px; padding: 8px 10px; font-size: 18px; float: left;} .backBTN .button:nth-of-type(1) {padding:7px 10px;} .responsivevoice-button {margin:0 0 30px 0 !important; padding: 10px 10px 5px !important; font-size: 18px; font-weight: 500;} .printfriendly {margin: -4px 12px 12px 12px !important; width: 68px !important; overflow: hidden !important;} .printfriendly img {width: auto !important; max-width: 110px !important; } /*================ POST NAVIGATION ================*/ #post-nav {margin-bottom: 50px;} #post-nav .post-previous {margin:0; padding:0 50px 0 0;} #post-nav .post-previous h5 {margin:0; padding:0 0 5px 16px; border-bottom: 1px solid #f37435; font-size: 20px; font-weight: 900; color: #f37435; text-transform: uppercase; position: relative; letter-spacing: 2px;} #post-nav .post-previous h5:after {content: ''; display: block; position: absolute; top: 2px; left: 0; margin:0; width: 0; height: 0; border-top: 6px solid transparent; border-right: 10px solid #f37435; border-bottom: 6px solid transparent;} #post-nav .post-previous img {margin: 14px 10px 0 0; float: left;} #post-nav .post-previous h6 {margin:0; padding:14px 0 5px 0; font-size: 20px; font-weight: 700; color: #f37435;} #post-nav .post-next {margin:0; padding:0 0 0 50px;} #post-nav .post-next h5 {margin:0; padding:0 16px 5px 0; border-bottom: 1px solid #f37435; font-size: 20px; font-weight: 900; color: #f37435; text-transform: uppercase; text-align: right; position: relative; letter-spacing: 2px;} #post-nav .post-next h5:after {content: ''; display: block; position: absolute; top: 2px; right: 0; margin:0; width: 0; height: 0; border-top: 6px solid transparent; border-left: 10px solid #f37435; border-bottom: 6px solid transparent;} #post-nav .post-next img {margin: 14px 0 0 10px; float: right;} #post-nav .post-next h6 {margin:0; padding:14px 0 5px 0; font-size: 20px; font-weight: 700; color: #f37435;} .internalContent h6 {margin:30px 0 10px; padding:0; font-size: 40px; color: #0072bc; letter-spacing: 2px;} .archivePosts {margin:0 0 20px 0; padding: 0; width: 100%; cursor: pointer;} .archivePosts .archivePostsInner {margin:0; padding: 0 0 0 220px; width: 100%; min-height: 130px; background-repeat: no-repeat; background-size: 200px auto; background-position: left top;} .archivePosts .archivePostsInner .gradient h3 strong {display: inline-block; margin:0 0 10px 0; padding: 4px; width: auto; font-size: 16px; line-height: 16px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .archivePosts .archivePostsInner .gradient h3 {margin:0; padding: 0 0; font-size: 28px; font-weight: 400; line-height: 1.2; color: #0072bc;} .archivePosts .archivePostsInner .gradient h3 small {display: inline-block; margin:10px 0 0 0; padding: 3px 3px 6px; width: auto; font-size: 12px; line-height: 10px; font-weight: 300; color: #fcfcfc; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .archivePosts .archivePostsInner .gradient h3 a {color: #0072bc; display: block;} .archivePosts:nth-of-type(1) .archivePostsInner {margin:0; padding: 0; width: 100%; height: 360px; background-repeat: no-repeat; background-size: cover; background-position: center 30%;} .archivePosts:nth-of-type(1) .archivePostsInner .gradient {margin:0; padding:0; height: 100%; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .archivePosts:nth-of-type(1) .archivePostsInner .gradient h3 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 20px; left: 20px; font-size: 32px; font-weight: 400; line-height: 1.2;} .archivePosts:nth-of-type(1) .archivePostsInner .gradient h3 small {display: inline-block; margin:10px 0 0 0; padding: 3px 3px 6px; width: auto; font-size: 12px; line-height: 10px; font-weight: 300; color: #a7a5a4; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .archivePosts:nth-of-type(1) .archivePostsInner .gradient h3 a {color: #fff; display: block;} .galeriaArtigo {} .galeriaArtigo h4 {margin-bottom: 20px;} .sidebar {padding: 0 0 0 32px;} .sidebar h4 {margin:50px 0 40px; padding:0; display: block; width: 100%; font-size: 40px; color: #0072bc; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 15px; line-height: 1;} .sidebar h4 span {padding: 0 10px 0 0; background-color: #fff; width: auto !important; position: relative; z-index: 5;} .sidebar h4:before {content: ''; display: block; margin:-5px 0 0 0; padding:0; background-color: #0072bc; height: 10px; width: 100%; position: absolute; top: 40%; left: 0; z-index: 1;} .sidebar .span12 {margin:0 !important; padding:0 10px 15px 0; } .sidebar .span12 .wp-post-image {margin: 0 10px 0 0; width: 100px; height: auto !important; float: left;} .sidebar .span12 h5 {margin:0; padding: 0; font-size: 18px; font-weight: 400; line-height: 1.1;} .sidebar .span12 h5 small {display: inline-block; margin:0 0 10px 0; padding: 1px 2px 2px; width: auto; font-size: 10px; line-height: 1; font-weight: 900; color: #fff; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.4);} .sidebar .span12 h5 a {color: #0072bc; display: block;} .elm-wrapper {margin-top: 80px !important; text-align: right;} .loadmore {margin-top: 80px !important; text-align: right;} .loadmore button {background-color: #0072bc;} /*.colunistasflavio-pereira {display: none;}*/ /* ============================================================================ STYLE PODE TE INTERESSAR ==============================================================================*/ .podeInteressar {padding-top: 10px;} .podeInteressar h6 {margin:30px 0 10px; padding:0; font-size: 40px; color: #0072bc; letter-spacing: 2px;} .podeInteressar .span3 {margin:0 !important; padding:2px; width: 25% !important; cursor: pointer; height: 230px; overflow: hidden; } .podeInteressarBox {display: block; margin:0; padding:0; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 230px;} .podeInteressarBox .gradient {margin:0; padding:0; height: 230px; background: transparent; position: relative; background: -moz-linear-gradient(top, transparent 25%, #000 95%); background: -webkit-linear-gradient(top, transparent 25% ,#000 95%); background: linear-gradient(to bottom, transparent 25%, #000 95%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); } .podeInteressarBox .gradient h3 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 24px; font-weight: 400; line-height: 1.2;} .podeInteressarBox .gradient h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px; width: auto; font-size: 12px; line-height: 10px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .podeInteressarBox .gradient h3 a {color: #fff; display: block;} /* ============================================================================ ANIVERSARIANTES ==============================================================================*/ .aniversariantes h1 {margin: 20px 0 40px; padding: 0; font-size: 54px; line-height: 1; font-weight: 700; color: #0072bc; letter-spacing: 2px;} .aniversariantes .span3 {margin:0 !important; padding: 10px !important; width: 33.33333333333333% !important; height: 240px; text-align: center;} .aniversariantes .span3 .bdayImage {margin:0 auto; padding:0;border-radius: 50%; width: 150px; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;} .aniversariantes .span3 h3 {margin:0; padding: 10px 0 0 0; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; text-align: center; font-family: 'Lato', sans-serif; color: #000; text-transform: none;} /* ============================================================================ EDIÇÕES ANTERIORES ==============================================================================*/ .previousEditions {height: 1950px;} /* ============================================================================ MERCADO ==============================================================================*/ .mercado h2 {margin:0 auto; padding:10px 0; width: 100%; max-width: 1170px; font-size: 36px; line-height: 1; font-weight: 700; text-transform: uppercase;} .mercado h3 {margin:0 auto; padding:4px 0 0 0; font-size: 28px; line-height: 1; font-weight: 700; color: #666565} .mercado ul {margin:0; padding:0; list-style-type: none; display: grid; border-left: 1px solid #cdced0; border-top: 1px solid #cdced0;} .mercado .cambio ul {grid-template-columns: 1fr 1fr 1fr;} .mercado .salario ul {grid-template-columns: 1fr 1fr 1fr;} .mercado .salario ul:first-of-type li:nth-of-type(2) {grid-column: span 2;} .mercado .investimentos ul {grid-template-columns: 1fr 1fr 1fr;} .mercado .selic ul {grid-template-columns: 1fr 1fr; margin-top: 30px;} .mercado .inflacao ul {grid-template-columns: 1fr 1fr 1fr 1fr;} .mercado .agronegocio ul {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .mercado ul:nth-of-type(even) {background-color: #ededed;} .mercado ul:last-of-type {border-bottom: 1px solid #cdced0;} .mercado ul li {padding: 3px 6px 6px 14px;border-right: 1px solid #cdced0; font-size: 22px; line-height: 1; font-weight: 500; color: #666565} .mercado .inflacao ul li {text-align: center; font-size: 22px;} .mercado .agronegocio ul li h3 small {font-size: 18px;} .mercado .agronegocio ul li {font-size: 22px;} .mercado .source {margin: 4px 0 0 0; padding: 0 0 10px 0; font-size: 14px; line-height: 16px; color: #666565; text-align: right;} .mercado .source small {float: left; font-size: 16px; line-height: 14px; color: #666565; font-weight: 400; font-family: 'Lato', sans-serif; text-transform: none;} .mercado .source small strong:last-of-type {padding-left: 10px;} .mercado .dataDate {margin:0 0 20px 0; padding: 0 0 10px 0; font-size: 16px; line-height: 16px; color: #666565; text-align: center;} .page-template-page-mercado .socialMediaCore {margin: -80px 0 0 0; padding: 0 0 50px 0;} /* mobile */ @media (min-width : 230px) and (max-width : 767px) { .mercado h3 {font-size: 18px; } .mercado .agronegocio ul li h3 small {font-size: 14px;} .mercado ul li {padding: 3px 4px 6px 8px; font-size: 16px;} .mercado .inflacao ul li {font-size: 14px;} .mercado .agronegocio ul li {padding: 3px 2px 6px 2px; font-size: 14px;} .mercado .source {padding: 0 0 20px 10px; font-size: 14px; line-height: 16px; text-align: left;} .mercado .source small {line-height: 30px; float: none; font-size: 14px; display: block;} .mercado .agronegocio .source small {margin-left: -10px;} } .latestNews {padding-bottom: 12px; border-bottom: 1px solid #d1d1d1; margin-bottom: 12px;} .latestNews h3 {color: #0072bc; font-size: 26px;} .latestNews h3 a {color: #0072bc;} .latestNews h3 small {margin:0; padding: 4px 0 0; display: block; font-family: 'Lato', sans-serif; color: #414141; font-size: 14px; line-height: 1.4; font-weight: 400;} .latestNews h3 small p {display: inline !important; font-size: 14px !important; color: #414141;} .latestNews h3 small span {padding: 0 5px;} /* ============================================================================ FOOTER ==============================================================================*/ footer {margin:0; padding:70px 0 0 0; text-align: left; background-color: #f37435; border-bottom: 1px solid #fff;} footer .span4 {padding-top: 40px; padding-right: 50px; text-align: center;} footer .social-menu {margin:40px auto; padding:0; display: inline-block; width: auto;} footer .social-menu li {margin:0 0 0 5px; padding:0; display: inline-block; width: auto;} footer .social-menu li a {display: block; margin:0 !important; padding:0 !important; color: transparent; font-size: 0; width: 41px; height: 41px !important; background-color: #f37435 !important; border-radius: 50%; overflow: visible; border: 1px solid #fff; text-align: center;} footer .social-menu li a i {margin:7px 0 0 0; padding:0; font-size: 26px; color: #fff;} footer h5 {margin:0; padding: 0 0 8px 0; font-size: 24px; text-align: left; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;} footer p {margin:0; padding: 0; font-weight: 300; font-size: 16px; line-height: 1.6; color: #fff} footer a.button {display: block; margin:0 auto; padding: 0; background-color: #fff; color: #f37435; font-size: 30px; height: 57px; line-height: 57px; width: 275px;} footer a.button:hover {color: #fff;} footer .anuncie a {display: block; margin:0; padding:0; width: 125px; height: 37px; line-height: 37px; background-color: #fff; color: #f37435; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center;} footer .span8 ul {margin:0; padding:0 0 30px 0;} footer .span8 ul li {margin:0; padding: 0; display: inline-block; width: auto; font-size: 16px; font-weight: 300; line-height: 1.5;} footer .span8 ul li:after {padding:0 6px; content: '|'; color: #fff;} footer .span8 ul li:last-of-type:after {display: none;} footer a {color: #fff;} footer address {margin:0; padding: 30px 0 0 0; font-weight: 300; font-size: 16px; line-height: 1.6; color: #fff;} footer strong {font-weight: 900;} footer .copyrights {margin-top: 50px; background-color: #c8541b} footer .copyrights p {margin:0; padding:26px 0 20px; font-size: 16px; font-weight: 300; line-height: 1.2; letter-spacing: 1px; text-align: center;} .postid-939929 .fbComments {display: none;} /* ============================================================================ CSS ANIMATIONS ==============================================================================*/ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } } @-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } } @-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } } @keyframes fadeOut { from { opacity:1; } to { opacity:0; } } #fade-in {opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;} :root #fade-in { opacity:1 \0/IE9; } #fade-in.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;} #fade-in.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;} #fade-in.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;} .fade-out.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;} .fade-out.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;} .fade-out.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;} /** ======================================================================================================================================================================================================= ======================================================================================================================================================================================================= MEDIA QUERIES ======================================================================================================================================================================================================= ======================================================================================================================================================================================================= */ /* ============================================================================ HAMBURGER MENU ==============================================================================*/ #hamburgericonmenuwrapper {display: none; z-index: 10000; position: absolute; font-size: 16px;} #hamburgerui {overflow: hidden; position: fixed; right: 0; top: 0; z-index: 2; width: 100%;} #hamburgerui ul {margin: 0; padding: 10px; list-style-type: none; width: 100%; background: #fff; height: 60px; overflow: hidden; z-index: 9999;} #hamburgerui li {display: block; margin: 0; padding:0;} #hamburgerui li a.toggleButton {float: left; display: block; width: 40px; height: 40px; position: relative; text-decoration: none; margin: 0; padding: 10px 20px; color: white; outline: none; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #fff;} #hamburgerui li:last-of-type a:after{content: 'Menu'; visibility: hidden;} #hamburgerui li a:visited {color: white;} #hamburgerui li a:hover{background: #fff;} #hamburgerui li .logo {margin:-3px auto 0; padding:0; width:100px; height: 45px; } #hamburgerui li .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: transparent url('images/logo.jpg') no-repeat top center; text-indent: -9000px; background-size: 100% auto;} #hamburgerui li .previsaoTempo {margin: -44px 0 0 0; padding: 29px 0 0 0; float: right; width: 120px; text-align: right; font-size: 14px; font-weight: 400; line-height: 20px; height: 50px; overflow: hidden;} #hamburgerui li .weather-atlas-wrapper {border: 0 solid #fff !important;} #hamburgerui li .weather-atlas-wrapper .weather-atlas-header {background: rgba(0,0,0,.0) !important;} #hamburgerui li .weather-atlas-header {display: none !important;} #hamburgerui li .weather-atlas-footer {display: none !important;} #hamburgerui li .weather-atlas-wrapper .current_temp {margin-top: -60px; text-align: right !important; width: 100px !important; float: right;} #hamburgerui li .weather-atlas-wrapper .current_temp .current_text {display: none !important;} #hamburgerui li .weather-atlas-wrapper .weather-atlas-body {padding: .7em 0 !important;} #hamburgerui li .weather-atlas-wrapper .current_temp .temp {font-size: 1.5em !important;} #hamburgerui li .weather-atlas-wrapper .current_temp .wi {font-size: 2em;} .voltar {margin:5px 0 0 16px; padding:0; display: block; float: left; color: #f37435; font-size: 26px; width: 40px; /*width: 0; height: 0; border-top: 12px solid transparent; border-right: 24px solid #f37435; border-bottom: 12px solid transparent;*/ } .home .voltar {display: none;} #navtoggler{display: block; position: absolute; top: 50%; left: 50%; font-size: 8px; width: 4em; height: 2.5em; padding: 0; text-indent: -1000px; border: 0.6em solid #f37435; border-width: 0.6em 0; cursor: pointer; -webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} #navtoggler::before, #navtoggler::after{content: ""; display: block; position: absolute; width: 100%; height: 0.6em; top: 50%; margin-top: -0.3em; left: 0; background: #f37435; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} /* ###### CSS for Full Screen Menu NAV ###### */ .menu-mobile-menu-container {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:#0072bc; padding-top: 80px; z-index: 1; visibility: hidden; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3D(0, -100%, 0); transform: translate3D(0, -100%, 0); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;} .menu-mobile-menu-container li a {display: block; margin:0; padding:10px 10px; color: #fff; font-size: 28px; line-height: 1; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; letter-spacing: 1px;} .menu-mobile-menu-container li ul li a {font-size: 22px; } /* #### Menu Hamburger Icon UI when shrinked CSS ######## */ #hamburgerui.shrink li:nth-last-of-type(n+2) a{opacity: 0; pointer-events: none;} /* #### Menu Opened State CSS ######## */ #hamburgericonmenuwrapper.open .menu-mobile-menu-container{visibility: visible; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;} #hamburgericonmenuwrapper.open #navtoggler{ border-width: 0;} #hamburgericonmenuwrapper.open #navtoggler::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); /* rotate line to create "x" */} #hamburgericonmenuwrapper.open #navtoggler::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); /* rotate line to create "x" */} #hamburgericonmenuwrapper.open #hamburgerui li:nth-last-of-type(n+2) a{ opacity: 0; pointer-events: none;} #hamburgericonmenuwrapper.open .menu-mobile-menu-container ul{ opacity: 1; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); /* restore UL to original positon */} /* begin media for smartphone */ @media (min-width : 230px) and (max-width : 767px) { body {overflow-x: hidden;} .menu-main-menu-container {display: none;} #hamburgericonmenuwrapper {display: block !important;} .menu-item-has-children .sub-menu {display: block !important;} .menu-item-has-children .sub-menu li a {display: block !important;} section {padding:20px 0;} .container {margin: 0; padding: 0 8px;} .desktop {display: none;} .mobile {display: block;} .row-fluid [class*="span"], .row-fluid [class*="span"]:first-child {margin:0; padding:0; width: 100%;} .row-fluid [class*="span"]:first-child {margin-left: 0;} /* ============================================================================ HEADER STYLES ==============================================================================*/ header {margin: -30px 0 0 0; text-align: center;} header .logo {display: none;} nav .social-menu {margin: 7px 0 0px 0; float: left;} nav .social-menu li a {color: #f37435; font-size: 0; width: 31px; height: 31px !important; background-color: #f37435 !important; border-radius: 50%; overflow: visible; border: 1px solid #fff; text-align: center;} nav .social-menu li a i {margin:5px 0 0 0; padding:0; font-size: 20px; color: #fff;} .topDate {display: none;} header .previsaoTempo { display: none;} /* ============================================================================ NEW HEADER WITH NEWSLETTER STYLES ==============================================================================*/ header.newsletter {margin: 0; padding: 0; display: none; text-align: left; float: none;} .topBar {display: none;} header .newsletterWidget.mobile {margin: 100px 0 0 0; padding: 0 0 10px; width: 100%;} header .newsletterWidget.mobile p {margin:0; padding:0; float: left; width: 60%; text-align: left; color: #0072bb; font-size: 14px; font-weight: 900; letter-spacing: 0.5px;} header .newsletterWidget.mobile p span {font-weight: 300;} header .newsletterWidget.mobile p strong {font-size: 18px; letter-spacing: 4px;} header .newsletterWidget.mobile a {margin:0; padding:0; float: right; font-size: 11px; color: #fff; line-height: 32px; font-weight: 400; text-transform: uppercase; text-align: center; width: 138px; background-color: #0072bb;} /* ============================================================================ MAIN MENU STYLE ===============================================================================*/ nav {margin:0; padding:0; height: 45px; background-color: #f37435;} header .primary-menu {margin:0; padding:0; width: 100% !important;} header .primary-menu li {margin:0; padding:0 0 10px 30px; display: block; position: relative; text-align: left;} header .primary-menu li a {display: inline; margin:0; padding:0; color: #fff; font-size: 32px; line-height: 1; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; letter-spacing: 1px;} header .primary-menu li.anuncie a {margin-left: 15px; padding:20px; background-color: #0072bc;} header .primary-menu li .sub-menu {display: block; position: static; width: auto; top:64px; left:0; margin:0; padding:10px 0 0 30px; height: auto; z-index: 9999999; background-color: transparent;} header .primary-menu li .sub-menu li {display: block; margin:0; padding:0 0 10px 0 !important; float: none; white-space: nowrap;} header .primary-menu li .sub-menu li a {display: inline; margin:0; padding:0; color: #fff; font-size: 28px; line-height: 1;} header .primary-menu li.current-menu-item a, header .primary-menu li .sub-menu li.current-menu-item a {background-color: #f37435;} header .primary-menu li a:hover, header .primary-menu li .sub-menu li a:hover {background-color: #f37435; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} header .primary-menu li.current-menu-item .sub-menu li a {background-color: transparent;} header .primary-menu li.current-menu-item .sub-menu li.current-menu-item a {background-color: #f37435; color: #fff;} #searchform {width: 190px; float: right;} #searchform input[type="text"] {margin:0; padding:12px 2px 10px !important; font-size: 16px !important;} #searchform input[type="submit"] {margin:10px 0 0 0;} .featureNewsEasy {margin:0; padding: 10px 0 0 0;} .featureNewsEasy ul li {padding: 2px; width:50% !important;} .featureNewsEasy ul li:nth-of-type(1) {padding: 2px !important; width: 100% !important;} .featureNewsEasy ul li .featureBlock {height: 200px;} .featureNewsEasy ul li .featureBlock .gradient {margin:0; padding:0; height: 200px;} .featureNewsEasy ul li .featureBlock .gradient h2 {margin:0; padding: 0 5px 0 0; position: absolute; bottom: 5px; left: 5px; font-size: 20px !important; line-height: 1.1; font-weight: 400;} .featureNewsEasy ul li .featureBlock .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 2px 2px 4px; width: auto; font-size: 10px;} .featureNewsEasy ul li:nth-of-type(1) .featureBlock {height: 340px;} .featureNewsEasy ul li:nth-of-type(1) .featureBlock .gradient {height: 340px;} .featureNewsEasy ul li:nth-of-type(1) .featureBlock .gradient h2 {margin:0; padding: 0 10px 0 0; bottom: 5px; left: 5px; font-size: 30px !important; line-height: 1.1; } .featureNewsEasy ul li:nth-of-type(1) .featureBlock .gradient h2 small {display: inline-block; margin:0 0 15px 0; padding: 4px 4px 6px;font-size: 14px;} .featureNewsJornal {margin:0; padding: 10px 0 0 0;} .featureNewsJornal ul li {padding: 2px; width:50% !important;} .featureNewsJornal ul li .featureBlock {height: 200px;} .featureNewsJornal ul li .featureBlock .gradient {margin:0; padding:0; height: 200px;} .featureNewsJornal ul li .featureBlock .gradient h2 {margin:0; padding: 0 5px 0 0; position: absolute; bottom: 5px; left: 5px; font-size: 20px !important; line-height: 1.1; font-weight: 400;} .featureNewsJornal ul li .featureBlock .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 2px 2px 4px; width: auto; font-size: 10px;} .featureNewsJornal ul li:nth-of-type(1) {width: 100% !important;} .featureNewsJornal ul li:nth-of-type(1) .featureBlock {height: 340px;} .featureNewsJornal ul li:nth-of-type(1) .featureBlock .gradient {height: 340px;} .featureNewsJornal ul li:nth-of-type(1) .featureBlock .gradient h2 {margin:0; padding: 0 10px 0 0; bottom: 5px; left: 5px; font-size: 30px !important; line-height: 1.1; } .featureNewsJornal ul li:nth-of-type(1) .featureBlock .gradient h2 small {display: inline-block; margin:0 0 15px 0; padding: 4px 4px 6px;font-size: 14px;} .edicaoHoje ul li {margin:0; padding:0; width: 100% !important;} .coronavirusCapa ul li {width:50% !important;} .coronavirusCapa ul li:nth-of-type(1) {width: 100% !important;} .coronavirusCapa ul li:nth-of-type(2) {width: 100% !important;} .coronavirusCapa .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .coronavirusCapa .gradient {margin:0; padding:0; height: 200px;} .coronavirusCapa .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 20px; line-height: 1; font-weight: 400;} .coronavirusCapa .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 10px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .coronavirusCapa .gradient h2 a {color: #fff; display: block;} .coronavirusCapa ul li:nth-of-type(1) .featureBlock {height: 404px;} .coronavirusCapa ul li:nth-of-type(1) .gradient {height: 404px;} .coronavirusCapa ul li:nth-of-type(1) .gradient h2 {font-size: 34px;} .coronavirusCapa ul li:nth-of-type(1) .gradient h2 small {margin:0 0 20px 0; font-size: 14px;} .coronavirusCapa ul li:nth-of-type(3) .featureBlock {height: 200px;} .coronavirusCapa ul li:nth-of-type(3) .gradient {height: 200px;} /* ============================================================================ O SUL VINTE ANOS ==============================================================================*/ .oSulVinteAnos {text-align: center;} .oSulVinteAnos img {float: none; width: 320px; margin: 30px auto 10px;} .oSulVinteAnos h2.capa {margin-bottom: 10px !important; text-align: left !important;} .oSulVinteAnos h4 {margin:0; padding:0; font-size: 44px; text-align: center;} .oSulVinteAnos h4 small {padding:30px 0 18px; font-size: 32px; text-align: center; letter-spacing: 9px;} .oSulVinteAnos ul li {width:50% !important;} .oSulVinteAnos .featureBlock {height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .oSulVinteAnos .gradient {margin:0; padding:0; height: 200px;} .oSulVinteAnos .gradient h2 {margin:0; padding: 0 20px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 20px; line-height: 1; font-weight: 400;} .oSulVinteAnos .gradient h2 small {display: inline-block; margin:0 0 10px 0; padding: 4px 4px 6px; width: auto; font-size: 10px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .oSulVinteAnos .gradient h2 a {color: #fff; display: block;} .oSulVinteAnos .cadernoLinks {margin:20px 0 160px; padding: 0; list-style-type: none;} .oSulVinteAnos .cadernoLinks li {margin:0 0 0 !important; padding:0 !important; display: inline-block !important; width: 50% !important; float: left;} .oSulVinteAnos .cadernoLinks li a {display: block; margin:1%; padding: 6px 0 0; width: 98%; font-size: 36px;} .oSulVinteAnos .cadernoLinks li:last-of-type {width: 100% !important; clear: both;} .oSulVinteAnos .cadernoLinks li:last-of-type a {width: 98%; background-color: #f47435;} .oSulVinteAnos .categriasLinks {margin:80px 0 0 0; padding: 0; list-style-type: none; width: 100%; clear: both;} .oSulVinteAnos .categriasLinks li {margin-top: 30px !important;} .oSulVinteAnos .categriasLinks li:last-of-type {margin-top: 0.3% !important; width: 100% !important; clear: both;} .oSulVinteAnos .categriasLinks li a {display: block; margin:0; padding: 10px 5px 6px; color: #f47435; font-size: 26px; background-color: #fff; border: 2px solid #f47435; letter-spacing: 1px;} h2.capa {margin:50px 0 40px; padding:0; font-size: 40px; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 5px; line-height: 1;} h2.capa span {padding: 0 18px 0 0;} h2.capa:before {margin:-5px 0 0 0; height: 10px; width: 100%;} .threeSection:nth-of-type(1) {margin:0; padding:2px; width: 100%; height: 280px; float: none; } .threeSection:nth-of-type(2) {margin:0; padding:2px; width: 100%; height: 140px; float: none; } .threeSection:nth-of-type(3) {margin:0; padding:2px; width: 100%; height: 140px; float: none; } .threeSectionInner .gradient h3 {margin:0; padding: 0 10px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 18px; font-weight: 400; line-height: 1.2;} .threeSectionInner .gradient h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 3px 4px; width: auto; font-size: 10px; line-height: 10px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .threeSectionInner .gradient h3 a {color: #fff; display: block;} .threeSection:nth-of-type(1) .threeSectionInner .gradient h3 {margin:0; padding: 0 10px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 20px; font-weight: 400; line-height: 1.2;} .threeSection:nth-of-type(1) .threeSectionInner .gradient h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 3px 4px; width: auto; font-size: 11px; line-height: 10px; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .rioGrande .threeSection:nth-of-type(1) {margin:0; padding:2px; width: 100%; height: 440px; float: left; } .rioGrande .threeSection:nth-of-type(2) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrande .threeSection:nth-of-type(3) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrande .threeSection:nth-of-type(4) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrande .threeSection:nth-of-type(5) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(1) {margin:0; padding:2px; width: 100%; height: 440px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(2) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(3) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(4) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrandeBanner .threeSection:nth-of-type(5) {margin:0; padding:2px; width: 50%; height: 220px; float: left; } .rioGrandeBanner .span8 {margin:0 !important; padding: 0 !important; width: 100%;} .rioGrandeBanner .span4 {margin:0 !important; padding: 2px 0 0 0 !important; width: 100%; text-align: center;} .opiniao .span4 blockquote {margin: 0 0 35px 0;} .opiniao .span3 {width: 50% !important; height: 300px; text-align: center;} .opiniao .span3 h3 {font-size: 24px; letter-spacing: 1px;} .opiniao .span3 blockquote {font-size: 16px;} .allNews a.button {font-size: 20px;} .opiniao .allNews {margin: 75px 0 40px 0;} .grenal {margin:0; padding:10px 0 !important; } .grenal h2.capa {font-size: 32px; letter-spacing: 2px;} .grenal h2.capa::before {margin: -5px 0 0 0; height: 10px; width: 48%;} .grenal h2.capa span {padding-left: 10px;width: 52% !important;} .inter .span6:nth-of-type(1) {padding-right: 4px !important;} .inter .span6:nth-of-type(2) {padding-left: 4px !important;} .gremio .span6:nth-of-type(1) {padding-right: 4px !important;} .gremio .span6:nth-of-type(2) {padding-left: 4px !important;} .grenal .container {padding: 0 !important;} .grenal .span6 {margin:0 !important; padding: 0 !important; width: 50% !important;} .span6.inter .button {font-size: 14px; letter-spacing: 2px; margin-right: 5px;} .span6.gremio .button {font-size: 14px; letter-spacing: 2px; margin-right: 5px;} .grenal .threeSection {margin:0 0 10px 0; padding:0; width: 100%; height: 200px; float: none;} .grenalInner {margin:0; padding:0 5px; width: 100%; height: 240px; clear: both; text-align: center;} .grenalInner img {margin: 0 auto 10px; float: none; width: auto; height:100px;} .grenalInner h3 {margin:0; padding: 0; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: 0.5px; text-align: left;} .grenalInner h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 3px 4px; width: auto; font-size: 10px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .jornalOSul {text-align: center;} .jornalOSul .span8 img {margin: 0 auto; width: 296px; height: auto; border: 2px solid #0072bc; float: none;} .jornalOSul .span8 ul {margin:10px 0; padding:0; float: none;} .jornalOSul .span8 ul li a {display: block; margin:20px 0; padding:10px; background-color: #0072bc; width: 100%; height: 90px; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 20.92px; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: 1.5px;} .jornalOSul .span8 ul li a span {font-size: 43.57px; letter-spacing: 12px; padding-left: 10px;} .jornalOSul .span8 ul li:nth-of-type(1) a {letter-spacing: 2px;} .jornalOSul .span8 ul li:nth-of-type(1) a span {letter-spacing: 7px; padding-left: 6px;} /*=============================== MAGAZINE ===============================*/ .magazine {margin:0; padding: 10px 0 0 0;} .magazine .span6 {margin:0 !important; padding:2px; width: 100% !important;} .magazine .span3 {margin:0 !important; padding:2px; width: 50% !important;} .magazinePost.one {height: 340px;} .magazinePost.one h3 {padding: 0 5px 0 0; bottom: 10px; left: 5px; font-size: 30px; font-weight: 400;} .magazinePost.one h3 small {font-size: 14px; line-height: 10px; font-weight: 900;} .magazinePost.two {height: 200px; margin-bottom: 4px;} .magazinePost.three {height: 200px;} .magazinePost.four {height: 200px; margin-bottom: 4px;} .magazinePost.five {height: 200px;} .magazinePost.two h3, .magazinePost.three h3, .magazinePost.four h3, .magazinePost.five h3 {padding: 0 5px 0 0; bottom: 10px; left: 5px; font-size: 20px; font-weight: 400;} .magazinePost.two h3 small, .magazinePost.three h3 small, .magazinePost.four h3 small, .magazinePost.five h3 small {font-size: 10px; line-height: 10px; font-weight: 900;} .magazine .row-fluid:nth-of-type(3) .span3 {margin:0 !important; padding:2px; width: 100% !important;} .magazine .row-fluid:nth-of-type(3) .span6 .span6 {margin:0 !important; width: 50% !important;} .magazinePost.six {height: 200px;} .magazinePost.seven {height: 200px; margin-bottom: 4px; margin-right: 2px;} .magazinePost.eight {height: 200px; margin-bottom: 4px; margin-left: 2px;} .magazinePost.nine {height: 200px;} .magazinePost.ten {height: 200px;} .magazinePost.two h3, .magazinePost.three h3, .magazinePost.four h3, .magazinePost.five h3, .magazinePost.six h3, .magazinePost.seven h3, .magazinePost.eight h3, .magazinePost.nine h3, .magazinePost.ten h3 {padding: 0 5px 0 0; bottom: 10px; left: 5px; font-size: 20px; font-weight: 400;} .magazinePost.two h3 small, .magazinePost.three h3 small, .magazinePost.four h3 small, .magazinePost.five h3 small, .magazinePost.six h3 small, .magazinePost.seven h3 small, .magazinePost.eight h3 small, .magazinePost.nine h3 small, .magazinePost.ten h3 small {font-size: 10px; line-height: 10px; font-weight: 900;} .ultimas .span4 {margin:0 !important; padding:0 10px 10px 0; width: 50% !important; height: 340px; overflow: hidden;} .ultimas .span4 .wp-post-image {margin: 0 auto 15px; float: none;} .ultimas .span4 h3 {margin:0; padding: 0 20px 0 0; font-size: 20px; font-weight: 400; line-height: 1.2;} .ultimas .span4 h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 4px 4px; width: auto; font-size: 12px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} #post-nav .post-previous {margin:20px 0 0 0; padding:0 0 0 0;} #post-nav .post-next {margin:30px 0 0 0; padding:0 0 0 0;} .internalContent h1 {font-size: 46px;} .page .internalContent h1 {margin:0 0 30px 0;} .archive .internalContent h1.capa {margin:10px 0 30px; padding:0; font-size: 50px; color: #0072bc; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 6px; line-height: 1;} .archive .internalContent h1.capa span {display: inline-block; padding: 0; background-color: #fff; width: 85% !important; position: relative; z-index: 5;} .archive .internalContent h1.capa:before {content: ''; display: block; margin:-10px 0 0 0; padding:0; background-color: #0072bc; height: 20px; width: 100%; position: absolute; top: 40%; left: 0; z-index: 1;} .internalContent p {margin: 0 0 30px; padding:0; font-size: 18px; line-height: 1.8; letter-spacing: 0.5px;} .internalContent ul {margin:30px 0 0 20px; padding:0;} .internalContent ul li {position: relative; margin:0; padding: 0 0 10px 20px; line-height: 1.2; font-size: 21px;} .internalContent ul li:before {content:''; position: absolute; top: 8px; left: 0; display: block; margin:0; padding:0; width: 10px; height: 10px; background-color: #0072bc;} .postInfo p {margin:0; padding:5px 0 20px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 22px; color: #000; letter-spacing: 1px;} .postInfo p span {color: #f37435;} .socialMediaCore {padding: 30px 0 10px 0;} .socialMediaCore p {margin: 0 0 0; font-size: 17px; line-height: 1; letter-spacing: 0px;} .internalContent ul {margin: 30px 0 0 -20px;} .bannerQuadrado {text-align: center !important;} .bannerQuadrado img {width: 100% !important; height: auto !important;} .podeInteressar {display: none;} .featureImageBox .photoCredits {position: static;} .sidebar .span12 .wp-post-image {margin: 0 10px 10px 0;} .archivePosts .archivePostsInner {margin:0; padding: 0 0 0 120px; width: 100%; min-height: 130px; background-repeat: no-repeat; background-size: 100px auto; background-position: left top;} .previousEditions { height: 5036px; } .page-template-page-fullwidth .internalContent h1.capa::before {display: none;} .page-template-page-fullwidth .internalContent h1.capa {font-size: 54px; letter-spacing: 10px;} .aniversariantes h1 {font-size: 50px;} .aniversariantes .span3 {margin:0 !important; padding: 10px !important; width: 50% !important;} .voceviuCapa ul li {width:50% !important;} .voceviuCapa .gradient h2 {margin:0; padding: 0 10px 0 0 !important; position: absolute; bottom: 10px !important; left: 10px !important; font-size: 20px !important;} .voceviuCapa .gradient h2 small {font-size: 10px !important; display: none !important;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) {width: 100% !important;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) .gradient h2 {font-size: 28px !important;} .voceviuCapa ul:nth-of-type(1) li:nth-of-type(1) .gradient h2 small {display: none !important;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) {width: 100% !important;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) .gradient h2 {font-size: 28px !important;} .voceviuCapa ul:nth-of-type(3) li:nth-of-type(1) .gradient h2 small {margin:0 0 10px 0 !important; font-size: 12px !important;} .emfocoCapa ul li {width:50% !important;} .emfocoCapa .gradient h2 {padding: 0 10px 0 0 !important; bottom: 10px !important; left: 10px !important; font-size: 20px !important;} .emfocoCapa .gradient h2 small {margin:0 0 10px 0 !important; font-size: 10px !important; display: none !important;} .emfocoCapa ul li:nth-of-type(1) .gradient h2 {font-size: 28px !important;} .emfocoCapa ul li:nth-of-type(1) .gradient h2 small {margin:0 0 10px 0 !important; font-size: 12px !important;} .emfocoCapa ul li:nth-of-type(1) {width: 100% !important;} .emfocoCapa ul li:nth-of-type(4) {width: 100% !important;} .emfocoCapa ul li:nth-of-type(7) {width: 100% !important;} .emfocoCapa ul li:last-of-type {width: 100% !important;} .alignleft {float: none; clear: both; display: block; margin: 0 auto 1.75em;} .alignright {float: none; clear: both; display: block; margin: 0 auto 1.75em;} .aligncenter {clear: both; display: block; margin: 0 auto 1.75em;} footer a.button {display: block; margin:0 auto 60px;} footer h5 {margin:0;} footer .ui-accordion-header-active:after {content:''; display: inline-block; margin:0 0 2px 10px; padding:0; width: 14px; height: 14px; background: url('images/accordion-minus.png') no-repeat center center;} footer .ui-accordion-header-collapsed {margin-bottom: 10px;} footer .ui-accordion-header-collapsed:after {content:''; display: inline-block; margin:0 0 2px 10px; padding:0; width: 14px; height: 14px; background: url('images/accordion-plus.png') no-repeat center center;} .fbComments {white-space: normal !important; overflow-x: scroll; max-width: 100% !important; width: 100% !important;} } /* end media for smartphone */ /* iPads (portrait) ----------- */ @media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { body {overflow-x: hidden;} .container {margin: 0; padding: 0 10px;} .menu-main-menu-container {display: none;} #hamburgericonmenuwrapper {display: block !important;} header .desktop .social-menu {display: none;} /* ============================================================================ HEADER STYLES ==============================================================================*/ header {margin: 30px 0 0 0; text-align: center;} header .logo {display: none;} nav .mobile {display: block;} nav .social-menu {margin: 7px 0 0px 0; float: left;} nav .social-menu li a {color: #f37435; font-size: 0; width: 31px; height: 31px !important; background-color: #f37435 !important; border-radius: 50%; overflow: visible; border: 1px solid #fff; text-align: center;} nav .social-menu li a i {margin:5px 0 0 0; padding:0; font-size: 20px; color: #fff;} .topDate {display: none;} header .previsaoTempo { display: none;} /* ============================================================================ MAIN MENU STYLE ===============================================================================*/ nav {margin:0; padding:0; height: 45px; background-color: #f37435;} #searchform {width: 190px; float: right;} #searchform input[type="text"] {margin:0; padding:12px 2px 10px !important; font-size: 16px !important;} #searchform input[type="submit"] {margin:10px 0 0 0;} .grenal {margin:0; padding:10px 0 !important; } .grenal h2.capa {letter-spacing: 10px;} .grenal h2.capa::before {width: 40%;} .grenal h2.capa span {padding-left: 10px; width: 60% !important;} .inter .span6:nth-of-type(1) {padding-right: 4px !important;} .inter .span6:nth-of-type(2) {padding-left: 4px !important;} .gremio .span6:nth-of-type(1) {padding-right: 4px !important;} .gremio .span6:nth-of-type(2) {padding-left: 4px !important;} .grenal .container {padding: 0 !important;} .grenal .span6 {margin:0 !important; padding: 0 !important; width: 50% !important;} .span6.inter .button {font-size: 14px; letter-spacing: 2px; margin-right: 5px;} .span6.gremio .button {font-size: 14px; letter-spacing: 2px; margin-right: 5px;} .grenalInner {margin:0; padding:0 5px; width: 100%; height: 13px; clear: both; text-align: center;} .grenalInner img {margin: 0 10px 10px 0; width: 130px; height:auto;} .grenalInner h3 {margin:0; padding: 0; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: 0.5px; text-align: left;} .grenalInner h3 small {display: inline-block; margin:0 0 10px 0; padding: 2px 3px 4px; width: auto; font-size: 10px; line-height: 1; font-weight: 900; color: #f37435; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(0, 0, 0,.3);} .jornalOSul .span8 img {height: 279px;} .jornalOSul .span8 ul li a {width: 260px;} .jornalOSul .span8 ul {margin: 35px 0 0 0;} .ultimas .span4 {width: 50% !important;} .sidebar .span12 .wp-post-image {margin: 20px 0 10px 0; width: 115px; float: none;} #post-nav .post-previous img {margin: 14px 10px 10px 0;} #post-nav .post-next img {margin: 14px 10px 10px 0;} #post-nav .post-next h6 {text-align: right;} footer a.button {font-size: 24px; height: 50px; line-height: 50px; width: 220px;} } /* end iPads (portrait) ----------- */ /* iPads (landscape) ----------- */ @media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { body {overflow-x: hidden;} .container {padding:0 20px;} header .primary-menu li a {font-size: 20px;} .grenal h2.capa {letter-spacing: 10px;} .ultimas .span4 {padding: 0px 5px 10px 0; height: 200px;} .ultimas .span4 h3 {padding: 0 10px 0 0;} .ultimas .span4 .wp-post-image {margin: 0 10px 40px 0;} } /* end iPads (landscape) ----------- */