footer {
    background:var(--grey);
    display:flex;
    align-items: center;
    flex-direction: column;
}

footer .skip-to-top {
    position:absolute;
    color:var(--grey);
    background:var(--gold);
    padding:0.5rem 1rem;
    box-shadow: var(--shadow);
    border-radius: 1rem;
    z-index:1000;
    opacity: 0;
    transition:opacity 0.3s ease-out;
}

footer .skip-to-top:focus {
    opacity: 1;
}

.footCont {
    width:100%;
    padding:2.5rem 6.25rem 1.25rem;
    max-width:53.125rem;
    margin:0 auto;
}

.logo-socials {
    margin-bottom:1.25rem;
    display:flex;
    justify-content: space-between;
    width:100%;
}

.footCont .logoCont {
    width:9.375rem;
}

.footCont .logoCont svg {
    width:100%;
    filter: drop-shadow(var(--shadow));
    -webkit-filter: drop-shadow(var(--shadow));
}

.footCont .socials {
    display:flex;
    align-items: flex-end;
    gap:0.25rem;
}

.footCont .linkCont {
    display:flex;
    justify-content: space-between;
    color:var(--white);
    padding-bottom:0.4375rem;
}
.footCont .linkCont h3 {
    border-bottom:solid 1px var(--gold-acnt);
    padding-bottom:0.25rem;
    margin-bottom:0.3125rem;
    color:var(--blue-ow);
    text-shadow:rgba(0, 0, 0, 0.15) 0 2px 4px;
}

.footCont .linkCont a {
    display:block;
    color:var(--white);
    text-decoration:none;
    margin-bottom:0.3125rem;
    position:relative;
    transition:text-shadow 0.3s;
    text-shadow:rgba(0, 0, 0, 0.15) 0 2px 4px;
}

.footCont .linkCont button {
    display:block;
    color:var(--white);
    background:none;
    font-size:inherit;
    border:none;
    text-decoration:none;
    margin-bottom:0.3125rem;
    position:relative;
    transition:text-shadow 0.3s;
    text-shadow:rgba(0, 0, 0, 0.15) 0 2px 4px;
}

.footCont .linkCont button:hover,
.footCont .linkCont button:focus {
    cursor:pointer;
    text-shadow:var(--gold-glow);
}
.footCont .linkCont a:hover,
.footCont .linkCont a:focus {
    text-shadow:var(--gold-glow);
}

.footCont .linkCont .cta-footer {
    font-weight:500;
    text-shadow: var(--gold-glow);
}

/* .footCont .pp-tc {
    border-top:1px solid var(--gold-acnt);
    padding-top:0.625rem;
    margin-top:0.625rem;
    padding-bottom:0.5625rem;
    display:flex;
    justify-content: space-around;
}
.footCont .pp-tc a {
    color:var(--white);
    text-decoration:none;
    transition:text-shadow 0.3s;
    text-shadow:rgba(0, 0, 0, 0.15) 0 2px 4px;
} */

.footCont .copyright {
    border-top:1px solid var(--gold-acnt);
    padding-top:0.75rem;
    margin-top:0.25rem;
    text-align:center;
    margin-bottom:-0.5rem;
    color:var(--white);
    text-shadow:rgba(0, 0, 0, 0.15) 0 2px 4px;
}

@media screen and (max-width: 680px) {
    .footCont .linkCont {
        flex-direction:column;
    }
    .footCont .linkCont > div:not(:last-child) {
        margin-bottom:0.5rem;
    }
    /* .footCont .pp-tc {
        margin-top:1.25rem;
    } */
}

@media screen and (max-width: 525px) {
    /* .footCont .pp-tc {
        flex-direction: column;
        align-items: center;
    }
    .footCont .pp-tc a:not(:first-child) {
        margin-top:0.5625rem;
    } */
    .footCont {
        padding-inline:2rem;
    }
}