body {
background-color:#0B7779;
color:#FAF1D9;
}
.menu-drawer, .menu-drawer .navigation-controls {
background-color:#195658;
}


.main-navigation .navigation>li>ul {
background-color: #195658;
}
.sub-menu {
display:none;
}
.breadcrumbs {
background-color:#195658;
}

h1, h2, h3, h4, h5 {
color:#EECF7D;
font-family: "Open Sans", sans-serif;
}
p {
font-size:1.5rem;
}

ol {
font-size:1.5rem;
}
ol li {
padding-left: 10px;
}

ol li::marker {
color: #EECF7D;
}
label, .label, legend, .tooltip, .tooltip::before  {
color:#fff;
}

.title-text h1 {
font-weight: 500;
font-size: 3.5rem;
color: #EECF7D;
line-height: 4.5rem;
}
a {
color:#fff;
}
a:hover, a:visited {
color:#fff;
}
@media (max-width: 896px) {
.block-media {
margin-bottom:40px;
}
}
.media-embed a {
color:#FAF1D9;
}

.break.opaque {
border-bottom: 2px solid #EECF7D;
}

.resource-grid .resource__content {
padding:10px;
}
.resources .resource__content a {
color: #195658;
margin-bottom:10px;
display:block;
}
.resource .description {
color: #0B7779;
}
.pagination .pager label, .pagination .pager .page-count, .pagination .row-count {
color:#FFF;
}


.main-footer__col2 .navigation {
border: solid 10px #00000000;
background-color: #00000095;
justify-content: center;
}
.main-footer__col2 .navigation a {
text-align: center;
margin: auto;
padding: auto;
}

.main-footer__col2 .navigation a:visited {
color: white;
}
.main-footer__col2 .navigation a:hover{
color: #EECF7D;
}


dt {
color:#fff;
}

.main-footer__top {
background-color: #780B42;
}

div.cultural div.media-render {
width: 500px;
height: 500px;
background-color:#fff;
}



footer {
background-image:url(https://exhibits.sjsu.edu/files/asset/a66d435373fca5c2302c8971e2c5b1fcc57154de.jpeg);
background-size:cover;
}


footer a {
color: black;
}

.main-footer__top {
background:transparent;
    backdrop-filter: saturate(90%);
}

.main-footer__bottom {
background-color: #195658;
}

.no-click {
pointer-events: none;
max-width: 100%;
max-height: 100%;
margin: 0;
}
.large-title-text {
font-weight: 800;
font-size: 3.5rem;
color: #EECF7D;
padding: 0;
margin: 0;
line-height: 4.5rem;
}
.large-title-text hr {
width: 50%;
height: 0px;
margin: 1em 0;
color: #EECF7D;
border: 2px solid #EECF7D;
padding: 0;
margin: 0;
}
.title-text {
font-weight: 500;
font-size: 3.5rem;
color: #EECF7D;
padding: 0;
margin: 0;
line-height: 4.5rem;
}
.title-text hr {
width: 50%;
height: 0px;
margin: 1em 0;
color: #EECF7D;
border: 2px solid #EECF7D;
padding: 0;
margin: 0;
}
.medium-text p {
line-height: 3rem;
font-weight: 600;
font-size: 2.5rem;
color: #EECF7D;
}
.small-text {
line-height: 2rem;
font-weight: 500;
font-size: 1.5rem;
}
.tiny-text {
line-height: 1.5rem;
font-weight: 400;
font-size: 1.2rem;
}
.basic-text {
line-height: 1.2rem;
font-weight: 400;
font-size: 1rem;
}

.span-three{
grid-row: span 3;
}
.span-two{
grid-row: span 2;
}


.media-render{
}
.media-embed{
}
.item-resource{
}

.block {
}

.width-50{
width: 50px;
}
.width-150{
width: 150px;
}
.width-300{
width: 300px;
}
.width-350{
width: 350px;
}

.link-highlight{
    background-color: #EECF7D;
    padding: 40px;
border-radius: 5px;
}
.link-highlight a {
color:#0B7779;
}
.link-highlight a:hover, .link-highlight a:visited {
color:#0B7779;
}


.vert-center{
display: flex;
align-items: flex-start;
}
.vert-end{
display: flex;
align-items: end;
}
.block-listOfPage ul {
margin:auto;
text-align:center;
}
.block-listOfPages li {
list-style:none;
    text-align: center;
font-weight:bold;
font-size:2rem;
}
.block-listOfPages li a {
color: #EECF7D;
    padding: 40px;
    border: 3px solid #EECF7D;
    border-radius: 5px;
display:block;
text-decoration:none;
margin:auto;
line-height:2.5rem;
}
.block-listOfPages li a:hover {
background-color:#3d9b9e;
}
.block-listOfPages li a::before {
content:"Read More";
display:block;
font-weight:100;
color: #FAF1D9;
font-style:italic;
font-size:1.25rem;
line-height:1rem;
text-align:left;
}



.block-listOfPages li a::after {

}

.block-media {

}

.media-embed .resource .caption {
font-size:1.5rem;
line-height: 2.5rem;
color:#EECF7D;
}
