#header {
    padding:10px;
    padding-top:7px;
    padding-bottom:3px;
    position:fixed;
    z-index:100;
    width:100%;
    filter: drop-shadow(0px 2px 3px #ddd);
    background:#f7f7f7;
    text-shadow:1px 1px 0px #dcdcdc;
}
body {
    background:#f3f3f3;
}
.md-hamburger-popup-container,
#header,
footer,
#container {
    max-width:1000px;
}
footer,
#container {
    background:white;
    filter: drop-shadow(2px 0px 0px #ddd);
    font-size:10pt;
}
footer {
    padding:10px;
    border-bottom:2px solid #ddd;
}
#container {
    z-index:90;
    padding:10px;
    padding-top:38px;
    white-space:normal;
    overflow-x:hidden;
}

.md-hamburger {
    position:absolute;
    top:4px;
    right:10px;
}
.md-hamburger-icon {
    width:12px;
    height:12px;
    cursor:pointer;
    fill: #999;
}
.md-hamburger-popup-container {
    position:fixed;
    z-index:101;
    width:100%;
    height:100%;
    max-width:1000px;
    display:none;
    background-color:rgba(0,0,0,0.1);
}
.md-hamburger-popup-container.md-hamburger-popup-show {
    display:block;
}
.md-hamburger-popup {
    position:absolute;
    z-index:101;
    top:0;
    right:0;
    width:200px;
    height:100%;
    background:#f7f7f7;
    filter: drop-shadow(2px 0px 3px #ddd);
    padding:10px;
    opacity:0.95;
    padding-top:33px;
    overflow-y:auto;
}
.md-hamburger-popup ul, .md-hamburger-popup li {
    padding:0;
    list-style-type:none;
}
.md-hamburger-popup ul,
.md-hamburger-popup h3,
.md-hamburger-popup p {
    margin-bottom:0.5rem;
}
.md-hamburger-popup p,
.md-hamburger-popup ul,
.md-hamburger-popup button,
.md-hamburger-popup h4,
.md-hamburger-popup h3 {
    font-size:10pt;
    color:black;
}
.md-hamburger-popup h3 {
    font-weight:bold;
}

.md-close {
    width:16px;
    height:16px;
    position:absolute;
    top:9px;
    right:10px;
    cursor:pointer;
    fill: #999;
}

.top-nav {
    font-size:9pt;
    color:black;
}
.top-nav a {
    text-decoration:none;
    color:#333;
}
.top-nav a:hover {
    color:#666;
    text-decoration:underline;
}


.site-selection-header {
    padding:0;
    padding-top:5px;
    font-size:9pt;
    transition: opacity .1s ease-in-out;
}
.site-selection-header.hidden-subnav {
    opacity: 0;
}
.site-selection-header > ul {
    white-space:nowrap;
    list-style-type:none;
    padding:0;
    margin:0;
    max-height:24px;
}
.site-selection-header > ul > li {
    padding:0;
    margin:0;
    display:inline;
    margin-right:4px;
}

.site-selection-header > ul > li > a {
    color:#333;
    text-decoration:none;
    font-weight:bold;
}
.site-selection-header > ul > li.subnav-selected-site a {
    background:black;
    color:white;
    padding:2px;
    text-shadow:1px 1px 0px #666;
}
.site-selection-header .selectable {
    border-bottom:1px solid #aaa;
}
.site-selection-header > ul > li > ul {
    position:absolute;
    display:block;
    padding:0;
    background:#f7f7f7;
}
.md-feeds-menu ul {
    left:106px;
}
.md-mr-menu ul {
    left:146px;
}
.site-selection-header > ul > li > ul > li {
    display:block;
}

#container.about p {
    margin-bottom:6px;
}
.main-menu ul {
    padding-left:1rem;
}
#md-feeds ul li a {
    text-decoration:none;
    color:#333;
}

.article {
    display:block;
}
.story h2,
.article h2,
.article h3 {
    font-size:11pt;
    margin-top:4px;
    margin-bottom:4px;
    font-weight:bold;
}
.story h4 {
    font-size:11pt;
    font-weight:bold;
}
.story > ul li,
.article > ul li,
.article table {
    font-size:10pt;
}
.story .story-external-resources ul,
.story .sub-story-container ul,
.story .sub-story-all-links ul,
.story .story-sources ul,
.story > ul,
.article ul {
    padding-left:1rem;
    padding-left:0rem;
    margin-bottom:0.5rem;
    line-height:1;
}
.story .story-external-resources ul li,
.story .sub-story-container ul > li,
.story .sub-story-all-links ul > li,
.story .story-sources ul > li,
.story > ul > li,
.article ul > li {
    list-style-type:none;
    margin-bottom:4px;
    line-height:1.4;
}
.story .story-sources ul > li > p {
    display:inline;
}
.md-accordion > h4,
.article .md-accordion > h2,
.md-social-posts h4,
.story-external-resources h4,
.sub-story-container h4,
.sub-story-all-links h4,
.story .story-sources-container h4 {
    cursor:pointer;
}
.md-accordion > h2 > .md-closed,
.md-accordion > h2 > .md-opened,
.story h4 .md-closed,
.story h4 .md-opened {
    width:10px;
    height:10px;
    margin-top:-3px;
}
.article.md-hidden .md-news-content,
.md-accordion.md-hidden .md-accordion-content,
.md-social-posts.md-hidden div,
.story-external-resources.md-hidden p,
.story-external-resources.md-hidden ul,
.sub-story-container.md-hidden ul,
.sub-story-all-links.md-hidden ul,
.story .sub-story-all-links.md-hidden ul,
.story .story-sources-container.md-hidden .story-sources ul {
    display:none;
}
.md-accordion:not(.md-hidden) .md-closed,
.md-social-posts:not(.md-hidden) .md-closed,
.story .story-external-resources:not(.md-hidden) .md-closed,
.story .sub-story-container:not(.md-hidden) .md-closed,
.story .sub-story-all-links:not(.md-hidden) .md-closed,
.story .story-sources-container:not(.md-hidden) .md-closed {
    display:none;
}
.md-accordion.md-hidden .md-opened,
.md-social-posts.md-hidden .md-opened,
.story .story-external-resources.md-hidden .md-opened,
.story .sub-story-container.md-hidden .md-opened,
.story .sub-story-all-links.md-hidden .md-opened,
.story .story-sources-container.md-hidden .md-opened {
    display:none;
}

.story .story-sources li a p {
    display:inline;
}
.article table {
    margin-bottom:10px;
    background:#f6f6f6;
    width:100%;
    font-size:9pt;
}
.article table th,
.article table td {
    border-width:1px;
    border-color:white;
    padding:4px;
    margin:2px;
}
.article table td:first-child {
    width:150px;
}
.story > h2 a,
.story > h2,
.article > h1 {
    font-size:11pt;
    line-height:1.1;
    display:inline;
    margin-bottom:0px;
    margin-top:4px;
    color:black;
    text-decoration:none;
    font-weight:bold;
}
.article > h5,
.article > h1 {
    cursor:pointer;
}
.story h2,
.article:first-child > h1 {
    margin-top:0px;
}
.article > h5,
.story h5 {
    font-size:8pt;
    color:#999;
    font-weight:normal;
    text-decoration:none; 
    margin-top:0px;
    margin-bottom:2px;
}
.story .story-sources li a,
.story .sub-story-all-links li a,
.story .sub-story li a {
    color:black;
    display:block;
}
.article > h5 {
    display:block;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article.md-news-hidden .md-news-content {
    display:none;
}
.story .story-content p,
.article p {
    margin-bottom:0.25rem;
    line-height:1.4;
}
.article h4 {
    font-size:8pt;
    margin-bottom:0;
    margin-top:0;
    text-align:right;
    font-weight:none;
    opacity:75%;
    position:absolute;
    right:10px;
    max-width:70%;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:3px;
    color:#999;
}
.md-hamburger-popup a {
    color:#666;
    font-weight:normal;
}
.story a,
.article a {
    color:#888;
    font-weight:normal;
}
.md-hamburger-popup a:hover,
.site-selection-header ul li a:hover,
.site-selection-header ul li a:hover,
.story ul.sub-story li a:hover,
.story .story-sources ul li a:hover,
.story > h2 a:hover,
.story .sub-story-all-links li a:hover,
.story a:hover,
#md-feeds ul li a:hover,
.article a:hover {
    color:#aaa;
}
.story .story-external-resources ul li {
    overflow:hidden;
}
.story .story-external-resources ul li a {
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.story .story-external-resources p {
    margin-bottom:0.5rem;
}
.stories-v2 .story-external-resources,
.stories-v2 .story .story-external-resources ul li a,
.stories-v2 .story-external-resources h4 {
    font-size:9pt;
    font-weight:normal;
    color:#666;
}
.stories-v2 .story-external-resources p,
.stories-v2 .story-external-resources h4 {
    margin-bottom:0.25rem;
}
.story li .md-timeline-indicator {
    position:absolute;
    background:#000;
    height:100%;
    opacity:5%;
    top:0px;
    z-index:99;
}
.story li a {
    position:relative;
    z-index:100;
}
.story-external-resources h5 {
    color:#333;
    font-size:9pt;
}
.story-external-resources .ext-res-cited {
    float:right;
    position: absolute;
    right: 0px;
    background: #f9f9f9;
    z-index: 100;
    top: 4px;
    padding-left: 8px;
    padding-right: 3px;
    opacity:90%;
}
.md-social-posts-scroll {
    white-space:nowrap;
    overflow-x:scroll;
}
.md-social-post {
    display:inline-block;
    vertical-align:top;
}
.md-social-post.twitter {
    margin-top:-10px;
}
.md-article-links ul li a {
    font-size:9pt;
    white-space:nowrap;
}
.md-article-links ul li {
    overflow-x:hidden;
}
.story-timelines-content > p,
.md-article-links ul li,
.story ul li {
    height:auto;
    max-height:800px;
    opacity:1;
    transition: max-height 0.25s, opacity 0.25s ease-out;

    background:#f9f9f9;
    border:1px solid #aaa;
    margin-bottom:4px;
    padding:4px;
    border-radius:4px;

    filter: drop-shadow(2px 2px 0px #ccc);
}
.story ul li .md-num-articles {
    font-weight:normal;
}
.story ul li .md-date-range,
.story ul li time {
    color:#aaa;
    font-size:8pt;
    vertical-align:top;
}
.story .story-external-resources ul li a,
.story .story-sources ul li a,
.story .sub-story-all-links li a,
.story ul.sub-story li a {
    text-decoration:none;
    font-weight:normal;
    color:black;
}
.story .story-external-resources ul li a,
.story ul.sub-story li a,
.story .sub-story-all-links li a {
    font-weight:bold;
}
.story .story-sources ul li a .md-ref {
    color:#666;
}
.stories-v2 .story {
    margin-bottom:9px;
}

.story-nav {
    background:#eee;
    padding:4px;
    margin-bottom:6px;
}
.story-nav a {
    font-weight:bold;
    color:#333;
}

.story-timelines > p {
    margin-bottom:0.25rem;
}
.story-timelines .md-accordion-content {
    padding-bottom:0.25rem;
}

.md-hero-image {
    max-width:490px;
    float:right;
    margin-bottom:8px;
}
.md-image {
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    width:100%;
    background-color:#f7f7f7;
    border-radius:4px;
    border:1px solid #ccc;
    filter: drop-shadow(2px 2px 0px #ddd);
    position:relative;
    overflow:hidden;
}
.md-images .md-image {
    width:324px;
    display:inline-block;
}
.md-image .md-image-source {
    background:black;
    color:white;
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    opacity:0.75;
    font-size:9pt;
}
.md-image .md-image-caption {
    font-size:8pt;
    padding:2px;
}
.md-images .md-image .md-image-caption {
    font-size:8pt;
}


/* main page */

.main-menu > div {
    display:block;
}
.main-menu > div.md-overview-hidden {
    display:none;
}
.main-menu ul {
    padding-left:0;
}
.main-menu li {
    margin-bottom:8px;
    line-height:1.4;
    list-style-type:none;
}
#md-feeds li {
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* footer */

footer {
    font-size:9pt;
}
footer a {
    color:#999;
}

/* optional full page classes */

.md-font-merriweather {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}