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

:root {
    --bg-color: #faf3d6;
    --text-primary: #53838b; /* color: var(--text-primary); */
    --text-secondary: #94bfae; /* color: var(--text-secondary); */

    /*Fontes*/
    --ff-base: "Roboto", sans-serif; /*p*/
    --ff-header: "Merriweather", sans-serif;
    --ff-button: 'Libre Franklin', 'Arial';
    --ff-alternative: "Montserrat", sans-serif;

    /* Tamanho dos textos */
    --text-xl: 2.5rem; /*h1*/ 
    --text-lg: 2rem; /*h2*/
    --text-md: 1.75rem; /*h3*/
    --text-sm: 1.5rem; /*h4*/
    --text-xsm: 1.25rem; /*search results*/
    --text-base: 1rem; /*p*/
    }

/* Cor de fundo*/
body { 
    background: #faf3d6; 
    grid-template-areas: "last-news last-news last-news";
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
}

a {
    color: var(--text-primary);
    text-decoration: none;
    position: relative;
    
    &:hover {
        color: var(--text-secondary);
    }
}

/* Ícones das redes sociais com cores do tema */
.fa-facebook,.fa-instagram,.fa-youtube{
    color: var(--text-primary);
    font-size:24px;
    margin: 0 5px;
    display: inline-block;
    float: none;
    vertical-align: bottom;
  }

.fa-facebook:hover,.fa-instagram:hover,.fa-youtube:hover{
    color: var(--text-secondary);
 }

 /*------ Configuração dos botões -----*/
button.search-submit{
    width: fit-content;
    height: 2.4rem;
    border: none; /* Remove a borda padrão */
    padding: .8rem; /* Espaçamento interno */
    border-radius: 1.5rem; /* Borda arredondada */
    color: var(--text-secondary); /* Cor do texto */
    background-color: var(--text-primary);
    font-size: 1rem; /* Tamanho da fonte */
    box-sizing: border-box; /* Inclui padding e border na largura total */
    display: inline;
    vertical-align: bottom;
    font-size: inherit;
    font-family: var(--ff-button);
    font-size: 75%;
    text-shadow: none;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;
}

button.search-submit:hover{
    background-color: var(--text-secondary);
    color:var(--text-primary);
    display: inline;
    font-size: inherit;
    font-family: var(--ff-button);
    font-size: 75%;
    text-shadow: none;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;
}

input[type="search"]{
    width: auto; /* Largura dos inputs */
    height: 2.4rem;
    border: none; /* Remove a borda padrão */
    padding: 0.5rem; /* Espaçamento interno */
    border-radius: 1.5rem; /* Borda arredondada */
    color: var(--text-primary); /* Cor do texto */
    background-color: var(--text-secondary);
    font-size: 1rem; /* Tamanho da fonte */
    box-sizing: border-box; /* Inclui padding e border na largura total */
    vertical-align: bottom;
}

.wp-block-button{
    width: fit-content;
    height: fit-content;
    border: none; /* Remove a borda padrão */
    border-radius: 1.5rem; /* Borda arredondada */
    color: #94bfae !important; /* Cor do texto */
    background-color: #53838b !important;
    font-size: 1rem; /* Tamanho da fonte */
    font-family: var(--ff-button);
    font-size: 75%;
    text-shadow: none;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;
}

.wp-block-button__link {
    color: #fff;
    background-color: var(--text-primary);
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
}