/* line 6, scss/component/events.scss */
.node--type-event--view-mode-teaser {
  border: 1px solid var(--color--primary2);
  border-radius: 24px;
  margin-top: 2rem; }
  @media (min-width: 768px) {
    /* line 6, scss/component/events.scss */
    .node--type-event--view-mode-teaser {
      margin-top: 0; } }
  /* line 15, scss/component/events.scss */
  .node--type-event--view-mode-teaser .node__content {
    display: flex; }
    /* line 18, scss/component/events.scss */
    .paragraph--type--next-events .node--type-event--view-mode-teaser .node__content {
      flex-direction: column; }
    @media (max-width: 991px) {
      /* line 15, scss/component/events.scss */
      .node--type-event--view-mode-teaser .node__content {
        flex-direction: column; } }
  /* line 27, scss/component/events.scss */
  .node--type-event--view-mode-teaser .event {
    position: relative; }
    /* line 30, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event__left-col {
      flex: 0 0 25%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      min-height: 260px;
      background-color: var(--color--accent2);
      border-top-left-radius: 24px;
      border-bottom-left-radius: 24px;
      padding: 2rem; }
      /* line 42, scss/component/events.scss */
      .paragraph--type--next-events .node--type-event--view-mode-teaser .event__left-col {
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0; }
      @media (max-width: 991px) {
        /* line 30, scss/component/events.scss */
        .node--type-event--view-mode-teaser .event__left-col {
          border-top-right-radius: 24px;
          border-bottom-left-radius: 0; } }
    /* line 53, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event__middle-col {
      flex: 1;
      padding: 2rem;
      border-right: dotted 1px var(--color--primary3); }
      /* line 58, scss/component/events.scss */
      .paragraph--type--next-events .node--type-event--view-mode-teaser .event__middle-col {
        border-radius: 0; }
    /* line 63, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event__right-col {
      flex: 0 1 248px;
      padding: 2rem 1rem; }
      /* line 67, scss/component/events.scss */
      .paragraph--type--next-events .node--type-event--view-mode-teaser .event__right-col {
        margin-top: auto;
        flex: auto;
        text-align: center;
        border-top: dotted 1px var(--color--primary3); }
      @media (max-width: 991px) {
        /* line 63, scss/component/events.scss */
        .node--type-event--view-mode-teaser .event__right-col {
          margin-top: auto;
          flex: auto;
          text-align: center;
          border-top: dotted 1px var(--color--primary3); } }
    /* line 82, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event__upcoming-label {
      position: absolute;
      top: 0;
      left: 2rem;
      padding: 5px 10px;
      color: #fff;
      font-weight: 700;
      background-color: #B20A0A;
      border-radius: 8px;
      border: 1px solid var(--color--primary3);
      transform: translateY(-50%); }
    /* line 95, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-field-event-type {
      display: inline-block;
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--color--secondary3);
      text-transform: uppercase;
      background-color: #fff;
      padding: 5px 10px; }
    /* line 105, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .event__date, .node--type-event--view-mode-teaser .event .field--name-field-location, .node--type-event--view-mode-teaser .event .field--name-field-hours, .node--type-event--view-mode-teaser .event .field--name-field-booth {
      padding-left: 30px;
      color: #fff;
      margin-top: 1rem; }
    /* line 111, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .event__date {
      background: url("../../images/icons/date.svg") no-repeat left center;
      background-size: 20px 20px; }
    /* line 116, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-field-location {
      background: url("../../images/icons/map-pin.svg") no-repeat left center;
      background-size: 20px 20px; }
    /* line 121, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-field-hours {
      background: url("../../images/icons/hours.svg") no-repeat left center;
      background-size: 20px 20px; }
    /* line 126, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-field-booth {
      background: url("../../images/icons/booth.svg") no-repeat left center;
      background-size: 20px 20px; }
    /* line 131, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .link--download, .node--type-event--view-mode-teaser .event .field--name-field-page-cta > a {
      display: inline-block;
      padding-left: 30px;
      background: url("../../images/icons/download.svg") no-repeat left center;
      background-size: 20px 20px;
      color: #3A6382;
      font-weight: 700;
      text-decoration: none; }
    /* line 141, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-field-page-cta > a {
      background: url("../../images/icons/link.svg") no-repeat left center; }
    /* line 145, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-field-article-image {
      flex: 0 0 20%;
      position: relative;
      overflow: hidden; }
      /* line 150, scss/component/events.scss */
      .node--type-event--view-mode-teaser .event .field--name-field-article-image .media--type-image, .node--type-event--view-mode-teaser .event .field--name-field-article-image .field {
        width: 100%;
        height: 100%; }
      /* line 155, scss/component/events.scss */
      .node--type-event--view-mode-teaser .event .field--name-field-article-image img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      /* line 162, scss/component/events.scss */
      .paragraph--type--next-events .node--type-event--view-mode-teaser .event .field--name-field-article-image {
        position: absolute;
        top: 0;
        right: 2rem;
        transform: translateY(-18px);
        border-radius: 10px;
        overflow: hidden; }
        /* line 170, scss/component/events.scss */
        .paragraph--type--next-events .node--type-event--view-mode-teaser .event .field--name-field-article-image .media--type-image, .paragraph--type--next-events .node--type-event--view-mode-teaser .event .field--name-field-article-image .field {
          width: 100px;
          height: 100px; }
      @media (max-width: 991px) {
        /* line 145, scss/component/events.scss */
        .node--type-event--view-mode-teaser .event .field--name-field-article-image {
          position: absolute;
          top: 0;
          right: 2rem;
          transform: translateY(-18px);
          border-radius: 10px;
          overflow: hidden; }
          /* line 184, scss/component/events.scss */
          .node--type-event--view-mode-teaser .event .field--name-field-article-image .media--type-image, .node--type-event--view-mode-teaser .event .field--name-field-article-image .field {
            width: 100px;
            height: 100px; } }
    /* line 191, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event__title {
      min-height: 70px; }
      /* line 194, scss/component/events.scss */
      .node--type-event--view-mode-teaser .event__title .field--name-title {
        display: block;
        font-size: 2rem;
        font-weight: 700;
        line-height: 110%;
        color: var(--color--accent3);
        padding-top: 0; }
    /* line 204, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event .field--name-body {
      min-height: 80px;
      font-size: 0.875rem;
      color: var(--color--accent3); }
    /* line 210, scss/component/events.scss */
    .node--type-event--view-mode-teaser .event__add-to-calendar {
      display: inline-block;
      width: 100%;
      padding-left: 45px;
      margin-bottom: 2rem;
      text-align: center;
      background: #BFDBF0 url("../../images/icons/calendar.svg") 20px 50% no-repeat; }
      /* line 218, scss/component/events.scss */
      .paragraph--type--next-events .node--type-event--view-mode-teaser .event__add-to-calendar {
        width: auto; }

/* line 227, scss/component/events.scss */
.view-id-events.view-display-id-block_1 .views-row + .views-row {
  margin-top: 2.5rem; }

@media (min-width: 768px) {
  /* line 233, scss/component/events.scss */
  .paragraph--type--next-events {
    display: flex; } }

/* line 238, scss/component/events.scss */
.paragraph--type--next-events .next-events__intro {
  flex: 0 0 25%; }
  @media (min-width: 768px) {
    /* line 238, scss/component/events.scss */
    .paragraph--type--next-events .next-events__intro {
      padding-right: 2rem; } }
  /* line 245, scss/component/events.scss */
  .paragraph--type--next-events .next-events__intro .field--name-field-link {
    margin-top: 2rem; }
    /* line 248, scss/component/events.scss */
    .paragraph--type--next-events .next-events__intro .field--name-field-link > a {
      color: var(--color--accent3);
      font-weight: 700;
      text-decoration: none; }

/* line 256, scss/component/events.scss */
.paragraph--type--next-events .views-element-container {
  flex: 1; }

@media (min-width: 768px) {
  /* line 260, scss/component/events.scss */
  .paragraph--type--next-events .view-content {
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 768px) {
  /* line 266, scss/component/events.scss */
  .paragraph--type--next-events .view-content .views-row {
    flex: 0 0 33.33333%;
    padding: 1rem; } }

/* line 278, scss/component/events.scss */
.paragraph--type--next-events .views-element-container .view-events .view-content.swiper-wrapper {
  width: 100vw;
  flex-wrap: nowrap; }
  /* line 281, scss/component/events.scss */
  .paragraph--type--next-events .views-element-container .view-events .view-content.swiper-wrapper .views-row {
    max-width: 500px;
    margin-right: 0 !important; }
    @media (max-width: 768px) {
      /* line 281, scss/component/events.scss */
      .paragraph--type--next-events .views-element-container .view-events .view-content.swiper-wrapper .views-row {
        margin-right: 24px !important; } }

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