:root {
    --color-white: #fff;
    --color-black: #000;
    --color-gray: #888;
}

/* Geral */

*{
    
}

body{
    font: 16px 'Montserrat', sans-serif;
    line-height: 1.5;
}

body.page-home{
    overflow: hidden;
}

body.page-home .header{
    box-shadow: 0 .125rem .25rem rgba(255, 255, 255, .075) !important;
}

body.page-home-aprovacao{
    align-items: center;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}

body.page-home-aprovacao .header,
body.page-home-aprovacao-rolagem .header{
    box-shadow: 0 .125rem .25rem rgba(255, 255, 255, .075) !important;
}

p{
    letter-spacing: 1pt;
}

strong{
    font-weight: 500;
    letter-spacing: 1px;
}

img{
    height: auto;
    max-width: 100%;
}

/* Header */

.header{
    background: var(--color-white);
    border-bottom: 0px solid rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 20;
}

.header.sticky-menu{
    background: var(--color-white);
}

.header.position-absolute,
.page-home-aprovacao .header,
.page-home-aprovacao-rolagem .header{
    background: var(--color-black);
}

.brand img{
    max-height: 55px;
    transition: all .1s ease-in;
    width: auto;
}

.is-fixed .header{
    position: absolute;
}

.is-fixed:not(.home) .brand img{
    filter: invert(1);
    transition: all .6s ease;
}


/* Menu */

.primary-menu{
    margin-bottom: 0;
}

.primary-menu li{
    display: inline;
    list-style: none;
    padding: 0 10px;
}

body.page-home .primary-menu a,
body.home .primary-menu a,
body.page-home-aprovacao .primary-menu a,
body.page-home-aprovacao-rolagem .primary-menu a{
    color: var(--color-white);
}

.primary-menu a{
    color: var(--color-black);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

body.page-home .primary-menu a:hover,
.primary-menu .current-menu-item a,
.primary-menu a:hover{
    color: var(--color-gray);
}

/* Mobile menu */

.hamburger-menu{
    display: block;
    height: 35px;
    position: relative;
    transition: all .75s cubic-bezier(.77,0,.175,1);
    width: 60px;
    z-index: 4;
}

.hamburger-menu .inner{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0%,-50%);
}

.hamburger-menu span:first-child {
    transform-origin: 0 0;
    margin-bottom: 5px;
}

.hamburger-menu span:nth-last-child(2) {
    transform-origin: 0 100%;
    width: 22px;
    margin-bottom: 5px;
    transition: all .6s ease;
}

.hamburger-menu span{
    background: var(--color-black);
    display: block;
    height: 3px;
    opacity: .88;
    position: relative;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    width: 30px;
    z-index: 1;
}

.is-fixed .hamburger-menu:hover span,
.hamburger-menu:hover span{
    background: var(--color-gray);
    width: 30px;
}

.is-fixed .hamburger-menu span,
.home .hamburger-menu span{
    background: var(--color-white);
}

/* Fullscreen menu */

.full-screen-menu {
    position: fixed;
    top: 0;
    height: 100vh;
    min-height: 600px;
    width: 100%;
    background-color: var(--color-black);
    color: var(--color-white);
    transform: translateY(-120%);
    transition: all .4s cubic-bezier(.47,0,.745,.715);
    overflow: hidden;
    z-index: 10;
}

.is-fixed .full-screen-menu{
    transform: translateY(0);
    transition: all .4s cubic-bezier(.39,.575,.565,1);
}

.full-screen-menu ul{
    padding: 0 1em;
    width: 100%;
}

.full-screen-menu li{
    display: block;
    font-size: 1.5em;
    padding: .5rem 0;
    text-align: center;
}

.full-screen-menu a{
    color: var(--color-white);
    text-decoration: none;
} 

.full-screen-menu a:hover{
    color: var(--color-gray);
}

/* Slider */

.home-slider,
.home-slider-black{
    align-items: center;
    background-size: cover;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.home-slider{
    background: url('../images/home-escritorio.jpg') no-repeat center bottom;
}

.home-slider-black{
    background: url('../images/home-escritorio-noite.jpg') no-repeat center bottom;
}

.home-slider-black-ia{
    align-items: center;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.home-slider-black-ia{
    background: #f00 url('../images/home-escritorio-noite-ia.jpg') no-repeat center;
    background-size: cover;
}

.home-slider img{
    height: auto;
    width: 100%;
}

/* Página */

.curriculo,
.pagina,
.post{
    padding-bottom: 15px;
    padding-top: 30px;
}

.curriculo .titulo-pagina,
.pagina .titulo-pagina{
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
}

.curriculo .sublinhado,
.pagina .sublinhado,
.post .sublinhado{
    background: var(--color-gray);
    display: block;
    height: 2px;
    margin-bottom: 30px;
    width: 50px;
}

/* Informativo */

.info{
    margin-bottom: 15px;
}

.post-categories{
    font-size: .8em;
    margin: 0;
}

.post-categories li{
    background: var(--color-black);
    color: var(--color-white);
    display: inline-flex;
    list-style: none;
    margin-left: .2em;
    padding: .2em .5em;
    text-decoration: none;
}

.post-categories li a{
    color: var(--color-white);
    text-decoration: none;
}

.post-categories li:hover,
.post-categories li a:hover{
    background: var(--color-gray);
    color: var(--color-white);
}

.lista-categorias{
    padding: 0;
}

.lista-categorias li{
    background: var(--color-black);
    color: var(--color-white);
    display: block;
    list-style: none;
    margin-bottom: .3em;
    padding: .2em .5em;
}

.lista-categorias li a{
    color: var(--color-white);
    display: block;
    text-decoration: none;
}

.lista-categorias li:hover{
    background: var(--color-gray);
}

.article-image .image,
.post .image{
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 15px;
}

.article-content{
    font-size: .9em;
}

.article-content h2{
    font-size: 1.5em;
}

.article-content a{
    color: var(--color-black);    
    text-decoration: none;
}

.article-content a:hover{
    color: var(--color-gray);
}

.article-content .saiba-mais{
    background: var(--color-black);
    color: var(--color-white);
    font-size: .9em;
    padding: .5em;
}

.article-content .saiba-mais:hover{
    color: var(--color-white);
    background: var(--color-gray);
}

.post .titulo-post{
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
}

.sidebar{
    top: 0;
}

.relacionados h3{
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
}

/* Incorporações */

iframe #incorporar{
    display: none !important;
}

/* Advogados */

.curriculo h2{
    font-size: 1.5em;
}

.curriculo h3{
    font-size: 1.5em;
}

.card-advogado a{
    color: var(--color-black);;
    text-decoration: none;
}

.card-advogado .row{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.card-advogado a .botao{
    color: var(--color-white);    
}

.card-advogado h2{
    font-size: 1.5em;
    font-weight: 400;
    padding-top: 0.5em;
    text-transform: uppercase;
}

.card-advogado .botao{
    background: var(--color-black);
    padding: 10px;
    text-align: center;
    width: 100%;
}

.card-advogado .botao:hover{
    background: var(--color-gray);
    color: var(--color-black);
}

/* Footer */

.footer{
    background: var(--color-black);
    color: var(--color-white);
    width: 100%;
}

.footer .brand img{
    max-height: 70px;
}

.footer.position-absolute{
    bottom: 0;
}

.footer .telefone p,
.footer .endereco p{
    font-size: .75em;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

.copyright{
    border-top: 1px solid var(--color-white);
    font-size: 12px;
    padding: 0.5em;
    text-align: center;
}

@media screen and (max-width: 768px){
    .hamburger-menu .inner{
        right: 0;
    }

    .home-slider,
    .home-slider-black{
        background-position: right 25% bottom -40%;
        position: relative;
        z-index: 2;
    }

    .home-slider-black-ia{
        background: url('../images/home-escritorio-noite-mobile.jpg') no-repeat bottom right;
        background-size: cover;
        position: relative;
        z-index: 2;
    }

    .footer.position-absolute{
        z-index: 2;
    }

    .footer .logo{
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 1367px){
    .page-contato .footer,
    .category .footer{
        bottom: 0;
        position: absolute;
    }
}