/* **************************************** */
/*      SECONDARY NAV ABOVE CONTENT         */
/* **************************************** */

div.nav-secondary.section-top {
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--left-margin) 0 var(--left-margin);
}


div.nav-secondary.section-top nav.secondary {
  display: block;
  margin-top: 20px;
  border-radius: var(--border-radius-main) var(--border-radius-main) 0 0;
}

div.nav-secondary.section-top nav.secondary h3 {
  padding-top: 10px;
  display: inline-block;      /* This stops the border going right across the page */
}
div.nav-secondary.section-top nav.secondary ul {
  overflow:auto;        /* Because the LIs float so have no height */
}
div.nav-secondary.section-top nav.secondary ul li {
  float: left;
  width: 50%;           /* No margin between columns */
}
div.nav-secondary.section-top nav.secondary ul li ul li {
  float: none;
  width: 88%;           /* Huh? */
}

aside nav.secondary {
 display: none;
}


/* **************************************** */
/*          CONTENT/ARTICLE                 */
/* **************************************** */

/* Does this need to be restated? */
section.content {
  padding-left: var(--left-margin);
  padding-right: var(--left-margin);
}

/* Does this need to be restated? */
section.content article {
  padding-left: var(--left-margin);
  padding-right: var(--left-margin);
}