:root {
--nu-color-primary: #0057B8;
--nu-color-primary-dark: #00479a;
--nu-color-primary-soft: #eaf2fb;
--nu-color-secondary: #FFD700;
--nu-color-secondary-soft: #fff8cf;
--nu-color-text: #111111;
--nu-color-text-soft: #5f6670;
--nu-color-border: rgba(0, 87, 184, 0.09);
--nu-color-white: #ffffff;
--nu-color-bg: #f8fafc;
--nu-radius-sm: 16px;
--nu-radius-md: 22px;
--nu-radius-lg: 30px;
--nu-shadow-soft: 0 14px 34px rgba(0, 35, 75, 0.06);
--nu-shadow-card: 0 22px 46px rgba(0, 35, 75, 0.08);
--nu-transition: all 0.25s ease;
}
.nu-home-beta,
.nu-home-beta * {
box-sizing: border-box;
}
.nu-home-beta {
background: linear-gradient(180deg, #f8fafc 0%, #f4f8fc 100%);
color: var(--nu-color-text);
font-family: 'Montserrat', sans-serif;
padding-bottom: 90px;
}
.nu-container {
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
}
.nu-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 20px;
border-radius: 999px;
text-decoration: none;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
transition: var(--nu-transition);
border: 1px solid transparent;
}
.nu-btn--primary {
background: var(--nu-color-primary);
color: #fff;
box-shadow: 0 10px 20px rgba(0, 87, 184, 0.18);
}
.nu-btn--primary:hover {
background: var(--nu-color-primary-dark);
color: #fff;
transform: translateY(-1px);
}
.nu-btn--secondary {
background: #fff;
color: var(--nu-color-primary);
border-color: rgba(0, 87, 184, 0.18);
}
.nu-btn--secondary:hover {
background: var(--nu-color-primary-soft);
color: var(--nu-color-primary);
}
.nu-home-beta__hero {
position: relative;
padding: 104px 0 72px;
background:
linear-gradient(120deg, rgba(0, 40, 87, 0.66) 0%, rgba(0, 87, 184, 0.34) 48%, rgba(255, 215, 0, 0.14) 100%),
var(--nu-home-hero-bg) center center / cover no-repeat;
color: #fff;
overflow: hidden;
}
.nu-home-beta__hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(7, 17, 29, 0.20) 0%, rgba(7, 17, 29, 0.08) 100%);
pointer-events: none;
}
.nu-home-beta__hero .nu-container {
position: relative;
z-index: 2;
}
.nu-home-beta__hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) 360px;
gap: 32px;
align-items: end;
}
.nu-home-beta__hero-content {
min-width: 0;
}
.nu-home-beta__accent {
display: inline-flex;
align-items: stretch;
width: 72px;
height: 6px;
border-radius: 999px;
overflow: hidden;
margin-bottom: 22px;
}
.nu-home-beta__accent span {
flex: 1;
}
.nu-home-beta__accent span:first-child {
background: var(--nu-color-primary);
}
.nu-home-beta__accent span:last-child {
background: var(--nu-color-secondary);
}
.nu-home-beta__eyebrow,
.nu-home-beta__kicker {
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nu-home-beta__eyebrow {
margin-bottom: 14px;
color: rgba(255, 255, 255, 0.92);
}
.nu-home-beta__kicker {
color: var(--nu-color-primary);
}
.nu-home-beta__title {
margin: 0 0 18px;
font-size: clamp(38px, 6vw, 64px);
line-height: 1.02;
letter-spacing: -0.03em;
color: #fff;
max-width: 860px;
}
.nu-home-beta__subtitle {
margin: 0;
font-size: 19px;
line-height: 1.85;
color: rgba(255, 255, 255, 0.88);
max-width: 760px;
}
.nu-home-beta__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.nu-home-beta__hero-card,
.nu-home-beta__card,
.nu-home-beta__timeline-card,
.nu-home-beta__stat-card,
.nu-home-beta__welcome-card,
.nu-home-beta__event-card,
.nu-home-beta__mini-card {
background: #fff;
border: 1px solid var(--nu-color-border);
border-radius: var(--nu-radius-md);
box-shadow: var(--nu-shadow-soft);
}
.nu-home-beta__hero-card {
padding: 28px;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(10px);
}
.nu-home-beta__hero-card h2 {
margin: 0 0 12px;
font-size: 28px;
line-height: 1.15;
color: var(--nu-color-text);
}
.nu-home-beta__hero-card p {
margin: 0;
color: #353d47;
line-height: 1.8;
font-size: 15px;
}
.nu-home-beta__hero-badge {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
background: rgba(0, 87, 184, 0.08);
color: var(--nu-color-primary);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 16px;
}
.nu-home-beta__section {
padding: 84px 0 0;
}
.nu-home-beta__section--soft {
background:
linear-gradient(180deg, rgba(0, 87, 184, 0.025) 0%, rgba(255, 215, 0, 0.035) 100%);
padding: 84px 0;
margin-top: 84px;
}
.nu-home-beta__section--events {
padding-top: 86px;
}
.nu-home-beta__section-heading {
max-width: 760px;
margin-bottom: 28px;
}
.nu-home-beta__section-heading--compact {
max-width: none;
margin-bottom: 18px;
}
.nu-home-beta__section-heading h2 {
margin: 8px 0 12px;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.08;
letter-spacing: -0.02em;
color: var(--nu-color-text);
}
.nu-home-beta__section-heading p {
margin: 0;
font-size: 16px;
line-height: 1.8;
color: var(--nu-color-text-soft);
}
.nu-home-beta__featured-event {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, 1fr);
gap: 0;
align-items: stretch;
background: #ffffff;
border: 1px solid var(--nu-color-border);
border-radius: var(--nu-radius-lg);
overflow: hidden;
box-shadow: var(--nu-shadow-card);
}
.nu-home-beta__featured-media {
min-height: 460px;
background: #dde7f1;
}
.nu-home-beta__featured-media a,
.nu-home-beta__featured-media img {
display: block;
width: 100%;
height: 100%;
}
.nu-home-beta__featured-media img {
object-fit: cover;
}
.nu-home-beta__featured-placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 460px;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: var(--nu-color-primary);
font-size: 18px;
font-weight: 700;
}
.nu-home-beta__featured-content {
padding: 42px 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.nu-home-beta__featured-topline {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.nu-home-beta__featured-label {
display: inline-flex;
align-items: center;
color: var(--nu-color-primary);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.nu-home-beta__featured-title {
margin: 10px 0 14px;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.08;
letter-spacing: -0.03em;
}
.nu-home-beta__featured-title a {
color: var(--nu-color-text);
text-decoration: none;
}
.nu-home-beta__featured-title a:hover {
color: var(--nu-color-primary);
}
.nu-home-beta__featured-subtitle {
margin: 0 0 16px;
font-size: 18px;
line-height: 1.75;
color: var(--nu-color-text-soft);
font-weight: 500;
}
.nu-home-beta__featured-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
color: var(--nu-color-text-soft);
font-size: 14px;
line-height: 1.7;
font-weight: 500;
}
.nu-home-beta__featured-excerpt {
color: #353d47;
font-size: 15px;
line-height: 1.9;
}
.nu-home-beta__featured-excerpt p:last-child {
margin-bottom: 0;
}
.nu-home-beta__story-layout,
.nu-home-beta__actions-showcase,
.nu-home-beta__welcome-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 430px;
gap: 30px;
align-items: stretch;
}
.nu-home-beta__story-content {
display: flex;
flex-direction: column;
gap: 24px;
}
.nu-home-beta__story-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.nu-home-beta__timeline-card,
.nu-home-beta__card {
padding: 30px;
}
.nu-home-beta__timeline-card h3,
.nu-home-beta__card h2,
.nu-home-beta__card h3 {
margin: 8px 0 14px;
font-size: 26px;
line-height: 1.18;
color: var(--nu-color-text);
}
.nu-home-beta__timeline-card p,
.nu-home-beta__card p {
margin: 0 0 14px;
color: #353d47;
line-height: 1.85;
font-size: 15px;
}
.nu-home-beta__timeline-card p:last-child,
.nu-home-beta__card p:last-child {
margin-bottom: 0;
}
.nu-home-beta__timeline-date {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
background: rgba(255, 215, 0, 0.20);
color: var(--nu-color-text);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 16px;
}
.nu-home-beta__image-card {
position: relative;
min-height: 100%;
border-radius: var(--nu-radius-lg);
overflow: hidden;
box-shadow: var(--nu-shadow-card);
background-color: #dfe7f2;
border: 1px solid var(--nu-color-border);
}
.nu-home-beta__image-card::before {
content: "";
position: absolute;
inset: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transform: scale(1.02);
}
.nu-home-beta__image-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(9, 18, 30, 0.10) 0%, rgba(9, 18, 30, 0.60) 100%);
}
.nu-home-beta__image-card--story::before {
background-image: var(--nu-home-story-bg);
}
.nu-home-beta__image-card--actions::before {
background-image: var(--nu-home-actions-bg);
}
.nu-home-beta__image-card--welcome::before {
background-image: var(--nu-home-welcome-bg);
}
.nu-home-beta__image-card--arena::before {
background-image: var(--nu-home-arena-bg);
}
.nu-home-beta__image-overlay {
position: absolute;
left: 30px;
right: 30px;
bottom: 28px;
z-index: 2;
color: #fff;
}
.nu-home-beta__image-overlay .nu-home-beta__kicker {
color: rgba(255, 255, 255, 0.86);
}
.nu-home-beta__image-overlay h3 {
margin: 10px 0 12px;
font-size: clamp(28px, 4vw, 40px);
line-height: 1.08;
letter-spacing: -0.02em;
color: #fff;
}
.nu-home-beta__image-overlay p {
margin: 0;
color: rgba(255, 255, 255, 0.88);
line-height: 1.8;
font-size: 15px;
max-width: 90%;
}
.nu-home-beta__stats-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.nu-home-beta__stat-card {
padding: 28px 24px;
text-align: center;
}
.nu-home-beta__stat-number {
display: block;
font-size: clamp(34px, 5vw, 52px);
line-height: 1;
font-weight: 800;
color: var(--nu-color-primary);
margin-bottom: 10px;
}
.nu-home-beta__stat-label {
display: block;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--nu-color-text);
margin-bottom: 10px;
}
.nu-home-beta__stat-card p {
margin: 0;
color: var(--nu-color-text-soft);
font-size: 14px;
line-height: 1.8;
}
.nu-home-beta__actions-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.nu-home-beta__actions-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.nu-home-beta__mini-card {
padding: 22px 20px;
}
.nu-home-beta__mini-card h3 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.2;
color: var(--nu-color-text);
}
.nu-home-beta__mini-card p {
margin: 0;
color: var(--nu-color-text-soft);
line-height: 1.8;
font-size: 14px;
}
.nu-home-beta__split-grid,
.nu-home-beta__anniversary-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.nu-home-beta__welcome-card {
padding: 34px;
background:
linear-gradient(135deg, rgba(0, 87, 184, 0.04) 0%, rgba(255, 215, 0, 0.06) 100%),
#fff;
}
.nu-home-beta__welcome-content h2 {
margin: 8px 0 16px;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.08;
color: var(--nu-color-text);
}
.nu-home-beta__welcome-content p {
margin: 0 0 14px;
color: #353d47;
font-size: 15px;
line-height: 1.9;
}
.nu-home-beta__anniversary-band {
position: relative;
overflow: hidden;
margin-bottom: 28px;
border-radius: var(--nu-radius-lg);
box-shadow: var(--nu-shadow-card);
background:
linear-gradient(120deg, rgba(0, 40, 87, 0.62) 0%, rgba(0, 87, 184, 0.30) 48%, rgba(255, 215, 0, 0.12) 100%),
var(--nu-home-virsky-bg) center center / cover no-repeat;
}
.nu-home-beta__anniversary-inner {
padding: 46px 40px;
max-width: 760px;
}
.nu-home-beta__anniversary-inner .nu-home-beta__kicker {
color: rgba(255, 255, 255, 0.86);
}
.nu-home-beta__anniversary-inner h2 {
margin: 10px 0 14px;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.06;
color: #fff;
letter-spacing: -0.02em;
}
.nu-home-beta__anniversary-inner p {
margin: 0;
color: rgba(255, 255, 255, 0.88);
line-height: 1.85;
font-size: 16px;
}
.nu-home-beta__check-list {
margin: 0;
padding-left: 18px;
color: #353d47;
}
.nu-home-beta__check-list li {
margin-bottom: 12px;
line-height: 1.85;
}
.nu-home-beta__closing {
max-width: 860px;
margin-top: 24px;
padding: 24px 28px;
border-left: 4px solid var(--nu-color-primary);
background: #fff;
border-radius: 0 18px 18px 0;
box-shadow: var(--nu-shadow-soft);
}
.nu-home-beta__closing p {
margin: 0;
font-size: 17px;
line-height: 1.85;
color: #2f3944;
}
.nu-home-beta__events-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.nu-home-beta__event-card {
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
transition: var(--nu-transition);
}
.nu-home-beta__event-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 44px rgba(0, 35, 75, 0.11);
}
.nu-home-beta__event-image {
display: block;
position: relative;
text-decoration: none;
background: #dde7f1;
}
.nu-home-beta__event-image img {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.nu-home-beta__event-placeholder {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 10;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: var(--nu-color-primary);
font-weight: 700;
}
.nu-home-beta__event-badge {
position: absolute;
top: 16px;
left: 16px;
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}
.nu-home-beta__event-badge.is-upcoming {
background: var(--nu-color-primary);
color: #fff;
}
.nu-home-beta__event-badge.is-past {
background: #eef3f8;
color: #3f5368;
border: 1px solid #d9e2ec;
}
.nu-home-beta__event-badge.is-full {
background: var(--nu-color-secondary);
color: #111111;
}
.nu-home-beta__event-badge.is-cancelled {
background: #f4e8e8;
color: #8d3b3b;
border: 1px solid #e5caca;
}
.nu-home-beta__event-content {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
}
.nu-home-beta__event-content h3 {
margin: 0 0 10px;
font-size: 24px;
line-height: 1.2;
}
.nu-home-beta__event-content h3 a {
color: var(--nu-color-text);
text-decoration: none;
}
.nu-home-beta__event-content h3 a:hover {
color: var(--nu-color-primary);
}
.nu-home-beta__event-subtitle {
margin: 0 0 10px;
color: var(--nu-color-text-soft);
line-height: 1.7;
font-size: 15px;
}
.nu-home-beta__event-meta {
margin: 0 0 18px;
color: var(--nu-color-primary);
font-size: 13px;
line-height: 1.7;
font-weight: 700;
}
.nu-home-beta__center {
margin-top: 28px;
text-align: center;
}
@media (max-width: 1100px) {
.nu-home-beta__hero-grid,
.nu-home-beta__featured-event,
.nu-home-beta__story-layout,
.nu-home-beta__actions-showcase,
.nu-home-beta__welcome-grid,
.nu-home-beta__split-grid,
.nu-home-beta__anniversary-grid,
.nu-home-beta__events-grid {
grid-template-columns: 1fr;
}
.nu-home-beta__story-grid,
.nu-home-beta__actions-cards,
.nu-home-beta__stats-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nu-home-beta__featured-media,
.nu-home-beta__featured-placeholder {
min-height: 320px;
}
.nu-home-beta__image-card {
min-height: 380px;
}
}
@media (max-width: 767px) {
.nu-container {
width: min(100% - 24px, 1200px);
}
.nu-home-beta {
padding-bottom: 64px;
}
.nu-home-beta__hero {
padding: 72px 0 48px;
}
.nu-home-beta__title {
font-size: 42px;
}
.nu-home-beta__subtitle {
font-size: 17px;
}
.nu-home-beta__section,
.nu-home-beta__section--soft {
padding-top: 56px;
margin-top: 56px;
}
.nu-home-beta__hero-card,
.nu-home-beta__featured-content,
.nu-home-beta__timeline-card,
.nu-home-beta__card,
.nu-home-beta__welcome-card,
.nu-home-beta__mini-card,
.nu-home-beta__event-content {
padding: 22px 20px;
}
.nu-home-beta__story-grid,
.nu-home-beta__actions-cards,
.nu-home-beta__stats-grid {
grid-template-columns: 1fr;
}
.nu-home-beta__image-card {
min-height: 300px;
}
.nu-home-beta__image-overlay {
left: 22px;
right: 22px;
bottom: 22px;
}
.nu-home-beta__image-overlay h3 {
font-size: 30px;
}
.nu-home-beta__anniversary-inner {
padding: 28px 22px;
}
}.nu-top-menu,
.nu-top-menu * {
box-sizing: border-box;
}
.nu-top-menu {
--nu-color-primary: #0057B8;
--nu-color-primary-dark: #00479a;
--nu-color-primary-soft: #eaf2fb;
--nu-color-secondary: #FFD700;
--nu-color-text: #111111;
--nu-color-text-soft: #5f6670;
--nu-color-white: #ffffff;
--nu-color-border: rgba(0, 87, 184, 0.10);
--nu-shadow-soft: 0 14px 32px rgba(0, 35, 75, 0.08);
--nu-shadow-menu: 0 18px 42px rgba(0, 35, 75, 0.12);
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
font-family: 'Montserrat', sans-serif;
background: rgba(255, 255, 255, 0.94);
backdrop-filter: blur(14px);
border-bottom: 1px solid var(--nu-color-border);
} .nu-top-menu ul,
.nu-top-menu ol,
.nu-top-menu li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.nu-top-menu li::marker,
.nu-top-menu ul::marker,
.nu-top-menu ol::marker {
content: "" !important;
display: none !important;
}
.nu-top-menu a {
text-decoration: none;
}
.nu-top-menu__inner {
width: min(1240px, calc(100% - 40px));
min-height: 92px;
margin: 0 auto;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 28px;
}
.nu-top-menu__brand {
display: inline-flex;
align-items: center;
position: relative;
}
.nu-top-menu__brand img {
display: block;
width: auto;
height: 60px;
max-width: 230px;
}
.nu-top-menu__desktop {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 24px;
min-width: 0;
}
.nu-top-menu__nav {
min-width: 0;
}
.nu-top-menu__list {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.nu-top-menu__list > li {
position: relative;
}
.nu-top-menu__list > li > a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 46px;
padding: 0 16px;
border-radius: 999px;
color: var(--nu-color-text);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
transition: all 0.25s ease;
}
.nu-top-menu__list > li > a::after {
content: "";
position: absolute;
left: 16px;
right: 16px;
bottom: 8px;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, var(--nu-color-primary) 0 72%, var(--nu-color-secondary) 72% 100%);
transform: scaleX(0);
transform-origin: center;
transition: transform 0.22s ease;
}
.nu-top-menu__list > li > a:hover,
.nu-top-menu__list > li.current-menu-item > a,
.nu-top-menu__list > li.current-menu-ancestor > a,
.nu-top-menu__list > li.current_page_item > a,
.nu-top-menu__list > li.current_page_ancestor > a {
color: var(--nu-color-primary);
background: rgba(0, 87, 184, 0.05);
}
.nu-top-menu__list > li > a:hover::after,
.nu-top-menu__list > li.current-menu-item > a::after,
.nu-top-menu__list > li.current-menu-ancestor > a::after,
.nu-top-menu__list > li.current_page_item > a::after,
.nu-top-menu__list > li.current_page_ancestor > a::after {
transform: scaleX(1);
} .nu-top-menu__list .sub-menu {
position: absolute;
top: calc(100% + 14px);
left: 0;
min-width: 240px;
padding: 10px !important;
background: rgba(255, 255, 255, 0.98);
border: 1px solid var(--nu-color-border);
border-radius: 20px;
box-shadow: var(--nu-shadow-menu);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.22s ease;
}
.nu-top-menu__list li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nu-top-menu__list .sub-menu li {
list-style: none !important;
}
.nu-top-menu__list .sub-menu li a {
display: block;
padding: 11px 12px;
border-radius: 12px;
color: var(--nu-color-text);
font-size: 14px;
line-height: 1.5;
font-weight: 600;
transition: all 0.2s ease;
}
.nu-top-menu__list .sub-menu li a:hover,
.nu-top-menu__list .sub-menu li.current-menu-item > a,
.nu-top-menu__list .sub-menu li.current_page_item > a {
background: rgba(0, 87, 184, 0.06);
color: var(--nu-color-primary);
} .nu-top-menu__lang-switcher,
.nu-top-menu__mobile-lang {
display: flex;
align-items: center;
}
.nu-top-menu__langs {
display: flex;
align-items: center;
gap: 8px;
}
.nu-top-menu__lang-item {
list-style: none !important;
}
.nu-top-menu__lang-item a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 38px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--nu-color-border);
background: var(--nu-color-white);
color: var(--nu-color-primary);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: all 0.22s ease;
}
.nu-top-menu__lang-item a:hover,
.nu-top-menu__lang-item.is-active a {
background: var(--nu-color-primary);
border-color: var(--nu-color-primary);
color: #fff;
} .nu-top-menu__toggle {
display: none;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid var(--nu-color-border);
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 18px rgba(0, 35, 75, 0.05);
cursor: pointer;
}
.nu-top-menu__toggle span {
display: block;
width: 21px;
height: 2px;
margin: 4px auto;
background: var(--nu-color-text);
transition: all 0.25s ease;
}
.nu-top-menu__mobile {
display: none;
width: min(1240px, calc(100% - 40px));
margin: 0 auto 16px;
padding: 16px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid var(--nu-color-border);
border-radius: 22px;
box-shadow: var(--nu-shadow-menu);
}
.nu-top-menu__mobile-nav .nu-top-menu__list {
display: block;
}
.nu-top-menu__mobile-nav .nu-top-menu__list > li {
border-top: 1px solid rgba(0, 87, 184, 0.07);
}
.nu-top-menu__mobile-nav .nu-top-menu__list > li:first-child {
border-top: 0;
}
.nu-top-menu__mobile-nav .nu-top-menu__list > li > a {
display: block;
min-height: 0;
padding: 14px 10px;
border-radius: 12px;
}
.nu-top-menu__mobile-nav .nu-top-menu__list > li > a::after {
display: none;
}
.nu-top-menu__mobile-nav .nu-top-menu__list .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
margin: 4px 0 8px 12px !important;
padding: 8px !important;
border-radius: 14px;
box-shadow: none;
background: rgba(0, 87, 184, 0.025);
}
.nu-top-menu__mobile-lang {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--nu-color-border);
}
.nu-top-menu.is-open .nu-top-menu__mobile {
display: block;
}
.nu-top-menu.is-open .nu-top-menu__toggle span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.nu-top-menu.is-open .nu-top-menu__toggle span:nth-child(2) {
opacity: 0;
}
.nu-top-menu.is-open .nu-top-menu__toggle span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
@media (max-width: 1080px) {
.nu-top-menu__desktop {
display: none;
}
.nu-top-menu__toggle {
display: inline-block;
}
.nu-top-menu__inner {
grid-template-columns: auto 1fr auto;
}
}
@media (max-width: 767px) {
.nu-top-menu__inner,
.nu-top-menu__mobile {
width: min(100% - 24px, 1240px);
}
.nu-top-menu__inner {
min-height: 78px;
gap: 16px;
}
.nu-top-menu__brand img {
height: 48px;
max-width: 180px;
}
}
.nu-top-menu li,
.nu-top-menu li::before,
.nu-top-menu li::after,
.nu-top-menu li::marker {
list-style: none !important;
content: none !important;
} .et-l--header {
position: relative;
z-index: 999999 !important;
}
.et-l--header .et_pb_section,
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
.et-l--header .et_pb_module {
position: relative;
z-index: 999999 !important;
overflow: visible !important;
}
.nu-top-menu {
position: sticky;
top: 0;
z-index: 999999 !important;
isolation: isolate;
}
.nu-top-menu__inner,
.nu-top-menu__desktop,
.nu-top-menu__nav,
.nu-top-menu__list,
.nu-top-menu__list > li {
position: relative;
overflow: visible !important;
}
.nu-top-menu__list .sub-menu {
z-index: 999999 !important;
}
.nu-top-menu__mobile {
z-index: 999999 !important;
}.nu-actualites-page,
.nu-actualites-page * {
box-sizing: border-box;
}
.nu-actualites-page {
--nu-color-primary: #0057B8;
--nu-color-primary-dark: #00479a;
--nu-color-primary-soft: #eaf2fb;
--nu-color-secondary: #FFD700;
--nu-color-text: #111111;
--nu-color-text-soft: #5f6670;
--nu-color-border: rgba(0, 87, 184, 0.09);
--nu-color-white: #ffffff;
--nu-radius-md: 22px;
--nu-radius-lg: 30px;
--nu-shadow-soft: 0 14px 34px rgba(0, 35, 75, 0.06);
--nu-shadow-card: 0 22px 46px rgba(0, 35, 75, 0.08);
font-family: 'Montserrat', sans-serif;
background: linear-gradient(180deg, #f8fafc 0%, #f4f8fc 100%);
padding: 90px 0;
color: var(--nu-color-text);
}
.nu-actualites-container {
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
}
.nu-actualites-hero {
max-width: 820px;
margin: 0 auto 36px;
text-align: center;
}
.nu-actualites-accent {
display: inline-flex;
width: 74px;
height: 6px;
border-radius: 999px;
overflow: hidden;
margin-bottom: 20px;
}
.nu-actualites-accent span {
flex: 1;
}
.nu-actualites-accent span:first-child {
background: #0057B8;
}
.nu-actualites-accent span:last-child {
background: #FFD700;
}
.nu-actualites-eyebrow {
display: inline-block;
margin-bottom: 14px;
color: #0057B8;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nu-actualites-title {
margin: 0 0 16px;
font-size: clamp(38px, 6vw, 60px);
line-height: 1.02;
letter-spacing: -0.03em;
color: #111111;
}
.nu-actualites-intro {
margin: 0;
font-size: 18px;
line-height: 1.85;
color: #5f6670;
}
.nu-actualites-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 28px;
justify-content: center;
}
.nu-actualites-filter {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 14px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.10);
box-shadow: 0 10px 22px rgba(0, 35, 75, 0.04);
color: #0057B8;
text-decoration: none;
font-size: 13px;
font-weight: 700;
transition: all 0.2s ease;
}
.nu-actualites-filter:hover,
.nu-actualites-filter.is-active {
background: #0057B8;
border-color: #0057B8;
color: #ffffff;
}
.nu-actualites-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.nu-actualites-card {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.09);
border-radius: 28px;
box-shadow: 0 18px 40px rgba(0, 35, 75, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.nu-actualites-card__media {
display: block;
text-decoration: none;
background: #dde7f1;
}
.nu-actualites-card__media img {
display: block;
width: 100%;
height: 250px;
object-fit: cover;
}
.nu-actualites-card__placeholder {
display: flex;
align-items: center;
justify-content: center;
height: 250px;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: #0057B8;
font-weight: 700;
}
.nu-actualites-card__content {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
}
.nu-actualites-card__meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
color: #5f6670;
font-size: 13px;
line-height: 1.6;
margin-bottom: 10px;
}
.nu-actualites-card__cat {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
background: rgba(0, 87, 184, 0.06);
color: #0057B8;
font-weight: 700;
}
.nu-actualites-card__title {
margin: 0 0 12px;
font-size: 24px;
line-height: 1.16;
letter-spacing: -0.02em;
}
.nu-actualites-card__title a {
color: #111111;
text-decoration: none;
}
.nu-actualites-card__title a:hover {
color: #0057B8;
}
.nu-actualites-card__excerpt {
color: #353d47;
font-size: 14px;
line-height: 1.8;
flex: 1;
}
.nu-actualites-card__excerpt p:last-child {
margin-bottom: 0;
}
.nu-actualites-card__actions {
margin-top: 20px;
}
.nu-actualites-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 16px;
border-radius: 999px;
background: #0057B8;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: 700;
transition: all 0.25s ease;
box-shadow: 0 10px 20px rgba(0, 87, 184, 0.18);
}
.nu-actualites-btn:hover {
background: #00479a;
color: #ffffff;
}
.nu-actualites-pagination {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-top: 34px;
}
.nu-actualites-pagination a,
.nu-actualites-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 0 12px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.10);
color: #0057B8;
text-decoration: none;
font-size: 13px;
font-weight: 700;
}
.nu-actualites-pagination .current {
background: #0057B8;
border-color: #0057B8;
color: #ffffff;
}
.nu-actualites-empty {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.09);
border-radius: 22px;
box-shadow: 0 12px 28px rgba(0, 35, 75, 0.05);
padding: 28px 24px;
text-align: center;
}
.nu-actualites-empty p {
margin: 0;
color: #5f6670;
line-height: 1.8;
}
@media (max-width: 980px) {
.nu-actualites-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.nu-actualites-page {
padding: 64px 0;
}
.nu-actualites-container {
width: min(100% - 24px, 1180px);
}
.nu-actualites-title {
font-size: 40px;
}
.nu-actualites-intro {
font-size: 16px;
}
.nu-actualites-grid {
grid-template-columns: 1fr;
}
.nu-actualites-card__content {
padding: 22px 20px 24px;
}
.nu-actualites-card__title {
font-size: 22px;
}
.nu-actualites-card__media img,
.nu-actualites-card__placeholder {
height: 220px;
}
}a:where(:not(.wp-element-button)){
text-decoration: none!important;
} .child-pages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin: 40px 0;
} .child-page-card {
display: flex;
flex-direction: column; justify-content: space-between; background: #ffffff;
border: 2px solid #0057b8;
border-radius: 12px;
padding: 20px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
transition: transform 0.25s ease, box-shadow 0.25s ease;
text-align: center;
} .child-page-card:hover {
transform: translateY(-8px);
box-shadow: 0 10px 25px rgba(0, 87, 184, 0.25);
border-color: #ffd700;
} .child-page-card img {
width: 100%;
height: 200px; object-fit: contain; border-radius: 12px;
margin-bottom: 15px;
} .child-page-card h3 {
font-size: 1.4rem;
margin: 10px 0;
color: #0057b8;
font-weight: 700;
}
.child-page-card h3 a {
text-decoration: none;
color: inherit;
transition: color 0.2s ease;
}
.child-page-card h3 a:hover {
color: #ffd700;
} .child-page-card p {
font-size: 1rem;
color: #333333;
margin-bottom: 15px;
flex-grow: 1; } .child-page-card a.more-link {
display: inline-block;
background: #0057b8;
color: #ffffff;
padding: 10px 18px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
margin-top: auto; }
.child-page-card a.more-link:hover {
background: #ffd700;
color: #0057b8;
} @media (max-width: 992px) {
.child-pages-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.child-pages-grid {
grid-template-columns: 1fr;
}
}
h2.year-heading{
font-size:35px;
font-weight: 800;
color:#0057b8;
}
h2.year-heading:before{
content:'';
background: #ffd700;
width:50px;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
} :root {
--nu-color-primary: #0057B8;
--nu-color-primary-dark: #00479a;
--nu-color-primary-soft: #eaf2fb;
--nu-color-secondary: #FFD700;
--nu-color-secondary-soft: #fff7cc;
--nu-color-text: #111111;
--nu-color-text-soft: #5f6670;
--nu-color-border: #e7ebf0;
--nu-color-bg: #f8fafc;
--nu-color-white: #ffffff;
--nu-radius-sm: 14px;
--nu-radius-md: 20px;
--nu-radius-lg: 28px;
--nu-shadow-soft: 0 12px 30px rgba(0, 35, 75, 0.07);
--nu-shadow-card: 0 18px 40px rgba(0, 35, 75, 0.08);
--nu-transition: all 0.25s ease;
}
.nu-events-archive,
.nu-events-archive * {
box-sizing: border-box;
}
.nu-events-archive {
background: linear-gradient(180deg, #f8fafc 0%, #f4f8fc 100%);
color: var(--nu-color-text);
padding-bottom: 90px;
font-family: 'Montserrat', sans-serif;
}
.nu-container {
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
} .nu-events-hero {
position: relative;
padding: 88px 0 48px;
overflow: hidden;
background:#f4f4f4;
border-bottom: 1px solid rgba(0, 87, 184, 0.08);
}
.nu-events-hero::before {
content: "";
position: absolute;
top: -80px;
right: -120px;
width: 320px;
height: 320px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 87, 184, 0.09) 0%, rgba(0, 87, 184, 0) 70%);
pointer-events: none;
}
.nu-events-hero::after {
content: "";
position: absolute;
bottom: -110px;
left: -90px;
width: 240px;
height: 240px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 215, 0, 0.12) 0%, rgba(255, 215, 0, 0) 72%);
pointer-events: none;
}
.nu-events-hero__inner {
position: relative;
z-index: 2;
max-width: 760px;
}
.nu-events-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(0, 87, 184, 0.08);
color: var(--nu-color-primary);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nu-events-hero__title {
margin: 0 0 18px;
font-size: clamp(38px, 6vw, 60px);
line-height: 1.02;
font-weight: 800;
color: var(--nu-color-text);
letter-spacing: -0.03em;
}
.nu-events-hero__text {
margin: 0;
font-size: 18px;
line-height: 1.8;
color: var(--nu-color-text-soft);
max-width: 720px;
} .nu-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 20px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.01em;
transition: var(--nu-transition);
border: 1px solid transparent;
}
.nu-btn--primary {
background: var(--nu-color-primary);
color: var(--nu-color-white);
box-shadow: 0 10px 20px rgba(0, 87, 184, 0.18);
}
.nu-btn--primary:hover {
background: var(--nu-color-primary-dark);
color: var(--nu-color-white);
transform: translateY(-1px);
}
.nu-btn--secondary {
background: var(--nu-color-white);
color: var(--nu-color-primary);
border-color: rgba(0, 87, 184, 0.18);
}
.nu-btn--secondary:hover {
background: var(--nu-color-primary-soft);
color: var(--nu-color-primary);
border-color: rgba(0, 87, 184, 0.28);
} .nu-featured-event {
padding: 28px 0 76px;
}
.nu-featured-event__inner {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 0;
align-items: stretch;
background: var(--nu-color-white);
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: var(--nu-radius-lg);
overflow: hidden;
box-shadow: var(--nu-shadow-card);
}
.nu-featured-event__media {
min-height: 460px;
background: #dfe8f3;
position: relative;
}
.nu-featured-event__media a,
.nu-featured-event__media img {
display: block;
width: 100%;
height: 100%;
}
.nu-featured-event__media img {
object-fit: cover;
}
.nu-featured-event__placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 460px;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: var(--nu-color-primary);
font-size: 18px;
font-weight: 700;
}
.nu-featured-event__content {
padding: 46px 42px;
display: flex;
flex-direction: column;
justify-content: center;
}
.nu-featured-event__label {
display: inline-flex;
align-items: center;
margin-bottom: 16px;
color: var(--nu-color-primary);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 800;
}
.nu-featured-event__title {
margin: 12px 0 16px;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.08;
letter-spacing: -0.03em;
}
.nu-featured-event__title a {
color: var(--nu-color-text);
text-decoration: none;
}
.nu-featured-event__title a:hover {
color: var(--nu-color-primary);
}
.nu-featured-event__subtitle {
margin: 0 0 18px;
font-size: 18px;
line-height: 1.65;
color: var(--nu-color-text-soft);
font-weight: 500;
}
.nu-featured-event__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 22px;
font-size: 14px;
color: var(--nu-color-text-soft);
font-weight: 500;
}
.nu-featured-event__excerpt {
font-size: 15px;
line-height: 1.85;
color: #343b45;
}
.nu-featured-event__excerpt p:last-child {
margin-bottom: 0;
}
.nu-featured-event__actions,
.nu-event-card__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
} .nu-events-section {
padding: 28px 0 72px;
}
.nu-events-section--archives {
padding-top: 6px;
}
.nu-section-heading {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 28px;
}
.nu-section-heading h2 {
margin: 0;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.08;
color: var(--nu-color-text);
letter-spacing: -0.02em;
}
.nu-section-heading p {
margin: 0;
color: var(--nu-color-text-soft);
font-size: 16px;
line-height: 1.75;
} .nu-events-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
} .nu-event-card {
background: var(--nu-color-white);
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: var(--nu-radius-md);
overflow: hidden;
box-shadow: var(--nu-shadow-soft);
display: flex;
flex-direction: column;
height: 100%;
transition: var(--nu-transition);
}
.nu-event-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 44px rgba(0, 35, 75, 0.11);
border-color: rgba(0, 87, 184, 0.14);
}
.nu-event-card__image-link {
position: relative;
display: block;
text-decoration: none;
}
.nu-event-card__image-wrap {
aspect-ratio: 16 / 10;
overflow: hidden;
background: #dde7f1;
}
.nu-event-card__image-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.45s ease;
}
.nu-event-card:hover .nu-event-card__image-wrap img {
transform: scale(1.03);
}
.nu-event-card__image-wrap--placeholder {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: var(--nu-color-primary);
font-size: 16px;
font-weight: 700;
}
.nu-event-card__badge {
position: absolute;
top: 16px;
left: 16px;
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}
.nu-event-card__badge.is-upcoming {
background: var(--nu-color-primary);
color: var(--nu-color-white);
}
.nu-event-card__badge.is-past {
background: #eef3f8;
color: #3f5368;
border: 1px solid #d9e2ec;
}
.nu-event-card__badge.is-full {
background: var(--nu-color-secondary);
color: var(--nu-color-text);
}
.nu-event-card__badge.is-cancelled {
background: #f4e8e8;
color: #8d3b3b;
border: 1px solid #e5caca;
}
.nu-event-card__content {
padding: 24px 24px 26px;
display: flex;
flex-direction: column;
flex: 1;
}
.nu-event-card__meta {
font-size: 13px;
color: var(--nu-color-text-soft);
margin-bottom: 10px;
line-height: 1.6;
font-weight: 500;
}
.nu-event-card__title {
margin: 0 0 10px;
font-size: 24px;
line-height: 1.18;
letter-spacing: -0.02em;
}
.nu-event-card__title a {
color: var(--nu-color-text);
text-decoration: none;
}
.nu-event-card__title a:hover {
color: var(--nu-color-primary);
}
.nu-event-card__subtitle {
margin: 0 0 12px;
color: var(--nu-color-text-soft);
line-height: 1.65;
font-size: 15px;
font-weight: 500;
}
.nu-event-card__location {
margin: 0 0 16px;
color: var(--nu-color-primary);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.nu-event-card__excerpt {
color: #353d47;
line-height: 1.78;
font-size: 14px;
flex: 1;
}
.nu-event-card__excerpt p {
margin-top: 0;
}
.nu-event-card__excerpt p:last-child {
margin-bottom: 0;
} .nu-empty-state {
background: var(--nu-color-white);
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: 18px;
padding: 32px;
box-shadow: var(--nu-shadow-soft);
}
.nu-empty-state p {
margin: 0;
color: var(--nu-color-text-soft);
line-height: 1.7;
} @media (max-width: 1100px) {
.nu-events-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nu-featured-event__inner {
grid-template-columns: 1fr;
}
.nu-featured-event__media,
.nu-featured-event__placeholder {
min-height: 340px;
}
}
@media (max-width: 767px) {
.nu-container {
width: min(100% - 24px, 1200px);
}
.nu-events-archive {
padding-bottom: 64px;
}
.nu-events-hero {
padding: 64px 0 34px;
}
.nu-featured-event {
padding: 18px 0 54px;
}
.nu-featured-event__content {
padding: 28px 22px 30px;
}
.nu-events-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.nu-event-card__content {
padding: 20px;
}
.nu-event-card__title {
font-size: 22px;
}
.nu-section-heading h2 {
font-size: 30px;
}
.nu-events-hero__text {
font-size: 16px;
}
} .nu-events-hero__accent {
display: inline-flex;
align-items: stretch;
width: 72px;
height: 6px;
border-radius: 999px;
overflow: hidden;
margin-bottom: 22px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.04);
}
.nu-events-hero__accent span {
flex: 1;
display: block;
}
.nu-events-hero__accent span:first-child {
background: #0057B8;
}
.nu-events-hero__accent span:last-child {
background: #FFD700;
}
.nu-featured-event__topline {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 6px;
}
.nu-featured-event__type,
.nu-event-card__overline,
.nu-section-heading__kicker {
display: inline-flex;
align-items: center;
color: #0057B8;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nu-featured-event__type {
margin-bottom: 12px;
}
.nu-event-card__overline {
margin-bottom: 12px;
}
.nu-section-heading__kicker {
margin-bottom: 2px;
}
.nu-meta-line {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
color: #5f6670;
font-size: 13px;
line-height: 1.6;
font-weight: 500;
}
.nu-meta-line span {
display: inline-flex;
align-items: center;
}
.nu-featured-event .nu-meta-line {
margin-bottom: 22px;
font-size: 14px;
}
.nu-event-card__location {
margin-top: -2px;
} .nu-single-event {
background: linear-gradient(180deg, #f8fafc 0%, #f4f8fc 100%);
color: #111111;
font-family: 'Montserrat', sans-serif;
padding-bottom: 90px;
}
.nu-single-event__hero {
padding: 52px 0 50px;
border-bottom: 1px solid rgba(0, 87, 184, 0.08);
background:#f4f4f4;
}
.nu-single-event__breadcrumb {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 26px;
font-size: 13px;
color: #5f6670;
}
.nu-single-event__breadcrumb a {
color: #0057B8;
text-decoration: none;
}
.nu-single-event__hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(340px, 520px);
gap: 34px;
align-items: center;
}
.nu-single-event__hero-content {
min-width: 0;
}
.nu-single-event__topline {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin-bottom: 10px;
}
.nu-single-event__type {
display: inline-flex;
align-items: center;
color: #0057B8;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nu-single-event__title {
margin: 0 0 16px;
font-size: clamp(34px, 5vw, 58px);
line-height: 1.02;
letter-spacing: -0.03em;
color: #111111;
}
.nu-single-event__subtitle {
margin: 0 0 18px;
font-size: 19px;
line-height: 1.75;
color: #5f6670;
font-weight: 500;
max-width: 760px;
}
.nu-single-event__intro {
margin-top: 22px;
color: #353d47;
font-size: 16px;
line-height: 1.9;
}
.nu-single-event__intro p:last-child {
margin-bottom: 0;
}
.nu-single-event__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.nu-btn--ghost {
background: transparent;
color: #0057B8;
border: 1px solid rgba(0, 87, 184, 0.18);
}
.nu-btn--ghost:hover {
background: rgba(0, 87, 184, 0.06);
color: #0057B8;
border-color: rgba(0, 87, 184, 0.28);
}
.nu-single-event__hero-media {
border-radius: 26px;
overflow: hidden;
background: #dde7f1;
box-shadow: 0 20px 44px rgba(0, 35, 75, 0.09);
min-height: 420px;
}
.nu-single-event__hero-media img {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
}
.nu-single-event__hero-placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 420px;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: #0057B8;
font-size: 18px;
font-weight: 700;
}
.nu-single-event__body {
padding: 58px 0 0;
}
.nu-single-event__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 36px;
align-items: start;
}
.nu-single-event__main {
min-width: 0;
}
.nu-single-event__sidebar {
display: flex;
flex-direction: column;
gap: 22px;
position: sticky;
top: 30px;
}
.nu-single-event__section {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: 24px;
box-shadow: 0 14px 34px rgba(0, 35, 75, 0.06);
padding: 34px 34px 36px;
margin-bottom: 26px;
}
.nu-single-event__section--impact {
background:
linear-gradient(180deg, rgba(0, 87, 184, 0.025) 0%, rgba(255, 215, 0, 0.035) 100%),
#ffffff;
}
.nu-single-event__section-heading {
margin-bottom: 22px;
}
.nu-single-event__section-heading h2 {
margin: 0;
font-size: clamp(26px, 4vw, 38px);
line-height: 1.08;
color: #111111;
}
.nu-wysiwyg,
.nu-single-event__textblock {
color: #353d47;
font-size: 15px;
line-height: 1.9;
}
.nu-wysiwyg p:first-child,
.nu-single-event__textblock p:first-child {
margin-top: 0;
}
.nu-wysiwyg p:last-child,
.nu-single-event__textblock p:last-child {
margin-bottom: 0;
}
.nu-single-event__embed iframe,
.nu-single-event__embed video,
.nu-single-event__embed embed {
width: 100%;
max-width: 100%;
border: 0;
border-radius: 18px;
aspect-ratio: 16 / 9;
}
.nu-single-event__subblock {
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid rgba(0, 87, 184, 0.09);
}
.nu-single-event__subblock h3 {
margin: 0 0 14px;
font-size: 20px;
color: #111111;
}
.nu-impact-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 26px;
}
.nu-impact-card {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.09);
border-radius: 18px;
padding: 24px 18px;
text-align: center;
box-shadow: 0 12px 28px rgba(0, 35, 75, 0.05);
}
.nu-impact-card__number {
display: block;
font-size: clamp(24px, 4vw, 34px);
font-weight: 800;
color: #0057B8;
line-height: 1.1;
margin-bottom: 8px;
}
.nu-impact-card__label {
display: block;
color: #5f6670;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.nu-side-card {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: 22px;
box-shadow: 0 12px 28px rgba(0, 35, 75, 0.06);
padding: 24px 24px 26px;
}
.nu-side-card h3 {
margin: 0 0 18px;
font-size: 20px;
line-height: 1.2;
color: #111111;
}
.nu-side-list {
list-style: none;
padding: 0;
margin: 0;
}
.nu-side-list li {
display: grid;
gap: 6px;
padding: 14px 0;
border-top: 1px solid rgba(0, 87, 184, 0.08);
}
.nu-side-list li:first-child {
padding-top: 0;
border-top: 0;
}
.nu-side-list strong {
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #0057B8;
}
.nu-side-list span,
.nu-side-text {
color: #353d47;
font-size: 14px;
line-height: 1.8;
}
.nu-side-list a {
color: #0057B8;
text-decoration: none;
}
.nu-single-event__related {
padding: 26px 0 0;
} @media (max-width: 1100px) {
.nu-single-event__hero-grid {
grid-template-columns: 1fr;
}
.nu-single-event__layout {
grid-template-columns: 1fr;
}
.nu-single-event__sidebar {
position: static;
}
.nu-impact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.nu-single-event {
padding-bottom: 64px;
}
.nu-single-event__hero {
padding: 38px 0 34px;
}
.nu-single-event__title {
font-size: 38px;
}
.nu-single-event__subtitle {
font-size: 17px;
}
.nu-single-event__hero-media,
.nu-single-event__hero-media img,
.nu-single-event__hero-placeholder {
min-height: 260px;
}
.nu-single-event__body {
padding-top: 34px;
}
.nu-single-event__section {
padding: 24px 20px 26px;
border-radius: 20px;
}
.nu-side-card {
padding: 20px;
border-radius: 18px;
}
.nu-impact-grid {
grid-template-columns: 1fr;
}
}
.nu-evenement-card__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 14px;
}
.nu-evenement-sidecard__text p {
margin: 0 0 10px;
}
.nu-side-bullets {
margin: 0;
padding-left: 18px;
color: #5f6670;
line-height: 1.8;
}
.nu-side-bullets li {
margin-bottom: 8px;
}
.nu-single-event__linkbox {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: 18px;
padding: 20px;
box-shadow: 0 10px 24px rgba(0,35,75,0.04);
}
.nu-single-event__actions--sidebar {
margin-top: 16px;
} .nu-home-beta__featured-split {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.nu-home-beta__featured-panel {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.09);
border-radius: 28px;
box-shadow: 0 18px 40px rgba(0, 35, 75, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.nu-home-beta__featured-panel-media {
background: #dde7f1;
}
.nu-home-beta__featured-panel-media a,
.nu-home-beta__featured-panel-media img {
display: block;
width: 100%;
}
.nu-home-beta__featured-panel-media img {
height: 320px;
object-fit: cover;
}
.nu-home-beta__featured-panel-content {
padding: 26px 24px 28px;
display: flex;
flex-direction: column;
flex: 1;
}
.nu-home-beta__featured-placeholder {
display: flex;
align-items: center;
justify-content: center;
height: 320px;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: #0057B8;
font-weight: 700;
}
.nu-home-beta__impact-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 20px;
}
.nu-home-beta__impact-card {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.09);
border-radius: 24px;
box-shadow: 0 18px 40px rgba(0, 35, 75, 0.08);
padding: 28px 20px;
text-align: center;
}
.nu-home-beta__impact-number {
display: block;
font-size: clamp(30px, 4vw, 48px);
line-height: 1;
font-weight: 800;
color: #0057B8;
margin-bottom: 10px;
}
.nu-home-beta__impact-label {
display: block;
color: #111111;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 1.5;
}
.nu-home-beta__impact-note {
margin-top: 22px;
background: linear-gradient(135deg, rgba(0,87,184,0.05) 0%, rgba(255,215,0,0.08) 100%);
border: 1px solid rgba(0, 87, 184, 0.08);
border-radius: 22px;
padding: 22px 24px;
box-shadow: 0 12px 28px rgba(0, 35, 75, 0.05);
}
.nu-home-beta__impact-note p {
margin: 0;
color: #353d47;
line-height: 1.85;
text-align: center;
}
.nu-home-beta__highlights-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
margin-top: 28px;
}
.nu-home-beta__card--elevated {
border: 1px solid rgba(0, 87, 184, 0.09);
box-shadow: 0 18px 40px rgba(0, 35, 75, 0.08);
}
.nu-home-beta__card--elevated h3 {
margin-top: 10px;
margin-bottom: 14px;
font-size: 28px;
line-height: 1.12;
color: #111111;
}
.nu-home-beta__closing-strong {
margin-top: 28px;
border-radius: 28px;
overflow: hidden;
background: linear-gradient(120deg, rgba(0, 40, 87, 0.92) 0%, rgba(0, 87, 184, 0.78) 58%, rgba(255, 215, 0, 0.28) 100%);
box-shadow: 0 18px 40px rgba(0, 35, 75, 0.12);
}
.nu-home-beta__closing-strong-inner {
padding: 36px 32px 38px;
text-align: center;
}
.nu-home-beta__closing-strong-inner .nu-home-beta__kicker {
color: rgba(255,255,255,0.82);
}
.nu-home-beta__closing-strong-inner h3 {
margin: 10px 0 14px;
font-size: clamp(28px, 4vw, 40px);
line-height: 1.08;
color: #ffffff;
letter-spacing: -0.02em;
}
.nu-home-beta__closing-strong-inner p {
margin: 0;
color: rgba(255,255,255,0.88);
line-height: 1.9;
font-size: 16px;
max-width: 860px;
margin-inline: auto;
}
@media (max-width: 980px) {
.nu-home-beta__featured-split,
.nu-home-beta__impact-grid,
.nu-home-beta__highlights-grid {
grid-template-columns: 1fr;
}
}
.nu-home-beta__featured-panel {
background: #ffffff;
border: 1px solid rgba(0, 87, 184, 0.09);
border-radius: 28px;
box-shadow: 0 18px 40px rgba(0, 35, 75, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.nu-home-beta__featured-panel-media {
background: #dde7f1;
height: 320px; min-height: 320px;
}
.nu-home-beta__featured-panel-media a {
display: block;
width: 100%;
height: 100%;
}
.nu-home-beta__featured-panel-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.nu-home-beta__featured-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #edf4fb 0%, #fdf7d6 100%);
color: #0057B8;
font-weight: 700;
}  .woocommerce-breadcrumb,
.woocommerce-tabs.wc-tabs-wrapper {
display: none !important;
} #left-area .product {
display: flex !important;
flex-wrap: wrap;
gap: 40px;
background: #ffffff;
border-radius: 12px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
margin-top: 20px;
box-sizing: border-box;
} #left-area .product::before,
#left-area .product::after,
#left-area .product > .clearfix {
display: contents !important; 
} #left-area .product .woocommerce-product-gallery {
width: 45% !important;
margin: 0 !important;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
} #left-area .product .summary.entry-summary {
width: calc(55% - 40px) !important;
float: none !important;
margin: 0 !important;
} #left-area .product .product_title {
font-size: 2.2rem;
font-weight: 800;
color: #1a1a1a;
line-height: 1.2;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #eee;
}
#left-area .product p.price {
font-size: 1.8rem !important;
color: #0057b7 !important; font-weight: 700;
margin-bottom: 25px;
} .variations_form {
background: #f8f9fa;
padding: 25px;
border-radius: 8px;
border-left: 4px solid #ffd700; margin-bottom: 30px;
} table.variations {
width: 100%;
margin-bottom: 25px;
border-collapse: collapse;
}
table.variations tbody, 
table.variations tr {
display: block;
width: 100%;
}
table.variations th.label {
display: block;
text-align: left;
padding: 0 0 10px 0;
background: transparent;
}
table.variations th.label label {
font-size: 1.1rem;
font-weight: 700;
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 0.5px;
}
table.variations td.value {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
padding: 0;
}
table.variations select {
width: 100%;
padding: 15px 20px;
font-size: 1.1rem;
font-weight: 600;
color: #333;
background-color: #fff;
border: 2px solid #e2e8f0;
border-radius: 8px;
cursor: pointer;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
appearance: none; 
-webkit-appearance: none;
-moz-appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230057b7%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right 20px top 50%;
background-size: 14px auto;
}
table.variations select:focus {
outline: none;
border-color: #0057b7;
box-shadow: 0 0 0 3px rgba(0, 87, 183, 0.15);
}
a.reset_variations {
align-self: flex-start;
margin-top: 8px;
font-size: 0.9rem;
color: #e53e3e !important;
text-decoration: none;
font-weight: 600;
transition: color 0.3s;
background: transparent;
padding: 0;
}
a.reset_variations:hover {
color: #c53030 !important;
text-decoration: underline;
} #ticket-names-container {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.02);
border-radius: 8px !important;
margin-bottom: 25px !important;
padding: 15px !important;
} .woocommerce-variation-add-to-cart {
display: flex !important;
flex-wrap: wrap;
align-items: center !important;
gap: 15px;
margin-top: 15px;
}
.woocommerce-variation-add-to-cart .quantity {
margin: 0 !important;
}
.woocommerce-variation-add-to-cart .quantity input.qty {
width: 70px !important;
height: 48px !important; border: 1px solid #ccc !important;
border-radius: 6px !important;
font-size: 1.2rem !important;
font-weight: bold !important;
text-align: center;
background: #fff;
padding: 0;
}
.woocommerce-variation-add-to-cart button.single_add_to_cart_button {
background-color: #0057b7 !important; color: #ffffff !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 500 !important;
text-transform: none !important;
margin: 0 !important;
padding: 0 24px !important;
height: 48px !important; width: max-content !important;
flex: none !important;
border-radius: 6px !important;
border: none !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
cursor: pointer;
transition: all 0.2s ease-in-out !important;
}
.woocommerce-variation-add-to-cart button.single_add_to_cart_button:hover {
background-color: #004494 !important;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 87, 183, 0.2) !important;
} .woocommerce-variation-add-to-cart button.disabled, 
.woocommerce-variation-add-to-cart button.wc-variation-selection-needed {
background-color: #cccccc !important;
color: #666666 !important;
box-shadow: none !important;
cursor: not-allowed !important;
transform: none !important;
} @media (max-width: 768px) {
#left-area .product {
flex-direction: column !important;
padding: 20px;
gap: 20px;
}
#left-area .product .woocommerce-product-gallery,
#left-area .product .summary.entry-summary {
width: 100% !important;
}
.woocommerce-variation-add-to-cart {
flex-direction: column;
align-items: stretch !important;
}
.woocommerce-variation-add-to-cart .quantity {
width: 100%;
}
.woocommerce-variation-add-to-cart .quantity input.qty {
width: 100% !important;
}
.woocommerce-variation-add-to-cart button.single_add_to_cart_button {
width: 100% !important;
justify-content: center;
}
}