/*   
Theme Name: NMDC v1.1.0
Theme URI: https://github.com/microbiomedata/nmdc-wordpress-theme
Version: v1.1.0
Description: National Microbiome Data Collaborative (NMDC) WordPress theme. This theme was originally implemented by the Comrade Web Agency (https://comradeweb.com). In their absence, members of the NMDC team salvaged the theme's source code from a development instance of the website. This theme is powered by that salvaged code.
Author: NMDC
Author URI: https://microbiomedata.org/
*/

/* Announcement banner (i.e. `themes/nmdc/blocks/cross-site/announcement-banner.php`) */
.announcement-banner {
  padding: 16px 0;
  background-color: #4f3b80;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.announcement-banner__content > :first-child {
  margin-top: 0;
}
.announcement-banner__content > :last-child {
  margin-bottom: 0;
}
.announcement-banner a {
  color: inherit;
  text-decoration: underline;
}
.announcement-banner a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
/* On pages with the announcement banner, prevent Google Chrome from automatically scrolling a
   newly-enabled banner out of view (it would do this on the first page refresh following banner
   enablement, to restore the user's previous scroll position, which is below the banner). */
body:has(.announcement-banner) {
  overflow-anchor: none;
}

/* about */
.science__author {
  font-style: italic;
}
.events-preview.docs .h2 {
  color: #000;
}
.events-preview.docs .docs-wrap {
  background-color: transparent;
  text-align: center;
}
/* news inner */
.hero__date a {
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  position: relative;
  text-decoration: none;
}
.hero__date a:hover {
  text-decoration: underline;
}
/* news */
.news-slider__item-status a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.news-slider__item-status a:hover {
  text-decoration: underline;
}
.h3 > a {
  color: #fff;
  text-decoration: none;
}
.h3 > a:hover {
  text-decoration: underline;
}
label.previous__month > span {
  text-transform: capitalize;
}

.news__status a {
  color: #000;
  text-decoration: none;
}
.news__status a:hover {
  text-decoration: underline;
}

.contact-form__col {
  margin-bottom: 24px !important;
}

div.wpcf7 span.ajax-loader {
  visibility: hidden;
  display: none;
}

/* Quick fix to remove the Contact Form 7 spinner from the normal layout flow,
   so it doesn't push the subscribe form's submit button off center.
   Reference: https://github.com/microbiomedata/nmdc-wordpress-theme/issues/36 */
div.wpcf7 > form.wpcf7-form > span.wpcf7-spinner {
  position: absolute;
}

/* Even on wide screens: Keep the footer content horizontally centered
   on the page, and preserve the vertical spacing between its elements. */
@media screen and (min-width: 1200px) {
  .footer__col {
    width: 100%;
  }
  .footer__socials {
    justify-content: center;
    margin-bottom: 25px;
  }
  .footer__links {
    justify-content: center;
    margin-top: 15px;
  }
}