body#mercury .featured-event-block {
  color: #fff;
}
body#mercury .featured-event-block .header-row p {
  color: #20bab0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0;
  text-transform: uppercase;
}
body#mercury .featured-event-block .event-row {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  body#mercury .featured-event-block .event-row {
    gap: 3rem;
    grid-template-columns: 40% 1fr;
    margin-top: 2rem;
  }
}
@media (min-width: 1024px) {
  body#mercury .featured-event-block .event-row {
    gap: 4rem;
  }
}
body#mercury .featured-event-block .event-row .col-1 .event-thumbnail {
  padding-top: 56.25%; /* 16:9 aspect ratio */
  position: relative;
}
body#mercury .featured-event-block .event-row .col-1 .event-thumbnail img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
body#mercury .featured-event-block .event-row .col-2 > *:last-child {
  margin-bottom: 0 !important;
}
body#mercury .featured-event-block .event-row .col-2 .event-name {
  color: white;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
body#mercury .featured-event-block .event-row .col-2 .event-description {
  margin-bottom: 1.5rem;
}
body#mercury .featured-event-block .event-row .col-2 .event-description p {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  margin-top: 0;
}
body#mercury .featured-event-block .event-row .col-2 .event-description p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  body#mercury .featured-event-block .event-row .col-2 .event-description p {
    font-size: 1.125rem;
  }
}
body#mercury .featured-event-block .event-row .col-2 .event-dates {
  align-items: flex-start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  display: flex;
  margin-bottom: 1.5rem;
}
body#mercury .featured-event-block .event-row .col-2 .event-dates .event-date-icon {
  display: block;
  width: 24px;
}
body#mercury .featured-event-block .event-row .col-2 .event-dates .event-date-text .event-datetime {
  color: white;
  font-weight: 700;
  line-height: 1.33333333;
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 1023px) {
  body#mercury .featured-event-block .event-row .col-2 .event-dates .event-date-text .event-datetime {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  body#mercury .featured-event-block .event-row .col-2 .event-dates .event-date-text .event-datetime {
    font-size: 1.125rem;
  }
}
body#mercury .featured-event-block .event-row .col-2 .event-dates .event-date-text .event-datetime.start {
  margin-top: 16px;
}
body#mercury .featured-event-block .event-row .col-2 .event-dates .event-date-text .event-datetime.start:first-of-type {
  margin-top: 0;
}
body#mercury .featured-event-block .event-row .col-2 .event-location {
  align-items: flex-start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  display: flex;
  margin-bottom: 2rem;
  margin-top: 0;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-url:hover .event-location-icon path {
  fill: #3ed8ce;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-icon {
  display: block;
  width: 24px;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-icon path {
  fill: #20bab0;
  transition: fill 0.2s ease-out;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text * {
  color: white;
  font-weight: 700;
  line-height: 1.33333333;
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 1023px) {
  body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text * {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text * {
    font-size: 1.125rem;
  }
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text .event-location-address-link,
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text .event-location-url {
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  transition: -webkit-text-decoration 0.2s ease-out;
  transition: text-decoration 0.2s ease-out;
  transition: text-decoration 0.2s ease-out, -webkit-text-decoration 0.2s ease-out;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text .event-location-address-link:hover,
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text .event-location-url:hover {
  -webkit-text-decoration: underline solid Currentcolor;
          text-decoration: underline solid Currentcolor;
}
body#mercury .featured-event-block .event-row .col-2 .event-location .event-location-text .event-location-address-link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
body#mercury .featured-event-block .event-row .col-2 .event-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
body#mercury .featured-event-block .event-row .col-2 .event-buttons .event-button {
  border-color: #20bab0;
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
  width: -moz-fit-content;
  width: fit-content;
}
body#mercury .featured-event-block .event-row .col-2 .event-buttons .event-button.primary-cta-button {
  background-color: #20bab0;
  color: #001e60;
}
body#mercury .featured-event-block .event-row .col-2 .event-buttons .event-button.primary-cta-button:hover {
  background-color: #3ed8ce;
  border-color: #3ed8ce;
}
body#mercury .featured-event-block .event-row .col-2 .event-buttons .event-button.secondary-cta-button {
  background-color: transparent;
  color: #20bab0;
}
body#mercury .featured-event-block .event-row .col-2 .event-buttons .event-button.secondary-cta-button:hover {
  background-color: #3ed8ce;
  border-color: #3ed8ce;
  color: #001e60;
}

/*# sourceMappingURL=view.css.map*/