/* Work Overview Layout */
/* Mobile */
@media (max-width: 767px) {
  .work-layout {
    flex-direction:column;
  }
  .work-layout > * {
    width: 100% !important;
    min-width:100% !important;
    max-width: unset !important;
  }
}
/* Default */
.work-layout > * {
  flex: 0 0 calc(50% - 3rem);
}
.work-layout > :nth-child(1),
.work-layout > :nth-child(4){ 
  flex: 1 1 0;
  min-width: calc(65% - 3rem); 
}
.work-layout > :nth-child(2),
.work-layout > :nth-child(3){ 
  flex: 1 1 0;
  min-width: calc(35% - 3rem); 
}
.work-layout > :nth-child(5n + 9) {
  min-width: 80%;
  max-width: 10rem;
  margin: 0 auto;
}
/* Work Item */
.work-item {
  width:unset;
  max-widt:unset;
  transform: translateY(0rem);
  transition: all 300ms ease-in;
}
.work-item:hover {
    transform: translateY(-1rem) !important;    
    transition: all 300ms ease-in;
}
@media (min-width: 768px) {
  .work-item:hover .work-item-subheader{
      opacity: 1;
      transform: translateY(0rem)
  }
  .work-item-subheader {
      opacity: 0;
      transform: translateY(-1.5rem);
      transition: all 400ms cubic-bezier(1, 0.5, 0.795, 0.035);
  }
}
/* Industry tags */
.category-tag-checkbox-w:hover .category-tag-checkbox {
  border: 1px solid var(--color--ui-grey);
  background-color: var(--color--ui-grey);
  background-image: none;
  transition: all 200ms ease;
  
}
.category-tag-checkbox-w:hover .category-tag-label {
  color: var(--color--text-grey);
  transition: all 300ms ease;
}
/* Clear filter */
/* Desktop */
[fs-list-element="clear"] {
  opacity: 0;
  transform: translateX(6px);
  white-space: nowrap;
  pointer-events: none;
  max-width: 0;
  overflow: hidden;
  transition: all 500ms ease;
}
[fs-list-element="clear"].is-visible {
  opacity:1;
  transform: translateX(0);
  pointer-events: auto;
  max-width: 7rem;
}
[fs-list-element="clear"] .clear-toggle-icon {
  opacity: 0;
  transform: translateX(4px);
  transition: all 200ms ease;
}

[fs-list-element="clear"].is-visible .clear-toggle-icon {
  opacity:1;
  transform: translateX(0);
  transition: 
    opacity 400ms ease-in 100ms,
    transform 300ms ease-in 200ms;
}


/* Hover (only matters when visible) */
[fs-list-element="clear"].is-visible:hover {
  color: var(--color--text-grey);
  transition: color 300ms ease;
}

/* Mobile */
@media (max-width: 767px) {
  [fs-list-element="clear"] {
    max-width: none;
    width: auto;
    max-height: 0;
    overflow: hidden;
    transform: translateY(6px);
    transition: all 500ms ease;
  }
  [fs-list-element="clear"].is-visible {
    max-height: 3rem;
    transform: translateY(0);
    transition: all 500ms ease;
  }
}
/* Stage filter */
.w-dropdown-list {
  opacity: 0;
  max-height:0;
  display: flex !important;
  row-gap:0.25rem;
  overflow: hidden;
  transition: all 200ms ease;
  flex-direction: column;
  justify-content: center;
}
.w-dropdown-list.w--open {
  opacity: 1;
  max-height: 14rem;
  transition: all 300ms ease;
}
/* Stage filter toggle */
.dropdown-toggle.w-dropdown-toggle {
  transition: all 300ms ease;  
}
.dropdown-toggle.w-dropdown-toggle.w--open {
  background-color:white;
  transition: all 300ms ease;  
}
.dropdown-toggle.w-dropdown-toggle svg {
  transition: all 300ms ease;
}
.dropdown-toggle.w-dropdown-toggle.w--open svg {
  transform: rotate(-180deg);
  transition: all 300ms ease;
}