/* Article Page (AP) */
#artHead {
  line-height: 30px;
  margin: 0;
}

#articleBody .bylineDateBox {
  font-size: 12px;
  font-weight: bold;
  margin: 1em 0;
}

#articleBody .dateline {
  border-right: 1px solid #666;
  margin-right: 8px;
  padding-right: 8px;
}

#articleBody .dateline.noByline {
  border-right: 0;
}

#articleBody table {
  color: inherit; /* Accessibility fix */
}

#articleBody a { /* siteimprove - "Link identified only by color" (1.4.1 Use of Color) */
  text-decoration: underline;
}

/* AP - Image Galleries */
.story-image  {
  background-color: #eee;
  float: left;
  margin: .5em 1em 1em 0;
  max-width: 279px;
  padding: .5em;
}

.story-image-1, .story-image-3 {
  float: right;
  margin: .5em 0 1em 1em;
}

.story-image-box  {
  margin: 0 0 .25em;
  position: relative;
}

.story-image-box a span {
  background: transparent url(/vimages/backend/shared/gallry_overlay.png) no-repeat;
  bottom: 0;
  height: 21px;
  position: absolute;
  right: 0;
  width: 25px;
}

.story-image-box img {
  max-width: 279px;
}
.lt-ie9 .story-image { max-width: 279px; }
.lt-ie8 .story-image { width: 279px; }

.cutline {
  font-size: 11px;
  line-height: 15px;
}

.photocredit {
  margin: 0 0 .25em;
  text-align: right;
}

/* AP - Related Sites */
.article-related-sites {
  border-bottom: 1px solid #ccc;
  clear: both;
}

.article-related-sites > h4 {
  border-bottom: 1px solid #ccc;
}

.article-related-sites > p {
  font-size: 85%;
  margin: 0 0 .5em;
}

/* AP - Feedback */
#feedbackBox {
  clear: both;
  margin: 1em 0;
}

#feedbackBox h3 {
  background-color: #F24718;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: .25em .5em;
}

#feedbackBox table {
  margin-bottom: 0;
}

#feedbackBox td {
  vertical-align: top;
}

#feedbackBox td span {
  display: none;
}

#feedbackBox td.feedbackAuthor, #feedbackBox td.feedbackDate {
  width: 18%;
}

#feedbackBox td.feedbackDate p {
  margin: 0;
}

/* AP - Feedback - Name Preview (hover effect) */
#namePreview {
  background-color: #fff;
  border: 1px solid #F24718;
  color: #333;
  padding: .75em;
  position: absolute;
  top: -500px;
  z-index: 3;
}

#namePreview p {
  margin: 0;
}

#namePreview strong {
  float: left;
  text-align: right;
  width: 90px;
}

#namePreview span {
  padding-left: .75em;
}

/* AP - Feedback - Add New Comment Link */
#feedbackBox #anc, #feedbackBox #anc2, #feedbackBox noscript {
  background-color: #F24718;
  color: #fff;
  margin: 0;
  padding: .25em .5em;
}
.lt-ie9 #feedbackBox noscript { padding: 0; } /* Padding causing it to display in IE8 */

#feedbackBox p a:link, #feedbackBox p a:visited {
  color: #ddd;
}

#feedbackBox p a:hover {
  color: #fff;
}

/* AP - Feedback - Add New Comment Form */
#fbForm, #ajaxLoading {
  border: 1px solid #ddd;
}

#fbForm p:first-child {
  padding: .5em;
}

#fbForm .formItems label {
  float: left;
  padding-top: 5px;
  text-align: right;
  width: 185px;
}

#fbForm .formItems span {
  display: block;
  margin-left: 195px;
}

#fbForm .formItems input[type="text"], #fbForm .formItems textarea {
  margin-bottom: 0;
  width: 94%;
}

#fbForm .spacer {
  clear: both;
  display: block;
  height: 1px;
  overflow: hidden;
}

#fbForm .formItems span label {
  display: inline-block;
  float: none;
  margin: 0 10px 0 0;
  padding-top: 5px;
  vertical-align: middle;
  width: auto;
}

#fbForm .formButtons {
  text-align: center;
}

#fbForm .formButtons input:first-child {
  margin-right: .5em;
}

/* Section Page - Featured Article */
.section-feature {
  border-bottom: 1px solid #808080;
  margin-bottom: 2em;
}

.section-feature > h3 {
  line-height: 30px;
  margin-top: 0;
}

.section-feature-img {
  display: block;
  float: right;
  margin: 0 0 1em 1em;
}

.section-feature-abstract .pull-right {
  clear: both;
}

/* Section Page - Other Articles */
.otherArt {
  margin-bottom: 1em;
  padding: .5em;
}

.otherArt:nth-child(2n+1) { /* Zebra-stripe the divs */
  background-color: #f7f7f7;
}

.otherArt > h4, .otherArt > h5 {
  margin: 0;
}

.otherArt-byline {
  font-size: 12px;
  font-weight: bold;
}

.otherArt-byline .dateline {
  border-right: 1px solid #999;
  margin-right: 8px;
  padding-right: 8px;
}

.otherArt-byline .no-byline {
  border-right: 0;
}

.otherArt-abstract {
  margin-top: .75em;
}

.otherArt-abstract > .pull-right {
  margin-bottom: 0;
}

/* Archives - Browse by Month */
.browse-months span {
  font-weight: bold;
  margin-right: 1em;
}

.browse-months a {
  margin-right: .5em;
}

/* Archives - Browse Results */
.browse-month-results {
  margin: 0 0 1.5em;
}

.browse-month-results li {
  list-style-type: none;
  margin: .5em 0;
}

.browse-month-results a {
  margin-right: .5em;
}

.article-list {
  margin: 0 0 1em;
  padding: .5em;
}

.article-list:nth-child(2n+1) { /* Zebra-stripe the divs */
  background-color: #f7f7f7;
}

.article-list h5 { /* Headline */
  font-size: 16px;
  margin: 0;
}

.article-list h6 { /* Tagline */
  font-size: 14px;
  margin: 0;
}

.article-list-byline-date {
  font-size: 11.9px;
  font-weight: bold;
  margin-bottom: .5em;
}

.article-list-date {
  border-right: 1px solid #999;
  margin-right: 8px;
  padding-right: 8px;
}

.articleList .bylineDate .dateline {
  border-right: 1px solid #666;
  margin-right: 8px;
  padding-right: 8px;
}

.article-list-no-byline {
  border-right: 0;
}

.article-list-abstract .pull-right {
  margin-bottom: 0;
}

.article-list-buttons {
  text-align: center;
}

.article-list-buttons input:first-child {
  margin-right: 1em;
}

/* Archives - Search Options */
.archives-search-section {
  margin-bottom: 10px;
}

.archives-search-section select {
  margin: 0 0 0 .5em;
}

.archives-search-date {
  float: left;
  width: 50%;
}

.archives-search-date label {
  width: 90%; /* Safari needs or text word wraps */
}

.archives-search-date p {
  margin: 10px 0 0 20px;;
}

.archives-search-date select {
  margin-right: .5em;
  width: 90px;
}

.archives-search-date select[name="FstartMonth"],
.archives-search-date select[name="FendMonth"] {
  width: 150px;
}

/* Archives - Search Results */
.archives-results-count em {
  margin-left: .5em;
}

/* E-mail Article/News Update */
.email-friend {
  background-color: #fff;
  color: #333;
}

.email-friend-flag {
  background-color: #F24718;
  border-bottom: 2px solid #000;
}

.email-friend-flag h3 {
  color: #fff;
  font-style: italic;
  margin: 0;
  padding: 0 .5em;
}

.email-friend-form, .email-wrapper {
  margin: 0;
  padding: 1em;
}

.email-friend-form > h4 {
  margin: 0;
}

.email-friend-form > h4.label {
  font-size: 17.5px;
  line-height: 20px;
  margin: 10px 0;
}

.email-friend-form p.muted {
  margin-bottom: 2em;
}

.email-friend-button {
  margin-top: 1em;
  text-align: center;
}

/* Bios - author profile page (modal) */
#profile-bio-modal {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.profile-bio-img {
  background-color: #eee;
  margin: 0 0 1em 1em;
  padding: .5em;
}

.profile-bio-box > h3, .profile-bio-box > h4, .profile-bio-box > h5 {
  margin: 0;
}

.profile-bio-text {
  margin: 1em 0;
}

/* Slideshow */
.vslideshow {
  background-color: #fff;
  color: #333;
}

.vslideshow-flag {
  background-color: #F24718;
  border-bottom: 2px solid #df3042;
}

.vslideshow-flag h3 {
  color: #fff;
  font-style: italic;
  margin: 0;
  padding: 0 .5em;
}

.vslideshow-wrapper {
  margin: 0;
  padding: 1em;
}

.vslideshow-close {
  clear: left;
  text-align: center;
}

.vslideshow-image-box {
  float: left;
  margin-bottom: 1em;
  width: 310px;
}

.vslideshow-position {
  margin: 0 0 .25em;
  text-align: center;
}

.vslideshow-control-nav {
  margin: 0 0 .5em;
  text-align: center;
}

.vslideshow-control-nav a, .vslideshow-control-nav span {
  border-left: 1px solid #333;
  margin-left: .5em;
  padding-left: .5em;
}

.vslideshow-control-nav a:first-child, .vslideshow-control-nav span:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.vslideshow-image-box1 {
  background-color: #333;
  padding-top: 1em;
  text-align: center;
}

.vslideshow-zoom-text {
  background-color: #333;
  color: #fff;
  padding: .5em;
  text-align: center;
}

.vslideshow-text-box {
  margin: 50px 0 0 325px;
}

.vslideshow-text-box h4 {
  border-bottom: 1px dashed #999;
  padding: 0 0 .25em .25em;
}

/* Slideshow - Large Image */
.vslideshow-wrapper > img {
  margin-bottom: 1em;
}

/* Central Services - View Article */
.sub-page > .formButtons { /* p tag holding the Delete, Edit Article, Change Images, and Back buttons */
  margin: 1em 0;
  text-align: center;
}

.sub-page > .formButtons input {
  margin-left: .5em;
}

.sub-page > .formButtons input:first-child {
  margin-left: 0;
}

/* Article Page - Image Gallery Thumbnail Grid -------------------------------- */
.ig-thumbnails {
  clear: both;
  margin: 1.5em 0 .5em;
}

.ig-thumbnails *, .ig-thumbnails *:after, .ig-thumbnails *:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.ig-thumbnails .thumbnails {
  margin-bottom: 0;
}

.ig-thumbnails .thumbnails > .span4 {
  margin-bottom: 10px;
}

.ig-thumbnails .span4:nth-child(3n+1) {
  margin-left: 0; /* Remove the left margin for all thumbnails in the 1st column */
}

.ig-thumbnails .thumbnail {
  border-color: #aaa;
}

.ig-thumbnails .thumbnail-inner {
  height: 180px; /* Thumbnails are created to be 180x180 */
  margin-bottom: 3px;
  -webkit-transition: .5s height ease;
     -moz-transition: .5s height ease;
      -ms-transition: .5s height ease;
       -o-transition: .5s height ease;
          transition: .5s height ease;
}

.ig-thumbnails img {
  display: block;
  margin: 0 auto;
  max-height: 180px;
}

.ig-thumbnails .ig-show-captions-content {
  font-size: 12px;
  height: 0;
  line-height: 16px;
  overflow: auto;
  padding: 0 5px;
  -webkit-transition: .5s height ease;
     -moz-transition: .5s height ease;
      -ms-transition: .5s height ease;
       -o-transition: .5s height ease;
          transition: .5s height ease;
}

.ig-thumbnails .ig-credit {
  float: right;
  margin: 0 0 3px;
}

.ig-thumbnails .ig-caption {
  margin: 0;
}

.ig-thumbnails .ig-show-captions-content p + p {
  border-top: 1px solid #ccc;
  clear: right;
  padding-top: 3px;
}

/* AP - AddThis Toolbar */
#articleOptions {
  clear: both;
  float: left;
  margin: 1em 0;
  width: 100%;
}

#articleOptions #iconEmailArt {
  float: left;
  margin-right: 5px;
  position: relative;
  transition: margin .3s ease;
  z-index: 1;
}

#articleOptions #iconEmailArt:hover,
#articleOptions #iconEmailArt:focus {
  margin-top: -5px;
}

/* Login/Register/Profile Form */
.front-login form {
  border-right: 1px solid #999;
  float: left;
  margin: 0 1em 0 0;
  padding-right: 1em;
  width: 50%;
}

.front-login-wide form { /* front-login-wide = sign in from icon on nav bar */
  border-right: 0;
  float: none;
  margin: 0;
  padding-right: 0;
  width: auto;
}

.front-login h4.label, .front-register h4.label, .front-profile h4.label {
  font-size: 17.5px;
  line-height: 20px;
  margin: 0 0 1.5em;
}

.front-login h3, .front-register h3, .front-profile h3 {
  margin: 0 0 .5em;
}

.front-login .pull-right a {
  margin-left: .5em;
}

.front-register, .front-profile {
  margin: 0;
}

.front-register a, .front-profile a {
  margin-left: .5em;
}

.front-login-wide input {
  margin-right: 1em;
}

.front-login-wide #front-forgot {
  margin-right: 2em;
}

.front-login-wide button {
  margin-right: .5em;
}

/* Contact Us & Staff Directory ----------------------------------------------- */
.contact-us,
.staff-directory {
  background-color: #fff;
  color: #333;
  padding: 10px 20px 20px;
}

.contact-us .breadcrumb .fa,
.staff-directory .breadcrumb .fa {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.contact-us .breadcrumb > li + li:before,
.staff-directory .breadcrumb > li + li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  content: "\f101";
  padding: 0 8px;
  color: #aaa;
}

/* Contact Us ----------------------------------------------------------------- */
.contact-us .list-group {
  margin: 0 0 20px;
}

.contact-us .list-group-item {
  color: #000;
  position: relative;
  padding: 10px 15px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-us a.list-group-item:hover, .contact-us a.list-group-item:focus {
  background-color: #f5f5f5;
  color: #000;
  text-decoration: none;
}

.contact-us .list-group-item-title {
  padding-right: .5em;
}

.contact-us-item .list-group-item.contact-map {
  display: block;
  padding: 0 0 10px;
}

.contact-us-item .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}

.contact-us-item .embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.contact-us-item #map {
  height: 332px;
  width: 100%;
}

.contact-us-item .contact-group {
  background-color: #333;
  color: #fff;
}

.contact-us-item .media-left, .contact-us-item .media-body {
  display: table-cell;
  vertical-align: top;
}

.contact-us-item .media-left {
  padding-right: 15px;
}

.contact-us-item .media-body {
  width: 10000px;
}

.contact-us-item .media-heading-alone {
  margin-top: 5px;
}

.contact-us-item .media-body a {
  word-break: break-all;
}

/* Staff Directory ------------------------------------------------------------ */
.staff-directory * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Person Search / Select Staff Directory / Filter By ----- */
.staff-directory .form-group,
.staff-directory .filter-wrapper {
  margin-bottom: 1em;
  position: relative;
}

.staff-directory .form-group label,
.staff-directory .filter-wrapper label {
  display: inline-block;
  max-width: 100%;
  font-weight: bold;
}

.staff-directory .filter-wrapper label {
  display: block;
}

.staff-directory .filter-wrapper label + label {
  margin-left: 1em;
}

.staff-directory .filter-wrapper .radio-inline {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.staff-directory .filter-wrapper .radio-inline input {
  margin: 0;
}

.staff-directory .form-group .form-control {
  display: block;
  width: 100%;
}

.staff-directory .form-group-search input[type="search"].form-control {
  padding-right: 45px; /* Make room for X (cancel/reset) */
  width: 91%;
}

.staff-directory .form-group-search input[type="search"]::-webkit-search-cancel-button,
.staff-directory .form-group-search input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove IE "clear field" X button */
.staff-directory .form-group-search input[type="search"]::-ms-clear {
  display: none;
}

.staff-directory .staff-directory-search-cancel {
  position: absolute;
  top: 25px;
  right: -2px;
  bottom: 0;
  width: 40px;

  color: #333;
  display: none;
  font-size: 1.25em;
  padding-top: 5px;
  text-align: center;
}

.staff-directory .staff-directory-search-cancel.show {
  display: block;
}

.staff-directory .staff-directory-search-cancel:hover,
.staff-directory .staff-directory-search-cancel:focus {
  color: #333;
}

/* ListNav ------------------------------------------------ */
.staff-directory .listNav, .staff-directory .ln-letters {
  overflow: hidden;
}

.staff-directory .ln-letters {
  margin: 0 0 1em;
  display: table;
  width: 100%;
}

.staff-directory .ln-letters a {
  background: #ccc;
  border-right: 1px solid #fff;
  color: #000;
  display: table-cell;
  padding: 10px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 1%;
}

.staff-directory .ln-letters a:hover,
.staff-directory .ln-letters a:focus,
.staff-directory .ln-letters a.ln-selected {
  background-color: #333;
  color: #fff;
}

.staff-directory .ln-letters a:last-child {
  border-right: none;
}

.staff-directory .listNavHide {
  display: none !important;
}

/* Grid of people thumbnails ------------------------------ */
.staff-directory .staff-directory-people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 1em;
  padding: 0;
}

.staff-directory .staff-directory-people .col-xs-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}

.staff-directory .staff-directory-people .thumbnail,
.staff-directory .staff-directory-people .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.staff-directory .staff-directory-people .thumbnail {
  padding: 0;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border-color: #ccc;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.staff-directory .staff-directory-people .caption {
  background-color: transparent;
  color: inherit;
  position: static;
  font-size: 16px;
  padding: .5em;
}

.staff-directory .staff-directory-people .caption span {
  margin-left: .5em;
  word-break: break-all;
}

.staff-directory .staff-directory-people .caption div + div {
  margin-top: .25em;
}

/* Top of thumbnail (user icon/photo, name, title) -------- */
.staff-directory .media {
  background-color: #ddd;
  margin: 0;
  padding: .5em;
}

.staff-directory .media-left,
.staff-directory .media-body {
  display: table-cell;
  vertical-align: top;
}

.staff-directory .media-icon,
.staff-directory .media-photo {
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0,0,0,.5);
}

.staff-directory .media-icon {
  background-color: #333;
  color: #fff;
  padding: 1em 1.15em;
}

.staff-directory .staff-directory-people-md .media-icon {
  padding: 1.1em 1.25em;
}
.staff-directory .staff-directory-people-md .media-icon .fas {
  font-size: 5em;
}

.staff-directory .staff-directory-people-lg .media-icon {
  padding: 1.25em 1.5em;
}
.staff-directory .staff-directory-people-lg .media-icon .fas {
  font-size: 6.5em;
}

.staff-directory .media-photo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70px;
  width: 70px;
}

.staff-directory .staff-directory-people-md .media-photo {
  height: 100px;
  width: 100px;
}

.staff-directory .staff-directory-people-lg .media-photo {
  height: 125px;
  width: 125px;
}

.staff-directory .media-body {
  padding-left: .5em;
  vertical-align: middle;
  width: 10000px;
}

.staff-directory .media-heading,
.staff-directory .media-person-title {
  font-size: 18px;
  margin: 5px 0;
  font-weight: 500;
  line-height: 1.1;
}

.staff-directory .media-person-title {
  font-size: 14px;
}

/* Search/Selected Directory hidden class ----------------- */
.staff-directory .hidden,
.staff-directory .hide-search,
.staff-directory .hide-selected-directory {
  display: none !important;
}

/* L-SOCSAPP - Update script appending... */
.story-image video {
  display: block;
  max-width: 100%;
  height: auto;
}

.ig-thumbnails a[data-poster] {
  display: block;
  position: relative;
}

.ig-thumbnails .video-play-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  display: flex;
  justify-content: center;
  align-items: center;
}