/* ***************************************
FONTS
****************************************** */
@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/go-branding/GothamLight.ttf');
    src: url('../fonts/go-branding/GothamLight.ttf') format('truetype');
  }
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/go-branding/GothamBook.ttf');
    src: url('../fonts/go-branding/GothamBook.ttf')  format('truetype');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/go-branding/GothamMedium.ttf');
    src: url('../fonts/go-branding/GothamMedium.ttf')  format('truetype');
}
@font-face {
    font-family: 'GuldScript';
    src: url('../fonts/go-branding/GuldScript.ttf');
    src: url('../fonts/go-branding/GuldScript.ttf')  format('truetype');
}
.font-gotham-light {
    font-family: GothamLight, "sans-serif";
}
.font-gotham-book {
    font-family: GothamBook, "sans-serif";
}
.font-gotham-medium {
    font-family: GothamMedium, "sans-serif";
}
.font-guld-script {
    font-family: GuldScript, "sans-serif";
}

/* ***************************************
GENERAL
****************************************** */
body {
    font-family: GothamLight, sans-serif;
}

/* ***************************************
VARIABLES
****************************************** */
:root {
    --red: #e40017;
    --black: #000;
    --text-danger: #e50216;
    --text-disable: #dfdfdf;
    --gray: #cdccc7;
    --gray-light: #f2f2f2;
}

/* ***************************************
HEADER
****************************************** */
#header {
    background-color: var(--red);
}
#header nav .nav-link {
    color: var(--white);
    text-transform: uppercase;
    padding: .0rem .5rem;
    font-size: .9em;
    font-weight: bold;
}
#header nav .nav-link.disabled {
    color: var(--text-disable);
}
#header nav .nav-item {
    line-height: 2em;
}
#header nav .nav-item.active a {
    border-bottom: 2px solid #fff;
}
#header nav i {
    font-size: 2em;
}
#header sup {
    top: -.7em;
    left: -1rem;
}
#header sup img {
    width: 9%;
}
#header .navbar-toggler {
    padding: .2rem 0.3rem;
    font-size: .6rem;
}
#header .logo {
    line-height: initial;
}

/* ***************************************
FOOTER
****************************************** */
#footer {
    background-color: var(--red);
    color: var(--white);
}
#footer i {
    font-size: 1.1em;
}

/* ***************************************
QUEM SOMOS
****************************************** */
#quem-somos span {
    text-transform: unset;
    color: var(--text-danger);
    font-size: 1.8em;
}
#missao {
    background-color: var(--gray);
}

/* ***************************************
SOLUÇÕES
****************************************** */
#solucoes span {
    text-transform: unset;
    color: var(--text-danger);
    font-size: 1.8em;
}
#indicadores {
    background-color: var(--gray);
}

/* ***************************************
CONTATO
****************************************** */
#contato span {
    text-transform: unset;
    color: var(--text-danger);
    font-size: 1.8em;
}

/* ***************************************
CONTATO
****************************************** */
#trabalhe-conosco span {
    text-transform: unset;
    color: var(--text-danger);
    font-size: 1.8em;
}

/* ***************************************
FORM
****************************************** */
form input.form-control,
form textarea.form-control,
form select.form-control {
    background-color: var(--gray-light);
    border-radius: 0;
    border: 0 none;
}
form .custom-file-label {
    background-color: var(--gray-light);
    border: 0 none;
    border-radius: 0;
}
form .custom-file-label:before {
    content: "\F0339";
    font-family: "Material Design Icons";
}
form .error-message {
    color: var(--text-danger);
}
form button.form-control {
    background-color: var(--red);
    color: var(--white);
}

/* ***************************************
LOGO
****************************************** */
.logo {
    font-size: 1.8em;
    margin-top: 0.3em;
}
.logo .font-gotham-light {
    color: #f3f3f3;
}
.logo .font-gotham-medium {
    color: #e5e5e5;
}
@media(max-width: 576px) {
    .logo {
        font-size: 1.4em;
    }
}