/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.title h1 {
  margin-top: 0; }

#section-events {
  background: #1C3F85;
  border-bottom: 2px solid #fff; }
  #section-events #inner-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    position: relative; }
    #section-events #inner-container > div, #section-events #inner-container article {
      margin-left: 30px;
      margin-top: 30px; }
      @media (min-width: 768px) {
        #section-events #inner-container > div, #section-events #inner-container article {
          flex: 1 0 auto; } }
      @media (min-width: 560px) {
        #section-events #inner-container > div, #section-events #inner-container article {
          max-width: calc(50% - 30px); } }
      @media (min-width: 840px) {
        #section-events #inner-container > div, #section-events #inner-container article {
          max-width: calc(33.33333% - 30px); } }
      @media (min-width: 750px) {
        #section-events #inner-container > div, #section-events #inner-container article {
          min-width: calc(33.33333% - 30px); } }
  #section-events .container {
    width: 95%; }
  #section-events #inner-container {
    margin-top: -30px; }
    #section-events #inner-container article.event-item {
      background: #fff;
      border-radius: 16px;
      position: relative;
      width: 100%; }
      #section-events #inner-container article.event-item a.overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2; }
      #section-events #inner-container article.event-item .thumb {
        display: block;
        width: 100%;
        background-size: cover;
        padding-top: 50%;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        position: relative; }
      #section-events #inner-container article.event-item .info {
        padding: 1em; }
        #section-events #inner-container article.event-item .info h3 {
          margin: 0; }
        #section-events #inner-container article.event-item .info .event-data {
          font-family: "MultipleSansPro", Helvetica, Arial, sans-serif;
          font-weight: 600;
          font-size: 13.99444px; }
          #section-events #inner-container article.event-item .info .event-data > span {
            display: block; }
          #section-events #inner-container article.event-item .info .event-data [class^="icon-"], #section-events #inner-container article.event-item .info .event-data [class*=" icon-"] {
            color: #00B6E8;
            margin-right: .3em; }

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