body {
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
}



/* Layout for Events Block */
.hh-events .row {
  display: flex;
  flex-wrap: wrap;
}
.hh-events-block.hh-events{
    --bgColor: rgb(237, 238, 238);
    background-color: var(--bgColor);
}
@media (min-width: 992px) {
  .hh-events .row {
    flex-wrap: nowrap;
  }

  .hh-events .events {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .hh-events .events.is-swiper {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Sidebar override */
.hh-events .sidebar .row {
  display: block;
}
/* `Website feed` filter */
.hh-events .sidebar .row:last-child {
    display: none;
}

/* Slide layout (2 per row desktop, 1 per row mobile) */
.hh-events .swiper-slide {
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  .hh-events .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Swiper container spacing */
.swiper-container {
  padding-bottom: 2rem; /* room for scrollbar */
  position: relative;   /* required for absolute scrollbar */
}

/* Swiper scrollbar styles */
.swiper-scrollbar {
  height: 6px;
  background-color: #ccc;
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.swiper-scrollbar-drag {
  background-color: #004C97;
  border-radius: 3px;
}
