/* HEADER STYLES */

header.home {
    position:absolute;
    top:auto;
    bottom: 6.2rem;
    left:0px;
    min-height:auto;
    width:100%;

    background-color: transparent;

    z-index:1000;
}

#contentContainer.home {
   margin-top: 0px; /*para compensar o header fixo*/
}

header.home .top-bar {

    background-color: transparent;
    min-height: 5.0rem;
}




header.home .top-bar .community {
    min-height: 5.0rem;
    width: auto;
    background-color: var(--orange);
    border: 3px solid var(--orange);
}

header.home .nav-bar .logo,
header.home .nav-bar .shadow,
header.home .top-bar  {
    display: none !important;
}

header.home .top-bar .row > div {
    -ms-flex-pack:end!important;
    justify-content:flex-end!important
}


header.home .nav-bar {
    background-color: transparent;
    padding-top: 0.0rem;
   /* height: 8.4rem; */
    height: auto;
    padding-bottom: 0.0rem;
}

header.home #menu,
header.home .action-bar {
    margin-bottom: 1.0rem;
    margin-top: 1.0rem;
}

header.home #menu li {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

@media (max-width: 575px) {
    header.home {
        top: 0;
        bottom: auto;
        min-height: unset;
    }
    header.home .top-bar {
        background-color: var(--brown-bar);
        display: block !important;
    }

    header.home .top-bar .row > div {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important;
    }


    #contentContainer.home {
        margin-top: 61px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    header.home {
        top: 0;
        bottom: auto;
        min-height: unset;
    }
    header.home .top-bar {
        background-color: var(--brown-bar);
        display: block !important;
    }

    header.home .top-bar .row > div {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important;
    }

    #contentContainer.home {
        margin-top: 74px;
    }
}




@media (min-width: 768px) and (max-width: 991px) {

    header.home .nav-bar {
     /*   height: 7.0rem; */
    }

    header.home .action-bar .text-button,
    header.home .action-bar .button.white a,
    header.home #menu a {
        font-size: 1.2rem;
    }

    header.home .action-bar .button.white {
        height: 4.2rem;
        padding: 0.0rem 0.5rem;
        margin-left: 0.5rem;
    }

    header.home .action-bar .button.white {

        border: 2px solid  var(--orange);
    }

}


@media (min-width: 992px) and (max-width: 1199px) {

    header.home #menu a {
        font-size: 1.2rem;
        min-height: 4.3rem;
        padding: 1.2rem 0.8rem;
    }


    header.home #menu li {
        margin-left: 0.2rem;
        margin-right: 0.2rem;
    }

    header.home .action-bar {
        margin-left: 0.2rem;
    }

}