diff --git a/css/pages/_event.css b/css/pages/_event.css index 957ff4dc..d3df38b5 100644 --- a/css/pages/_event.css +++ b/css/pages/_event.css @@ -6,6 +6,19 @@ that reuses the Become-a-member (.ms-*) look. ========================================================================== */ +/* ---- homepage promo banner (time-limited: sits above the partners strip) ---- */ +.event-banner { background: linear-gradient(115deg, #F2762E 0%, #E85D2A 55%, #2D738C 100%); color: #fff; padding: 18px 24px; } +.event-banner-inner { max-width: 1120px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } +.event-banner-copy { display: flex; flex-direction: column; gap: 6px; } +.event-banner-tag { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.92; } +.event-banner-text { margin: 0; font-size: 17px; line-height: 24px; color: #fff; } +.event-banner-cta.btn { background: #fff; color: #E85D2A; border: none; flex: 0 0 auto; white-space: nowrap; } +.event-banner-cta.btn:hover { background: #FFF3EC; } +@media (max-width: 700px) { + .event-banner-inner { flex-direction: column; align-items: flex-start; } + .event-banner-cta.btn { width: 100%; text-align: center; } +} + /* ---- guide-style centred header (matches the Student Welcome Guide) ---- */ .news-article--event .news-article-inner { max-width: 820px; } .news-article--event .newshub-eyebrow { display: block; text-align: center; color: #2D738C; } diff --git a/en/index.html b/en/index.html index 8ae50332..1238897f 100644 --- a/en/index.html +++ b/en/index.html @@ -213,7 +213,7 @@
diff --git a/mk/index.html b/mk/index.html index 4a040585..85c22f26 100644 --- a/mk/index.html +++ b/mk/index.html @@ -216,7 +216,7 @@ diff --git a/si/index.html b/si/index.html index 0306a28c..1578dd40 100644 --- a/si/index.html +++ b/si/index.html @@ -216,7 +216,7 @@