diff --git a/site/monica_site/static/css/theme-overrides.css b/site/monica_site/static/css/theme-overrides.css index 5894930..4950c85 100644 --- a/site/monica_site/static/css/theme-overrides.css +++ b/site/monica_site/static/css/theme-overrides.css @@ -27,19 +27,83 @@ .page .button-primary, .page .button-primary:focus, -.page .button-primary:active { - background-color: #00626c !important; - border-color: #00626c !important; +.page .button-primary:active, +.cookie-consent-banner .button-primary, +.cookie-consent-banner .button-primary:focus, +.cookie-consent-banner .button-primary:active { + background-color: var(--monica-primary) !important; + border-color: var(--monica-primary) !important; color: #fff !important; } -.page .button-primary:hover { - background-color: #008898 !important; - border-color: #008898 !important; +.page .button-primary:hover, +.cookie-consent-banner .button-primary:hover { + background-color: var(--monica-primary-light) !important; + border-color: var(--monica-primary-light) !important; color: #fff !important; } + +/* Theme default blue (#0045b6) → EXIT Realty teal on public chrome */ +html .page .text-primary { + color: var(--monica-primary) !important; +} .page .breadcrumbs-custom-path a, .page a.link-default { - color: #00626c; + color: var(--monica-primary); +} +.page a.link-default:hover { + color: var(--monica-primary-light); +} + +.page .button-gray-bordered:hover, +.page .button-gray-bordered:active, +.page .button-default:hover, +.page .button-default:active, +.page .button-accent-outline:hover, +.page .button-accent-outline:active, +.page .button-primary-outline:hover, +.page .button-primary-outline:active, +.page .button-primary-white:hover, +.page .button-primary-white:active, +.page .button.button-primary-lighten, +.page .button.button-primary-lighten:focus { + background-color: var(--monica-primary) !important; + border-color: var(--monica-primary) !important; + color: #fff !important; +} +.page .button.button-primary-lighten:hover, +.page .button.button-primary-lighten:active { + background-color: var(--monica-ink) !important; + border-color: var(--monica-ink) !important; +} +.page .button-accent-outline, +.page .button-accent-outline:focus { + border-color: var(--monica-primary) !important; +} +.page .button-video:hover { + color: var(--monica-primary) !important; +} +.page .btn-primary, +.page .btn-primary:active, +.page .btn-primary:focus { + background: var(--monica-primary) !important; + border-color: var(--monica-primary) !important; +} +.page .box-chloe__icon, +.page .box-light-icon, +.page .box-minimal-icon .box-chloe__icon { + color: var(--monica-primary); +} + +/* Scroll-to-top (injected outside .page) */ +.ui-to-top { + background: var(--monica-primary) !important; + color: #fff !important; + box-shadow: 0 6px 16px rgba(0, 98, 108, 0.35); +} +.ui-to-top:hover, +.ui-to-top:focus { + background: var(--monica-primary-light) !important; + color: #fff !important; } /* Django flash messages */ @@ -73,19 +137,21 @@ font-size: 13px; } -/* Cookie consent — light theme fit */ +/* Cookie consent — match public EXIT Realty teal brand */ .cookie-consent-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 11000; - padding: 1rem; - background: rgba(8, 8, 8, 0.96); - border-top: 1px solid rgba(0, 98, 108, 0.45); + padding: 1rem 1.25rem; + background: rgba(17, 24, 28, 0.96); + border-top: 2px solid var(--monica-primary); + box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.28); + font-family: "Work Sans", sans-serif; } .cookie-consent-content { - max-width: 960px; + max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; @@ -95,10 +161,12 @@ } .cookie-consent-text { flex: 1 1 420px; - color: #cbd5e1; - font-size: 0.95rem; + color: #d7dee3; + font-size: 0.9375rem; + line-height: 1.45; margin: 0; font-family: "Work Sans", sans-serif; + font-weight: 400; } .cookie-consent-text-short { display: none; @@ -108,6 +176,15 @@ gap: 0.75rem; flex-shrink: 0; } +.cookie-consent-banner .button { + min-width: 10rem; + padding-left: 1.5rem; + padding-right: 1.5rem; + letter-spacing: 0.04em; + text-transform: uppercase; + font-family: "Work Sans", sans-serif; + font-weight: 500; +} .visually-hidden { position: absolute; width: 1px; @@ -197,3 +274,24 @@ width: 100%; } } + +/* Keep hero slide-2 heading visually aligned with slide-1 h1 (SEO: one h1). */ +.swiper-slider-minimal .jumbotron-classic-content h1.font-weight-bold, +.swiper-slider-minimal .jumbotron-classic-content h2.font-weight-bold { + font-size: 2.5rem; + line-height: 1.15; + margin-bottom: 0.5rem; +} +@media (min-width: 768px) { + .swiper-slider-minimal .jumbotron-classic-content h1.font-weight-bold, + .swiper-slider-minimal .jumbotron-classic-content h2.font-weight-bold { + font-size: 3.5rem; + } +} +@media (min-width: 1200px) { + .swiper-slider-minimal .jumbotron-classic-content h1.font-weight-bold, + .swiper-slider-minimal .jumbotron-classic-content h2.font-weight-bold { + font-size: 4.5rem; + } +} + diff --git a/site/monica_site/templates/base.html b/site/monica_site/templates/base.html index 1e8248c..4611401 100644 --- a/site/monica_site/templates/base.html +++ b/site/monica_site/templates/base.html @@ -5,24 +5,41 @@