diff --git a/wp-content/themes/twentytwentyfour/assets/css/test1-landing.css b/wp-content/themes/twentytwentyfour/assets/css/test1-landing.css index a9dc2f17..40747101 100644 --- a/wp-content/themes/twentytwentyfour/assets/css/test1-landing.css +++ b/wp-content/themes/twentytwentyfour/assets/css/test1-landing.css @@ -20,6 +20,50 @@ --container: 1180px; } + .cookie-consent-banner { + position: fixed; + right: 24px; + bottom: 24px; + z-index: 9999; + display: flex; + align-items: center; + gap: 18px; + max-width: 760px; + padding: 18px 20px; + background: #fff; + border: 1px solid rgba(15, 23, 42, 0.14); + box-shadow: 0 18px 50px rgba(15, 23, 42, 0.2); + } + + .cookie-consent-banner[hidden] { + display: none; + } + + .cookie-consent-banner p { + margin: 0; + color: #1f2937; + line-height: 1.45; + } + + .cookie-consent-accept { + flex: 0 0 auto; + padding: 10px 20px; + border: 0; + background: var(--primary); + color: #fff; + font-weight: 700; + } + + @media (max-width: 767px) { + .cookie-consent-banner { + right: 12px; + bottom: 12px; + left: 12px; + flex-direction: column; + align-items: stretch; + } + } + * { box-sizing: border-box; } diff --git a/wp-content/themes/twentytwentyfour/assets/css/test1-shared-shell.css b/wp-content/themes/twentytwentyfour/assets/css/test1-shared-shell.css index 28ba0efc..a1e9ee85 100644 --- a/wp-content/themes/twentytwentyfour/assets/css/test1-shared-shell.css +++ b/wp-content/themes/twentytwentyfour/assets/css/test1-shared-shell.css @@ -62,7 +62,7 @@ flex: 0 0 auto; padding: 10px 20px; border: 0; - background: #0f766e; + background: #0d4fd6; color: #fff; font-weight: 700; } diff --git a/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php b/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php index 2d778321..056c8e10 100644 --- a/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php +++ b/wp-content/themes/twentytwentyfour/template-parts/test1-shared-footer.php @@ -1,4 +1,4 @@ -