/* ---------------------------------------------------------------------------------------------- */
/* VARIÁVEIS DE PERSONALIZAÇÃO */
/* ---------------------------------------------------------------------------------------------- */
:root {
    /* Background */
    --background-default: #ffffff;
    --background-secondary: #fff;
    --background-sessao-1: #f9f9f9;
    --background-sessao-2: #f5f5f5;
    --background-variacao: #e8e8e8;

    /* Colors */
    --color-primary: #006ee3;
    --color-primary-lighten: #2388f3;
    --color-primary-darken: #015bbb;
    --color-secondary: #71b416;
    --background-footer: #fff;

    /* Fonts */
    --font-primary: rgb(49, 49, 49);
    --font-secondary: #3a3a3a;
    --font-titulo: var(--color-primary);
}

/* Exemplos de uso das variáveis */
/*   
    background-color: var(--background-default);
    color: var(--font-primary); 
*/

/* ---------------------------------------------------------------------------------------------- */
/* PERSONALIZAÇÕES PADRÃO */
/* ---------------------------------------------------------------------------------------------- */

html {
    color: var(--font-primary);
}

/* Backround do header */
#header-modelo-1 .navigation-clean {
    background: var(--background-default);
}

/* Background da sessão */
.s-about:nth-child(even),
.s-slider:nth-child(even),
.s-destaque:nth-child(even),
.s-banner:nth-child(even),
.s-contact:nth-child(even),
.s-form:nth-child(even),
.s-faq:nth-child(even),
.s-mapa:nth-child(even),
.s-social:nth-child(even) {
    background-color: var(--background-sessao-1);
}

.s-about:nth-child(odd),
.s-slider:nth-child(odd),
.s-destaque:nth-child(odd),
.s-banner:nth-child(odd),
.s-contact:nth-child(odd),
.s-form:nth-child(odd),
.s-faq:nth-child(odd),
.s-mapa:nth-child(odd),
.s-social:nth-child(odd) {
    background-color: var(--background-sessao-2);
}

/* Fontes dos títulos */
.s-about #s-about-1 .s-about-title,
.s-about #s-about-2 .s-about-title,
.s-slider #s-slider-1 .s-slider-titulo,
.s-destaque #s-destaque-1 .s-destaque-titulo,
.s-destaque #s-destaque-2 .s-destaque-titulo,
.s-destaque #s-destaque-3 .s-destaque-titulo,
.s-contact #s-contact-1 .s-contact-title,
.s-form #s-form-1 .s-form-title,
.s-faq #s-faq-1 .s-faq-titulo,
.s-social #s-social-1 .s-social-title {
    color: var(--font-titulo);
}

/* Fontes dos textos */
.s-about #s-about-1 .s-about-texto,
.s-about #s-about-2 .s-about-texto,
.s-slider #s-slider-1 .s-slider-texto,
.s-destaque #s-destaque-1 .s-destaque-texto,
.s-destaque #s-destaque-2 .s-destaque-texto,
.s-destaque #s-destaque-3 .s-destaque-texto,
.s-contact #s-contact-1 .s-contact-texto,
.s-form #s-form-1 .s-form-texto,
.s-faq #s-faq-1 .s-faq-texto {
    color: var(--font-primary);
}

/* Cores dos botões */
.btn.btn-primary {
    background-color: var(--color-primary);
}

.btn.btn-primary:hover {
    color: #fff;
    background-color: var(--color-primary-darken);
}

/* Cor do botão do header */
#header-modelo-1 .navigation-clean.navbar-light .navbar-nav .nav-link.action-button {
    color: var(--color-primary);
    background-color: #fff;
}

#header-modelo-1 .navigation-clean.navbar-light .navbar-nav .nav-link.action-button:hover {
    color: #fff;
    background-color: var(--color-primary);
}

/* Cor do botão main */
.s-main #s-main-1 .s-main-botao {
    color: var(--color-primary);
    background-color: #fff;
}

.s-main #s-main-1 .s-main-botao:hover {
    color: #fff;
    background-color: var(--color-primary);
}

/* Cores dos ícones dos cards */
.s-contact #s-contact-1 .s-contact-card .item .icon {
    color: var(--color-primary);
}

/* Cores dos títulos dos cards de contato */
.s-contact #s-contact-1 .s-contact-card .item .name {
    color: var(--color-primary);
}

/* Cores dos ícones Social */
.s-social #s-social-1 .social-icons .social-icons-a i {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.s-social #s-social-1 .social-icons .social-icons-a i:hover {
    color: var(--background-sessao-1);
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
}

/* Background dos cards */
.s-contact #s-contact-1 .s-contact-card .item .box {
    background-color: var(--background-variacao);
}

.s-destaque #s-destaque-1 .s-destaque-card,
.s-destaque #s-destaque-2 .s-destaque-card,
.s-destaque #s-destaque-3 .s-destaque-card {
    background-color: var(--background-variacao);
}

/* Link do card de contato */
.s-contact #s-contact-1 .s-contact-card .item .box .learn-more {
    color: var(--color-primary);
}

/* Background do footer 1 */
#footer-modelo-1 {
    background-color: var(--background-footer) !important;
}

/* Fonte do título dos cards */
.s-destaque #s-destaque-1 .s-destaque-card .s-destaque-card-body .s-destaque-card-body-title,
.s-destaque #s-destaque-2 .s-destaque-card .s-destaque-card-body .s-destaque-card-body-title,
.s-destaque #s-destaque-3 .s-destaque-card .s-destaque-card-body .s-destaque-card-body-title{
    color: var(--font-primary);
}

/* Fonte dos cards */
.s-contact #s-contact-1 .s-contact-card .item .description,
.s-destaque #s-destaque-1 .s-destaque-card .s-destaque-card-body .s-destaque-card-body-text,
.s-destaque #s-destaque-2 .s-destaque-card .s-destaque-card-body .s-destaque-card-body-text,
.s-destaque #s-destaque-3 .s-destaque-card .s-destaque-card-body .s-destaque-card-body-text {
    color: var(--font-secondary);
}

/* Cor do subfooter */
#footer-modelo-1 .s-subfooter {
    background-color: var(--color-primary-darken);
}

/* ---------------------------------------------------------------------------------------------- */
/* OUTRAS PERSONALIZAÇÕES */
/* ---------------------------------------------------------------------------------------------- */