.section-primary-light, .section-primary-light .section-adaptive { background: #003d3a; margin-top: 2em; border-top-right-radius: 155px; }
#map { position:relative; }
#block13646 { margin-top: -5em; }
#margined-row { margin-top: 5em; }

#top-bar { display:flex; background: #9077dd; border-top-right-radius: 55px; height: 60px; padding-left: 1em; align-items:center; gap: 15px; }
#maps-icon { max-width: 45px; width: 45px; height: 45px; }
#top-bar-text { color: #fff; font-size: 25px; }

#bigger-icon { width: 80px; margin-bottom: 20px; transition: 0.5s; }
#bigger-icon:hover { margin-top: -5px; }
#box-text { color: #fff; text-transform: uppercase; font-weight: 600; }
#box-icon { display:inline-block; width: 12%; margin: 0 auto; }

#title-block { display:flex; align-items: center; gap: 20px; margin-top: 2em; }
.theme-icon { width: 80px; }
#top-title { text-transform: uppercase; width: 25px; color: #9077dd; width: 500px; font-weight: 600; font-size: 22px; }

#foto { height: 500px; object-fit:cover; width: 100%; object-position: bottom; margin-top: 2em; border-radius: 15px; }
#foto-renginiai { height: 400px; object-fit:cover; width: 100%; object-position: center; margin-top: 2em; border-radius: 15px; }
#foto-renginiai2 { height: 400px; object-fit:cover; width: 100%; object-position: top; margin-top: 2em; border-radius: 15px; }
#foto2 { height: 350px; object-fit:cover; width: 100%; object-position: bottom; margin-top: 2em; border-radius: 15px; }
#foto3 { height: 500px; object-fit:cover; width: 100%; object-position: top; margin-top: 2em; border-radius: 15px; }
#foto4 { height: 500px; object-fit:cover; width: 100%; object-position: center; margin-top: 2em; border-radius: 15px; }

figure.image { width: 100%; }

.content-block { margin-top: 2em; display:block; }
#content-title { font-weight: 600; }
#content-aprasymas { font-weight: 400; font-size: 14px; }
#content-aprasymas a { color: #9077dd; }
#adresas { font-size: 14px; margin-bottom: 0; color: #9077dd; transition: color 0.6s ease; }
#link { margin:0; padding: 0; text-decoration: underline; color: #9077dd; font-size: 14px; }
#link-text { display:inline; font-size: 14px; padding-top: 10px; }

.events h2,
.info,
.date {
  color: #003d3a;
  transition: color 0.6s ease;
}

/* NIGHT MODE */
.section.container-ignore.section-primary-dark.dark .events h2,
.section.container-ignore.section-primary-dark.dark .info,
.section.container-ignore.section-primary-dark.dark .date {
  color: #fff;
}

.events {
  width: 100%;
  padding: 12px 10px 28px;
  box-sizing: border-box;
}

.events h2 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
}

.event-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  min-height: 34px;
  border-bottom: 1px solid #6b61b7;
}

.date {
  font-size: 15px;
  font-weight: 700;
}

.info {
  font-size: 15px;
  line-height: 1.4;
}

.info a {
  color: #8b7bdc;
  text-decoration: underline;
}

@media (max-width: 700px) {
  .event-row {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 0;
  }
}

#content-title,
#content-aprasymas {
  color: #003d3a;
  transition: color 0.6s ease;
}

/* NIGHT MODE */
.section.container-ignore.section-primary-dark.dark #content-title,
.section.container-ignore.section-primary-dark.dark #content-aprasymas {
  color: white;
}

.section.container-ignore.section-primary-dark.dark #adresas {
  color: #fff;
}

.section-light, .section-light .section-adaptive { background: #9077dd; }

.section.container-ignore.section-primary-dark.dark {
  background: #1b1b2f;
}

.mode-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.toggle {
  width: 340px;
  height: 120px;
  position: relative;
  cursor: pointer;
}

.toggle-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.day-img {
  opacity: 1;
  transform: scale(1);
}

.night-img {
  opacity: 0;
  transform: scale(0.96);
}

.toggle.active .day-img {
  opacity: 0;
  transform: scale(1.04);
}

.toggle.active .night-img {
  opacity: 1;
  transform: scale(1);
}

.mode-text {
  color: white;
  font-size: 50px;
  user-select: none;
}

@media (max-width: 768px) {
  .mode-wrapper {
    flex-direction: column;
    gap: 25px;
  }

  .toggle {
    width: 280px;
    height: 100px;
  }

  .mode-text {
    font-size: 34px;
    text-align: center;
  }
}
.section.container-ignore.section-primary-dark {
  transition: background-color 0.5s ease;
  background: #bce6da;
}

.section.container-ignore.section-primary-dark.dark {
  background: #003d3a;
}


@media only screen and (max-width: 1440px) {

#pin1, #pin2, #pin3, #pin4, #pin5, #pin6, #pin7, #pin8, #pin9, #pin10, 
#pin11, #pin12, #pin13, #pin14, #pin15, #pin16, #pin17, #pin18, #pin19, 
#pin20, #pin21, #pin22, #pin23, #pin24, #pin25, #pin26, #pin27, #pin28, #pin29, #pin30, #pin31, #pin32,
#pin33, #pin34, #pin35, #pin36, #pin37, #pin38, #pin39, #pin40, #pin41 {
    width: 45px;
}

}

@media only screen and (max-width: 1024px) {

#siuntimas:before { background-size: 80px; width: 180px; height: 55px; }
#rowed { width: 50px; }
#pin1, #pin2, #pin3, #pin4, #pin5, #pin6, #pin7, #pin8, #pin9, #pin10, 
#pin11, #pin12, #pin13, #pin14, #pin15, #pin16, #pin17, #pin18, #pin19, 
#pin20, #pin21, #pin22, #pin23, #pin24, #pin25, #pin26, #pin27, #pin28, #pin29, #pin30, #pin31, #pin32,
#pin33, #pin34, #pin35, #pin36, #pin37, #pin38, #pin39, #pin40, #pin41 {
    width: 30px;
} 


}

@media only screen and (max-width: 600px) {

.section-overlap-content { padding: 3rem 3rem 1rem 0; }
.section-overlap-img img, .section-overlap-img video { object-position: -30em; }

.section-primary-light, .section-primary-light .section-adaptive { border-top-right-radius: 55px; }
.text-grey { margin-bottom: 20px; }
#top-bar-text { font-size: 21px; }
#box-icon { width: 28%; padding-bottom: 1em; }
#box-text { font-size: 12px; }
#foto { height: 300px; }
#foto2 { height: 300px; }
#foto4 { height: 300px; }
#foto-renginiai2 { height: 250px; }
#foto-renginiai { height: 250px; }

#block13649, #block13648 { margin-top: -1em; }
}

@media only screen and (max-width: 375px) {

#rowed-text { font-size: 10px; }
#pin1, #pin2, #pin3, #pin4, #pin5, #pin6, #pin7, #pin8, #pin9, #pin10, 
#pin11, #pin12, #pin13, #pin14, #pin15, #pin16, #pin17, #pin18, #pin19, 
#pin20, #pin21, #pin22, #pin23, #pin24, #pin25, #pin26, #pin27, #pin28, #pin29, #pin30, #pin31, #pin32,
#pin33, #pin34, #pin35, #pin36, #pin37, #pin38, #pin39, #pin40, #pin41 {
    width: 15px;
}

}

@media only screen and (max-width: 320px) {

#rowed { width: 30px; }
#rowed-text { font-size: 9px; }

}