@charset "utf-8";

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; margin-bottom: 16px; margin-bottom: 1rem; margin-top: 16px; margin-top: 1rem; }

.show {display: block; }
.hide {display: none; }
.invisible {visibility: hidden; }
.hidden {display: none !important; visibility: hidden; }/* good luck working out this logic? DH. */

.remove {position: absolute; left: -3000px; top: -3000px; }

.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.clearfix,
.mobile-site #main a,
.component-block .block-expnd-area .block-expnd-area-inner,
aside.rh-column div,
.txt-block,
.pnl-row,
.alternate-main-bg .pnl-inner {clear: both; }
.clearfix:before,
.mobile-site #main a:before,
.component-block .block-expnd-area .block-expnd-area-inner:before,
.clearfix:after,
.mobile-site #main a:after,
.component-block .block-expnd-area .block-expnd-area-inner:after,
aside.rh-column div:after,
aside.rh-column div:before,
.txt-block:after,
.txt-block:before,
.pnl-row:after,
.pnl-row:before,
.alternate-main-bg .pnl-inner:after,
.alternate-main-bg .pnl-inner:before {content: " "; display: table; }
.clearfix:after,
.mobile-site #main a:after,
.component-block .block-expnd-area .block-expnd-area-inner:after,
aside.rh-column div:after,
.txt-block:after,
.pnl-row:after,
.alternate-main-bg .pnl-inner:after {clear: both; }


div.loading-icon {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	height:100%;
	text-align: center;
	background: #eee;
	opacity:0.4
}

/*
    Ability to add bold/italic added to some otherwise simple text elements (titles, short descriptions, etc)
    however a lot of these are already BOLD, so <strong> tags need to be boldER in these.
*/
.page-title strong,
.pnl-title strong {
     font-weight: bolder;
}

/* --------- */

.page-content .main-content-block-inner {
	padding-bottom: 32px;
}

.page-node .main-content-block-inner .page-title {
	padding-left: 0 !important;
}

.field-name-field-project-gallery {
	background: #000;
}

.field-name-field-project-gallery img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.field-name-field-project-gallery .field-type-text {
	background: #eee;
	padding: 4px 8px;
}

.footer-sponsors p {
	margin-top: 0;
}

.footer-sponsors img {
	max-width: 100%;
}

.links-block {
	padding: 16px;
	padding: 1rem;
}
.links-block h2 {
	margin-top: 0px;
}
.links-block + .links-block {
	margin-top: 16px;
}

.links-block .field  + .field {
	margin-top: 16px;
}

.drupal-tabs .element-invisible {
	display: none;
}

.drupal-tabs {
	margin: 32px 0;
}

.drupal-tabs .tabs {
	position: static;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #551a01;
}

.drupal-tabs li {
	float: none;
	display: inline-block;
}

.drupal-tabs li.active a,
.drupal-tabs a:hover {
	background: #551a01;
	color: #fff;
	border: 0 none;
}

.node-web-page .eap-page-header {
  margin-bottom: 1em;
}

.cke_editable {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 10px;
}

ul {
  list-style-type: disc;
}

ul, ol {
  padding-left: 20px;
}

.media-teaser {
  margin-bottom: 1em;
}

.main-column {
  margin-bottom: 32px;
}

.links-block .hierarchy-list {
  padding: 0;
}

.links-block .hierarchy-list li {
  margin-right: 0;
  display: inline-block;
}

.letterbox-image {
  background: #000;
  max-height: 300px;
  width: 100%;
}

.image-block .letterbox-image img {
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.file-no-images {
  font-weight: bold;
  text-align: center;
}

.page-node .content ul {
  list-style-type: disc;
}

.page-node .content ul,
.page-node .content ol {
  padding-left: 20px;
}
.search-description {
  margin: 18px 0;
  display: block;
  font-size: 18px;
}

.manifest-links .field-item {
  display: inline-block;
  margin-right: 10px;
}

.manifest-links .field-item img {
  display: block;
}

.file-image img {
  max-width: 100%;
  height: auto;
}

.h2-smaller {
  font-size: 20px;
}

#eap-survey-box {
  position: relative;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0px 0px 6px 0px #9E9E9E;
  transform: translateY(120%);
  -ms-transform: translateY(120%);
  -webkit-transform: translateY(120%);
}

#eap-survey-box.open {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -webkit-transition: transform 400ms ease-in-out;
  -moz-transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
}

#eap-survey-box .eap-survey-box__wrapper {
  position: relative;
  width: 100%;
  background: #EEE;
  font-size: 1.2em;
}

#eap-survey-box .eap-survey-box__inner {
  overflow: auto;
  max-width: 1070px;
  margin: 0 auto;
  padding: 20px 20px;
}

#eap-survey-box p {
  float: left;
  margin: 4px 20px 10px 0;
}

#eap-survey-box ul {
  float: left;
  white-space: nowrap;
}

#eap-survey-box li {
  display: inline-block;
  list-style-type: none;
}

#eap-survey-box li a {
  color: #d44202;
}

#eap-survey-box li+li {
  display: none;
  margin-left: 15px;
}

#eap-survey-box .button {
  margin: 0;
}

.js #eap-survey-box {
  position: fixed;
}

.js #eap-survey-box li+li {
  display: inline-block;
}