/*
 * Use this on the outer wrapper of page-level elements.
 * It ensures consistent spacing between elements on the page.
 */
/*
 * General Mixins (put specific ones in component files where applicable)
*/
/*
 * Use this on the outer wrapper of page-level elements.
 * It ensures consistent spacing between elements on the page.
 */
/*
 * General Mixins (put specific ones in component files where applicable)
*/
.page-main-wrapper .banners-wrapper {
  padding: 50px 0 30px 0;
  margin: 0 0 10px 0;
}

.banner-item {
  display: flex;
  width: 25%;
  padding: 0 21px 42px;
}

@media screen and (max-width: 1035px) {
  .banner-item {
    width: 50%;
  }
}

.banner-image {
  position: relative;
  display: block;
  width: 100%;
  height: 155px;
}

.banner-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-card {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
}

.banner-card__body {
  padding: 5px 15px 30px;
}

.banner-title {
  font-size: 18px;
  font-weight: 500;
}

.banners-wrapper .card__heading {
  color: var(--dark-forest-green);
}

a.tabledrag-handle .handle {
  width: auto;
  height: auto;
}


/*# sourceMappingURL=homepage-titled-banners.css.map*/