:root {
    --slide-1:url("https://itatiba.net.br/content-wp/themes/healing-touch/images/slides/slide1.png");
    --slide-2:url("https://itatiba.net.br/content-wp/themes/healing-touch/images/slides/slide2.png");
    --slide-3:url("https://itatiba.net.br/content-wp/themes/healing-touch/images/slides/slide3.png");
    --sliders:var(--slide-1), var(--slide-2), var(--slide-3);
}

/* CSS carregado somente na home/front-page */

.ultimos_artigos {
    padding-top: 5px;
}

.ultimos_artigos .post-relacionado {
    display: grid;
    grid-template-columns: 28% 70%;
    gap: 2%;
    margin-top: 15px;
}

.ultimos_artigos .post-relacionado .post-imagem img {
    width: 100%;
    float: none;
    padding: 0;
    border: none;
}

.ultimos_artigos .grid-cat .post-relacionado {
    border-bottom: 1px dotted #AAAAAA;
    padding-bottom: 10px;
}

.ultimos_artigos .post-relacionado .conteudo-post p {
    margin-bottom: 5px;
    padding: 0;
}

.ultimos_artigos .post-relacionado .conteudo-post p.conteudo-data {
    color: #AAAAAA;
    margin-top: 5px;
    margin-bottom: 6px;
}

.ultimos_artigos .post-relacionado .conteudo-titulo {
    font-weight: bold;
}

.ultimos_artigos .post-relacionado .read-more {
    background-color: var(--cor-primaria);
    color: #fff;
    padding: 5px 10px;
    margin-left: 0;
    border-radius: var(--radius);
    transition: all .3s ease-in-out;
}

.ultimos_artigos .post-relacionado .read-more:where(:hover, :active) {
    background-color: var(--cor-segundaria);
}

.ultimos_artigos .bloco-categoria {
    margin: 10px 0;
}

@media screen and (min-width: 500px) {
.ultimos_artigos .bloco-categoria {
        margin-bottom: 50px;
    }
}

#ultimas-noticias.ultimos_artigos .bloco-categoria {
    padding-right: 50px;
}

.titulo-seo,
.ultimos_artigos .titulo-categoria {
    color: #fff;
    padding: 5px 0 5px 8px;
    font-size: 20px;
    border-radius: 7px;
}

.ultimos_artigos .titulo-categoria a {
    color: #fff;
}

#ultimas-noticias h5.titulo-categoria.cat-noticias {
    color: #000 !important;
}

.ultimos_artigos .grid-cat {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.ultimos_artigos .post-relacionado:nth-last-child(-n+2) {
    border-bottom: none;
}

.ultimos_artigos.noticias .post-relacionado:not(:last-child) {
    border-bottom: 1px dotted #AAAAAA;
    padding-bottom: 10px;
}

#ultimas-noticias .ultimos_artigos .bloco-categoria:last-child  {
    border-bottom: none;
}

@media screen and (max-width:500px) {
#ultimas-noticias .ultimos_artigos .post-relacionado {
        grid-template-columns: 28% 70%;
    }

#ultimas-noticias .ultimos_artigos .post-relacionado {
        border-bottom: none;
    }

.ultimos_artigos .grid-cat .post-relacionado:last-child {
        border-bottom: none;
    }

.ultimos_artigos .bloco-categoria.bloco-final .grid-cat,
    .ultimos_artigos .bloco-categoria.bloco-par .grid-cat{
        grid-template-columns: repeat(1, 1fr);
    }

.ultimos_artigos .bloco-categoria.bloco-par .post-relacionado {
        grid-template-columns: 28% 70%;
    }

.ultimos_artigos .bloco-categoria.bloco-par .post-relacionado .conteudo-post p {
        margin: 5px 0;
    }

.ultimos_artigos .bloco-categoria.bloco-par .post-relacionado:nth-last-child(-n+2) {
        border-bottom: 1px dotted #AAAAAA;
    }

.ultimos_artigos .bloco-categoria.bloco-par .post-relacionado:last-child,
    .ultimos_artigos .bloco-categoria.bloco-impar .grid-cat:last-child {
        border: none;
    }

.ultimos_artigos .bloco-categoria {
        margin-bottom: 50px;
    }

#ultimas-noticias.ultimos_artigos .bloco-categoria {
        padding-right: 0;
    }
}

@media screen and (max-width:800px) {
.all-box .header-box span {
        font: 700 5.1vw "Roboto",san-serif;
    }
}

.home .all-box {
    top: 0;
}

@media screen and (max-width:800px) {
.home .feature-box {
        width: 48%;
    }
}

@media screen and (max-width:800px) {
.ultimos_artigos .bloco-categoria {
        padding: 0;
    }
}

.area-widgets-home {
    display: grid;
    grid-template-columns: 2fr 292px;
    grid-template-rows: auto 480px;
    grid-template-areas:
        "posts newsletter"
        "posts weather";
}

.area-widgets-home .widget.widget-home {
    padding: 5px 10px 10px 10px;
    margin: 15px 0;
    border-top: 2px solid var(--cor-primaria);
}

.area-widgets-home .widget-title {
    margin: 15px 0;
}

.area-widgets-home .widget.widget-home .tnp-subscription input.tnp-submit {
    width: 100%;
    border-radius: var(--radius);
}

.area-widgets-home .tnp-field.tnp-field-firstname label,
.area-widgets-home .tnp-field.tnp-field-email label{
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.area-widgets-home .tnp-widget input[type=email],
.area-widgets-home .tnp-subscription input[type=text] {
    border-radius: 5px;
}

@media screen and (max-width:800px) {
.area-widgets-home {
    display: block;
    
    }
}

#ultimas-noticias.ultimos_artigos {
    grid-area: posts;
}

.widget.widget-home .textwidget .cptec-wrapper {
      grid-area: weather;
}

.widget.widget-home .tnp.tnp-subscription.tnp-widget {
    grid-area: newsletter;
}

.cptec-card-subtitle,
.welcome-content p.cptec-tempo-main-cond {
    padding-bottom: 10px !important;
}

#home_slider{ margin:0; padding:0;}

.feature-box-main{ padding:0; z-index:999999; position:relative;}

.all-box{position:relative; top:-155px; margin-bottom:-155px;}

.feature-box{ width:23.14%; margin:0 1px 0 1px; padding:35px 10px; float:left; background-color:#093980; text-align:center; color:#fddf19; cursor:pointer;}

.feature-box img{margin-bottom:25px; width:270px; height:190px; border:1px solid; border-color:transparent;}

.feature-box:hover{background-color:#393939;}

.feature-box:hover img{border:1px solid #FFF;}

.feature-box .feature-title{ margin:0 0 25px 0; text-transform:uppercase; font:700 28px "Roboto",san-serif; color:#ffffff;}

.feature-box .feature-content{ line-height:20px; margin-bottom:40px; text-align:left; padding: 0 15px 0 34px;}

.feature-box a{ color:#0ec7ab; font:12px arial;}

.read-btn{color:#ffffff !important; padding:8px 14px 8px 14px; text-align:center; border:1px solid #FFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

.feature-box:hover .read-btn{background-color:#ffffff; color:#3a3c41 !important;}

.iconset{height:auto !important; width:auto !important; border:none !important;}

.latest-blog{ margin:0;}

.recent-post-title{ font:21px "Roboto Condensed", sans-serif; margin:0 0 10px 0; text-transform:uppercase;}

.recent-post-title a{ color:#494949;}

.recent-meta{ font:italic 12px arial; color:#737373; margin-bottom:10px;}

.latest-blog p{ line-height:22px; display:inline; color:#3c3c3c;}

.latest-blog span a{ color:#0ec7ab; display:inline; font:12px arial;}

.latest-blog img{width:185px; height:130px; padding:5px; border:1px solid #ebebeb;}

.blogbox-left{float:left; width:26%;}

.blogbox-right{ float:right; width:72%;}

.latest-blog .four_fifth{float:none !important;}

.welcome-box{margin:0; padding:35px 0 70px 0;}

.welcome_title{text-align:left; font-family: "Roboto Condensed", sans-serif; font-weight:300; font-size:29px; text-transform:uppercase; border-bottom:1px solid #f3f2f2; padding:0 0 28px 0; margin:0 0 40px 0; color:#3c3c3c; display:none; }

.welcome_title span{font-weight:700;}

.welcome-content img{text-align:left; padding:6px; border:1px solid #ededed; border-radius:5px;box-sizing: border-box;}

.welcome-content p{line-height:22px; padding-bottom:20px;}

.welcome-more-btn{border: 1px solid #181818; color:#181818; padding: 10px 24px; text-align: center;}

.welcome-content p:last-of-type{padding-bottom:50px;}

@media screen and (max-width:479px) {
.latest-blog{ text-align:center;}

.feature-box{ width:100%; float:none; display:block; transform:none; transition:none; box-sizing:border-box; margin-bottom:20px;}

.feature-box:hover{ transform:none;}

.all-box{ top:-45px; margin-bottom:-45px;}

.blogbox-left, .blogbox-right{float:none; display:block; width:auto;}

.recent-post-title{ margin:0 auto; width:90%;}
}

@media screen and (min-width:480px) and (max-width:719px) {
.latest-blog{ text-align:center;}

.feature-box{ width:100% !important; float:none; display:block; transform:none; transition:none; box-sizing:border-box; margin-bottom:20px;}

.feature-box:hover{ transform:none;}

.all-box{ top:-45px; margin-bottom:-45px;}

.blogbox-left, .blogbox-right{float:none; display:block; width:auto; margin:0 auto !important;}

.latest-blog .last_column{margin-right:auto !important;}
}

@media screen and (min-width:720px) and (max-width:989px) {
.latest-blog img{ height:125px;}

.feature-box{width:22%; min-height:215px;}

.feature-box img{ width:130px; height:100px;}

.feature-box .feature-title{margin: 0 0 10px; font-size:18px;}

.all-box{ top:-45px; margin-bottom:-45px;}

.blogbox-left{width:35%;}

.blogbox-right{width:55%;}

.latest-blog .last_column{margin-right:auto !important;}
}

@media screen and (min-width: 990px) and (max-width:1024px) {
.all-box{ top:-65px; margin-bottom:-65px;}

.feature-box{width:22.5% !important; margin:0 2.2px; min-height:425px;}

.blogbox-left{width:30%;}

.blogbox-right{width:65%;}
}

.theme-default .nivo-controlNav a {
    background-color: #fff !important;
}

.theme-default .nivo-controlNav a.active {
    background-color: green !important;
}

@media screen and (max-width:500px) {
.all-box {
        top: 0;
        margin-bottom: 0
    }

#home_slider {
        min-height: 150px !important;
        margin: 16px 0;
    }

.welcome-content img {
        max-width: calc(100% - 12px)
    }

.ultimos_artigos .post-relacionado {
        grid-template-columns: 100%;
        gap: 1%;
    }

.ultimos_artigos .post-relacionado .conteudo-post {
        margin-bottom: 10px;
    }

.ultimos_artigos .post-relacionado .post-imagem {
        display: flow-root;
        max-height: 230px;
        overflow: hidden;
    }

.ultimos_artigos .post-relacionado .post-imagem img {
        width: 100%;
    }

.ultimos_artigos .post-relacionado .conteudo-post p {
        margin-bottom: 15px;
    }
}

#home_slider {
    min-height: 400px;
    width: 100%;
    background-image: var(--sliders);
    background-position: center;
    background-size: cover;
    animation: slider 15s infinite;
}

@keyframes slider {
    0% {
        background-image: var(--slide-1);
    }

    35% {
        background-image: var(--slide-2);
    }

    65% {
        background-image: var(--slide-3);
    }

    100% {
        background-image: var(--slide-1);
    }
}

@media screen and (max-width:500px) {
.all-box {
        top: 0;
        margin-bottom: 0;
        padding-top: 20px;
    }

.all-box:has(.space150) {
        padding: 0;
    }

.all-box:has(.space150) .welcome-box {
        padding: 0px 0 70px 0;
    }

#home_slider {
        min-height: 150px !important;
        margin: 16px 0;
    }

.welcome-content img {
        max-width: calc(100% - 12px)
    }
}

h1.titulo-home {
    border-radius: var(--radius);
    text-shadow: var(--texto-sombra);
    
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: backInUp;
    max-width: 770px;
}

h1.titulo-home span {
    display: block;
    line-height: 1.3em;
    text-align: center;
    color: #FFF;
    font-size: 1.5em;
}

h1.titulo-home span:nth-child(1){
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 650;
}

h1.titulo-home span:nth-child(2){
    font-size: 72px;
    letter-spacing: -1px;
    font-weight: 700;
}

h1.titulo-home span:nth-child(3){
    font-size: 24px;
    font-weight: 400;
}

@media screen and (max-width:500px) {
h1.titulo-home span {
        font-size: 0.8em;
    }

h1.titulo-home span:nth-child(1){
        font-size: 12px;
        margin-bottom: 10px;
        display: block;
    }

h1.titulo-home span:nth-child(2){
        font-size: 37px;
    }

h1.titulo-home span:nth-child(3){
        font-size: 18px;
        margin-top: 10px;
        display: block;
    }
}

.welcome-content .pf-accordion__panel .pf-accordion__content{
    padding: 10px;
}

@media screen and (min-width: 500px) and (max-width: 989px) {
.all-box{
        top: -15vh;
        margin-bottom: -15vh;
    }

.welcome-box{
        padding-top: 0;
    }
}