/* ============================================================ Privacy notice banner Include on any page that should display the banner: ============================================================ */ #privacy_banner { position: fixed; bottom: 5px; left: 5px; right: 5px; width: auto; max-width:1000px; z-index: 500; box-sizing: border-box; background-color: #233654; border: 1px solid #c8b87a; box-shadow: 0 -2px 8px rgba(35, 54, 84, 0.18); font-family: "Rosario", sans-serif; font-size: 13.5px; color: #fff3de; line-height: 1.45; padding: 9px 14px 9px 16px; display: flex; align-items: center; gap: 14px; } @media screen and (min-width:1000px){ #privacy_banner { left: unset; right: calc(50% - 450px); width: 90%; max-width:900px; } } #privacy_banner.pb_hidden { display: none; } #privacy_banner_text { flex: 1; } #privacy_banner a, #privacy_banner a:link, #privacy_banner a:visited, #privacy_banner a:active { color: #fffbf5; text-underline-offset: 2px; } #privacy_banner a:hover { color: #ffbe5c; } #privacy_banner_close { flex-shrink: 0; background: none; border: 1px solid #b0a070; border-radius: 3px; cursor: pointer; font-family: inherit; font-size: 13px; color: #fffbf5; padding: 4px 10px; line-height: 1.2; white-space: nowrap; transition: background-color 0.15s, border-color 0.15s; } #privacy_banner_close:hover { background-color: #eedad6; border-color: #8a7050; color: #222; } #privacy_banner_close:focus-visible { outline: 2px solid #011280; outline-offset: 2px; } /* Keep footer content from being hidden behind the banner. Applied to via JS while the banner is visible. */ body.pb_offset { padding-bottom: 48px; }