footer {
    text-align: unset !important;
    padding: 0!important;
    /*color: rgba(29, 34, 40, 0.5) !important;*/
}

footer *:not(i){
    font-family: "Yahoo Sans", Helvetica, Arial, sans-serif !important;
}

footer .section{
    padding: 3rem 1.5rem !important;
    background-color: #f0f3f5!important;
}

footer .columns{
    justify-content: center !important;
    display:flex;
}
footer .columns.is-variable{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
}

footer .foot-link-block a:hover {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color:black !important;
}

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


footer .foot-link-block a,
.copy-right {
    font-size: 14px !important;
    color:  rgba(29, 34, 40, 0.5) !important;
    white-space: nowrap;
    line-height: 26px !important;
}
footer .copy-right {
    font-size: 12px !important;
}

footer .foot-link-block > span {
    font-size: 14px !important;
    color: #1d2228 !important;
    font-weight: bold;
    border: none !important;
    line-height: 26px !important;
}
footer .nav-brand.is-block{
    width: 94px !important;
    height:auto;
}


footer .columns .column{
    flex:none;
    width:18% !important;
    box-sizing: border-box;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

footer .contact-logos{
    margin-bottom:20px;
    display:flex;
    column-gap: 12px;

}
footer .contact-logos a{
    width: 28px;
    height: 28px;
    display: flex;
    position: relative;
    /*border:1px solid blue;*/
}

footer .foot-link-block.logo {
    display: flex;
    align-items: flex-end;
}

footer .contact-logos a:hover .hover-color-background{
    fill: #5207B0;
}
footer .contact-logos a:hover .hover-color-path{
    fill: #D2D3D4;
}

footer .contact-logos object {
    border:1px solid red;
    /*filter: invert(.5) sepia(1) ;*/
}
footer .foot-link-block > span {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


@media (max-width: 1200px){
    footer .columns .column{
        width:25% !important;
    }
}

footer .toggle-icon{
    display:none !important;
    font-size: 20px;
    color: rgba(29, 34, 40, .5);
}
@media (max-width: 900px){
    footer .toggle-icon{
        display: inline !important;
        float:right;
    }
    footer .clickDisplay.hideClick{
        display: none !important;
    }
    footer .clickDisplay.showClick{
        display: block !important;
    }

    footer .columns{
        display: block !important;
    }
    footer .columns .column{
        width: 100% !important;
        border-bottom: 1px solid rgba(0,0,0, 0.2) !important;
    }


    footer .logo{
        margin-top: 20px;
    }

}