.view-events.view-display-id-main {
  position: static; }
  .view-events.view-display-id-main > .contextual {
    right: auto;
    left: 0; }
  .view-events.view-display-id-main > .view-content {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: column; }
    .view-events.view-display-id-main > .view-content > .views-row {
      width: 49.28367%;
      margin-right: 1.43266%;
      float: left;
      margin-bottom: calc(10px + 10 * ((100vw - 600px) / 800));
      display: flex;
      align-content: stretch; }
      .view-events.view-display-id-main > .view-content > .views-row:nth-child(2n) {
        margin-right: 0; }
      .view-events.view-display-id-main > .view-content > .views-row:nth-child(2n+1) {
        clear: left; }
      @media screen and (max-width: 600px) {
        .view-events.view-display-id-main > .view-content > .views-row {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1400px) {
        .view-events.view-display-id-main > .view-content > .views-row {
          margin-bottom: 20px; } }
      .view-events.view-display-id-main > .view-content > .views-row > .node {
        width: 100%; }
    .is-ie .view-events.view-display-id-main > .view-content {
      display: block; }
      .is-ie .view-events.view-display-id-main > .view-content > .views-row {
        width: 49.28367%;
        margin-right: 1.43266%;
        float: left;
        display: block;
        clear: none; }
        @media (max-width: 600px) {
          .is-ie .view-events.view-display-id-main > .view-content > .views-row {
            width: 100%;
            margin-right: 0; } }
        .is-ie .view-events.view-display-id-main > .view-content > .views-row:nth-child(odd) {
          margin-right: 0; }
    @supports (display: grid) {
      .view-events.view-display-id-main > .view-content {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
        grid-template-rows: minmax(min-content, max-content);
        grid-column-gap: 1.43266%;
        grid-row-gap: calc(10px + 10 * ((100vw - 600px) / 800)); }
        @media screen and (max-width: 600px) {
          .view-events.view-display-id-main > .view-content {
            grid-row-gap: 10px; } }
        @media screen and (min-width: 1400px) {
          .view-events.view-display-id-main > .view-content {
            grid-row-gap: 20px; } }
        @media (max-width: 600px) {
          .view-events.view-display-id-main > .view-content {
            grid-template-columns: 1fr; } }
        .view-events.view-display-id-main > .view-content > .views-row {
          width: 100%;
          margin-right: 0;
          margin-bottom: 0; }
          @media (max-width: 850px) {
            .view-events.view-display-id-main > .view-content > .views-row {
              grid-column: span 2; } } }
    .is-ie .view-events.view-display-id-main > .view-content .views-row.campaign {
      width: 100%; }
      .is-ie .view-events.view-display-id-main > .view-content .views-row.campaign .views-row {
        width: 49.28367%;
        margin-right: 1.43266%;
        float: left; }
        .is-ie .view-events.view-display-id-main > .view-content .views-row.campaign .views-row:nth-child(2n) {
          margin-right: 0; }
        .is-ie .view-events.view-display-id-main > .view-content .views-row.campaign .views-row:nth-child(2n+1) {
          clear: left; }
    @supports (display: grid) {
      .view-events.view-display-id-main > .view-content .views-row.campaign {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
        position: relative; }
        @media (max-width: 1024px) {
          .view-events.view-display-id-main > .view-content .views-row.campaign {
            grid-column-start: 4;
            grid-column-end: 5;
            grid-row-start: 1;
            grid-row-end: 4; } }
        @media (max-width: 850px) {
          .view-events.view-display-id-main > .view-content .views-row.campaign {
            grid-column-start: 3;
            grid-column-end: 5;
            grid-row-start: 1;
            grid-row-end: 4; } }
        @media (max-width: 600px) {
          .view-events.view-display-id-main > .view-content .views-row.campaign {
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 2; } }
        .view-events.view-display-id-main > .view-content .views-row.campaign .view {
          height: 100%; }
        .view-events.view-display-id-main > .view-content .views-row.campaign .view-content {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-column-gap: 2.86533%;
          height: 100%; }
          .view-events.view-display-id-main > .view-content .views-row.campaign .view-content > .views-row > .views-field {
            width: 100%; }
          @media (max-width: 1024px) {
            .view-events.view-display-id-main > .view-content .views-row.campaign .view-content {
              grid-column-gap: 1.43266%;
              grid-template-columns: 1fr;
              grid-row-gap: calc(10px + 10 * ((100vw - 600px) / 800)); } }
        @media screen and (max-width: 1024px) and (max-width: 600px) {
          .view-events.view-display-id-main > .view-content .views-row.campaign .view-content {
            grid-row-gap: 10px; } }
        @media screen and (max-width: 1024px) and (min-width: 1400px) {
          .view-events.view-display-id-main > .view-content .views-row.campaign .view-content {
            grid-row-gap: 20px; } }
          @media (max-width: 600px) {
            .view-events.view-display-id-main > .view-content .views-row.campaign .view-content {
              position: static;
              grid-template-columns: 1fr; } } }
    .hide-campaign.view-events.view-display-id-main > .view-content .views-row.campaign {
      display: none; }
    .view-events.view-display-id-main > .view-content .views-row.campaign .views-element-container {
      width: 100%; }
    .view-events.view-display-id-main > .view-content .views-row.campaign .views-row {
      display: flex;
      align-content: stretch; }
      .view-events.view-display-id-main > .view-content .views-row.campaign .views-row .paragraph {
        height: 100%; }
  .node--type-page .view-events.view-display-id-main {
    margin-left: -9.23299%; }
    @media (max-width: 850px) {
      .node--type-page .view-events.view-display-id-main {
        margin-left: 0; } }

/*# sourceMappingURL=../../_maps/components/view/view--events--main.css.map */
