/* Robot - Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer
{
        display: block;
        background-color: var( --colour1 );
        padding-top: 64px;
}

@media( min-width: 992px )
{
        #footer
        {
            display: grid;
        }
}

#footer h3
{
	color: #252525;
	font-family: var( --unique-font );
}

#footer p
{
	color: #ccc;
}

#footer .workspace
{
        width: 100%;
}

#footer-inner
{
        padding: 20px;
        justify-content: center;
}

.footer-element
{
        display: grid;
        justify-content: center;
        align-content: start;
        grid-gap : 8px;

}

.footer-element i, .footer-element svg
{
        justify-self: center ;
        color: #fff!important;
        font-size: 30px;

        border: solid 4px;	
        padding: 16px;
        border-radius: 20px;
        margin-bottom: 8px;
}

.footer-element h2
{
        justify-self: center ;
        color: #fff!important;
        font-family: var( --unique-font );
        font-size: 30px;
        font-weight: 500;
}

.footer-element p
{
        justify-self: center ;
        color: #fff!important;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
}

.footer-socials
{
        display: grid;
        grid-gap: 24px;
        justify-content: center;
        align-content: center;
        margin-bottom: 32px;
}

.footer-socials a
{
        color: var( --colour1 );
        grid-row: 1;
        font-size: 19px;
        background: #fff;
        border-radius: 64px;
        align-self: center;
        width: 32px;
        height: 32px;
        justify-content: center;
        align-content: center;
        display: grid;	
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#bottom-bar
{
        display: grid;
        grid-row: 2;
        grid-column: 1 / span 3;
        background-color: #111;

        background-color: color-mix(in lab, var( --colour1 ), #fff 20%); 
        filter: saturate(130%);
        
        justify-content: center;
        padding: 18px 0;
}

#bottom-bar p
{
        color: #fff;
        text-decoration: none;
}

#bottom-bar a
{
        color: #fff;
        text-decoration: none;
}