footer {
    margin-top: 0;
    position: relative;
    &::before { 
        content: ''; display: block;
        position: absolute; left: 0; top: 0;
        width: 100%; height: 100%;
        box-shadow: 0 -1px 0 0 #3EB8E933, 0 0px 84px 12px #3EB8E977; 
    }
    nav,
    .wp-social-link,
    .wp-block-site-logo .custom-logo-link .custom-logo {
        color: #BFE2F6 !important;
        /* filter: drop-shadow(0 0 6px #4782C4aa) drop-shadow(0 0 10px #64a4eeaa); */
    }
    .footer-copy { border-top: 1px solid #444; padding: 1em;}
    .footer-copy p { font-size: 14px; font-weight: 400;}
    .footer-copy a:hover { color: #3EB8E9; }
}
footer .back-to-top {
    position: absolute;
    right: max( 1em, calc((100% - 1400px)/ 2)); top: -17px;
    width: 32px; height: 32px;
    rotate: 45deg;
    background: #3EB8E9;
    box-shadow: 0 0 0 2px #cbe6f1;
    &::after {
        display: inline-block;
        width: 100%;
        height: 100%;
        rotate: -45deg;
        scale: 80%;
        vertical-align: -0.125em;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='square' stroke-width='2' d='M17.5 10.5L12 5l-5.5 5.5M12 6.25v13'/%3E%3C/svg%3E");
    }
    &:hover { 
        cursor: pointer;
        background: #002B4E;
    }
} 
.footer-para { color: #BFE2F6 !important; max-width: 564px; }

@media screen and (max-width: 600px) {
    footer > div > div { flex-direction: column; gap: 3em !important; margin-top: 3em !important; margin-bottom: 3em !important; }
    footer > div > div > div { flex-direction: column; gap: 3em !important; }
    footer nav ul {
        flex-direction: column !important;
    }
    footer .footer-copy p {
        text-align: center;
        font-size: 12px;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    footer .custom-logo-link {
      	margin-bottom: 3em;
    	display: flex !important;
    	justify-content: center;
    }
    footer .footer-para { text-align: center; }
}