<div class="pk-eachevent">
  <div class="pk-image">
    <img src="your-image.jpg" alt="Event Image">
  </div>
  <div class="pk-event-content">
    <div class="pk-headline">Event Title</div>
    <div class="pk-date">Friday, August 9</div>
    <div class="pk-time">Doors: 6:30 PM · Show: 7:30 PM</div>
    <div class="pk-location">JJ's Live · Fayetteville, AR</div>
    <div class="pk-buttons">
      <!-- Buttons go here -->
    </div>
  </div>
</div>


.pkopenmodal {
	overflow: hidden;
}

.pkveil {
	display: block;
	background-color: black;
	position: fixed;
	left: 0;
	right: 0;
    top: 0;
    bottom: 0;
    z-index: 1049;
    font-family: 'Arial';
    overflow: auto;
    cursor: pointer;
}

.pk-event-list {

}
.sqs-block-content{
  background: black;
}

.pk-eachevent {
  background: white;
  padding-bottom: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.pk-eachevent > * {
  padding-left: 10px;
  padding-right: 10px;
}

.pk-image { 
  padding: 0px; 
}

@supports (aspect-ratio: 1 / 1) {
  .pk-image img {
    width: 100%;
    height: unset;
    aspect-ratio: 1 / 1;
  }
}

.pk-titles { padding-top: 10px; }
.pk-headline {
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 10px; 
  text-transform: uppercase;

   
}

.pk-date-day:after {
  content: ',';
}

.pk-venue-separator, .pk-venue-citystate { display:none; }

.pk-buttons {
  display: flex;
  margin-top: 10px;
  flex-grow: 1;
  justify-content: flex-end;
  flex-direction: column;
  order: 10;
}



.pk-link {
  background: #252525;
  color: white;
  border-radius: 2px;
  text-decoration: none;
 text-transform: uppercase;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: bold;
}

.pklinktext {
  padding: 10px 20px;
  display: block;
  text-align: center;
}

.pk-sold-out {
  position: relative;
  background: red;
  color: white;
  display: inline-block;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 10px 30px;
  box-sizing: border-box;
}




.pk-times {
}

.pkmoreinfo {
  display: block !important;
  color: black;
  font-weight: bold;
}

.pkmoreinfo p {
  text-align: left !important;
  color: black !important;
}

.pkmoreinfo > * {
  font-size: 14px !important;
}

.pkmoreinfo strong {
  font-weight: normal !important;
}

.pkmoreinfo p + p {
  display: none;
}

.pk-org-button-selected {
  background: #333333 !important;
}


@media only screen and (min-width : 0px) and (min-width : 1550px) { 
  .pk-event-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* gap: 50px; 
  }
}

.event--2852852648627255739 .pk-venue {
color: #cc3239;
}

.event--2852852648627255739 .pk-link {
  background: #cc3239;
  color: white;
  border-radius: 2px;
  text-decoration: none;
  width: 100%;
  display: block;
  cursor: pointer;
}