body{ margin:0; padding:0;line-height:20px; font-size:16px;font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;}

*{ margin:0; padding:0;}

img{ border:none; margin:0; padding:0; height:auto}

.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}

p{ margin:0; padding:0;}

.postmeta a:hover, a, #footer .widget-column a:hover, #copyright a:hover{ text-decoration:none; color:#0ec7ab;}

ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}

.clear{ clear:both;}

.alignnone{ width:fit-content !important;max-width: 100% !important;}

img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}

img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}

select.orderby{ margin:0; padding:0; height:35px; font:14x "PT Sans", Helvetica, sans-serif; color:#4e4e4e; border:1px solid #cccccc;}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#7ab040 !important;}

.team_links{text-align:center; padding:10px 0; border-top:1px #fff solid;}

.member_info{background:#f6f6f6; text-align:center; margin-top:10px;}

.member_dtl{padding:15px;}

.member_dtl p{ margin:5px 0 !important;}

.mobile_nav a{background:url(../images/mobile_nav_right.png) no-repeat right center #f6f6f6; margin:10px 0 0; padding:8px 20px; display:none; font:400 20px "Roboto Condensed",san-serif;}

.pagination{display:table; clear:both;}

.pagination ul{list-style:none; margin:20px 0;}

.pagination ul li{display:inline; float:left; margin-right:5px;}

.pagination ul li span, .pagination ul li a{background:#313131; color:#fff; padding:5px 10px; display:inline-block;}

.pagination ul li .current, .pagination ul li a:hover{background:#0ec7ab;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}

ol.comment-list li{ list-style:none; margin-bottom:5px;}

.titulo-seo {
    background-color: var(--cor-primaria);
    border-radius: 7px;
    margin-bottom: 10px;
}

@media screen and (max-width:800px) {
.header{
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
    }

.header .site-aligner{
        display: grid;
        grid-template-columns: auto 1fr;
        justify-items: end;
        align-items: center;
    }

.logo img{
        max-width: 270px;
    }

.mobile_nav a{
        font-size: 0;
        background: none;
        
        padding: 2px;
        margin: 0;
    }

.site-nav::-webkit-scrollbar {
        width: 5px;
    }

.site-nav::-webkit-scrollbar-track {
        background: #fff;
    }

.site-nav::-webkit-scrollbar-thumb {
        background: var(--cor-primaria);
        border-radius: var(--radius);
    }

.site-nav::-webkit-scrollbar-thumb:hover {
        background: color-mix(in oklab, var(--cor-primaria), rgba(0, 0, 0, 0.8) 20%);
    }

#carrega_leitura {
        height: 3px;
    }

.posts-relacionado article{
    width: 100%;
    max-width: 100%;
        float: none !important;
    }

#content h1.entry-title{
        font-size:24px;
        font-weight:bold;
    }

.site-nav li:hover ul li {
        background-color: #fff;
    }

.line {
        fill: none;
        stroke: var(--cat-color, var(--cor-primaria));
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

.line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

.line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

.line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

.active .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

.active .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

.active .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

.site-nav{
        position: absolute;
        top: 65px;
        z-index: 100;
        background: rgba(255, 255, 255, 0.8); 
        backdrop-filter: blur(10px);          
        -webkit-backdrop-filter: blur(10px);  
        height: auto;
        left: 2.5%;
        width: 95%;
    }

.site-aligner{
        width: calc(100% - 42px);
    }
}

.logo h2 a {
    font-family: "HurmeGeometricSans4 SemiBold" !important;
    font-weight: bolder;
}

@media screen and (max-width:800px) {
.site-aligner{
        width: calc(100% - 42px) !important;
    }

#footer>.site-aligner>.widget-column:nth-child(1), #footer .widget-column {
        width: 100%;
    }
}

nav.menu-fixo {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

nav.menu-fixo > ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

nav.menu-fixo > ul li{
    list-style: none;
    position: static;
    flex: 1;
    text-align: center;
}

nav.menu-fixo nav.menu-fixo-item {
    border: none;
    border-radius: 0;
}

nav.menu-fixo li a {
    color: #fff;
}

nav.menu-fixo li.menu-fixo-item {
    padding: 15px 10px;
}

nav.menu-fixo ul.sub-menu li.menu-fixo-item:first-child {
    padding-top: 20px;
}

nav.menu-fixo ul.sub-menu li.menu-fixo-item:last-child {
    padding-bottom: 20px;
}

nav.menu-fixo .menu-item-has-children a{
    position: relative;
}

nav.menu-fixo .sub-menu {
    position: absolute;
    bottom: 100%;            
    right: 6%;
    width: 88%;
    opacity: 0;
    transform: translateY(10px) scaleY(0.95);
    transform-origin: bottom;
    pointer-events: none;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
    border-radius: 15px 15px 0 0 ;
    overflow: hidden;
}

nav.menu-fixo .menu-item-has-children.open > .sub-menu {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    pointer-events: auto;
}

.cat-content {
    padding: 25px 0;
}

nav.menu-fixo,
nav.menu-fixo .menu-fixo-item{
  background: var(--cat-color, var(--cor-primaria));
}

.menu-fixo .menu-fixo-item {
  background-color: var(--li-color, var(--cat-color, var(--cor-primaria)));
}

.menu-fixo .sub-menu .menu-fixo-item {
  background-color: var(--li-color, var(--cat-color, var(--cor-primaria)));
}

nav.menu-fixo li.menu-fixo-item.current-menu-item,
nav.menu-fixo .sub-menu li.menu-fixo-item.current-menu-item{
    background-color: color-mix(in oklab,var(--cat-color),#212121 50%) !important;
}

nav.menu-fixo .sub-menu  li.menu-fixo-item{
    text-align: center;
    background-color: var(--li-color, var(--cat-color, var(--cor-primaria)));
}

.tempo {
    padding: 80px 0 40px;
    background-image: var(--fundo-tempo);
    background-position: center;
    background-size: cover;
    background-attachment: fixed
}

.tempo-content h2 {
    color: #FFF;
    margin-bottom: 40px;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2
}

.tempo-card {
    width: 100%;
    display: flex;
    justify-content: center
}

.cptec-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(247px,1fr));
    gap: 20px;
    max-width: 720px;
    border-bottom: 1px solid #ccc;
}

.cptec-card {
    background: #FFF;
    color: #000;
    border-radius: 24px;
    padding: 10px;
    max-width: 300px;
    position: relative
}

.cptec-card-header {
    margin-bottom: 12px
}

.cptec-card-icon {
    font-size: 40px;
    display: block;
    line-height: 1em;
    margin: 10px 0;
    text-align: center
}

.cptec-card-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.cptec-card-uf {
    font-weight: 500
}

.cptec-card-subtitle {
    font-size: 12px;
    margin: 4px 0 0;
    opacity: .9
}

.cptec-tempo-main {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: column;
    width: 60%;
    float: left;
}

.cptec-tempo-main-icon {
    font-size: 60px;
    line-height: 60px
}

.cptec-tempo-main-info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cptec-tempo-main-temp-row {
    display: flex;
    align-items: flex-start;
    gap: 4px
}

.cptec-tempo-main-temp {
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.cptec-tempo-main-unit {
    font-size: 18px;
    margin-top: 6px
}

.cptec-tempo-main-cond {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600
}

.cptec-tempo-extra {
    margin-top: 35px;
}

.cptec-tempo-extra li{
    width: 37%;
}

.cptec-tempo-extra,.cptec-ondas-list {
    list-style: none;
    padding: 0;
    font-size: 13px
}

.cptec-ondas-data {
    text-align: center
}

.cptec-tempo-extra li,.cptec-ondas-list li {
    margin-bottom: 2px;
    display: flex;
    justify-content: space-between
}

.cptec-ondas-list li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd
}

.cptec-tempo-forecast {
    list-style: none;
    margin: 55px 0 0;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,.25);
    padding-top: 10px;
    font-size: 13px
}

.cptec-tempo-forecast-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px
}

.cptec-tempo-forecast-day {
    opacity: .9
}

.cptec-tempo-forecast-maxmin {
    font-weight: 600
}

.cptec-ondas-periodo {
    margin-bottom: 10px;
}

h4.cptec-ondas-periodo-titulo {
    text-align: center
}

article.cptec-card.cptec-tempo-card header.cptec-card-header {
    float: none;
}

.widget ul.cptec-tempo-forecast li.cptec-tempo-forecast-item, 
.widget ul.cptec-tempo-extra li {
    margin-left: 0;
}

@media (max-width: 480px) {
.cptec-tempo-main {
        align-items: flex-start;
    }

.cptec-card {
        padding: 10px 70px;
    }

.cptec-tempo-card {
        max-width:100%;
        border-radius: 20px
    }

.cptec-card-title {
        font-size: 16px
    }

.cptec-card-title,.cptec-card-subtitle {
        text-align: center
    }

.tempo-content h2 {
        font-size: 22px
    }

.cptec-tempo-main-icon {
        font-size: 40px;
        line-height: 40px
    }

.cptec-tempo-main-cond,.cptec-tempo-extra,.cptec-ondas-list,.cptec-tempo-forecast {
        font-size: 11px
    }

h4.cptec-ondas-periodo-titulo {
        font-size: 14px
    }

.cptec-tempo-main-temp {
        font-size: 35px
    }

.cptec-tempo-main-unit {
        font-size: 17px
    }

.cptec-card-icon {
        font-size: 30px
    }

.cptec-wrapper {
        grid-template-columns: repeat(auto-fit,minmax(150px,1fr))
    }
}

#sidebar .cptec-card.cptec-tempo-card {
    padding: 0;
}

#sidebar .cptec-tempo-main-cond,
#sidebar .cptec-card-subtitle {
    display: none;
}

#sidebar .cptec-tempo-forecast {
    width: 72%;
}
