Upcoming Events
Breiðdalsvík · East Iceland
Jun
2026
Lamb Chop Evening
Bláfell Restaurant, Breiðdalsvík
Happy hour from 4 PM, buffet starts at 7 PM

Sept
2026
Pub Quiz
Bláfell Restaurant, Breiðdalsvík
A fun evening of trivia

Oct
2026
Nýdönsk
Frystihúsið, Breiðdalsvík
Fullkomið farartæki (The Perfect Vehicle) · Tickets from April 10
Nov
2026
Asian Evening
Bláfell Restaurant, Breiðdalsvík
Sushi, noodles, spring rolls and deep-fried prawns
Jan
2027
Pub Quiz
Bláfell Restaurant, Breiðdalsvík
A fun evening of trivia
Feb
2027
Special Offers on Food and Drinks
Bláfell Restaurant, Breiðdalsvík
Special deals on food and drinks
Feb
2027
Þorrablót at Frystihúsið
Frystihúsið, Breiðdalsvík
Traditional Icelandic mid-winter feast with accommodation offer
googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@400;500;600&display=swap’);
.events-page { max-width: 940px; margin: 0 auto; padding: 50px 20px 80px; font-family: ‘DM Sans’, sans-serif; }
.events-page h1 { font-family: ‘Cormorant Garamond’, serif; font-size: 2.8em; color: #416781; text-align: center; margin-bottom: 8px; letter-spacing: -0.5px; }
.events-page .events-subtitle { text-align: center; color: #af7523; font-size: 1.1em; margin-bottom: 55px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
.event-card { display: flex; align-items: stretch; background: #fff; border-radius: 16px; box-shadow: 0 2px 20px rgba(65,103,129,0.08); margin-bottom: 36px; overflow: hidden; transition: all 0.4s cubic-bezier(.25,.8,.25,1); border: 1px solid rgba(65,103,129,0.06); }
.event-card:hover { box-shadow: 0 12px 40px rgba(65,103,129,0.16); transform: translateY(-4px); }
.event-date-box { min-width: 130px; background: linear-gradient(135deg, #416781, #365672); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 20px; text-align: center; position: relative; overflow: hidden; }
.event-date-box::after { content: ”; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); }
.event-date-box .event-day { font-family: ‘Cormorant Garamond’, serif; font-size: 2.8em; font-weight: 700; line-height: 1; position: relative; z-index: 1; }
.event-date-box .event-month { font-size: 0.85em; text-transform: uppercase; letter-spacing: 3px; margin-top: 6px; font-weight: 500; position: relative; z-index: 1; }
.event-date-box .event-year { font-size: 0.75em; opacity: 0.7; margin-top: 2px; position: relative; z-index: 1; }
.event-info { padding: 28px 32px; display: flex; flex-direction: column; justify-content: center; flex: 1; }
.event-info h3 { font-family: ‘Cormorant Garamond’, serif; font-size: 1.65em; color: #2a3d4f; margin: 0 0 8px 0; font-weight: 600; }
.event-info .event-detail { color: #5a6b7a; font-size: 0.95em; margin-bottom: 4px; line-height: 1.5; }
.event-info .event-detail svg { width: 14px; height: 14px; vertical-align: -2px; margin-right: 6px; fill: currentColor; opacity: 0.6; }
.event-info .event-price { display: inline-block; background: linear-gradient(135deg, #f8f0dc, #f2e8c3); color: #af7523; font-weight: 600; padding: 5px 16px; border-radius: 24px; font-size: 0.88em; margin-top: 10px; }
.event-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.event-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 28px; font-size: 0.88em; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; }
.event-btn:hover { transform: translateY(-1px); filter: brightness(1.1); }
.event-btn svg { width: 15px; height: 15px; fill: currentColor; }
.event-btn-primary { background: linear-gradient(135deg, #416781, #4d7a96); color: #fff; }
.event-btn-gold { background: linear-gradient(135deg, #af7523, #c4882e); color: #fff; }
.event-btn-purple { background: linear-gradient(135deg, #544670, #6a5a8a); color: #fff; }
.event-btn-green { background: linear-gradient(135deg, #6b8f71, #7da583); color: #fff; }
.event-btn-teal { background: linear-gradient(135deg, #528daa, #5f9ebb); color: #fff; }
.event-btn-whatsapp { background: linear-gradient(135deg, #25D366, #20bd5a); color: #fff; }
.event-btn-calendar { background: #fff; color: #416781; border: 2px solid #e0e8ef; }
.event-btn-calendar:hover { border-color: #416781; background: #f5f9fc; }
.event-card.gold .event-date-box { background: linear-gradient(135deg, #af7523, #c4882e); }
.event-card.green .event-date-box { background: linear-gradient(135deg, #6b8f71, #7da583); }
.event-card.deep .event-date-box { background: linear-gradient(135deg, #544670, #6a5a8a); }
.event-card.teal .event-date-box { background: linear-gradient(135deg, #528daa, #5f9ebb); }
.wa-float { position: fixed; bottom: 28px; right: 28px; background: linear-gradient(135deg, #25D366, #20bd5a); color: #fff; width: 62px; height: 62px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37,211,102,0.35); z-index: 9999; text-decoration: none; transition: all 0.3s ease; }
.wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.45); }
.wa-float svg { width: 32px; height: 32px; fill: #fff; }
.events-divider { width: 60px; height: 3px; background: linear-gradient(90deg, #af7523, #416781); margin: 0 auto 50px; border-radius: 2px; }
@media (max-width: 600px) {
.event-card { flex-direction: column; }
.event-date-box { min-width: unset; flex-direction: row; gap: 10px; padding: 18px; }
.event-info { padding: 22px; }
.events-page h1 { font-size: 2em; }
.event-btns { flex-direction: column; }
.event-btn { justify-content: center; }
}
.event-thumb-link{flex:0 0 210px;align-self:stretch;display:block;line-height:0;}
.event-thumb{width:210px;height:100%;min-height:100%;object-fit:cover;display:block;}
@media(max-width:640px){.event-card{flex-wrap:wrap;}.event-thumb-link{order:-1;flex:1 1 100%;}.event-thumb{width:100%;height:180px;min-height:0;}}
Upcoming Events
Breiðdalsvík · East Iceland
googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@400;500;600&display=swap’);
.events-page { max-width: 940px; margin: 0 auto; padding: 50px 20px 80px; font-family: ‘DM Sans’, sans-serif; }
.events-page h1 { font-family: ‘Cormorant Garamond’, serif; font-size: 2.8em; color: #416781; text-align: center; margin-bottom: 8px; letter-spacing: -0.5px; }
.events-page .events-subtitle { text-align: center; color: #af7523; font-size: 1.1em; margin-bottom: 55px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
.event-card { display: flex; align-items: stretch; background: #fff; border-radius: 16px; box-shadow: 0 2px 20px rgba(65,103,129,0.08); margin-bottom: 36px; overflow: hidden; transition: all 0.4s cubic-bezier(.25,.8,.25,1); border: 1px solid rgba(65,103,129,0.06); }
.event-card:hover { box-shadow: 0 12px 40px rgba(65,103,129,0.16); transform: translateY(-4px); }
.event-date-box { min-width: 130px; background: linear-gradient(135deg, #416781, #365672); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 20px; text-align: center; position: relative; overflow: hidden; }
.event-date-box::after { content: ”; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); }
.event-date-box .event-day { font-family: ‘Cormorant Garamond’, serif; font-size: 2.8em; font-weight: 700; line-height: 1; position: relative; z-index: 1; }
.event-date-box .event-month { font-size: 0.85em; text-transform: uppercase; letter-spacing: 3px; margin-top: 6px; font-weight: 500; position: relative; z-index: 1; }
.event-date-box .event-year { font-size: 0.75em; opacity: 0.7; margin-top: 2px; position: relative; z-index: 1; }
.event-info { padding: 28px 32px; display: flex; flex-direction: column; justify-content: center; flex: 1; }
.event-info h3 { font-family: ‘Cormorant Garamond’, serif; font-size: 1.65em; color: #2a3d4f; margin: 0 0 8px 0; font-weight: 600; }
.event-info .event-detail { color: #5a6b7a; font-size: 0.95em; margin-bottom: 4px; line-height: 1.5; }
.event-info .event-detail svg { width: 14px; height: 14px; vertical-align: -2px; margin-right: 6px; fill: currentColor; opacity: 0.6; }
.event-info .event-price { display: inline-block; background: linear-gradient(135deg, #f8f0dc, #f2e8c3); color: #af7523; font-weight: 600; padding: 5px 16px; border-radius: 24px; font-size: 0.88em; margin-top: 10px; }
.event-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.event-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 28px; font-size: 0.88em; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; }
.event-btn:hover { transform: translateY(-1px); filter: brightness(1.1); }
.event-btn svg { width: 15px; height: 15px; fill: currentColor; }
.event-btn-primary { background: linear-gradient(135deg, #416781, #4d7a96); color: #fff; }
.event-btn-gold { background: linear-gradient(135deg, #af7523, #c4882e); color: #fff; }
.event-btn-purple { background: linear-gradient(135deg, #544670, #6a5a8a); color: #fff; }
.event-btn-green { background: linear-gradient(135deg, #6b8f71, #7da583); color: #fff; }
.event-btn-teal { background: linear-gradient(135deg, #528daa, #5f9ebb); color: #fff; }
.event-btn-whatsapp { background: linear-gradient(135deg, #25D366, #20bd5a); color: #fff; }
.event-btn-calendar { background: #fff; color: #416781; border: 2px solid #e0e8ef; }
.event-btn-calendar:hover { border-color: #416781; background: #f5f9fc; }
.event-card.gold .event-date-box { background: linear-gradient(135deg, #af7523, #c4882e); }
.event-card.green .event-date-box { background: linear-gradient(135deg, #6b8f71, #7da583); }
.event-card.deep .event-date-box { background: linear-gradient(135deg, #544670, #6a5a8a); }
.event-card.teal .event-date-box { background: linear-gradient(135deg, #528daa, #5f9ebb); }
.wa-float { position: fixed; bottom: 28px; right: 28px; background: linear-gradient(135deg, #25D366, #20bd5a); color: #fff; width: 62px; height: 62px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37,211,102,0.35); z-index: 9999; text-decoration: none; transition: all 0.3s ease; }
.wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.45); }
.wa-float svg { width: 32px; height: 32px; fill: #fff; }
.events-divider { width: 60px; height: 3px; background: linear-gradient(90deg, #af7523, #416781); margin: 0 auto 50px; border-radius: 2px; }
@media (max-width: 600px) {
.event-card { flex-direction: column; }
.event-date-box { min-width: unset; flex-direction: row; gap: 10px; padding: 18px; }
.event-info { padding: 22px; }
.events-page h1 { font-size: 2em; }
.event-btns { flex-direction: column; }
.event-btn { justify-content: center; }
}
.event-thumb-link{flex:0 0 210px;align-self:stretch;display:block;line-height:0;}
.event-thumb{width:210px;height:100%;min-height:100%;object-fit:cover;display:block;}
@media(max-width:640px){.event-card{flex-wrap:wrap;}.event-thumb-link{order:-1;flex:1 1 100%;}.event-thumb{width:100%;height:180px;min-height:0;}}
Upcoming Events
Breiðdalsvík · East Iceland
Sept
2026

