/* Footer CSS */

.bottom-bar {
    background-color: #0b0b0b;
}

.bottom-bar .workspace {
    justify-content: center;
    padding: 8px 0;
}

.bottom-bar p {
    color: #D1D1D1;
}

.bottom-bar a {
    color: rgb(68, 68, 68);
    font-weight: 400;
}

/*  -  */

#footer {
    background-color: #333333;
}

#footer .workspace {
    padding-top: 16px;
}

#footer .footer-box {
    display: grid;
    align-self: center;
    border: solid 1px;
    border-top: none;
    color: #fff;
}

/* - */

#footer .footer-box-content .element {
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
}

.footer-box-content p,
.footer-box-content a {
    overflow-wrap: anywhere;
}

#footer .footer-box-content .element:last-of-type {
    border: none;
}

.footer-item {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 12px;
}

#footer h4 {
    font-weight: 400;
}

#footer p {
    color: #fff;
}

/*  -  */

#footer .footer-box-top {
    display: grid;
    grid-template-columns: 32px max-content auto;
    grid-gap: 16px;
}

#footer .footer-box-line {
    border-top: 1px solid;
}

#footer .footer-box-top h2 {
    margin-top: -16px;
}

#footer .footer-box-content {
    padding: 0px 32px 24px;
}

.dark .box {
    color: #fff;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark a {
    color: #fff;
}

.dark p,
dark li {
    color: #fff;
}

/* - */