ЗБЕРЕЖІТЬ ДАТУ
Український День 2026
Відзначте 135 років української імміграції до Канади разом із нами — у день, сповнений української культури, історії, музики, танців, традиційної кухні та єдності громади.
📅
ДАТА
Неділя, 16 серпня 2026 року
🕙
ЧАС
10:00–17:00
Служба Божа розпочинаються о 9:30
📍
Адреса
Ukrainian Cultural Heritage Village
195041 TC Highway 16 E, Lamont, AB
Approximately 25 minutes east of Edmonton
📍
ВІДКРИТИ НА ГУГЛ МАПІ
→
Насолоджуйтеся живими виступами, культурними презентаціями, дитячими розвагами, українською кухнею, павільйонами громад, історичними локаціями та багатьма іншими цікавинками в мальовничій атмосфері історичного села.
Запрошуємо родини, друзів та всіх, хто любить українську культуру, провести цей день разом!
.ud-event-info {
width: 100%;
max-width: 720px;
margin: 0 auto;
padding: 35px 40px;
box-sizing: border-box;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
color: #16263a;
font-family: inherit;
text-align: left;
}
.ud-save-date {
margin-bottom: 12px;
color: #064a9b;
font-size: 14px;
font-weight: 800;
letter-spacing: 1.8px;
line-height: 1.3;
}
.ud-event-info h2 {
margin: 0;
color: #064a9b;
font-size: clamp(35px, 4vw, 52px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.5px;
}
.ud-title-line {
width: 75px;
height: 4px;
margin: 18px 0 24px;
background: #ffd700;
border-radius: 10px;
}
.ud-intro {
margin: 0 0 30px;
color: #293c52;
font-size: 19px;
line-height: 1.65;
}
.ud-event-details {
margin-bottom: 30px;
}
.ud-detail {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 17px 0;
border-bottom: 1px solid rgba(6, 74, 155, 0.2);
}
.ud-detail:first-child {
padding-top: 0;
}
.ud-detail:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ud-icon {
flex: 0 0 30px;
color: #064a9b;
font-size: 22px;
line-height: 1.3;
text-align: center;
}
.ud-detail-content {
flex: 1;
min-width: 0;
}
.ud-label {
display: block;
margin-bottom: 4px;
color: #61758d;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.2px;
}
.ud-detail-content > strong {
display: block;
color: #0c376b;
font-size: 18px;
line-height: 1.4;
}
.ud-detail-content > small {
display: block;
margin-top: 4px;
color: #536579;
font-size: 14px;
line-height: 1.5;
}
/* Clickable Google Maps button */
.ud-map-button {
width: 100%;
margin-top: 15px;
padding: 14px 17px;
box-sizing: border-box;
display: flex;
align-items: center;
gap: 13px;
background: #064a9b;
color: #ffffff;
border: 2px solid #ffd700;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 5px 15px rgba(0, 42, 92, 0.18);
transition:
background-color 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}
.ud-map-button:hover,
.ud-map-button:focus {
background: #003d82;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 42, 92, 0.26);
}
.ud-map-button:focus-visible {
outline: 3px solid rgba(255, 215, 0, 0.7);
outline-offset: 3px;
}
.ud-map-button-icon {
flex: 0 0 34px;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
background: #ffd700;
border-radius: 50%;
font-size: 17px;
}
.ud-map-button-text {
flex: 1;
min-width: 0;
text-align: left;
}
.ud-map-button-text strong {
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
}
.ud-map-button-text small {
display: block;
margin-top: 3px;
color: #ffd700;
font-size: 11px;
font-weight: 700;
line-height: 1.25;
}
.ud-map-button-arrow {
flex: 0 0 auto;
color: #ffd700;
font-size: 24px;
font-weight: 700;
}
.ud-description {
margin: 0 0 20px;
color: #293c52;
font-size: 17px;
line-height: 1.7;
}
.ud-closing {
margin: 0;
padding-left: 17px;
color: #064a9b;
border-left: 4px solid #ffd700;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
}
/* Tablet */
@media (max-width: 1024px) {
.ud-event-info {
padding: 32px 28px;
}
.ud-intro {
font-size: 17px;
}
}
/* Phone */
@media (max-width: 767px) {
.ud-event-info {
max-width: 100%;
padding: 26px 18px;
text-align: left;
}
.ud-save-date {
font-size: 12px;
letter-spacing: 1.4px;
}
.ud-event-info h2 {
font-size: 34px;
}
.ud-title-line {
margin-top: 15px;
margin-bottom: 20px;
}
.ud-intro {
margin-bottom: 22px;
font-size: 16px;
line-height: 1.6;
}
.ud-detail {
gap: 11px;
padding: 15px 0;
}
.ud-icon {
flex-basis: 26px;
font-size: 19px;
}
.ud-detail-content > strong {
font-size: 16px;
}
.ud-detail-content > small {
font-size: 13px;
}
.ud-map-button {
min-height: 62px;
padding: 13px 14px;
gap: 10px;
}
.ud-map-button-icon {
flex-basis: 31px;
width: 31px;
height: 31px;
font-size: 15px;
}
.ud-map-button-text strong {
font-size: 12px;
}
.ud-map-button-text small {
font-size: 10px;
}
.ud-map-button-arrow {
font-size: 20px;
}
.ud-description {
font-size: 15px;
line-height: 1.65;
}
.ud-closing {
padding-left: 13px;
font-size: 16px;
}
}
