/*	****************************************
*	Detail pages
*	****************************************
*	Any resets needed to be made on the detail pages.
*  Includes layouts, link styles
*/
.region-highlighted {
  position: relative;
  margin: 20px 0;
}
.region-highlighted:after {
  display: table;
  clear: both;
  content: "";
  height: 0px;
}
#main-content {
  margin-left: 10px;
  margin-right: 10px;
}
#block-views-fake-page-title-block {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  #block-views-fake-page-title-block {
    position: absolute;
    bottom: 100px;
  }
}
#block-views-fake-page-title-block .views-field.views-field-title {
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  display: inline-block;
  padding: 15px 20px 20px;
}
@media screen and (min-width: 1025px) {
  #block-views-fake-page-title-block .views-field.views-field-title {
    max-width: 66.66666667%;
  }
}
@media screen and (min-width: 1240px) {
  #block-views-fake-page-title-block .views-field.views-field-title {
    max-width: 50%;
  }
}
#block-views-fake-page-title-block .views-field.views-field-title h1 {
  display: inline;
  font-size: 2.5em;
}
#block-views-fake-page-title-block-1 {
  text-align: right;
}
@media screen and (min-width: 1025px) {
  #block-views-fake-page-title-block-1 {
    min-height: 240px;
  }
  #block-views-fake-page-title-block-1 .views-field-field-featured-image {
    margin-left: 100px;
  }
}
.field-name-field-intro-link {
  font-size: 1.8em;
  display: inline-block;
}
.field-name-field-intro-link a {
  display: block;
  background-color: #086782;
  color: #fff;
  padding: 0.25em 20px 0.5em;
  border-bottom: 0 !important;
}
.field-name-field-intro-link a:hover {
  background-color: #f0037f;
}
@media screen and (min-width: 1025px) {
  .field-name-field-intro-link {
    position: absolute;
    margin-top: -100px;
    max-width: 66.66666667%;
  }
}
@media screen and (min-width: 1240px) {
  .field-name-field-intro-link {
    max-width: 50%;
  }
}
.field-name-field-date .field-item {
  padding: 20px 20px 0;
  background-color: #fff;
  color: #086782;
  font-size: 1.4em;
}
#main-content h2 {
  color: #086782;
  font-weight: normal;
  font-size: 1.5em;
}
#main-content h3 {
  font-weight: bold;
  font-size: 1.2em;
}
#main-content h4 {
  font-style: italic;
}
.intro-block ol,
.field-name-body ol,
.intro-block ul,
.field-name-body ul {
  margin-left: 1em;
}
.intro-block ul,
.field-name-body ul {
  list-style-type: square;
}
.field-name-field-image-gallery,
.field.field-name-field-video-gallery {
  clear: both;
}
.field-name-field-image-gallery .field-items figure.field-item,
.field.field-name-field-video-gallery .field-items figure.field-item {
  float: left;
}
.views-field-field-video-gallery,
.views-field-field-image-gallery {
  margin-bottom: 0;
}
.views-field-field-video-gallery .views-label,
.views-field-field-image-gallery .views-label {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: bold;
  padding: 15px 20px 20px;
  display: inline-block;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.views-field-field-video-gallery ul,
.views-field-field-image-gallery ul {
  list-style: none;
  margin-left: -10px !important;
  margin-right: -10px;
}
@media screen and (min-width: 768px) {
  .views-field-field-video-gallery ul,
  .views-field-field-image-gallery ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.views-field-field-video-gallery ul li,
.views-field-field-image-gallery ul li {
  margin: 0 0 20px !important;
}
@media screen and (min-width: 768px) {
  .views-field-field-video-gallery ul li,
  .views-field-field-image-gallery ul li {
    flex: 0 1 33.33333333%;
  }
}
.views-field-field-video-gallery ul a,
.views-field-field-image-gallery ul a {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  border-bottom: 0;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}
.views-field-field-video-gallery ul img,
.views-field-field-image-gallery ul img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.views-field-field-video-gallery ul span,
.views-field-field-image-gallery ul span {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
.views-field-field-video-gallery .embed-wrapper p,
.views-field-field-image-gallery .embed-wrapper p {
  padding: 0 10px;
}
.views-field-field-video-gallery .embed-wrapper iframe,
.views-field-field-image-gallery .embed-wrapper iframe {
  width: calc(100%  -  20px);
}
#block-views-fake-page-title-block-5 .views-field-field-image-gallery {
  width: 33%;
  float: left;
}
#block-views-home-page-blocks-block-1,
#block-views-fake-page-title-block-2,
#block-views-fake-page-title-block-3 {
  clear: none;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #block-views-home-page-blocks-block-1,
  #block-views-fake-page-title-block-2,
  #block-views-fake-page-title-block-3 {
    width: 50%;
    float: left;
  }
}
#block-views-home-page-blocks-block-1 .block-inner,
#block-views-fake-page-title-block-2 .block-inner,
#block-views-fake-page-title-block-3 .block-inner {
  padding: 20px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .not-front #block-views-home-page-blocks-block-3 {
    width: 50%;
  }
}
#block-views-fake-page-title-block-3 .views-label {
  font-size: 1.5em;
  color: #000;
  font-weight: bold;
}
#block-views-fake-page-title-block-3 ul,
#block-views-fake-page-title-block-3 li {
  list-style: none;
  margin-left: 0;
}
.article-full header {
  display: none;
}
.share-button p {
  margin: 0;
}
.share-button a {
  display: inline-block;
  background: #086782;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  z-index: 998;
  right: 10px;
  border-bottom: 0;
}
.share-button a:hover {
  background-color: #f0037f;
}
.share-button a span {
  display: block;
  padding: 0.5em 1em;
}
.page-type-detail-page .region-highlighted {
  margin-bottom: 0;
}
.page-type-detail-page .field-name-field-feature-image-caption{
    margin-left: 0;
}
@media screen and (min-width: 768px) {
  .page-type-detail-page .field-name-field-date,
  .page-type-detail-page .field-name-body,
  .page-type-detail-page .field-name-field-additional-support,
  .page-type-detail-page .field-name-field-feature-image-caption {
    margin-right: 200px;
  }
}
@media screen and (min-width: 1025px) {
  .page-type-detail-page .field-name-field-date,
  .page-type-detail-page .field-name-body,
  .page-type-detail-page .field-name-field-additional-support,
  .page-type-detail-page .field-name-field-feature-image-caption{
    margin-left: 100px;
    margin-right: 442px;
  }
}
.page-type-page .field-name-field-intro-link {
  margin-top: -20px;
}
@media screen and (min-width: 1025px) {
  .page-type-page .field-name-field-intro-link {
    margin-top: -120px;
  }
}
@media screen and (min-width: 768px) {
  .page-type-page #block-views-programs-on-engage-page-block-1,
  .page-type-page .article-full .field-name-body,
  .field-name-field-feature-image-caption {
    margin-right: 200px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1025px) {
  .page-type-page #block-views-programs-on-engage-page-block-1,
  .page-type-page .article-full .field-name-body,
  .field-name-field-feature-image-caption{
    margin-right: 442px;
  }
}
#block-views-press-releases-block .block-inner,
#block-views-staff-directory-block .block-inner,
#block-views-programs-on-engage-page-block-1 .block-inner {
  margin-left: 0;
  margin-right: 0;
}
.page-press-releases .article-type-page {
  margin-bottom: 0;
}
.page-press-releases .view-press-releases {
  padding: 0 20px 20px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-press-releases .view-press-releases {
    margin-right: 200px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1025px) {
  .page-press-releases .view-press-releases {
    margin-right: 442px;
  }
}
.page-press-releases .view-press-releases .views-field-title {
  font-size: 1.4em;
}
.page-press-releases .view-press-releases .views-row {
  padding-top: 10px;
  border-top: 1px dotted #c4c4c4;
  margin-bottom: 0;
}
.view-staff-directory.view-display-id-block {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .view-staff-directory.view-display-id-block {
    margin-right: 200px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1025px) {
  .view-staff-directory.view-display-id-block {
    margin-right: 442px;
  }
}
.view-staff-directory.view-display-id-block h3 {
  display: inline-block;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 20px;
  font-size: 1.4em !important;
  font-weight: bold;
}
.view-staff-directory.view-display-id-block .article-type-person {
  margin-bottom: 20px;
}
.view-staff-directory.view-display-id-block .article-type-person header {
  margin-bottom: 0;
}
.view-staff-directory.view-display-id-block_1 .views-row {
  padding: 20px;
  background-color: #fff;
}
.view-staff-directory.view-display-id-block_1 .views-field-nothing {
  margin-bottom: 20px;
}
.view-staff-directory.view-display-id-block_1 h2 {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .view-staff-directory.view-display-id-block_1 .views-row {
    display: flex;
  }
  .view-staff-directory.view-display-id-block_1 .views-field-field-portrait {
    width: 25%;
  }
  .view-staff-directory.view-display-id-block_1 .views-field-body {
    width: 50%;
  }
  .view-staff-directory.view-display-id-block_1 .views-field-nothing {
    margin: 0 20px 20px 0;
    flex-grow: 1;
  }
  .view-staff-directory.view-display-id-block_1 .views-field-field-portrait {
    margin-right: 20px;
  }
}
#block-block-22 {
  float: right;
  margin-right: 0;
}
/* individual person and press release pages */
.page-type-person #block-views-fake-page-title-block,
.page-type-news #block-views-fake-page-title-block {
  position: relative;
  bottom: 0;
}
.page-type-person #block-views-fake-page-title-block-1,
.page-type-news #block-views-fake-page-title-block-1 {
  min-height: 0;
}
.page-type-person .field-name-field-news-date,
.page-type-news .field-name-field-news-date {
  padding: 20px 20px 0;
  background-color: #fff;
  font-size: 1.4em;
  color: #086782;
}
.page-type-person .field-name-field-news-date .date-display-single,
.page-type-news .field-name-field-news-date .date-display-single {
  margin-bottom: 0;
}
.page-type-person .field-name-field-news-source,
.page-type-news .field-name-field-news-source {
  padding: 0 20px 20px;
  font-size: 1.4em;
  background-color: #fff;
}
@media screen and (min-width: 1025px) {
  .page-type-person .article-content,
  .page-type-news .article-content {
    max-width: 66.66666667%;
  }
}
.page-type-person .field-name-field-portrait,
.page-type-news .field-name-field-portrait {
  padding: 20px;
  background-color: #fff;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .page-type-person .field-name-field-portrait,
  .page-type-news .field-name-field-portrait {
    float: right;
    max-width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  .page-type-person .field-name-field-portrait,
  .page-type-news .field-name-field-portrait {
    position: absolute;
    right: 10px;
    max-width: 20%;
  }
}
.page-type-person .field-name-field-position,
.page-type-news .field-name-field-position,
.page-type-person .field-name-field-website,
.page-type-news .field-name-field-website,
.page-type-person .field-name-field-phone,
.page-type-news .field-name-field-phone,
.page-type-person .field-name-field-email,
.page-type-news .field-name-field-email {
  padding: 10px 20px 0;
  background-color: #fff;
}
.page-type-person .field-name-field-position,
.page-type-news .field-name-field-position {
  padding-top: 20px;
  font-size: 1.4em;
  color: #086782;
}
.page-search #page-title {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 20px;
  display: inline-block;
  margin: 0 0 0 -10px;
}
.page-search #block-system-main .block-content {
  background-color: #fff;
  padding: 20px;
}
@media screen and (min-width: 1025px) {
  .page-search #block-system-main .block-content {
    margin-right: 442px;
    margin-left: 10px;
  }
}
.page-search #search-form + h2 {
  margin: 20px 0;
}
.page-search .search-info {
  display: none;
}
.page-search .search-snippet strong {
  background-color: #f0037f;
}
