@charset "UTF-8";
/*
Theme Name: Tempero Scaffold
Theme URI: https://temperopropaganda.com.br
Author: Elton Baroncello
Author URI: http://temperopropaganda.com.br/time/
Description: Tempero Scaffolding theme.
Version: 0.1
License: Private License
License URI: http://temperopropaganda.com.br
Tags: black, white, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: tempero_scaffold
Data Início: 2022-08-04
_______ _____ _
|__ __| | __ \ | |
| | ___ _ __ ___ _ __ ___ _ __ ___ | |__) | __ ___ _ __ __ _ __ _ __ _ _ __ __| | __ _
| |/ _ \ '_ ` _ \| '_ \ / _ \ '__/ _ \| ___/ '__/ _ \| '_ \ / _` |/ _` |/ _` | '_ \ / _` |/ _` |
| | __/ | | | | | |_) | __/ | | (_) | | | | | (_) | |_) | (_| | (_| | (_| | | | | (_| | (_| |
|_|\___|_| |_| |_| .__/ \___|_| \___/|_| |_| \___/| .__/ \__,_|\__, |\__,_|_| |_|\__,_|\__,_|
| | | | __/ |
|_| |_| |___/
https://temperopropaganda.com.br
MASTER CSS
*/
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
/*
$primary-color: #482c99;
$secondary-color: #ca8c2e;
*/
/* DROP SHADOWN VALUES */
button#debuginbutton {
-webkit-box-shadow: 10px 10px 100px 10px rgba(0, 0, 0, 0.5);
box-shadow: 10px 10px 100px 10px rgba(0, 0, 0, 0.5);
}
html {
scroll-behavior: smooth;
}
html, body, body * {
font-family: "Work Sans", sans-serif;
}
body {
font-weight: 400;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: 700;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item a, #offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a:hover {
background: #2F4C98;
color: #FFFFFF;
}
#bottommenuwrap {
display: none;
}
@media screen and (max-width: 39.9375em) {
#bottommenuwrap {
display: block;
position: fixed;
bottom: 0px;
width: 100vw;
height: 50px;
z-index: 9;
}
#bottommenuwrap #bottommenu {
display: flex;
flex-direction: row;
background: #2F4C98;
height: 100%;
}
#bottommenuwrap #bottommenu .button {
background-color: #2F4C98;
height: 100%;
width: 100%;
display: block;
border-right: 1px solid #FFFFFF;
border-radius: 0;
font-size: 20px;
}
#bottommenuwrap #bottommenu .button.button-whatsapp {
background-color: rgba(0, 0, 0, 0.2);
color: #25D366;
}
#bottommenuwrap #bottommenu .button:last-child {
border-right: none;
}
#bottommenuwrap #bottommenu .button:hover {
background: #FF8438;
color: #2F4C98;
}
}
#offCanvas {
background-color: #FFFFFF;
}
#offCanvas nav#menutopowrapleftpanel {
background-color: #FFFFFF;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item {
display: block;
margin: 0px;
padding: 0px;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a {
display: block;
padding: 14px;
border-bottom: 1px solid rgba(47, 76, 152, 0.5);
color: #2F4C98;
text-transform: uppercase;
font-weight: 900;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a:hover {
background-color: #2F4C98;
color: #FFFFFF;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item a {
background-color: #2F4C98;
color: #FFFFFF;
}
/* DEBUGS STYLES */
button#debuginbutton {
position: fixed;
display: none;
bottom: 0px;
background-color: lightblue;
color: #FFFFFF;
padding: 14px 9px 9px;
width: 200px;
left: calc(50% - 100px);
cursor: pointer;
}
button#debuginbutton:hover, button#debuginbutton.active {
background-color: magenta;
}
body.debugging * {
outline: 1px solid limegreen !important;
background-color: rgba(255, 0, 255, 0.1);
}
/* FIM DEBUG STYLES */
body {
background: #FFFFFF;
}
.post-categories {
list-style: none;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0px;
padding: 0px;
}
@media screen and (min-width: 40em) {
.post-categories {
flex-direction: row;
flex-wrap: wrap;
}
}
.post-categories li {
width: auto;
display: flex;
flex-direction: row;
vertical-align: middle;
font-weight: 700;
text-transform: uppercase;
padding-top: 22px;
margin-top: 9px;
margin-right: 9px;
}
.post-categories li .cat-icon {
width: 70px;
height: 70px;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 9px;
position: relative;
top: -22px;
}
.post-categories li.cat-automatizada .cat-icon {
background-image: url("data:image/svg+xml;utf8,");
}
.post-categories li.cat-correr .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.post-categories li.cat-fixo .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.post-categories li.cat-janelas .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.post-categories li.cat-manual .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.post-categories li.cat-portas .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.post-categories li.cat-recolhivel .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.post-categories li.cat-seccionado .cat-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
.category-menu-section {
background-color: #2F4C98;
}
.categories-section {
background-color: #2F4C98;
width: 100%;
margin: 0px;
padding: 0px;
}
.categories-section .categories-nav {
margin: 0px;
padding: 0px;
}
.categories-section .categories-nav .categories-menu {
margin: 0px;
padding: 0px;
list-style: none;
display: flex;
padding: 36px 0 0;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (min-width: 40em) {
.categories-section .categories-nav .categories-menu {
flex-direction: row;
}
}
.categories-section .categories-nav .categories-menu .cat-item {
width: 10%;
/* *
&-automatizada a .cat-icon { background-image: url('./imgs/cat-automatizada.webp');}
&-correr a .cat-icon { background-image: url('./imgs/cat-correr.webp');}
&-fixo a .cat-icon { background-image: url('./imgs/cat-fixo.webp');}
&-janelas a .cat-icon { background-image: url('./imgs/cat-janelas.webp');}
&-manual a .cat-icon { background-image: url('./imgs/cat-manual.webp');}
&-portas a .cat-icon { background-image: url('./imgs/cat-portas.webp');}
&-recolhivel a .cat-icon { background-image: url('./imgs/cat-recolhivel.webp');}
&-seccionado a .cat-icon { background-image: url('./imgs/cat-seccionado.webp');}
/* INICIO **
&-automatizada a .cat-icon { @include icone-ca-automatizada-svg($secondary-color, '0.5'); }
&-correr a .cat-icon { @include icone-ca-correr-svg($secondary-color, '0.5'); }
&-fixo a .cat-icon { @include icone-ca-fixo-svg($secondary-color, '0.5'); }
&-janelas a .cat-icon { @include icone-ca-janelas-svg($secondary-color, '0.5'); }
&-manual a .cat-icon { @include icone-ca-manual-svg($secondary-color, '0.5'); }
&-portas a .cat-icon { @include icone-ca-portas-svg($secondary-color, '0.5'); }
&-recolhivel a .cat-icon { @include icone-ca-recolhivel-svg($secondary-color, '0.5'); }
&-seccionado a .cat-icon { @include icone-ca-seccionado-svg($secondary-color, '0.5'); }
&.current-cat-item a {
background-color: $secondary-color;
//background-color: $white;
//color: $primary-color;
}
/* FIM */
}
@media screen and (min-width: 40em) {
.categories-section .categories-nav .categories-menu .cat-item {
width: 100%;
max-width: 150px;
padding: 0 9px;
}
}
.categories-section .categories-nav .categories-menu .cat-item a {
background-color: #2F4C98;
color: #FFFFFF;
display: flex;
flex-direction: column;
text-align: center;
font-weight: 500;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 6px 0 0 0;
}
@media screen and (min-width: 40em) {
.categories-section .categories-nav .categories-menu .cat-item a {
width: 100%;
padding: 18px 9px;
text-transform: uppercase;
font-size: 12px;
}
}
.categories-section .categories-nav .categories-menu .cat-item a .cat-title {
display: none;
}
@media screen and (min-width: 40em) {
.categories-section .categories-nav .categories-menu .cat-item a .cat-title {
display: block;
}
}
.categories-section .categories-nav .categories-menu .cat-item a .cat-icon {
content: " ";
width: 20px;
max-width: 20px;
margin: 0 auto;
height: 30px;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
margin-bottom: 9px;
}
@media screen and (min-width: 40em) {
.categories-section .categories-nav .categories-menu .cat-item a .cat-icon {
width: 40px;
max-width: 40px;
margin: 0 auto;
height: 60px;
}
}
.categories-section .categories-nav .categories-menu .cat-item a:hover {
background-color: #FF8438;
/*
border-radius: 50%;
max-width: 100px;
max-height: 100px;
width: 100px;
height: 100px;
margin: 0 auto;
*/
}
.categories-section .categories-nav .categories-menu .cat-item-automatizada a .cat-icon {
background-image: url("./svgs/cat-automatizada.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-correr a .cat-icon {
background-image: url("./svgs/cat-correr.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-fixo a .cat-icon {
background-image: url("./svgs/cat-fixo.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-janelas a .cat-icon {
background-image: url("./svgs/cat-janelas.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-manual a .cat-icon {
background-image: url("./svgs/cat-manual.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-portas a .cat-icon {
background-image: url("./svgs/cat-portas.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-recolhivel a .cat-icon {
background-image: url("./svgs/cat-recolhivel.svg");
}
.categories-section .categories-nav .categories-menu .cat-item-seccionado a .cat-icon {
background-image: url("./svgs/cat-seccionado.svg");
}
.categories-section .categories-nav .categories-menu .cat-item.current-cat-item a {
background-color: #FF8438;
}
/* Pages */
.page-wrapper {
padding: 36px;
}
@media screen and (min-width: 40em) {
.page-wrapper {
padding: 108px 0;
}
}
.page-wrapper.page-quem-somos .thumbnail-wrap {
display: none;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-quem-somos .thumbnail-wrap {
display: block;
}
}
.page-wrapper.page-quem-somos h2:not(.wp-block-heading) {
color: #FF8438;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 5px;
position: relative;
text-align: left;
padding-left: 18px;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-quem-somos h2:not(.wp-block-heading) {
text-align: left;
}
}
.page-wrapper.page-quem-somos h2:not(.wp-block-heading)::before {
content: " ";
display: block;
position: absolute;
height: 100%;
width: 3px;
left: 0px;
background-color: #FF8438;
}
.page-wrapper.page-quem-somos h2.wp-block-heading {
font-size: 28px;
color: #2F4C98;
text-align: left;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-quem-somos h2.wp-block-heading {
font-size: 42px;
text-align: left;
}
}
.page-wrapper.page-quem-somos .wp-block-list {
display: block;
padding: 0;
margin: 0;
}
.page-wrapper.page-quem-somos .wp-block-list li {
display: block;
position: relative;
padding: 0 0 0 36px;
margin-bottom: 18px;
}
.page-wrapper.page-quem-somos .wp-block-list li::before {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
text-align: center;
font-size: 14px;
padding: 1px;
color: #FFFFFF;
display: block;
width: 24px;
height: 24px;
background-color: #FF8438;
position: absolute;
left: 0px;
border-radius: 50%;
top: 2px;
}
.page-wrapper.page-quem-somos .wp-block-list li strong {
display: block;
}
.page-wrapper.page-planos-de-saude {
background-color: #2F4C98;
color: #FFFFFF;
text-align: center;
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude {
display: flex;
flex-direction: column;
margin: 0px;
padding: 0px;
gap: 54px;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item {
display: block;
margin: 0px;
padding: 0px;
background-color: #FF8438;
border-radius: 6px;
padding: 36px 0;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item {
width: calc(33% - 108px);
}
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item::before {
content: " ";
display: block;
height: 72px;
width: 72px;
margin: 0 auto 18px;
background-color: #FFF;
background-position: center;
background-size: 65% 65%;
background-repeat: no-repeat;
border-radius: 50%;
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item strong {
display: block;
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item.lista-planos-item-coberturas-diversas::before {
background-image: url("./imgs/coberturasdiversas-primary.svg");
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item.lista-planos-item-parcerias-estrategicas::before {
background-image: url("./imgs/parceria-primary.svg");
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item.lista-planos-item-atendimento-personalizado::before {
background-image: url("./imgs/atendimento-primary.svg");
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item.lista-planos-item-transparencia::before {
background-image: url("./imgs/transparencia-primary.svg");
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item.lista-planos-item-tecnologia-avançada::before {
background-image: url("./imgs/tecnologia-primary.svg");
}
.page-wrapper.page-planos-de-saude .content-middle-column ul.lista-planos-de-saude li.lista-planos-item.lista-planos-item-suporte-continuo::before {
background-image: url("./imgs/suporte-primary.svg");
}
@media screen and (min-width: 40em) {
.page-wrapper.page-convenios-odontologicos {
background-image: url("./imgs/benevita-icon-bg.webp");
background-repeat: no-repeat;
background-position: -400px 144px;
}
}
.page-wrapper.page-convenios-odontologicos .thumbnail-wrap-featuread {
background-position: center;
background-size: cover;
border-radius: 60px;
border-bottom-right-radius: 0;
}
.page-wrapper.page-convenios-odontologicos .thumbnail-wrap-featuread img {
visibility: hidden;
}
.page-wrapper.page-convenios-odontologicos h2 {
font-size: 42px;
color: #2F4C98;
text-align: center;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-convenios-odontologicos h2 {
text-align: left;
}
}
.page-wrapper.page-convenios-odontologicos ul.beneficios-benevitta {
display: block;
}
.page-wrapper.page-convenios-odontologicos ul.beneficios-benevitta li {
display: block;
position: relative;
margin-bottom: 18px;
}
.page-wrapper.page-convenios-odontologicos ul.beneficios-benevitta li::before {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
text-align: center;
font-size: 14px;
padding: 1px;
color: #FFFFFF;
display: block;
width: 24px;
height: 24px;
background-color: #FF8438;
position: absolute;
left: -36px;
border-radius: 50%;
top: 2px;
}
.page-wrapper.page-convenios-odontologicos ul.beneficios-benevitta li strong {
display: block;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-outros-servicos {
background-image: url("./imgs/benevita-icon-bg.webp");
background-repeat: no-repeat;
background-position: calc(100% + 600px) 30%;
}
}
@media screen and (min-width: 40em) {
.page-wrapper.page-outros-servicos .coluna-content-wrap {
display: none;
}
}
.page-wrapper.page-outros-servicos .coluna-thumb-wrap {
display: none;
}
@media screen and (min-width: 40em) {
.page-wrapper.page-outros-servicos .coluna-thumb-wrap {
display: block;
}
}
.page-wrapper.page-outros-servicos .content-middle-column h2 {
color: #2F4C98;
}
.page-wrapper.page-outros-servicos ul.outros-servicos {
display: block;
}
.page-wrapper.page-outros-servicos ul.outros-servicos li {
display: block;
position: relative;
margin-bottom: 18px;
}
.page-wrapper.page-outros-servicos ul.outros-servicos li::before {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
text-align: center;
font-size: 14px;
padding: 1px;
color: #FFFFFF;
display: block;
width: 24px;
height: 24px;
background-color: #FF8438;
position: absolute;
left: -36px;
border-radius: 50%;
top: 2px;
}
.page-wrapper.page-outros-servicos ul.outros-servicos li strong {
display: block;
}
.page-wrapper.page-contato {
background-color: #2F4C98;
color: #FFFFFF;
text-align: center;
padding: 108px 0 144px;
}
.page-wrapper.page-contato h2:not(.wp-block-heading) {
color: #FF8438;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 5px;
position: relative;
text-align: center;
}
.page-wrapper.page-contato h2.wp-block-heading {
font-size: 36px;
color: #FFFFFF;
text-align: center;
margin-bottom: 36px;
}
.page-wrapper.page-contato .wp-block-buttons .wp-block-button a {
background-color: #FF8438 !important;
}
.copyright-container.grid-x.grid-padding-x {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding-top: 9px;
margin-top: 18px;
}
.footer-copyright-column {
text-align: center;
}
@media screen and (min-width: 40em) {
.footer-copyright-column {
text-align: left;
}
}
.temperopropaganda-wrap {
text-align: center;
}
@media screen and (min-width: 40em) {
.temperopropaganda-wrap {
text-align: right !important;
}
}
a.button.button-principal {
background-color: #2F4C98;
border-radius: 6px !important;
border: 1px solid #2F4C98;
font-weight: 700;
}
a.button.button-principal.button-principal-catalogo {
background-color: #FF8438;
}
a.button.button-principal:hover {
background-color: #FFFFFF;
color: #2F4C98;
}
/*
HEADER CSS
*/
body:not(.logged-in) li.menu-item.menu-item-painel, body:not(.logged-in) li.menu-item.menu-item-sair {
display: none !important;
}
body .logged-in .menu-item.menu-item-painel {
display: block !important;
}
body .logged-in .menu-item.menu-item-sair {
display: block !important;
}
@keyframes load_header {
0% {
position: fixed;
top: -200px;
}
90% {
top: 5px;
}
100% {
top: 0px;
}
}
@keyframes dropmenuin {
0% {
opacity: 0;
transform: translateY(-100px);
}
70% {
transform: translateY(0);
opacity: 1;
}
90% {
transform: translateY(0);
}
97% {
transform: translateY(0);
}
100% {
transform: translateY(0);
}
/*
80% {
opacity: 0.2;
//transform: translateY(-30px);
}
95% {
//transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
*/
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item a, #offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a:hover {
color: #FFFFFF;
}
#offCanvasSegmentos {
background-color: hsl(0, 0%, 20%);
}
#offCanvasSegmentos #linhas-off-canvas-wrapper {
display: flex;
justify-content: flex-end;
height: calc(100% - 120px);
flex-direction: column;
margin-bottom: 120px;
}
#offCanvasSegmentos ul.menu-segmentos {
display: block;
margin: 0px;
padding: 0px;
}
#offCanvasSegmentos ul.menu-segmentos li.menu-item {
display: block;
margin: 0px;
padding: 0px;
text-transform: uppercase;
}
#offCanvasSegmentos ul.menu-segmentos li.menu-item a {
display: block;
margin: 0px;
padding: 9px 9px 6px 18px;
border-bottom: 1px solid hsl(0, 0%, 50%);
color: #FFFFFF;
word-break: break-all;
word-spacing: 100vw;
}
#offCanvasSegmentos ul.menu-segmentos li.menu-item a::first-line {
font-size: 10px;
line-height: 10px;
}
#offCanvasSegmentos ul.menu-segmentos li.menu-item a:hover {
background-color: #2F4C98;
}
#bottommenuwrap {
display: none;
}
@media screen and (max-width: 39.9375em) {
#bottommenuwrap {
display: block;
position: fixed;
bottom: 0px;
width: 100vw;
height: 72px;
z-index: 9;
}
#bottommenuwrap #bottommenu {
display: flex;
flex-direction: row;
background-color: #3b3b3b;
height: 100%;
}
#bottommenuwrap #bottommenu .button {
background-color: #3b3b3b;
height: 100%;
width: 100%;
display: block;
border-right: 1px solid #FFFFFF;
border-radius: 0;
font-size: 20px !important;
line-height: 20px;
padding: 13px 9px 9px;
/*&.button-megaplasticoscriativa {
background-color: $primary-color;
}*/
}
#bottommenuwrap #bottommenu .button i {
padding: 0px;
}
#bottommenuwrap #bottommenu .button .text-button {
display: block;
text-align: center;
font-size: 10px;
text-transform: uppercase;
padding-top: 5px;
letter-spacing: 2px;
}
#bottommenuwrap #bottommenu .button.button-whatsapp {
background-color: rgba(0, 0, 0, 0.2);
color: #25D366;
}
#bottommenuwrap #bottommenu .button:last-child {
border-right: none;
}
#bottommenuwrap #bottommenu .button:hover {
background: #FF8438;
color: #2F4C98;
}
#bottommenuwrap #bottommenu .button:hover i.megaplasticoscriativa-icon {
background-image: url("./imgs/icone-megaplasticos-primary-color.svg");
}
}
#offCanvas {
background-color: hsl(0, 0%, 90%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 90px;
}
#offCanvas nav#menutopowrapleftpanel {
background-color: hsl(0, 0%, 90%);
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item {
display: block;
margin: 0px;
padding: 0px;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a {
display: block;
padding: 14px;
color: #2F4C98;
text-transform: uppercase;
border-bottom: 1px solid hsl(0, 0%, 20%);
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item ul.sub-menu {
padding: 0px;
margin: 0px;
display: none;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item ul.sub-menu li.menu-item {
display: block;
margin: 0px;
padding: 0px;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item ul.sub-menu li.menu-item a {
padding-left: 28px;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a:hover {
background-color: #FF8438;
color: #FFFFFF;
}
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item a {
background-color: #FF8438;
color: #FFFFFF;
}
/* DEBUGS STYLES */
button#debuginbutton {
position: fixed;
display: none;
bottom: 0px;
background-color: lightblue;
color: #FFFFFF;
padding: 14px 9px 9px;
width: 200px;
left: calc(50% - 100px);
z-index: 999;
cursor: pointer;
}
button#debuginbutton:hover, button#debuginbutton.active {
background-color: magenta;
}
body.debugging * {
outline: 1px solid limegreen !important;
background-color: rgba(255, 0, 255, 0.1);
}
/* FIM DEBUG STYLES */
body {
background: #FFFFFF;
}
#header-top {
position: relative;
z-index: 10;
background-color: white;
transition: all ease-in-out 300s;
border-bottom: 1px solid #DCDCDB;
}
@media screen and (min-width: 40em) {
#header-top {
max-height: 100px;
height: 100px;
}
}
@media screen and (min-width: 40em) {
#header-top .header-cell {
width: 33%;
}
}
@media screen and (max-width: 39.9375em) {
#header-top .header-cell-search {
display: none;
}
}
@media screen and (max-width: 39.9375em) {
#header-top .header-cell-brand {
width: 100%;
}
}
@media screen and (max-width: 39.9375em) {
#header-top .header-cell-social {
display: none;
}
}
#header-top .header-cell-menu {
width: 100%;
}
#header-top .brandtitle {
text-align: center;
position: relative;
padding: 9px;
}
#header-top .brandtitle a.brandtoplink {
display: block;
text-align: center;
padding: 32px 0;
}
@media screen and (min-width: 40em) {
#header-top .brandtitle a.brandtoplink {
text-align: center;
padding: 0;
}
}
#header-top .brandtitle a.brandtoplink img.full {
width: auto;
max-width: 70%;
height: auto;
padding: 0;
}
@media screen and (min-width: 40em) {
#header-top .brandtitle a.brandtoplink img.full {
max-height: 90px;
}
}
#header-top .brandtitle a.brandtoplink img.icon {
display: none;
}
#header-top.animating {
transform: translate(0, -100%);
}
#header-top.floatheader {
position: fixed;
z-index: 10;
max-height: 80px;
height: 80px;
width: 100%;
animation: load_header 1000ms ease-in-out;
}
@media screen and (min-width: 40em) {
#header-top.floatheader {
max-height: 70px;
height: 70px;
}
}
#header-top.floatheader .grid-x.grid-padding-x {
flex-wrap: nowrap;
}
#header-top.floatheader .brandtitle a.brandtoplink {
padding: 9px 0;
}
#header-top.floatheader .brandtitle a.brandtoplink img.icon {
display: block;
max-height: 48px;
height: 48px;
margin: auto;
}
@media screen and (min-width: 40em) {
#header-top.floatheader .brandtitle a.brandtoplink img.icon {
margin: 0;
}
}
#header-top.floatheader .brandtitle a.brandtoplink img.full {
display: none;
/*
max-height: 60px;
height: 60px;
width: auto;
padding: 0px;
@include medium-and-up(){
max-height: 60px;
}
*/
}
#header-top.floatheader .header-cell {
max-height: 75px;
}
#header-top.floatheader .header-cell-search {
order: 2;
width: 100%;
}
#header-top.floatheader .header-cell-search .search-form {
margin-top: 24px;
}
#header-top.floatheader .header-cell-brand {
order: 1;
width: 20%;
text-align: left;
min-width: 250px;
margin-right: 36px;
}
#header-top.floatheader .header-cell-social {
order: 4;
width: 8%;
min-width: 130px;
padding-top: 9px;
}
#header-top.floatheader .header-cell-menu {
order: 3;
width: 45%;
min-width: 630px;
}
#header-top.floatheader #menutopowrap {
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
padding-top: 28px;
height: 75px;
}
#header-top.floatheader #menutopowrap #menutopo {
border-top: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#header-top #menu-contato-wrap-topo #menu-contato-topo {
display: flex;
justify-content: flex-start;
margin: 0;
padding: 0;
gap: 18px;
}
#header-top #menu-contato-wrap-topo #menu-contato-topo li.menu-item {
display: block;
}
#header-top #menu-contato-wrap-topo #menu-contato-topo li.menu-item > a {
display: block;
padding: 45px 0px 18px 18px;
}
#header-top #menu-contato-wrap-topo #menu-contato-topo li.menu-item.menu-item-buscar > a {
overflow: hidden;
width: 50px;
}
#header-top #menu-contato-wrap-topo #menu-contato-topo li.menu-item.menu-item-buscar > a::before {
content: "\f002";
font-family: "Font Awesome 5 free";
font-weight: 900;
padding-right: 9999px;
font-size: 25px;
}
#header-top #menutopowrap {
display: none;
}
@media screen and (min-width: 40em) {
#header-top #menutopowrap {
display: block;
}
}
#header-top #menutopowrap #menutopo {
margin: 27px 18px 18px;
display: flex;
justify-content: flex-end;
padding-top: 9px;
gap: 9px;
position: relative;
}
#header-top #menutopowrap #menutopo #efeito-nav {
display: block;
position: absolute;
width: 0px;
height: 7px;
border-radius: 3.5px;
background-color: #FF8438;
transition: all ease-in-out 600ms;
bottom: 0px;
left: 0;
z-index: 9;
}
#header-top #menutopowrap #menutopo li.menu-item > a {
position: relative;
z-index: 9;
}
#header-top #menutopowrap #menutopo li.menu-item a {
display: block;
padding: 9px 18px;
border-radius: 32px;
font-weight: 400;
font-size: 16px;
background-color: #FFFFFF;
transition: all ease-in-out 300ms;
}
#header-top #menutopowrap #menutopo li.menu-item a:hover {
background-color: #F5F5F5;
color: #FF8438;
}
#header-top #menutopowrap #menutopo li.menu-item.menu-item-portal a {
background-color: #2F4C98;
color: #FFFFFF;
}
#header-top #menutopowrap #menutopo li.menu-item.menu-item-portal a:hover {
background-color: #FF8438;
}
.slides-section {
background-color: #FFFFFF;
position: relative;
margin-top: -155px;
}
body.home .slides-section {
margin-top: 0px;
}
/*
FOOTER CSS
*/
.copyright-container.grid-x.grid-padding-x {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding-top: 9px;
margin-top: 18px;
}
.footer-copyright-column {
text-align: center;
}
@media screen and (min-width: 40em) {
.footer-copyright-column {
text-align: left;
}
}
.temperopropaganda-wrap {
text-align: center;
}
@media screen and (min-width: 40em) {
.temperopropaganda-wrap {
text-align: right !important;
}
}
#footer-grid-container {
padding: 0;
width: 100%;
bottom: 72px;
background-color: #2F4C98;
color: #FFFFFF;
padding: 56px 0 0 0;
}
@media screen and (min-width: 40em) {
#footer-grid-container {
bottom: 36px;
}
}
#footer-grid-container .grid-container {
width: 100%;
}
#footer-grid-container .footer-inner-wrapper {
border-top: 1px solid #CCC;
padding-top: 18px;
display: flex;
flex-direction: column;
}
#footer-grid-container .footer-inner-wrapper a {
color: #FF8438;
}
#footer-grid-container .footer-inner-wrapper a:hover {
color: #2F4C98;
}
@media screen and (min-width: 40em) {
#footer-grid-container .footer-inner-wrapper {
justify-content: space-between;
flex-direction: row;
}
}
#footer-grid-container .footer-inner-wrapper .footer-inner-cel {
text-align: center;
}
/*# sourceMappingURL=style.css.map */