/* 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: rgb( 0, 0, 0);
    font-weight: 400;
}

/*  -  */

#footer
{
    background-color: #e4e0dd;
}

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

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

/* - */

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

#footer p {
    color: #000;
}

/*  -  */

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

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

/* - */