/* Quick Links Bar */ 
:root {
    /* MOD - Bar Shadow Link Grid */
    --hsd-mod-bar-shadow-link-grid-max-width: 1440px;
    --hsd-mod-bar-shadow-link-grid-padding: 24px 2rem;

    /* MOD - BSLG - Links Cont */
    --hsd-mod-bslg-links-cont-gap: 10px;
    --hsd-mod-bslg-links-cont-max-width: 1440px;
    --hsd-mod-bslg-links-cont-padding: 26.5px;
    --hsd-mod-bslg-links-cont-boder-radius: 5px;
    --hsd-mod-bslg-links-cont-box-shadow: 0 0 10px #6f6f6f;
    --hsd-mod-bslg-links-cont-font-size: 130%;

    /* MOD - BSLG - Links */
    --hsd-mod-bslg-links-border: 2px solid currentColor;
    --hsd-mod-bslg-links-padding: 0 0 2px;
  }

  .hsd-mod-bar-shadow-link-grid {
    max-width: var(--hsd-mod-bar-shadow-link-grid-max-width);
    padding: var(--hsd-mod-bar-shadow-link-grid-padding);
    margin: 0 auto;
  }

  /* Link Container */
  .hsd-mod-bslg-links-cont {
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;
    gap: var(--hsd-mod-bslg-links-cont-gap);
    max-width: var(--hsd-mod-bslg-links-cont-max-width);
    padding: var(--hsd-mod-bslg-links-cont-padding);
    margin: 0 auto;

    border-radius: var(--hsd-mod-bslg-links-cont-boder-radius);
    box-shadow: var(--hsd-mod-bslg-links-cont-box-shadow);
    font-size: var(--hsd-mod-bslg-links-cont-font-size);
    font-weight: bold;
    text-align: center;
  }

  /* Links */
  .hsd-mod-bar-shadow-link-grid a {
    border-bottom: var(--hsd-mod-bslg-links-border);
    padding: var(--hsd-mod-bslg-links-padding);
    text-decoration: none !important;
    transition: all 0.15s ease-out;
    margin: 0 15px;
  }
  @media (max-width: 767px) {
    .hsd-mod-bslg-links-cont {
      flex-flow: column;
      justify-content: center;
    }
    .hsd-mod-bar-shadow-link-grid a {
      width: fit-content;
      margin: 5px auto;
    }
  }