@import "normalize.css";
@import "skeleton.css";
/* Colors / Variables */
:root {
  --green-light: #88c53f;
  --green-bright: #bbf872;
  --green-medium: #55920c;
  --green-dark: #375e08;
  --red: #d50000;
  --red-alt: #b71c1c;
  --yellow: #fff9c4;
  --white: #ffffff;
  --white-alt: #f2f2f2;
  --grey-light: #cccccc;
  --grey-medium-light: #777777;
  --grey-medium: #333333;
  --grey-dark: #222222;
  --black: #000000;
  --facebook: #305891;
  --twitter: #2ca8d2;
  --instagram: #000;
  --youtube: #de2826;
  --email: #0078d7;
  --special: #f1f8e9;
}
/* General */
body {
  box-sizing: border-box;
  background: var(--white-alt);
}
img {
  max-width: 100%;
}
audio {
  width: 100%;
  transition: width 0.5s ease-in-out;
  z-index: 999;
  margin-bottom: 1.5em;
}
td a.title {
  text-transform: capitalize;
}
select + select {
  margin-left: 10px;
}
table {
  width: 100%;
}
thead {
  background: #fafafa;
}
thead th + th {
  border-left: 1px solid var(--white-alt);
}
table tr.special {
  background: var(--special);
}
@media all and (min-width: 750px) {
  .nobr {
    white-space: nowrap; /* only for larger screens */
  }
}
/* Icons / Sprites */
.sprite {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  transition: all linear 0.15s;
  vertical-align: middle;
}
.button .sprite {
  margin-right: 0.25em;
}

a.twitter:focus .sprite,
a.twitter:hover .sprite {
  color: var(--twitter);
}
a.facebook:focus .sprite,
a.facebook:hover .sprite {
  color: var(--facebook);
}
a.youtube:focus .sprite,
a.youtube:hover .sprite {
  color: var(--youtube);
}
a.email:focus .sprite,
a.email:hover .sprite {
  color: var(--email);
}

/* Links */
a {
  color: var(--green-medium);
}
a:focus,
a:hover {
  color: var(--green-light);
}

/* Buttons */
.button:active,
.button:focus,
.button:hover,
header#main ul.navigation a:hover,
header#main ul.navigation a:focus,
header#main ul.navigation a:active {
  background: var(--white-alt);
  color: var(--grey-dark);
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  background: var(--green-medium);
  color: var(--white);
  border-color: var(--green-light);
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus,
.button.button-primary:active,
button.button-primary:active,
input[type="submit"].button-primary:active,
input[type="reset"].button-primary:active,
input[type="button"].button-primary:active {
  background: var(--green-dark);
  color: var(--white);
  border-color: var(--green-bright);
}

@media all and (max-width: 45em) {
  .button {
    padding: 0 1em;
  }
}
/* Font */
.breadcrumb,
#simple-pages-text h1,
#simple-pages-text h2,
section.home > h2,
section.home > h3,
#guides-home h3,
footer h3,
h4,
h5,
h6,
.actions,
.byline,
aside#top-bar a#sponsor,
#subjects-for-item a,
.secondary-nav a,
#sort-links,
#sort-links a,
.results-count,
span.count,
#colophon,
footer .button,
#key-meta-for-item strong,
#item-filters,
.hentry-item-metadata,
.hentry-collection-metadata,
.hentry-page-metadata,
.content .button,
.content button,
.banner .button,
label,
.label,
legend,
.legend,
select,
.description.transcript .sponsor,
#bigmenu button,
#advanced-interview-search,
#search-notes {
  font-family: "Roboto Condensed", "Arial Narrow", "Avenir Next Condensed";
}

/* Header */
header#main {
  background: var(--grey-dark);
  color: var(--white);
}

aside#top-bar {
  font-size: 0.95em;
  line-height: 1;
  background: linear-gradient(to right, var(--white-alt), var(--white));
  padding: 5px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
}

aside#top-bar a {
  text-transform: uppercase;
  color: var(--grey-dark);
  text-decoration: none;
  margin-left: 5px;
}
aside#top-bar a#sponsor {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
aside#top-bar a#sponsor svg {
  border-radius: 50%;
  margin-right: 3px;
}
@media all and (max-width: 950px) {
  aside#top-bar a#sponsor span {
    display: none;
  }
}
header nav {
  min-height: 75px;
  background: var(--grey-dark);
}
#search-container-top form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
#search-container-top form input.query {
  flex-grow: 1;
  margin-right: 0;
  margin-bottom: 0;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
#search-container-top form button.submit_search {
  border-left: 0;
  border-radius: 0 4px 4px 0;
  border-color: var(--grey-medium);
  background: var(--green-medium);
  color: var(--white);
}
#search-button {
  margin-right: 10px;
}
#search-button,
#menu-button {
  margin-left: 10px;
  color: var(--white);
}
#search-button:hover,
#menu-button:hover {
  color: var(--green-light);
}
#search-button:focus-visible,
#menu-button:focus-visible {
  color: var(--green-light);
  border: 1px dashed var(--red);
}
.nav-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  flex-wrap: wrap;
}
#site-logo,
#site-logo a {
  display: contents;
}
#site-logo-img,
#site-logo picture {
  max-height: 55px;
  width: auto;
  display: inline-flex;
  margin: 0;
  padding: 0;
}
#site-logo {
}

header input#query {
  min-width: 250px;
}
#wide-section-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#nav-buttons-top a.button {
  border-color: transparent;
}
#nav-buttons-top {
  margin-right: 10px;
}
@media all and (max-width: 800px) {
  #nav-buttons-top {
    display: none;
  }
}
header#main ul.navigation a {
  color: var(--white);
}
header#main ul.navigation li + li {
  margin-left: 10px;
}
header#main ul.navigation li {
  margin-bottom: 0;
}
header#main ul.navigation a.button {
  margin-bottom: 0;
}
header#main ul.navigation {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  box-sizing: border-box;
}

/* Big Menu */
#admin-bar {
  position: relative;
  z-index: 14;
}
#top-bar {
  position: relative;
  z-index: 13;
}
header#main {
  position: relative;
  z-index: 12;
}
#primary-nav-top {
  position: relative;
  z-index: 11;
}
#bigmenu {
  z-index: 10;
  position: absolute;
  top: -500%;
  left: 0;
  right: 0;
  opacity: 0;
  width: calc(100% - 2em);
  padding: 1em;
  background: linear-gradient(
    to bottom,
    var(--grey-dark),
    rgba(34, 34, 34, 0.999)
  );
  transition: all 0.5s ease-in-out;
}
#bigmenu.active {
  top: 100%;
  opacity: 1;
}
#bigmenu-overlay {
  position: absolute;
  display: block;
  height: 0;
  background: rgba(256, 256, 256, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.bigmenu-active #bigmenu-overlay {
  position: fixed;
  height: 100%;
  opacity: 1;
}
#bigmenu a {
  color: var(--green-light);
  text-decoration: none;
}
#bigmenu ul {
  list-style: none;
  font-weight: 700;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
#bigmenu li {
  padding: 0 0.25em 0;
  margin: 0;
  display: inline-block;
}
#navigation-container-top ul li a {
  color: var(--white);
  margin-bottom: 0;
  border-color: transparent;
}
#navigation-container-top ul li a:focus,
#navigation-container-top ul li a:hover {
  background: var(--white-alt);
  color: var(--grey-dark);
}
#bigmenu #submit_search {
  margin: 0;
}
#advanced-interview-search {
  text-align: center;
  padding-top: 10px;
  color: var(--white);
}
#search-container-top {
  border-bottom: 1px dashed var(--grey-medium-light);
  padding: 0 0 1em;
  margin: 0 auto 1em;
  max-width: calc(var(--skeleton-container) - 40px);
}
#navigation-container-top {
  margin-bottom: 0;
  padding: 0;
}
#bigmenu .active .button {
  background: var(--green-dark);
}
#bigmenu .active .button:hover,
#bigmenu .active .button:focus {
  background: var(--white-alt);
}

@media all and (max-width: 600px) {
  #bigmenu ul {
    flex-direction: column;
    margin: 0.5em auto 0;
    max-width: 300px;
  }
  header#main #bigmenu ul.navigation li,
  header#main #bigmenu ul.navigation li + li {
    margin-bottom: 0.5em;
    margin-left: 0;
  }
  header#main #bigmenu ul.navigation li:last-child {
    margin-bottom: 0;
  }
  #bigmenu ul li a {
    display: block;
  }
}

/* Footer */
footer#main {
  background: var(--grey-dark);
  color: var(--white);
  padding-top: 2em;
  padding-bottom: 1em;
}
footer#main a:not(.button) {
  color: var(--green-light);
}
footer#main #colophon {
  margin-bottom: 0;
}
#info-footer article h3 {
  padding: 0.15em 0;
  margin: 0.5em 0;
  border-bottom: 1px dashed var(--grey-light);
}
#info-footer article {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--grey-light);
}
@media all and (min-width: 800px) {
  #info-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  #info-footer article {
    width: calc(50% - 2em);
    border-block: 0 none transparent;
  }
}
#info-footer .button {
  margin-right: 7px;
}
#share-contact a[href^="mailto"] {
  background: var(--email);
  border-color: var(--email);
  color: var(--white);
}
#share-contact a[href^="https://www.facebook.com"]
{
  background: var(--facebook);
  border-color: var(--facebook);
  color: var(--white);
}
#share-contact a[href^="https://twitter.com"]
{
  background: var(--twitter);
  border-color: var(--twitter);
  color: var(--white);
}
#share-contact a[href^="mailto"]:hover,
#share-contact a[href^="https://twitter.com"]:hover,
#share-contact a[href^="https://www.facebook.com"]:hover,
#share-contact a[href^="mailto"]:focus,
#share-contact a[href^="https://twitter.com"]:focus,
#share-contact a[href^="https://www.facebook.com"]:focus
{
  background: var(--green-dark);
  border-color: var(--green-bright);
}
@media all and (max-width: 400px) {
  #info-footer .button {
    width: 100%;
    margin-right: 0;
  }
}
/* Home -- General */
.results.home > h2,
.results.home > h3 {
  padding: 0.15em 0;
  margin: 0.5em 0;
  border-bottom: 1px dashed var(--grey-light);
}
#guides-home {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
#guides-home article {
  width: calc(33.3% - 5em);
  background: var(--green-medium);
  color: var(--white);
  padding: 2em;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
@media all and (max-width: 1000px) {
  #guides-home article {
    width: 100%;
  }
  #guides-home article .button {
    width: max-content;
  }
}
.spacer {
  flex-grow: 1;
}
#guides-home article:nth-child(2) {
  background: var(--green-dark);
}
#guides-home article:nth-child(3) {
  background: var(--grey-dark);
}
#guides-home article h3 {
  margin-bottom: 0.5em;
  line-height: 1.1;
  font-size: 3rem;
}
#guides-home article h3 a {
  color: var(--white);
  text-decoration: none;
  line-height: 1;
}
#guides-home article .button {
  margin: 0;
  color: var(--white);
  border-color: var(--white);
}
#guides-home article .button:focus,
#guides-home article .button:hover {
  color: initial;
  border-color: initial;
}

/* Count -- Pill */
span.count {
  background: var(--red-alt);
  vertical-align: middle;
  display: inline-block;
  text-shadow: none;
  font-size: 16px;
  line-height: 28px;
  border-radius: 12px;
  text-align: center;
  padding: 0 10px;
  width: max-content;
}
span.count a {
  color: var(--white);
  text-shadow: 1px 1px 2px var(--red);
  text-decoration: none;
}

/* Subjects Browse */
body.browse.subjects span.count {
  vertical-align: super;
  font-size: 0.9em;
  padding: 0 0 0 1px;
  background: none;
  color: var(--grey-medium-light);
}

body.browse.subjects #loop-results {
  padding: 2em;
  background: var(--white);
  border-radius: 7px;
  border: 1px solid var(--grey-light);
}

/* Collection for Item */
.hero.collection-card {
  display: block;
  padding-top: 400px;
  background-color: var(--grey-medium);
  background-position: center center;
  border-radius: 5px;
  margin: 2em auto;
  background-size: cover;
}
.hero.collection-card .inner {
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 0 0 5px 5px;
  text-align: center;
}
.hero.collection-card .inner a {
  color: var(--grey-light);
  text-shadow: 0 0 3px var(--black);
  text-decoration: none;
}
.hero.collection-card .inner a:focus,
.hero.collection-card .inner a:hover {
  text-decoration: underline;
}
.hero.collection-card .inner a span {
  font-size: 1.5em;
  color: var(--white);
}

@media all and (max-width: 45em) {
  .hero.collection-card {
    padding-top: 200px;
  }
}

/* Items/Show */
.content article header {
  padding: 1em;
  margin: 2em auto;
  display: block;
  text-align: center;
}
.byline {
  color: var(--grey-medium-light);
}
audio::-webkit-media-controls-panel {
  background-color: var(--grey-light);
}
.audio-container {
  transition: all 0.5s ease-in-out;
  margin: 0 auto;
  max-width: var(--skeleton-container);
  width: 99.9%;
  top: 0;
  box-sizing: border-box;
}
.content:not([inert]) .audio-container.sticky {
  z-index: 9;
  width: 100%;
  max-width: 100%;
  position: -webkit-sticky;
  position: sticky;
  padding: 0;
}
.content:not([inert]) .audio-container.sticky audio {
  box-sizing: border-box;
  padding: 3px 3px 0;
  background: linear-gradient(to top, rgba(256, 256, 256, 0), var(--white-alt));
}

section#transcript {
  border-top: 1px dashed var(--grey-light);
  border-bottom: 1px dashed var(--grey-light);
  margin: 2em 0;
  padding: 2em 0;
}
#transcript-container {
  font-size: 1em;
  max-width: 50em;
  max-height: none;
  overflow-y: scroll;
  transition: max-height 1s ease-in-out;
  margin: 0 auto;
}
#transcript h3 {
  text-align: center;
  margin-bottom: 0.5em;
}
#transcript-container a.timestamp {
  font-family: monospace;
  text-decoration: none;
}
#transcript-container a.timestamp:hover,
#transcript-container a.timestamp:focus {
  text-decoration: underline;
}
#transcript-container.truncated {
  max-height: 400px;
  overflow-y: hidden;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);
  margin-bottom: 0;
}

#transcript-show-hide {
  margin-bottom: 2em;
  display: inline-block;
  cursor: pointer;
  background: var(--white-alt);
}
#transcript-show-hide:hover,
#transcript-show-hide:active,
#transcript-show-hide:focus {
  background: var(--grey-medium);
  color: var(--white);
}
.shadow-fade-overlay {
  height: 50px;
  width: 100%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  margin-top: -40px;
  z-index: 998;
  position: relative;
}
.description.abstract {
  font-size: 1.25em;
}
.description.transcript:not(.ask) {
  border: 1px solid var(--grey-light);
  padding: 4em 2em;
  border-radius: 7px;
  background: var(--white);
}
.description.transcript .sponsor {
  margin: 0 auto 3em;
  max-width: 50em;
  text-align: center;
}
.description.transcript.ask p {
  max-width: 50em;
}
.description.transcript.ask {
  background-color: var(--yellow);
  padding: 1.5em 2em 0.5em;
  border-radius: 5px;
  width: max-content;
  margin: 0 auto;
}
.description.transcript.ask strong {
  font-size: 1.1em;
  display: inline-block;
  margin-bottom: 0.5em;
}
#subjects-for-item {
  margin-bottom: 1em;
}
.audio-sub {
  position: unset;
  margin: 0 auto 1em;
}
.actions.copy:not(.message) .success {
  display: none;
}
.actions.copy.message .default {
  display: none;
}

#share a .sprite,
.audio-sub a .sprite {
  height: 1em;
  width: 1em;
  margin-top: -3px;
}
#share a,
.audio-sub a,
#subjects-for-item a {
  color: var(--white);
  background: var(--green-dark);
  vertical-align: middle;
  display: inline-block;
  text-shadow: none;
  font-size: 16px;
  line-height: 28px;
  border-radius: 4px;
  text-align: center;
  padding: 0 10px;
  text-decoration: none;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid var(--green-medium);
}
#share a,
.audio-sub a {
  margin-right: 0;
  background: var(--green-medium);
  border: 1px solid var(--green-light);
}

#share a:focus,
#share a:hover,
.audio-sub a:focus,
.audio-sub a:hover {
  background: var(--green-dark);
  border-color: var(--green-medium);
}
#subjects-for-item a:focus,
#subjects-for-item a:hover {
  background: var(--green-medium);
  border-color: var(--green-light);
}
#item-nav-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2em;
  padding-top: 2em;
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-top: 1px solid var(--grey-light);
}

#citation-container {
  display: none;
  visibility: hidden;
  width: 100%;
}
#citation-container input {
  width: 100%;
  margin-top: 0.5em;
}

/* Items/Browse and Collections/Show (common) */
.results-count {
  color: var(--grey-medium-light);
  font-size: 1.6em;
}

/* Collections/Show */
section.description {
  padding-bottom: 1em;
}
section.description p {
  max-width: 46em;
  margin: 0 auto 1em;
}
.collections.show section.credits h2 {
  margin-bottom: 0.5em;
}
.collections.show section.credits {
  text-align: center;
  background: var(--white);
  border: 1px solid var(--grey-light);
  border-radius: 7px;
  padding: 2em;
}
.collections.show section.credits ul {
  list-style: none;
  margin: 0.5em auto 1.5em;
  width: max-content;
  text-align: left;
}
.collections.show section.credits ul li {
  margin: 0 auto;
  width: max-content;
  padding: 0 10px;
  text-align: left;
}
.collections.show section.credits ul.columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
}
@media all and (max-width: 800px) {
  .collections.show section.credits ul.columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (max-width: 400px) {
  .collections.show section.credits ul.columns {
    grid-template-columns: repeat(1, 1fr);
  }
}
.collections.show #view-more.button {
  margin: 4em auto 0;
  display: block;
  width: max-content;
}
/* Secondary Nav */
nav.secondary-nav ul {
  list-style: none;
  display: block;
  margin: 1em 0;
  padding: 0;
  border-bottom: 5px solid var(--grey-light);
}
nav.secondary-nav ul li {
  display: inline-block;
  margin: 0 0.5em 0 0;
  padding: 0;
}
nav.secondary-nav ul li a {
  margin: 0;
  padding: 0 0 3px;
  text-decoration: none;
  border-bottom: 5px solid transparent;
  color: var(--green-medium);
}
nav.secondary-nav ul li.active a,
body.collections.show nav.secondary-nav ul li:first-child a {
  border-bottom-color: var(--green-light);
  color: var(--green-medium);
}
nav.secondary-nav ul li.active a:hover,
body.collections.show nav.secondary-nav ul li:first-child a:hover,
nav.secondary-nav ul li a:hover,
nav.secondary-nav ul li.active a:focus,
body.collections.show nav.secondary-nav ul li:first-child a:focus,
nav.secondary-nav ul li a:focus {
  color: var(--green-light);
}

/* Secondary nav: edge case fixes */
body.items.browse.featured nav.secondary-nav ul li:nth-child(2) a,
body#items.browse.subjects nav.secondary-nav ul li:last-child a,
body.items.browse:not(.featured):not(.subjects) nav.secondary-nav ul li:first-child a,
body.collections.browse.featured nav.secondary-nav ul li:last-child a,
body.collections.browse:not(.featured) nav.secondary-nav ul li:first-child a {
  border-bottom-color: var(--green-light);
  color: var(--green-medium);
}

/* Pagination */
nav.pagination-nav {
}
nav.pagination-nav ul.pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}
nav.pagination-nav ul.pagination li.page-input form,
nav.pagination-nav ul.pagination li {
  margin: 0;
  padding: 0;
}
nav.pagination-nav ul.pagination li.page-input form input {
  width: 4em;
}

@media all and (max-width: 30em) {
  li.page-input {
    display: none;
  }
}

/* Sort Links */
#sort-links {
  display: block;
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
}
#sort-links ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#sort-links ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#sort-links ul li a {
  margin-right: 0.5em;
}
#sort-links ul li.sorting a {
  text-decoration: none;
}
#sort-links-list a:before {
  content: "\25B2";
  text-decoration: none;
  display: none;
  color: var(--green-light);
  padding: 0 2px;
}

#sort-links-list .sorting a:before {
  display: inline-block;
}
#sort-links-list .sorting.asc a:before {
  transform: rotate(180deg);
  translate: -10%;
}

/* Items/Browse */
.browse-bottom {
  border-top: 1px solid var(--grey-light);
  margin-top: 2em;
  padding-top: 2em;
  margin-bottom: 2em;
}
#item-filters {
  text-transform: uppercase;
  margin: 0.5em;
}
#item-filters ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#item-filters ul > li {
  background: var(--red-alt);
  vertical-align: middle;
  display: inline-block;
  text-shadow: none;
  font-size: 16px;
  line-height: 28px;
  border-radius: 12px;
  text-align: center;
  padding: 0 10px;
  color: var(--white);
  margin: 0 3px 3px 0;
}

/* Collections/Items/Pages Browse and Search */
.hentry.item,
.hentry.collection,
.hentry.page {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  border: 1px solid var(--grey-light);
  margin-bottom: 1em;
  background: var(--white);
  overflow: clip;
  border-radius: 7px;
}
.hentry.page {
  background: var(--special);
}
.hentry.page,
.hentry.collection {
  flex-direction: row;
}
.hentry.item {
  flex-direction: row-reverse;
}
.hentry-page-inner p,
.hentry-item-inner p,
.hentry-collection-inner p {
  margin: 0;
}
.hentry-page-inner h3,
.hentry-item-inner h3,
.hentry-collection-inner h3 {
  line-height: 1.1;
  margin-bottom: 0.25em;
  font-size: 2em;
}
.hentry-page-inner h3 a,
.hentry-item-inner h3 a,
.hentry-collection-inner h3 a {
  text-decoration: none;
  text-transform: capitalize;
}
.hentry-page-metadata,
.hentry-item-metadata,
.hentry-collection-metadata {
  color: var(--grey-medium-light);
  margin-bottom: 0.75em;
  margin-top: 0.25em;
  line-height: 1.3;
}
.hentry-page-actions,
.hentry-item-actions,
.hentry-collection-actions {
  margin: 1em 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: wrap;
}
.hentry-page-actions .button,
.hentry-item-actions .button,
.hentry-collection-actions .button {
  margin: 0 7px 0 0;
}
.hentry-page-actions .button,
.hentry-item-actions .button {
  min-width: 205px;
}
.hentry-collection-actions .button {
  min-width: 165px;
}
@media all and (max-width: 500px) {
  .hentry-page-actions,
  .hentry-item-actions,
  .hentry-collection-actions {
    flex-direction: column;
  }
  .hentry-page-actions .button,
  .hentry-item-actions .button,
  .hentry-collection-actions .button {
    width: 100%;
    margin: 5px 0 0 0;
  }
}
.hentry-page-inner,
.hentry-item-inner,
.hentry-collection-inner {
  padding: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.item-page-image,
.item-hentry-image,
.collection-hentry-image {
  min-height: 200px;
  min-width: 200px;
  background-color: var(--grey-medium);
  display: block;
  flex-shrink: 0;
  overflow: hidden;
}
.page-hentry-image,
.item-hentry-image {
  width: 20%;
}
.collection-hentry-image {
  width: 33.3%;
}
.page-hentry-image img,
.item-hentry-image img,
.collection-hentry-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center 15%;
}
@media all and (max-width: 750px) {
  .hentry.page,
  .hentry.item,
  .hentry.collection {
    flex-direction: column;
  }
  .page-hentry-image,
  .item-hentry-image,
  .collection-hentry-image {
    width: 100%;
    height: 200px;
  }
}

/* Search */
#search-notes {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  display: flex;
}
#search-notes a {
  display: inline-block;
}
#search-notes .sprite {
  margin-right: 3px;
  opacity: 0.8;
}
#search-container-top form input.query:focus {
  border-color: var(--green-bright);
}
form [aria-hidden="true"] {
  visibility: hidden;
  height: 0;
  width: 0;
  display: block;
  overflow: hidden;
}
label,
.label,
legend {
  font-weight: 400;
  margin: 0 0 0.5rem 0.25rem;
}
select {
  max-width: 100%;
}
#search-narrow-by-fields .inputs div > div {
  display: inline-block;
}
#search-narrow-by-fields .inputs select {
}
.input.advanced-search-terms {
  width: 100%;
}
.remove_search {
  margin-top: 1.5em;
  background-color: var(--yellow);
}
.add_search {
  background: var(--white-alt);
}
.add_search,
.remove_search {
  line-height: 2em;
  padding: 0 0.75em;
}
form input {
  color: var(--grey-medium);
}
form#inline-search-form a {
  display: none;
}
#advanced-form br {
  display: none;
}
#advanced-form #query-types input[type="radio"],
#advanced-form #record-types input[type="checkbox"] {
  margin: 0 10px 0 0;
  display: inline;
}
#advanced-form #record-types label {
  display: inline;
  margin: 0;
}
form#inline-search-form,
form#advanced-search-form {
  margin: 2em auto 4em;
  background: var(--white);
  border-radius: 7px;
  border: 1px solid var(--grey-light);
  padding: 2em;
}
#advanced-form #query-types,
#advanced-form #record-types,
form#inline-search-form input[type="text"],
form#advanced-search-form input[type="text"] {
  width: 100%;
  max-width: 45em;
}
div[id^="search-row-"] {
  border-left: 1px solid #ccc;
  padding-left: 1em;
  margin-bottom: 1em;
}
div[id^="search-row-"] button {
  margin-bottom: 0;
}
form#inline-search-form div[id^="search-row-"] input[type="text"],
form#advanced-search-form div[id^="search-row-"] input[type="text"] {
  max-width: calc(44em - 1px);
  margin-bottom: 0;
}

#no-results {
}
#no-results p.warning {
  background-color: var(--yellow);
  padding: 1em 1em;
  border-radius: 5px;
}
#no-results p.warning strong {
  font-size: 1.1em;
  display: inline-block;
}

/* Simple Pages */
#simple-pages-text h1 {
  font-size: 3.6rem;
  font-weight: 400;
}
#simple-pages-text h2 {
  font-size: 3rem;
  font-weight: 400;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--grey-light);
  margin-bottom: 0.5em;
  margin-top: 0.75em;
}
#simple-pages-text h3 {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 0.25em;
  margin-top: 0.75em;
}
#simple-pages-text h4 {
  font-size: 1.8rem;
  font-weight: 300;
}
#simple-pages-text h5,
#simple-pages-text h6 {
  font-size: 1.5rem;
  font-weight: 300;
}
.breadcrumb {
  color: var(--grey-medium-light);
}
.breadcrumb a {
  text-decoration: none;
}
#simple-pages-text {
  padding: 2em;
  background: var(--white);
  border-radius: 7px;
  border: 1px solid var(--grey-light);
  margin: 2em auto 4em;
}
#simple-pages-text-inner {
  max-width: 50em;
  margin: 0 auto;
  padding: 2em 0;
}
#simple-pages-text p {
  /* 	max-width: 45em; */
  margin-bottom: 1em;
}

/* hide "oral history" subject term (redundant) */
#subjects-for-item a[href$="[terms]=Oral+History"],
li[data-letter] a[href$="[terms]=Oral+History"],
li[data-letter]:has(a[href$="[terms]=Oral+History"]) {
  display: none !important;
}

/*! PRINT  */
@media print {
  * {
    text-shadow: none !important;
    box-shadow: none !important;
    background-color: var(--white);
  }
  .actions,
  .ask,
  #top-bar,
  #admin-bar,
  section > .hentry,
  header#main,
  .button,
  footer,
  .audio-container,
  .hero.collection-card,
  #subjects-for-item,
  .shadow-fade-overlay,
  .secondary-nav,
  #collections.show section.results,
  .slide-container,
  #sort-links,
  #search-notes,
  .collection-image-browse,
  #simple-pages-breadcrumbs {
    display: none !important;
  }
  #simple-pages-text,
  .description.transcript,
  .description.transcript:not(.ask) {
    border: 0 none transparent;
    padding: 0;
    margin: 0;
    background: transparent;
  }
}