.elementor-1724 .elementor-element.elementor-element-69a65cf{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1724 .elementor-element.elementor-element-69a65cf:not(.elementor-motion-effects-element-type-background), .elementor-1724 .elementor-element.elementor-element-69a65cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://singingunlimited.nl/wp-content/uploads/2024/11/singingunlimited-who-are-we.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1724 .elementor-element.elementor-element-69a65cf::before, .elementor-1724 .elementor-element.elementor-element-69a65cf > .elementor-background-video-container::before, .elementor-1724 .elementor-element.elementor-element-69a65cf > .e-con-inner > .elementor-background-video-container::before, .elementor-1724 .elementor-element.elementor-element-69a65cf > .elementor-background-slideshow::before, .elementor-1724 .elementor-element.elementor-element-69a65cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-1724 .elementor-element.elementor-element-69a65cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-80a049e );--background-overlay:'';}.elementor-1724 .elementor-element.elementor-element-428f929.elementor-element{--align-self:flex-start;}.elementor-1724 .elementor-element.elementor-element-428f929 .elementor-heading-title{font-weight:600;color:var( --e-global-color-63c311e );}.elementor-1724 .elementor-element.elementor-element-10f0f02{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-1724 .elementor-element.elementor-element-69a65cf{--content-width:900px;}.elementor-1724 .elementor-element.elementor-element-10f0f02{--content-width:800px;}}@media(max-width:1024px){.elementor-1724 .elementor-element.elementor-element-69a65cf{--min-height:350px;}}@media(max-width:767px){.elementor-1724 .elementor-element.elementor-element-69a65cf{--min-height:250px;}}/* Start custom CSS */#amelia-container.am-elf {
  --su-navy: #002060;
  --su-navy-2: #0b3a8f;
  --su-orange: #C55A11;
  --su-orange-2: #E8892E;
  --su-text: #2b3440;
  --su-muted: #5b6573;
  --su-green: #1E8E3E;

  --am-c-primary: #002060 !important;
  --am-c-btn-prim: #C55A11 !important;
  --am-c-btn-prim-text: #FFFFFF !important;
  --am-c-success: #1E8E3E !important;
  --am-c-main-heading-text: #002060 !important;
  --am-c-main-text: #2b3440 !important;
  --am-c-card-text: #2b3440 !important;
  --am-font-family: 'Poppins', sans-serif !important;
  --am-rad-inp: 10px !important;
  --am-c-scroll-op30: rgba(0, 32, 96, .3) !important;
  --am-c-scroll-op10: rgba(0, 32, 96, .1) !important;
}

/* ---------- Section around the event lists ---------- */
.e-con:has(.elementor-widget-ameliaeventslistbooking) {
  padding-inline: clamp(16px, 4vw, 32px);
}

.elementor-widget-ameliaeventslistbooking {
  margin-bottom: 24px;
}

.e-con:has(.elementor-widget-ameliaeventslistbooking) .elementor-widget-heading .elementor-heading-title {
  position: relative;
  margin-top: 28px;
  padding-bottom: 14px;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  letter-spacing: -.02em;
  color: #002060;
}

.e-con:has(.elementor-widget-ameliaeventslistbooking) .elementor-widget-heading .elementor-heading-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #C55A11, #E8892E);
}

/* ---------- Card ---------- */
#amelia-container .am-els .am-ec {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 104px 180px minmax(0, 1fr) auto;
  grid-template-areas: "date img info actions";
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(0, 32, 96, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(0, 32, 96, .06), 0 10px 28px -14px rgba(0, 32, 96, .25) !important;
  font-family: 'Poppins', sans-serif !important;
  transition: transform .25s ease, box-shadow .25s ease;
}

#amelia-container .am-els .am-ec::before,
#amelia-container .am-els .am-ec::after {
  display: none !important;
}

#amelia-container .am-els .am-ec:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 4px rgba(0, 32, 96, .06), 0 22px 40px -18px rgba(0, 32, 96, .35) !important;
}

#amelia-container .am-els .am-ec p {
  margin: 0 !important;
}

/* ---------- Date block ---------- */
#amelia-container .am-els .am-ec__period {
  grid-area: date;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px;
  width: auto !important;
  margin: 0 !important;
  padding: 18px 8px !important;
  text-align: center !important;
  color: #fff !important;
  background: linear-gradient(160deg, #002060 0%, #0b3a8f 100%) !important;
  border: 0 !important;
}

#amelia-container .am-els .am-ec__period p,
#amelia-container .am-els .am-ec__period span {
  color: inherit !important;
}

#amelia-container .am-els .am-ec__period-text {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  opacity: .7;
}

#amelia-container .am-els .am-ec__period-date {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  line-height: 1 !important;
}

#amelia-container .am-els .am-ec__period-date__day {
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#amelia-container .am-els .am-ec__period-date__month {
  margin: 4px 0 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #E8892E !important;
}

#amelia-container .am-els .am-ec__period-time {
  margin-top: 10px !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: rgba(255, 255, 255, .14);
  border-radius: 999px;
}

/* ---------- Image ---------- */
#amelia-container .am-els .am-ec__image {
  grid-area: img;
  width: auto !important;
  height: auto !important;
  min-height: 160px;
  margin: 0 !important;
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #eef1f7;
  filter: saturate(.95);
  transition: filter .3s ease;
}

#amelia-container .am-els .am-ec:hover .am-ec__image {
  filter: saturate(1.1) brightness(1.03);
}

/* ---------- Info ---------- */
#amelia-container .am-els .am-ec__info {
  grid-area: info;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px;
  min-width: 0;
  width: auto !important;
  padding: 20px 24px !important;
}

#amelia-container .am-els .am-ec__info-name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #002060 !important;
}

#amelia-container .am-els .am-ec__info-location {
  display: flex !important;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #5b6573 !important;
}

#amelia-container .am-els .am-ec__info-location::before {
  content: '';
  flex: 0 0 14px;
  height: 14px;
  margin-top: 3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C55A11'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

#amelia-container .am-els .am-ec__info-other {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  margin-top: 6px !important;
}

#amelia-container .am-els .am-ec__info-availability {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  width: auto !important;
  padding: 4px 11px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #B4190F !important;
  background: rgba(180, 25, 15, .08);
  border-radius: 999px;
}

#amelia-container .am-els .am-ec__info-availability.open {
  color: #1E8E3E !important;
  background: rgba(30, 142, 62, .1);
}

#amelia-container .am-els .am-ec__info-availability::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

#amelia-container .am-els .am-ec__info-availability.open::before {
  animation: su-pulse 1.8s ease-out infinite;
}

@keyframes su-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(30, 142, 62, .45); }
  70%  { box-shadow: 0 0 0 7px rgba(30, 142, 62, 0); }
  100% { box-shadow: 0 0 0 0 rgba(30, 142, 62, 0); }
}

#amelia-container .am-els .am-ec__info-capacity {
  display: inline-flex !important;
  align-items: baseline;
  gap: 4px;
  width: auto !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  color: #5b6573 !important;
}

#amelia-container .am-els .am-ec__info-capacity__number {
  font-weight: 700 !important;
  color: #002060 !important;
}

/* ---------- Price + button ---------- */
#amelia-container .am-els .am-ec__actions {
  grid-area: actions;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 12px;
  width: auto !important;
  margin: 0 !important;
  padding: 20px 24px 20px 0 !important;
}

#amelia-container .am-els .am-ec__actions-price,
#amelia-container .am-els .am-ec__actions-price p {
  width: auto !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  color: #002060 !important;
}

#amelia-container .am-els .am-ec__actions-btn {
  margin: 0 !important;
}

#amelia-container .am-els .am-button {
  height: auto !important;
  padding: 11px 20px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: #C55A11 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px -8px rgba(197, 90, 17, .7) !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

#amelia-container .am-els .am-button:hover {
  background: #a84a0c !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px -8px rgba(197, 90, 17, .8) !important;
}

#amelia-container .am-els .am-ec__actions .am-button__inner::after {
  content: '→';
  display: inline-block;
  margin-left: 8px;
  transition: transform .2s ease;
}

#amelia-container .am-els .am-ec:hover .am-ec__actions .am-button__inner::after {
  transform: translateX(3px);
}

/* ---------- Tablet (list narrower than 768px) ---------- */
#amelia-container .am-els .am-ec.am-rw-768 {
  grid-template-columns: 88px 140px minmax(0, 1fr);
  grid-template-areas:
    "date img info"
    "date img actions";
}

#amelia-container .am-els .am-ec.am-rw-768 .am-ec__info {
  padding: 18px 20px 6px !important;
}

#amelia-container .am-els .am-ec.am-rw-768 .am-ec__actions {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 20px 18px !important;
}

/* ---------- Mobile (list narrower than 620px) ---------- */
#amelia-container .am-els .am-ec.am-rw-620 {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "img"
    "info"
    "actions";
}

#amelia-container .am-els .am-ec.am-rw-620 .am-ec__image {
  min-height: 0;
  aspect-ratio: 16 / 9;
}

#amelia-container .am-els .am-ec.am-rw-620 .am-ec__period {
  position: absolute !important;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 10px 14px !important;
  border-radius: 14px;
  box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .45);
}

#amelia-container .am-els .am-ec.am-rw-620 .am-ec__period-date__day {
  font-size: 28px !important;
}

#amelia-container .am-els .am-ec.am-rw-620 .am-ec__period-time {
  margin-top: 6px !important;
}

#amelia-container .am-els .am-ec.am-rw-620 .am-ec__info {
  padding: 18px 18px 10px !important;
}

#amelia-container .am-els .am-ec.am-rw-620 .am-ec__actions {
  margin: 4px 18px 0 !important;
  padding: 14px 0 18px !important;
  border-top: 1px dashed rgba(0, 32, 96, .14);
}

/* ---------- Booking popup (opens outside the list, so it needs its own vars) ---------- */
.am-dialog-popup .el-dialog,
.am-dialog-popup #amelia-container {
  --am-c-primary: #002060 !important;
  --am-c-success: #1E8E3E !important;
  --am-c-main-heading-text: #002060 !important;
  --am-c-main-text: #2b3440 !important;
  --am-c-card-text: #2b3440 !important;
  --am-c-btn-prim: #C55A11 !important;
  --am-c-btn-prim-text: #FFFFFF !important;
  --am-c-btn-sec: #002060 !important;
  --am-font-family: 'Poppins', sans-serif !important;
  --am-rad-inp: 10px !important;
  --am-c-scroll-op30: rgba(0, 32, 96, .3) !important;
  --am-c-scroll-op10: rgba(0, 32, 96, .1) !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0 30px 80px -20px rgba(0, 32, 96, .45) !important;
}

.amelia-v2-booking .am-button--primary {
  --am-c-btn-first: #C55A11 !important;
  --am-c-btn-first-op80: rgba(197, 90, 17, .8) !important;
  --am-c-btn-first-op30: rgba(197, 90, 17, .3) !important;
  --am-c-btn-first-op20: rgba(197, 90, 17, .1) !important;
}

.amelia-v2-booking .am-button--secondary {
  --am-c-btn-first: #002060 !important;
  --am-c-btn-first-op80: rgba(0, 32, 96, .8) !important;
  --am-c-btn-first-op30: rgba(0, 32, 96, .3) !important;
  --am-c-btn-first-op20: rgba(0, 32, 96, .1) !important;
}

.am-dialog-popup .am-button {
  border-radius: 999px !important;
  font-weight: 600 !important;
}

.am-dialog-popup .am-button--primary.am-button--filled {
  box-shadow: 0 8px 18px -8px rgba(197, 90, 17, .7) !important;
}

.amelia-v2-booking .am-ec {
  --am-c-ec-primary: #002060 !important;
  --am-c-ec-success: #1E8E3E !important;
}

.am-dialog-popup .el-tabs__item.is-active,
.am-dialog-popup .el-tabs__item:hover {
  color: #002060 !important;
}

.am-dialog-popup .el-tabs__active-bar {
  height: 3px !important;
  border-radius: 3px;
  background: linear-gradient(90deg, #C55A11, #E8892E) !important;
}/* End custom CSS */