footer ul {
    list-style: none;
}

/**** tarja menu rodapé ****/
#secao-menu-rodape {
    background-color: var(--cor-1); 
    padding-top: 60px;
    padding-bottom: 120px;
}

.menu-rodape, .menu-rodape .sub-menu {
    padding-left: 0;
}

.menu-fale-conosco {
    padding-bottom: 35px;
}

.menu-fale-conosco .coluna {
    flex: 0 0 100%;
    max-width: 100%;
}

.menu-fale-conosco .sub-menu {
    padding-left: 0;
    list-style: none;
}

.menu-fale-conosco a,
.menu-rodape a {
    color: var(--cor-4);
    display: inline-block;
    vertical-align: middle;
    font-size: .9rem;
}

.menu-fale-conosco a {
    color: var(--cor-1);
}

.menu-fale-conosco>li>a,
.menu-rodape>li>a {
    font-weight: 900;
    padding-bottom: 10px;
}

.menu-rodape>li>a:hover,
.menu-rodape>li>a:focus {
    text-decoration: none;
}

.menu-rodape .sub-menu li:not(:last-child) {
    padding-bottom: 7px;
}

.menu-fale-conosco .sub-menu a, 
.menu-rodape .sub-menu a {
    font-weight: normal;
    font-size: .8rem;
}

.menu-rodape .nasajon .sub-menu {
    max-width: 140px;
}

.menu-rodape .fale-conosco>a,
.menu-rodape .fale-conosco .sub-menu {
    display: block;
    float: right;
    width: 100%;
    max-width: 240px;
}

.menu-rodape .fale-conosco .sub-menu li:not(:last-child) {
    padding-bottom: 10px;
}

.menu-fale-conosco .fale-conosco .contato,
.menu-rodape .fale-conosco .contato {
    padding-top: 10px;
}

.menu-fale-conosco .fale-conosco .telvendas a,
.menu-fale-conosco .fale-conosco .whatsapp a,
.menu-rodape .telvendas a,
.menu-rodape .whatsapp a {
    font-size: 1.17rem;
    font-weight: bold;
}

.menu-rodape .telvendas a:hover,
.menu-rodape .telvendas a:focus,
.menu-rodape .whatsapp a:hover,
.menu-rodape .whatsapp a:focus {
    text-decoration: none;
}

.menu-rodape .telvendas:before,
.menu-rodape .whatsapp:before,
.menu-rodape .contato:before,
.menu-rodape .cliente:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-right: 10px;
}

.menu-rodape .destaque {
    font-weight: 600;
    text-decoration: underline;
}

.menu-rodape .telvendas:before{
    width: 16px;
    height: 16px;
    background: url(/app/themes/nasajon/img/icones/ui/fa-icn-phone-branco.svg);
    background-size: contain;
}

.menu-rodape .whatsapp:before{
    width: 17px;
    height: 19px;
    background: url(/app/themes/nasajon/img/icones/ui/marcas/fa-icn-whatsapp-branco.svg);
    background-size: contain;
}

.menu-rodape .contato:before{
    width: 17px;
    height: 17px;
    margin-bottom: -2px;
    background: url(/app/themes/nasajon/img/icones/ui/fa-icn-envelope-branco.svg);
    background-size: contain;
}

.menu-rodape .cliente:before{
    width: 15px;
    height: 17px;
    background: url(/app/themes/nasajon/img/icones/ui/fa-icn-user-branco.svg);
    background-size: contain;
}

@media screen and (max-width:823.98px){
    #secao-menu-rodape {
        display: none;
    }
}


/**** tarja infos nasajon ****/
.site-info {
    background-color: var(--cor-2);
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-info .coluna-direita {
    text-align: right;
}

@media screen and (max-width:823.98px){
    .site-info {
        padding-top: 60px;
    }

    .site-info .coluna-direita {
        margin-top: 30px;
    }

    .site-info .coluna {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
}

.site-info small, 
.site-info small a {
    color: var(--cor-4);
    font-size: .675rem;
}

.site-info small {
    display: inline-block;
    margin-top: 15px;
    line-height: 1.5;
}

.site-info small span {
    display: inline-block;
}

/* icones midias sociais */
.midias-sociais {
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle;
}

.midias-sociais li {
    display: inline-block;
    padding-right: 15px;
}

.midias-sociais li:last-child {
    padding-right: 0;
}

#secao-midias-sociais h4 {
    margin-bottom: 0;
    color: var(--cor-4);
    font-size: .8rem;
    font-weight: bold;
    display: inline-block;
}

.midias-sociais .icone {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    height: 24px;
    fill: var(--cor-4);
}

.midias-sociais .icone.face {
    height: 25px;
    padding-bottom: 2px;
}

.midias-sociais .icone svg {
    height: 100%;
    width: auto;
}