/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.main-content {
  --banner-offset: 60px;
}

@media print, screen and (min-width: 64em) {
  .main-content {
    --banner-offset: 60px;
  }
}

.main-content .pagetitle {
  margin-bottom: 60px;
}

@media print, screen and (min-width: 64em) {
  .main-content .pagetitle {
    margin-bottom: 110px;
  }
}

.main-content.js-ani .listTab {
  opacity: 0;
  transform: translateY(50px);
  transition-duration: 1s;
  transition-property: opacity, transform;
  transition-delay: 0.3s;
}

.main-content.js-ani .tabs-content {
  opacity: 0;
  transform: translateY(50px);
  transition-duration: 1s;
  transition-property: opacity, transform;
  transition-delay: 0.6s;
}

.main-content.js-ani.is-animated .listTab {
  opacity: 1;
  transform: none;
}

.main-content.js-ani.is-animated .tabs-content {
  opacity: 1;
  transform: none;
}

.main-banner {
  margin-bottom: calc(var(--banner-offset) * -1);
}

.list-grid {
  display: grid;
  gap: 15px;
  width: 18.75rem;
  margin: 0 auto;
}

@media print, screen and (min-width: 40em) {
  .list-grid {
    grid-template-columns: repeat(3, 1fr);
    width: auto;
  }
}

.list-cont {
  position: relative;
}

.list-cont .ct_ctr {
  padding-top: 0;
  padding-bottom: 0;
}

.list-cont .tabs-content {
  margin: 0;
}

.wave-bg {
  position: absolute;
  top: var(--banner-offset);
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/yellow-bg.jpg");
  background-position: center;
}

.top-list {
  position: relative;
}

.content-list {
  padding-top: 120px;
  padding-bottom: 110px;
}
