/* =======================================================================================================
   3XW v2.00 // OPTIONAL // Header Index
   =======================================================================================================
    ...
   ------------------------------------------------------------------------------------------------------- */
#sec_index { display: none; }

.txw-hdr-row-idx {
  position: absolute; width: 100%; top: 100%;
  z-index: -5;
  transition: 200ms ease-in-out;
  transition-property: transform, opacity;
}
.txw-idx-container {
  flex-direction: row;
  align-items: center;
}
header .txw-idx-container {
  filter: var(--shp-flt-shadow-def);
}
.txw-idx-wrapper, .txw-idx-item-wrapper {
  flex-direction: column; flex-grow: 1;
}
.txw-idx-wrapper {
  align-items: normal;
  padding: 0 0 2.5ch 2.5ch;
}
.txw-idx-item-wrapper {
  padding-inline-end: 2.5ch;
}
.txw-idx-header {
  flex-direction: row;
  justify-content: space-between;
  > span { line-height: var(--hdr-row-nav-h); }
}
a:is(.txw-idx-item, .txw-idx-item-top) {
  /*border: unset; width: unset;*/
  font-size: var(--idx-menu-font-size);
  text-transform: lowercase !important;
  line-height: var(--hdr-row-idx-h);
  padding-inline: 20px;
  border-left: var(--shp-bdr-width) solid var(--clr-divider);
}
.txw-idx-item-top { display: flex; flex-direction: row; align-items: center; gap: 1ch; }
.txw-idx-item-top svg { width: 1.2em; height: 1.2em; }

header .txw-hdr-row-idx .txw-idx-container,
header .txw-hdr-row-idx .txw-idx-toggle {
  background: var(--hdr-clr-idx-bg);
}
/* -------------------------------------------------------------------------------------------------------
    HIDDEN
   ------------------------------------------------------------------------------------------------------- */
/*.txw-hdr-row-idx:not(.txw-idx-active) {
  transform: translateX( 100% );
}*/
.txw-hdr-row-idx.hidden {
  transform: translateX( 100% );
}
/* -------------------------------------------------------------------------------------------------------
    TOGGLE
   ------------------------------------------------------------------------------------------------------- */
.txw-idx-toggle {
  width: var(--hdr-row-nav-h); height: var(--hdr-row-nav-h);
  align-items: center; justify-content: center;
  cursor: pointer;
}
.txw-idx-toggle::before {
  border-radius: 0 0 0 var(--btn-bdr-radius);
}
.txw-idx-container > .txw-idx-toggle { /* open-button (not close-button) */
  position: absolute; top: -1px; right: 100%;
}
.txw-idx-toggle > svg {
  width: var(--hdr-ham-size);
  height: var(--hdr-ham-size);
  padding: 3px;
  fill: var(--clr-text);
}
/* @-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@ */
@media (min-width: 1100px)	{
  
  #sec_index { display: flex; }

  .txw-hdr-row-idx {
    background: var(--hdr-clr-idx-bg);
    box-shadow: var(--shp-box-shadow-def);
  }
  header .txw-idx-container {
    width: 100%; max-width: var(--page-max-width);
    padding-inline: var(--pdd-inline-responsive);
    margin-inline: auto;
    filter: unset;
  }
  .txw-idx-wrapper, .txw-idx-item-wrapper {
    flex-direction: row; align-content: center;
    padding: 0;
  }
  .txw-idx-wrapper .txw-idx-header { display: none; }

  .txw-idx-item-wrapper > a:first-child {
    border-left: unset;
  }
  .txw-idx-toggle {
    width: var(--hdr-row-idx-h); height: var(--hdr-row-idx-h);
    cursor: unset;
  }
  .txw-idx-container > .txw-idx-toggle {
    position: relative; top: unset; right: unset;
  }
  .txw-idx-toggle > svg {
    width: 20px; height: 20px;
    cursor: unset;
  }
  .txw-hdr-row-idx:not(.txw-idx-sticky) {
    transform: translateY(-101%);
  }
  header.txw-hdr-transparent .txw-hdr-row-idx:not(.txw-idx-sticky) {
    opacity: 0;
  }
  .txw-idx-sticky { transform: unset !important; }

  .txw-idx-item::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    border-bottom: 3px solid var(--clr-brand-04); opacity: 0;
  }
  .txw-idx-active::before {
    opacity: 1;
  }

/* @-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@ */
}