.site-social-media-mobile > a {
    padding: 12px 4% 12px 4% !important;
}

.text-align-right {
    text-align: right;
}

footer ul li a {
    color: #3e3947 !important;
}

footer ul li a:hover {
    text-shadow: #aaaaaa 0 0 1px;
}

.blc-brand {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.blc-brand p {
    display: table-cell;
    vertical-align: middle;
    padding-top: 1em;
}

.blc-brand img {
    display: block;
    margin: 0.6em auto;
    padding: 0.4em 0.6em;
}

footer ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* "Policies" footer disclosure. Native <details> (CSS-only, so it survives the
   blc:cache'd footer fragment). display:contents hoists the summary and its
   sub-list into the theme's centered inline-block footer nav (material-kit:
   `footer ul li{display:inline-block}`), so "Policies >" sits inline beside
   About Us / Contact Us and the links reveal on a full-width centered row
   below when open. */
footer .footer-policies-item,
footer .footer-policies {
    display: contents;
}

footer .footer-policies > summary {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    cursor: pointer;
    padding: 15px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #3e3947;
}

footer .footer-policies > summary::-webkit-details-marker {
    display: none;
}

footer .footer-policies > summary::after {
    content: "\203A"; /* › */
    display: inline-block;
    margin-left: 6px;
    transition: transform 0.15s ease;
}

footer .footer-policies[open] > summary::after {
    transform: rotate(90deg);
}

/* Revealed links: their own full-width, centered row below the top nav row.
   Explicit open/closed rules rather than relying on the UA details-hiding,
   which can misbehave when the <details> itself is display:contents. */
footer .footer-policies:not([open]) > ul {
    display: none;
}

footer .footer-policies[open] > ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}