/* 13/05/2020 Theme Name: FG7 Theme URI: http://fg7.com.br/ Description: Produzido por Cociente Consultoria e Desenvolvimento em Tecnologia Version: 2019 Autor Desenvolvimento: Produzido por Cociente Consultoria e Desenvolvimento em Tecnologia Autor URI: http://www.cociente.com.br */ /* default */ *{margin:0; padding:0; outline:none;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, ul, li{display: block; position: relative; } html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body, html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, small, td, span { font-family: 'Source Sans Pro', sans-serif; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a, a:hover, a:active, a:focus { color: #000; text-decoration:none } .none{ display:none !important; } .show{ opacity: 1 } .hide{ opacity: 0 } .clear{ clear: both; } .alignnone, .alignleft{float:left; margin:0 10px 10px 0;} .alignright{float:right; margin:0 0 10px 10px} .aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;} .btn{ color: #FFF !important; } .progress{ display: none; } input[type="radio"], label{ cursor: pointer; } .col-centered{ float: none; margin: 0 auto; } #status{ position: fixed; top: 90px; background: rgba(255,255,255,0.95); width: 100%; height: 100%; z-index: 99999; display: none; overflow: auto;} #status #msg{ padding: 10% 0 20% 0; } #status #progress{ margin-top: 20%; } #status #preview{ display: none; width: 95%; height: 480px; position: fixed !important; top: 55px; left: 2.5%; z-index: 99999; } #status #content_preview{ width: 100% !important; height: 100% !important; } #status .close_preview{ position: absolute; top: 60px; right: 0; } #status h5.view_servicos span{ display: inline-block; margin: 3px; font-size: 13px; } .no-padding{ padding: 0 !important; } .error_field{ border-color: red !important; } //////////////// // VAR COLORS // //////////////// :root{ --gray : #777; --blue-primary : #0074a9; --blue-secondary : #002e4e; --red-primary: rgb(213,0,30); --red-secondary: rgb(186,0,26); } .anim{ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } span.editoria-categ{ border-radius: 3px; font-size: 12px; background: var(--gray); color: #FFF; padding: 5px 10px; display: table; font-weight: normal; margin-top: 10px; a{ color: #FFF; } } figure.banner{ margin-bottom: 35px; text-align: center; width: 100%; } #wait-page{ padding-top: 200px; height: 500px; text-align: center; font-size: 45px; color: var(--blue-primary); display: none; } //////////// // LAYOUT // //////////// .site-content{ min-height: 91%; } /* Desktop Size */ body{ // padding-top: 45px; background: url('../img/bg-all.jpg'); } header{ top: 0; left: 0; width: 100%; background: var(--blue-secondary); height: 60px; margin: 0 0 50px 0; position: sticky; z-index: 999999; a{ color: #FFF; &:hover,&:active,&:focus{ color: #FFF; } } nav{ width: 100%; display: block; padding: 0 !important; display: flex; align-items: center; figure{ height: 60px; padding: 0 15px; float: left; display: flex; justify-content: center; align-items: center; } ul#menu-principal{ display: block; margin-bottom: 0px; padding: 0px; width: auto; float: left; margin-left: 15px; li{ text-align: center; display: inline-block; margin: 0; a{ border-bottom: 4px solid; padding: 15px 15px; display: block; width: 100%; height: 50px; border-color: var(--blue-primary); &:hover,&.active{ background: var(--blue-primary); } } } } ul#types{ float: left; border-left: 1px solid #226666; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0px; width: auto; height: 45px; li{ display: inline-block; a{ font-size: 18px; display: table; width: 45px; height: 100%; border-right: 1px solid #226666; text-align: center; i{ display: table-cell; vertical-align: middle; } &:hover{ color: var(--red-primary); } &.active{ background: var(--red-primary); color: #FFF; } } } } } div.search-bar-top{ padding-top: 15px; input{ background: none; color: #FFF; border: none; border-bottom: 1px solid var(--blue-primary); border-radius: 0px; } button{ font-size: 18px; background: none; color: var(--blue-primary) !important; } } .bt-mobile{ display: none; } } aside.left-bar{ margin-top: 40px; figure{ position: fixed; img{ width: 90%; height: auto; } .social{ margin-top: 25px; padding-left: 15px; width: 80%; text-align: center; a{ display: inline; font-size: 32px; margin: 0 5px; color: var(--gray); &:hover{ color: var(--blue-primary); } } } } } .noticias-list{ margin-top: 40px; .grid,.grid-more-content{ margin-bottom: 35px; } .grid-item{ border: none !important; position: relative; padding: 0 !important; margin: 0 !important; .grid-item-content{ -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.05); box-shadow: 0 0 15px 5px rgba(0,0,0,0.05); border-radius: 3px; padding: 25px; min-height: 160px; background: #FFF; margin: 2px; i.type{ position: absolute; top: 20px; right: 20px; font-size: 24px; color: rgba(0,0,0,0.3) } figure{ overflow: hidden; img{ width: 100%; height: auto; } } } &.destaque{ height: 300px !important; .grid-item-content{ height: 296px !important; .content{ display: table; width: 100%; height: 100%; .text{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; } } } figure{ overflow: hidden; img{ width: 100%; height: auto; } } } } a{ color: #000; &:hover{ color: #000; } } .col-not-list{ padding-left: 0; padding-right: 0; } .post-time{ margin-bottom: 10px; color: #a3a3a3; } h3{ margin-top: 10px; font-weight: 400; } } #maisNoticias{ border-color: var(--blue-primary); color: var(--blue-primary) !important; font-size: 18px; } .content-fg7{ padding: 0 !important; } // internas .internas{ background: #FFF; clear: both; padding: 40px 20px 90px 20px; display: block; font-size: 18px !important; font-weight: lighter; h1,h2,h3,h4,h5,h6{ color: var(--blue-primary); } h1.page-title{ background: var(--blue-primary); padding: 10px 15px; color: #FFF; font-size: 28px; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase; display: inline-block; margin-left: 10px; } h2.blog_categ{ background: var(--red-primary); color: #FFF; text-align: center; font-weight: lighter; font-size: 26px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75); padding: 15px; margin: -50px 0 35px 0; } .title-post-box{ border-bottom: 1px solid #CCC; .cat-type{ width: 100%; display: flex; flex-direction: row; margin-bottom: 25px; span{ padding: 5px 12px; color: #FFF; border-radius: 3px; margin: 0 2px; &.cat{ } &.type{ padding-top: 8px; } } &:before, &:after { content: ""; flex: 1 1; border-bottom: 1px solid #CCC; margin: auto; } } h1.title-post{ font-size: 44px; font-weight: bold; margin: 0 0 10px 0; color: #333; .editoria-categ{ font-size: 16px; } } div.post-date{ font-size: 16px; padding-bottom: 10px; } } .compartilhar{ text-align: center; margin: 25px 0; } .comentarios{ margin-top: 45px; h2{ color: var(--red-primary); border-top: 1px solid; padding-top: 10px; margin-bottom: 25px; font-size: 22px; font-weight: bold; } } li{ list-style: disc !important; display: list-item; margin-left: 35px; margin-bottom: 15px; } th, tr, td{ text-align: center !important; vertical-align: middle !important; } th{ background: #28a745; color: #FFF; } a{ color: var(--red-primary); } p{ margin-bottom: 30px; font-weight: normal; } div.descontos{ p{ font-weight: bold; } } .thumb_blog{ width: 100%; float: none; margin-bottom: 35px; img{ width: 100%; height: auto; } } .thumb_parceiro{ width: 30%; float: left; margin: 0 15px 10px 0; img{ width: 100%; height: auto; } } .parceiros-cat-sel{ text-align: center; margin-bottom: 35px; a{ font-size: 14px; display: inline-block; padding: 8px 12px; background: #ededed; color: var(--red-primary); margin: 3px; border-radius: 3px; &.ativo{ background: var(--red-primary); color: #ffffff; } } } aside.ad_lateral{ margin-top: 300px; figure{ img{ width: 100%; height: auto; } } } .outras-postagens{ h3{ margin-top: 0; } ul,li{ list-style: none !important; padding: 0; } ul{ margin: 25px 0; li{ margin: 5px; padding: 10px 0; border-bottom: 1px dotted #CCC; a{ color: #000; &:hover{ color: var(--red-primary); } } } } } } footer{ margin-top: 150px; padding-top: 25px; .social{ a{ color: #039799; i{ font-size: 24px; margin-left: 5px; } } margin-bottom: 25px; } .logo{ text-align: center; span{ display: block; width: 100%; color: var(--blue-secondary); font-size: 14px; } } .barra_bottom{ height: 45px; background: var(--blue-secondary); color: #FFF; text-align: center; padding: 10px 0; font-size: 12px; font-weight: lighter; nav{ ul{ width: 100%; display: block; text-align: center; li{ display: inline-block; margin-right: 15px; a{ color: #FFF; font-size: 14px; text-transform: uppercase; font-weight: bold; &:hover{ color: var(--blue-secondary); } } &:last-child{ margin-right: 0px; } } } } } } .atendimento-whatsapp{ z-index: 99999999999999; position: fixed; right: 15px; bottom: 15px; } /* Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .banner{ img{ max-width: 100% !important; } } body{ padding-top: 50px; header{ margin: 0 0 50px 0; width: 100%; height: 55px; top: 0; left: 0; z-index: 999999999; position: fixed; nav{ figure{ width: 100%; a{ width: 100% !important; } } ul#menu-principal{ background: var(--blue-secondary); position: fixed; top: 55px; right: -1000px; padding: 15px; width: 188px; li{ display: block; margin-bottom: 5px; a{ padding: 10px 10px; &:hover{ background: none !important; } } &.politica{ a{ &.active{ background: var(--politica) !important; } } } &.sites{ a{ &.active{ background: var(--sites) !important; } } } &.whats{ a{ &.active{ background: var(--whats) !important; } } } &.insta{ a{ &.active{ background: var(--insta) !important; } } } &.face{ a{ &.active{ background: var(--face) !important; } } } } &.show{ right: 0px; } } ul#types{ background: #333; position: fixed; top: 45px; right: -1000px; padding: 15px; height: 65px; width: 188px; li{ width: 32%; a{ width: 100%; padding: 15px; } } &.show{ right: 0px; } } } .search-bar-top{ height: 45px; background: var(--blue-secondary); padding-top: 10px; form{ padding: 0px !important; input{ margin: 0 0 15px 0; } button{ background: none !important; color: #FFF !important; } &.show{ top: 45px; } } } .bt-mobile{ display: block; a{ font-size: 20px; margin: 16px 10px 0 10px; display: inline-block; } } } aside.left-bar{ margin-top: 40px; figure{ position: relative; text-align: center; img{ width: 180px; height: auto; } .social{ margin-top: 25px; width: 100%; text-align: center; } } } } #destaque{ height: auto; margin-bottom: 15px; .item{ width: 93.8%; margin-left: 15px !important; margin-right: 20px !important; height: 352px; padding: 10px !important; &:last-child{ margin-left: 0px; } } } .noticias-list{ .item{ figure{ height: 300px; } } .colunas-3{ &:last-child{ display: none !important; } } .noticia-menor{ min-height: 100px; margin-bottom: 0px; figure{ height: 100px; } } } .lista-posts{ .noticias-list{ article{ min-height: 100px; h4{ margin-top: 0; } small{ display: none; } a{ color: #000; } } } } .internas{ .title-post-box{ h1.title-post{ font-size: 32px; } } } footer{ .menu{ height: auto; padding-top: 15px; padding-bottom: 15px; nav{ ul{ li{ text-align: left !important; margin-bottom: 10px; ul{ margin-bottom: 35px; } &.social{ margin-top: 25px; } } } } } } } /* Tablets Sizes */ @media only screen and (min-width: 768px) and (max-width: 991px) { } 17a5b