:root {
    --footer-padding:  20px;
}

.footer-panel {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--top-menu-color);
    padding-bottom: 15px;
    padding-top: 20px;
}

.footer-block {
    width: calc(25% - calc(var(--footer-padding) * 2));
    min-width: 150px;
    align-content: baseline;
    text-align: left;
    padding-left: var(--footer-padding);
    padding-right: var(--footer-padding);
    font-family: bahn, FiraSans, Arial, Jost, Tahoma, helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    color: var(--menu-text-color);
}

.footer-block-add {
    font-size: 19px !important;
    text-shadow: 3px 3px 5px rgb(86, 81, 81);
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin-right: 0;
    margin-left: auto;
} 

.footer-block-add div {
    position: relative;
    z-index: 999;
    padding: 8px 10px;
    border-bottom: 3px rgba(0,0,0,0) solid;
    width: 100%;
} 

.footer-block-add div a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.footer-block-add div:link {
    border-color: var(--menu-text-color);
}

.footer-block-add div:hover {
    border-color: var(--menu-text-color);
    cursor: pointer;
}

.footer-block table {
    margin-right: 0;
    margin-left: auto;
    display: table;
    bottom: 2px;
    z-index: 999;
    font-size: 19px !important;
    text-shadow: 3px 3px 5px rgb(86, 81, 81);
}

.footer-block td {
    position: relative; /*Make it relative to td*/
    padding: 8px 10px;
    border-bottom: 3px rgba(0,0,0,0) solid;
    color: var(--menu-text-color);
}

.footer-block td a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.footer-block td:link {
    border-color: var(--menu-text-color);
}

.footer-block td:hover {
    border-color: var(--menu-text-color);
    cursor: pointer;
}

.footer-block-socky {
    /*
    align-content: end;
    */
    align-content: baseline;
}

.footer-block-socky td {
    border-bottom: 0;
    padding: 8px 10px;
}

.footer-info {
    ---font-family: FiraSans, Calibri, Verdana, Arial, Helvetica, Sans-serif, serif;
    font-size: 11px; 
    color: rgb(148, 148, 148); 
    text-align: left;
    padding: 4px 0px;
    line-height: 1em;
}

@media only screen and (max-width: 1060px) {
    .footer-block { 
        ---width: calc(50vw - calc(var(--footer-padding) * 2)) !important;
        width: 50vw;
        min-width: 50vw;
    }
}

@media only screen and (max-width: 530px) {
    .footer-block { width: 100% !important;}
}

@media only screen and (max-device-width: 480px) {
    .footer-panel { flex-direction: column-reverse; }

    .footer-block-add {
        flex-direction: inherit;
        width: 100%;
        font-size: 38px !important;
        margin: 30px 0;
    }

    .footer-block-add div {
        padding: 15px 30px;
        margin-right: auto;
        text-align: center;
        border-bottom: 0;
    }

    .footer-block { 
        width: 100% !important;
        font-size: 32px;
    }

    .footer-block-socky td { padding: 15px 30px; }
    .footer-block-socky img { width: 120px; }
    .footer-block-socky table { margin-right: auto; margin-left: auto; }

    .footer-info { font-size: 19px; }
    .footer-link-admin { display: none; }
    .footer-nav { display: none; }
}