/*
Authors CSS
----
Extra styles on top of the Foundation CSS

AAS blue: #253788;
Secondary light blue: #839ac6;
overview text: #5d6888;

*/



/* Typography  */ 

/* web-fonts */
body, h1, h2, h3, h4, h5, h6,
.top-bar-section ul li > a {
    font-family: 'PT Sans', helvetica, arial, sans-serif;
}

p, ul, ol {
  font-size: 1.125rem;
  font-size: 18px;
  line-height: 1.5;
}

/* Headings */
h2, h3, h4, h5, h6 {
    margin: 0 0 .5em 0;
}

h1 {
    font-size: 42px;
    line-height: 1.125;
    margin-bottom: .5em;
    font-weight: bold;
}

@media (max-width: 640px) {
h1 {
    font-size: 36px;
}
}

h2 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: normal;
    margin-top: 1.5em;
    margin-bottom: .5em;
}

h3 {
  font-size: 26px;
  margin-top: 1em;
  line-height: 1.25;
  font-weight: bold;
}

h4 {
  font-size: 26px;
  margin-top: 1em;
  line-height: 1.25;
  font-weight: normal;
}

h5 {
    font-size: 21px;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: .25em;
}


/* overview text */

.overview {
  color: #515c7a;
}

.overview p {
    font-size: 2.1rem;
    font-size: 21px;
}

/* Links */

a {
  color: #253788;
  text-decoration: underline;

}
  a:hover, a:focus {
    color: #839ac6; }
  a img {
    border: 0; }

nav ul li a:link {
    text-decoration: none;
}


/* top-bar */
.top-bar {
    background-color: #253788;
    margin-bottom: 2em;
}

.top-bar-section ul li > a {
    font-size: 16px;
    font-size: 1rem;
}

/* panels */
.panel {
    background-color: #f3f3f3;
    border-width: 1px;
}

.panel.callout { 
    background-color: #e4e9f2;
    border: 0;
    }

.panel.callout ul {
      list-style: none;
      margin-left: 0;
      font-size: 16px;
      font-size: 1rem;
}

.panel.callout ul li {
    border-top: 1px solid #ccc;
    margin: .25em 0
}

.panel.callout li a:link  {
    text-decoration: none;
}

.panel.callout ul ul {
    margin-left: 1em;
    margin-bottom: .5em;
}

.panel.callout a:not(.button) {
    color: #253788;
}

.panel.callout a:hover:not(.button), .panel.callout a:focus:not(.button) {
    color: #839ac6;
}

/* tables */

table {
    border-collapse: collapse;
}

code {
      word-wrap: break-word;
}

/* tex/latex - from previous CSS */

.tex sub, .latex sub, .latex sup {
    text-transform: uppercase;
}

.tex sub, .latex sub {
    vertical-align: -0.5ex;
    margin-left: -0.1667em;
    margin-right: -0.125em;
}

.tex, .latex, .tex sub, .latex sub {
    font-size: 1em;
}

.latex sup {
    font-size: 0.85em;
    vertical-align: 0.15em;
    margin-left: -0.36em;
    margin-right: -0.15em;
}