.fund-filter-widget h4 {
  font-size: 1rem;
}

.fund-filter-widget .funds-available {
  font-size: 0.75rem;
  line-height: 1.5;
}

.fund-filter-table .data-actions-and-info {
  order: -1;
}

.fund-filter-table .data-header h3 {
  font-size: 1.125rem;
}

.benchmark-performance {
  font-size: 0.875rem;
}

/* remove the flex ordering */
.benchmark-performance .form-label-switch {
  order: 2;
}

.benchmark-performance .form-label-text {
  order: 1;
  margin-right: 1rem;
}

.download-information-expandable .expandable-trigger-button {
  order: 2;
}

.fund-show-all .tab-content-body-wrapper {
  display: block !important;
}

.fund-alt-table .datatable-th-group {
  background: #f2f3f3!important;
  border: 1px solid #dbdbdb;
}
.fund-alt-table .datatable-wrapper>table.datatable>thead>tr>th {
  font-weight: bold;
}

.fund-alt-table th,
.fund-alt-table td {
  border: 1px solid #dbdbdb;
}

.fund-alt-table td {
  background: #fff!important;
}
div.fund-facts {
  z-index: 1;
}
.fund-facts dd {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dbdbdb;
}

@media only screen and (max-width: 992px) {
  div.fund-facts {
    position: static;
  }
  .fund-facts .card {
    display: block;
  }
  .download-information {
    overflow: hidden;
  }

  .fund-hero-series {
    background: #f2f3f3;
  }

  .toggle-download-swipe {
    width: 36px;
    background: #fff;
    opacity: 0.5;
    z-index: 1;
    border: 0;
  }

  .toggle-download-swipe-right {
    left: auto;
    right: 0;
  }

  .toggle-download-swipe-left {
    left: 0;
    right: auto;
  }

  .download-information-expandable {
    position: relative;
    padding-bottom: 2rem;
  }

  .download-information-expandable .open {
    padding-bottom: 0;
  }

  .download-information-expandable .expandable-trigger {
    white-space: nowrap;
    flex-wrap: nowrap;
    position: absolute;
  }

  .download-information-expandable.is-swiped-right .expandable-trigger {
    right: calc(100% - 510px + 2rem);
  }

  /* TODO: Investigate doing this with columns/extra divs instead of css */
  .fund-filter-widget .select-wrap,
  .fund-hero .select-wrap {
    width: 100% !important;
  }
}

@media only screen and (max-width: 510px) {
  .download-information-expandable.is-swiped-right .expandable-trigger {
    right: calc(100% - 100vw + 2rem);
  }
}