/* Footer CSS */

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

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

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

.bottom-bar a {
    color: var(--colour1);
    font-weight: 400;
}

/*  -  */

#footer {
    background: #EC1E17;
    background: linear-gradient(90deg, rgba(236, 30, 23, 1) 0%, rgba(224, 20, 103, 1) 34%, rgba(249, 117, 9, 1) 75%, rgba(249, 157, 6, 1) 100%);
}

#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: #c8c8c8;
}

/*  -  */

#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: #c8c8c8;
}

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

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

/* - */