/*
Theme Name: Bosque da Paz
Theme URI: https://localhost/
Author: Gustavo Santos
Author URI: https://localhost/autor
Description: Tema desenvolvido para Bosque da Paz
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bosquedapaz
*/

@font-face {
    font-family: 'Brother Bold';
    src: url('/assets/fonts/brother-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brother Medium';
    src: url('/assets/fonts/brother-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brother Regular';
    src: url('/assets/fonts/brother-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Agiary Signs';
    src: url('/assets/fonts/agiary.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


.container {
    margin: 0 384px;
}

.header-blog {
    padding: 96px 0;
}

.header-blog h1 {
    color: #00904A;
    text-align: center;
    font-family: "Agiary Signs";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 52px */
}

.categorias {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 64px;
}

.categorias a {
    color: #003321;
    text-align: center;
    font-family: "Brother Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 16px 24px;
    border-radius: 75px;
    background: #EDF4FA;
    text-decoration: none;
}

.input-busca {
    width: 100%;
    position: relative;
    margin-top: 64px;
}

.input-busca input {
    color: #003321;
    font-family: "Brother Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 20.8px */
    padding: 16px;
    border: none;
    outline: none;
    border-bottom: 2px solid #EDF4FA;
    background: #FFF;
    width: 100%;
}

.input-busca button {
    position: absolute;
    right: 16px;
    bottom: 15px;
    background-color: transparent;
    border: none;
}

.ultimos-posts h2 {
    color: #003321;
    text-align: center;
    font-family: "Brother Bold";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
}

/* -----------  */

.ultimos-posts {
    padding-bottom: 96px;
}

.c-ultimos-posts {
    margin-right: 0 !important;
}

.img-slide-post {
    width: 100%;
    height: 362px;
    border-radius: 16px;
    border: 4px solid #fff;
    background-color: gray;
}

.img-slide-post img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.slide-post {
    text-decoration: none;
}

.slide-post h3 {
    color: #003321;
    font-family: "Brother Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    margin-top: 32px;
}

.slide-post p {
    color: #56645F;
    font-family: "Brother Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.c-carr-posts {
    margin-top: 64px;
}

/* CARD DESTAQUE  */

.post-destaque {
    padding: 96px 0;
    padding-top: 0;
}

.post-destaque h2 {
    color: #003321;
    text-align: center;
    font-family: "Brother Medium";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 52px */
}

.card-destaque {
    border-radius: 32px;
    background-color: #EDF4FA;
    padding: 32px 64px;
    display: flex;
    gap: 128px;
    margin-top: 64px;
}

.info-card-destaque {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
    width: 50%;
}

.card-destaque h3 {
    color: #003321;
    font-family: "Brother Medium";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 52px */
    text-align: left;
}

.card-destaque p {
    color: #56645F;
    font-family: "Brother Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 26px */
    text-align: left;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-destaque a {
    border-radius: 75px;
    background: #00904A;
    padding: 16px 32px;
    color: #FFF;
    text-align: center;
    font-family: "Brother Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none;
}

.img-card-destaque {
    height: 520px;
    border-radius: 24px;
    background-color: gray;
    width: 50%;
}

.img-card-destaque img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

/* SEARCH */

.sec-search {
    padding: 96px 0;
}

.sec-search h1 {
    color: #00904A;
    text-align: center;
    font-family: "Agiary Signs";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 52px */
}

.box-search .input-busca {
    margin-top: 32px;
}

.box-search p {
    color: #003321;
    text-align: left;
    font-family: "Brother Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
}

.box-search p span {
    color: #00904A;
    font-family: "Brother Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.box-search {
    margin-top: 64px;
}

.sec-search .categorias {
    justify-content: flex-start;
}

.all-posts {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 64px;
    margin-top: 64px;
}

.all-posts .slide-post {
    width: 31%;
    text-decoration: none;
}

.categorias a {
    cursor: default;
}

.categorias a:hover {
    background: #00904A;
    transition: ease all .4s;
    color: #fff;
}

/* HEADER  */

.item-dropdown img {
    width: 25px;
}

.item-dropdown {
    text-decoration: none;
}

.navbar {
    height: 80px;
    border-bottom: 1px solid #EDF4FA;
    background: #FFF;
    position: relative;
}

.c-nav {
    margin: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.marca-home {
    width: 200px;
    object-fit: contain;
}

.c-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 128px;
    height: 100%;
    overflow: auto;
}

.c-links {
    display: flex;
    align-items: center;
    gap: 40px;
    height: 100%;
}

.c-links .link-menu {
    color: #003321;
    text-align: left;
    font-family: "Brother Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
}

.c-links .link-menu-h:hover {
    color: #00904A;
    font-family: "Brother Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


.c-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 64px;
}

.c-buttons .b-area-cliente {
    color: #647871;
    text-align: center;
    font-family: "Brother Medium";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}

.c-buttons .b-fale-conosco {
    color: #FFF;
    text-align: center;
    font-family: "Brother Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-radius: 75px;
    background: #00904A;
    padding: 16px 32px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.icons-nav svg {
    display: none;
    cursor: pointer;
}

.dropdown {
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 79px;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 64px;
    z-index: 99;
    box-shadow: 0px 0px 64px 0px rgba(16, 27, 50, 0.10);
    display: none;

}

.link-dropdown {
    cursor: pointer;
}

.c-dropdown {
    display: flex;
    flex-wrap: wrap;
    margin: 0 384px;
    column-gap: 32px;
    row-gap: 16px;
}

.item-dropdown p {
    color: #003321;
    font-family: "Brother Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.item-dropdown {
    display: flex;
    gap: 12px;
    align-items: center;
    border-radius: 12px;
    padding: 24px;
    cursor: pointer;
}

.item-dropdown:hover {
    background: #EDF4FA;
    transition: all .3s ease;
}

.link-dropdown:hover .dropdown {
    display: flex;
}

.cpt-obituario {
    padding: 96px 0;
}

.no-results {
    padding: 96px 0;
}

/* SIMULAR PLANO  */


.simular-plano {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}


.box-simular-plano {
    padding: 32px;
    background-color: #00904A;
    border-radius: 16px;
}

.box-inputs {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}

.simular-plano button {
    border-radius: 75px;
    background: #FFF;
    padding: 16px 32px;
    color: var(--colors-black-black, #003321);
    text-align: center;
    font-family: "Brother Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border: none;
    outline: none;
}

#beneficiarios {
    width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.beneficiario {
    width: 100%;
}

.form-step {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex-direction: column;
}

.form-step.active {
    display: flex;
}

.btns-form-plano {
    display: flex;
    gap: 16px;
}

.simular-plano h3,
.simular-plano h4 {
    color: #FFF;
    font-family: "Brother Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 20.8px */
}

.simular-plano button {
    cursor: pointer;
}

.step-3 {
    gap: 16px;
}

.step-3 p {
    color: #FFF;
    font-family: "Brother Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
}

.step-3 a {
    border-radius: 75px;
    background: #FFF;
    padding: 16px 32px;
    color: #003321;
    text-align: center;
    font-family: "Brother Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border: none;
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
}

/* VELORIO VIRTUAL  */

.velorio-virtual {
    background: #EDF4FA;
    padding: 96px 0;
}

.info-velorio {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.info-velorio h2 {
    color: #003321;
    text-align: center;
    font-family: "Brother Bold";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 52px */
}

.info-velorio p {
    color: #56645F;
    text-align: center;
    font-family: "Brother Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.wrapper-posts-velorio {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 64px;
    justify-content: center;
}

.post-velorio {
    border-radius: 16px;
    background: #FFF;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 calc(25% - 32px);
    gap: 32px;
}

.info-post-velorio {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding-top: 16px;
    border-top: #EDF4FA solid 1px;
}

.text-post-velorio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.post-velorio h3 {
    color: #003321;
    font-family: "Brother Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
}

.info-post-velorio h4 {
    color: #56645F;
    font-family: "Brother Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

.info-post-velorio p {
    color: #003321;
    font-family: "Brother Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 26px */
}

.post-velorio a {
    color: #003321;
    text-align: center;
    font-family: "Brother Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-radius: 75px;
    background: #EDF4FA;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    text-decoration: none;
}


@media all and (max-width: 1700px) {

    .container {
        margin: 0 50px;
    }

    .c-links {
        gap: 20px;
    }

    .c-items {
        gap: 32px;
    }

    .c-dropdown {
        margin: 0 50px;
    }

    .marca-home {
        width: 150px;
    }

}

@media all and (max-width: 1300px) {}

@media all and (max-width: 1021px) {

    .card-destaque {
        gap: 50px;
        flex-direction: column-reverse;
    }

    .c-links .link-menu {
        font-size: 12px;
    }

    .info-card-destaque {
        width: 100%;
    }

    .img-card-destaque {
        width: 100%;
        height: 250px;
    }

    .post-destaque h2 {
        font-size: 32px;
    }

    .all-posts .slide-post {
        width: 30%;
    }

    .navbar {
        position: fixed;
        width: 100%;
        z-index: 2;
        height: 80px;
        top: 0;
    }

    .menu-aberto {
        height: 100vh !important;
    }

    .c-nav {
        flex-direction: column;
        margin: 0;
        justify-content: flex-start;
    }

    .icons-nav svg {
        display: block;
    }

    .icons-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 80px;
        padding: 0 50px;
        box-shadow: 0px 0px 64px 0px rgba(16, 27, 50, 0.10);
        z-index: 1;
    }

    .c-items {
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px 50px;
        padding-top: 32px;
        display: none;
        top: 0;
    }

    .c-links {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        justify-content: flex-start;
    }

    .c-links .link-menu {
        padding: 16px 0;
    }

    .c-buttons {
        flex-direction: column;
        gap: 32px;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 32px 0;
        border-top: #EDF4FA 1px solid;
    }

    .dropdown {
        position: initial;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .link-dropdown {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .c-dropdown {
        margin: 0;
    }

    .item-dropdown {
        width: 100%;
        background-color: #fff;
    }

    .navbar {
        background-color: transparent;
    }

    .icons-nav {
        background-color: #fff;
    }

    .c-links .link-menu {
        align-items: flex-start;
    }
}

@media all and (max-width: 781px) {

    .all-posts .slide-post {
        width: 46%;
    }

    .btns-form-plano {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .btns-form-plano button {
        width: 100%;
    }
}

@media all and (max-width: 551px) {

    .container {
        margin: 0 20px;
    }

    .card-destaque {
        padding: 32px;
    }

    .all-posts .slide-post {
        width: 100%;
    }

    .categorias a {
        width: 100%;
    }

    .img-slide-post {
        height: 200px;
    }

    .post-velorio {
        flex: 1;
    }
}