/* Footer CSS */

.bottom-bar {
    background: #7C5126;
    background: linear-gradient(90deg, rgba(124, 81, 38, 1) 0%, rgba(203, 182, 137, 1) 53%, rgba(247, 243, 205, 1) 100%);
}

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

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

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

/*  -  */

#footer {
    background-color: #D8C6BA;
}

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

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

/* - */

#footer .footer-box-content .element {
    border-bottom: 1px solid #7c5126;
    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: #c8c8c8;
}

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

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

/* - */