body {font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #2c336a; color: #333333;}
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", Helvetica, Arial, sans-serif;  }
.title {display:none;}
h2 { font-size:2em;}

    .main-header__site-title {
        max-width: 40%;
    }

a {color: #190f69;}
hr {background-color: #ed7e65;}
a.button:hover {color: #aad4d9;}

.resource-grid .resource__content {
    padding: 10px;
font-size:.9em;
}
.resource-grid .resource__content  a {
    font-size:1.3em;
font-weight: 600;
}
.banner, #main-content {background-color: #ffffff;}
.banner__heading {
    color: #fff;
    font-size: 3rem;
    max-width: 800px;
    font-family: Helvetica, Arial, sans-serif;
margin-bottom:0;
}
.banner__description {
    font-size: 1.5rem;
    max-width: 800px;
    margin-bottom: 0;
}
.banner.has-text::before {
    /* background-color: #000; */
    opacity: 0;
}

.breadcrumbs {
background-color:#fff;
padding: 10px 0;
}
hr {
    width: 95%;
}

.main-footer__top  {background-color: #2c336a;}
.main-footer__bottom {background-color: #2c336a;}
.main-footer__top-container>div:first-child {
    color: #FFFFFF;
}
.main-footer__top-container  {
max-width:500px;
}

.site-page-pagination {
    display: none;
}
@media(min-width: 1024px) {
.main-footer__top-container  {
max-width:1200px;
}

.main-footer__col1,  .main-footer__col2 , .main-footer__col3 {max-width:500px; ,margin-auto}
.main-footer__col1 img {max-width:100%;}

.main-footer__col2 {
    margin-top: 2em;
}
.main-footer__col2 .navigation>li>a {
    font-weight: 500;
    display: block;
    font-size: 1.3em;
}

.main-footer__top-container>div:nth-child(2)::before, .main-footer__top-container>div:nth-child(3)::before {background-color:#ce3630;}

.menu-drawer {background-image: linear-gradient(120deg,  #cc2c55, #ce3630);}

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

.event {
border-radius:8px;
padding: 20px;
margin:0 auto 20px;
color:#fff;
background-image: linear-gradient(120deg,  #cc2c55, #ce3630);
max-width:1000px;
}
.event  h2 {
color: #fff;
font-weight: bold;
}
.event p {
font-size:1.2rem;
}
nav.sub-menu {display:none;}
nav.sub-menu ul {display:flex; width:100%; list-style:none;  justify-content:center;  padding:0; }

nav.sub-menu ul li {background-image: linear-gradient(130deg,    #ed7e65, #cc2c55); padding: 10px 20px; font-size:1.2em; margin: auto; border-radius:3px; flex-basis:20%; text-align:center;
}
nav.sub-menu ul li a {color:#fff; text-decoration:none;}

.page-layout-normal .drop, .drop {
text-align:center;
font-size:1.5em;
border-radius:8px;
padding: 20px;
margin:20px auto 40px;
color:#fff;
background-image: linear-gradient(120deg,  #cc2c55, #ce3630);
max-width:800px;
}
.drop p {
margin-bottom:0px;
}
.page-layout-normal .card, .card {background-image:url("https://exhibits.sjsu.edu/files/asset/117bdd20a35759ba33c21be6b0ef0707b8622643.jpg");
padding:200px 0;
text-align:center;
background-position: center; 
background-size:contain;
background-repeat: no-repeat;
width:40%;
display:inline-block;
margin: 5%;
}
.card h2 {
margin-bottom: 0px;
font-size:3em;
letter-spacing:0.1em
}
@media(max-width: 700px) {
#main-content  {
padding-top:.5rem;
}
.card {
padding:100px 0;
margin-bottom:50px;
}
.card h2{
font-size:2em;
}
}

.card h2 a {
text-decoration:none;
text-wrap: nowrap;
color: #190f69;
background: rgba(255, 255, 255, .8);
padding: 0 20px;
border-radius:80px;
transition: all 1000ms, color 500ms;
}
.card h2 a:hover {
background: #190f69;
color:#fff;
}
.card h3 a {
text-decoration:none;
text-wrap: nowrap;
color: #190f69;
padding:0 10px;
border-radius:5px;
background: rgba(255, 255, 255, .7);
transition: all 1000ms, color 500ms;
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.6);
-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.6);
box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.6);
}
.card h3:hover a {
background: #190f69;
color:#fff;
-webkit-box-shadow: 0px 0px 12px 12px rgba(25,15,105,1);
-moz-box-shadow: 0px 0px 12px 12px rgba(25,15,105,1);
box-shadow: 0px 0px 12px 12px rgba(25,15,105,1);
}

.resource-grid .resource {
box-shadow: 0px 1px 6px rgba(25,15,105,.25);
}
.resource-grid .resource__thumbnail {
background-image: linear-gradient(120deg, #ed7e65, #2c336a);
 line-height: 0;
}

.resource__thumbnail a img {
transition: all 500ms;
}

.resource__thumbnail a:hover img {
filter: opacity(0.7);
}
div.center div.attachments {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:2px;
}
.center.file .item {
flex-basis:450px;
max-height:300px;
overflow:hidden;
}
.toc-block ul.navigation {
display:flex;
justify-content:center;
flex-wrap:wrap;
padding:0;
}
.toc-block>ul>li:before {
content:none !important;
}
}

.faceted-browse-page .resource-list .resource {
  padding-left: 15em !important;
   position: relative;
   min-height: 14em;
}

.faceted-browse-page #section-content .resource-list img {
   position: absolute;
   left: 0;
   max-width: 14em;
   max-height: 14em;
}
.faceted-browse-page .resource-name {
    font-weight: 600;
font-size:1.2em;
}