/* Shared by the design-journal pages (case00x-*.html). */

body, html, main, #content-block {
    background-color: #fff !important;
    background: #fff !important;
}
body {
    opacity: 1 !important;
}
#root { margin-top: -10px; }
@media (max-width: 767px) { #root { padding-top: 90px; } }
.back-to-top::after { display: none !important; }

#header, .header-main { background-color: #fff !important; }
header, header.scrolled.open, header.scrolled.scrolled-up { background: #fff !important; border-bottom: none !important; box-shadow: none !important; }
header .header-main.header-mobile { background: #fff !important; }
nav .menu a { color: #222 !important; text-shadow: none !important; font-weight: 400; letter-spacing: 0.5px; }
header .header-logo img, header .header-logo svg image { filter: brightness(0) saturate(100%) invert(78%) sepia(9%) saturate(210%) hue-rotate(353deg) brightness(95%) contrast(86%) !important; }
.burger-button div span { background-color: #222 !important; }
#footer, #footer p, #footer a, #footer i { color: #c0b7b0 !important; }
#footer { border-top: 1px solid #c0b7b0 !important; background: #fff !important; }
#footer img { filter: brightness(0) saturate(100%) invert(78%) sepia(9%) saturate(210%) hue-rotate(353deg) brightness(95%) contrast(86%); }
#footer .social a, #footer .social-icon a { border-color: #c0b7b0 !important; }
#footer .fa-brands { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }

/* Footer 3-column layout overrides */
#footer .social { justify-content: flex-end !important; }
#footer .footer-icon { display: flex; justify-content: center; }
@media (max-width: 767px) {
    #footer .social { justify-content: center !important; margin-top: 15px !important; }
    #footer .text-end { text-align: center !important; }
    #footer .footer-content-outer { justify-content: center; }
}