/* var */

:root{
    --cor-primaria: #232323;
    --cor-secundaria: #FFFFFF;
    --cor-texto: #181818;
    --cor-destaque: #e3c15f;
    --cor-terciaria: #f8f5ec;
    --fonte-primaria: "libre-bodoni", sans-serif;
    --fonte-secundaria: "montserrat", sans-serif;
    --fonte-destaque: "pacifico", sans-serif;
    --cor-whatsapp: #25d366;
}

/* text */

body{
    font-family: var(--fonte-secundaria);
    color: var(--fonte-texto);
    background-color: #fff;
}

.main-title{
    font-family: var(--fonte-destaque);
    font-size: 80px !important;
    color: var(--cor-primaria);
    font-weight: 700;
    line-height: 1em;
    margin: auto auto 30px;
    display: table;
    position: relative;
}

.main-title::after{
    content: '';
    width: 170px;
    height: 85px;
    background-image: url('../images/arabesco.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -20px;
    right: -70px;    
}

.second-title{
    font-family: var(--fonte-destaque);
    font-weight: 700;
    font-size: 36px;
    margin: 0 auto;
}

.main-headline{
    font-family: var(--fonte-destaque);
    font-size: 52px !important;
    color: var(--cor-primaria);
    font-weight: 700;
}

.headline1{
    font-family: var(--fonte-primaria);
    font-size: 44px;
    color: var(--cor-primaria);
    font-weight: 400;
    margin: auto auto 60px;
    display: table;
    position: relative;
}

.headline1::after{
    content: '';
    width: 80px;
    height: 26px;
    background-image: url('../images/arabesco-trigo-2.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 5px;
    right: -25px;
}

.headline2{
    font-family: var(--fonte-secundaria);
    font-size: 36px;
    color: var(--cor-texto);
    font-weight: 400;
    margin-top: 0;
}

p{
    font-family: var(--fonte-secundaria);
    font-size: 16px;
    color: var(--cor-texto);
}

a{
    text-decoration: none;
    color: var(--cor-primaria);
    transition: all ease 300ms;
}

.wp-block-button__link{
    font-family: var(--fonte-texto);
    font-size: 20px;
    color: var(--cor-destaque);
}

.wp-block-button__link:hover{
    color: var(--cor-secundaria);
}

.whatsapp .wp-block-button__link{
    padding-left: 60px;
    background-color: var(--cor-whatsapp);
    color: var(--cor-secundaria);
    border: 3px solid var(--cor-whatsapp);
    position: relative;
}

.whatsapp .wp-block-button__link::before{
    content: '\f232';
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
}

.whatsapp .wp-block-button__link:hover{
    background-color: var(--cor-secundaria);
    color: var(--cor-whatsapp);
    border-color: var(--cor-whatsapp);
}

/* header */

.header{
    width: 100%;
    height: 120px;
    margin: 0;
    position: fixed;
    z-index: 999;
}

.header .container .wp-block-column{
    display: flex;
    align-items: center;
}

.header .container > div{
    margin-bottom: 0;
    align-items: center !important;
}

.header figure{
    margin: 0;
}

.header img{
    border-radius: 100%;
}

.header.fixed{
    background-color: var(--cor-secundaria);
    height: 60px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(35,35,35,0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(35,35,35,0.5);
    box-shadow: 0px 1px 5px 0px rgba(35,35,35,0.5);
}

.header.fixed img{
    width: 50px !important;
}

.hamburger-menu {
    display: none !important;
  }

.nav{
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    font-family: var(--fonte-primaria);
    font-size: 18px;
    font-weight: 700;
}

.nav li{
    list-style-type: none;
}

.nav li a{
    color: var(--cor-secundaria);
}

.nav li a:hover{
    color: var(--cor-destaque);
}

.header.fixed .nav li a{
    color: var(--cor-primaria);
}

.header.fixed .nav li a:hover{
    color: var(--cor-destaque);
}

/* body */

.home .entry-content{
    margin: 0;
    padding: 0;
    background-color: var(--cor-terciaria);
}

.home .entry-content .wp-block-columns:last-of-type{
    margin-bottom: 0;
}

.container{
    max-width: 1300px;
    margin: auto !important;
    padding: 0 10px;
}

.home .wp-block-post-title{
    display: none;
}

/* produtos */

.tlp-portfolio .isotope1 .tlp-content h3{
    font-family: var(--fonte-primaria);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.tlp-portfolio button{
    background: transparent;
    color: var(--cor-texto);
    font-family: var(--fonte-texto);
    font-weight: 400;
    border-bottom: 4px solid transparent;
    cursor: pointer;
}

.tlp-team .short-desc, .tlp-team .tlp-team-isotope .tlp-content, .tlp-team .button-group .selected, .tlp-team .layout1 .tlp-content, .tlp-team .tpl-social a, .tlp-team .tpl-social li a.fa, .tlp-portfolio button.selected, .tlp-portfolio .layoutisotope .tlp-portfolio-item .tlp-content, .tlp-portfolio button:hover{
    font-weight: 700;
    background: transparent !important;
    color: var(--cor-texto);
    border-color: var(--cor-destaque);
}

.tlp-portfolio .isotope1 .tlp-overlay{
    background-color: rgba(35,35,35,0.5);
}

/* sobre */

#sobre .main-title::after{
    right: -90px;
}

/* contato */

#contato .main-headline,
#contato p{
    color: var(--cor-secundaria);
}
/* footer */

.footer{
    min-height: 180px;
    padding: 20px 0;
    background-color: var(--cor-texto);
    margin: 0;
    color: var(--cor-secundaria);
}

.footer > div{
    align-items: center;
}

.footer div,
.footer figure,
.footer p{
    margin: 0;
}

.footer p{
    color: var(--cor-secundaria);
    text-align: center;
}

.footer a{
    color: var(--cor-destaque);
}

.footer a:hover{
    color: var(--cor-secundaria);
}

.footer .container .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}