#participant-banner {
z-index: 500;
position: relative;
margin-bottom: 20px;
background-color: #c9d66d;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
text-align:center;
margin-top: -20px;
}

#participant-banner a,
#participant-banner a:hover {
color: #333333;
}

.page-intro {
    border-bottom: 2px solid #eeeeee;
    background-color: #f7f7f7;
    margin-top: -45px;
    padding-top: 30px;
}

.page-intro #main-wrapper {
	background: none;
}

.page-intro #block-hrs-page-title h1.title {
	display: none;
}


.page-intro #landing-about img,
.page-intro #landing-docs img,
.page-intro #landing-pubs img {
display: none;
}

.node__content {
    margin-bottom: 15px;
}

.page-intro #landing-about, .page-intro #landing-docs, .page-intro #landing-data, .page-intro #landing-pubs {
 padding-bottom: 10px;
}


.page-intro p {
font-size: 17px;
line-height: 1.7
}


.page-intro #landing-pubs p {
font-size: 18px;
line-height: 1.7
}


.page-intro .less {
display: none;
}

.page-intro .highlighted {
margin-top: 16px;
}

.page-intro-mini {
font-size: 16px;
border: 1px solid #eeeeee; 
padding: 15px;
background-color: #f7f7f7; 
border-radius: 4px;
}

.page-intro-mini h1 {
margin-top: 0px;
}

body.page-node-8692 h1.page-header, body.page-node-8980 h1.page-header, body.page-node-9721 h1.page-header, body.page-node-10536 h1.page-header  {
display: none;
}


body.page-node-8692 h1.page-header.header-image, body.page-node-8980 h1.page-header.header-image, body.page-node-9721 h1.page-header.header-image, body.page-node-10536 h1.page-header.header-image  {
display: block;
border-bottom: 1px solid #eeeeee;
margin-top: 0px;
}


.page-intro-inside {
font-size: 16px;
padding-bottom: 30px;
}

.page-intro-inside h1 {
margin-bottom: 15px;
}


.page-intro-mini img {
max-width: 100%;
border: 2px solid #eeeeee;
}


.page-links {
font-size: 16px;
padding-top: 1rem;
}

.page-links #block-hrs-datadownloads h2,
.page-links #block-hrs-dataproducts2 h2,
.page-links #block-hrs-dataproducts3 h2,
.page-links #block-hrs-views-block-in-the-news-block-1 h2 {
font-size: 24px;
}

.page-links .stackable {
    margin-bottom: 1.5rem;
}

.page-links ul, ul.no-bullets{
list-style: none;
padding-left: 0px;
font-size: 16px;
margin-bottom: 0;
}

.page-links #media-at-a-glance  ul {
list-style: disc;
padding-left: 15px;
}

.page-links .list-group {
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}

.page-links .list-group .list-group-item {
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.page-links .list-group .list-group-item h3 {
font-size: 16px;
font-weight: bold;
color: #007ea3;
}

.pubs-page-links {
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}

.pubs-page-links p {
margin-top: 15px;
margin-bottom: 15px;
}

.page-links .list-group .list-group-item h2 {
color: #666666;
}

.page-links .list-group .list-group-item:first-child, .page-links .list-group .list-group-item:last-child {
border-radius: 0px;
}

.page-links .list-group .list-group-item:hover h3 {
text-decoration: underline;
}

.page-links .list-group .list-group-item:hover h2 {
color: #007ea3;
}

.page-links .list-group .list-group-item:hover .btn-primary,
.page-links .list-group .list-group-item:focus .btn-primary {
    background-color: #004f66;
    background-position: 0 -15px;
    color: #ffffff;
    border-color: #003b4c;
}

.page-links ul li, .page-links .more-link{
padding: 5px;
margin: 0px;
}

.page-links ul li, .page-links .list-group a.list-group-item {
border-left: 0px solid #ffffff;
}

.page-links ul li:hover, .page-links a.list-group-item:hover {
background-color: #fff;
border-left: 0px solid #888888;
}

.page-links ul a{
}



.btn-outline {
border-radius: 0px;
border-width: 2px;
background: none;
color:#666666;
border-color: #666666;
}

.white-div {
padding-top: 30px;
padding-bottom: 30px;
}

.gray-div {
font-size: 16px;
border-bottom: 2px solid #eeeeee;
border-top: 2px solid #eeeeee; 
padding-top: 15px;
padding-bottom: 15px;
background-color: #f7f7f7; 
}

.blue-div {
font-size: 16px;
border-bottom: 1px solid #b9def0;
border-top: 1px solid #b9def0; 
background-color: #d9edf7;
padding-top: 30px;
padding-bottom: 30px;
margin-top: 30px;
margin-bottom: 30px;
}

.pub-intro-links {
}

.pub-intro-links a {
text-decoration: none;
}

#block-publications {

}

#key-publications {
margin-top: 15px;

}

#key-publications h3 {
color: #8d932b;
margin-bottom: 5px;
margin-top: 10px;
}

#key-publications p {
color: #666666;
margin-bottom: 15px;
font-size: 14px;
}

#key-publications .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}

#key-publications .thumbnail .caption {
    padding: 9px;
    color: #333333;
}

.chart { 
height: 265px;
}

.chart-modal {
  min-height: 700px;
}

.chart-wrapper {
border: 2px solid #eeeeee;
background-color: #ffffff;
}

.chart-buttons {
padding: 0px 10px 10px 10px;
}


.more-link {
    padding-left: 5px;
}


@media only screen and (min-width: 600px) {
    .page-intro #landing-about {
        max-width: 50em;
        margin-left: 15px; 
        font-size: 18px;
    }

    .page-intro #landing-about p {
        font-size: 18px;
    }

}


@media screen and (max-width: 767px) {

.chart-buttons .btn, .chart-buttons button.btn {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

}


@media screen and (min-width: 768px) {

.page-intro h1 {
    font-size: 36px;
}


.page-intro #landing-docs, 
.page-intro #landing-data, 
.page-intro #landing-pubs {
    padding-bottom: 20px;
    padding-top: 15px;
}

.chart { 
height: 254px;
}


}


@media screen and (min-width: 992px) { 

.page-intro #landing-about img,
.page-intro #landing-docs img,
.page-intro #landing-pubs img {
display: block;
}


#key-publications {
max-width: 720px;
}


}

@media screen and (min-width: 1200px) { 

.chart { 
height: 260px;
}

#key-publications {
max-width: 100%;
}

#block-hrs-views-block-in-the-news-block-1 {
padding-top: 3.7rem;
}


}

@media screen and (min-width: 1400px) { 

.chart { 
height: 307px;
}

}