* You can add styles to customize UI for your own site
 * into CSS file: static/css/site.css
 */

/*
    HTML and Bootstrap 3 overrides
*/
* {
    /*
    -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
       -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
         -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
            transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    -webkit-transition-property: background-color, opacity;
       -moz-transition-property: background-color, opacity;
         -o-transition-property: background-color, opacity;
            transition-property: background-color, opacity;
    -webkit-transition-duration: 0.75s;
       -moz-transition-duration: 0.75s;
         -o-transition-duration: 0.75s;
            transition-duration: 0.75s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
    */
}

body {
    overflow-x: hidden;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-tap-highlight-color: rgba(192, 192, 192, 0.8);
    padding-top: 212px;
}
@media (max-width: 792px) {
    body {
	padding-top: 60px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and ( min-device-pixel-ratio: 1.25),
       only screen and ( min-resolution: 200dpi),
       only screen and ( min-resolution: 1.25dppx) {
    body { -webkit-font-smoothing: subpixel-antialiased; }
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
}

.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
}

/*a, a:focus { outline: 0; }*/

/* Accessibility blue, meets Level AA/AAA contrast ratio (> 4.5:1 and 7:1 - 7.75:1), underline to distinguish link from text */
.doc-main a {
    color: #2D5677;
    text-decoration: none;
    border-bottom: 1px solid #2D5677;
}

h1, h2, h3, h4, h5 {
    font-family: Merriweather, Helvetica, Arial, sans-serif;
    font-weight: 300;
    border-bottom: none;
    color: #2d5677;
    line-height: 1.3;
}

strong, b { font-weight: 600; }

sup {
    margin-right: 2px;
}

sup a { border-bottom: none !important; }

lex {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: help;
}
body.iOS lex { cursor: pointer; }

a:active { opacity: 0.5; }
.figure-social-icons { margin-left: 5px; }
.figure-social-icons a.metadata_a, .figure-social-icons a.metadata_b {margin-right: 3px; }
a.metadata_a:active,
a.metadata_b:active,
a.lightbox:active {
    background-color: rgba(0,0,0,0.3);
    border-bottom: none;
}

a.metadata_a, a.metadata_b {
    background: url(/icons/blue-eye-32.png) no-repeat 50% 50%;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: table-cell;
    border-bottom: none;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    a.metadata_a, a.metadata_b {
	background: url(/icons/blue-eye@2x.png) no-repeat 50% 50%;
	background-size: 32px 32px;
    }
}
a.share {
    background: url(/icons/blue-share-24.png) no-repeat 50% 50%;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: table-cell;
    border-bottom: none;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    a.share {
	background: url(/icons/blue-share-24@2x.png) no-repeat 50% 50%;
	background-size: 24px 24px;
    }
}
a.share-white {
    background: url(/icons/white-share-24.png) no-repeat 50% 50%;
    background-size: 24px 24px;
    border-bottom: none;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    a.share-white {
	background: url(/icons/white-share-24@2x.png) no-repeat 50% 50%;
	background-size: 24px 24px;
    }
}
a.view {
    background: url(/icons/figure-enlarge.png) no-repeat 0% 50%;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    padding-left: 20px;
    color: #345b7b;
    border-bottom: none;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    a.view {
	background: url(/icons/figure-enlarge@2x.png) no-repeat 0% 50%;
	background-size: 16px 16px;
    }
}
p.table-gcis-download-buttons {
    width: 100% !important;
    text-align: right;
    padding-right: 0 !important;
}
a.metadata_c {
    display: inline-block;
    margin: 0 0 30px 10px;
    border: 1px solid #164468;
    background: #164468;
    font-weight: 600;
    font-size: 13px;
    padding: 0 5px;
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}
a.metadata_c:hover {
    background-color: #fff;
    color: #164468;
}

div.well {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 20px;
}

.node-asset-box p { width: 100%; }

section.node-narrative,
section.section,
section.section-continued,
section.figure {
    margin-top: 30px;
}

div.tsu_table,
section.tsu_table {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

section.tsu_table + section.tsu_table {
    border-top: none;
}

.md-3 {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 768px) {
    .md-3 {
	float: right;
	padding-left: 15px;
	width: 30%;
    }
    article.more-summary p,
    section.node-narrative p,
    article.more-summary ul,
    section.node-narrative ul {
        width: 100%;
	padding-right: 15px;
    }
    section.node-narrative ul li p {
    	width: 100%;
    }
    .small-photo p { width: 100% !important; }
    p.related-resources {
        width: 100% !important;
	padding-right: 0 !important;
    }
    table td p { width: 100%; }
    table ul { width: 100% !important; }
}

section.standalone {
    margin-top: 80px;
    margin-bottom: 80px;
}

/*
    Edge-to-edge divs
*/
/*
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
*/

/*
    Blue
*/
sup.gcis-tooltip,
.usgcrp-blue {
    color: #297fb7;
}

/*
    Debugging
*/
/* p a[href="#"] { color: red !important; } */

/*
    Opacity mask to make white text readable on an image
*/
.black-opaque {
    background-color: rgba(0, 0, 0, .4) !important;
    color: white;
}

/*
    Icons for main menu
*/
li#menu-home a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/home-white-20.png) no-repeat 0 50%;
    background-size: 20px 20px;
    padding-left: 30px;
}
li#menu-about a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/icon/about.png) no-repeat 0 50%;
    background-size: 19px 19px;
    padding-left: 30px;
}
li#menu-report-guide a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/icon/info.png) no-repeat 0 50%;
    background-size: 19px 19px;
    padding-left: 30px;
}
li#menu-downloads a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/icon/downloads.png) no-repeat 0 50%;
    background-size: 20px 20px;
    padding-left: 30px;
}
li#menu-order-printed-materials a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/icon/cart.png) no-repeat 0 50%;
    background-size: 20px 20px;
    padding-left: 30px;
}
li#menu-chapters a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/icon/chapters.png) no-repeat 0 50%;
    background-size: 20px 20px;
    padding-left: 30px;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    li#menu-home a:before {
	background: url(/icons/icon/home-white-20@2x.png) no-repeat 0 50%;
	background-size: 20px 20px;
    }
    li#menu-about a:before {
	background: url(/icons/icon/about@2x.png) no-repeat 0 50%;
	background-size: 19px 19px;
    }
    li#menu-report-guide a:before {
	background: url(/icons/icon/info@2x.png) no-repeat 0 50%;
	background-size: 19px 19px;
    }
    li#menu-downloads a:before {
	background: url(/icons/icon/downloads@2x.png) no-repeat 0 50%;
	background-size: 20px 20px;
    }
    li#menu-order-printed-materials a:before {
	background: url(/icons/icon/cart@2x.png) no-repeat 0 50%;
	background-size: 20px 20px;
    }
    li#menu-chapters a:before {
	background: url(/icons/icon/chapters@2x.png) no-repeat 0 50%;
	background-size: 20px 20px;
    }
}

/*
    Adobe's balanced text implementation
*/
.balance-text { text-wrap: balanced; }

/*
    Override Bootstrap 3 modal look
*/
.modal { z-index: 1100; }
.panel,
.modal-content {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.navbar-search .btn {
    color: #2d5677;
    background-color: #fff;
    padding: 6px 12px;
    font-size: 18px;
}
.navbar-health {
    margin-top: 10px;
    padding-left: 20px;
}
a#menu-toggle {
    background: url(/icons/blue-menu.png) no-repeat 50% 0;
    background-size: 30px 30px;
    padding-top: 30px;
    display: inline-block;
}
/*
.white-menu a#menu-toggle {
    background: url(/icons/blue-menu.png) no-repeat 50% 0;
    background-size: 30px 30px;
    color: #345b7b;
}
.blue-menu a#menu-toggle {
    background: url(/icons/white-menu.png) no-repeat 50% 0;
    background-size: 30px 30px;
    color: #fff;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .white-menu a#menu-toggle {
	background: url(/icons/blue-menu@2x.png) no-repeat 50% 0;
	background-size: 30px 30px;
    }
    .blue-menu a#menu-toggle {
	background: url(/icons/white-menu@2x.png) no-repeat 50% 0;
	background-size: 30px 30px;
    }
}
.white-menu a#menu-downloads {
    background: url(/icons/downloads-page.png) no-repeat 50% 0;
    background-size: 30px 30px;
    padding-top: 30px;
    display: inline-block;
    color: #345b7b;
}
.blue-menu a#menu-downloads {
    background: url(/icons/downloads-page-white.png) no-repeat 50% 0;
    background-size: 30px 30px;
    color: #fff;
    padding-top: 30px;
    display: inline-block;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .white-menu a#menu-downloads {
	background: url(/icons/downloads-page@2x.png) no-repeat 50% 0;
	background-size: 30px 30px;
    }
    .blue-menu a#menu-downloads {
	background: url(/icons/downloads-page-white@2x.png) no-repeat 50% 0;
	background-size: 30px 30px;
    }
}
.white-menu a#menu-home {
    background: url(/icons/home.png) no-repeat 50% 0;
    background-size: 30px 30px;
    padding-top: 30px;
    display: inline-block;
    color: #345b7b;
}
.blue-menu a#menu-home {
    background: url(/icons/home-white.png) no-repeat 50% 0;
    background-size: 30px 30px;
    color: #fff;
    padding-top: 30px;
    display: inline-block;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .white-menu a#menu-home {
	background: url(/icons/home@2x.png) no-repeat 50% 0;
	background-size: 30px 30px;
    }
    .blue-menu a#menu-home {
	background: url(/icons/home-white@2x.png) no-repeat 50% 0;
	background-size: 30px 30px;
    }
}
*/

/*
    Override Bootstrap 3 navbar look/behavior
*/
.navbar { height: 66px; }

.navbar-inverse,
.navbar-collapse {
    background-color: #2d5677;
    background-image: none;
}
.navbar-collapse {
    padding-bottom: 10px;
}
.navbar-inverse .navbar-brand {
    margin-top: 7px;
    padding-top: 0;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
    text-decoration: underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    text-decoration: underline;
}
.navbar-inverse .navbar-toggle {
    background: #333;
    margin-top: 16px;
}
.navbar-nav {
    padding-top: 6px;
    padding-left: 10px;
}
.navbar-form.navbar-right {
    margin-top: 3px;
    margin-right: 10px;
    padding-bottom: 5px;
}
.navbar-form {
    margin-top: 0;
}
div.doc-search-form span.glyphicon-search { color: #2d5677; }
.navbar-header { margin-left: 10px; }
.navbar-default {
    background: transparent;
    padding: 0 10px;
}
.navbar-brand {
    height: 46px;
    margin-top: 10px;
    margin-left: 10px !important;
    padding-bottom: 10px;
}
.navbar-right {
    padding-top: 9.5px;
    padding-bottom: 7.5px;
}
.navbar-icon {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 10px;
}
.navbar-icon a { text-decoration: none; }
.navbar-icon img {
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
}

/*
    Search API facets

    brenham-sidebar is first in the source followed by brenham-content.
    We display content first
*/
/*
    Search results

    NCA 3 like
*/
.view-header {
    margin-bottom: 20px;
    text-align: center;
    font-family: Merriweather, Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.views-row {
    padding: 20px 10px 20px 10px;
    margin: 0;
    border-bottom: 1px solid #e6e6e2;
}
.views-row:hover {
    background: #f6f6f2;
}
.views-row .node-asset {
    background: none;
    border: none;
}
.views-row .node-asset div.figure-image {
    display: inline-block;
    float: right;
    padding-left: 10px;
    margin-bottom: 10px;
    width: 30%;
}
div.search-breadcrumb {
    clear: both;
    background: none;
    padding-left: 0;
    margin: 20px 0;
}
div.search-breadcrumb ul {
    list-style: none;
    padding: 0;
}
div.search-breadcrumb ul li a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/icons/icon/link.png) no-repeat 0 50%;
    background-size: 20px 20px;
    padding-left: 25px;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    div.search-breadcrumb ul li a:before {
	background: url(/icons/icon/link@2x.png) no-repeat 0 50%;
	background-size: 20px 20px;
    }
}

div.result div.search-breadcrumb,
div.standalone-photo div.search-breadcrumb,
div.standalone-finding div.search-breadcrumb,
section.standalone div.search-breadcrumb {
    padding: 20px;
    border: 1px solid lightBlue;
    xtext-align: center;
}

div.result div.search-breadcrumb ul,
div.standalone-photo div.search-breadcrumb ul,
div.standalone-finding div.search-breadcrumb ul,
section.standalone div.search-breadcrumb ul {
    margin-bottom: 0;
    padding-right: 20px;
}
.views-exposed-form {
    display: table;
    width: 100%;
}
.views-exposed-form .views-exposed-widgets {
    background-color: #f6f6f2;
    margin-bottom: 30px;
    padding: 20px 20px 10px 20px;
}
.views-exposed-form .views-exposed-widget {
    float: none;
    display: inline-block;
    padding: 0 0 10px 10px;
}
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}
div.result-content .figure-image img { width: 100%; }
div.result-content strong {
    color: #fff;
    background-color: #164468;
    padding: 0 5px;
    font-weight: 300;
}
div.result-content h3 {
    margin-top: 0;
    font-size: 20px;
}
div.result-content h3 a {
    text-decoration: none;
}

.li-header {
    font-size: 16px;
    border-bottom: 1px solid #333;
    border-bottom: 1px solid lightBlue;
    color: #fff;
}
li#menu-downloads { border-top: 1px solid lightBlue; }

#wrapper {
    width: 100%;
    z-index: 10;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: all 0.75s;
       -moz-transition: all 0.75s;
        -ms-transition: all 0.75s;
         -o-transition: all 0.75s;
            transition: all 0.75s;
}

/*
    This div masks the browser window when the main nav menu slides out
*/
.mask {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    zoom: 1;
    background: rgba(0, 0, 0, 0.8);
}

body.pmr-open { overflow: hidden; }
body.pmr-open nav.push-menu-right { right: 0; }
body.pmr-open #wrapper { left: -300px; }

section.chapter {
    position: relative;
    width: 100%;
    height: 400px;
    background-color: lightBlue;
}

section.chapter.even {
    background-color: #a0a0a0;
}

section.chapter#intro,
section.chapter#sitemap,
section.chapter#downloads,
section.chapter#about,
section.chapter#report-guide,
section.chapter#credits {
    display: table;
    padding-left: 0px;
}

section#sitemap {
    background: url(/icons/backgrounds/sitemap_bg.jpg) no-repeat center center;
}
section#downloads {
    background: url(/icons/backgrounds/downloads_bg.jpg) no-repeat center center;
}
section#about {
    background: url(/icons/backgrounds/about_bg.jpg) no-repeat center center;
}
section#report-guide {
    background: url(/icons/backgrounds/rg_bg.jpg) no-repeat center center;
}
section#credits {
    background: url(/icons/backgrounds/credits_bg.jpg) no-repeat center center;
}
.page-search section#intro {
    background: url(/icons/backgrounds/search_bg.jpg) no-repeat center center;
}
section#intro,
section#executive-summary {
    background: url(/icons/backgrounds/es_bg.jpg) no-repeat center center;
}

section#executive-summary,
section#chapter1,
section#chapter2,
section#chapter3,
section#chapter4,
section#chapter5,
section#chapter6,
section#chapter7,
section#chapter8,
section#chapter9 {
    width: 100%;
    height: 400px;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
section#intro,
section#sitemap,
section#downloads,
section#about,
section#credits,
section#report-guide {
    height: 471px;
}
.single-page section#intro,
.single-page section#sitemap,
.single-page section#downloads,
.node-type-page section#about,
.node-type-page section#credits,
.node-type-page section#report-guide {
    height: 321px;
}

/*
    position "ALL" under the carousel dots
*/
.all-supporting-evidence {
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}
.all-supporting-evidence a {
    color: #164468;
}

.inner {
    padding: 20px;
    height: 400px;
}
@media (max-width: 320px) {
    section.chapter:first-of-type div.inner { padding-top: 40px !important; }
}
.single-page .inner,
.node-type-page .inner {
    height: 250px;
}
/*section.chapter#intro .inner { overflow-y: hidden; }*/

.right-inner { padding-top: 40px; }

/*
    Introduction body
*/
div.intro-body {
    display: table;
    padding: 30px;
    margin-left: 8.772%;
    width: 71.228%;
}
.single-page div.intro-body {
    margin-right: 8.772%;
    width: 82.456%;
}
div.intro-body p {
    display: none;
    line-height: 1.4;
}
section.chapter#intro div.intro-body,
section.chapter#sitemap div.intro-body,
section.chapter#downloads div.intro-body,
section.chapter#about div.intro-body,
section.chapter#credits div.intro-body,
section.chapter#report-guide div.intro-body {
    padding-top: 101px;
}
section.chapter#intro .hexs3 {
    top: 196px;
}
.intro-body > div {
    height: 300px;
    display: table-cell;
    vertical-align: middle;
}
.single-page .intro-body > div,
body.node-type-page .chapter .intro-body > div{
    height: 150px;
    text-align: center;
}
body.node-type-chapter .intro-body h1,
body.single-page .intro-body h1,
body.node-type-page .intro-body h1,
.intro-body h2 {
    color: #fff;
    font-size: 40.5px
}

/*
    Executive Summary more
*/
article.more-summary {
    display: none;
    padding-top: 30px;
    /*
    padding-bottom: 30px;
    -webkit-box-shadow: inset 0px 0px 41px 0px rgba(22,68,104,0.5);
       -moz-box-shadow: inset 0px 0px 41px 0px rgba(22,68,104,0.5);
            box-shadow: inset 0px 0px 41px 0px rgba(22,68,104,0.5);
    */
}
article.more-summary h2 {
    color: #164468;
}
article.more-summary div.col-md-10 { margin-bottom: 50px; }

.nav-arrow {
    position: absolute;
    left: 54.386%;	/* 4.386 is half of the width of the bar/number */
    left: 50%\9;
       -moz-transform: translate(-54.386%, 0);
         -o-transform: translate(-54.386%, 0);
    -webkit-transform: translate(-54.386%, 0);
            transform: translate(-54.386%, 0);
    bottom: 20px;
    color: #fff;
    width: 180px;
    text-align: center;
    z-index: 50;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 20px;
}

/*
    Bump the share icon down some
*/
.col-md-10 .icon-share {
    position: relative;
    margin-top: 20px;
    margin-left: 10px;
}
.col-md-10 .icon-share img {
    width: 32px;
}

/*
    owl carousel styling
*/
.owl-carousel-wrapper {
    background: #b5becb;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}
.owl-carousel-header {
    background: #608099;
    color: #fff;
    width: 100%;
}
.owl-carousel-header h2 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff !important;
}
.owl-carousel {
    background-color: #c3ced8;
    padding: 20px 0;
}

.owl-carousel-item {
    margin: 20px auto;
    float: none;
}
.owl-carousel-item h3 {
    text-align: center;
    color: #2D5677;
    margin: 0;
}
.owl-carousel-item p {
    text-align: left;
    margin: 20px 0;
    xwidth: 100% !important;
}
.owl-carousel-item p.supporting-evidence {
    text-align: center;
    margin-bottom: 0;
}
.owl-carousel-item .icon-share { margin-top: 0; }

/* THis makes all the sliding divs the same height (after the first click) */
.owl-carousel .owl-wrapper { display: table !important; }
.owl-carousel .owl-item {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.owl-carousel .owl-item a {
    color: #164468;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: inherit;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
       -moz-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    margin-top: 0;
    font-size: 24px !important;
    background: transparent !important;
    color: #164468 !important;
    border-radius: 0 !important;
}
.owl-theme .owl-nav .owl-prev {
    left: 5%;
}
.owl-theme .owl-nav .owl-next {
    right: 5%;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    margin: 0 !important;
}
.touch .owl-theme .owl-nav { display: none; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #164468;
}

.all-supporting-evidence { display: block; }

.standalone-finding {
    margin: 100px;
}

/*
    Supporting evidence icon
*/
.supporting-evidence {
    text-align: center;
    margin-top: 30px;
    text-shadow: none;
}
.supporting-evidence a {
    color: #164468;
    background: url(/icons/abacus-blue.png) 0 50% no-repeat;
    background-size: 22px 19px;
    padding-left: 30px;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .supporting-evidence a {
	background: url(/icons/abacus-blue@2x.png) 0 50% no-repeat;
	background-size: 22px 19px;
    }
}

/*
    vertically centered headers
*/
.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
}
.text-vertical-center h2 {
    font-size: 3em;
}
.text-vertical-center p { margin-top: 40px; }

.hexicon {
    width: 55px;
    height: 49px;
}

.site-title {
    float: left;
    font-size: 24px;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    margin-left: 15px;
    border-left: 1px solid #164468;
}
.site-title > li > a {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
}

a.downloads {
    background: url(/icons/section-downloads.png) no-repeat 0 0;
    background-size: 55px 49px;
    width: 55px;
    height: 49px;
    display: inline-block;
    border-bottom: none;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    a.downloads {
	background: url(/icons/section-downloads@2x.png) no-repeat 0 0;
	background-size: 55px 49px;
    }
}
ul.downloads-qtip {
    list-style: none;
    margin: 0;
    padding-left: 1em;
}
ul.downloads-qtip li.download-chapter:before {
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  content: "\e043";
}
ul.downloads-qtip li.download-citation:before {
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  content: "\e012";
}
ul.downloads-qtip li.download-figures:before {
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  content: "\e060";
}

.qtip {
    max-width: 600px !important;
}

.qtip-gcis,
.qtip-health-report {
    background-color: #2D5677;
    border-color: #164468;
    color: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

.qtip-gcis {
    max-width: 350px;
    width: 350px;
    font-size: 14px;
    padding: 10px;
}

.csl-entry a { color: #fdb81e; }

.qtip {
    max-width: 600px !important;
}

.qtip-gcis,
.qtip-health-report {
    background-color: #164468;
    border-color: #164468;
    color: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

.qtip-gcis {
    max-width: 350px;
    width: 350px;
    font-size: 14px;
    padding: 10px;
}

.qtip-bootstrap {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.qtip-tsu-figure .qtip-content {
    padding: 0;
}

.qtip-download .qtip-title,
.qtip-download .qtip-content {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
}
.qtip-download .qtip-title { font-weight: 600; }
.qtip-download .qtip-content a { color: #333; }
.qtip-download .qtip-content a:hover { color: #297fb7; }
.qtip-bootstrap .qtip-icon .ui-icon {
    color: #f00;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 44px;
}
.qtip-icon { border-radius: 0 !important; }
.qtip-close {
    display: none;
    border: 0 !important;
}

.qtip-likely-conf {
    max-width: 800px !important;
}

div.downloads-popup-content {
    display: none;
}
div.downloads-popup-content-div {
    line-height: 2;
}
div.downloads-popup-content-div a {
    text-decoration: none;
}

/*
    Figures big and small
*/
.small-figure {
    text-align: center;
    border: none;
    clear: both;
}
/*@media (max-width: 991px) {*/
@media (max-width: 768px) {
    .small-figure { margin-bottom: 30px; }
}
.small-figure h2 {
    font-size: 14px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0 !important;
    font-weight: 300;
    line-height: 1.4;
}
.small-figure a { text-decoration: none; }
.small-figure img {
    width: 100%;
}
.small-figure p {
    margin-bottom: 0;
    width: 100% !important;
}

.medium-node-asset { width: 70%; }

.big-figure {
    position: relative;
    width: 100%;
    margin: 30px 0;
}
section.big-figure { border-top: none; }

.big-figure h2,
.health-table h2 {
    color: #164468;
    margin-top: 0;
    margin-top: 20px;
    margin-bottom: 5px;
}

.health-table h2 { padding-top: 0; }
.big-figure img.big-img {
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #164468;
}

p.interactive-graphic {
    width: 100% !important;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 20px 0;
    border-top: 1px solid #7daae4;
    border-bottom: 1px solid #7daae4;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
}

/*
    Figure captions
*/
.caption {
    width: 90%;
    font-size: 90%;
    margin: 10px auto 30px auto;
    padding: 20px;
    background-color: #dadee5;
    line-height: 1.6;
}
.caption p {
    width: 100% !important;
    margin-bottom: 10px;
}
.caption p:last-child {
    margin-bottom: 0;
}
.small-figure div.caption { display: none; }
aside.box .big-figure .caption {
    margin-bottom: 10px;
    background: #fff;
}
aside.box .small-photo .photo-caption { background: #f3f3f3; }

section.tsu_table .caption { margin-bottom: 0; }

/*
    Photos
*/
.blue-border {
    border: 1px solid #6c7d97;
}
.small-photo {
    margin-bottom: 30px;
}
.small-photo p { width: 100%; }
.small-photo img {
    width: 100%;
}
.small-photo .photo-caption {
    display: inline-block;
    background: #dadee5;
    font-size: 10px;
    line-height: 1.4;
    padding: 10px;
    width: 100%;
}
.photo-copyright-owner {
    margin-top: 10px;
    text-align: center;
    display: block;
}

.standalone-photo{
    width: 400px;
    margin: 100px 35%;/* needs work */
}

/*
    social media icons
*/
.node-narrative .figure-social-icons,
.small-figure .figure-social-icons,
.big-figure .figure-social-icons {
    position: relative;
    float: right;
    display: table;
}
.small-figure > .figure-social-icons,
.big-figure > .figure-social-icons {
    margin-top: 1em;
}
aside.box .figure-social-icons,
.node-narrative > .figure-social-icons {
    margin-top: 1em;
}

/* temp positioning while we decide */
#section-header .figure-social-icons {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.small-figure .figure-social-icons {
    margin-top: 8px;
}
.small-figure .figure-social-icons a.metadata_a {
    background: url(/icons/blue-eye-20.png) no-repeat 50% 50%;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    border: none;
}
.small-figure .figure-social-icons a.share {
    background: url(/icons/blue-share-16.png) no-repeat 50% 50%;
    background-size: 16px 16px;
    width: 20px;
    height: 20px;
    border: none;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .small-figure .figure-social-icons a.metadata_a {
	background: url(/icons/blue-eye-20@2x.png) no-repeat 50% 50%;
	background-size: 20px 20px;
    }
    .small-figure .figure-social-icons a.share {
	background: url(/icons/blue-share-16@2x.png) no-repeat 50% 50%;
	background-size: 16px 16px;
    }
}
.small-figure .figure-social-icons img:last-of-type,
.big-figure .figure-social-icons img:last-of-type {
    margin: 0 !important;
}

.social-icons, .social-icons-figure {
    min-width: 236px;
    z-index: 1002;
    line-height: 0;
    background-color: #164468;
    opacity: 0.9;
}
.social-icons {
    display: none;
    position: absolute;
    top: -13px;
    left: -245px;
}
.social-icons-figure {
    display: block;
    position: relative;
}
.social-icon, .social-icon img {
    display: inline-block;
    text-align: center;
}
a.social-icon {
    text-decoration: none;
}
a.social-icon:hover {
    background-color: #1e4c70;
}

/*
    Individual sharing icons
*/
.email-icon {
    background: url(/icons/email.png) no-repeat 50% 50%;
    background-size: 32px 32px;
}
.link-icon {
    background: url(/icons/link.png) no-repeat 50% 50%;
    background-size: 32px 32px;
}
.facebook-icon {
    background: url(/icons/facebook.png) no-repeat 50% 50%;
    background-size: 32px 32px;
}
.twitter-icon {
    background: url(/icons/twitter.png) no-repeat 50% 50%;
    background-size: 32px 32px;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .email-icon {
	background: url(/icons/email@2x.png) no-repeat 50% 50%;
	background-size: 32px 32px;
    }
    .link-icon {
	background: url(/icons/link@2x.png) no-repeat 50% 50%;
	background-size: 32px 32px;
    }
    .facebook-icon {
	background: url(/icons/facebook@2x.png) no-repeat 50% 50%;
	background-size: 32px 32px;
    }
    .twitter-icon {
	background: url(/icons/twitter@2x.png) no-repeat 50% 50%;
	background-size: 32px 32px;
    }
}

.email-icon,
.link-icon,
.facebook-icon,
.twitter-icon {
    width: 32px;
    height: 32px;
    padding: 28px;
    display: inline-block;
}
.link-content,
.email-content {
   width: 100%;
   display: none;
   padding: 10px;
   border-top: 1px solid #fff;
}
.link-content input,
.email-content input {
    color: #333;
    width: 100%;
    padding: 5px;
}

/*
    Zoom the image
*/
.view-small-figure {
    margin-top: 5px;
    display: inline-block;
}
.view-small-figure a { text-decoration: none; }
.view-small-figure img {
    margin: 0;
    width: 16px;
}

/*
    Downward pointing arrow
*/
span.down-chevron {
    background: url(/icons/white-chevron-down.png) no-repeat 0 0;
    background-size: 32px 17px;
    width: 32px;
    height: 17px;
    display: block;
    margin: 0 auto;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    span.down-chevron {
	background: url(/icons/white-chevron-down@2x.png) no-repeat 0 0;
	background-size: 32px 17px;
    }
}
.view-chapter {
    text-transform: uppercase;
    margin: 0;
    padding: 20px;
    background: #164468;
    text-align: center;
    width: 100%;
}
.view-chapter a {
    background: url(/icons/white-chevron-view-right.png) no-repeat 100% 50%;
    background-size: 32px 32px;
    padding-right: 32px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}
.chapter-separator {
    background: url(/icons/chapter-break.png) repeat-x 0 0;
    height: 20px;
    width: 100%;
}

/*
    Metadata flyout
*/
#metadata-div {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    color: #333;
    margin: 0;
    padding: 0;
    overflow-y: auto;
}
#all-key-findings-div {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    color: #333;
    margin: 0;
    padding: 0;
    overflow-y: auto;
}
#likely-confidence-div {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 0;
    overflow-y: auto;
}
.likely-confidence-div-inner {
    font-size: 12px;
}

#traceable-account-div {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 0;
    overflow-y: auto;
}
.traceable-account-div { display: none; }
.xdiv-inner h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

#metadata-div h1,
#likely-confidence-div h1,
#all-key-findings-div h1,
#traceable-account-div h1 {
    margin: 0;
    text-align: center;
    color: #164468;
}
#pageslide {
    width: 100%;
    padding: 0;
    overflow-y: auto;
}
.pageslide-content {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

/*
    For expanded view of a figure
*/
p.lightbox-img {
    text-align: center;
    opacity: 0;
}
p.lightbox-img img { max-width: 100%; }

/*
    Attribution icon

    Not used so far...
*/
/*
.copyright {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 21px;
    height: 16px;
    background: url(/icons/camera-icon.png) center center no-repeat;
    z-index: 100;
}

.copyright:hover {
    background: url(/icons/camera-icon-orange.png) center center no-repeat;
}
*/

/*
    References
*/
section#refs {
    padding-top: 50px;
    margin-top: 0;
    margin-bottom: 50px;
}
section#refs h2 {
    xmargin-bottom: 30px;
    color: #164468;
}
section#refs p a { font-weight: 600; }

/*
    Footer from the nca3 site
*/
footer {
    background: #10252a;
    text-align: center;
    color: #fff;
}
footer a, footer a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer-div {
    margin: 0 auto;
    max-width: 650px;
}
.usgcrp-a { display: block; }
#footerlogos {
    margin: 50px 0 20px 0;
    text-align: center;
}
#footerlogos p { text-align: center; }
#footerlogos img {
    display: inline-block;
    max-width: 100%;
}
.xcopyright {
    margin-top: 50px;
    margin-bottom: 50px;
}
.xcopyright p {
    margin-top: 20px;
}
a.footer-top-logo {
    display: inline-block;
    background: url(/img/gc-logo.png) no-repeat 50% 50%;
    background-size: 193px 83px;
    width: 193px;
    height: 83px;
    margin: 10px 0;
}
.footer-left {
    display: block;
    background: url(/img/logos-footer-1.png) no-repeat 50% 50%;
    background-size: 268px 41px;
    height: 41px;
    margin: 10px 0;
}
.footer-right {
    display: block;
    background: url(/img/logos-footer-2.png) no-repeat 50% 50%;
    background-size: 312px 41px;
    height: 41px;
}
.footer-left-tel {
    display: block;
}
.footer-left-border { display: none; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and ( min-device-pixel-ratio: 1.25),
       only screen and ( min-resolution: 200dpi),
       only screen and ( min-resolution: 1.25dppx) {
    a.footer-top-logo {
	background: url(/img/gc-logo@2x.png) no-repeat 50% 50%;
	background-size: 193px 83px;
    }
    .footer-left {
	background: url(/img/logos-footer-1@2x.png) no-repeat 50% 50%;
	background-size: 268px 41px;
    }
    .footer-right {
	background: url(/img/logos-footer-2@2x.png) no-repeat 50% 50%;
	background-size: 312px 41px;
    }
}

/*
    Authors accordion: +/- handling
*/
.authors-panel-wrapper {
    background-color: #C3CED8;
    padding: 0px 10px 0 10px;
}
.panel-group {
    margin-bottom: 0;
}
.panel-heading .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\2212";
    float: right;
    color: #174468 !important;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\2b";
}
#author-list .panel-body {
    background: #dadee5 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#all-key-findings-div .panel-body {
    margin-top: 20px !important;
}
#all-key-findings-div-inner .panel-heading {
    background-color: #164468;
    color: #fff;
}
#all-key-findings-div-inner h3 {
    margin-top: 10px;
    color: #fff;
}

/*
    Author Accordion Titles
*/
#author-list h4.panel-title {
    color: #164468;
    font-size: 14px;
}
#author-list h4.panel-title a,
#author-list h4.panel-title a:focus,
#author-list h4.panel-title a:hover,
#author-list h4.panel-title a:active {
    color: #164468 !important;
    text-decoration: none;
    border-bottom: none;
}

/*
    List of authors in each chapter
*/
#author-list .panel {
    border: none;
    border-bottom: 1px solid #174468;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
#author-list .panel:last-of-type {
    border-bottom: none;
}
#author-list .panel-heading {
    background-color: #C3CED8;
    border: none;
    border-color: #fff;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    padding: 5px 0;
}
#author-list ul {
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    line-height: 1.2;
    width: 100%;
}
#author-list ul li {
    padding-bottom: 5px;
}

#author-list .person {
    font-weight: bold;
}

#author-list-collapse-1 .panel-body ul,
#author-list-collapse-2 .panel-body ul,
#author-list-collapse-3 .panel-body ul {
    list-style: none;
    font-size: 12px;
    line-height: 1.2;
}
#author-list-collapse-1 .panel-body ul li,
#author-list-collapse-2 .panel-body ul li,
#author-list-collapse-3 .panel-body ul li {
    padding-bottom: 5px;
}

/*
*/
.related-resources {
    margin-top: 12px;
    text-align: right;
}
.related-resources a {
    padding: 5px;
    color: #164468;
    background-color: #fff;
    text-decoration: none;
}

/*
     Boxes
*/
.box {
    background-color: #dadee5;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #e3e3e3;
}
.box.ugly-green {
    width: 100%;
    background-color: #dcdae7;
    border: 1px solid #cccad7;;
    color: #333;
    border-radius: 8px;
}
.box.ugly-green p { margin: 0; }
.box.ugly-green a,
.box.ugly-green a:hover {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #333;
}
.box ul,
.box ol {
    width: 100% !important;
}
.box h2 {
    color: #164468;
    margin-top: 0;
    margin-bottom: 20px;
}
.box.ugly-green h2 {
    color: #fff;
}
.box p { width: 100% !important; }
.box .icon-share { margin-top: 0; }

/*
    Tables
*/
.health-table {
    margin: 30px 0;
    padding: 20px 0;
    /*
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1) inset;
	    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1) inset;
    */
    border-top: 1px solid #164468;
    border-bottom: 1px solid #164468;
}
.health-table .figure-social-icons { padding-top: 5px; }
table.footable p { width: 100% !important; }
.footable th { border-bottom: none; }
table.footable td ul {
    padding-left: 20px !important;
    margin-bottom: 0;
}
table.footable tr.footable-detail-row > td { padding: 0; }
table.footable-details>tbody>tr>td:nth-child(2) {
    word-break: normal;
}
/* This fixes a bug in Footable v3.0.4 and colspan */
table.footable-bug tr:nth-child(2) td:nth-child(5),
table.footable-bug tr:nth-child(3) td:nth-child(5),
table.footable-bug tr:nth-child(4) td:nth-child(5),
table.footable-bug tr:nth-child(5) td:nth-child(5),
table.footable-bug tr:nth-child(6) td:nth-child(5),
table.footable-bug tr:nth-child(7) td:nth-child(5) {
    display: none !important;
}

table.footable-details tr:nth-child(odd),
table.footable-details tr:nth-child(even) {
    background-color: rgb(240,240,250) !important;
}
table.footable-details tr th:nth-child(1) {
    padding-left: 36px;			/* eyeball guess */
}

.related-resources-div {
    display: none;
    width: 600px;
    padding: 10px;
}
.related-resources-div h2.related-resources-header {
    display: none;
    color: #164468;
}

/*
    Footnotes/references
*/
a.footnote-button {
    border-bottom: 0 !important;
}
a.footnote-button:before {
    text-decoration: none;
    border-bottom: 0 !important;
}
.footnote-url {
    -ms-word-break: break-all;
    word-break: break-all;
}
.footnotes ul,
.footnotes ol {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.25em;
}
.footnotes ul li {
    margin-bottom: 1.25em;
    font-size: 16px !important;
}
.reversefootnote { display: none; }

/*
    Traceable accounts display
*/
#traceable-account-div h1 { margin-bottom: 20px; }

.div-inner {
    padding: 30px;
}

table.key-findings th { width: 25%; }
table.likelihood td,
table.confidence td {
    text-align: center;
    width: 20%;
}

table.likelihood>thead>tr>th,
table.confidence>thead>tr>th,
table.likelihood>tbody>tr>th,
table.confidence>tbody>tr>th{
    text-align: center;
    vertical-align: middle;
    background-color: #2D5677;
    font-weight: normal;
    color: white;
    border: 1px solid #ddd
}

table.likelihood>tbody>tr>td,
table.confidence>tbody>tr>td{
    border: 1px solid #ddd;
    vertical-align: middle;
}

table.centered-cells>tbody>tr>td {
    vertical-align: middle;
    text-align: center;
}

table.centered-cells>thead>tr>th {
    vertical-align: middle;
    text-align: center;
}

table.key-findings th,
table.key-findings td {
    padding: 20px !important;
}
.hilite {
    background-color: #f0efed;
}

table.confidence-level td {
    width: 25%;
    padding: 15px !important;
}
.confidence-level-tr {
    width: 100%;
    margin: 0 0 20px 0;
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box;
}
.confidence-level-td {
    width: 25%;
    border: 1px solid #ddd;
    padding: 15px;
    float: left;
    line-height: 1.4;
}
.confidence-level-td strong { display: block; }
a.confidence {
    color: #164468;
    font-style: italic;
    cursor: pointer;
}

body.node-type-chapter section.section h2 {
    color: #174468 !important;
}

.qtip-gcis a,
.footnote-content a,
.bigfoot-footnote__content a {
    color: #fdb81e;
}
.qtip-gcis a:hover,
.footnote-content a:hover,
.bigfoot-footnote__content a:hover {
    background: #438ac7;
    color: #fff;
    text-decoration: none;
    border-bottom: 0;
}

/*
    Downloads page
*/
table#overview-table {
    border-bottom: 1px solid #ddd;
}

p.officialpdf {
    margin: 30px 0;
    padding: 30px 0;
    color: #297fb7;
    color: #333;
    text-align: center;
    border: 1px solid #297fb7;
}
table#health-assessment-table {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
table#health-assessment-table th.report-resources {
    text-align: center;
    font-size: 120%;
}
@media (max-width: 768px) {
    table#overview-table table.footable-details>tbody>tr:nth-child(3),
    table#overview-table table.footable-details>tbody>tr:nth-child(4),
    table#overview-table table.footable-details>tbody>tr:nth-child(5),
    table#overview-table table.footable-details>tbody>tr:nth-child(6) {
    	display: none;
    }
    table#health-assessment-table>thead>tr:nth-child(1) {
    	display: none;
    }
}

table.downloads-table th {
    font-weight: normal;
    text-align: center;
}

table.downloads-table tr.downloads-level-1 td {
    font-size: 120%;
    color: #297fb7;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
}
table.downloads-table tr.downloads-level-1 td:nth-child(1) {
    padding-left: 15px;
}
table.downloads-table tr.downloads-level-2 td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    vertical-align: middle;
}
table.downloads-table tr.downloads-level-2 td:nth-child(1) {
    padding-left: 30px;
    text-align: left;
}
table.downloads-table tr.downloads-level-3 td:nth-child(1) { padding-left: 45px; }
table.downloads-table td.downloads-title h1 {
    font-size: 22px;
    font-weight: 300;
    color: #297fb7;
    display: inline-block;
}
table.downloads-table td.downloads-title h2 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    display: inline-block;
}

/*
    Jump to links in the Glossary page
*/
.jump-to {
    margin-top: 30px;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    clear: both;
}

/*
    Recommended citation
*/
.recommended-citation-div {
    padding-left: 0;
    padding-right: 0;
	float: right;
	padding-left: 15px;
	width: 240px;
}
@media (min-width: 992px) {
    .recommended-citation-div {
	float: right;
	padding-left: 15px;
	width: 240px;
    }
}

 .recommended-citation-div-header{
     float: left;
     padding-left: 0px;
     padding-bottom: 30px;
     width: 240px;

 }

 @media (min-width: 992px) {
     .recommended-citation-div-header {
         float: left;
         padding-bottom: 30px;
         width: 240px;
     }
 }

#report-recommended-citation {
    color: #fff;
    background: #164468;
    margin-top: 0;
    padding-bottom: 30px;
}
#report-recommended-citation h2 {
    margin-top: 40px;
    margin-bottom: 30px;
}
#report-recommended-citation a {
    color: #fdb81e;
}
#recommended-citation-wrapper {
    background: #dadee5;
    width: 100%;
    text-align: left;
    padding: 10px 0 10px 10px;
    margin-bottom: 20px;
}
a.recommended-citation  {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    text-align: center;
    text-decoration: none;
}
a.recommended-citation:active,
a.recommended-citation:focus,
a.recommended-citation:hover  {
    text-decoration: none;
}

a.recommended-citation-chapter {
    text-decoration: none;
    border-bottom: none;
    color: #2D5677 !important;
}

a.recommended-citation-chapter:hover{
    border-bottom: 1px solid #2D5677;
}

/*
    Credits page
*/
div#credits-tabs {
    padding-top: 30px;
}
section#page-37 { margin-top: 20px !important; }
div#credits-tabs p {
    display: inline-block;
    margin: 0 0 10px 10px;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
div#credits-tabs ul {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    vertical-align: middle;
}
div#credits-tabs ul li {
    float: left;
    padding: 0;
    margin: 0 10px 10px 0;
    background-color: #164468;
    border: none;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    width: 200px;
}
div#credits-tabs ul li a {
    color: #fff;
    display: inline-block;
    width: 100%;
}
div#credits-tabs ul li a:hover { text-decoration: underline; }
#author-teams-wrapper h4,
#author-teams-wrapper h5 {
    font-weight: 300;
}
.chapter-authors { padding-left: 20px; }
.chapter-authors ul {
    margin-top: 10px;
    xline-height: 1.3;
}
.credits-content h2 {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.credits-content ul { xline-height: 1.3; }
.credits-content ul li,
.chapter-authors ul li {
    margin-bottom: 10px;
}
.credits-content .person,
.chapter-authors .person {
    font-weight: bold;
}
#authors-accordion {
    margin: 20px 0 40px 0;
    border-top: 1px solid #ccc;
}
#authors-accordion .panel-body {
    border-bottom: 1px solid #ccc;
}
#authors-accordion .panel-body-img { padding: 0 !important; }
#authors-accordion .panel-body img {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
}
#authors-accordion .panel-h7 {
    box-shadow: none; !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-color: transparent !important;
}
#authors-accordion .panel-heading-h7 {
    background-image: none !important;
    background-color: #fff !important;
    border: none !important;
    border-color: transparent !important;
    border-bottom: 1px solid #ccc !important;
}
#authors-accordion .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
}
#authors-accordion .panel-title-main {
    margin-top: 10px;
    margin-bottom: 10px;
}
#authors-accordion .panel-title a:hover,
#authors-accordion .panel-title a:focus {
    text-decoration: none;
}
#authors-accordion .panel-heading .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\2212";
    float: right;
    color: grey;
}
#authors-accordion .panel-heading .accordion-toggle.collapsed:after {
    content: "\2b";
}
#authors-accordion .panel-body ul { list-style: none; }
#authors-accordion .panel-body { background: #fff !important; }

h2.author-teams {
    font-size: 24px;
}
h3.author-teams-chapter-header {
    font-size: 20px;
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #ccc;
}
h3.authors {
    font-size: 18px;
    padding-left: 20px;
}

/*
    Site map
*/
.sitemap-level-1 { margin-bottom: 40px; }
.sitemap-level-1 a:hover {
    background: #16446B;
    color: #fff;
    text-decoration: none;
    padding: 3px 5px;
}
/*
.sitemap-level-1 ul { list-style: none; }
.sitemap-level-1 ul li:before { content: "> "; }
*/
.sitemap-level-1 h1 {
    font-size: 22px;
    font-weight: 300;
}
.sitemap-level-2 {
    padding-left: 30px;
}
.sitemap-level-2 h2 {
    font-size: 18px;
    font-weight: 300;
}
div[class*="sitemap-collection"] {
    padding-left: 30px;
}
div[class*="sitemap-collection"] h3 {
    font-size: 16px;
    font-weight: 300;
}

/*
    Contact us
*/
blockquote.contact-us {
    margin-bottom: 30px;
}

div.well h2 { margin-top: 0; }
div.well p { width: 100%; }
div.well strong { color: #164468; }

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
}

.bs-callout-danger { border-left-color: #cd4844; }

/*
    Media queries
*/
@media (min-width: 600px) {
    .intro-body p { display: block !important; }
}

@media (max-width: 1024px) {
    body.node-type-chapter .intro-body h1,
    body.single-page .intro-body h1,
    body.node-type-page .intro-body h1,
    .intro-body h2 {
    	font-size: 32px;
    }
}

/*@media (max-width: 991px) {*/
@media (max-width: 767px) {
    .small-figure h2 { font-size: 24px; }
    .small-figure .figure-social-icons img {
    	width: 32px;
    	height: 32px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    	color: #f0efed;
	font-size: 16px;
    }
}

/*@media (max-width: 992px) {*/
@media (max-width: 768px) {
    .navbar-brand { width: 53px; }
    .site-title { margin-left: 5px; }
    .navbar-nav>li>a { padding-left: 10px; }
    .col-md-10 .icon-share { margin-top: 5px; }
    section.figure { width: 100%; }
    section.section-box { width: 100%; }
    .medium-node-asset { width: 100%; }
    .right-inner { padding-top: 0; }
    .div-inner { padding: 20px; }
    #author-list ul {
        font-size: 14px !important;
	line-height: 1.4 !important;
    }
    .small-figure {
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
    	border-top: 1px solid #aaa;
    	border-bottom: 1px solid #aaa;
    }
}

@media (max-width: 767px) {
    ul.navbar-nav li a {
	padding-top: 15px;
	padding-bottom: 15px;
    }
    /*#navbar .navbar-right { display: none; }*/
    .navbar-nav {
    	margin-top: 0;
	margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .nav-arrow {
	left: 50%;
	   -moz-transform: translate(-50%, 0);
	     -o-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
    }
    .big-figure h2 {
	font-size: 24px;
    }
    .small-figure h2,
    .big-figure h2 {
	line-height: 1.2;
    }
    .caption {
	width: 90%;
    	font-size: 100%;
    }
    section.chapter#intro p { display: none; }
    .qtip {
	max-width: 90% !important;
    }
    .confidence-level-td {
    	width: 100%;
    }
    .div-inner { padding: 10px; }
    table.key-findings table,
    table.key-findings thead,
    table.key-findings tbody,
    table.key-findings tr,
    table.key-findings th,
    table.key-findings td {
    	display: block;
	width: 100%;
    }
}

@media (max-width: 480px) {
    .col-md-10 {
    	padding-left: 5px;
    	padding-right: 5px;
    }
    #navbar {
	float: left;
    	width: 100%;
    }
    ul.navbar-nav { margin-top: 0 !important; }
    .navbar-nav {
	padding-top: 0;
	padding-bottom: 0;
    }
    ul.site-title { margin-bottom: 0; }
    .box { padding: 20px 10px; }
    .box h2 { font-size: 24px; }
    #metadata-div .roww { margin: 0 !important; }
    .tsu-metadata { padding: 0 !important; }
    #footer-div { width: 100%; }
}

@media (max-width: 320px) {
    #navbar {
	width: 180px;
    }
}

@media print {
    p { color: #333; }
    a[href]:after { content: ""; }
    div.navbar-health { display: none; }
    ul.navbar-right { display: none; }
    #dot-nav { display: none; }
    nav.push-menu-right { display: none; }
    article.more-summary { display: none; }
    div.bar, div.number { display: none !important; }
    div.nav-arrow { display: none; }
    p.supporting-evidence { display: none; }
    div.owl-nav { display: none; }
    div.owl-dots { display: none; }
    div.all-supporting-evidence { display: none; }
}

@media (max-width: 768px) {
    .views-row .node-asset div.figure-image {
        width: 100%;
    }
}

button.close {
    color: #f00;
    font-size: 44px;
    opacity: 1;
}

/********** Additions to file May 2017 ************************************/
.row {
    background-color: #fff;
}

.doc-footer {
    background-color: #2d5677;
    color: #fff;
}

.chapter {
    height: 17em;
}

.chapter h2 {
    border-bottom: none;
    vertical-align: middle;
    padding-top: 4em;
    padding-left: 4em;
}

.chapter h2 a {
    color: #ffffff;
}

.dropdown-disabled a {
    color: #bac0c4 !important;
    pointer-events: none;
}

.dropdown-disabled a:hover {
    text-decoration: none;
}

#front-matter-nav {
    margin-right: -19em;
    margin-left: 1em;
}

#front-matter-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#front-matter-nav a {
    color: white;
    font-size: 15px;
    float: right;
}

#front-matter-nav .glyphicon-info-sign .glyphicon-question-sign {
    color: white;
    font-size: 15px;
}

.blue {
    color: #2d5677;
}

h1.doc-entry-title {
    margin: 20px 10px;
    /*text-shadow: 3px 3px 0px #333;*/
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.doc-main {
    font-size: 16px;
    line-height: 1.6;
}
.recommended-citation { line-height: 1.4; }

::selection { background-color: yellow; }

.doc-entry-title { color: #fff; }

#skip-link {
    display: block;
    color: blue;
    background-color: white;
    outline: 0;
    text-decoration: underline;
}
#skip-link .skiplink-text {
    display: inline-block;
    margin: 1em;
    padding: 1em;
    outline: 1px dotted;
}

.glyphicon.glyphicon-globe {
    font-size: 75px;
    color: #2D5677;
    float: left;
    padding-top: 0.75em;
    padding-right: 0.25em;
    padding-bottom: 0.75em;
}

dd {
    line-height: 1.5;
    margin-left: 30px;
    margin-bottom: 20px;
}