.espresso_events{
  margin-bottom: 0;
}
.msa-single-course-event-header p,
.msa-single-course-event-content-container p,
.msa-single-course-event-content-container h2,
.msa-single-course-event-header h2 {
  margin: 0;
}

.msa-col-jus-ali-spbt-cnt {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.msa-flex-col-container,
.msa-flex-row-container {
  display: flex;
}
.msa-flex-wrap {
  flex-wrap: wrap;
}
.msa-flex-nowrap {
  flex-wrap: nowrap;
}

.msa-grid-container {
  display: grid;
}

.msa-gap-4 {
  gap: 4px;
}
.msa-gap-8 {
  gap: 8px;
}
.msa-gap-22 {
  gap: 22px;
}
.msa-gap-24 {
  gap: 24px;
}
.msa-gap-44 {
  gap: 44px;
}

.msa-gap-10 {
  gap: 10px;
}
.msa-gap-20 {
  gap: 20px;
}
.msa-gap-12 {
  gap: 10px;
}

.msa-flex-row-container {
  flex-direction: row;
}
.msa-flex-col-container {
  flex-direction: column;
}

.msa-single-course-event-header {
  padding: 12px;
  background-color: #efefef;
  border-radius: 12px;

  position: relative;
  /* top: 60px; */
  z-index: 1;
}

.msa-vehicle-item {
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--msa-secondary-color);

  justify-content: center;
  align-items: center;
}

.msa-price-container .msa-price,
.msa-private-class-item,
.msa-price-container,
.msa-event-datetime-item > .msa-flex-row-container {
  justify-content: center;
  align-items: center;
}

.msa-single-course-event-header
  .msa-course-share-wrapper
  .action-btn:hover
  svg
  path,
.msa-single-course-event-header .msa-course-share-wrapper .action-btn:hover {
  color: var(--msa-primary-color);
  stroke: var(--msa-primary-color);
}
.msa-single-course-event-header .msa-course-share-wrapper .action-btn {
  color: var(--msa-secondary-color);
  padding: 0;
}
.msa-single-course-event-header .msa-course-share-wrapper .action-btn svg path {
  stroke: var(--msa-secondary-color);
}
.msa-event-datetime-container {
  padding: 12px;
  background-color: var(--msa-primary-color);
}

.msa-course-event-content-grid {
  grid-template-columns: auto 295px;
  grid-gap: 44px 20px;
  grid-template-rows: auto 516px;
}
.msa-header-cols-grid {
  grid-template-columns: 2fr auto;
  grid-gap: 20px 20px;
}

.msa-course-detail-item {
  padding: 12px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background-color: var(--msa-tertiary-color);

  justify-content: center;
  align-items: center;
  align-self: center;
}
.msa-course-event-content,
.msa-venue-container {
  grid-row: span 2;
}
.msa-venue-container .ee-gmap-wrapper {
  width: 100%;
  margin: 0;
}

.msa-map-box {
  border-radius: 12px;
  padding: 12px;
  background-color: #efefef;
}

.msa-venue-website {
  overflow-wrap: break-word;
}

.msa-venue-website a,
.price-color {
  color: #027cff;
}

.msa-price-container .currency-code {
  font-size: inherit;
  color: inherit;
  vertical-align: inherit;
}
.msa-price-container .ticket-selector-submit-btn-wrap .important-notice,
.msa-price-container table,
.msa-price-container .no-tkt-slctr-ticket-content-dv,
.msa-price-container h5,
.msa-price-container br {
  display: none;
}

.msa-price-container form div {
  margin: 0;
}
.msa-price-container form .no-tkt-slctr-ticket-dv {
  padding: 0;
}
.msa-price-container
  .ticket-selector-submit-btn-wrap
  .ticket-selector-submit-btn {
  padding: 16px 18px;
  border: none;
  background-color: var(--msa-primary-color);
  border-radius: 8px;
}

.msa-private-class-item a,
.msa-price-container
  .ticket-selector-submit-btn-wrap
  .ticket-selector-submit-btn {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 11px;
  letter-spacing: 0.5px;
  color: var(--msa-secondary-color);
  cursor: pointer;
}

.text-underline {
  text-decoration: underline !important  ;
}

.msa-single-course-event-header .msa-course-actions {
  align-self: center;
}

.msa-flex-row-container:has(> .msa-course-actions) {
  justify-content: center;
}

.msa-single-course-event-content-container #msa-location-map {
  height: 264px;
  border-radius: 12px;
}

/* Info window CSS */

.msa-infowindow {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 16px;
  font-family: var(--font-primary);
  color: #000;
  line-height: 1.4;
  position: relative;
}

.msa-infowindow .msa-title {
  /* margin-bottom: 8px; */
  font-size: 16px;
}

.msa-direction-link {
  text-decoration: none;
}

.msa-card-direction {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #000;
  justify-content: end;
}

.msa-card-direction img {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
  margin-left: 2px;
}

.gm-style-iw-chr {
  display: none;
}

.display-on-576 {
  display: none;
}

/* Info window End */

@media screen and (max-width: 1440px) {
  .msa-1440-gap-50 {
    gap: 50px;
  }

  .msa-course-event-content-grid {
    grid-template-columns: auto 331px;
    grid-gap: 44px 24px;
  }
}

@media screen and (max-width: 1200px) {
  .msa-course-event-content-grid {
    grid-template-columns: auto 345px;
  }
}
@media screen and (max-width: 992px) {
  .msa-992-gap-20 {
    gap: 20px;
  }
  .msa-992-gap-24 {
    gap: 24px;
  }

  .msa-header-content-container {
    grid-column: span 2;
  }

  .msa-price-container {
    order: 1;
  }

  .msa-vehicle-type-container {
    grid-row: span 2;
    align-items: flex-start;
    margin-top: 32px;
  }

  /* Share icon conatainer */
  .msa-flex-row-container:has(> .msa-course-actions) {
    order: 2;
    margin-top: 20px;
  }

  .msa-course-event-content-grid {
    display: flex;
    flex-direction: column;
  }

  .msa-single-course-event-header {
    /* top: 40px; */
    grid-gap: 0px;
  }

  .msa-992-flex-col-container {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .msa-768-gap-24 {
    gap: 24px;
  }

  .msa-header-cols-grid {
    grid-gap: 20px 20px;
  }

  .msa-flex-row-container:has(> .msa-course-actions) {
    grid-column: span 2;
    justify-content: space-between;
    margin-top: 0;
  }
}

@media screen and (max-width: 576px) {
  .msa-576-gap-24 {
    gap: 24px;
  }

  /* .msa-single-course-event-header { */
    /* top: 24px; */
  /* } */

  .msa-576-flex-col-container {
    flex-direction: column;
  }
  .msa-event-datetime-item {
    align-items: flex-start;
  }
  .msa-price-container {
    align-items: flex-start;
    grid-column: span 2;
  }
  .msa-vehicle-type-container {
    margin-top: 0;
  }

  .msa-single-course-event-header {
    grid-gap: 24px 0;
  }

  .msa-single-course-event-header:has(.msa-row-jus-ali-spbt-cnt) {
    grid-gap: 12px 0;
  }

  .msa-row-jus-ali-spbt-cnt {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .msa-private-class-item {
    display: none;
  }

  .display-on-576 {
    display: flex;
    order: 1;
    justify-content: flex-start;
  }
}
