.elementor-28 .elementor-element.elementor-element-d83f557{--display:flex;--padding-top:200px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-2c878c4{width:100%;max-width:100%;}.elementor-28 .elementor-element.elementor-element-2c878c4.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-d83f557{--padding-top:50px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-2c878c4 *//* =====================================================
   VS Event List
   Date on top
   Start and finish time in middle
   Venue on bottom
   Red title centred
   ===================================================== */

/* Hide unwanted elements */
.vsel-meta-link {
  display: none !important;
}
.vsel-meta-title {
  color: #ff1a1a;
  text-shadow:
    0 0 6px rgba(255,0,0,0.6),
    0 0 12px rgba(255,0,0,0.25);
}
.vsel-content:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,0.1),
    inset 0 -6px 12px rgba(0,0,0,0.7),
    0 14px 28px rgba(0,0,0,0.75);
}
.vsel-content {
  background: linear-gradient(
    180deg,
    #2a2a2a 0%,
    #1f1f1f 40%,
    #181818 100%
  );  color: #fff;
  font-family: 'Microgramma', 'Eurostile', sans-serif;
  border: 1px solid #555;
  border-radius: 8px;
  padding: 32px 28px;   
  margin-bottom: 32px;  
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,0.08),
    inset 0 -6px 12px rgba(0,0,0,0.7),
    0 8px 18px rgba(0,0,0,0.6);  transition: box-shadow 0.3s ease, transform 0.2s ease;
  text-align: center !important;
}

/* Meta wrapper */
.vsel-content .vsel-meta {
  display: inline-grid !important;
  row-gap: 10px; /* was 6px */
  padding-top: 30px; 
}

/* Keep all inner items centred */
.vsel-content .vsel-meta * {
  text-align: center !important;
}

/* Date */
.vsel-content .vsel-meta-date {
  grid-column: 1;
  grid-row: 1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  white-space: nowrap;
  line-height: 1 !important;
}

/* Time */
.vsel-content .vsel-meta-time {
  grid-column: 1;
  grid-row: 2;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  white-space: nowrap;
  line-height: 1 !important;
}


/* Remove the separator before time */
.vsel-content .vsel-meta-time::before {
  content: none !important;
}

/* Title */
.vsel-content .vsel-meta-title {
  grid-column: 1;
  grid-row: 3;
  justify-self: center;
  margin-top: 4px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
  color: red;
}

/* Venue */
.vsel-content .vsel-meta-location {
  grid-column: 1;
  grid-row: 4;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
  opacity: 0.85;
}

/* Restore visible text inside date and time */
.vsel-content .vsel-meta-date span,
.vsel-content .vsel-meta-time span {
  display: inline-block !important;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle !important;
  line-height: 1 !important;
}

/* Style venue text */
.vsel-content .vsel-meta-location span,
.vsel-content .vsel-meta-location a {
  font-size: 13px;
  color: #aaa !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Disable date link behaviour and remove all underline styles */
.vsel-content .vsel-meta-date a,
.vsel-content .vsel-meta-date a:hover,
.vsel-content .vsel-meta-date a:focus,
.vsel-content .vsel-meta-date a:active,
.vsel-content .vsel-meta-date a:visited {
  pointer-events: none;
  color: #ccc !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}

/* Ensure no pseudo underline on date link */
.vsel-content .vsel-meta-date a::before,
.vsel-content .vsel-meta-date a::after {
  content: none !important;
}

/* Title link */
.vsel-content .vsel-meta-title a {
  color: #c00 !important;
  text-decoration: none !important;
}

/* Hover glow */
.vsel-content:hover .vsel-meta-title a {
  color: #fff !important;
  text-shadow: 0 0 8px #c00;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d83f557 */.elementor-28 .elementor-element.elementor-element-d83f557 .vsel-image-img {
    margin: 20px !important;
    display: block;
}/* End custom CSS */