main {
  background-color: white;
  width: 80%;
  margin: auto;
margin-bottom: 30px;
  margin-top: 30px;
max-width: 1100px;
}

.page-content {
padding: 0px 0px;
}

.no-margin-block {
margin: 0 !important;
}

.wrapper {
padding-top: 20px;
padding-bottom: 20px;
}

/* default theme doesn't underline links but for accessibility reasons, links need to be underlined when distinguishing features are not present */
a {
text-decoration: underline;
}

/* ------------------LANDING PAGE---------------------- */
.page-welcome main {
padding: 0px;
width: 100%;
background-color: none;
margin: 0px;
max-width: none;
}

.page-welcome .wrapper {
padding-top: 0px;
padding-bottom: 0px;
}

.page-welcome header {
display: none;
}

.page-welcome #content .wrapper {
max-width: none;
padding-right: 0px;
padding-left: 0px;
}

.page-welcome #content .blocks {
max-width: none;
}

.page-welcome .page-layout-normal .block {
  margin: 0rem 0;
}

.cta-container::before {
  background-color: transparent;
}

.cta-container .action-button {
  opacity: 1;
margin: auto;
transition: all .3s ease-in-out;
font-family: 'Trebuchet MS', sans-serif;
letter-spacing: 1.5px;
font-weight: normal;
background-color: black;
color: white;
border: solid 1px white;
}

.cta-container .action-button:hover {
  padding: 12px 56px;
text-decoration: none;
}

.call-to-action.scheme-light .action-button {
  background-color: #1f1f1f;
}

.call-to-action.scheme-light .action-button:hover {
  background-color: #006793;
}


/* ----------------------NAV BAR---------------------- */
.site-header .wrapper > h1 {
  background-color: black;
}

.site-nav {
  background-color: #444;
}

.site-nav a {
  text-decoration: none;
}


.site-nav li {
  margin: none;
}

.site-nav li a {
color: white;
padding: 18px 40px;
}

.site-nav li:hover > a {
color: #d4ba85;
}

.site-nav .page-link:not(:last-child), .site-nav li:not(:last-child) {
  margin-right: 0px;
}

.site-title img {
  max-width: 325px;
}

button.yellow, .button.yellow, .resource-list.preview + a.yellow, input[type="submit"].yellow {
  background-color: #bdab87;
color: white;
}

/* without this, mobile version has large horizontal scroll */
.site-nav::before {
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0px;
  background-color: none;
}

/* --------------FUNCTIONALITY FOR DROP DOWN NAV MENUS ---------------*/
.navigation li {
  transition: all 0.2s ease;
}

.navigation ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.2s ease;
  display: none;
  background-color: #444;
  max-width: 381px;
margin-top: 16px;
border: solid 1px #555;
border-top: none;
}

.navigation ul a {
display: block;
padding: 10px 15px;
color: white;
width: 380px;
text-align: left;
border-top: solid 1px #555;
}

.site-nav li ul li:hover > a {
color: white;
}

.navigation li:hover > ul,
.navigation li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.navigation ul li:hover {
background-color: #006793;
}


/* ----------------------EXHIBIT PAGE EDITS---------------------- */

.page-digital-exhibit .wrapper {
padding: 0px;
}

/* mobile friendly way to have multiple columns that wrap when screen shrinks */
.flex-box {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
}

/* makes iframe for pdf embeds bigger */
.media-render iframe, .block-oembed iframe {
  width: 800px !important;
max-width: 100%;
}

/* image that spans most of the content section's width */
.full-width-image img {
width: 120%;
}

/* hides the table of contents for parent pages from view */
.page .toc-block {
  display: none;
}

.resources-heading {
color: white;
}

.sop-button-home a {
  background-color: #d4ba85;
  color: black;
transition: all .3s ease-in-out;
display: block;
width: 230px;
text-align: center;
padding: 15px;
font-size: 1.1rem;
border-radius: 2px;
}

.sop-button a {
  background-color: #d4ba85;
  color: black;
transition: all .3s ease-in-out;
display: block;
text-align: center;
padding: 15px;
font-size: 1.1rem;
border-radius: 2px;
}

.sop-button-home a:hover {
text-decoration: none;
  background-color: white;
letter-spacing: 1px;
}

.sop-button a:hover {
text-decoration: none;
  background-color: #363636;
letter-spacing: 0.5px;
color: white;
}

.portrait-gallery-link .link-title {
  background-color: #363636;
  color: white;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
z-index: 1;
  position: relative;
transition: all 0.4s ease-in-out;
text-decoration: none;
}

.portrait-gallery-link {
overflow: hidden;
box-shadow: -30px -20px #907a48;
transition: all 0.4s ease-in-out;
margin-top: 45px !important;
}

.portrait-gallery-link img {
transition: all 0.4s ease-in-out;
}

.portrait-gallery-link:hover .link-title {
letter-spacing: 1px;
}

.portrait-gallery-link a {
text-decoration: none;
}

.portrait-gallery-link:hover a {
text-decoration: none;
}

.portrait-gallery-link:hover {
box-shadow: 30px -20px #4587b9;
}

.embed-block-with-small-pdf iframe {
height: 250px !important;
}

.same-sized-imgs-half img {
max-height: 450px;
}

.layout-horizontal  .resource:not(:last-child) {
  margin-bottom: 0px;
}

.portrait-gallery-images img {
  height: 320px !important;
  object-fit: cover;
}
.portrait-gallery-images .media-embed {
--grid-layout-gap: 50px;
}

.portrait-gallery-images .resource {
  height: 360px;
}

.author-contact-block {
width: 300px;
  background-color: #363636;
  color: white;
  padding: 20px;
margin: 30px;
}

.author-contact-block a {
color: white;
}

.author-contact-block a:hover {
color: gold;
}

.arthur {
  box-shadow: #907a48 -10px -10px;
}

.jen {
  box-shadow: #4587b9 -10px -10px;
}

.documentary-videos iframe {
height: 440px;
}
.documentary-videos video {
width: 800px;
}


/* ----------------------THEME BLOCKS---------------------- */

.themes-link-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
/*width: 100vw;*/
margin: 0 !important;
}

.themes-link-block img {
width: 50vw;
max-height: 250px;
min-height: 250px;
font-size: 34px;
align-items: center;
margin: 0;
}

.themes-link-block .assets {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 0px;
margin-bottom: 0px;
}

.themes-link-block .asset {
margin: 0 !important;
width: 50%;
}

.themes-link-block .link-title {
display: inline;
}

.themes-link-block .asset a {
display: grid;
text-decoration: none;
}

.themes-link-block .asset img {
grid-column: 1;
grid-row: 1;
object-fit: cover;
}

.themes-link-block .asset .link-title {
grid-column: 1;
grid-row: 1;
margin: auto;
padding: 15px;
transition: padding .35s ease-in-out;
border: 1px solid;
width: 300px;
  text-align: center;
}

.themes-link-block .asset:nth-child(1) .link-title {
background-color: #4587b9;
color: white;
}
.themes-link-block .asset:nth-child(3) .link-title {
background-color: #d4d4c8;
color: black;
}
.themes-link-block .asset:nth-child(2) .link-title {
background-color: #d0bb8c;
color: black;
}
.themes-link-block .asset:nth-child(4) .link-title {
background-color: #363636;
color: white;
}
.themes-link-block .asset:nth-child(5) .link-title {
background-color: #907a48;
color: white;
}

.themes-link-block .asset:nth-child(6) .link-title {
background-color: #acd8e3;
color: black;
}

.themes-link-block .asset:hover .link-title {
padding-top: 45px;
padding-bottom: 45px;
}

/*---------------------ITEMS-------------------------*/
.index.search .results ul li {
border: 1px solid #000;
}
/* hides the english language tag on item metadata */
.property .language {
display: none;
}


/*----------------------FOOTER----------------------*/
.site-footer {
  border-top: none;
  background-color: black;
  color: white;
display: flex;
}

.site-footer .wrapper {
max-width: none;
display: flex;
flex-wrap: wrap;
}

.site-footer a {
  padding: 20px;
  color: white;
text-decoration: none;
}
.site-footer a:hover {
text-decoration: underline;
}

.site-footer img {
  width: 150px;
}



/* ----------------------MOBILE----------------------  */
@media only screen and (max-width: 700px) {
  .flex-box > .block {
    max-width: 100% !important;
  }
.site-nav li a {
  padding: 0px 30px;
}
.navigation li {
  width: 100%;
}
main {
  width: 90%;
}
.site-title img {
  max-width: 200px;
}
.page-digital-exhibit .intro-blurb {
margin: 30px !important;
}
.portrait-gallery-link {
width: 200px;
box-shadow: -7px -7px #907a48;
margin-top: 0px !important;
}

.themes-link-block .asset {
    width: 100% !important;
}
.themes-link-block img {
    width: 100% !important;
}
.themes-link-block .asset .link-title {
width: 220px;
}
.block-group-grid > .block {
grid-column-end: span 12;
grid-column-start: 1;
}
.property .value .value-content {
width: 250px;
}
}