body {
background-color:#2b1201;
color:#fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
}

body.site-page-home {
    background-color: #FCF7F0;
    color:#2b1201;
}

body.site-page-home #main-content a, body.site-page-home #main-content a:visited {
    color:#0055a2;
}
body.site-page-home #main-content a:hover {
    color: #E8A826;
}


.main-header {
background-color:#FCF7F0;
}

h1,h2,h3,h4 {
color:#ffcc33;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:700;
}

h1 {
font-size:2.25em;
}

h3 {
text-transform:uppercase;
font-size:1.5em;
}
h5 {
color: #E8A826;
font-weight:300;
}

ul li::marker {
color: #fff;
}
a, a:visited {
    color: #FDD8AA;
    text-decoration-line: underline;
    
}
.main-content a {
    font-weight: 600;
}

a:hover, a:focus, a:active {
color: #E8A826;
}
a.main-header__advanced-search ,  a.main-header__advanced-search:visited {
color: #2b1201;
}

.intro a,  .intro a:visited, button, .media-buttons a, .media-buttons a:visited  {
background-color: #FFCC33;
color: #2b1201;
}
.intro a, .media-buttons a {
padding: 10px 20px;
border-radius:10px;
text-decoration: none;
    text-transform: uppercase;
    margin-right: 20px;
}

.intro a:hover, button:hover:not(.disabled), .media-buttons a:hover {
background-color: #E8A826;
}
button.slick-arrow:hover {
    background-color: transparent;
}

.main-navigation .navigation>li>ul, .menu-drawer {
    background-color: #2b1201;
background-image: linear-gradient(
    155deg,
    hsl(24deg 95% 9%) 0%,
    hsl(25deg 97% 12%) 43%,
    hsl(27deg 95% 15%) 57%,
    hsl(28deg 96% 19%) 65%,
    hsl(30deg 96% 22%) 70%,
    hsl(31deg 97% 26%) 75%,
    hsl(33deg 97% 29%) 78%,
    hsl(34deg 98% 33%) 81%,
    hsl(35deg 98% 36%) 83%,
    hsl(37deg 98% 39%) 85%,
    hsl(38deg 98% 43%) 88%,
    hsl(39deg 99% 46%) 90%,
    hsl(41deg 99% 50%) 92%,
    hsl(42deg 99% 53%) 95%,
    hsl(43deg 100% 57%) 97%,
    hsl(45deg 100% 60%) 100%
  );
    
}

.menu-drawer .navigation-controls a::before {
    filter:none;
}
.menu-drawer .navigation-controls {
    background-color:transparent; 
    color:#fff; 
    font-size:1em; 
    margin-top:10px;
}
.menu-drawer .navigation-controls a {
    color:#fff !important;
}

.menu-drawer .menu-container a {
    color:  #fff;;
    border-bottom: 0;
}

.menu-drawer .menu-container li.active a {
    color: #fff;
}


.breadcrumbs {
    background-color: transparent;
}

.title {
    border-bottom:0px;
}
.title::after {
    background-color:transparent;
}

label, .label, legend, .tooltip, .tooltip::before {
color:#ffcc33;
}

.tooltip .tooltiptext {
    color:#2b1201;
    background-color: #FCF7F0;

}
.tooltip .tooltiptext::after {
    border-color: #FCF7F0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);;
}

select, input, .site-page-pagination a {
    background-color: #FCF7F0;

}

.carousel-826,  .carousel-block, .slick-slide {
padding:0;
}

.carousel-826 button {
    display: none !important;
}


.page-layout-normal div.funding {
    margin-bottom: 0px;
}

.page-layout-normal .block.block-layout-alignment-block-center.funding-image {
    margin-top:0px;
}

.funding-image .assets {
    margin-bottom: 0px;
}

.home-menu .assets {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.home-menu .asset {

    border-radius:20px;
    width: 19%;
    overflow: hidden;
    min-width: 250px;
   
}

.home-menu .asset a img, .exhibit-menu .asset a img, .scholar-talk a, body.site-page-home #main-content a, a {
    transition: transform 1s, background 1s, color 0.5s; /* Animation */
}

.home-menu .asset a:hover img, .exhibit-menu .asset a:hover img{
    transform: scale(1.25);
}

.home-menu .assets .link-title {
    width: 100%;
    background-color: #FCF7F0;
    z-index: 999;
    position: relative;
    bottom: 7px;
}


.intro {
  padding:20px;
min-height:800px;
}

.intro h3 {
    font-size:1.2em;
}

.intro p {
    max-width: 800px;
}


.item-with-metadata__header {
    border:0px;
}

.item-with-metadata__header::before {
    background-color: transparent;
}

.item-with-metadata__content {
    border:0px;
}

dt {
    color:#ffcc33;
}

.item-with-metadata .description {
    margin: 0 16px;
}

.description dt {
    display:none;
}

.counter {
    display:block;
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    justify-content: center;
    white-space: nowrap;

}
.item-with-metadata .metadata {
    width: 100% !important;
}
.item-with-metadata__thumbnail {
width: 100%;
max-width: none !important;
}
.item-with-metadata__thumbnail img {
    margin:auto;
    border-radius: 10px;
}

.item-with-metadata .metadata dl>.property dt:not(.sidebar-region .metadata dl>.property dt) {
    float:none;
    width: 100%;
}

.item-with-metadata .metadata dl>.property dd:not(.sidebar-region .metadata dl>.property dd) {
    margin-left:0;
}

.metadata > dl > .property:nth-child(1) {
    display:none;
}
.metadata > dl.media-list > .property:nth-child(1) {
    display: block;
}

.vimeo-container {
    display:flex;
    flex-wrap:wrap;
    column-gap: 40px;
    row-gap: 10px;
}

.vimeo-container dt {
    flex-shrink: 0;
}


.item-with-metadata .slick-arrow {
    position: fixed;
    top: 75%;
}

.item-with-metadata .slick-prev {
    left:20px;
z-index: 999;
}

.item-with-metadata .slick-next {
    right:36px;
}

.item-with-metadata .slick-arrow::before {
    color: #ffffff;
    font-size: 36px;
    opacity: inherit;
}

.resource-grid .resource, .resource-list .resource {
    background-color: transparent;
}
.exhibit-menu div.assets {
display: flex;
    justify-content: center;
flex-wrap:wrap;
gap:30px 5%;
}

.exhibit-menu div.asset {
position:relative;
overflow:hidden;
border-radius: 10px;
flex-basis:30%;
width:358px;
height:275px;
min-width:358px;
}
.exhibit-menu img {
width:100%;
}
.exhibit-menu span.link-title {
position:absolute;
top: 5px;
    padding: 15px;
    line-height: 1.2;
color:#ffcc33;
}


.scholar-talk {
    height: 350px;
    display: flex;
    border-radius: 20px;
    background-size: 700px;
    max-width: 700px;
    background-position: bottom;
    margin:20px;

}

.scholar-talk p {
    align-self: flex-end;
    width: 100%;
}

.scholar-talk a {
    width: 100%;
    display: block;
    padding: 20px;
    background: rgba(255, 203, 51, 0.9);
    border-radius: 0px 0px 20px 20px;
    color: #2b1201;
} 
.scholar-talk a:hover {

    background: rgba(255, 203, 51, 0.6);
}

.main-footer__top {
    padding: 25px 0 0;
background-color:#2b1201;
   
}
.main-footer__top-container.no-menu {
flex-direction:row;
flex-wrap:wrap;
}

.main-footer__col1 img {
    filter: brightness(14);
    max-width:350px;
    opacity:0.85;
}

.main-footer__top-container>div:nth-child(2)::before {
    background-color: transparent;
}

.main-footer hr {
    background-color: transparent;
}

.main-footer__col3 {
display:flex;
    gap: 30px;
    justify-content: end;
}

.main-footer__col3 .google-languages {
max-width:200px;
}

.goog-te-gadget {
width:200px;
}
.site-page-home .goog-te-combo {
    background-color: #fff;
}

.main-footer__col3 a, .main-footer__col3 a:visited {
text-decoration:none;
    width: 60px;
    margin-left: 10px;
    float: left;
}

.main-footer__bottom {
    background-color: transparent;
    padding:10px;
    
      
}

.b4v-menu-social-media {

}

.fill-572816 {
fill: #e7a825 !important;
}

.main-footer__bottom {
display:none;
}

.main-footer__copyright {
    background-image: url("https://exhibits.sjsu.edu/files/asset/1be51a7d49c2ac0f16173a3d01784fbdf5a6b77a.png");
    background-size:cover;
    width: 350px;
    height: 30px;
    color: transparent; /* make the text invisible */
    user-select: none; /* prevent selection of the text */

}

.main-footer__social-network img {
    height: 40px;
}