.elementor-1146 .elementor-element.elementor-element-0ae7bb8{--display:flex;}.elementor-1146 .elementor-element.elementor-element-7ebe6f0{--spacer-size:93px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 > .elementor-widget-container{padding:33px 33px 0px 33px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content .etn-title{font-family:"Cheap Pine Sans", Sans-serif;font-size:35px;font-weight:300;line-height:36px;letter-spacing:0.9px;color:#D0A96A;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content .etn-title a{color:#D0A96A;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item:hover .etn-event-content .etn-title:hover{color:var( --e-global-color-accent );}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item:hover .etn-event-content .etn-title a{color:var( --e-global-color-accent );}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content p{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-location{font-size:18px;color:var( --e-global-color-accent );}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-date{font-size:18px;font-weight:200;color:#80C7A5;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item .etn-btn{font-size:25px;color:var( --e-global-color-text );border-style:none;padding:0px 0px 0px 0px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item .etn-btn:hover{color:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item{background-color:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item:hover{background-color:var( --e-global-color-secondary );}.elementor-1146 .elementor-element.elementor-element-92d0188 > .elementor-widget-container{padding:0px 33px 33px 33px;}.elementor-1146 .elementor-element.elementor-element-a40bf0d{--display:flex;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b > .elementor-widget-container{padding:33px 33px 33px 33px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content .etn-title{font-family:"Cheap Pine Sans", Sans-serif;font-size:35px;font-weight:300;line-height:36px;letter-spacing:0.9px;color:#D0A96A;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content .etn-title a{color:#D0A96A;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item:hover .etn-event-content .etn-title:hover{color:var( --e-global-color-accent );}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item:hover .etn-event-content .etn-title a{color:var( --e-global-color-accent );}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content p{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-location{font-size:18px;color:var( --e-global-color-accent );}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-date{font-size:18px;font-weight:200;color:#80C7A5;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item .etn-btn{font-size:25px;color:var( --e-global-color-text );border-style:none;padding:0px 0px 0px 0px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item .etn-btn:hover{color:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item{background-color:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item:hover{background-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-1146 .elementor-element.elementor-element-7ebe6f0{--spacer-size:57px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 > .elementor-widget-container{padding:57px 57px 0px 57px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content .etn-title{font-size:32px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content p{font-size:16px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-location{font-size:16px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-date{font-size:16px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b > .elementor-widget-container{padding:57px 57px 57px 57px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content .etn-title{font-size:32px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content p{font-size:18px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-location{font-size:16px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-date{font-size:18px;}}@media(max-width:767px){.elementor-1146 .elementor-element.elementor-element-491c1a8 > .elementor-widget-container{padding:14px 14px 14px 14px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content .etn-title{font-size:18px;line-height:1em;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-content p{font-size:11px;line-height:1.1em;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-location{font-size:11px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-date{font-size:11px;}.elementor-1146 .elementor-element.elementor-element-491c1a8 .etn-event-item .etn-btn{font-size:14px;line-height:1.4em;letter-spacing:1.3px;padding:0px 0px 0px 0px;}.elementor-1146 .elementor-element.elementor-element-92d0188 > .elementor-widget-container{padding:0px 14px 14px 14px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b > .elementor-widget-container{padding:14px 14px 14px 14px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content .etn-title{font-size:18px;line-height:1em;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-content p{font-size:11px;line-height:1.1em;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-location{font-size:11px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-date{font-size:11px;}.elementor-1146 .elementor-element.elementor-element-f8e5b9b .etn-event-item .etn-btn{font-size:14px;line-height:1.4em;letter-spacing:1.3px;padding:0px 0px 0px 0px;}}/* Start custom CSS for etn-event-pro, class: .elementor-element-491c1a8 *//* =====================================================
   SCOTSMAN MUSIC EVENTIN EVENTS
   Desktop: image/button left | info right
   Tablet/mobile: image top | info middle | button bottom
   Typography mostly controlled by Elementor
===================================================== */


/* =========================
   CARD
========================= */

.etn-event-item,
.etn-event-list .etn-event-item,
.etn-event-list2 .etn-event-item {
  position: relative !important;
  background: linear-gradient(135deg, #002d2d 0%, #001f24 100%) !important;
  border: 1px solid rgba(208, 169, 106, 0.58) !important;
  border-left: 4px solid #D0A96A !important;
  border-radius: 18px !important;
  padding: 26px 28px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
}

/* Remove Eventin/old accent bar */
.etn-event-item::before,
.etn-event-list .etn-event-item::before,
.etn-event-list2 .etn-event-item::before {
  display: none !important;
  content: none !important;
}


/* =========================
   DESKTOP LAYOUT
========================= */

.etn-event-item .etn-row,
.etn-event-item .row {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
  width: 100% !important;
}

/* Reset Eventin/Bootstrap column widths */
.etn-event-item .etn-row > div,
.etn-event-item .row > div {
  width: auto !important;
  max-width: none !important;
}

/* Left column: image + button */
.etn-event-item .etn-col-lg-5,
.etn-event-item .etn-col-lg-4,
.etn-event-item .etn-col-md-5,
.etn-event-item .etn-col-md-4 {
  grid-column: 1 !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Right column: event info */
.etn-event-item .etn-col-lg-7,
.etn-event-item .etn-col-lg-8,
.etn-event-item .etn-col-md-7,
.etn-event-item .etn-col-md-8 {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}


/* =========================
   THUMBNAIL - DESKTOP
========================= */

.etn-event-thumb {
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.etn-event-thumb img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: unset !important;
  object-position: unset !important;
  filter: none !important;
}


/* =========================
   BUTTON UNDER IMAGE
========================= */

.sm-event-image-action {
  margin-top: 12px !important;
  width: 100% !important;
}

.sm-event-image-action .etn-atend-btn,
.sm-event-image-action a.etn-atend-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  background: transparent !important;
  color: #F3D89A !important;
  border: 2px solid #D0A96A !important;
  border-radius: 999px !important;

  padding: 5px 12px !important;

  box-shadow: none !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.sm-event-image-action .etn-atend-btn:hover,
.sm-event-image-action a.etn-atend-btn:hover {
  background: #D0A96A !important;
  color: #002525 !important;
  transform: translateY(-1px) !important;
}


/* =========================
   CONTENT ORDER
========================= */

.etn-event-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

/* Hide attendee count */
.etn-event-attendee-count,
.etn-event-attendee-count * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide empty footer after button move */
.etn-event-footer:empty {
  display: none !important;
}

/* Title */
.etn-event-content .etn-title.etn-event-title {
  order: 1 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

/* Date */
.etn-event-content .etn-event-footer {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

/* Location */
.etn-event-content .etn-event-location {
  order: 3 !important;
  margin: 0 0 10px 0 !important;
}

/* Description */
.etn-event-content > p {
  order: 4 !important;
  margin: 0 !important;
}


/* =========================
   COLOURS ONLY
========================= */

.etn-event-content .etn-title.etn-event-title,
.etn-event-content .etn-title.etn-event-title a,
.etn-event-content h3.etn-title.etn-event-title,
.etn-event-content h3.etn-title.etn-event-title a {
  color: #D0A96A !important;
  text-decoration: none !important;
}

.etn-event-footer,
.etn-event-footer span,
.etn-event-footer div,
.etn-event-date,
.etn-event-content .etn-event-date {
  color: #F3D89A !important;
}

.etn-event-content > p {
  color: #F7E7C6 !important;
}

.etn-event-location,
.etn-event-location span,
.etn-event-location div,
.etn-event-location a,
.etn-event-location .sm-map-link {
  color: #9FC7A5 !important;
  text-decoration: none !important;
}

.etn-event-location .sm-map-link:hover {
  color: #D0A96A !important;
  text-decoration: underline !important;
}

.etn-event-content i,
.etn-event-footer i,
.etn-event-location i {
  color: #D0A96A !important;
  margin-right: 7px !important;
}


/* =========================
   TYPOGRAPHY BRIDGE
   Lets child links/spans follow Elementor styling
========================= */

/* Title link follows title typography */
.etn-event-content h3.etn-title.etn-event-title > a,
.etn-event-content .etn-title.etn-event-title > a {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Date children follow footer typography */
.etn-event-content .etn-event-footer span,
.etn-event-content .etn-event-footer div,
.etn-event-content .etn-event-date span,
.etn-event-content .etn-event-date div {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Location children follow location typography */
.etn-event-content .etn-event-location > a,
.etn-event-content .etn-event-location .sm-map-link,
.etn-event-content .etn-event-location span,
.etn-event-content .etn-event-location div {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Description child elements, if any */
.etn-event-content > p a,
.etn-event-content > p span,
.etn-event-content > p strong,
.etn-event-content > p em {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}


/* =========================
   CLEANUP
========================= */

.etn-event-content a {
  text-decoration: none !important;
}

.etn-event-content h3,
.etn-event-content p {
  padding: 0 !important;
}


/* =====================================================
   TABLET / MOBILE FINAL LAYOUT
   Image top → info → button
===================================================== */

@media (max-width: 1024px) {

  /* Stop Eventin outer layout from making columns */
  .etn-event-list .etn-col-md-6,
  .etn-event-list2 .etn-col-md-6,
  .etn-event-list3 .etn-col-md-6,
  .etn-event-wrapper .etn-col-md-6,
  .etn-event-list-wrapper .etn-col-md-6,
  .etn-event-item-wrap,
  .etn-event-item-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .etn-event-list > .etn-row,
  .etn-event-list2 > .etn-row,
  .etn-event-list3 > .etn-row,
  .etn-event-wrapper > .etn-row,
  .etn-event-list-wrapper > .etn-row {
    display: block !important;
  }

  /* Card */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 18px !important;
    border-radius: 18px !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
  }

  /* Main card stack */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* Flatten image/button column so image and button can be positioned separately */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image at top */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 0 14px 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .etn-event-item .etn-event-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Info in middle */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep text left aligned */
  .etn-event-item .etn-event-content,
  .etn-event-item .etn-event-title,
  .etn-event-item .etn-event-footer,
  .etn-event-item .etn-event-location,
  .etn-event-item .etn-event-content > p {
    text-align: left !important;
  }

  /* Tight spacing */
  .etn-event-content .etn-title.etn-event-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .etn-event-content .etn-event-footer {
    margin-bottom: 8px !important;
  }

  .etn-event-content .etn-event-location {
    margin-bottom: 10px !important;
  }

  /* Button at bottom */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    margin: 16px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    width: 100% !important;
    max-width: 270px !important;
  }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 14px !important;
  }

  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8,
  .etn-event-item .sm-event-image-action {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =====================================================
   TABLET/MOBILE - FIX IMAGE FRAME + CLOSE GAP
   Image fills the frame, text sits directly underneath
===================================================== */

@media (max-width: 1024px) {

  /* Reduce card padding so image doesn't float inside a huge frame */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 12px !important;
  }

  /* Stack image, info, button tightly */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* Let the image and button move independently */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image frame */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    display: block !important;
    background: transparent !important;
  }

  /* If Eventin wraps the image in a link */
  .etn-event-item .etn-event-thumb a,
  .etn-event-item .etn-event-thumb picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
  }

  /* Image fills the whole frame */
  .etn-event-item .etn-event-thumb img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Info block directly under image */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove extra title gap */
  .etn-event-content .etn-title.etn-event-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Button below content */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 16px 0 0 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    max-width: 270px !important;
  }
}

/* =====================================================
   FINAL OVERRIDE - TABLET/MOBILE EVENT CARD RESET
   Image top → text → button
   Fixes padding, row margins, image frame and left clipping
===================================================== */

@media (max-width: 1024px) {

  /* Card padding: keep an even inset all around */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Reset Eventin/Bootstrap row behaviour */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove Bootstrap/Eventin column padding that causes left/right misalignment */
  .etn-event-item .etn-row > div,
  .etn-event-item .row > div,
  .etn-event-item [class*="etn-col-"] {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Flatten image/button column so image and button can be ordered separately */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image frame at top */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  /* If the image is wrapped in a link/picture, make that wrapper fill the frame */
  .etn-event-item .etn-event-thumb a,
  .etn-event-item .etn-event-thumb picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  /* Image fills the frame */
  .etn-event-item .etn-event-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Content block directly under image */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 14px 0 14px !important;
    box-sizing: border-box !important;
  }

  /* Text block */
  .etn-event-item .etn-event-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  /* Tighten text spacing */
  .etn-event-content .etn-title.etn-event-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .etn-event-content .etn-event-footer {
    margin-bottom: 8px !important;
  }

  .etn-event-content .etn-event-location {
    margin-bottom: 10px !important;
  }

  .etn-event-content > p {
    margin: 0 !important;
  }

  /* Button under content */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    width: 100% !important;
    max-width: 270px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92d0188 *//* =====================================================
   MANUAL HOGMANAY CARD - TYPOGRAPHY ONLY
===================================================== */

/* Title */
.sm-manual-event-card .etn-event-title,
.sm-manual-event-card .etn-event-title a,
.sm-manual-event-card h3.etn-event-title,
.sm-manual-event-card h3.etn-event-title a {
  color: #D0A96A !important;
  font-family: "Cheap Pine Sans", sans-serif !important;
  font-size: 35px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* Date */
.sm-manual-event-card .etn-event-footer,
.sm-manual-event-card .etn-event-footer span,
.sm-manual-event-card .etn-event-footer div,
.sm-manual-event-card .etn-event-date {
  color: #F3D89A !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* Location */
.sm-manual-event-card .etn-event-location,
.sm-manual-event-card .etn-event-location span,
.sm-manual-event-card .etn-event-location div,
.sm-manual-event-card .etn-event-location a,
.sm-manual-event-card .etn-event-location .sm-map-link {
  color: #9FC7A5 !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

/* Description */
.sm-manual-event-card .etn-event-content > p {
  color: #F7E7C6 !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* Button */
.sm-manual-event-card .sm-event-image-action .etn-atend-btn,
.sm-manual-event-card .sm-event-image-action a.etn-atend-btn,
.sm-manual-event-card a.etn-atend-btn {
  color: #EFD1A1 !important;
  font-family: "Futura PT", sans-serif !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Icons */
.sm-manual-event-card .etn-event-content i,
.sm-manual-event-card .etn-event-footer i,
.sm-manual-event-card .etn-event-location i {
  color: #D0A96A !important;
}


/* =====================================================
   MANUAL HOGMANAY CARD - RESPONSIVE TYPOGRAPHY
===================================================== */

@media (max-width: 1024px) {
  .sm-manual-event-card .etn-event-title,
  .sm-manual-event-card .etn-event-title a,
  .sm-manual-event-card h3.etn-event-title,
  .sm-manual-event-card h3.etn-event-title a {
    font-size: 32px !important;
  }

  .sm-manual-event-card .etn-event-footer,
  .sm-manual-event-card .etn-event-footer span,
  .sm-manual-event-card .etn-event-date {
    font-size: 16px !important;
  }

  .sm-manual-event-card .etn-event-location,
  .sm-manual-event-card .etn-event-location a,
  .sm-manual-event-card .etn-event-location .sm-map-link {
    font-size: 16px !important;
  }

  .sm-manual-event-card .etn-event-content > p {
    font-size: 16px !important;
  }

  .sm-manual-event-card .sm-event-image-action .etn-atend-btn,
  .sm-manual-event-card .sm-event-image-action a.etn-atend-btn,
  .sm-manual-event-card a.etn-atend-btn {
    font-size: 25px !important;
  }
}

@media (max-width: 767px) {
  .sm-manual-event-card .etn-event-title,
  .sm-manual-event-card .etn-event-title a,
  .sm-manual-event-card h3.etn-event-title,
  .sm-manual-event-card h3.etn-event-title a {
    font-size: 18px !important;
  }

  .sm-manual-event-card .etn-event-footer,
  .sm-manual-event-card .etn-event-footer span,
  .sm-manual-event-card .etn-event-date {
    font-size: 11px !important;
  }

  .sm-manual-event-card .etn-event-location,
  .sm-manual-event-card .etn-event-location a,
  .sm-manual-event-card .etn-event-location .sm-map-link {
    font-size: 11px !important;
  }

  .sm-manual-event-card .etn-event-content > p {
    font-size: 11px !important;
  }

  .sm-manual-event-card .sm-event-image-action .etn-atend-btn,
  .sm-manual-event-card .sm-event-image-action a.etn-atend-btn,
  .sm-manual-event-card a.etn-atend-btn {
    font-size: 21px !important;
  }
}

/* =====================================================
   TABLET / MOBILE ONLY
   Image top → content → button bottom
===================================================== */

@media (max-width: 1024px) {

  /* Card padding on tablet/mobile */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 0 0 22px 0 !important;
    overflow: hidden !important;
  }

  /* Stack the card vertically */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* Allow image and button to be positioned separately */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image at the top */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 650px !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 auto 14px auto !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
  }

  .etn-event-item .etn-event-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Content in the middle */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    width: 100% !important;
    max-width: 650px !important;
    min-width: 0 !important;
    padding: 0 24px !important;
    margin: 0 auto !important;
  }

  /* Keep text left aligned */
  .etn-event-item .etn-event-content,
  .etn-event-item .etn-event-title,
  .etn-event-item .etn-event-footer,
  .etn-event-item .etn-event-location,
  .etn-event-item .etn-event-content > p {
    text-align: left !important;
  }

  /* Button at the bottom */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 650px !important;
    padding: 0 24px !important;
    margin: 18px auto 0 auto !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    width: 100% !important;
    max-width: 270px !important;
  }
}/* End custom CSS */
/* Start custom CSS for etn-event-pro, class: .elementor-element-f8e5b9b *//* =====================================================
   SCOTSMAN MUSIC EVENTIN EVENTS
   Desktop: image/button left | info right
   Tablet/mobile: image top | info middle | button bottom
   Typography mostly controlled by Elementor
===================================================== */


/* =========================
   CARD
========================= */

.etn-event-item,
.etn-event-list .etn-event-item,
.etn-event-list2 .etn-event-item {
  position: relative !important;
  background: linear-gradient(135deg, #002d2d 0%, #001f24 100%) !important;
  border: 1px solid rgba(208, 169, 106, 0.58) !important;
  border-left: 4px solid #D0A96A !important;
  border-radius: 18px !important;
  padding: 26px 28px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
}

/* Remove Eventin/old accent bar */
.etn-event-item::before,
.etn-event-list .etn-event-item::before,
.etn-event-list2 .etn-event-item::before {
  display: none !important;
  content: none !important;
}


/* =========================
   DESKTOP LAYOUT
========================= */

.etn-event-item .etn-row,
.etn-event-item .row {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
  width: 100% !important;
}

/* Reset Eventin/Bootstrap column widths */
.etn-event-item .etn-row > div,
.etn-event-item .row > div {
  width: auto !important;
  max-width: none !important;
}

/* Left column: image + button */
.etn-event-item .etn-col-lg-5,
.etn-event-item .etn-col-lg-4,
.etn-event-item .etn-col-md-5,
.etn-event-item .etn-col-md-4 {
  grid-column: 1 !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Right column: event info */
.etn-event-item .etn-col-lg-7,
.etn-event-item .etn-col-lg-8,
.etn-event-item .etn-col-md-7,
.etn-event-item .etn-col-md-8 {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}


/* =========================
   THUMBNAIL - DESKTOP
========================= */

.etn-event-thumb {
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.etn-event-thumb img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: unset !important;
  object-position: unset !important;
  filter: none !important;
}


/* =========================
   BUTTON UNDER IMAGE
========================= */

.sm-event-image-action {
  margin-top: 12px !important;
  width: 100% !important;
}

.sm-event-image-action .etn-atend-btn,
.sm-event-image-action a.etn-atend-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  background: transparent !important;
  color: #F3D89A !important;
  border: 2px solid #D0A96A !important;
  border-radius: 999px !important;

  padding: 5px 12px !important;

  box-shadow: none !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.sm-event-image-action .etn-atend-btn:hover,
.sm-event-image-action a.etn-atend-btn:hover {
  background: #D0A96A !important;
  color: #002525 !important;
  transform: translateY(-1px) !important;
}


/* =========================
   CONTENT ORDER
========================= */

.etn-event-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

/* Hide attendee count */
.etn-event-attendee-count,
.etn-event-attendee-count * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide empty footer after button move */
.etn-event-footer:empty {
  display: none !important;
}

/* Title */
.etn-event-content .etn-title.etn-event-title {
  order: 1 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

/* Date */
.etn-event-content .etn-event-footer {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

/* Location */
.etn-event-content .etn-event-location {
  order: 3 !important;
  margin: 0 0 10px 0 !important;
}

/* Description */
.etn-event-content > p {
  order: 4 !important;
  margin: 0 !important;
}


/* =========================
   COLOURS ONLY
========================= */

.etn-event-content .etn-title.etn-event-title,
.etn-event-content .etn-title.etn-event-title a,
.etn-event-content h3.etn-title.etn-event-title,
.etn-event-content h3.etn-title.etn-event-title a {
  color: #D0A96A !important;
  text-decoration: none !important;
}

.etn-event-footer,
.etn-event-footer span,
.etn-event-footer div,
.etn-event-date,
.etn-event-content .etn-event-date {
  color: #F3D89A !important;
}

.etn-event-content > p {
  color: #F7E7C6 !important;
}

.etn-event-location,
.etn-event-location span,
.etn-event-location div,
.etn-event-location a,
.etn-event-location .sm-map-link {
  color: #9FC7A5 !important;
  text-decoration: none !important;
}

.etn-event-location .sm-map-link:hover {
  color: #D0A96A !important;
  text-decoration: underline !important;
}

.etn-event-content i,
.etn-event-footer i,
.etn-event-location i {
  color: #D0A96A !important;
  margin-right: 7px !important;
}


/* =========================
   TYPOGRAPHY BRIDGE
   Lets child links/spans follow Elementor styling
========================= */

/* Title link follows title typography */
.etn-event-content h3.etn-title.etn-event-title > a,
.etn-event-content .etn-title.etn-event-title > a {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Date children follow footer typography */
.etn-event-content .etn-event-footer span,
.etn-event-content .etn-event-footer div,
.etn-event-content .etn-event-date span,
.etn-event-content .etn-event-date div {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Location children follow location typography */
.etn-event-content .etn-event-location > a,
.etn-event-content .etn-event-location .sm-map-link,
.etn-event-content .etn-event-location span,
.etn-event-content .etn-event-location div {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Description child elements, if any */
.etn-event-content > p a,
.etn-event-content > p span,
.etn-event-content > p strong,
.etn-event-content > p em {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}


/* =========================
   CLEANUP
========================= */

.etn-event-content a {
  text-decoration: none !important;
}

.etn-event-content h3,
.etn-event-content p {
  padding: 0 !important;
}


/* =====================================================
   TABLET / MOBILE FINAL LAYOUT
   Image top → info → button
===================================================== */

@media (max-width: 1024px) {

  /* Stop Eventin outer layout from making columns */
  .etn-event-list .etn-col-md-6,
  .etn-event-list2 .etn-col-md-6,
  .etn-event-list3 .etn-col-md-6,
  .etn-event-wrapper .etn-col-md-6,
  .etn-event-list-wrapper .etn-col-md-6,
  .etn-event-item-wrap,
  .etn-event-item-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .etn-event-list > .etn-row,
  .etn-event-list2 > .etn-row,
  .etn-event-list3 > .etn-row,
  .etn-event-wrapper > .etn-row,
  .etn-event-list-wrapper > .etn-row {
    display: block !important;
  }

  /* Card */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 18px !important;
    border-radius: 18px !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
  }

  /* Main card stack */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* Flatten image/button column so image and button can be positioned separately */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image at top */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 0 14px 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .etn-event-item .etn-event-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Info in middle */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep text left aligned */
  .etn-event-item .etn-event-content,
  .etn-event-item .etn-event-title,
  .etn-event-item .etn-event-footer,
  .etn-event-item .etn-event-location,
  .etn-event-item .etn-event-content > p {
    text-align: left !important;
  }

  /* Tight spacing */
  .etn-event-content .etn-title.etn-event-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .etn-event-content .etn-event-footer {
    margin-bottom: 8px !important;
  }

  .etn-event-content .etn-event-location {
    margin-bottom: 10px !important;
  }

  /* Button at bottom */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    margin: 16px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    width: 100% !important;
    max-width: 270px !important;
  }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 14px !important;
  }

  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8,
  .etn-event-item .sm-event-image-action {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =====================================================
   TABLET/MOBILE - FIX IMAGE FRAME + CLOSE GAP
   Image fills the frame, text sits directly underneath
===================================================== */

@media (max-width: 1024px) {

  /* Reduce card padding so image doesn't float inside a huge frame */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 12px !important;
  }

  /* Stack image, info, button tightly */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* Let the image and button move independently */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image frame */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    display: block !important;
    background: transparent !important;
  }

  /* If Eventin wraps the image in a link */
  .etn-event-item .etn-event-thumb a,
  .etn-event-item .etn-event-thumb picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
  }

  /* Image fills the whole frame */
  .etn-event-item .etn-event-thumb img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Info block directly under image */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove extra title gap */
  .etn-event-content .etn-title.etn-event-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Button below content */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 16px 0 0 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    max-width: 270px !important;
  }
}

/* =====================================================
   FINAL OVERRIDE - TABLET/MOBILE EVENT CARD RESET
   Image top → text → button
   Fixes padding, row margins, image frame and left clipping
===================================================== */

@media (max-width: 1024px) {

  /* Card padding: keep an even inset all around */
  .etn-event-item,
  .etn-event-list .etn-event-item,
  .etn-event-list2 .etn-event-item {
    padding: 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Reset Eventin/Bootstrap row behaviour */
  .etn-event-item .etn-row,
  .etn-event-item .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove Bootstrap/Eventin column padding that causes left/right misalignment */
  .etn-event-item .etn-row > div,
  .etn-event-item .row > div,
  .etn-event-item [class*="etn-col-"] {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Flatten image/button column so image and button can be ordered separately */
  .etn-event-item .etn-col-lg-5,
  .etn-event-item .etn-col-lg-4,
  .etn-event-item .etn-col-md-5,
  .etn-event-item .etn-col-md-4 {
    display: contents !important;
  }

  /* Image frame at top */
  .etn-event-item .etn-event-thumb {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  /* If the image is wrapped in a link/picture, make that wrapper fill the frame */
  .etn-event-item .etn-event-thumb a,
  .etn-event-item .etn-event-thumb picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  /* Image fills the frame */
  .etn-event-item .etn-event-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Content block directly under image */
  .etn-event-item .etn-col-lg-7,
  .etn-event-item .etn-col-lg-8,
  .etn-event-item .etn-col-md-7,
  .etn-event-item .etn-col-md-8 {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 14px 0 14px !important;
    box-sizing: border-box !important;
  }

  /* Text block */
  .etn-event-item .etn-event-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  /* Tighten text spacing */
  .etn-event-content .etn-title.etn-event-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .etn-event-content .etn-event-footer {
    margin-bottom: 8px !important;
  }

  .etn-event-content .etn-event-location {
    margin-bottom: 10px !important;
  }

  .etn-event-content > p {
    margin: 0 !important;
  }

  /* Button under content */
  .etn-event-item .sm-event-image-action {
    order: 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  .etn-event-item .sm-event-image-action .etn-atend-btn,
  .etn-event-item .sm-event-image-action a.etn-atend-btn {
    width: 100% !important;
    max-width: 270px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cheap Pine Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://scotsmanmusic.com/wp-content/uploads/2024/07/Cheap-Pine-Sans.ttf') format('truetype');
}
/* End Custom Fonts CSS */