/*------------- Scrollable Timeline / TOCs -----------------*/

/**
 * Set the scroll point of the target section to be under
 * the current sticky navigation header or table-of-contents 
 * container.
 */
.scrollable-row::before {
  content: "";
  display: block;
  height: 86px; /* fixed header height*/
  margin: -86px 0 0; /* negative fixed header height */
}

@media (max-width: 768px) {
  .scrollable-row::before {
    height: 240px;
    margin: -240px 0 0;
  }
}
@media (max-width: 768px) {
  .value-prop .scrollable-row::before {
    height: 324px;
    margin: -324px 0 0;
  }
}

.button-primary:hover img {
  fill: #fff !important;
}

/* disable hover treatment on toc link block on touch devices */
.w-mod-touch .toc-link-block:hover {
  opacity: inherit;
}

/* TOC mobile expando/collapse block */
@media (max-width: 768px) {
  .toc-container.desktop {
    display: none; 
  }
  .toc-container.mobile {
    display: block; 
  }
}

@media (min-width: 768px) {
  .toc-container.desktop {
    display: block; 
  }
    .toc-container.mobile {
    display: none; 
  }
}

.toc-container.desktop .toc-expando-link-block {
  display:none;
}

/*------------- Scrollable Member Cards -----------------*/

.cards-container,
.where-we-invest-cards,
.member-cards-container {
  scroll-snap-type: x mandatory;
}

.card,
.where-we-invest-card,
.member-card-collection-item {
  scroll-snap-align: start;
}

.highlight {
  transition: opacity 0.25s;
  opacity: 1 !important;
}

.scrollable-row {
  outline: 0; /* improve ux on safari when scrolling to section */
}

/*------------- Companies Table -----------------*/

.collapsed,
.filtered {
  visibility: collapse !important;
}

@media (max-width: 992px) {
  .collapsed,
  .filtered {
    display: none !important;
  }
}

/* safari hack, collapsed rows don't work */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .collapsed,
    .filtered {
      display: none !important;
    }
  }
}

.companies-data-table td,
.companies-data-table th {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 20px 20px 0;
  margin: 0;
  border-bottom: 1px solid #253533;
}

.companies-data-table th {
  font-weight: bold;
}

.companies-data-table th.sortable {
  cursor: pointer;
}

.companies-data-table td,
.companies-data-table th {
  display: none;
}

.companies-data-table td.mobile,
.companies-data-table th.mobile {
  display: table-cell;
}

@media (min-width: 568px) {
  .companies-data-table td.mobile-landscape,
  .companies-data-table th.mobile-landscape {
    display: table-cell;
  }
}

@media (min-width: 768px) {
  .companies-data-table td.tablet,
  .companies-data-table th.tablet {
    display: table-cell;
  }
}

@media (min-width: 992px) {
  .companies-data-table td.desktop,
  .companies-data-table th.desktop {
    display: table-cell;
  }
}

@media (min-width: 1280px) {
  .companies-data-table td.wide,
  .companies-data-table th.wide {
    display: table-cell;
  }
}

.money::before {
  content: "$";
}

td[data-col="Stage"] {
  white-space: nowrap;
}

.email-submit-block fade {
  opacity: 1;
  transition: opacity 0.25s;
}

.sortable:after,
.sort-asc:after,
.sort-desc:after {
  content: " ";
  position: relative;
  left: 5px;
  border: 7px solid transparent;
}

.sort-desc:after {
  top: 10px;
  border-top-color: #253533;
}

.sort-asc:after {
  bottom: 12px;
  border-bottom-color: #253533;
}

.sortable,
.sort-asc,
.sort-desc {
  padding-right: 10px;
}

/*------------- Blog -----------------*/

#BlogTemplate {
  display: none;
}

/*------------- FAQ Section -----------------*/
#FAQSectionTemplate,
#FAQTemplate {
  display: none;
}

.faq-template-section.hover {
  background-color: rgba(241, 242, 234, 0.5);
  transition: background-color 0.2s ease;
}

/*------------- Other -----------------*/
@media (max-width: 568px) {
  article.community-highlight-post p {
    font-size: 12px;
    line-height: 19px;
  }
}

.hide {
  display: none;
}

@media (min-width: 992px) {
  .hide-desktop {
    display: none;
  }

  [cards-mobile-only="1"] [cards-list-item-container="1"]:not(.active) {
    display: none;
  }
}