/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Gotham-Bold";
    src: url("../fonts/Gotham-Bold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/Gotham-Bold.otf") format("opentype"), /* Open Type Font */
        url("../fonts/Gotham-Bold.svg") format("svg"), /* Legacy iOS */
        url("../fonts/Gotham-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
        url("../fonts/Gotham-Bold.woff") format("woff"), /* Modern Browsers */
        url("../fonts/Gotham-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
font-family: "Gotham";
src: url("../fonts/Gotham-Light.eot"); /* IE9 Compat Modes */
src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Gotham-Light.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Gotham-Light.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Gotham-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Gotham-Light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Gotham-Light.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Gotham-Black";
src: url("../fonts/Gotham-Black.eot"); /* IE9 Compat Modes */
src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Gotham-Black.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Gotham-Black.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Gotham-Black.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Gotham-Black.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Gotham-Black.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}

body {
    font-family: 'Gotham', sans-serif;
    color: #1C1C1C !important;
}

p {
    font-size: 1rem;
}

h1, h2, h3, h4, h5 {
    font-family: 'Gotham-Black';
}

section {
    padding: 50px 0;
}

:root {
    --color-primary-dark: #24383f;
}

.popupLGPD {
    position: fixed;
    font-size: 12px;
    z-index: 9999;
    left: 0;
    bottom: 0;
    width: 50%;
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(227,227,227,0.61);
    -moz-box-shadow: 10px 10px 10px 0px rgba(227,227,227,0.61);
    box-shadow: 10px 10px 10px 0px rgba(227,227,227,0.61);
    border: 1px solid #ececec;
}

.popupLGPD a {
    text-decoration: underline !important;
}

.popupLGPD button {
    display: block;
    width: 150px;
    text-align: center;
    background-color: #666;
    color: #FFF;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
    text-transform: uppercase;
}

.container {
    max-width: 1280px !important;
}

.main-navbar {
    background-color: #00A6E5;
}

.navbar {
    padding: 0;
}

.nav-link {
    padding: 10px;
    font-family: 'Gotham-bold';
    color: #FFF;
    font-weight: 100;
}

.nav-link:active, .nav-link:focus {
    background-color: #23383f;
    color: #FFF;
}

.nav-link:hover {
    background-color: #23383f;
    color: #FFF;
}

.logo {
    display: block;
    width: 100%;
    text-align: center;
}

.logo img {
    max-width: 300px;
}

.redes img {
    width: 28px;
}

.busca input {
    border: none;
    margin-right: 5px;
}

.busca button {
    background-color: #50b848;
    border: none;
    padding: 8px;
}

.busca button img {
    width: 25px;
}

.copyright {
    font-family: 'Gotham-Bold';
    background-color: #00a5e5;
    color: #FFF;
}

.carousel-item {
    height: 700px;
    background-size: cover;
    background-position: center;
}

.carousel-caption {
    width: 350px;
    position: absolute;
    left: 60%;
    background-color: #dbb04a;
    bottom: 10%;
    padding: 30px 20px;
    text-align: left;
}

.carousel-caption h1 {
    font-family: 'Gotham-Black';
    font-size: 1.6rem;
    text-transform: uppercase;
    text-align: left;
    color: #FFF;
}

.carousel-caption h2 {
    font-family: 'Gotham';
    font-weight: 500;;
    text-align: left;
    color: #000;
    font-size: 1rem;
    margin-bottom: 10px;;
}

.botaoVejaMais {
    font-family: 'Gotham-Bold';
    font-size: 0.8rem;
    padding: 5px 10px;
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 10px;
}

.botaoVejaMais:hover, 
.botaoVejaMais:focus {
    color: #dbb04a;
}

.destaques {
    background-color: #23383f;
}

.gota {
    margin-top: -13px;
}

.gotaNovidades {
    width: 70px;
    margin-bottom: 15px;
}

.destaques .tituloLivro {
    font-family: 'Gotham-Bold';
    font-style: italic;
    font-size: 1.3rem;
    color: #FFF;
}

.destaques .autor {
    font-family: 'Gotham'; 
    color: #FFF;
}

.linkVerTodos {
    font-family: 'Gotham-Bold';
    font-style: italic;
}

.agenda {
    background-color: #dbb04a;
}

.boxData {
    background-color: #000;
    text-align: center;
    color: #dbb04a;
    padding: 30px 0;
}

.dataDia {
    display: block;
    font-size: 3rem;
    line-height: 3rem;
    font-family: 'Gotham-Black';
}

.dataMes {
    display: block;
    font-family: 'Gotham-Black';
    font-size: 1.5rem;
    line-height: 1.6rem;
    text-transform: uppercase;
}

.dataAno {
    display: block;
    font-family: 'Gotham-Black';
    font-size: 1.5rem;
    line-height: 1.6rem;
}

.dataHorario {
    display: block;
    font-family: 'Gotham';
    font-size: 1.5rem;
    line-height: 1.6rem;
}

.boxAgenda {
    margin-bottom: 30px;
}

.boxAgenda .categoria {
    font-family: 'Gotham-Black';
    text-transform: uppercase;
    font-size: 0.8rem;
}

.boxAgenda .titulo {
    font-family: 'Gotham-Bold';
    font-size: 1.5rem;
}

.boxAgenda .resumo {
    font-family: 'Gotham';
    font-size: 1rem;    
}

.noticias {
    background-color: #dfdde5;
}

.breadcrumb {
    background-color: #23383f;
    color: #FFF;
    padding: 40px 0;
    border-radius: 0;
}

.breadcrumb a {
    font-style: italic;
    font-family: 'Gotham-Bold';
}

.breadcrumb img {
    margin-right: 5px;
}

.breadcrumb h3 {
    text-transform: uppercase;
    margin: 0;
}

.subtitulo {
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    color: #5b5b5b
}

.titulo {
    font-family: 'Gotham-Bold';
}

.creditos {
    font-size: 0.8rem;
    text-transform: uppercase;
}

.conteudo .boxData {
    float: left;
    margin-right: 25px;
    width: 30%;
}

.conteudo a {
    text-decoration: underline !important;
    color: #00A6E5;
}

.conteudo img {
    max-width: 100%;
    margin-right: 10px;
}

.textoLivro p, .textoLivro i {
    font-size: 1.1rem !important;
}

.boxAcervo {
    background-color: #23383f;
    padding: 50px 0;
    color: #FFF;
}

.boxAcervo h1 {
    font-size: 1.8rem;
    font-family: "Gotham-Bold";
    color: #FFF;
    font-style: italic;
}

.boxAcervo h2 {
    font-family: "Gotham";
    color: #FFF;
    font-size: 1.4rem
}

.boxAcervo span {
    color: #FFF;
}

.boxAcervo .modal-body span {
    color: #000 !important;
    text-align: left;
}

.boxAcervo p {
    font-size: 1.2rem !important;
    color: #FFF;
    line-height: 1.6rem;
}

.listagemAcervo, .listagemConteudoDigital {
    background-color: #dfdde5;
}

.listagemAcervo h1, .listagemConteudoDigital h1 {
    font-size: 1.2rem;
    font-family: 'Gotham-Bold';
    font-style: italic;
}

.listagemAcervo h2, .listagemConteudoDigital h2 {
    font-size: 1rem;
    font-family: 'Gotham-Bold';
}

.listagemAcervo p {
    font-size: 0.9rem;
    font-family: 'Gotham';
}

.listagemConteudoDigital p {
    font-size: 1rem;
    font-family: 'Gotham';
}

.textoIntroducao {
    font-size: 1rem !important;
    text-align: justify !important;
}

.dropdown-menu {
    background-color: #23383f;
    padding: 10px;
    border-radius: 0;
    border: none;
    min-width: 12rem;
    margin-top: 0px;
}

.dropdown-menu .nav-link {
    font-size: 0.8rem;
}

.newsletter {
    background-color: #f1f1f1;
}

.newsletter input {
    border: none;
    border-radius: 0;
}

.newsletter button {
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    background-color: #50b848;
    color: #FFF;
    padding: 9px;
    margin-top: 5px;
    text-transform: uppercase;
}

.modal-header {
    background: #23383f;
}

.text-black {
    color: #000 !important;
}

.boxAcervo .modal-body p {
    color: #000;
}

.boxConteudosDigitais {
    border: 2px solid #23383f;
    color: #000;
}

.boxConteudosDigitais .headerBoxConteudosDigitais {
    background-color: #23383f;
}

.boxConteudosDigitais h1 {
    color: #FFF;
    font-style: normal;
    padding: 15px;
    font-size: 1.5rem;
    margin: 0;;
}

.boxConteudosDigitais .gota {
    width: 20px;
}

.boxConteudosDigitais .contentBoxConteudosDigitais {
    padding: 15px;
}

.boxConteudosDigitais .contentBoxConteudosDigitais ul {
    margin-left: 15px;
}

.boxConteudosDigitais .contentBoxConteudosDigitais li {
    font-weight: bold;
}

.boxConteudosDigitais .contentBoxConteudosDigitais li a {
    margin-left: 15px;
    font-weight: bold;
    text-decoration: underline !important;
    margin: 0;
}

.campoBuscaConteudosDigitais {
    margin-top: 15px;
    border: none;
    padding: 5px 7px;
    font-size: 0.7rem;
    width: 50%;
    text-transform: uppercase;
}

.exibeImagem {
    height: 430px;
    position: relative;
}

.exibeImagem img {
    max-height: 420px;
    bottom: 0;
    position: absolute;
}

.wrapperImagem {
    height: 430px; 
    display: flex; 
    align-items: end
}

.s-repository {
    background-color: #1ba3de;
}

.s-repository__title {
    color: #fff;
    text-transform: uppercase;
}

.s-repository p {
    font-weight: 700;
}

.s-repository .botaoVejaMais {
    display: inline-flex;
    margin: 0;
    font-size: 1rem;
    padding: 0.625rem 0.75rem;
}

.p-repository main {
    font-weight: 700;
    background-color: #dfdde5;
}

.repository-list {
    margin: 0;
    padding-left: 20px;
}

.repository-list li + li {
    margin-top: 6px;
}

.repository-list a {
    display: inline-block;
    font-family: "Gotham-Black";
    text-decoration: underline !important;
}

.form-search {
    display: flex;
}

.form-search input {
    flex: 1;
    background-color: #fff;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid var(--color-primary-dark);
    outline: 0 !important;
}

.form-search input::placeholder {
    text-transform: uppercase;
}

.form-search__button {
    border: 0;
    padding: 0.25rem 0.5rem;
    background-color: var(--color-primary-dark);
    border: 1px solid transparent;
    outline: 0 !important;

    transition: trasnform 150ms;
}

.form-search__button:active {
    transform: scale(0.98);
}

.form-search__button-icon {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
}

.cta-button {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    
    font-size: 1.5rem;
    font-family: "Gotham-Black";
    text-align: center;
    text-transform: uppercase;
    background-color: var(--color-primary-dark);
    padding: 0.75rem 1rem;

    transition: transform 150ms;
}

.cta-button, 
.cta-button:hover,
.cta-button:focus {
    color: #daaf53;
}

.cta-button:active {
    transform: scale(0.98);
}

.u-fst-underline,
.u-fst-underline:hover,
.u-fst-underline:focus {
    text-decoration: underline !important;
}

.u-fw-black {
    font-family: "Gotham-Black";
}

@media only screen and (max-width: 575px) {

    .carousel-item {
        height: 600px;
    }

    .carousel-caption {
        width: 100%;
        left: 0;
    }

    .conteudo .boxData {
        display: block;
        width: 100%;
    }

    .wrapperImagem {
        height: auto; 
    }

}

@media only screen and (min-width: 576px) and (max-width: 991px) {

    .logo {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .carousel-item {
        height: 600px;
    }

    .carousel-caption {
        width: 100%;
        left: 0 !important;
    }

    .conteudo .boxData {
        width: 40%;
    }

    .wrapperImagem {
        height: 330px; 
    }

}
    
@media only screen and (min-width: 992px) and (max-width: 1024px) {


}