@font-face
{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Thin.ttf");
    font-weight: 100;
}

@font-face
{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf");
    font-weight: 400;
}

@font-face
{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.ttf");
    font-weight: 700;
}

@font-face
{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Black.ttf");
    font-weight: 900;
}

:root
{
    --cor-primaria: #16B2B7;
    --cor-secundaria: #C32B91;
    --cor-terciaria: #FFF;
    --cor-quaternaria: #B89D04;
}

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

html
{
    scroll-behavior: smooth;
}

html , html *
{
    scrollbar-width: thin;
    scrollbar-color: var(--cor-primaria) #555;
}

body
{
    position: absolute;
    width: 100%;
    min-height: 100vh;
    scroll-behavior: smooth;
    background: url("../docs/background-pattern.svg") top center/2048px , #333;
    background-blend-mode: multiply;
    font-family: "Roboto";
}

@media (min-width: 992px) {
    body {
        min-height: calc(100vh - 164px);
    }
}

ul, ol {
    list-style-position: inside;
}

a
{
    font-weight: 400;
}

:not(.banner) > p a
{
    color: var(--cor-primaria);
    font-weight: 400;
}

:not(.banner) > p a:visited
{
    color: var(--cor-primaria);
}

:not(.banner) > p a:hover
{
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria)) , #555;
    color: var(--cor-terciaria);
    text-decoration: none;
    cursor: pointer;
}

::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track
{
    background-color: #555;
}

::-webkit-scrollbar-thumb
{
    background-color: var(--cor-primaria);
}

::-webkit-scrollbar-thumb:active
{
    background-color: #16B2B7BF;
}

::-webkit-scrollbar-thumb:hover
{
    background-color: #16B2B780;
}

header
{
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0;
    width: 100%;
}

@media (min-width: 768px)
{
    header
    {
        top: 0;
        margin: 0;
    }
}

/* @media (min-width: 768px)
{
    .navbar-nav > .nav-item.dropdown:not(:first-of-type)
    {
        display: none;
    }
} */

.navbar-nav > .nav-item > .nav-link
{
    color: var(--cor-terciaria);
}

.navbar
{
    padding: 0;
}

.navbar-nav > *
{
    line-height: 20px;
}

.nav-primary
{
    background-color: var(--cor-primaria);
}

@media (min-width: 992px)
{
    .nav-primary
    {
        height: 80px;
    }
}

.navbar-brand
{
    position: absolute;
    top: -15px;
    width: 80px;
    height: 80px;
    margin-left: 20px;
    background: url("../docs/avatar_secec.png") center no-repeat;
    background-size: contain;
}

@media (min-width: 992px)
{
    .navbar-brand
    {
        top: -20px;
        width: 120px;
        height: 120px;
    }
}

.nav-primary > div:first-of-type > ul
{
    align-items: flex-end;
    text-align: right;
}

@media (min-width: 992px)
{
    .nav-primary > div:first-of-type > ul
    {
        text-align: left;
    }
}

.nav-secondary
{
    /*display: none;*/
    background-color: #16B2B780;
}

@media (min-width: 768px)
{
    .nav-secondary
    {
        display: block;
        padding-right: 20px!important;
    }
}

.nav-secondary > div:first-of-type > ul
{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.nav-primary > div:first-of-type > ul > li , .nav-secondary > div:first-of-type > ul > li
{
    margin: 0 10px;
}

.nav-primary > div:first-of-type > ul > li , .nav-secondary > div:first-of-type > ul > li:last-of-type
{
    margin-right: 0;
}

.navbar-toggler
{
    border: none;
    padding: 0;
    margin: 9px 20px 9px auto;
}

.navbar-toggler-icon
{
    width: 32px;
    height: 32px;
}

.dropdown-menu
{
    border: 0;
    border-radius: 0;
    text-align: right;
}

@media (min-width: 992px)
{
    .dropdown-menu
    {
        text-align: left;
        padding: 0 20px;
    }
}

.dropdown-item
{
    padding: 10px 0;
}

.dropdown-item:active
{
    background-color: initial;
    color: initial;
}

.nav-secondary
{
   padding-right: 0px;
}

.nav-item.dropdown
{
    width: 100%;
}

@media (min-width: 992px)
{
    .nav-primary
    {
        padding-right: 20px;
    }
}

@media (min-width: 992px)
{
    .nav-item.dropdown
    {
        width: auto;
    }
}

.nav-primary .nav-item > .nav-link , .dropdown-item
{
    padding: 10px 20px;
}

@media (min-width: 992px)
{
    .dropdown-item
    {
        padding: 10px 0;
    }
}

@media (min-width: 992px)
{
    .navbar-nav > .nav-item > .nav-link , .dropdown-item
    {
        padding: 10px 0;
    }
}

.navbar-toggler-icon
{
    float: right;
}

.icons-social > a, .icons-podcast > a
{
    display: block;
    width: 32px;
    height: 32px;
    transition: .2s ease;
}

.icons-social > a:hover, .icons-podcast > a:hover
{
    transform: scale(1.2);

}

.icons-social > a:nth-of-type(even), .icons-podcast > a:nth-of-type(even)
{
    margin: 0 20px;
}

.icons-social > a:last-of-type, .icons-podcast > a:last-of-type
{
    margin-right: 0;
}

.icons-social > a:nth-of-type(1) , .share-buttons > li:nth-of-type(1) > a
{
    background: url("../docs/icon_facebook.svg") center no-repeat;
    background-size: contain;

}

.icons-social > a:nth-of-type(2) , .share-buttons > li:nth-of-type(2) > a
{
    background: url("../docs/icon_linkedin.svg") center/contain no-repeat;
}

.icons-social > a:nth-of-type(3)
{
    background: url("../docs/icon_instagram.svg") center/contain no-repeat;
}

.icons-social > a:nth-of-type(4)
{
    background: url("../docs/icon_youtube.svg") center/contain no-repeat;
}

.icons-social > a:nth-of-type(5)
{
    background: url("../docs/icon_spotify.svg") center/contain no-repeat;
}

.icons-social > a:nth-of-type(6)
{
    background: url("../docs/icon_soundcloud.svg") center/contain no-repeat;
}

.icons-social > a:nth-of-type(7)
{
    background: url("../docs/icon_deezer.svg") center/contain no-repeat;
}

.icons-podcast > a:nth-of-type(1) {
    background: url("../docs/icon_soundcloud.svg") center/contain no-repeat;
}

.icons-podcast > a:nth-of-type(2) {
    background: url("../docs/icon_deezer.svg") center/contain no-repeat;
}

#hero
{
    position: relative;
    z-index: 0;
	max-width: 100vw;
    width: 100%;
    height: 100vh;
    background-color: #000;
}

video
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes video-fade-in
{
    to
    {
        opacity: .5;
    }
}

.title-container
{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title-container > h1
{
    color: var(--cor-terciaria);
    text-align: center;
    font-size: 48px;
    opacity: 0;
    animation: fade-in .5s forwards;
    text-shadow: 0 0 5px #FFF;
    transition: .2s;
}

.h1invisivel
{
    display: none;
}

.title-container > h2
{
    color: var(--cor-terciaria);
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    opacity: 0;
    animation: fade-in .5s 1.5s forwards;
    text-shadow: 0 0 5px #FFF;
}

@keyframes fade-in
{
    to
    {
        opacity: 1;
    }
}

.cta
{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    opacity: 0;
    animation: fade-in .5s 5.5s forwards;
}

.cta > p
{
    text-align: center;
    color: var(--cor-terciaria);
}

section:not(#hero)
{
    margin-bottom: 50px;
}

#banner-lei-de-incentivo
{
    margin: 50px 20px;
}

@media (min-width: 1600px)
{
    #banner-lei-de-incentivo
    {
        max-width: 1316px;
        margin: 50px auto;
    }
}

.container-colunas
{
    margin-top: 50px;
}

@media (min-width: 996px)
{
    .container-colunas
    {
        display: flex;

    }
}

.coluna
{
    flex: 2;
    padding: 0 20px;
}

.coluna-secundaria
{
    flex: 1;
}

@media (min-width: 996px)
{
    .coluna-secundaria
    {
        margin-top: 0;
    }
}

section:not(.inner) > h1 , .noticias-relacionadas-amarrador > h1 , .titulo-secao
{
    margin-bottom: 10px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--cor-primaria);
}

@media (min-width: 992px)
{
    section:not(.inner) > h1 , .noticias-relacionadas-amarrador > h1 , .titulo-secao
    {
        font-size: 32px;
    }
}

section:not(.inner) > h1::after , .noticias-relacionadas-amarrador > h1::after , .titulo-secao::after
{
    content: ".";
    color: #C32B91;
}

.banner
{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    background: linear-gradient(var(--cor-primaria) , var(--cor-secundaria));
    color: var(--cor-terciaria);
}

@media (min-width: 996px)
{
    .banner
    {
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 50px;
        background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria));
    }
}
.banner > *
{
    margin: 0;
}

.banner > p:first-of-type
{
    font-weight: 100;
    font-size: 36px;
    text-align: center;
    text-shadow: 0 0 5px #FFF;
}

.banner p span
{
    text-shadow: none;
    font-weight: 400;
}

@media (min-width: 996px)
{
    .banner > p:first-of-type
    {
        text-align: left;
        font-size: 48px;
    }
}

.banner > p:last-of-type
{
    text-align: center;
    margin-top: 20px;
}

.banner > p:last-of-type > a
{
    color: #000;
}

.banner > p:last-of-type > a:visited
{
    color: #000;
}

.banner > p:last-of-type > a:hover
{
    background-color: var(--cor-terciaria);
    color: #000;
    text-decoration: none;
}

@media (min-width: 996px)
{
    .banner > p:last-of-type
    {
        text-align: right;
        width: 600px;
        margin: 0;
    }
}

#artigos
{
    width: 100%;
}

.artigos
{
    margin: 0;
}

.artigo
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100px;
    padding: 20px;
    background-color: #555;
    color: var(--cor-terciaria);
}

.destacar
{
    transition: .2s;
}

.destacar:not(:first-of-type)
{
    border-top: 1px solid #777;
}

.destacar:not(:last-of-type)
{
    border-bottom: 1px solid #333;
}

.destacar:hover
{
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria)) , #555;
}

.crescer
{
    transition: .2s;
}

.crescer:hover , .crescer:focus
{
    transform: scale(1.025);
}

.artigo > a
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.artigo > a > p
{
    margin: 0;
}

.artigo > a > p:last-of-type
{
    font-weight: 100;
}

.container-ver-mais
{
    display: flex;
    justify-content: flex-end;
}

.artigos.artigos-lista > .container-ver-mais
{
    justify-content: initial;
}

.ver-mais, .wp-block-file a
{
    margin-top: 10px;
    color: var(--cor-primaria);
}

.ver-mais:visited, .wp-block-file a:visited
{
    color: var(--cor-primaria);
}

.ver-mais:hover, .wp-block-file a:hover
{
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria)) , #555;
    color: var(--cor-terciaria);
    text-decoration: none;
    cursor: pointer;
}

.ver-mais, .wp-block-button a
{
    margin-top: 10px;
    color: var(--cor-primaria);
}

.ver-mais:visited, .wp-block-button a:visited
{
    color: var(--cor-primaria);
}

.ver-mais:hover, .wp-block-button a:hover
{
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria)) , #555;
    color: var(--cor-terciaria);
    text-decoration: none;
    cursor: pointer;
}

#mapa-da-cultura > div
{
    width: 100%;
    height: 48rem;
    background-color: #555;
    font-size: 36px;
}

@media (min-width: 992px)
{
    #mapa-da-cultura > div
    {
        font-size: 72px;
    }
}

.noticias
{
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
}

@media (min-width: 600px)
{
    .noticias
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 150px;
        grid-gap: 20px;
    }
}

@media (min-width: 992px)
{
    .noticias
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1600px)
{
    .noticias
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.noticias > li
{
    background-color: #555;
    width: 100%;
    height: 200px;
    position: relative;
    transition: .2s;
}

@media (max-width: 1600px)
{
    #noticias > .noticias > li:nth-of-type(6)
    {
        margin-bottom: 0;
    }

    #noticias > .noticias > li:nth-of-type(n + 7)
    {
        display: none;
    }
}

@media (min-width: 1600px)
{
    .noticias
    {
        grid-auto-rows: 200px;
    }
}

.noticias > li:not(:last-of-type)
{
    margin-bottom: 20px;
}

@media (min-width: 600px)
{
    .noticias > li
    {
        width: auto;
        height: auto;
    }

    .noticias > li:not(:last-of-type)
    {
        margin: 0;
    }
}

.fundo-noticia
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 992px)
{
    .noticias > li:first-of-type
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
}

@media (min-width: 992px)
{
    .inner + section > .noticias > li:nth-of-type(2) , .inner + section > .noticias > li:nth-of-type(3)
    {
        grid-column-end: span 2;
    }
}

.descricao
{
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 20px;
    background: linear-gradient(90deg , #555 , transparent);
    color: var(--cor-terciaria);
}

@media (min-width: 768px)
{
    .descricao
    {
        bottom: 40px;
    }
}

.noticias > li:hover > a > .descricao
{
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria));
}

.descricao > *
{
    margin: 0;
}

.descricao > .titulo
{
    font-weight: 400;
    color: var(--cor-terciaria);
}

.noticias > li:not(:first-of-type) > a > .descricao
{
    bottom: 20px;
    justify-content: flex-end;
}

.espacos-culturais
{
    display: grid;
    grid-template-columns: repeat(auto-fit , minmax(150px , 1fr));
    grid-auto-rows: 350px;
    grid-gap: 20px;
    margin: 0;
    list-style-type: none;
    scroll-behavior: smooth;
}

@media (min-width: 1600px)
{
    .espacos-culturais
    {
        grid-auto-rows: 500px;
    }
}

.espaco-cultural
{
    transition: .2s;
}

.espaco-cultural:hover
{
    transform: scale(1.025);
}

.espaco-cultural > .conteudo
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    background: linear-gradient(var(--cor-primaria) , var(--cor-secundaria));
    color: var(--cor-terciaria);
    opacity: 0;
    transition: .2s;
    text-decoration: none;
}

.espaco-cultural:hover > .conteudo , .espaco-cultural:active > .conteudo
{
    opacity: 1;
}

.icone-espaco
{
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
}

.icone-museu
{
    background: url("../docs/icon_museum.svg") center/cover no-repeat;
}

.icone-teatro
{
    background: url("../docs/icon_theater.svg") center/cover no-repeat;
}

.espaco-cultural h1
{
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 100;
}

.espaco-cultural p
{
/*     text-align: justify; */
    font-size: 16px;
    font-weight: 400;
}

.external-link
{
    width: 16px;
    height: 16px;
    background: url("../docs/icon_external-link.svg") center/cover no-repeat;
}

footer
{
    width: 100%;
}

@media (min-width: 992px) {
    footer {
        position: absolute;
        z-index: 20;
        bottom: -164px;
    }
}

footer > div:first-of-type
{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: var(--cor-primaria);
}

.underfooter
{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 20px;
}

@media (min-width: 992px)
{
    .underfooter
    {
        flex-direction: row;
        justify-content: flex-end;
        font-size: 16px;
    }
}

.underfooter > .ver-mais
{
    margin: 0;
    color: #FFF;
}

.underfooter > .ver-mais:hover
{
    background: transparent;
    text-decoration: underline;
}

@media (min-width: 768px)
{
    .underfooter > .ver-mais:first-of-type
    {
        margin-left: 20px;
    }
}

@media (min-width: 992px)
{
    footer > div:first-of-type
    {
        flex-direction: row;
        justify-content: space-between;
    }
}

footer > div:first-of-type > *
{
    margin: 0;
    color: var(--cor-terciaria);
}

footer > div:first-of-type > p
{
    margin: 20px 0;
    text-align: center;
    font-size: 14px;
}

footer > div:first-of-type > .logo-secec
{
    width: 300px;
    height: 60px;
    background: url("../docs/logo_secec.svg") left/contain no-repeat;
}

@media (min-width: 768px)
{
    footer > div:first-of-type > .logo-secec
    {
        width: 400px;
        height: 80px;
    }
}

footer > div:first-of-type > .icons-social, .icons-podcast
{
    display: flex;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 400px) {
    footer > div:first-of-type > .icons-social {
        flex-wrap: wrap;
    }

    .icons-social > a {
        margin-bottom: 20px;
    }
}

.container
{
    padding: 20px;
    margin-bottom: 100px;
}

.container-titulo
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}

.container-titulo-artigo
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 150px;
}

.noticia-titulo
{
    margin: 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    color: var(--cor-terciaria);
}

@media (min-width: 992px)
{
    .noticia-titulo
    {
        font-size: 56px;
    }
}

.noticia-subtitulo
{
    margin-top: 20px;
    font-size: 18px;
    font-weight: 100;
    color: var(--cor-terciaria);
}

@media (min-width: 992px)
{
    .noticia-subtitulo
    {
        font-size: 36px;
    }
}

.metadata , .categoria , div.tags
{
    color: var(--cor-secundaria);
    font-size: 12px;
}

.nome-categoria
{
    font-size: 16px;
    font-weight: 400;
    opacity: .5;
}

.tags
{
    margin: 50px 0;
}

@media (min-width: 992px)
{
    .tags
    {
        margin-bottom: 0;
    }
}

.noticia-corpo
{
    max-width: 600px;
    margin: 0 auto;
    color: var(--cor-terciaria);
}

.noticia-corpo > :not(:last-child)
{
    margin-bottom: 20px;
}

.noticia-corpo > h1:not(first-child),
.noticia-corpo > h2:not(first-child),
.noticia-corpo > h3:not(first-child),
.noticia-corpo > h4:not(first-child)
{
    margin-top: 50px;
}

.noticia-corpo > p
{
    width: 100%;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 992px)
{
    .noticia-corpo > p
    {
        font-size: 20px;
        font-weight: 100;
    }

    .noticia-corpo ul, .noticia-corpo ol {
        font-size: 20px;
        font-weight: 100;
    }
}

.noticia-corpo img
{
    transition: .2s;
}

.noticia-corpo img:hover
{
    transform: scale(1.025);
}

.noticia-corpo img
{
    width: 100%;
}

.noticia-corpo figure > figcaption
{
    color: var(--cor-terciaria);
}

.noticia-corpo ul
{
    list-style-position: inside;
}

.post-info
{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

@media (min-width: 768px)
{
    .post-info
    {
        flex-direction: row;
        justify-content: space-between;
    }
}

.coluna > hr
{
    margin: 0;
}

hr , .coluna >.rule-topo
{
    margin: 0 0 50px 0;
    background-color: var(--cor-secundaria);
}

.noticias-relacionadas
{
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
}

@media (min-width: 600px)
{
    .noticias-relacionadas
    {
        display: grid;
        grid-template-columns: repeat(auto-fill , minmax(300px , 1fr));
        grid-auto-rows: auto;
        grid-gap: 20px;
    }
}

.noticia-relacionada
{
    display: flex;
    height: 120px;
    color: var(--cor-terciaria);
    transition: .2s;
}

.noticia-relacionada:hover
{
    transform: scale(1.025);
}

.noticia-relacionada:not(:last-of-type)
{
    margin-bottom: 20px;
}

@media (min-width: 600px)
{
    .noticia-relacionada:not(:last-of-type)
    {
        margin: 0;
    }
}

.noticia-relacionada > a
{
    color: var(--cor-terciaria);
}

.noticia-relacionada > a:visited
{
    color: var(--cor-terciaria);
}

.noticia-relacionada > a:hover
{
    color: var(--cor-terciaria);
    text-decoration: none;
}

.noticia-imagem
{
    width: 150px;
    height: 100%;
    background: url("http://www.casafrancabrasil.rj.gov.br/wp-content/uploads/2014/10/Espacos-CFB-Fachadas-4.jpg") center/cover no-repeat;
}

.noticia-relacionada > .noticia-imagem + a
{
    display: flex;
    align-items: center;
    padding-left: 5px;
    margin: 0;
    height: 100%;
    max-width: 50%;
}

.imagem-titulo
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.parallaxed
{
    position: relative;
}

.imagem-titulo > img
{
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.imagem-titulo::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(transparent , #000);
}

aside
{
    min-width: 300px;
    margin-top: 70px;
    padding: 20px 0 20px 0;
    background: #555;
}

@media (min-width: 992px)
{
    aside
    {
        min-height: 800px;
        margin-top: 120px;
    }
}

aside > h1
{
    margin: 0;
    text-transform: uppercase;
    color: var(--cor-terciaria);
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 992px)
{
    aside > h1
    {
        padding: 0 20px;
        text-align: left;
    }
}

aside > ul
{
    margin: 20px 0;
    list-style-position: initial;
}

aside > ul > li > button
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    margin: 0;
    border-top: 1px solid #777;
    border-bottom: 1px solid #333;
    transition: .2s;
}

@media (min-width: 992px)
{
    aside > ul > li > button
    {
        justify-content: initial;
        padding: 0 20px;
    }
}

button[name]:focus
{
    outline: none;
}

button[name]:hover
{
    cursor: pointer;
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria)) , #555;
    transform: scale(1.025);
}

@media (min-width: 992px)
{
    main
    {
        margin: 20px 20px 0 20px;
        width: 100%;
    }
}

@media (min-width: 992px)
{
    main > section:first-of-type
    {
        margin-top: 120px;
    }
}

main > #lei-de-incentivo , main > #estrutura , main > #prestacao-de-contas
{
    background-color: #555;
}

.topicos
{
    display: none;
    padding: 20px;
    margin: 0;
    list-style-type: none;
}

.topicos.visivel
{
    display: block;
}

.topico:not(:last-of-type)
{
    margin-bottom: 30px;
}

.topico > h1, .topico .topico h1:first-child
{
    display: flex;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--cor-primaria);
    color: var(--cor-terciaria);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.topico .topico {
    margin-left: 20px;
}

.topico .topico h1:first-child {
    border-bottom: 1px solid var(--cor-quaternaria);
}

.topico .topico h1:not(:first-child) {
    font-weight: 700;
}

.topico > h1:hover
{
    cursor: pointer;
}

.conteudo
{
    display: none;
    color: var(--cor-terciaria);
}

.conteudo > :last-child
{
    margin-bottom: 0;
}

.conteudo h1
{
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
}

.conteudo ol
{
    margin-bottom: 20px;
    list-style-position: inside;
}

.conteudo ul
{
    margin-bottom: 20px;
    list-style-type: none;
}

.conteudo ul li:not(:last-of-type)
{
    margin-bottom: 10px;
}

.conteudo .funcao
{
    margin-bottom: 20px;
}

.exibir
{
    display: initial;
}

@media (min-width: 992px)
{
    .amarrador
    {
        display: flex;
    }
}

.ativo
{
    font-weight: 400;
}

button.ativo
{
    border-right: 1px solid var(--cor-terciaria);
    font-weight: 700;
}

.seta
{
    width: 8px;
    height: 8px;
    margin: auto 5px;
    background: url("../docs/arrow_down.svg") center/contain no-repeat;
    transition: .2s;
}

.topico .topico .seta {
    background: url("../docs/arrow_down_yellow.svg") center/contain no-repeat;
}

.seta-para-cima
{
    transform: rotate(180deg);
}

button
{
    width: 100%;
    height: 100%;
    background: none;
    color: var(--cor-terciaria);
    text-align: left;
}

.inner
{
    margin-top: 160px;
    padding: 0 20px;
}

@media (min-width: 992px)
{
    .inner
    {
        margin-top: 150px;
    }
}

.inner > h1
{
    text-align: center;
    margin-bottom: 80px;
    font-size: 48px;
    color: var(--cor-terciaria);
    text-shadow: 0 0 5px #FFF;
}

@media (min-width: 992px)
{
    .inner > h1
    {
        margin-bottom: 50px;
    }
}

.inner ~ section
{
    padding: 0 20px;
}

.inner ~ section > .noticias
{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
}

.inner ~ section  > .noticias > li:first-of-type
{
    grid-column-end: span 3;
}

.inner ~ section  > .noticias > li > a > .descricao > .texto
{
    display: inline;
}

.inner ~ section > .espacos-culturais
{
    display: flex;
    flex-wrap: wrap;
}

.inner ~ section .espaco-cultural
{
    width: 300px;
    height: 600px;
    flex: 1 1 auto;
    margin-bottom: 20px;
}

@media (min-width: 768px)
{
    .inner ~ section .espaco-cultural:not(:last-of-type):not(:nth-of-type(4n))
    {
        margin-right: 20px;
    }
}

@media (min-width: 1600px)
{
    .inner ~ section .espaco-cultural:nth-of-type(4n)
    {
        margin-right: 20px;
    }
}

.proximos-eventos
{
    margin: 0;
    list-style: none;
}

.proximos-eventos > .evento
{
    padding: 10px 20px;
    background-color: #555;
}

.proximos-eventos > .evento > a
{
    display: flex;
    align-items: center;
    color: var(--cor-terciaria);
}

.proximos-eventos > .evento > a:visited
{
    color: var(--cor-terciaria);
}

.proximos-eventos > .evento > a:hover
{
    color: var(--cor-terciaria);
    text-decoration: none;
}

.evento img
{
    flex: none;
    width: 50px;
    height: 50px;
    object-fit: cover;
    background-color: var(--cor-secundaria);
}

.evento div
{
    margin-left: 20px;
}

.evento p
{
    margin: 0;
}

.evento p:last-of-type
{
    font-weight: 100;
}

.inner ~ section > .artigos
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

@media (min-width: 768px)
{
    .inner ~ section > .artigos
    {
        grid-template-columns: 1fr 1fr;
    }
}

.inner ~ section > .artigos > .artigo:last-of-type + hr
{
    display: none;
}

.inner ~ section > .artigos > .artigo
{
    position: relative;
    height: 100%;
    padding: 0;
    overflow: hidden;
    background-color: initial;
}

.artigo > .imagem-titulo::after
{
    background: none;
}

.artigo:hover > .imagem-titulo::after
{
    background: linear-gradient(165deg , #000 , transparent 50%);
}

.inner ~ section > .artigos > .artigo > a
{
    display: block;
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
}

@media (min-width: 992px)
{
    .inner ~ section > .artigos.artigos-lista
    {
    }
}

.inner ~ section > .artigos-lista > .artigo > a
{
    padding: 0;
    margin-top: 20px;
}

.artigos-lista > hr
{
    margin-bottom: 20px;
    background-color: #FFFFFF80;
}


@media (min-width: 768px)
{
    .inner ~ section > .artigos > .artigo > a
    {
        font-size: 24px;
    }
}

@media (min-width: 992px)
{
    .inner ~ section > .artigos > .artigo > a
    {
        margin: 0 20px;
    }
}

.inner ~ section > .artigos > .artigo > a > p:first-of-type
{
    max-width: 300px;
}

.inner ~ section > .artigos > .artigo > a > p:last-of-type
{
    font-size: 16px;
}

.meses
{
    display: flex;
    flex-direction: column;
}

.mes
{
    position: relative;
    display: flex;
    flex-direction: column;
}

.mes:not(:last-of-type)
{
    margin-bottom: 50px;
}

.mes > ul
{
    display: grid;
    grid-auto-columns: 200px;
    grid-template-rows: 200px;
    grid-gap: 5px;
    grid-auto-flow: column;
    overflow-x: scroll;
    scroll-behavior: smooth;
    width: 100%;
}

.mes > ul > .evento
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #555;
    color: var(--cor-terciaria);
    text-align: center;
}

.mes > ul > .evento:first-of-type
{
    grid-column-end: span 2;
}

.mes .evento p:first-of-type
{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}

.mes > div
{
    margin-right: auto;
}

.mes > div > .nome-do-mes
{
    font-weight: 100;
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria));
    color: var(--cor-terciaria);
    margin: 0;
}

.brilho
{
    text-shadow: 0 0 5px #FFF;
}

.mes .evento > div
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
    background-color: var(--cor-terciaria);
    color: #333;
    transition: .2s;
}

.mes .evento:hover > div
{
    opacity: .8;
}

@keyframes slide-up
{
    to
    {
        top: 0;
        opacity: 1;
    }
}

.animation-slide-up
{
    position: relative;
    top: 20px;
    opacity: 0;
    animation: slide-up .5s forwards;
}

.animation-delay-short
{
    animation-delay: .5s;
}

.animation-delay-medium
{
    animation-delay: 1s;
}

.animation-delay-long
{
    animation-delay: 1.5s;
}

.equipe > ul > li
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

@media (min-width: 992px)
{
    .equipe > ul > li
    {
        grid-template-columns: 1fr 1fr;
    }

    .equipe > ul > li:nth-of-type(even)
    {
        justify-items: end;
    }
}

.equipe > ul > li:not(:last-of-type)
{
    margin-bottom: 100px;
}

.equipe > ul > li:nth-of-type(even) > div:not(.bio)
{
    text-align: right;
}

.equipe > ul > li > div:not(.bio)
{
    display: flex;
    flex-direction: column;
    color: var(--cor-terciaria);
    text-shadow: 0 0 5px var(--cor-terciaria);
}

.equipe > ul > li > div:not(.bio) > h1
{
    margin: 0;
    font-size: 48px;
}

.equipe > ul > li > div:not(.bio) > p
{
    margin: 0;
    font-weight: 100;
    font-size: 24px;
}

.equipe img
{
    justify-self: center;
    align-self: center;
    max-height: 400px;
    max-width: 400px;
    object-fit: cover;
    background-color: #555;
    transition: .2s;
    width: 100%;
}

@media (min-width: 992px)
{
    .equipe > ul > li:nth-of-type(even) > .bio
    {
        order: 1;
        text-align: right;
    }

    .equipe > ul > li:nth-of-type(even) > img
    {
        order: 2;
    }
}

.bio
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    color: var(--cor-terciaria);
    text-shadow: 0 0 5px var(--cor-terciaria);
}

.bio *
{
    margin: 0;
}

.bio > h1
{
    margin-bottom: 40px;
}

.bio > p:first-of-type
{
    font-size: 24px;
}

.bio > p:not(:first-of-type)
{
    margin-bottom: 20px;
    text-shadow: none;
}

.bio > p
{
    font-size: 16px;
    font-weight: 400;
}

.bio > p:last-of-type
{
    margin-bottom: 0;
}

.atribuicoes
{
    padding: 20px;
    list-style-type: none;
    background-color: #555;
    width: calc(50% - 10px);
}

.atribuicoes > *
{
    color: var(--cor-terciaria);
}

.facebook-iframe
{
	height: 600px;
	width: 600px;
	margin: 0;
}
.instagram-media
{
	min-width:100%!important
}
@media (max-width:449px)
{
  	.facebook-iframe
  	{	
	  display: none;
	}
}

.fb-page
{
	height: 745px;
	width: 600px;
	border-radius: 4px;
}

.fb_iframe_widget span
{
	width:600px !important;
	height: 745px !important;
}

.missao-visao-valores > ul
{
    text-align: center;
    list-style-type: none;
    margin-bottom: 100px;
}

.missao-visao-valores > ul > li > h1
{
    font-weight: 100;
    margin-bottom: 20px;
}

.missao-visao-valores > ul > li > p
{
    padding: 0 50px;
}

.missao-visao-valores > ul > li
{
    color: var(--cor-terciaria);
}

.missao-visao-valores > ul > li > div
{
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.missao-visao-valores > ul > li:nth-of-type(1) > div
{
    background: url("../docs/icon_missao.svg") center/contain no-repeat;
}

.missao-visao-valores > ul > li:nth-of-type(2) > div
{
    background: url("../docs/icon_visao.svg") center/contain no-repeat;
}

.missao-visao-valores > ul > li:nth-of-type(3) > div, .icone-valores
{
    background: url("../docs/icon_valores.svg") center/contain no-repeat;
}

.icone--incentivo {
    background: url("../docs/icon_incentivo.svg") center/contain no-repeat;
}

.missao-visao-valores > ul
{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
}

@media (min-width: 992px)
{
    .missao-visao-valores > ul
    {
         grid-template-columns: 1fr 1fr 1fr;
    }
}

.icone-pagina
{
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.icone-calendario
{
    background: url("../docs/icon_calendario.svg") center/contain no-repeat;
}

.invisivel
{
    display: none;
}

.icone-carta
{
    background: url("../docs/icon_carta.svg") center/contain no-repeat;
}

.icone-espaco-cultural
{
    background: url("../docs/icon_cultura-geral.svg") center/contain no-repeat;
}

.icone-lampada
{
    background: url("../docs/icon_economia-criativa.svg") center/contain no-repeat;
}

.contato
{
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
}

@media (min-width: 992px)
{
    .contato
    {
        width: 500px;
    }
}

.contato > input , .contato > select
{
    height: 30px;
}

.contato > select
{
    -webkit-border-radius: 0;
    background: none;
    color: #777;
    scrollbar-width: initial;
}

.contato > *:not(button)
{
    border-bottom: 1px solid var(--cor-terciaria);
}

.contato > input , .contato > textarea
{
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background: none;
    color: var(--cor-terciaria);
    padding-left: 4px;
}

.contato > input::placeholder , .contato > textarea::placeholder , contato > select::placeholder
{
    color: #777;
}

.contato > textarea
{
    height: 150px;
    resize: none;
    overflow-y: scroll;
}

.contato > button
{
    height: 50px;
    width: 50%;
    margin-top: 20px;
    text-align: center;
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria));
    justify-self: end;

}

.contato > button:hover
{
    cursor: pointer;
    text-shadow: 0 0 5px var(--cor-terciaria);
}

#contato
{
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px)
{
    #contato
    {
        align-items: center;
    }
}

#contato > div:nth-child(2)
{
    width: 100%;
}

.localizacao-mapa
{
    width: 100%;
}

.localizacao-mapa > iframe
{
    width: 100%;
    height: 100vh;
}

.endereco-completo
{
    margin: 0;
    color: var(--cor-terciaria);
    font-weight: 100;
}

.titulo-portal
{
    padding: 5px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    background-color: #108185;
    color: var(--cor-terciaria);
}

.icone-artigo
{
    background: url("../docs/icon_artigo.svg") center/contain no-repeat;
}

.titulo-portal-economia-criativa
{
    background-color: var(--cor-secundaria);
}

.artigos-lista > .artigo:not(:last-of-type)
{
    margin-bottom: 20px;
}

.artigos-lista > .artigo
{
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px)
{
    .artigos-lista > .artigo
    {
        flex-direction: row;
    }
}

.artigos-lista > .artigo > .imagem-titulo
{
    position: static;
    height: 200px;
}

.artigos-lista > .artigo > .imagem-titulo::after
{
    content: none;
}

.icon-globo
{
    background: url("../docs/icon_jornal.svg") center/contain no-repeat;
}

.lista-categorias
{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
    list-style-type: none;
    background-color: #55555580;
}

@media (min-width: 992px)
{
    .lista-categorias
    {
        flex-direction: row;
        justify-content: space-evenly;
        height: 50px;
    }
}

.lista-categorias > li
{
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    transition: .2s;
}

.lista-categorias > li:hover
{
    text-shadow: 0 0 5px #FFF;
}

.lista-categorias > li > a , .lista-categorias > li > a:visited , .lista-categorias > li > a:hover
{
    color: var(--cor-terciaria);
}

.lista-categorias > li > a:hover
{
    text-decoration: none;
}

.selected
{
    background-color: var(--cor-primaria);
}

.banner-pequeno
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 80px;
    background: linear-gradient(90deg, var(--cor-primaria) , var(--cor-secundaria));
    font-weight: 100;
}

.banner-pequeno.amarelo {
    background: linear-gradient(90deg, #B89D04, #857103);
}

.banner-pequeno , .banner-pequeno:visited , .banner-pequeno:hover
{
    color: var(--cor-terciaria);
}

.banner-pequeno:hover
{
    text-decoration: none;
}

.banner-pequeno > div
{
    padding: 20px;
    text-align: center;
}

.banner-pequeno > div > span
{
    font-weight: 400;
    text-shadow: none;
}

.contato-amarrador
{
    display: grid;
    grid-gap: 100px 40px;
    margin-bottom: 50px;
}

@media (min-width: 768px)
{
    .contato-amarrador
    {
        grid-template-columns: 1fr 1fr;
    }
}

.modal
{
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0 auto;
    background-color: #333333E6;
    overflow-y: auto;
    transform: translateY(-50%);
}

.botao-fechar
{
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url("../docs/icon_xis.svg") center/cover no-repeat;
    transition: .2s;
}

.botao-fechar:hover
{
    cursor: pointer;
    transform: scale(1.1);
}

.botao-fechar:active
{
    transform:  scale(0.95);
}

.modal > div
{
    margin-top: 50px;
}

@media (min-width: 992px)
{
    .modal > div
    {
        margin-top: 0;
        /* transform: translateY(50%); */
    }
}

.modal > div > h1
{
    font-weight: 100;
    color: #FFF;
    text-align: center;
    margin-bottom: 50px;
}

.modal > div > p
{
    color: #FFF;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.slider-container
{
    display: none;
}

@media (min-width: 768px)
{
    .slider-container
    {
        display: initial;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}

@media (min-width: 768px)
{
    .slider-noticia
    {
        display: flex;
        margin-bottom: 0;
        background: #00000080;
        height: 80px;
    }
}

.slider-noticia > li
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    list-style: none;
}

.slider-noticia > li:hover
{
    cursor: pointer;
}

.slider-noticia > li:not(:first-of-type)
{
    border-left: 1px solid #77777780;
}

.slider-noticia > li:not(:last-of-type)
{
    border-right: 1px solid #33333380;
}

.slider-noticia > li > a
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 100%;
    height: 100%;
}

.slider-noticia a:visited
{
    color: var(--cor-terciaria);
}

.slider-noticia a:hover
{
    color: var(--cor-terciaria);
    text-decoration: none;
}

.slider-noticia h1
{
    margin: 0 20px;
    font-size: 24px;
    color: var(--cor-terciaria);
    text-shadow: 0 0 5px #FFF;
    text-align: center;
}

.button-play
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50% -50%);
    background: url("../docs/icon_play_cinza.svg") center/contain no-repeat;
    opacity: .5;
}

.button-play:hover
{
    cursor: pointer;
    background: url("../docs/icon_play.svg") center/contain no-repeat;
    opacity: 1;
}

.share-menu
{
    display: none;
    position: fixed;
    flex-direction: column;
    z-index: 30;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media (min-width: 768px)
{
    .share-menu
    {
        position: fixed;
        display: flex;
        flex-direction: column;
        z-index: 30;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

.share-buttons
{
    width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    left: -200px;
    margin: 0;
    list-style: none;
    transition: .2s;
    z-index: -1;
}

.share-buttons > li
{
    box-shadow:  0 0 10px 0 #0000001A;
}

.share-buttons > li:not(:last-of-type)
{
    margin-bottom: 5px;
}

.share-buttons > li > a
{
    display: block;
    width: 36px;
    height: 36px;
}

.share-button
{
    width: 36px;
    height: 36px;
    margin-bottom: 5px;
    background: url("../docs/icon_share.svg") center/contain no-repeat;
    box-shadow:  0 0 10px 0 #0000001A;
}

.share-buttons > li:nth-of-type(3) > a
{
    background: url("../docs/icon_whatsapp.svg") center/contain no-repeat;
}

.share-button:hover
{
    cursor: pointer;
}

.share-menu:hover > .share-buttons
{
    left: 0;
    width: auto;
}

.conteudo .lista-estilizada
{
    list-style: disc inside;
}

.container-404
{
    margin: 120px 0;
}

.container-404 > .titulo-404
{
    margin: 0;
    font-size: 128px;
}

@media (min-width: 768px)
{
    .container-404 > .titulo-404
    {
        font-size: 256px;
    }
}

.container-404 > .subtitulo-404
{
    margin: 0 auto;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: var(--cor-terciaria);
}

.container-404 > .descricao-404
{
    margin: 0 auto;
    text-align: center;
    color: var(--cor-terciaria);
}

.calendario
{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 250px;
    grid-gap: 20px;
    list-style: none;
}

@media (min-width: 768px)
{
    .calendario
    {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.calendario > .evento
{
    position: relative;
    width: 100%;
    height: 100%;
}

.calendario > .evento:nth-of-type(even) > .evento-info
{
    background-color: var(--cor-primaria);
}

.calendario > .evento:nth-of-type(odd) > .evento-info
{
    background-color: var(--cor-secundaria);
}

.calendario > .evento > .evento-info
{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0;
    color: var(--cor-terciaria);
    opacity: 0;
    transition: .2s;
}

.evento-info > p
{
    text-align: center;
}

.evento-info > h1
{
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.evento > .evento-imagem
{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.evento:hover > .evento-info , .evento:active > .evento-info
{
    opacity: 1;
}

.calendario > .evento > p.evento-data
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #000;
    color: var(--cor-terciaria);
    font-weight: 400;
}

.subcoluna
{
    display: grid;
    grid-gap: 20px;
    margin-bottom: 50px;
}

@media (min-width: 768px)
{
    .subcoluna
    {
        grid-template-columns: 1fr 1fr;
    }
}

.subcoluna > *
{
    height: 400px;
    margin-bottom: 50px;
}

.subcoluna div
{
    height: 100%;
    background-color: purple;
}

.hero__slider
{
    display: flex;
	max-width: 100vw;
    width: 100%;
    height: 100%;
    overflow: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.hero__slider > li
{
    position: relative;
}

.hero__slider > *
{
	max-width: 100vw;
    width: 100%;
    flex: 1 0 auto;
    overflow: hidden;
    scroll-snap-align: start;
}

.hero__slider img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoom-out 5s linear;
}

.hero__slider li::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(transparent , #000);
}

@keyframes zoom-out
{
    from
    {
        transform: scale(1.2);
    }

    to
    {
        transform: none;
    }
}

.button--slider
{
    display: initial;
    position: absolute;
    z-index: 100;
    top: 50%;
    width: 32px;
    height: 32px;
    background-color: purple;
    cursor: pointer;
}

.slider--left
{
    left: 20px;
    background: url("../docs/arrow_left.svg") center/contain no-repeat;
}

.slider--left:hover
{
    transform: scale(1.2);
}

.slider--left:active
{
    transform: none;
}

.slider--right
{
    right: 20px;
    background: url("../docs/arrow_right.svg") center/contain no-repeat;
}

.slider--right:hover
{
    transform: scale(1.2);
}

.slider--right:active
{
    transform: none;
}

.slider__mapa
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: url("https://s1.1zoom.me/big0/418/Brazil_Houses_Rivers_499151.jpg") center/cover no-repeat;
}

.mapa-rj
{
    position: relative;
    top: 20px;
    width: 400px;
}

@media (min-width: 768px)
{
    .mapa-rj
    {
        width: 600px;
    }
}

.regioes
{
    position: relative;
    top: 20px;
    list-style: none;
    font-size: 32px;
    color: #999;
    font-weight: 700;
}

.regioes > li
{
    transition: .2s;
}

.regioes > li:hover
{
    cursor: pointer;
    color: #FFF;
}

.branco
{
    color: #FFF;
}

object
{
    width: 1080px;
    height: 1080px;
}

#organograma
{
    margin: 0 auto;
}

.grafico
{
    margin-top: 120px;
}

.grafico > svg
{
    margin: 0 auto;
}

.economia-criativa__infografico
{
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
    height: auto;
}

.slider__wrapper
{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    padding: 80px;
    width: 60%;
}

@media screen and (max-width: 768px)
{
    .slider__wrapper
    {
        width: 100%;
    }
}

.slider__wrapper > h1
{
    color: #FFF;
    font-size: 48px;
    font-weight: 900;
    text-shadow: 0 0 5px #000;
}

.slider__wrapper > p
{
    color: #FFF;
    font-size: 24px;
    text-shadow: 0 0 5px #000;
}

@media screen and (max-width: 768px)
{
    .slider__wrapper > h1
    {
        font-size: 24px;
    }

    .slider__wrapper > p
    {
        font-size: 16px;
    }
}

.slider__wrapper > .slider__cta
{
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(90deg , var(--cor-primaria) , var(--cor-secundaria));
    color: #FFF;
    text-align: center;
    transition: .2s;
}

.slider__cta , .slider__cta:visited , .slider__cta:link , .slider__cta:hover
{
    text-decoration: none;
}

.slider__wrapper > .slider__cta:hover
{
    text-shadow: 0 0 5px var(--cor-terciaria);
}

.conteudo li.projeto:not(last-of-type)
{
    margin-bottom: 20px;
}

.projeto__resumo
{
    margin-bottom: 10px;
}

.apresentacao {
    color: #FFF;
}

ol p, ol h1 {
    display: inline;
}

.outras-plataformas {
    display: flex;
    background: linear-gradient(#286070, #35879e);
    padding: 20px;
}

.outras-plataformas div {
    padding: 0;
}

.outras-plataformas p {
    align-self: center;
    margin: 0;
    margin-right: 20px;
}

.marcacao--romano {
    list-style-type: upper-roman;
}

.marcacao--interna {
    list-style-position: inside;
}

.texto-branco {
    color: #FFF;
}

.marcacao--disc {
    list-style-type: disc;
}

.countdown-info {
    text-align: center;
    color: #FFF;
}

#countdown-display {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    font-family: monospace;
    color: #FFF;
}

@media (min-width: 768px) {
    #countdown-display {
        font-size: 84px;
    }
}

.button--floating {
    width: 50px;
    height: 50px;
    z-index: 30;
    position: fixed;
    border-radius: 50%;
    right: 50px;
    bottom: 50px;
    background: var(--cor-secundaria);
    cursor: pointer;
    transition: .2s;
}

.button--floating:hover {
    transform: translateY(-10px);
}

form optgroup, form option:not(:disabled) {
    color: #000;
}

form * {
    width: 100%;
}

.searchform *
{
	width: inherit!important;
}

.page-numbers
{
	color: var(--cor-primaria)
}

.cards {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
}

.cards li {
    height: 300px;
    list-style: none;
}

.card {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: .2s;
}

.card:hover {
    transform: scale(1.025);
}

.card, .card:hover, .card:visited {
    text-decoration: none;
    color: #FFF;
}

.card__title {
    display: block;
    background-color: #B89D04;
    flex: 1;
}

.card__footer {
    min-height: 40px;
    padding: 10px;
    background-color: #857103;
}

.card__icon {
    position: absolute;
    opacity: .2;
}

.icon--fight {
    width: 300px;
    height: 300px;
    background: url("../docs/icon_fight.svg") center/contain no-repeat;
    transform: translate(40px, -80px);
}

.icon--mail {
    width: 200px;
    height: 200px;
    background: url("../docs/icon_mail.svg") center/contain no-repeat;
    transform: translate(80px, 0);
}

a[title='Ouvidoria'] + ul {
    right: 0;
    left: auto;
}

.grade {
    display: grid;
    grid-auto-flow: row;
    margin-top: 20px;
}

.grade__titulo {
    margin: 0;
    font-weight: 700;
}

.grade li {
    border: 1px solid var(--cor-quaternaria);
    padding: 10px;
    margin: 0;
    width: 100%;
    height: 100%;
}

.conteudo .grade li:not(:last-of-type) {
    margin: 0;
}

@media (min-width: 768px) {
    .grade {
        grid-auto-flow: initial;
        grid-template-columns: repeat(2, minmax(200px, 300px));
        grid-auto-rows: 80px;
    }

    .grade__titulo {
        text-align: right;
    }
}

.wp-block-file {
    font-size: 20px;
}

.banner-pequeno a.ver-mais--raw {
    color: #FFF;
}

.banner-pequeno a.ver-mais--raw:hover {
    background: transparent;
    color: #FFF;
    text-decoration: underline;
}

.player-radio{
	width: 100%;
	height: 50%;
	align-content: center;
}
#lupa:before
{
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 20;
	color:#fff;
    font: normal 30px/1 dashicons!important;
    content: "\f179";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#lupa{
	width:40px!important;
	height:38px!important;
}
@media screen and (max-width: 767px)
{
	.fb-page
	{
		height: 745px;
		max-width: 100vw !important;
		width: 100% !important;
		border-radius: 4px;
		padding-left: 0!important;
	}
	.facebook-iframe
	{
		max-width: 100vw !important;
		width: 100%;
	}
	.fb_iframe_widget span
	{
		max-width: 100vw !important;
		width: 100% !important;
		overflow-x: scroll;
	}
}