body {
padding-top: 0px !important;
/*width: 100vw;*/
/*overflow-x:hidden;*/
/*background-color: #fcfad6;*/
color: #515151;
}
body, button, input, select, optgroup, textarea {
  color: #515151;
}
.pagination .pager label, .pagination .pager .page-count {
  color: #515151;
}

.pagination .row-count {
  color: #515151;
}

.browse-controls .sorting button {
  color: white;
}

/*
.page-layout-normal .block.block-layout-alignment-block-center {
  margin: 0rem auto;
}

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



.container {
  max-width: 100%;
}

/* used for elements that need to be available for screen readers but not in the design */
.screen-reader-hide-element {
position: absolute; 
clip-path: rect(0, 0, 0, 0); 
width: 1px; 
height: 1px; 
overflow: hidden; 
white-space: nowrap;
}

/* certain fields for items and item sets need a language attribute. Omeka adds a tab on page and this hides the tab without getting rid of the language attribute */
.language {
  display: none;
}


/* navigation edits */
.navigation.nav-menu li {
  width: 150px;
  text-align: center;
}

.main-navigation .navigation > li > ul {
  z-index: 2;
  background-color: rgba(174, 213, 218);
  box-shadow: none;
  margin: 20px 0px;
}

.main-navigation .navigation > li > ul a {
  color: #333;
}

@media (min-width: 1024px) {
  .main-header--center .main-header__main-bar {
    padding-top: 10px;
  }
}

body h1, h2 {
font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
letter-spacing: 3px;
}

body h3, h4, h5 {
font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
letter-spacing: 1px;
}

.header-underline h2, h3, h4, h5 {
border-bottom: solid #cb4d00 2px;
background-color: transparent !important;
color: #333333 !important;
}

body p {
font-size: 1.1rem;
color: #515151;
}

body .browse {
color: #515151;
}

.main-header--center .main-navigation .navigation > li > a {
  font-size: 0.9rem;
}

.has-border {
border: solid black 1px;
}

.main-header {
position: static !important;
}
.site-page-home  #main-content {
padding: 0;
margin: 0;
}

/* image banner settings */
.image-banner .image-container img {
  object-position: top center;
}

.image-banner-centered .image-container img {
  object-position: center center;
}

.image-banner .overlay-container {
 display:  flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}

.image-banner .overlay-container > h1 {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 800px;
    padding: 5px 20px;
    font-size: 6em;
    text-align: center;
}

.blocks .block-image-banner {
margin: 0px 0px;
}

.img-has-backdrop .media-embed div:nth-child(odd) img {
box-shadow: -10px -10px #aed5da;
}

.img-has-backdrop .media-embed div:nth-child(even) img {
box-shadow: 10px 10px #cb4d00;
}

.img-has-backdrop .media-embed div:nth-child(even) {
margin-right: 10px;
padding-bottom: 10px;
}



/*.img-has-backdrop .media-embed .file {
box-shadow: none !important;
}*/

.page-layout-normal:has(.image-banner) .block-blockGroup {
  margin: 0rem auto !important;
  max-width: 1300px;
padding: 0px 30px;
}

.page-layout-normal:has(.image-banner) h2 {
background-color: #cb4d00;
padding: 0px 20px;
color: white;
}

/*.blocks-inner.page-layout-normal {
width: 100vw !important;
}*/

.compact-images-4-per-row .media-embed {
display: flex;
flex-wrap: wrap;
--grid-layout-gap: 0px;
justify-content: center;
}

.compact-images-4-per-row .item {
  flex-grow: 1;
flex-basis: 25%;
}

.compact-images-4-per-row .media-embed .resource .media-render img {
width: 360px !important;
height: 275px !important;
object-fit: cover;
}

.compact-images-3-per-row .media-embed {
display: flex;
flex-wrap: wrap;
--grid-layout-gap: 0px;
justify-content: center;
}

.compact-images-3-per-row .item {
  flex-grow: 1;
flex-basis: 33.3%;
}

.compact-images-3-per-row.media-embed .resource .media-render img {
width: 100%;
}


.compact-images-2-per-row .media-embed {
display: flex;
flex-wrap: wrap;
--grid-layout-gap: 0px;
justify-content: center;
}

.compact-images-2-per-row .item {
  flex-grow: 1;
flex-basis: 50%;
}

.compact-images-2-per-row .media-embed .item .media-render a img {
width: 100%;
height: 220px;
object-fit: cover;
}

.flex-box {
display: flex;
flex-wrap: wrap;
/*align-items: center;*/
justify-content: center;
}

.flex-box .fb-one-third {
width: 35%;
}

.flex-box .fb-two-thirds {
width: 60%;
}

.img-size-250 .media-render img {
height: 250px !important;
  width: 250px !important;
  object-fit: cover;
align-items: flex-start;
}

.img-size-250 .layout-horizontal {
align-items: start;
}

.img-size-200 .media-render img {
height: 200px !important;
  width: 200px !important;
  object-fit: cover;
align-items: flex-start;
}

.img-size-200 .layout-horizontal {
align-items: start;
}

.img-size-250-350 .media-render img {
height: 250px !important;
  width: 350px !important;
  object-fit: cover;
align-items: flex-start;
}

.img-size-250-350 .layout-horizontal {
align-items: start;
}

/* flex-box for media embeds (item images grouped together) */
.images-with-space .media-embed {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}

/*.images-with-space .media-embed .item {
width: 45%;
}*/

.images-with-space .media-embed img {
max-height: 380px;
}

/* settings for two columns, left side media, right side html block */
.block-media-single .col-single {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}

.block-media-single .col-single img {
max-height: 250px;
}

.block-media-single .col-single .file {
margin-top: 40px !important;
margin-right: 40px;
margin-left: 40px;
}

.col-container.col-media-container {
  grid-template-columns: 2fr 1fr;
}

.img-has-backdrop .col-single div:nth-child(odd) img {
box-shadow: -10px -10px #aed5da;
}

.img-has-backdrop .col-single div:nth-child(even) img {
box-shadow: 10px 10px #cb4d00;
}

/*.img-has-backdrop .col-single div:nth-child(even) {
margin-right: 10px;
margin-bottom: 10px;
}*/


.media-embed h3 {
border: none;
}

/* the margin bottom in omeka style sheets is 24px but makes last image in media embed lower when in horizontal orientation so this offsets that */
.layout-horizontal .resource:not(:last-child) {
  margin-bottom: 0px;
}


#main-content:has(.image-banner) {
padding: 0;
margin: 0;
}


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


.block-pageTitle {
background-color: rgba(0, 50, 71);
padding-top: 20px;
position: relative;
margin-bottom: 30px;
}

.block-pageTitle h1 {
color: white;
background-color: rgba(237,111,27);
padding: 15px;
width: auto;
display:inline-block; 
border: none;
margin-bottom: 0px;
margin-left: 8rem;
}

.title::after {
display: none;
}









/* hero image design */
.hero-container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
text-align: center;
position: relative;
/*width: 100vw;*/
margin: 0 !important;
}

.hero-container::after {
background-color: #cb4d00;
height: 95%;
width: 40vw;
position: absolute;
left: 0;
}



.hero-container .block-asset {
padding-left: 30px;
}

.hero-container .block-media {
padding-left: 30px;
}

.hero-container .block-heading {
margin: 1rem auto;
}

.hero-container h1 {
    color: white;
    max-width: 400px;
    line-height: 150%;
    font-size: 3.75rem;
margin-bottom: 0px;
}

.hero-container .assets {
margin: 1rem auto;
}

.hero-container .assets {
margin: 1rem auto;
}

.hero-container .block-asset {
max-width: 50%;
min-width: 320px;
z-index: 1;
}

.hero-container .media-embed {
margin: 1rem auto;
}

.hero-container .media-embed {
margin: 1rem auto;
}

.hero-container .block-media {
max-width: 50%;
min-width: 320px;
z-index: 1;
}

.hero-container img {
border-radius: 25px;
transition: all .5s ease-in-out;
}

.hero-container img:hover {
transform: scale(1.05);
}

/* makes logo in nav bar bigger */
 .main-header__site-title img {
    max-height: 85px;
  }

/* themes/panels main page */
.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;
/*width: 100vw;*/
margin: 0;
}

.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:nth-child(3) {
width: 100%;
}

.themes-link-block .asset:nth-child(3) img {
object-position: top right;
width: 100%;
}

.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;
}

.themes-link-block .asset:nth-child(1) .link-title {
background-color: #bfbfbf;

}
.themes-link-block .asset:nth-child(3) .link-title {
background-color: rgba(174, 213, 218);
}
.themes-link-block .asset:nth-child(2) .link-title {
background-color: rgba(0, 50, 71);
color: white;
}
.themes-link-block .asset:nth-child(4) .link-title {
background-color: rgba(252, 250, 214);

}
.themes-link-block .asset:nth-child(5) .link-title {
background-color: #cb4d00;
color: white;
}


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

.home-button-panel .block h3 {
width: 100%;
}

.home-button-panel ul {
padding-left: 0;
}

.home-button-panel li {
	background: #fff;
	border: 1px solid #333;
        display: inline-flex;
	line-height: 1.5;
	margin-bottom: 0.5em;
padding: 0 0 0 25px;
	position: relative;
	text-transform: uppercase;
	transition: all .25s ease;
	width: 100%;
border-left: solid 15px #333;
}

.home-button-panel a {
text-decoration: none;
width: 100%;
}

.home-button-panel li:hover {
	background-color: #333;
}

.home-button-panel li:hover a {
	color: white; 
}

/* .home-button-panel .block a {
padding: 20px;
margin: 10px 20px;
background-color: rgba(252, 250, 214);
display: inline-block;
min-width: 280px;
border-radius: 15px;
transition: all .25s ease-in-out;
}

.home-button-panel .block a:hover {
background-color: rgba(237,111,27);
color: white;
}

.home-button-panel {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
text-align: center;
position: relative;
width: 100vw;
} */

/* for the timeline */
.site-page-timeline .page-layout-normal .block.block-layout-alignment-block-center {
display: flex;
justify-content: center;
flex-wrap: wrap;
clear: both;
width: 94%;
max-width: calc(1440px - 60px) !important;
}

.main-footer__top {
background-color: rgba(0, 50, 71);
padding: 30px 10px 20px;
}

/*.main-footer__top-container {
flex-direction: row !important;
justify-content: space-between !important;
}*/

.main-footer__col3 {
margin-left: auto !important;
  margin-right: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
max-width: 100% !important;
}

.main-footer__col3 a {
text-decoration: none;
margin: 0px 30px;
}

.main-footer__bottom {
background-color: rgba(0, 50, 71);
}


@keyframes fadeInUp {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1s fadeInUp;
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
  width: 150px;
}

.block-timelineExhibit h1, h2, h3, p {
  letter-spacing: 0px;
}


.w50-custom-accordian .accordion-panel {
  background: #f5f5f5;
  color: black;
  border: solid 1px black;
}

.w50-custom-accordian .accordion-panel button {
  color: black;
}
.w50-custom-accordian .accordion-panel button:hover {
  color: white;
}

.w50-custom-accordian .accordion-panel h3 {
  border-bottom: none;
}

.list-dark-background {
color: white;
border: double #333333 6px;
}


.list-dark-background ol li::marker {
  color: white;
}

.list-dark-background p {
  color: white;
}

.image-top-centered img {
object-position: top center;
}

.image-bottom-centered img {
object-position: bottom center;
}

.img-size-250 .media-embed.layout-horizontal.multiple-attachments {
  --grid-column-count: 3;
}
.img-size-200 .media-embed.layout-horizontal.multiple-attachments {
  --grid-column-count: 3;
}

.pc-women-editors-special .media-render img {
height: 120px !important;
  width: 250px !important;
  object-fit: cover;
align-items: flex-start;
}

.pc-women-editors-special .layout-horizontal {
align-items: start;
}

.pc-women-editors-special .item:last-child img {
object-position: 79% 50%;
}

.two-columns-format .block {
  margin: 1rem 3rem !important;
}

.two-columns-format-slim .block {
margin: 1rem 0 !important;
}

/* .two-columns-format-slim .quote-with-background {
margin: 60px !important;
} */

.quote-with-background {
background-color: #00364d;
color: white;
padding: 20px;
font-size: 1.2rem;
border-left: solid 8px #cb4d00;
}

.quote-with-background em {
color: white !important;
}

.quote-with-background p:nth-child(odd) {
font-size: 1.3rem;
text-shadow: 1px 1px 0 #444;
}

.quote-with-background p:nth-child(even) {
max-width: 80%;
margin-right: 20px;
margin-left: auto;
background-color: #fcf9d6;
color: #333333;
padding: 10px;
}

.quote-with-background a {
  background-color: #cb4d00;
  color: white;
  border-radius: 5px;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

.quote-with-background a:hover {
  color: #00364d;
}

.link-out-button a {
  background-color: #cb4d00;
  border-radius: 5px;
  padding: 10px;
text-decoration: none;
  color: white;
}

.link-out-button a:hover {
  color: #00364d;
}


@media screen and (max-width: 800px) {
.flex-box .fb-one-third {
width: 100%;
}

.flex-box .fb-two-thirds {
width: 100%;
}
.hero-container {
    justify-content: center;
  }
.hero-container::after {
    height: 30%;
    width: 100%;
    top: 0;
}
.hero-container .block-media {
  padding-left: 0px;
}
.themes-link-block .asset {
    width: 100% !important;
}
.themes-link-block img {
    width: 100% !important;
}
.home-button-panel .block {
width: 100% !important;
}
.site-page-home .page-layout-normal .block-html {
margin: 1rem 2rem;
}
.hero-container h1 {
    font-size: 2.5rem !important;
    margin: 0 30px;
}
.hero-container .block-asset {
padding-left: 0 !important;
}
.home-button-panel li {
width: 100%;
}
.media-embed.layout-horizontal {
width: 100%;
}
.page-layout-normal:has(.image-banner) .block-blockGroup {
margin: 0rem 2rem !important;
padding: 0;
}
.images-with-space .media-embed .item {
width: 90%;
}

.image-banner .overlay-container > h1 {
font-size: 3.5em;
}

.col-container.col-media-container {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.block-media-single .col-single img {
  margin: 0 0 40px 0;
}
.compact-images-4-per-row .item {
  flex-grow: 1;
flex-basis: 50%;
}
.two-columns-format-slim .quote-with-background {
  margin: 10px !important;
}
.two-columns-format .block {
  margin: 10px !important;
}
}