body {
  background: rgb(124,18,31);
  background: linear-gradient(0deg, rgba(124,18,31,1) 40%, rgba(140,46,46,1) 100%);
  color: #04161F;
    font-family: "Quattrocento", serif;
    font-weight: 400;
    font-style: normal;
  }
  h1,h2,h3,h4 {
    font-family: "Poly", serif;
  color:#151117;
  }
h5, h6 {
  font-family: "Quattrocento", serif;
  font-weight: 600;
  font-style: italic;
  font-variant:small-caps;
  text-decoration: underline;
  margin-bottom: .5em;
}


.home-headline {
    display: flex;
    align-items: center;
    justify-content: center;
flex-direction:column;
}

  .home-headline h2 {
    font-size:4vw;
}  

.home-headline p {
font-size:2em;
text-align:center;
}

.home-image img {
margin:auto;
}
.home-family {
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-family h3 {
background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    font-size: 6vw;
    width: 100%;
}

.home-text {
    display: flex;
    align-items: start;
    justify-content: center;
}
.home-text p {
font-size: 1.5em;
    line-height: 1.75em;
    padding: 2em;
}
.home-pages ul {
display:flex;
flex-wrap:wrap;
justify-content:space-between;


}
.home-pages li {
list-style:none;
width:22%;
text-align:center;
font-size:1.25em;
background-color:#7D121F;
border-radius:10px;
display:flex;
transition: background-color 1s;
min-height:100px;
flex-basis:200px;
margin-bottom:1em;
}
.home-pages li:has(a:hover) {
background-color:#9F121F;

}

.home-pages li a {
color:#fff;
text-decoration:none;
 margin:auto;
padding:10px;

}


.page-link-header ul {
padding:0;
}
.page-link-header li {
display:block;
font-size:1.5em;
}

  a, a:visited {
  color:#115A7D
  }
  a:hover {
  color:#7D121F;
  }
  p {
  text-wrap:pretty;
  }
  blockquote {
  display:table;
  }
  blockquote em {
  font-style:normal;
  display:contents;
  }
  .main-header hr {
  background-color: #7C121F;
  }
  .main-header {
  background-color: #7C121F;
  }
  .main-header__top-bar {
  background-color:#f2f2f2;
  background-image:url("https://exhibits.sjsu.edu/files/asset/30ab022444655eaec5e75bfe4fb8a812bd38aa64.png");
  background-position:center;
  background-size:cover;
  }
  .main-header__main-bar {
  background-color: #7C121F;
    font-family: "Poly", sans-serif;
  }
  .main-navigation .navigation>li>a {
  color: #F2F2F2;
   font-family: "Poly", sans-serif;
  text-transform:none;
margin:15px;
  }
  .main-header__advanced-search {
    font-family: "Poly", sans-serif;
  text-transform:none;
  }
  .main-navigation__toggle span {
  background:#F2F2F2;
  }
  
  .main-navigation .navigation>li>ul {
  background-color: #8c2e2e;
  }
  
  
  .main-header__site-title a , .main-header__site-title a:visited {
  color: #F2F2F2;
  }
  
  .main-header__site-title img {
      max-height: 75px;
  }
  
  #main-content {
  background-color:#f2f2f2
  } 
  
  .banner img {
  image-rendering:smooth;
  }
  
  h1.title {
  font-size:2.5em;
  max-width:1410px;
  border-bottom:0px;
  }
  .page-layout-normal h1.title {
    position:absolute;
  }

  .page-layout-normal .block-pageTitle + * {
  padding-top:120px !important;
  }
  
  .page-layout-normal h1.title + .section-top, .page-layout-normal h1.title + .section-bottom {
  padding-top:1em !important;
  border-top:120px solid #f2f2f2;
  } 
  
  .page-layout-normal h1.title + .item-showcase {
  display:inline-block;
  width: 60%;
  }
  .page-layout-normal h1.title + .item-showcase .resource.item:not(:only-child)  {
  width: 40% !important;
  float:left;
  margin-left: 5%;
  }
  
  /*Remove the left navigation from listed pages */
  body.site-page-BSP .sub-menu, body.site-page-welcome .sub-menu, body.site-page-home .sub-menu {
  display:none;
  }
  body:has(.page-layout-grid) .sub-menu {
    display:none;
  }
  
  .sub-menu{
  float: left;
  margin-top:120px;
    margin-right: 40px;
  padding-bottom: 20px;
  max-width: 250px;
  
  }
  
  .navigation{
  list-style-type: none;
  padding-left:0;
  }



  .toc-block ul.navigation, .sub-menu ul.navigation {
    border: 1px solid #E7BD64 !important;
    border-radius: 20px;
    box-shadow:0px 1px 6px rgba(51, 51, 51, .25);
  }
  .toc-block ul.navigation li, .sub-menu ul.navigation li {
    padding: 0 20px;
  }

  .toc-block ul.navigation:before, .sub-menu ul.navigation:before {
    content: "In this section";
    font-style:italic;
    width: 100%;
    padding:10px 20px;
    background-color: #E7BD64;
    display: block;
    border-radius: 20px 20px 0 0;
    margin-bottom:.5em;

  }

.toc-block ul {
  margin:0;
}
  
  .toc-block>ul>li:before {
    display: none;;
  }

  .toc-block>ul>li>a {
    font-weight:400 !important;
    font-size:1rem;

  }


  ul.navigation li {
  
  
  }
  ul.navigation li::first-letter {
  
  }
  
  .sib-content{
  
  }
  
  
  .breadcrumbs  {
    font-family: "Schibsted Grotesk", sans-serif;
      width: 100%;
  
  }
  
  /* grid layout components */
body.page #main-content.container {
    padding-left: 0;
    padding-right:0;
}
.breadcrumbs, .sub-menu {
    padding: 0 30px 10px;
}

.block  {
    padding: 0 30px 20px;
}

.block-pageTitle {
    padding: 0 30px;
}

.block-html {

  padding: 0 30px 20px;

}

.block-media {
    padding: 0 30px 40px;
}

  .media-embed {
  justify-content:space-around;
  display:flex;
  } 
  .media-embed.layout-horizontal {
    align-items: normal;
  }

  
  .media-embed.media-display-thumbnail .item.resource, .media-embed .resource.item {
      box-shadow: none;
      flex-basis: 200px;
      flex-grow: 1;
  max-width:400px;
  margin:0 auto;
  }

  .media-embed .resource.item:has(.html) {
    max-width:none;
    background-color: #FFF8EF;
    padding:2em;
    border-top: 5px #7C121F solid;
    border-bottom: 5px #7C121F solid;
    box-shadow: 0px 1px 6px rgba(51, 51, 51, .25);
  }
  
  
  .media-embed.media-display-thumbnail .item.resource img {
  height: auto;
  box-shadow: 0px 1px 6px rgba(51, 51, 51, .25);
  z-index:2;
  }
  
  .item-showcase__content {
  height:auto;
  
  }
  .media-embed .resource.item h3, .media-embed .resource.item:not(:only-child) h3, .media-embed:has(div.item:nth-child(1):last-child) h3   {
   font-family: "Poly", sans-serif;
  font-size:1.1em !important;
  }
  div.clear-float {
  clear:both;
  }
  
.basics {
  margin-bottom:2em;
}

.basics-inner {
  border: 5px solid #7C121F;
  border-radius: 20px;
  background-color: #fff;
  box-shadow:0px 1px 6px rgba(51, 51, 51, .25);
}

.basics h4 {
  background-color: #7C121F;
  background-image:url("https://exhibits.sjsu.edu/files/asset/30ab022444655eaec5e75bfe4fb8a812bd38aa64.png");
  background-position:center;
  background-size:cover;
  
  color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  font-size: 1.5em;
  margin-bottom: .5em;
}

.basics p {
  padding: 0 10px 10px 10px;
  margin: 0;
  font-weight:600;

}

.long-poem {
    background-color: #FFF8EF;
    padding:2em;
    border-top: 5px #7C121F solid;
    border-bottom: 5px #7C121F solid;
    box-shadow: 0px 1px 6px rgba(51, 51, 51, .25);
line-height:1em;
}

.long-poem p {
    margin-bottom: .5em;;
}


  .next-item-left + .item-showcase:has(div.item:nth-child(1):last-child) {
  display:block;
  float:left;
  margin: 0 40px 100px 10px;
  padding; 0;
  overflow: visible;
  }
  
  .next-item-right + .item-showcase:has(div.item:nth-child(1):last-child) {
  display:block;
  float:right;
  margin: 0 10px 100px 40px;
  padding; 0;
  overflow: visible;
  }
  
  .section-bottom, .section-top, .block-media:has(+ .section-bottom), .section-top+ .block-media {
  background-color: #FFF8EF;
  padding:2em;

  }
  .section-top, .block-media:has(+ .section-bottom) {
  border-top: 5px #7C121F solid;
  margin-bottom:0 !important;
  margin-top: 0 !important;
  }
  .section-bottom, .section-top+ .block-media {
    border-bottom: 5px #7C121F solid;
    margin-top: 0 !important;
    margin-bottom:3em !important;
  }

  .block-media:has(+ .section-bottom), .section-top+ .block-media {
    padding:2em 2em 0;
  }

  .block-media:has(+ .section-bottom) .media-embed.media-display-thumbnail, .section-top+ .block-media .media-embed.media-display-thumbnail {

    margin-bottom:0;
  }
  .section-bottom {
  margin-bottom:1em !important;
  }
  
  
  .item-showcase:has(div.item:nth-child(1):last-child)   .resource.item {
  max-width:500px;
  }

  /*ArcGIS map styling  */
  body.site-page-map {
    padding: 0 !important;
    overflow:hidden;
    background-color:#7C121F;
    background-image:url("https://exhibits.sjsu.edu/files/asset/30ab022444655eaec5e75bfe4fb8a812bd38aa64.png");
    background-position:center;
    background-size:cover;
  }

  body.site-page-map .main-header, body.site-page-map .banner, body.site-page-map .main-footer {
    display:none;
  }

  body.site-page-map #main-content {
    padding:0;
  }

  body.site-page-map .block {
    margin:0;
  }

/*smaller maps*/
.map-container-mini {
  width: 100%;
  height:400px;
}
.map-container-mini iframe {
  width: 100%;
  height:100%;
  border:0;
  box-shadow:0px 1px 6px rgba(51, 51, 51, .25);

}
  
  .menu-drawer {
  background-color:#115A7D;
  }
  .site-page-pagination {
  clear:both;
  }
  .main-footer__top-container  {
  gap:0px;
  }
  .main-footer__top {
  background-color: #7C121F;
      padding: 45px 0 20px;
  }
  .main-footer hr {
  background-color:transparent;
  }
  
  .no-menu .main-footer__col1, .no-menu .main-footer__col3 {
      width: 100%;
      max-width: none;
  
  }
  .footer_site_info {
      text-align: center;
      font-size: 1.5em;
      font-family: 'Poly', serif;
  }
  .main-footer__col1 img {
      max-width: 200px;
      display: block;
      margin: 20px auto 0 auto;
  }
  
  .footer_site_info a {
  color:#eef7fa;
  }
  
  .footer-logos {
  background-color:#fff;
  padding: 10px 30px;
  display:flex;
  align-items:center;
  justify-content:space-around;
  flex-wrap:wrap;
  gap:10px;
  border-radius: 20px;
      border: 3px solid #E3BE63;
  -webkit-box-shadow: inset 0px 0px 5px 4px rgba(242,161,109,1);
  -moz-box-shadow: inset 0px 0px 5px 4px rgba(242,161,109,1);
  box-shadow: inset 0px 0px 5px 4px rgba(242,161,109,1);
  
  }
  
  .footer-logos a {
  text-decoration:none;
  color: #04161F;
  }
  
  .footer-logos img {
  max-height: 150px;
  max-width:250px;
  }
  
  .text-logo {
  font-size:1.5em;
  font-weight:bold;
    font-family: "Poly", serif;
  padding:10px;
  
  }
  .main-footer__col3::before {
  display:none;
  }
  
  .main-footer__bottom {
  background-color: #8c2e2e;
  background-image:url("https://exhibits.sjsu.edu/files/asset/30ab022444655eaec5e75bfe4fb8a812bd38aa64.png");
  background-position:center;
  background-size:cover;
  
  }
  @media only screen and (max-width: 900px) {
  .sub-menu, .toc-block {
  display:none;
  }
  }
  
  
  