@charset "utf-8";

/*  Cor contínua do background */
body {
    background: #000;
    font-family: 'Lato', sans-serif;
}

/* Cor do conteúdo interno */
div.slcidade .conteudo {
    background: #000;
}

/* Background da descrição do filme */
section div.filme {
    background: #130f12;
}

/* Cor da borda do poster */
section div.filme .poster {
    outline: 3px solid #afc8d5;
}

/* Cor do texto de informações do filme */
section div.filme .ftec .infos {
    color: #fff;
}

/* Cor do título do filme */
section div.filme .ftec .infos h2 {
    color: #afc8d5;
}

/* Cor do texto das opções de sinopse/trailer/galeria */
section div.filme .ftec .infos ul {
    color: #fff;
}

/* Cor das linhas das opções de sinopse/trailer/galeria */
section div.filme .ftec .infos ul.links {
    border-top: 1px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
}

/* Cor do texto das opções de sinopse/trailer/galeria */
section div.filme .ftec .infos ul.links a {
    color: #fff;
    transition-duration: 0.3s;
}

/* Cor do background da programação */
section div.programacao {
    background: #130f12;
}

/* Cor e linha inferior do carrossel de dias */
section div.programacao div.dias {
    color: #fff;
    border-bottom: 1px solid #4f4f4f;
}

/* Cor e linha inferior do dia ativo */
section div.programacao div.dias .item.ativo {
    color: #afc8d5;
    border-bottom: 3px solid #afc8d5;
}

/* Cor de texto da programação */
section div.programacao form {
    color: #fff;
}

/* Fundo da barra de localização - preferencialmente não trocar */
section div.programacao form .localizacao {
    background: #57555d;
}

/* Fundo do campo de localização - preferencialmente não trocar */
section div.programacao form input {
    background: #201f23;
}

/* Fundo do campo de localização - preferencialmente não trocar */
section div.programacao form .multiple {
    color: #fff;
    background: #201f23;
}

/* Fundo do dia */
section div.programacao div.dia {
    background: #130f12;
}

/* Cor do endereço do cinema */
section div.programacao div.dia .cinema {
    color: #fff;
}

/* Cor da borda inferior do cinema */
section div.programacao div.dia .cinema h3 {
    border-top: 1px solid #4f4f4f;
}

/* Cor do endereço do cinema com link */
section div.programacao div.dia .cinema h3 a {
    color: #fff;
    transition-duration: 0.3s;
}

/* Cor do nome do cinema */
section div.programacao div.dia .cinema h3 b {
    font-weight: 900;
    color: #afc8d5;
    font-size: 25px;
}

/* Fundo, borda e cor do horário INDISPONÍVEL */
section div.programacao div.dia .cinema .sessao ul.horarios li {
    background: #0a090a;
    border: 1px solid #0a090a;
    color: #232323;
}

/* Fundo, borda e cor do horário DISPONÍVEL */
section div.programacao div.dia .cinema .sessao ul.horarios a li {
    border: 1px solid #afc8d5;
    color: #afc8d5;
    transition-duration: 0.3s;
}

/* Fundo e cor do texto do rodapé */
footer {
    background: #231c34;
    color: #fff;
}