/* compiled by scssphp 1.11.0 on Thu, 06 Apr 2023 18:34:46 +0000 (0.0295s) */

/* Breakpoints */
/* Variables */
/* REM Base Size */
/** Shortcode: Event - Start */
div[data-shortcode="event"] {
  max-width: 100%;
  display: flex;
}
div[data-shortcode="event"] div.thumbnail {
  flex-basis: 35%;
  flex-grow: 0;
}
div[data-shortcode="event"] div.thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
div[data-shortcode="event"] div.content {
  flex-basis: 65%;
  flex-grow: 0;
  padding: 35px;
}
div[data-shortcode="event"] div.content > * {
  margin: 15px 0;
}
div[data-shortcode="event"] div.content h4 {
  font-size: 2.13rem;
}
div[data-shortcode="event"] div.content p {
  font-size: 1.07rem;
}
div[data-shortcode="event"] div.content p:last-child {
  margin-top: 30px;
}
div[data-shortcode="event"] div.content p.location, div[data-shortcode="event"] div.content p.date {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 30px;
}
div[data-shortcode="event"] div.content p.location {
  background-image: url("../svg/pin.svg");
}
div[data-shortcode="event"] div.content p.date {
  background-image: url("../svg/calendar.svg");
}
div[data-shortcode="event"] div.toolbar {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin: 35px 0;
}
/* Responsiveness */
@media (max-width: 768px) {
  div[data-shortcode="event"] {
    flex-direction: column;
  }
  div[data-shortcode="event"] div.thumbnail, div[data-shortcode="event"] div.content {
    flex-grow: 1;
  }
  div[data-shortcode="event"] div.toolbar div.logo {
    height: 38px;
  }
  div[data-shortcode="event"] div.toolbar div.logo img {
    display: block;
    max-height: 38px;
  }
}
/** Shortcode: Event - End */