/* Footer CSS */

.bottom-bar {
    background-color: #fff;
}

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

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

.bottom-bar a {
    color: #000;
    font-weight: 400;
}

/*  -  */

#footer {
    background-color: #9c9e86;
}

#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 #555;
    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;
    color: var(--colour3);
}

#footer h2 {
    color: var(--colour3);
}

#footer p,
#footer a {
    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: var(--colour3);
}

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

/* - */