/* EVENTS */

  article.event-article {
    --padding-y: max(1.875em, calc(50 * var(--base-unit)));
  }

  article.upcoming-event-article {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    --padding-y: 1.875em;
  }

  article.event-article .article-date {
    border-bottom: 2px solid var(--base-color-dark-blue);
  }

  article.event-article .article-body {
    padding: var(--padding-y) 0;
    border-bottom: 2px solid var(--base-color-dark-blue);
    flex-grow: 1;
    display: flex;
    flex-flow: column nowrap;
  }

  article.event-article .article-footer {
    padding-top: var(--padding-y);
  }

  article.event-article .headline a:hover {
    text-decoration: underline;
  }

  article.upcoming-event-article .meta-list {
    padding-top: max(15px, calc(45 * var(--base-unit)));
    margin-top: auto;
  }

  article.upcoming-event-article .meta-date-and-time > * {
    display: inline;
  }

  article.event-article .meta-guest {
    color: var(--base-color-blue);
  }

  article.upcoming-event-article .meta-place {
    color: var(--base-color-blue);
    opacity: 0.6;
  }

  article.upcoming-event-article .meta-list > li + li {
    margin-top: 0.5em;
  }

  article.event-article .headline a {
    display: block;
  }

  .meta-date-and-time .start-date .meta-time,
  .meta-date-and-time .end-date {
    color: var(--base-color-blue);
    opacity: 0.6;
  }

  article.event-article .meta-date {
    margin-right: 0.2em;
  }

  article.event-article .end-date {
    margin-bottom: 0.4em;
  }

  article.event-article .meta-time {
    white-space: nowrap;
  }

  article.large-event-article .event-article-col-set {
    display: flex;
    flex-flow: row nowrap;
    --col-1-width: 360px;
  }

  article.large-event-article .event-article-col-set > .col-1 {
    width: var(--col-1-width);
    margin-right: auto;
  }

  article.large-event-article .event-article-col-set > .col-2 {
    width: calc(100% - var(--col-1-width) - var(--grid-1-));
  }

  article.large-event-article .excerpt {
    margin-top: max(16px, calc(40 * var(--base-unit)));
  }

  article.large-event-article .meta-guest {
    margin-top: max(16px, calc(20 * var(--base-unit)));
  }

  article.large-event-article .meta-place {
    margin-bottom: max(16px, calc(20 * var(--base-unit)));
  }

  article.large-event-article .article-body {
    padding-bottom: 0;
    border-bottom: 0
  }






  @media (max-width: 1100px) {
    
    article.large-event-article .event-article-col-set {
      --col-1-width: 25vw;
    }
    
  }








  @media (max-width: 900px) {
    
    article.large-event-article .event-article-col-set {
      --col-1-width: 30vw;
    }
    
    article.large-event-article {
      margin-left: calc(var(--page-padding-left) * -1);
    }
    
    article.large-event-article .event-article-col-set > .col-2 {
      width: calc(100% - var(--col-1-width) - (var(--page-padding-left) / 2));
    }
    
  }
  
  
  
  





  @media (max-width: 600px) {
    
    article.event-article {
      --padding-y: 25px;
    }
    
    article.event-article .article-body,
    article.event-article .article-date {
      border-bottom-width: 1px;
    }
    
    article.event-article .article-body {
      border: 0;
      padding-bottom: 20px;
    }
    
    article.event-article .article-footer {
      padding-top: 0;
    }
    
    article.upcoming-event-article .meta-list > li + li {
      margin-top: 0;
    }
    
    
    
    
    article.large-event-article {
      margin-left: 0;
    }
    
    article.large-event-article .event-article-col-set {
      --col-1-width: 100%;
      flex-flow: column nowrap;
    }
    
    article.large-event-article .event-article-col-set > .col-1 {
      max-width: 250px;
    }
    
    article.large-event-article .event-article-col-set > .col-2 {
      width: 100%;
      padding-top: 20px;
    }
    
    article.large-event-article .headline.hdln-38 {
      --min-font-size: 22px;
    }
    
    article.large-event-article .meta-place.cpy-20 {
      --min-font-size: 14px;
    }
    
    
    
  }