#blog{
    background-color: #434A51;
}

#blog .box-titulo{
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    text-align: center;
}

#blog .box-titulo:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #D6AA84;
}

#blog h1{
    font-weight: 700;
    letter-spacing: 1px;
    color: #D6AA84;
    font-size: 1.6rem;
    margin-bottom: 1.68rem;
    position: relative;
    z-index: 2;
    background-color: #434A51;
    margin-bottom: 0;
    padding: 0 1.68rem;
}

@media (min-width: 992px){
    #blog h1{
        font-size: 3.2rem;
    }
}

#blog .col-posts article{
    border-width: 1px;
    border-style: solid;
    border-color: #ADADAD6B;
    padding: .8rem;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF0D;
}

.col-posts a h2{
    color: #F2F2F2;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: .48rem;
    margin-bottom: .48rem;
    transition: color .4s ease;
}

@media (min-width: 992px){
    .col-posts a h2{
        margin-top: 0;
    }
}

.col-posts a:hover h2{
    color: #D6AA84;
}

.col-posts .resumo{
    color: #F2F2F2;
    font-size: .88rem;
    font-weight: 400;
    margin-bottom: .96rem;
}

.col-posts .data{
    color: #F2F2F2;
    font-size: .88rem;
    font-weight: 400;
    margin-bottom: .48rem;
    display: block;
}

.col-posts .btn-post{
    background-color: #D6AA84;
    color: #434A51;
    display: inline-block;
    font-weight: 700;
    font-size: .928rem;
    border-radius: .24rem;
    padding: .56rem 1.28rem;
    transition: background .4s ease;
}

.col-posts .btn-post:hover{
    background-color: #9B734B;
}




#aside-categorias{
    margin-bottom: 3rem;
}

#aside-categorias h3{
    color: #F2F2F2;
    font-size: 1.44rem;
    font-weight: 700;
    margin-bottom: 1.68rem;
}

#aside-categorias ul{
    list-style-type: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#aside-categorias li{
    list-style-type: none;
    padding: .8rem 0;
    border-bottom: 1px solid #D6AA84;
}

#aside-categorias li a{
    color: #F2F2F2;
    font-size: .96rem;
    transition: color .4s ease;
}

#aside-categorias li a:hover{
    color: #D6AA84;
}

#ultimos-posts h3{
    color: #D6AA84;
    font-size: 1.04rem;
    font-weight: 700;
    margin-bottom: 1.68rem;
}

#ultimos-posts article{
    background: #FFFFFF0D;
    border-width: 1px;
    border-style: solid;
    border-color: #D6AA84;
    padding: .8rem;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 2.4rem;
}

#ultimos-posts .titulo-post{
    color: #F2F2F2;
    font-size: .96rem;
    font-weight: 700;
    margin: .88rem 0;
    display: block;
    transition: color .4s ease;
}

#ultimos-posts .titulo-post:hover{
    color: #D6AA84;
}

#ultimos-posts .resumo{
    color: #F2F2F2;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 1.68rem;
}

#ultimos-posts .data{
    color: #F2F2F2;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 2.4rem;
    display: block;
}

#ultimos-posts .btn-post{
    background-color: #D6AA84;
    color: #434A51;
    display: inline-block;
    font-weight: 700;
    font-size: .928rem;
    border-radius: .24rem;
    padding: .56rem 1.28rem;
    transition: background .4s ease;
}

#ultimos-posts .btn-post:hover{
    background-color: #9B734B;
}







#blog-single-post{
    background-color: #434A51;
}

#blog-single-post h1{
    color: #F2F2F2;
    font-weight: 700;
    font-size: 1.44rem;
    margin-bottom: 1.44rem;
}

#blog-single-post .data-single-post{
    color: #E1D0C3;
    font-weight: 400;
    font-size: .96rem;
    margin-bottom: 1.84rem;
    display: block;
}

#blog-single-post .box-img-single-post img{
    border-radius: 8px;
    margin-bottom: 1.84rem;
    overflow: hidden;
    display: block;
}



#aside-cta{
    padding: 1.68rem .96rem;
    border-radius: 12px;
    border: 1px solid #D6AA84;
    box-shadow: 3px 5px 6.3px 0px #0000001A;
    margin-bottom: 3rem;
}

#aside-cta h3{
    color: #F2F2F2;
    font-weight: 700;
    font-size: 1.44rem;
    letter-spacing: 1px;
    margin-bottom: .24rem;
    line-height: 1;
}

#aside-cta h4{
    color: #D6AA84;
    font-weight: 400;
    font-size: .96rem;
    letter-spacing: 1px;
    margin-bottom: 1.84rem;
    line-height: 1;
}

#aside-cta img{
    width: 100%;
}

#aside-cta p{
    color: #F2F2F2;
    font-weight: 400;
    font-size: .88rem;
    margin: 1.84rem 0;
    text-align: center;
}

#aside-cta a{
    display: block;
    text-align: center;
}



.box-pesquisa-blog, .box-tags{
    margin-bottom: 3rem;
}

.box-pesquisa-blog h3, .box-tags h3{
    color: #D6AA84;
    font-size: 1.04rem;
    font-weight: 700;
    margin-bottom: 1.68rem;
}

.box-pesquisa-blog .is-search-form{
    width: 100% !important;
}


.box-tags ul{
    padding: 0;
    margin: 0;
}

.box-tags li{
    list-style-type: none;   
    display: inline-block;
    margin-right: .48rem;
    margin-bottom: .48rem;
}

.box-tags a{
    display: inline-block;
    background: #E1D0C3;
    border: 1px solid #434A51;
    border-radius: 50rem;
    color: #242424;
    font-size: .8rem !important;
    padding: .48rem 1.04rem;
    transition: background .4s ease;
}

.box-tags a:hover{
    background-color: #D6AA84;
}



/* estilização da barra de pesquisa */

.is-search-form{
    margin-left: auto;
    margin-right: auto;
    border-radius: 50rem;
    overflow: hidden;
    display: flex;
}

@media (min-width: 576px){
    .is-search-form{
        width: 96%;
    }
}

@media (min-width: 768px){
    .is-search-form{
        width: 88%;
    }
}

@media (min-width: 992px){
    .is-search-form{
        width: 80%;
    }
}

@media (min-width: 1200px){
    .is-search-form{
        width: 72%;
    }
}

@media (min-width: 1440px){
    .is-search-form{
        width: 64%;
    }
}

.is-form-style.is-form-style-3 label{
    width: calc(100% - 48px) !important;
}

.is-form-style input.is-search-input{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
    height: 48px !important;
    background-color: #FFFFFF !important;
    border: 0 none !important;
    color: #242424 !important;
}

.is-form-style input.is-search-input::placeholder {
    color: rgba(0, 0, 0, 0);
    opacity: 1; /* Firefox */
}
  
.is-form-style input.is-search-input::-ms-input-placeholder { /* Edge 12 -18 */
    color: rgba(0, 0, 0, 0);
}

.is-form-style button.is-search-submit{
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #FFFFFF !important;
    height: 48px !important;
    width: 48px !important;
    vertical-align: middle !important;
    order: -1;

    /* cursor: not-allowed; */ /* Muda o cursor para indicar que não é clicável */
    /* pointer-events: none; */
}

.is-search-form .is-search-icon{
    height: 48px !important;
    width: 48px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px 0 0 !important;
    background-color: #FFFFFF !important;
    border: 0 none !important;
}

.is-form-style .is-search-submit path{
    fill: #D6AA84;
}

.is-ajax-search-details a, .is-ajax-search-result a{
    color: #D6AA84 !important;
}

.fundo-suave{
    background-color: #F3F1F2;
}




#blog .is-search-form, #aside-blog .is-search-form{
    display: flex;
}

#blog .is-search-input{
    border: 2px solid #D6AA84 !important;
    color: #D6AA84 !important;
    background-color: #434A51 !important;
    overflow: hidden !important;
    border-radius: 50rem !important;
}

#aside-blog .is-search-input{
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
}

#blog .is-search-input::placeholder{
    color: #F2F2F2 !important;
}

#aside-blog .is-search-input::placeholder{
    color: #D6AA84 !important;
}

#blog button.is-search-submit{
    position: unset !important;
    order: 1;
    border-radius: 50rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D6AA84 !important;
    padding: .88rem 1.92rem !important;
    cursor: pointer;
    width: 9.6rem !important;
    margin-left: .8rem !important;
    transition: background .4s ease !important;

}

#aside-blog button.is-search-submit{
    order: 1;
}

#blog button.is-search-submit:hover{
    background-color: #9B734B !important;
}

#blog button.is-search-submit:before{
    content: "Buscar";
    color: #434A51;
    font-weight: 700;
    font-size: 1.04rem;
}

#blog .is-screen-reader-text, #blog .is-search-icon{
    display: none !important;
}





@media (max-width: 991px){
    #blog .box-pesquisa-blog .is-search-form{
        flex-wrap: wrap;
        border-radius: 0 !important;
    }
    #blog .is-form-style.is-form-style-3 label{
        width: 100% !important;
    }
    #blog button.is-search-submit{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: .96rem !important;
    }
}



/* fim da estilização da barra de pesquisa */




/* estilização da paginação */

.wp-pagenavi{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


.wp-pagenavi > * {
    margin: 0 0.32rem !important;
    padding: .4rem .96rem !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .96rem;
    color: #434A51 !important;
    border: 1px solid #CED4DA !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    transition: all 0.24s ease-in-out;
    background-color: #CED4DA;
}

.wp-pagenavi .current{
    background: #D6AA84 !important;
    border-color: #D6AA84 !important;
    color: #FFFFFF !important;
}

.wp-pagenavi a:hover{
    background: #D6AA84 !important;
    border-color: #D6AA84 !important;
    color: #FFFFFF !important;
}

.wp-pagenavi > *:first-child{ margin-left: 1.28rem !important; } 
.wp-pagenavi > *:last-child{ margin-right: 1.28rem  !important; }


/* fim da estilização da paginação */