/* Theme Name: Site da Rede Pampa Author: Lucile Braucks Design: Anna Porto Author URI: https://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: 'Montserrat', sans-serif; color: #404040; 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: 1.75em; 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%; 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: #222222; display: block; font-weight: bold; font-size: 14px; 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 0 20px 0; color:#e17435; line-height: 1.2; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;} h1 {font-size: 50px;} h2 {font-size: 32px; font-weight: 400; text-align: center; letter-spacing: 30px; text-transform: uppercase; position: relative;} h2 span {background-color: #fff; padding: 0 50px; position: relative; z-index: 20;} h2:before {content:''; display: block; margin:0; padding:0; height: 1px; width: 100%; background-color: #e17435; position: absolute; top: 18px; left: 0; z-index: 10;} h2 a {color:#e17435;} h3 {font-size: 22px; text-align: center; color: #404040;} h4 {font-size: 30px;} h5 {font-size: 20px;} h6 {font-size: 18px;} p {margin: 0 0 20px; padding:0; font-size: 16px; line-height: 1.6; text-align: justify; letter-spacing: 0.5px;} 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, ins {padding: 0.125em 0.25em; text-decoration: none;} big {font-size: 125%;} a {color: #333333; cursor: pointer; text-decoration: none;} a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0;} a:hover {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: #1d85f0;} 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 {border-collapse: separate; border-spacing: 0; border-width: 1px 0 1px 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; margin: 20px 0 !important;} caption, th, td {font-weight: normal; text-align: left;} th {border-width: 0; font-weight: 700;} td {border-width: 0;} table caption {padding: 10px;} /*=============================================================================== FORMS ===============================================================================*/ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder {color: #262626;} :-moz-placeholder {color: #262626;} ::-moz-placeholder {color: #262626; opacity: 1;} :-ms-input-placeholder {color: #262626;} input {line-height: normal;} label, .gfield_label {display: block; margin:6px 0 0 0; padding:0; font-size: 16px !important; font-weight: 500 !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 24px !important; border: 1px solid #e17435; background-color: transparent; text-align: center; width: auto; line-height: 1; font-size: 18px; text-transform: uppercase; background-color: #e17435; color: #fff; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out; font-weight: 700;} .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 {color: #e17435; background-color: #fff;} select {display: inline-block !important; margin:0 0 10px 0 !important; padding: 4px 18px 4px 4px !important; height: auto !important; width: auto; line-height: 1.2; font-size: 18px !important; text-transform: uppercase;background: #fff; border: 1px solid #e17435; color: #717171; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; background: #fff url('images/mockselect.png') right center no-repeat; font-weight: 400;} 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: 4px 10px !important; border: 1px solid #e17435; color: #000; width: 100%; line-height: 1; font-size: 16px !important;} textarea {height: 150px !important;} 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 #DDDDDD; outline: 0;} .gform_wrapper ul.gform_fields li.gfield {margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important;} body .gform_wrapper ul li.gfield {margin-top: 10px !important; padding-top: 0;} .internalContent .gform_wrapper ul li {margin: 0 !important; padding: 0 !important;} /* ============================================================================ GENERAL STYLES ===============================================================================*/ .container {margin: 0 auto; width: 100%; max-width: 1170px;} section {padding: 60px 0 50px;} .mobile {display: none;} .desktop {display: block;} /* ============================================================================ HEADER STYLES ==============================================================================*/ header {margin: 0; padding: 15px 0;} header .logo {margin: 0; padding:0; width:180px; height: 45px; float: left; } header .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: url('images/logo.png') no-repeat center center; background-size: 100% auto; text-indent: -9000px;} /* ============================================================================ SEARCH STYLE ==============================================================================*/ #search-btn {display: block; margin:8px 0 0 50px; padding: 0; width: 22px; height: 22px; cursor: pointer; float: right; color: #e17435; font-size: 22px;} #search-btn:hover {cursor: pointer;} #search-overlay{display:none;} .block {position: fixed; top: 0; right: 0; bottom:0 ; left: 0; overflow: auto; text-align: center; background: rgba(0, 0, 0, 0.9); margin: 0; z-index: 9999;} .block:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0;} .centered {display: inline-block; vertical-align: middle; width: 50%; padding: 10px 15px; color: #FFF; border: none; background: transparent;} #close-btn{position: fixed; top: 1em; right: 1em;} #close-btn:hover{color: #777; cursor: pointer;} input[type="search"]#searchField {margin:0; padding: 10px 20px 10px; color: #404040; font-size: 40px; height: 72px;} .searchButton {margin:0 0 0 -7px; padding: 16px 23px 16px !important; font-size: 40px !important; height: 72px;} /* ============================================================================ MAIN MENU STYLE ===============================================================================*/ header .primary-menu {margin:0; padding:0 3rem 0 0; width: auto !important; float: right;} header .primary-menu li {margin:0; padding:10px 0 0 20px; display: inline-block; position: relative;} header .primary-menu li a {color: #666666; font-size: 14px; line-height: 1; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; text-transform: uppercase;} header .primary-menu li .sub-menu {display: none; position: absolute; width: auto; top:50px; left:30px; margin:0; padding:16px 16px 20px; height: auto; z-index: 9999999; background-color: #e17435;} 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:3px 30px 6px 10px; font-size: 18px; color: #fff; font-weight: 300; line-height: 1; text-transform: none; border-bottom: 0px;} header .primary-menu li a:hover {} header .primary-menu li.current-menu-item a {} header .primary-menu li .sub-menu li.current-menu-item a {} header .primary-menu li .sub-menu li a:hover {} header .primary-menu li.current-menu-item .sub-menu li a {} header .primary-menu li.current-menu-item .sub-menu li.current-menu-item a {} .flexslider {margin: 0 !important; border: 0 !important;} .cn-buttons-container {display: block; clear: both; width: 100%; text-align: center;} /* ============================================================================ HOME STYLE ==============================================================================*/ section .social-menu {margin:40px auto; padding:0; width: 43px; position: absolute; top: 8%; right: 0; z-index: 999;} section .social-menu li {margin:0 0 5px; padding:0; width: 43px} section .social-menu li a {display: block; margin:0 !important; padding:0 !important; color: transparent; font-size: 0; width: 43px; height: 43px !important;border-radius: 6px 0 0 6px; overflow: visible; text-align: center;} section .social-menu li a i {margin:7px 0 0 0; padding:0; font-size: 32px; color: #fff} section .social-menu li:nth-of-type(1) a {background-color: #3b5998; } section .social-menu li:nth-of-type(2) a { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } section .social-menu li:nth-of-type(3) a {background-color: #0097d3; } section .social-menu li:nth-of-type(4) a {background-color: #cc181e; } section .social-menu li:nth-of-type(5) a {background-color: #4aa0ec } section .social-menu li.facebook a {background-color: #3b5998; } section .social-menu li.instagram a { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } section .social-menu li.linkedin a {background-color: #0097d3; } section .social-menu li.youtube a {background-color: #cc181e; } section .social-menu li.twitter a {background-color: #4aa0ec; } section .social-menu li.tiktok a {background-color: #EF2950;} section .social-menu li.search-btn a {position:absolute; top:-53%; right:0;} section .social-menu li.search-btn a i {color: #e17435; font-size: 22px;} section .social-menu li.search-btn a:hover {cursor: pointer;} .sliderBox {margin:0; padding:0;} .radiosList {text-align: center;} /*.radioSlide {margin:0 auto !important; width:94%;}*/ .radioSlide li div {margin:0; padding:0; height: 190px !important; width: 100%; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center; } .radioSlide li div img {width: auto !important;} .radioSlide li h3 {margin:0; padding:0; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 16px; color: #4d4d4d; font-family: 'Roboto', sans-serif;} .radioSlide .flex-direction-nav a {text-decoration: none; display: block; width: 38px !important; height: 38px !important; margin: -19px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1 !important; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -9000px !important;} .radioSlide .flex-direction-nav a::before {display: none;} .radioSlide .flex-direction-nav .flex-prev {left: -40px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important;} .radioSlide .flex-direction-nav .flex-next {right: -50px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important;} .owl-carousel .owl-item {margin:0; padding:0; height: 190px !important; width: 100%; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center; } .owl-carousel .owl-item img {width: auto !important;} .slide.radios {margin: 0; padding:0; height:190px; list-style-type:none;} .slide.radios li {float:left; list-style-type:none; height:190px; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center;} .slide.radios img {margin: 30px 30px 0;} .tvList {text-align: center;} .tvpampaSlide {margin:50px auto 30px !important; width:94%;} .tvpampaSlide li {margin: 0 12px !important; position: relative; float: left;} .tvpampaSlide li div {margin:0; padding:0; height: 215px !important; width: 340px; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center;} .tvpampaSlide li div img {width: auto !important;} .tvpampaSlide li h3 {margin: 10px auto 0; padding:0; text-align: center; text-transform: uppercase; font-size: 16px; color: #4d4d4d; font-weight: 400; font-family: 'Roboto', sans-serif;} .tvpampaSlide .flex-direction-nav a {text-decoration: none; display: block; width: 38px !important; height: 38px !important; margin: -160px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1 !important; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -9000px !important;} .tvpampaSlide .flex-direction-nav a::before {display: none;} .tvpampaSlide .flex-direction-nav .flex-prev {left: -60px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important;} .tvpampaSlide .flex-direction-nav .flex-next {right: -50px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important;} .tvpampaSlide .flex-direction-nav {display: none;} .jornalList {text-align: center;} .jornalSlide {margin:50px auto 0 !important; width:94%;} .jornalSlide li {margin: 0 12px !important; position: relative;} .jornalSlide .slides li:last-of-type {margin: 0 100px 0 12px !important; position: relative;} .jornalSlide li div {margin:0; padding:0; height: 215px !important; width: 340px; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center;} .jornalSlide li div img {width: auto !important;} .jornalSlide li h3 {position: absolute; bottom: 16px; left: 16px; padding:0; text-align: center; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 700;} .jornalSlide li:nth-of-type(8) h3 {color: #000;} .slide.osul {margin: 0; padding:0; height:250px; list-style-type:none;} .slide.osul li {float:left; list-style-type:none; height:auto;} .slide.osul li div {margin:50px 12px 0; padding:0; height: 215px !important; width: 340px; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center; position: relative; z-index: 10;} .slide.osul li div img {width: auto !important; position: relative; z-index: 10;} .slide.osul li div h3 {position: absolute; bottom: 16px; left: 16px; padding:0; text-align: center; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 700; z-index: 50;} .slide.osul li:nth-of-type(8) div h3 {color: #000 !important;} .jornalSlide .flex-direction-nav a {text-decoration: none; display: block; width: 38px !important; height: 38px !important; margin: -126px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1 !important; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -9000px !important;} .jornalSlide .flex-direction-nav a::before {display: none;} .jornalSlide .flex-direction-nav .flex-prev {left: -60px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important;} .jornalSlide .flex-direction-nav .flex-next {right: -50px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important;} .flexslider:hover .flex-direction-nav .flex-prev {left: -40px;} .tvpampaSlide .flexslider:hover .flex-direction-nav .flex-prev {left: -60px;} .jornalSlide .flexslider:hover .flex-direction-nav .flex-prev {left: -60px;} .buttonry {margin:0; padding: 50px 0 0;} .saberMais {display: block; margin:0; padding: 10px 20px 8px 40px; border-radius: 60px; float: right; background-color: #d4d4d4; color: #333333; font-size: 18px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative; font-family: 'Roboto', sans-serif;} .saberMais i {font-size: 42px; color:#e17435; position: absolute; top: -3px; left: -8px; background-color: #fff; border-radius: 50%;} /*=============================== Noticias ===============================*/ .noticiasList {margin:0; padding: 10px 0 120px 0;} .noticiasList h2 {margin-bottom: 50px;} .noticiasList .span6 {margin:0 !important; padding:2px; width: 50% !important;} .noticiasList .span3 {margin:0 !important; padding:2px; width: 25% !important;} .noticiasList .span6 .span6 {padding:0;} .noticiasList .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 ); } .noticiasList .gradient h3 {margin:0; padding: 0 10px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 22px; text-align: left; font-weight: 400;} .noticiasList .gradient h3 a {color: #fff; display: block;} .noticiaPost {display: block; margin:0; padding:0; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .noticiaPost.one {height: 462px; margin-bottom: 4px;} .noticiaPost.two {height: 230px;} .noticiaPost.three {height: 230px; margin-bottom: 4px; margin-right: 2px;} .noticiaPost.four {height: 230px;margin-bottom: 4px; margin-left: 2px;} .noticiaPost.five {height: 228px; margin-bottom: 4px; margin-right: 2px;} .noticiaPost.six {height: 228px;margin-bottom: 4px; margin-left: 2px;} .noticiaPost.seven {height: 230px;} .noticiaPost.eight {height: 230px; margin-bottom: 4px;} .noticiaPost.nine {height: 462px; } .noticiasList .buttonry {padding: 50px 0 0;} .noticiasList ul {margin:0; padding:0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.2rem;} .noticiasList ul li {margin:0; padding: 0; height: 15rem; background-repeat: no-repeat; background-size: cover; background-position: top center; cursor: pointer;} .noticiasList ul li:nth-of-type(1) {grid-column: span 2;} .noticiasList ul li:nth-of-type(7) {grid-row: span 2; height: 30.2rem;} .noticiasList ul li:nth-of-type(9) {grid-column: span 2;} /* begin media for smartphone */ @media (min-width : 230px) and (max-width : 767px) { .noticiasList ul {margin:0; padding:0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.2rem;} .noticiasList ul li:nth-of-type(7) {grid-row: span 1; height: 15rem;} .noticiasList ul li:nth-of-type(6) {grid-column: span 2;} } /* ============================================================================ INTERNAL PAGES ==============================================================================*/ .pageTitle {margin:0; padding: 0;} .pageTitle .container {margin:0 auto; padding: 0; height: 343px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .pageTitle h1 {margin:0; padding:235px 0 0 50px; font-size: 60px; color: #fff; line-height: 1; text-transform: uppercase; font-weight: 900; letter-spacing: 0; font-family: 'Roboto', sans-serif;} .internalContent {margin:0; padding: 20px 0 80px;} .internalContent h2 {margin:20px 0 30px; padding:0; line-height: 1; font-size: 29.2px; text-align: left; color:#e17435; letter-spacing: 2px; text-transform: none; font-family: 'Montserrat', sans-serif;} .internalContent h2:before {display: none;} .internalContent h3, .internalContent h4, .internalContent h5, .internalContent h6 {margin-top: 30px; font-size: 22px; font-weight: 700; text-align: left; color: #261b01;} .internalContent ul {margin:30px 0 20px 14px; padding:0;} .internalContent ul li {margin:0; padding:0 0 16px 20px; position: relative; text-align: left;} .internalContent ul li:before {content:''; position: absolute; top: 6px; left: 0; display: block; margin:0; padding:0; width: 10px; height: 10px; background-color: #E17435;} .internalContent a {color:#e17435;} .internalContent .gform_body ul {margin:0 !important; padding:0 !important;} .internalContent .gform_body ul li:first-of-type {margin:0 !important; padding:0 !important;} .internalContent .gform_body ul li:before {display: none !important;} .searchPage {margin-bottom: 80px;} .searchPage .span3 {margin:1% !important; width: 23% !important; height: 400px;} nav#main {margin:90px 0 0; padding: 0; text-align: center;} nav#main ul {margin: 0 auto; padding:0; display: inline-block; width: auto;} nav#main ul li {margin: 0 auto; padding:0; display: inline-block; width: auto;} nav#main li a {display: block; margin:0; padding: 10px 20px; background-color: #e6e6e6; font-size: 20px; letter-spacing: 0.5px; color: #757575; font-family: 'Roboto', sans-serif;} nav#main li a:hover, nav#main li a.active { background-color:#e17435; color: #fff;} nav#main ul li:before {display: none;} .contentBlock {margin:0; padding: 20px 0;} /* ============================================================================ RADIOS ==============================================================================*/ .post-type-archive-radio .pageTitle {margin:0; padding: 0;} .post-type-archive-radio .pageTitle .container {margin:0 auto; padding: 0; height: 343px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .post-type-archive-radio .pageTitle h1 {margin:0; padding:138px 0 0 146px; font-size: 92px; color: #fff; line-height: 1; text-transform: uppercase; font-weight: 700; letter-spacing: 8px; font-family: 'Roboto', sans-serif;} .post-type-archive-radio .pageTitle h1 small {display: block; margin:-3px 0 0 0; padding:0; font-size: 62px; font-weight: 500; letter-spacing: 4px; text-transform: none; font-family: 'Montserrat', sans-serif; color:#e17435;} /* ============================================================================ RADIOS SINGLE ==============================================================================*/ .single-radio .pageTitle h1 {text-indent: -9000px} .radioIntro {margin:0; padding: 0 0 60px; } .radioPage {margin:0 0 10px; padding: 50px 0 40px; position: relative;} .radioPage .span3 {text-align: center !important; height: 170px; } .radioPage img {max-height: 120px; width: auto;} .radioPage h3 {margin:0; padding: 0 0 10px 0; font-size: 30px; font-weight: 400 !important; font-family: 'Montserrat', sans-serif; color:#e17435;} .redePraiaHeader h3 {margin:0; padding: 0 0 40px 0; font-size: 30px; font-weight: 600 !important; font-family: 'Montserrat', sans-serif; color:#e17435;} .radioPage .buttonry {margin:10px 0 0; padding:0; } .radioPage .buttonry span.left {background-color: #fff; padding-right: 30px; float: left;} .radioPage .buttonry span.right {background-color: #fff; padding-left: 30px; float: right;} .radioPage .saberMais {display: block; margin:0; padding: 10px 20px 8px 40px; border-radius: 60px; float: right; background-color: #d4d4d4; color: #333333; font-size: 18px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative;} .radioPage .saberMais i {font-size: 42px; color:#e17435; position: absolute; top: -3px; left: -8px; background-color: #fff; border-radius: 50%;} .radioPage .ouvir {display: block; margin:0; padding: 10px 20px 8px 40px; border-radius: 60px; float: left; background-color: #d4d4d4; color: #333333; font-size: 18px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative; font-family: 'Roboto', sans-serif;} .radioPage .ouvir i.fa-volume-up {padding: 6px;font-size: 24px; background-color:#e17435; position: absolute; top: -1px; left: -10px; color: #fff; border-radius: 50%;} .flex-direction-nav {margin:0 !important; padding: 0 !important;} .tabHeads {margin:50px 0 20px !important; padding:0 !important; list-style-type: none; width: 100%; -moz-box-shadow: -10px 1px 14px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -10px 1px 14px rgba(0, 0, 0, 0.2); box-shadow: -10px 1px 14px rgba(0, 0, 0, 0.2); } .tabHeads li {margin: 0 auto; padding:40px !important; display: inline-block; width: auto; font-size: 18px; color: #626262; text-transform: uppercase; line-height: 18px;} .tabHeads li a {color: #626262;} .tabHeads li.ui-tabs-active {background-color: #bfbfbf;} .tabHeads li.ui-tabs-active a {color: #fff;} .tabHeads li:before {display: none !important;} .internalContent .flexslider li:before {display: none !important;} #tabs .flexslider.carousel {margin:0 auto !important; width:94%;} #tabs .flexslider.carousel li {width: 270px !important;} #tabs .flexslider.carousel li h4 {margin:0; padding:0 20px; font-size:22px; color: #707070; font-weight: 900; text-transform: uppercase; text-align: center;} #tabs .flexslider.carousel li h4 small {display: block; margin:0; padding:0 0 20px; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 28px;} #tabs .flexslider.carousel li h4 .noAr {display: block; margin:0; color: #fff; padding:0 0 20px; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 28px; background-color: #E00109;} #tabs .flexslider.carousel li h4 .seguir {display: block; margin:0; color: #fff; padding:0 0 20px; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 28px; background-color: #33C25B;} #tabs .flexslider.carousel .flex-direction-nav a {text-decoration: none; display: block; width: 52px !important; height: 52px !important; margin: -26px 0 0; position: absolute; top: -100px !Important; z-index: 10; overflow: hidden; opacity: 1 !important; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -9000px !important; border-radius: 50% !important;} #tabs .flexslider.carousel .flex-direction-nav a::before {display: none;} #tabs .flexslider.carousel .flex-direction-nav .flex-prev {left: -40px; background:#e17435 url('images/arrow-left-big.png') no-repeat center center !important;} #tabs .flexslider.carousel .flex-direction-nav .flex-next {right: -50px !important; background:#e17435 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} #tabs .flexslider.carousel .flex-direction-nav li.flex-nav-prev {width: 50% !important; float: left;} #tabs .flexslider.carousel .flex-direction-nav li.flex-nav-next {width: 50% !important; float: right;} #tabs .flexslider:hover .flex-direction-nav .flex-prev {left: -40px;} .jcarousel-wrapper {padding-top: 20px; position: relative;} /** Carousel **/ .jcarousel {position: relative; overflow: hidden; width: 100%;} .jcarousel ul { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { width: 270px; float: left; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jcarousel li h4 {margin:0; padding:0 20px; font-size:22px; color: #707070; font-weight: 900; text-transform: uppercase; text-align: center;} .jcarousel li h4 small {display: block; margin:0; padding:0 0 20px; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 28px;} .jcarousel li h4 .noAr {display: inline-block; margin:0 12px 12px; color: #fff; padding:4px 8px; width: auto; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 28px; background-color: #E00109;} .jcarousel li h4 .seguir {display: inline-block; margin:0 0 12px; color: #fff; padding:4px 8px; width: auto; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 28px; background-color: #33C25B;} .jcarousel li:before {display: none !important;} /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 50%; margin-top: -26px; width: 52px; height: 52px; text-align: center; border-radius: 50%; text-decoration: none; } .jcarousel-control-prev {background:#e17435 url('images/arrow-left-big.png') no-repeat center center !important; left: -15px; } .jcarousel-control-next {background:#e17435 url('images/arrow-right-big.png') no-repeat center center !important; right: -15px; } .single-radio .buttonry {margin:0 0 80px 0; padding:0; position: static; width: 100%;} .single-radio .buttonry span.left {background-color: #fff; padding-right: 30px; float: left;} .single-radio .buttonry span.right {background-color: #fff; padding-left: 30px; float: right;} .single-radio .saberMais {display: block; margin:0; padding: 12px 20px 10px 40px; border-radius: 60px; float: right; background-color: #e6e6e6; color: #333333; font-size: 20px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative;} .single-radio .saberMais i {font-size: 44px; color:#e17435; position: absolute; top: -2px; left: -10px; background-color: #fff; border-radius: 50%;} .single-radio .ouvir {display: block; margin:0; padding: 6px 20px 1px 50px; border-radius: 60px; float: left; background-color: #e6e6e6; color: #333333; font-size: 20px; text-transform: uppercase; font-weight: 900; line-height: 30px; position: relative; font-family: 'Roboto', sans-serif;} .single-radio .ouvir i.fa-volume-up {padding: 8px;font-size: 28px; background-color:#e17435; position: absolute; top: 0; left: -10px; color: #fff; border-radius: 50%;} .single-radio .ouvir .radioPlayer {float: right; padding-left: 20px;} .single-radio .ouvir .radioPlayer i {padding: 0 2px; background-color: transparent !important; font-size: 32px; color:#e17435;} .post-type-archive-radio .ouvir i.fa-volume-up {padding: 8px;font-size: 24px; background-color:#e17435; position: absolute; top: -2px; left: -10px; color: #fff; border-radius: 50%;} .post-type-archive-radio .ouvir .radioPlayer {float: right; padding-left: 20px; margin-top: -4px;} .post-type-archive-radio .ouvir .radioPlayer i {padding: 0 2px; background-color: transparent !important; font-size: 22px; color:#e17435 !important;} /*=============================================================================== GALLERIES STYLE ===============================================================================*/ .single-radio .gallery {margin: 0 -1.1666667% 1.75em; text-align: center;} .single-radio .gallery-item {display: inline-block !important; margin: 0 auto; max-width: 33.33%; padding: 0 1.1400652%; text-align: center; vertical-align: top; width: 100%; float: none !important;} .single-radio .gallery-icon img {margin: 0 auto; border: 0 !Important} .single-radio .gallery-caption {color: #222222; display: block; font-weight: 600; font-size: 18px; line-height: 1; padding-top: 0.5384615385em;} .single-radio .comercial {padding-left: 50px;} .single-radio .comercial h4 {padding-bottom: 42px;} table.stats {margin:65px 0 40px !important; padding:0 !important; width: 100% !important;} table.stats td {margin:0 !important; padding:20px !important; width: 50% !important; text-align: center !important; border: 1px solid #626262; vertical-align: top;} table.stats tr:nth-of-type(1) td:nth-of-type(1) {border-left: 1px solid #fff; border-top: 1px solid #fff;} table.stats tr:nth-of-type(1) td:nth-of-type(2) {border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff;} table.stats tr:nth-of-type(2) td:nth-of-type(1) {border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;} table.stats tr:nth-of-type(2) td:nth-of-type(2) {border: 1px solid #fff;} table.stats td h4 {margin:0; padding:0 0 40px 0; text-transform: uppercase; font-weight: 400; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 18px;} table.stats td img {width: auto !important; margin: 0 auto;} /*ul.stats li:nth-of-type(2n+1):after {content:''; position: absolute; top: 0; right:0; display: block; height: 68%; margin:5% 0; padding:0; background-color: #626262; width: 10px;} ul.stats li:nth-of-type(2n+1) {width: 49%;} ul.stats li:nth-of-type(2n+2) {width: 51%; text-align: right;} ul.stats li:nth-of-type(3), ul.stats li:nth-of-type(4) {height: 400px !important;} */ .fonte {clear: both; font-size: 13px !important; text-align:center;} .gallery-columns-3 {margin: 10px auto; width: 70%;} .voltar {text-align: center;} .voltar a {color: #fff !important; font-size: 22px;} /* ============================================================================ RADIO COLOURS ==============================================================================*/ .postid-36 .saberMais i {color: #e677ab !important;} .postid-36 .ouvir i {background-color: #e677ab !important;} .postid-36 .ouvir .radioPlayer i {color: #e677ab !important;} .postid-36 nav#main li a:hover, .postid-36 nav#main li a.active {background-color: #e677ab;} .postid-36 .internalContent h2 {color: #e677ab !important;} .postid-36 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #e677ab url('images/arrow-left-big.png') no-repeat center center !important;} .postid-36 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #e677ab url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-36 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-36 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 60%;} .postid-36 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 47%;} .postid-36 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 80%;} .postid-36 .comercial a {color: #e677ab !important;} .postid-36 input[type="text"], .postid-36 input[type="email"], .postid-36 input[type="url"], .postid-36 input[type="password"], .postid-36 input[type="search"], .postid-36 input[type="tel"], .postid-36 input[type="number"], .postid-36 textarea {border-color: #e677ab;} .postid-36 .gform_button {background-color: #e677ab !important; border: 0;} .postid-38 .saberMais i {color: #ff4b00 !important;} .postid-38 .ouvir i {background-color: #ff4b00 !important;} .postid-38 .ouvir .radioPlayer i {color: #ff4b00 !important;} .postid-38 nav#main li a:hover, .postid-38 nav#main li a.active {background-color: #ff4b00;} .postid-38 .internalContent h2 {color: #ff4b00 !important;} .postid-38 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #ff4b00 url('images/arrow-left-big.png') no-repeat center center !important;} .postid-38 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #ff4b00 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-38 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-38 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 50%;} .postid-38 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 80%;} .postid-38 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 58%;} .postid-38 .comercial a {color: #ff4b00 !important;} .postid-38 input[type="text"], .postid-38 input[type="email"], .postid-38 input[type="url"], .postid-38 input[type="password"], .postid-38 input[type="search"], .postid-38 input[type="tel"], .postid-38 input[type="number"], .postid-36 textarea {border-color: #ff4b00;} .postid-38 .gform_button {background-color: #ff4b00 !important; border: 0;} .postid-40 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-40 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 72%;} .postid-40 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 52%;} .postid-40 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 78%;} .postid-42 .saberMais i {color: #ae8422 !important;} .postid-42 .ouvir i {background-color: #ae8422 !important;} .postid-42 .ouvir .radioPlayer i {color: #ae8422 !important;} .postid-42 nav#main li a:hover, .postid-42 nav#main li a.active {background-color: #ae8422;} .postid-42 .internalContent h2 {color: #ae8422 !important;} .postid-42 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #ae8422 url('images/arrow-left-big.png') no-repeat center center !important;} .postid-42 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #ae8422 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-42 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-42 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 39%;} .postid-42 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 80%;} .postid-42 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 58%;} .postid-42 .comercial a {color:#ae8422 !important;} .postid-42 input[type="text"], .postid-42 input[type="email"], .postid-42 input[type="url"], .postid-42 input[type="password"], .postid-42 input[type="search"], .postid-42 input[type="tel"], .postid-42 input[type="number"], .postid-42 textarea {border-color: #ae8422;} .postid-42 .gform_button {background-color:#ae8422 !important; border: 0;} .postid-141 .saberMais i {color: #823f97 !important;} .postid-141 .ouvir i {background-color: #823f97 !important;} .postid-141 .ouvir .radioPlayer i {color: #823f97 !important;} .postid-141 nav#main li a:hover, .postid-141 nav#main li a.active {background-color: #823f97;} .postid-141 .internalContent h2 {color: #823f97 !important;} .postid-141 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #823f97 url('images/arrow-left-big.png') no-repeat center center !important;} .postid-141 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #823f97 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-141 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-141 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 64%;} .postid-141 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 56%;} .postid-141 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 83%;} .postid-141 .comercial a {color: #823f97 !important;} .postid-141 input[type="text"], .postid-141 input[type="email"], .postid-141 input[type="url"], .postid-141 input[type="password"], .postid-141 input[type="search"], .postid-141 input[type="tel"], .postid-141 input[type="number"], .postid-141 textarea {border-color: #823f97;} .postid-141 .gform_button {background-color: #823f97 !important; border: 0;} .postid-142 .saberMais i {color: #c04d95 !important;} .postid-142 .ouvir i {background-color: #c04d95 !important;} .postid-142 .ouvir .radioPlayer i {color: #c04d95 !important;} .postid-142 nav#main li a:hover, .postid-142 nav#main li a.active {background-color: #c04d95;} .postid-142 .internalContent h2 {color: #c04d95 !important;} .postid-142 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #c04d95 url('images/arrow-left-big.png') no-repeat center center !important;} .postid-142 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #c04d95 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-142 .comercial a {color: #c04d95 !important;} .postid-142 input[type="text"], .postid-142 input[type="email"], .postid-142 input[type="url"], .postid-142 input[type="password"], .postid-142 input[type="search"], .postid-142 input[type="tel"], .postid-142 input[type="number"], .postid-142 textarea {border-color: #c04d95;} .postid-142 .gform_button {background-color: #c04d95 !important; border: 0;} .postid-144 .saberMais i {color: #871d1d !important;} .postid-144 .ouvir i {background-color: #871d1d !important;} .postid-144 .ouvir .radioPlayer i {color: #871d1d!important;} .postid-144 nav#main li a:hover, .postid-144 nav#main li a.active {background-color: #871d1d;} .postid-144 .internalContent h2 {color: #871d1d !important;} .postid-144 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #871d1d url('images/arrow-left-big.png') no-repeat center center !important;} .postid-144 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #871d1d url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-144 .comercial a {color: #871d1d !important;} .postid-144 input[type="text"], .postid-144 input[type="email"], .postid-144 input[type="url"], .postid-144 input[type="password"], .postid-144 input[type="search"], .postid-144 input[type="tel"], .postid-144 input[type="number"], .postid-144 textarea {border-color: #871d1d;} .postid-144 .gform_button {background-color: #871d1d !important; border: 0;} .postid-44 .saberMais i {color: #ddb326 !important;} .postid-44 .ouvir i {background-color: #ddb326 !important;} .postid-44 .ouvir .radioPlayer i {color: #ddb326 !important;} .postid-44 nav#main li a:hover, .postid-44 nav#main li a.active {background-color: #ddb326;} .postid-44 .internalContent h2 {color: #ddb326 !important;} .postid-44 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #ddb326 url('images/arrow-left-big.png') no-repeat center center !important;} .postid-44 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #ddb326 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-44 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-44 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 45%;} .postid-44 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 80%;} .postid-44 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 58%;} .postid-44 .comercial a {color: #ddb326 !important;} .postid-44 input[type="text"], .postid-44 input[type="email"], .postid-44 input[type="url"], .postid-44 input[type="password"], .postid-44 input[type="search"], .postid-44 input[type="tel"], .postid-44 input[type="number"], .postid-44 textarea {border-color: #ddb326;} .postid-44 .gform_button {background-color:#ddb326 !important; border: 0;} .postid-46 .saberMais i {color: #018242 !important;} .postid-46 .ouvir i {background-color: #018242 !important;} .postid-46 .ouvir .radioPlayer i {color: #018242 !important;} .postid-46 nav#main li a:hover, .postid-46 nav#main li a.active {background-color: #018242;} .postid-46 .internalContent h2 {color: #018242 !important;} .postid-46 #tabs .flexslider.carousel .flex-direction-nav .flex-prev {background: #018242 url('images/arrow-left-big.png') no-repeat center center !important;} .postid-46 #tabs .flexslider.carousel .flex-direction-nav .flex-next {background: #018242 url('images/arrow-right-big.png') no-repeat center center !important; text-align: left !important;} .postid-46 table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 47%;} .postid-46 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {width: 64%;} .postid-46 table.stats tr:nth-of-type(2) td:nth-of-type(1) img {width: 46%;} .postid-46 table.stats tr:nth-of-type(2) td:nth-of-type(2) img {width: 75%;} .postid-46 .comercial a {color: #018242 !important;} .postid-46 input[type="text"], .postid-46 input[type="email"], .postid-46 input[type="url"], .postid-46 input[type="password"], .postid-46 input[type="search"], .postid-46 input[type="tel"], .postid-46 input[type="number"], .postid-46 textarea {border-color: #018242;} .postid-46 .gform_button {background-color: #018242 !important; border: 0;} /* ============================================================================ O SUL ==============================================================================*/ .page-id-505 .pageTitle h1 {text-indent: -9000px;} .page-id-505 .buttonry {padding: 18px 0 0;} .page-id-505 .saberMais {color: #333333 !important; font-size: 22px; margin-left: 30px;} .page-id-505 .saberMais i {color: #0077bd !important;} .saberMaisJornal {display: block; margin:0; padding: 10px 20px 8px 50px; border-radius: 60px; float: right; background-color: #d4d4d4; font-size: 22px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative; font-family: 'Roboto', sans-serif; color: #333333 !important;} .saberMaisJornal a {color: #333333 !important; } .saberMaisJornal i {padding: 8px; font-size: 26px; color: #fff; position: absolute; top: -1px; left: -8px; background-color: #0077bd; border-radius: 50%;} .page-id-505 nav#main {margin-bottom: 40px;} .page-id-505 nav#main li a:hover, .page-id-505 nav#main li a.active {background-color: #0077bd; } .page-id-505 .internalContent h2 {color: #0077bd !important;} .page-id-505 input[type="text"], .page-id-505 input[type="email"], .page-id-505 input[type="url"], .page-id-505 input[type="password"], .page-id-505 input[type="search"], .page-id-505 input[type="tel"], .page-id-505 input[type="number"], .page-id-505 textarea {border-color: #0077bd;} .page-id-505 .gform_button {background-color: #0077bd !important; border: 0;} .page-id-505 .span6.comercial p a {color: #0077bd !important;} #colunm .span3 {padding-bottom: 60px;} #colunm h3 {font-size: 30px; color: #0077bd; font-weight: 700;} #colunm p {font-weight: 600;} .page-id-505 table.stats tr:nth-of-type(1) td:nth-of-type(1) {border: 1px solid #fff; width: 40% !important;} .page-id-505 table.stats tr:nth-of-type(1) td:nth-of-type(2) {border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #626262 !important; width: 60% !important;} #edit.contentBlock {margin: 0 12px !important; position: relative;} #edit.contentBlock .span4 {margin: 1% !important; padding:0 !important; width: 31.33333333333333% !important; position: relative;} #edit.contentBlock .span4 img {width: 100%;} #edit.contentBlock h3 {position: absolute; bottom: 16px; left: 16px; padding:0; text-align: left; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 700;} #edit.contentBlock .span4:nth-of-type(8) h3 {color: #000;} /* ============================================================================ TV PAMPA ==============================================================================*/ .page-id-545 .pageTitle h1 {text-indent: -9000px;} .page-id-545 .saberMais {color: #333333 !important; font-size: 22px; margin-left: 30px;} .page-id-545 .buttonry {padding: 18px 0 0;} .page-id-545 nav#main {margin-bottom: 40px;} .page-id-545 nav#main li a {font-size: 18px; padding: 10px;} .page-id-545 #locais h3 {margin-bottom: 30px; font-size: 24px; font-weight: 400; text-align: center; letter-spacing: 26px; text-transform: uppercase; position: relative; color: #e17435;} .page-id-545 #locais h3 span {background-color: #fff; padding: 0 50px; position: relative; z-index: 20;} .page-id-545 #locais h3:before {content:''; display: block; margin:0; padding:0; height: 1px; width: 100%; background-color: #e17435; position: absolute; top: 12px; left: 0; z-index: 10;} .page-id-545 #locais h4 {font-weight: 400; font-size: 24px; color: #e17435; font-family: 'Montserrat', sans-serif; letter-spacing: 4px;} .page-id-545 #locais .gallery-columns-3 { margin: 2px auto !important; width: 100% !important; } .page-id-545 #locais .gallery img {border: 0 !important;} .page-id-545 #locais dl {margin: 0 !important; padding: 9 !important;} .nacionalSlide .flex-direction-nav a {text-decoration: none; display: block; width: 38px !important; height: 38px !important; margin: -180px 0 0; position: absolute; top: 200%; z-index: 10; overflow: hidden; opacity: 1 !important; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -9000px !important;} .nacionalSlide .flex-direction-nav a::before {display: none;} .nacionalSlide .flex-direction-nav .flex-prev {left: -50px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important;} .nacionalSlide .flex-direction-nav .flex-next {margin: -195px 0 0; right: -50px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important;} .page-id-545 #nacionais .buttonry {margin: -30px 0 0 0; padding: 0 0 0 !important;} .saberMaisNacionias {margin:-5px 0 0 0; padding:0; text-align: right; font-family: 'Roboto Condensed', sans-serif; } .saberMaisNacionias a {color:#333333; font-size: 23px; text-transform: uppercase; font-weight: 900;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {margin-top: 66px;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(3) img {margin-top: 66px;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(1) {border: 1px solid #fff;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(2) {border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #626262 !important; border-left: 1px solid #626262 !important;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(3) {border: 1px solid #fff;} /* ============================================================================ TV PAMPA DYNAMIC ==============================================================================*/ .page-id-1404 .pageTitle h1 {text-indent: -9000px;} .page-id-1404 .saberMais {color: #333333 !important; font-size: 22px; margin-left: 30px;} .page-id-1404 .buttonry {padding: 18px 0 0;} .page-id-1404 nav#main {margin-bottom: 40px;} .page-id-1404 nav#main li a {font-size: 18px; padding: 10px;} .page-id-1404 #locais h3 {margin-bottom: 30px; font-size: 24px; font-weight: 400; text-align: center; letter-spacing: 26px; text-transform: uppercase; position: relative; color: #e17435;} .page-id-1404 #locais h3 span {background-color: #fff; padding: 0 50px; position: relative; z-index: 20;} .page-id-1404 #locais h3:before {content:''; display: block; margin:0; padding:0; height: 1px; width: 100%; background-color: #e17435; position: absolute; top: 12px; left: 0; z-index: 10;} .page-id-1404 #locais h4 {font-weight: 400; font-size: 24px; color: #e17435; font-family: 'Montserrat', sans-serif; letter-spacing: 4px;} .page-id-1404 #locais .gallery-columns-3 { margin: 2px auto !important; width: 100% !important; } .page-id-1404 #locais .gallery img {border: 0 !important;} .page-id-1404 #locais dl {margin: 0 !important; padding: 9 !important;} .nacionalSlide .flex-direction-nav a {text-decoration: none; display: block; width: 38px !important; height: 38px !important; margin: -180px 0 0; position: absolute; top: 200%; z-index: 10; overflow: hidden; opacity: 1 !important; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -9000px !important;} .nacionalSlide .flex-direction-nav a::before {display: none;} .nacionalSlide .flex-direction-nav .flex-prev {left: -50px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important;} .nacionalSlide .flex-direction-nav .flex-next {margin: -195px 0 0; right: -50px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important;} .page-id-1404 #nacionais .buttonry {margin: -30px 0 0 0; padding: 0 0 0 !important;} .saberMaisNacionias {margin:-5px 0 0 0; padding:0; text-align: right; font-family: 'Roboto Condensed', sans-serif; } .saberMaisNacionias a {color:#333333; font-size: 23px; text-transform: uppercase; font-weight: 900;} .page-id-1404 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {margin-top: 66px;} .page-id-1404 table.stats tr:nth-of-type(1) td:nth-of-type(3) img {margin-top: 66px;} .page-id-1404 table.stats tr:nth-of-type(1) td:nth-of-type(1) {border: 1px solid #fff;} .page-id-1404 table.stats tr:nth-of-type(1) td:nth-of-type(2) {border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #626262 !important; border-left: 1px solid #626262 !important;} .page-id-1404 table.stats tr:nth-of-type(1) td:nth-of-type(3) {border: 1px solid #fff;} .digital {color: #0000FF !important; font-weight: 700; font-size: 16px;} .analogico {color: #238800 !important; font-weight: 700; font-size: 16px;} .net {color: #882000 !important; font-weight: 700; font-size: 16px;} .gradeTitle {margin:70px 0 0 !important; padding:10px; text-align: center !important; color: #fff !important; background-color: #F78B16; font-size: 34px !important;} .grade_tvpampa {padding: 4px; background-color: #FFC42E;} .grade_tvpampa .row-fluid:nth-of-type(even) {background-color: #fff;} .grade_tvpampa .row-fluid .span7, .grade_tvpampa .row-fluid .span5, .grade_tvpampa .row-fluid .span2, .grade_tvpampa .row-fluid .span1 {margin:0 !important;padding: 6px 2px 4px 6px !important; font-size: 16px; line-height: 1;} .grade_tvpampa .row-fluid .span2 {border-right: 1px solid #F78B16; text-align: center !important;} .grade_tvpampa .row-fluid .span1 {text-align: center !important;} .topo {font-weight: 900;} .tiny {margin:0 0 0 -5px !important; padding: 0 !important; height: 15px; overflow: hidden;} .tiny .span4 {margin:2px 0 0 0 !important; padding: 0 !important; width: 33.33333333333333% !important; float: left !imporant; text-align: left; text-transform: uppercase;font-size: 9px !important; font-weight: 900; line-height: 1;} .tiny .span4:nth-of-type(1) {width: 36% !important;} .tiny .span4:nth-of-type(2) {width: 48% !important;} .tiny .span4:nth-of-type(3) {width: 16% !important;} .gradeLegenda {margin:20px 0 30px 0 !important; padding:0 !important;} .gradeLegenda li {margin:0 !important; padding:0 10px 0 0 !important; display: inline-block; width: auto; text-transform: uppercase; font-weight: 600;} .gradeLegenda li:before { content: ''; position: absolute; top: 3px !important; left: 0; display: block; margin: 0; padding: 0; width: 15px !important; height: 15px !important; border-radius: 50%; background-color: #1d85f0; } .gradeLegenda li:nth-of-type(1):before {display: none;} .gradeLegenda li:nth-of-type(2) {padding:0 10px 0 20px !important; color: #0000FF !important; } .gradeLegenda li:nth-of-type(2):before {background-color: #0000FF !important; } .gradeLegenda li:nth-of-type(3) {padding:0 10px 0 20px !important; color: #238800 !important; } .gradeLegenda li:nth-of-type(3):before {background-color: #238800 !important; } .gradeLegenda li:nth-of-type(4) {padding:0 10px 0 20px !important; color: #882000 !important; } .gradeLegenda li:nth-of-type(4):before {background-color: #882000 !important; } .page-id-686 .pageTitle h1 {text-indent: -9000px;} .page-id-686 .nacionais .row-fluid {margin: 20px 0 30px;} /* ============================================================================ FALE CONOSCO ==============================================================================*/ .contactAddresses {margin:0 !important; padding:0 !important;} .contactAddresses li {margin:0 !important; padding:0 !important; font-size: 16px !important;} .contactAddresses li h3 {margin:0 0 10px !important; padding:0 !important; font-size: 22px !important; color:#e17435; font-weight: 400;} .contactAddresses li h4 {margin:0 !important; padding:0 !important; font-size: 18px !important; font-weight: 700;} .contactAddresses li p {font-size: 16px !important;} .contactAddresses li:before {display: none !important;} .page-id-11 .contactAddresses {margin:0 !important; padding:32px 0 0 50px !important;} /* ============================================================================ TRABELHE CONOSCO ==============================================================================*/ section.page-title-section {display: none !important;} .col-md-7 {margin:-30px 0 0 0; padding:0 80px 0 0; width: 70%; float: left;} .col-md-5 {margin:0; padding:0; width: 30%; float: left;} .col-12 {padding-bottom: 10px;} .page-template-page-cabecalho .pageTitle h1 {padding: 192px 60% 0 50px;} /* ============================================================================ BLOG ==============================================================================*/ .grid-layout { display: grid; grid-template-columns: repeat(auto-fill, minmax(31.33333333333333%, 1fr)); grid-gap: '%'; grid-auto-rows: minmax(180px, auto); grid-auto-flow: dense; padding: 10px; } .grid-item {padding: 1rem;} .grid-item h3 {margin:15px 0 20px; padding:0; font-size: 26px;} .grid-item h3 small {margin:6px 0 0; padding:0; display: block; font-size: 12px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase;} .grid-item .view {margin:6px 0 0; padding:0; display: block; font-size: 14px; letter-spacing: 4px; font-weight: 400; text-transform: uppercase;} .single .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {float: right; margin: 8px 0 20px 40px; max-width: 45%;} .single h2 small {margin:6px 0 0; padding:0; display: block; font-size: 14px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; color: #000;} .socialMediaCore {margin:0; padding: 30px 0 50px 0; clear: both;} .socialMediaCore p {margin:0; padding: 0; color:#e17435; font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; line-height: 47px; width: 292px; 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: 43px; height: 43px; border-radius: 6px; background-color:#e17435; 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: royalblue; font-size: 32px;} .socialMediaCore ul li a i {color: #fff; } .postid-782 .wp-post-image {display: none;} .page-id-1721 #gallery-1 .gallery-item { float: left; margin: 1% !important; text-align: center; width: 23% !important; height: 240px !important; border: 1px solid #cfcfcf; background-color: #b0b0b0; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center; position: relative; } .page-id-1721 #gallery-1 .gallery-item dd { margin: 0 0 1.75em; margin-left: 0px; width: 100%; display: block !important; position: absolute; bottom: -19px; } .page-id-1721 #gallery-1 .gallery-item .gallery-caption { color: #222222; display: block; font-weight: normal; font-size: 14px; line-height: 2; padding-top: 0.5384615385em; } .page-id-1721 #gallery-1 img { max-width: 80%; border: 0 solid #cfcfcf !important; } .page-id-1721 .vetores {margin:0; padding:0; width: 100%;} .page-id-1721 .vetores li {padding: 10px; float: left; margin: 1% !important; text-align: center; width: 23% !important; height: 140px !important; border: 1px solid #cfcfcf; background-color: #b0b0b0; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center; position: relative; } .page-id-1721 .vetores li:before {display: none;} .page-id-1721 .vetores li a { color: #fff; font-weight: bold; font-size: 22px; line-height: 1.2; } .page-id-1721 .pageTitle h1 {padding: 163px 0 0 50px;} .page-id-1721 .pageTitle {margin: 0 0 30px 0;} table.marketing {margin:0; padding:0; width: 100%; border-bottom: 1px solid #cfcfcf;} table.marketing td {padding: 20px 30px; vertical-align: top; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; } table.marketing td h2 {margin: 20px 0 10px !important;} table.marketing td h3 {margin-top: 20px; padding: 0 0 5px 0;} table.marketing td:nth-of-type(1) {width: 24%;} table.marketing td:nth-of-type(2) {width: 76%; border-right: 1px solid #cfcfcf;} /* ============================================================================ FOOTER ==============================================================================*/ footer {margin:0; padding:70px 0 0 0; text-align: left; background-color:#e17435; } footer .span4 {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: 40px; height: 40px !important;border-radius: 50%; overflow: visible; background-color: #fff; text-align: center;} footer .social-menu li a i {margin:10px 0 0 0; padding:0; font-size: 22px; color:#e17435;} footer h5 {margin:0; padding: 0 0 8px 0; font-size: 20px; text-align: left; color: #fff; font-weight: 700; text-transform: uppercase;} footer p {margin:0; padding: 0; font-weight: 300; font-size: 14px; line-height: 1.6; color: #fff} footer a.button {display: block; margin:0 auto !important; padding: 0 !important; background-color: #fff !important; color:#e17435; font-size: 26px !important; height: 50px !important; line-height: 50px !important; width: 250px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;} 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:#e17435; font-size: 24px; 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: 14px; font-weight: 400; line-height: 1.4;} footer .span8 ul li:after {padding:0 3px; 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: 14px; line-height: 1.6; color: #fff;} footer strong {font-weight: 900;} footer .copyrights {margin-top: 50px; background-color: #fff;} footer .copyrights p {margin:0; padding:14px 0 10px; font-size: 12px; line-height: 1.2; letter-spacing: 1px; text-align: center; color: #666666;} /* ============================================================================ 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:0 10px 0 0; padding:0; width:155px; height: 50px; float: right} #hamburgerui li .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: transparent url('images/logo.png') no-repeat top center; text-indent: -9000px; background-size: 100% auto;} .voltar {margin:5px 0 0 10px; padding:0; display: block; float: left; color: #f37435; font-size: 26px; width: 40px;} #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 #e17435; 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: #e17435; -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: #fff; 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 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;} .mobile {display: block;} .desktop {display: none !important;} .primary-menu li {margin:0; padding:10px; text-align: center;} .primary-menu li a {color: #666666; font-size: 24px; } .container {padding: 0 10px;} header { padding: 10px 0;} section .social-menu {margin:0; padding:0; width: auto; position: absolute; top: 248px; right: 0; z-index: 999;} section .social-menu li {margin:0 10px 0 0; padding:0; width: 30px; float: left;} section .social-menu li a {display: block; margin:0 !important; padding:0 !important; color: transparent; font-size: 0; width: 30px; height: 30px !important;border-radius: 6px 6px 6px 6px; overflow: visible; text-align: center;} section .social-menu li a i {margin:4px 0 0 0; padding:0; font-size: 24px; color: #fff} #search-btn {position: absolute; top: 295px; right: 12px; z-index: 999; display: block; margin:0; float: none; } h2 {font-size: 30px; font-weight: 400; text-align: center; letter-spacing: 2px;} h2 span {margin: 0 auto; padding: 0 20px; position: relative; z-index: 20;} .radiosList {padding: 5rem 0 50px;} /*.radioSlide {margin:0 auto !important; width:74%;} .radioSlide .flex-direction-nav a {text-decoration: none; display: block; width: 28px !important; height: 28px !important; } .radioSlide .flex-direction-nav .flex-prev {left: -40px; background-size: 100% auto !important;} .radioSlide .flex-direction-nav .flex-next {right: -50px !important; background-size: 100% auto !important;} */ .radioSlideMobile ul {margin:0; padding:0; width: 100%;} .radioSlideMobile ul li {margin:0; padding:20px; width: 50%; height: 130px; float: left; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center; position: relative;} .radioSlideMobile ul li img {width: 80%;} .radioSlideMobile ul li h3 {display: none;} /*.tvpampaSlide {margin:50px auto 0 !important; width:84%;} .tvpampaSlide .flex-direction-nav {display: block;} .tvpampaSlide li div {margin:0; padding:0; height: auto !important; width: 300px !important; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center;} .tvpampaSlide .flex-direction-nav a {text-decoration: none; display: block; width: 28px !important; height: 28px !important; margin: -160px 0 0;} .tvpampaSlide .flex-direction-nav a::before {display: none;} .tvpampaSlide .flex-direction-nav .flex-prev {left: -45px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important; background-size: 100% auto !important;} .tvpampaSlide .flex-direction-nav .flex-next {right: -45px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important; background-size: 100% auto !important;}*/ .tvListMobile ul {margin-top: 30px;} .page-id-1404 #locais h3 span {padding: 0 20px; white-space: break-spaces;} .page-id-1404 #locais h3 {letter-spacing: 12px;} .editoriasMobile ul {margin:30px 0 0; padding:0; width: 100%;} .editoriasMobile ul li {margin:0; padding:5px; width: 50%; float: left; position: relative;} .editoriasMobile ul li h3 {position: absolute; bottom: 10px; left: 10px; padding:0; text-align: center; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 700;} .editoriasMobile ul li:nth-of-type(8) h3 {color: #000;} /*.jornalSlide {margin:50px auto 0 !important; width:84%;} .jornalSlide li {margin: 0 12px !important; position: relative;} .jornalSlide li div {margin:0; padding:0 10px; height: auto !important; width: 320px; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center;} .jornalSlide .flex-direction-nav a {text-decoration: none; display: block; width: 28px !important; height: 28px !important; margin: -126px 0 0; position: absolute; top: 50%; z-index: 10;} .jornalSlide .flex-direction-nav a::before {display: none;} .jornalSlide .flex-direction-nav .flex-prev {left: -50px; background: transparent url('images/arrow-left.png') no-repeat 0 0 !important; background-size: 100% auto !important;} .jornalSlide .flex-direction-nav .flex-next {right: -50px !important; background: transparent url('images/arrow-right.png') no-repeat 0 0 !important; text-align: left !important; background-size: 100% auto !important;} .flexslider:hover .flex-direction-nav .flex-prev {left: -50px;} .tvpampaSlide .flexslider:hover .flex-direction-nav .flex-prev {left: -45px;} .jornalSlide .flexslider:hover .flex-direction-nav .flex-prev {left: -50px;} */ .home .buttonry {margin: 0; padding: 0px 0 0;} .home .noticiasList .buttonry {margin: 0; padding: 20px 0 0;} .noticiasList .span6 {margin:0 !important; padding:2px; width: 100% !important;} .noticiasList .span3 {margin:0 !important; padding:2px; width: 100% !important;} .noticiasList .span6 .span6 {padding:0; width: 50% !important;} .noticiasList .gradient h3 {margin:0; padding: 0 10px 0 0; position: absolute; bottom: 10px; left: 10px; font-size: 22px; text-align: left; font-weight: 400;} .noticiaPost.one {height: 230px; margin-bottom: 4px;} .noticiaPost.two {height: 230px; margin-bottom: 4px;} .noticiaPost.three { margin-bottom: 4px; margin-right: 2px;} .noticiaPost.four {margin-bottom: 4px; margin-left: 2px;} .noticiaPost.five { margin-bottom: 4px; margin-right: 2px;} .noticiaPost.six {margin-bottom: 4px; margin-left: 2px;} .noticiaPost.eight {margin-bottom: 4px;} .noticiaPost.nine {height: 230px; } .pageTitle {margin: 0 0 60px 0;} .pageTitle .container {height: 163px; background-position: right top; background-size: auto 100%;} .page-template-page-osul .pageTitle .container, .single-radio .pageTitle .container {height: 220px; background-position: center center; background-size: cover;} .page-template-page-tvpampaDynamic .pageTitle .container {background-size: 100% auto; height: 140px; background-position: top center;} .page-template-page-cabecalho .pageTitle .container {height: 250px; background-position: 90% center; background-size: auto 90%;} .pageTitle h1 {padding: 100px 0 0 10px; font-size: 30px;} section .social-menu {top: 106%;} section .social-menu li.search-btn a {position:static;} .page-template-page-tvpampaDynamic section .social-menu {top: 128px;} #search-btn {top: 230px;} .page-template-page-tvpampaDynamic #search-btn {top: 188px;} nav#main {margin: 0 0;} nav#main ul li {margin: 5px auto; display: block; width: 100%; text-align: center;} .gallery-columns-3 {margin: 10px auto; width: 100%;} .post-type-archive-radio .pageTitle {margin: 0 0 60px 0;} .post-type-archive-radio .pageTitle h1 {margin: 0; padding: 138px 0 0 10px; font-size: 60px;} .post-type-archive-radio .pageTitle h1 small {font-size: 33px;} .post-type-archive-radio .pageTitle .container {height: 250px;} .radioPage .span3 {height: auto; margin-bottom: 20px;} .radioPage h3 {font-size: 22px;} .radioPage {padding: 30px 0 20px;} .redePraiaHeader {margin-top: 50px;} radioPage .buttonry {margin:10px 0 0; padding:0; } .radioPage .buttonry span.left {display: block; margin: 5px auto; width: 90%; padding-right: 0; float: none; text-align: center;} .radioPage .buttonry span.right {display: block; margin: 10px auto !important; width: 90%; padding-right: 0; float: none; text-align: center;} .radioPage .saberMais {display: block; margin:0 auto; padding: 10px 20px 8px 40px; border-radius: 60px; float: none !important; background-color: #d4d4d4; color: #333333; font-size: 18px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative;} .radioPage .saberMais i {font-size: 42px; color: #df5a24; position: absolute; top: -3px; left: -8px; background-color: #fff; border-radius: 50%;} .radioPage .ouvir {display: block; margin:0 auto; padding: 10px 20px 8px 40px; border-radius: 60px; float: none !important; background-color: #d4d4d4; color: #333333; font-size: 18px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative; font-family: 'Roboto', sans-serif;} .radioPage .ouvir i.fa-volume-up {padding: 6px;font-size: 24px; background-color: #df5a24; position: absolute; top: -1px; left: -10px; color: #fff; border-radius: 50%;} .row-fluid [class*="span"] {margin-left: 0 !important;} .single-radio .buttonry {margin:0 0 80px 0; padding:0; position: static; width: 100%; text-align: center;} .single-radio .buttonry span.left {background-color: #fff; padding-right: 30px; float: left;} .single-radio .buttonry span.right {background-color: #fff; padding-left: 30px; float: left;} .single-radio .saberMais {display: block; margin:10px auto; padding: 12px 20px 10px 40px; border-radius: 60px; float: left !important; background-color: #e6e6e6; color: #333333; font-size: 20px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative;} .single-radio .saberMais i {font-size: 44px; color: #df5a24; position: absolute; top: -2px; left: -10px; background-color: #fff; border-radius: 50%;} .single-radio .ouvir {display: block; margin:0; padding: 8px 20px 6px 50px; border-radius: 60px; float: left; background-color: #e6e6e6; color: #333333; font-size: 20px; text-transform: uppercase; font-weight: 900; line-height: 30px; position: relative; font-family: 'Roboto', sans-serif; text-align: left;} .single-radio .ouvir i.fa-volume-up {padding: 8px;font-size: 28px; background-color: #df5a24; position: absolute; top: 0; left: -10px; color: #fff; border-radius: 50%;} .single-radio .ouvir .radioPlayer {float: right; padding-left: 20px; } .single-radio .ouvir .radioPlayer i {padding: 0 2px; background-color: transparent !important; font-size: 21px; color: #df5a24;} .tabHeads li {padding: 10px !important; font-size: 14px;} #tabs .flexslider.carousel .flex-direction-nav .flex-prev {left: -15px;} #tabs .flexslider.carousel .flex-direction-nav .flex-next {right: -13px !important;} table.stats {margin:65px 0 !important; padding:0 !important; width: 100% !important;} table.stats td {margin:0 !important; padding:20px !important; width: 100% !important; text-align: center !important; border: 1px solid #626262; vertical-align: top; display: block;} table.stats tr:nth-of-type(1) td:nth-of-type(1) {border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #626262;} table.stats tr:nth-of-type(1) td:nth-of-type(2) {border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #626262;} table.stats tr:nth-of-type(2) td:nth-of-type(1) {border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #626262;} table.stats tr:nth-of-type(2) td:nth-of-type(2) {border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #626262;} table.stats td img {width: 90% !important;} table.stats tr:nth-of-type(1) td:nth-of-type(1) img {width: 60% !important;} .single-radio .comercial {padding-left: 0;} .page-id-1404 .buttonry {padding: 0 0 40px;} .page-id-1404 .saberMais { font-size: 15px; margin-left: 15px; margin-bottom: 19px; } /* ============================================================================ TRABALHE CONOSCO ==============================================================================*/ section.page-title-section {display: none !important;} .col-md-7 {margin:-30px 0 0 0; padding:0 0 0 0; width: 98%; float: none;} .col-md-5 {margin:0; padding:0; width: 98%; float: none;} .col-12 {padding-bottom: 10px;} .page-template-page-cabecalho .pageTitle h1 {padding: 140px 0 0 10px;} /* ============================================================================ BLOG ==============================================================================*/ .grid-layout { display: grid; grid-template-columns: repeat(auto-fill, minmax(99.33333333333333%, 1fr)); grid-gap: '%'; grid-auto-rows: minmax(180px, auto); grid-auto-flow: dense; padding: 10px; } .single .attachment-post-thumbnail.size-post-thumbnail.wp-post-image { float: none; margin: 8px 0 20px 0; max-width: 99%; } .page-id-11 .contactAddresses {padding: 0 0 0 0 !important;} .contentBlock {padding-top: 80px;} /* ============================================================================ O SUL ==============================================================================*/ .page-id-505 .buttonry {padding: 25px 0;} .page-id-505 .saberMais {color: #333333 !important; font-size: 22px; margin-left: 0; float: left;} .page-id-505 .saberMais i {color: #0077bd !important;} .saberMaisJornal {display: block; margin:10px 0 0; padding: 10px 20px 8px 50px; border-radius: 60px; float: right; background-color: #d4d4d4; font-size: 22px; text-transform: uppercase; font-weight: 900; line-height: 1; position: relative; font-family: 'Roboto', sans-serif; color: #333333 !important;} .saberMaisJornal a {color: #333333 !important; } .saberMaisJornal i {padding: 8px; font-size: 26px; color: #fff; position: absolute; top: -1px; left: -8px; background-color: #0077bd; border-radius: 50%;} .page-id-505 .buttonry span.right {background-color: #fff; padding-left: 10px; float: left;} #edit.contentBlock {margin: 0 !important;} #edit.contentBlock .span4 {margin: 1% !important; padding:0 !important; width: 48% !important;} #edit.contentBlock h3 {position: absolute; bottom: 8px; left: 8px; padding:0; text-align: left; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 700;} #edit.contentBlock .span4:nth-of-type(8) h3 {color: #000;} footer .span4 {padding-right: 0; padding-bottom: 50px;} .page-id-545 nav#main {margin-bottom: 40px; margin-top: 40px;} .page-id-545 .buttonry {padding: 25px 0;} .page-id-545 .buttonry span.right {background-color: #fff; padding-left: 10px; float: left;} .page-id-545 .pageTitle .container {background-position: 50% center;} .page-id-545 .saberMais {color: #333333 !important; font-size: 22px; margin-left: 0; margin-top: 10px; float: left;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(2) img {margin-top: 0px;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(3) img {margin-top: 0px;} .page-id-545 #locais h3 {margin-top: 60px; font-size: 18px; letter-spacing: 6px !important;} .page-id-545 #locais h3 span { background-color: #fff; padding: 0 15px; position: relative; z-index: 20; margin: 0 auto; text-align: center; } #locais .span4 {text-align: center;} #locais .span4 img {margin: 0 auto 30px; width: 60%;} #locais .span8 img {margin: 20px auto 0; width: 100%;} #locais .span8 .alignleft {float: none; margin: 0 !important; width: 100% !important;} .page-id-545 .buttonry {margin: -10px 0 0 0; padding: 0 !important;} .page-id-545 table.stats tr:nth-of-type(1) td:nth-of-type(2) {border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #ffffff !important;} #perfil {padding: 20px 0 0 !important;} #perfil table.stats {margin: 65px 0 0 !important;} .contentBlock .alignleft {float: none !important;} .grade_tvpampa .row-fluid .span7, .grade_tvpampa .row-fluid .span5, .grade_tvpampa .row-fluid .span2, .grade_tvpampa .row-fluid .span1 {margin:0 !important;padding: 6px 8px 4px !important; font-size: 16px; line-height: 1; float: left !important;} .grade_tvpampa .row-fluid .span7 {margin:0 !important; width: 60% !important;} .grade_tvpampa .row-fluid .span5 {margin:0 !important; width: 40% !important;} .grade_tvpampa .row-fluid .span2 {margin:0 !important; width: 15% !important;} .grade_tvpampa .row-fluid .span1 {margin:0 !important; width: 10% !important;} .page-id-1721 .pageTitle h1 {padding: 30px 0 0 25px;} .page-id-1721 .pageTitle {margin: 0 0 60px 0;} table.marketing, table.marketing tr {display: block;} table.marketing td:nth-of-type(1) {text-align: center; width: 100%; display: block; border-right: 1px solid #cfcfcf; border-bottom: 0px !important;} table.marketing td:nth-of-type(2) {width: 100%; display: block; border-right: 1px solid #cfcfcf; border-top: 0px !important;} .page-id-373 iframe {height: 280px !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;} header .primary-menu li {padding: 10px 20px 10px 0;} header .primary-menu li a {font-size: 20px;} header .logo { margin: -26px 0 16px 0; padding: 0; width: 245px; height: 136px; float: left; } .catBoxes {padding-bottom: 200px;} .catBoxes .span6:last-of-type img {left: 5%;} } /* end iPads (portrait) ----------- */ /* iPads (landscape) ----------- */ @media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { body {overflow-x: hidden;} .container {padding:0 20px;} .catBoxes .span6:last-of-type img {left: 9%;} } /* end iPads (landscape) ----------- */