/* ==========================================================================
   Article listing
   ========================================================================== */
.article-list li {
    padding-top: 9px;
}

li.article, aside {
    text-align: center;
}
li.article h4 {
    margin: 0.5em 0 0.25em 0;
    font-size: 1.5em;
    line-height: 1.4em;
}
li.article p.footnote {
    text-indent: 0;
    margin: 0.5em 0 2.5em 0;
}

/* ==========================================================================
   Overrides
   ========================================================================== */
html {
    font-size: 16px;
    line-height: 1.75em;
}
body {
    background-color:#333;
}
.site-header {
    padding: 1em 0 1.25em 0;
    text-align: center;
}
.wrapper {
    padding-bottom:5em;
}
footer {
    text-align: center;
    font-family: 'Merriweather Sans', sans-serif;
    border-top:none;
    color: #f7f7f7;
}

body {
    font-family: 'Merriweather', serif;
    border-top: 5px solid #333;
}
h1,
h2,
h3,
h4,
h5,
h6,
.site-navigation {
    clear: both;
    font-family: 'Merriweather Sans', sans-serif;
}

.site-header h1, .site-header h3 {
    color: #f7f7f7;
}
.container h1 {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: italic;
    margin: 1em 0;
    font-size: 2em;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 0.05em;
}
.article h1 {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: italic;
    font-weight: 700;
    margin: 1em 0 0.6315789em 0;
    font-size: 3em;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 0.025em;
}

table.data {
font-size: small;
line-height: 1.7em;
}
.article p small {
    line-height: 1em;
}

@media only screen and (min-width: 46em) {
  /**
     * Enlarge baseline text size.
     */
  .article h1 {
    font-size: 3.75em;
    letter-spacing: 0.05em;
   }
}
.article h3 {
    text-align: center;
}
.article p:first-child {
    text-indent: 0;
    margin-top: 0;
}
.article p {
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0.05em;
}
.article p.no-indent {
    text-indent: 0;
}
.article p+p {
    text-indent: 2.6em;
}

.article .article-meta p {
    font-size: 0.85em;
    text-align: center;
}



/* ==========================================================================
   Thematic breaks - NOT BEING USED
   ========================================================================== */
.article .tb {
    margin-top: 1.5em;
    text-indent: 0;
}
.article .ltb {
    margin-top: 3.5em;
    text-indent: 0;
}




.article blockquote {
    margin-left: 0.75em;
    padding-left: 0.75em;
    font-size:105%;
    line-height:1.75;
    border-left: .26em solid #ccc;
    font-family: 'Merriweather Sans', sans-serif;
    color: #555;
}
.article blockquote+p {
    text-indent: 2.6em;
}
.article blockquote p:first-child {
    text-indent: 0;
}



/* ==========================================================================
   Footnotes
   ========================================================================== */
.article p.footnote {
    text-indent: 0.5em;
    margin-top: 0;
    margin-bottom: 0.5em;
}
.article p.footnote a {
    color: #777;
}


/* ==========================================================================
   Anchors
   ========================================================================== */
.article a {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #333;
}
.article a:hover {
    color: #426789;
    text-decoration: none;
    border-bottom: 1px solid #426789;
}
.article sup.footnote a {
    border-bottom: none;
}
header h1 a, header h3 a,footer p a {
    color: #f7f7f7 !important;
}
header h1 a:hover, header h3 a:hover, footer p a:hover {
    color: #fff !important;
    background-color: inherit !important;
    text-decoration: none;
    border-bottom: 0;
}
footer p a:hover {
    border-bottom: 1px solid #fff;
    text-decoration: none;
}


  a {
    /* 1 */
    background-color: transparent;
    /* 2 */
    color: #333;
    /* 3 */
    text-decoration: none;
    /* 4 */
    -webkit-text-decoration-skip: ink edges;
            text-decoration-skip: ink edges;
  }
  a:hover, a:active {
    outline: 0;
    color: #426789;
    text-decoration: underline;
  }
  a:focus {
    outline: thin solid #0066ff;
  }
  a:visited {
    color: #333;
  }




.article abbr, .article acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.article figure {
    margin: 1.5em 0 1.25em 0;
}
.article figcaption {
    margin-top: 0.5em;
    margin-bottom: 0;
    line-height: 1.75em;
    font-family: 'Merriweather Sans', sans-serif;
}
.article figcaption p {
    text-indent: 0;
    margin-bottom: 0;
}

/* ==========================================================================
   Asterism
   ========================================================================== */
hr {
    height: auto;
    background: none;
    border: 0;
    margin: 3em 0 4.25em 0;
    padding: 0;
}
hr::after {
    content: '⁂';
    display: block;
    opacity: 0.8;
    line-height: 1;
    text-align: center;
}
hr.finale { 
    border : 0;
    height: 1px; 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
    margin: 4em 0 5.25em 0;
}
hr.finale::after {
    content: '';
    display: inline;
}


/* ==========================================================================
   Override abbr
   ========================================================================== */
abbr[title], dfn[title], acronym[title] {
    text-decoration: none;
}