/* sitemap.st.css */
@namespace "Sitemap";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named:
    tablet,
    --color-accent-1,
    --spacing-unit;
}

:import {
  -st-from: "../../components/Sitemap/sitemap.st.css";
  -st-default: Sitemap;
}

@st-scope Base {

  /* First IE Friendly and mobile styling */
  /* UL */
  Sitemap::parentList,
  Sitemap::childList {
    list-style: none;
  }

  /* PARENT (Top level) UL */
  Sitemap::parentList {
    margin-bottom: calc(var(--spacing-unit) * 3);
  }

  /* LI's inside parent UL */
  Sitemap::parentList {
    font-size: 1.25rem;
    line-height: 1.1;
    font-weight: 700;
  }

  /* CHILD (Below top level) UL in nested lists */
  Sitemap::childList {
    margin: 0 calc(var(--spacing-unit) * 3);
  }

  /* LI's inside child UL */
  Sitemap::childList {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
  }

  /* All a tags (Links) */
  Sitemap::anchor,
  Sitemap span {
    display: inline-block;
    margin-bottom: var(--spacing-unit);
  }

  Sitemap span {
    color: var(--color-accent-1);
  }

  Sitemap::anchor {
    color: var(--color-accent-1);
  }
}

/* Desktop */
@media value(tablet) {
  @st-scope Base {
    Sitemap::childList {
      margin: 0 calc(var(--spacing-unit) * 7);
    }

    Sitemap::parentList {
      font-size: 1.5rem;
    }

    Sitemap::childList {
      font-size: 1.25rem;
    }
  }
}