@media (min-width: 62em) {
  #block-views-block-event-search-block {
    max-width: 58rem; } }

.event-teaser {
  border-top: solid 2px #CCD6D9;
  padding: 1.6rem 0rem; }
  @media (min-width: 48em) {
    .event-teaser {
      padding: 2.4rem 1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 62em) {
    .event-teaser {
      padding: 3rem 2rem; } }
  .event-teaser .extra-field--event-icon {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 0 0 1rem 0;
    border-radius: 0.3rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    background: #F0F4F5;
    padding: 0.8rem; }
    .event-teaser .extra-field--event-icon img {
      width: 2.4rem; }
    @media (min-width: 48em) {
      .event-teaser .extra-field--event-icon {
        -ms-flex-order: 2;
            order: 2;
        -ms-flex: none;
            flex: none;
        margin: 0;
        border-radius: 0.3rem;
        padding: 0.9rem; }
        .event-teaser .extra-field--event-icon img {
          width: 2.9rem; } }
    @media (min-width: 62em) {
      .event-teaser .extra-field--event-icon {
        padding: 1.2rem; }
        .event-teaser .extra-field--event-icon img {
          width: 3.6rem; } }
  @media (min-width: 48em) {
    .event-teaser .event--content-wrapper {
      -ms-flex-order: 1;
          order: 1;
      -ms-flex: 1;
          flex: 1;
      margin-right: 1rem; } }
  @media (min-width: 48em) {
    .event-teaser .event--content-wrapper {
      margin-right: 2rem; } }
  .event-teaser .field.field--name-field-date-range {
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0 0 0.6rem 0;
    color: #030D10; }
    @media (min-width: 48em) {
      .event-teaser .field.field--name-field-date-range {
        font-size: 1rem; } }
    @media (min-width: 62em) {
      .event-teaser .field.field--name-field-date-range {
        background-image: url("../../../images/icons/calendar.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.3rem 1.3rem;
        padding: 0 0 0 2.1rem; } }
  .event-teaser .field.field--name-field-display-title {
    margin: 0; }
    @media (min-width: 48em) {
      .event-teaser .field.field--name-field-display-title {
        -ms-grid-column: 1;
            grid-column-start: 1;
        grid-column-end: 10; } }
    .event-teaser .field.field--name-field-display-title h2,
    .event-teaser .field.field--name-field-display-title h3 {
      margin: 0 0 0.6rem 0;
      font-size: 1.1rem;
      color: #030D10; }
      @media (min-width: 48em) {
        .event-teaser .field.field--name-field-display-title h2,
        .event-teaser .field.field--name-field-display-title h3 {
          font-size: 1.4rem; } }
      @media (min-width: 62em) {
        .event-teaser .field.field--name-field-display-title h2,
        .event-teaser .field.field--name-field-display-title h3 {
          font-size: 1.6rem; } }
  .event-teaser .extra-field--event-meta {
    font-size: 0.7rem;
    color: #364043;
    margin: 0 0 1rem 0; }
    @media (min-width: 48em) {
      .event-teaser .extra-field--event-meta {
        margin: 0 0 1.6rem 0; } }
    .event-teaser .extra-field--event-meta p {
      margin: 0; }
  .event-teaser .field.field--name-field-content h3,
  .event-teaser .field.field--name-field-content p,
  .event-teaser .field.field--name-field-content ul,
  .event-teaser .field.field--name-field-content li {
    font-size: 0.8rem; }
    @media (min-width: 48em) {
      .event-teaser .field.field--name-field-content h3,
      .event-teaser .field.field--name-field-content p,
      .event-teaser .field.field--name-field-content ul,
      .event-teaser .field.field--name-field-content li {
        font-size: 1rem; } }
  .event-teaser .extra-field--event-link p {
    margin: 0; }
  .event-teaser .extra-field--event-link a {
    border-radius: 4px;
    border: 2px solid #ED601A;
    color: inherit;
    font-weight: 700;
    padding: 0.3rem 2.2rem 0.4rem 1rem;
    margin: 0;
    transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
    position: relative;
    display: inline-block;
    font-size: 0.8rem;
    font-size: 0.8rem; }
    @media (min-width: 48em) {
      .event-teaser .extra-field--event-link a {
        font-size: 1rem; } }
    .event-teaser .extra-field--event-link a:after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 15px;
      width: 1.1rem;
      height: 0.8rem;
      background-image: url("../../../images/icons/arrow.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      transform-origin: 50% 50%; }
    .event-teaser .extra-field--event-link a:hover {
      text-decoration: underline;
      border-color: #5FD3E8;
      -webkit-text-decoration-color: inherit;
              text-decoration-color: inherit;
      transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 48em) {
      .event-teaser .extra-field--event-link a {
        font-size: 0.8rem; } }
  .event-teaser a.rsvp-event-link {
    border-radius: 4px;
    border: 2px solid #ED601A;
    color: inherit;
    font-weight: 700;
    padding: 0.3rem 2.2rem 0.4rem 1rem;
    margin: 0;
    transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
    position: relative;
    display: inline-block;
    font-size: 0.8rem;
    font-size: 0.8rem; }
    @media (min-width: 48em) {
      .event-teaser a.rsvp-event-link {
        font-size: 1rem; } }
    .event-teaser a.rsvp-event-link:after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 15px;
      width: 1.1rem;
      height: 0.8rem;
      background-image: url("../../../images/icons/arrow.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      transform-origin: 50% 50%; }
    .event-teaser a.rsvp-event-link:hover {
      text-decoration: underline;
      border-color: #5FD3E8;
      -webkit-text-decoration-color: inherit;
              text-decoration-color: inherit;
      transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 48em) {
      .event-teaser a.rsvp-event-link {
        font-size: 0.8rem; } }

#block-views-block-event-search-block .event-item:first-child .event-teaser {
  border-top: none;
  padding-top: 0; }