{ box
sizing: border
box; } html { scroll
behavior: smooth; } .pd
description {
pd
font
stack: Montserrat,
apple
system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans
serif;
pd
font
xl: 600 1.250rem/1.5rem var(
pd
font
stack);
pd
font
lg: 600 1.125rem/1.5rem var(
pd
font
stack);
pd
font
body
regular: 400 1rem/1.5rem var(
pd
font
stack);
pd
font
body
bold: 600 1rem/1.5rem var(
pd
font
stack);
pd
font
body
paragraph: 400 1rem/1.65rem var(
pd
font
stack);
pd
font
sm
regular: 400 0.875rem/1.25rem var(
pd
font
stack);
pd
font
sm
bold: 600 0.875rem/1.25rem var(
pd
font
stack);
pd
color
primary: var(
theme
action
color,#0079CA) ;
pd
color
text
main: var(
theme
color
text,#031419);
pd
color
text
subtle: #536B75;
pd
color
bg
subtle: #F2F3F3;
pd
color
border
main: #CCD2D8; display: flex; flex
direction: column; gap: 2.5rem; font: var(
pd
font
body
regular); } .pd
description p { font: var(
pd
font
body
paragraph); } .pd
description a { color: var(
pd
color
primary); font
weight: 600; text
decoration: underline; text
decoration
thickness: 1px; text
underline
offset: 2px; } [data
testid="plan
content
help"] a { font
weight: 600; text
decoration: underline; text
decoration
thickness: 1px; text
underline
offset: 2px; } .pd
description img { max
width: 100%; } .link
wrapped { white
space: nowrap; } .pd
divider { width: 100%; border: 0; border
top: 1px solid var(
pd
color
border
main); margin
block: 0; } .pd
section
subtle { background
color: var(
pd
color
bg
subtle); padding: 1.5rem; border
radius: 0.5rem; } .pd
section
subtle p:last
of
type { margin
block
end: 0; } .pd
section
general
info { padding: 1.5rem; border
radius: 0.5rem; border: 1px solid var(
pd
color
border
main); } .pd
section__title { font: var(
pd
font
xl); margin
block: 0 1rem; } .pd
event
itenerary__row { display: grid; gap: 1rem; } .pd
event
itenerary__description { color: var(
pd
color
text
subtle); } .pd
event
itenerary__list { display: grid; margin: 0; gap: 0.25rem; } .pd
event
itenerary__list
title { font: var(
pd
font
body
bold); } .pd
event
itenerary__list
description { margin
inline
start: 0; color: var(
pd
color
text
subtle); } .pd
event
itenerary__list
description:not(:last
child) { margin
bottom: 0.5rem; } .pd
section__image { width: 100%; height: auto; border
radius: 0.5rem; } .experience
grid { display: grid; list
style: none; padding
inline
start: 0 !important; margin: 0; gap: 2rem; } .experience
grid__figure { display: grid; padding: 0; margin: 0; height: 100%; border: 1px solid var(
pd
color
border
main); border
radius: 0.5rem; overflow: hidden; } .experience
grid__figure:hover { transform: translateY(
3px); box
shadow: 0 4px 12px rgba(0, 0, 0, 0.16); } .experience
grid__figure:has(.experience
grid__radio:checked) { border
color: var(
pd
color
primary); outline: 2px solid var(
pd
color
primary); } .experience
grid__image { width: 100%; height: auto; border
radius: 0.5rem 0.5rem 0 0; aspect
ratio: 16 / 9; object
fit: cover; } .experience
grid__caption { display: grid; padding: 1.5rem 1rem 1rem; gap: 1rem; } .experience
grid__title { font: var(
pd
font
lg); margin: 0; text
align: center; } .experience
grid__title small { display: block; font: var(
pd
font
sm
regular); color: var(
pd
color
text
subtle); margin
block
start: 0.25rem; } .experience
grid__description { display: grid; gap: 0.25rem; list
style: disc; font: var(
pd
font
sm
regular); margin: 0; padding
inline
start: 1rem; } .experience
grid__footer { display: grid; margin
block
start: auto; gap: 1rem; text
align: center; } .experience
grid__radio { display: none; } .experience
grid__button, .experience
grid__button
anchor { display: flex; align
items: center; justify
content: center; width: 100%; background: var(
pd
color
text
main); min
width: 128px; height: 44px; color: white !important; border: 0; border
radius: 10rem; font: var(
pd
font
sm
bold); padding
inline: 1.5rem; cursor: pointer; text
decoration: none; transition: background 0.2s ease; letter
spacing: 0.5px; margin: 0; } .experience
grid__button span { white
space: nowrap; text
overflow: ellipsis; overflow: hidden; } .experience
grid__price { font: var(
pd
font
sm
regular); } .experience
grid__price strong { font: var(
pd
font
body
bold); } .experience
grid__button:hover { background: #06232C; text
decoration: none !important; } .experience
grid__button
secondary:hover { background
color: transparent; color: var(
pd
color
text
main) !important; } .experience
grid__button
anchor:hover { text
decoration: none !important; } .experience
grid__button
label
selected, .experience
grid__button
anchor { display: none; } @media (min
width: 992px) { .experience
grid__radio:checked + .experience
grid__button .experience
grid__button
label
default { display: none; } .experience
grid__radio:checked + .experience
grid__button .experience
grid__button
label
selected { display: block; } } @media (max
width: 991px) { .experience
grid__radio:checked + .experience
grid__button { display: none; } .experience
grid__radio:checked + .experience
grid__button + .experience
grid__button
anchor { display: flex; } } @media (min
width: 992px) { .pd
event
itenerary__row { display: flex; gap: 2rem; } .pd
event
itenerary__list { width: 48%; flex: 0 0 auto; } .experience
grid { grid
template
columns: repeat(2, 1fr); grid
template
rows: repeat(2, 1fr); } .pd
description .pd
section__list.pd
section__list
grid { grid
template
columns: repeat(2, 1fr); } } .pd
description .pd
section__list { display: grid; list
style: none; padding
inline
start: 0; margin: 0; gap: 1rem; } .pd
description .pd
section__list.pd
section__list
bullets { list
style: disc; padding
inline
start: 1rem; gap: 0.5rem; } .pd
section__item { display: flex; gap: 1rem; color: var(
pd
color
text
subtle); } .pd
section__icon { transform: translateY(0.125rem); } .pd
section__icon svg { border
radius: 0.25rem; } .pd
section__text strong { display: block; font: var(
pd
font
sm
bold); color: var(
pd
color
text
main); } The Iceland Eclipse Festival A four
day celebration of music, art, science and wellness during Iceland's once
in
a
century total solar eclipse. A one
of
a
kind gathering in one of the world's most inspiring landscapes. Festival Takes place Wed 12 → Sat 15 Aug. Get Festival tickets Experiences Available Mon 3 → Sat 15 Aug. Camping Open from Sun 9 → Sun 16 Aug. Experience details Explore unique adventures designed to elevate your Iceland Eclipse experience. Tours from ReykjavÃk 3rd to 10th Aug 1–7 day guided journeys before & after the festival Ring Road highlights, hot springs & glacier visits Iconic landmarks: Gullfoss, Þingvellir & Jökulsárlón From $170.00 Select ReykjavÃk tours Selected Explore options Helicopter Tours 9th–15th Aug Scenic flights over Iceland’s dramatic landscapes Circle Snæfellsjökull Glacier & black
sand beaches View waterfalls, lava fields & volcanic craters From $500.00 Select Helicopter tours Selected Explore options Day Trips in Snæfellsnes 9th–15th Aug Single
day excursions from the festival site Kayaking beneath Kirkjufell mountain ATV rides across lava fields From $150.00 Select Snæfellsnes tours Selected Explore options Side Quests 12th–15th Aug Small
group add
ons for 20–100 guests Eclipse
viewing at a glacial waterfall Lava
cave concert & glacier party From $400.00 Select Side Quests tours Selected Explore options General Info Dates Festival 12–15 Aug · Camping 9–16 Aug Location Hellissandur, Snæfellsnes Peninsula Age All ages welcome (under 18 must be accompanied). Accessibility Fully accessible (Quiet, Family & Accessible zones available) Questions? Check the FAQs or contact us at hallo@icelandeclipse.com Disclaimers Some day trips and side quests require leaving the festival site and may overlap with scheduled programming. Certain tours have age restrictions — please check before booking. Side Quests (including Into the Glacier) may be combined when minimums are not met. Custom dates or private tours? Contact: travel@icelandeclipse.com .
Click one of our contacts below to chat on WhatsApp