/*=== Rules for the site controlled optional dark grey footer region ===*/

DIV.gt-site-footer {
  padding: 10px 10px;
  overflow: auto;
}

DIV.gt-site-footer P {
  margin: 6px 0;
}

DIV.gt-site-footer H2,
DIV.gt-site-footer DIV.block H2 {
  font-family: Roboto;
  font-size: 120%;
  margin: 16px 0 0 0;
  padding: 4px 2px;
  text-align: left;
  border-top: solid thin var(--gtweb-accessible-gold);
  border-bottom: solid thin var(--gtweb-accessible-gold);
  color: var(--gtweb-primary-gold);
}

DIV.gt-site-footer H2:not(:first-child) {
  margin-top: 32px;
}

DIV.gt-site-footer DIV.content H2 {
  margin: 12px -2px;
  border: none;
  font-size: 150%;
}

DIV.gt-site-footer UL.menu {
  margin: 8px 4px 16px 4px;
}

DIV.gt-site-footer UL.menu LI {
  margin-bottom: 8px;
}

DIV.gt-site-footer UL.menu LI:first-child {
  padding-top: 0.2em;
}

DIV.gt-site-footer UL.menu LI + LI {
  padding-top: 8px;
}


@media all and (min-width: 966px) {

  DIV.gt-four-columns {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-gap: 0.8rem;
    justify-content: space-between;
  }

}

DIV.gt-site-footer DIV.gt-four-columns DIV.gt-site-footer-column > UL,
DIV.gt-site-footer DIV.gt-four-columns DIV.gt-site-footer-column > DIV > NAV > UL {
  list-style-type: none;
  padding: 0;
}


/*=== Rules for the enhanced "super" footer, which has pre-configured columns of links, with gold vertical lines to the left of each column ===*/

DIV.gt-super-footer {
  font-family: "Roboto Condensed";
  font-size: 90%;
  padding: 16px 10px;
}

FOOTER#gt-footer DIV.gt-super-footer DIV.gt-site-footer-column > UL,
FOOTER#gt-footer DIV.gt-super-footer DIV.gt-site-footer-column > DIV > NAV > UL {
  clear: both;
  margin: 8px 4px 16px 0;
  padding: 0 0 8px 8px;
  border-left: solid thin var(--gtweb-primary-gold);
}
