/* Base HTML and Foundation theme customizations */

html,
body {
    font-size: 1rem;
}

body, p, a, li {
    font-family: 'Montserrat','Lato',arial,sans-serif !important;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a {
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
}

.off-canvas-content {
    background: #fff;
}

.button,
[type="submit"],
[type="button"],
#submit_search,
#exhibit-page-navigation .next-page,
#exhibit-page-navigation .previous-page,
.button-group .button,
.button-group [type="submit"],
.button-group [type="button"],
.button-group #submit_search,
.button-group #exhibit-page-navigation .next-page,
#exhibit-page-navigation .button-group .next-page,
.button-group #exhibit-page-navigation .previous-page,
#exhibit-page-navigation .button-group .previous-page {
    font-size: 1.1rem;
}

.label,
#item-filters li,
.items.advanced-search label,
#search-filters>ul>li {
    font-size: 1rem;
}

.items-nav .top-bar-left>ul .active a,
.items-nav .top-bar-left>ul #exhibit-pages .current a,
#exhibit-pages .items-nav .top-bar-left>ul .current a,
.items-nav .top-bar-left>ul .active a.disabled,
.items-nav .top-bar-left>ul #exhibit-pages .current a.disabled,
#exhibit-pages .items-nav .top-bar-left>ul .current a.disabled,
.items-nav .top-bar-left>ul .active a[disabled],
.items-nav .top-bar-left>ul #exhibit-pages .current a[disabled],
#exhibit-pages .items-nav .top-bar-left>ul .current a[disabled],
.items-nav .top-bar-left>ul .active a.disabled:hover,
.items-nav .top-bar-left>ul #exhibit-pages .current a.disabled:hover,
#exhibit-pages .items-nav .top-bar-left>ul .current a.disabled:hover,
.items-nav .top-bar-left>ul .active a[disabled]:hover,
.items-nav .top-bar-left>ul #exhibit-pages .current a[disabled]:hover,
#exhibit-pages .items-nav .top-bar-left>ul .current a[disabled]:hover,
.items-nav .top-bar-left>ul .active a.disabled:focus,
.items-nav .top-bar-left>ul #exhibit-pages .current a.disabled:focus,
#exhibit-pages .items-nav .top-bar-left>ul .current a.disabled:focus,
.items-nav .top-bar-left>ul .active a[disabled]:focus,
.items-nav .top-bar-left>ul #exhibit-pages .current a[disabled]:focus,
#exhibit-pages .items-nav .top-bar-left>ul .current a[disabled]:focus,
.items-nav>ul .active a,
.items-nav>ul #exhibit-pages .current a,
#exhibit-pages .items-nav>ul .current a,
.items-nav>ul .active a.disabled,
.items-nav>ul #exhibit-pages .current a.disabled,
#exhibit-pages .items-nav>ul .current a.disabled,
.items-nav>ul .active a[disabled],
.items-nav>ul #exhibit-pages .current a[disabled],
#exhibit-pages .items-nav>ul .current a[disabled],
.items-nav>ul .active a.disabled:hover,
.items-nav>ul #exhibit-pages .current a.disabled:hover,
#exhibit-pages .items-nav>ul .current a.disabled:hover,
.items-nav>ul .active a[disabled]:hover,
.items-nav>ul #exhibit-pages .current a[disabled]:hover,
#exhibit-pages .items-nav>ul .current a[disabled]:hover,
.items-nav>ul .active a.disabled:focus,
.items-nav>ul #exhibit-pages .current a.disabled:focus,
#exhibit-pages .items-nav>ul .current a.disabled:focus,
.items-nav>ul .active a[disabled]:focus,
.items-nav>ul #exhibit-pages .current a[disabled]:focus,
#exhibit-pages .items-nav>ul .current a[disabled]:focus,
.secondary-nav>ul .active a,
.secondary-nav>ul #exhibit-pages .current a,
#exhibit-pages .secondary-nav>ul .current a,
.secondary-nav>ul .active a.disabled,
.secondary-nav>ul #exhibit-pages .current a.disabled,
#exhibit-pages .secondary-nav>ul .current a.disabled,
.secondary-nav>ul .active a[disabled],
.secondary-nav>ul #exhibit-pages .current a[disabled],
#exhibit-pages .secondary-nav>ul .current a[disabled],
.secondary-nav>ul .active a.disabled:hover,
.secondary-nav>ul #exhibit-pages .current a.disabled:hover,
#exhibit-pages .secondary-nav>ul .current a.disabled:hover,
.secondary-nav>ul .active a[disabled]:hover,
.secondary-nav>ul #exhibit-pages .current a[disabled]:hover,
#exhibit-pages .secondary-nav>ul .current a[disabled]:hover,
.secondary-nav>ul .active a.disabled:focus,
.secondary-nav>ul #exhibit-pages .current a.disabled:focus,
#exhibit-pages .secondary-nav>ul .current a.disabled:focus,
.secondary-nav>ul .active a[disabled]:focus,
.secondary-nav>ul #exhibit-pages .current a[disabled]:focus,
#exhibit-pages .secondary-nav>ul .current a[disabled]:focus,
.items-nav .top-bar-left>ul .active a:hover,
.items-nav .top-bar-left>ul #exhibit-pages .current a:hover,
#exhibit-pages .items-nav .top-bar-left>ul .current a:hover,
.items-nav .top-bar-left>ul .active a:focus,
.items-nav .top-bar-left>ul #exhibit-pages .current a:focus,
#exhibit-pages .items-nav .top-bar-left>ul .current a:focus,
.items-nav>ul .active a:hover,
.items-nav>ul #exhibit-pages .current a:hover,
#exhibit-pages .items-nav>ul .current a:hover,
.items-nav>ul .active a:focus,
.items-nav>ul #exhibit-pages .current a:focus,
#exhibit-pages .items-nav>ul .current a:focus,
.secondary-nav>ul .active a:hover,
.secondary-nav>ul #exhibit-pages .current a:hover,
#exhibit-pages .secondary-nav>ul .current a:hover,
.secondary-nav>ul .active a:focus,
.secondary-nav>ul #exhibit-pages .current a:focus,
#exhibit-pages .secondary-nav>ul .current a:focus {
    color: #fff;
    background: #0d6098;
}

.button:hover,
:hover[type="submit"],
:hover[type="button"],
#submit_search:hover,
#exhibit-page-navigation .next-page:hover,
#exhibit-page-navigation .previous-page:hover,
.button:focus,
:focus[type="submit"],
:focus[type="button"],
#submit_search:focus,
#exhibit-page-navigation .next-page:focus,
#exhibit-page-navigation .previous-page:focus {
    background-color: #117ac0;
    color: #fefefe;
}

.button,
[type="submit"],
[type="button"],
#submit_search,
#exhibit-page-navigation .next-page,
#exhibit-page-navigation .previous-page,
.button.disabled,
.disabled[type="submit"],
.disabled[type="button"],
.disabled#submit_search,
#exhibit-page-navigation .disabled.next-page,
#exhibit-page-navigation .disabled.previous-page,
.button[disabled],
[disabled][type="submit"],
[disabled][type="button"],
#submit_search[disabled],
#exhibit-page-navigation .next-page[disabled],
#exhibit-page-navigation .previous-page[disabled],
.button.disabled:hover,
.disabled:hover[type="submit"],
.disabled:hover[type="button"],
.disabled#submit_search:hover,
#exhibit-page-navigation .disabled.next-page:hover,
#exhibit-page-navigation .disabled.previous-page:hover,
.button[disabled]:hover,
[disabled]:hover[type="submit"],
[disabled]:hover[type="button"],
#submit_search[disabled]:hover,
#exhibit-page-navigation .next-page[disabled]:hover,
#exhibit-page-navigation .previous-page[disabled]:hover,
.button.disabled:focus,
.disabled:focus[type="submit"],
.disabled:focus[type="button"],
.disabled#submit_search:focus,
#exhibit-page-navigation .disabled.next-page:focus,
#exhibit-page-navigation .disabled.previous-page:focus,
.button[disabled]:focus,
[disabled]:focus[type="submit"],
[disabled]:focus[type="button"],
#submit_search[disabled]:focus,
#exhibit-page-navigation .next-page[disabled]:focus,
#exhibit-page-navigation .previous-page[disabled]:focus {
    background-color: #daeaf5;
    color: #002050;
}

.item-pagination.navigation {
    justify-content: flex-end;
    margin-top: 60px;
    padding-right: 40px;
}

.pagination_next a,
.pagination_previous a {
    border-radius: 5px;
    width: 40px;
    padding: 10px !important;
    display: block;
    font-size: 1.5rem;
    background: #117ac0;
    color: #fff;
    text-align: center;
}

.pagination_next,
.pagination_previous {
    margin-right: 10px;
}

i.fas.fa-caret-right,
i.fas.fa-caret-left {
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 3px;
}

i.fas.fa-caret-right {
    margin-right: 0;
    margin-left: 3px;
}

.o-icon-list:before,
.o-icon-grid:before {
    font-size: 1.4rem;
}

header {
    background-color: #4975a7
}

.top-bar,
.top-bar ul {
    background-color: #4975a7
}

.label,
#item-filters li,
.items.advanced-search,
#search-filters ul li {
    background: #107ac0
}

a:hover {
    color: #2c5195
}

a {
    color: #2c5195
}

.current a {
    background: #107ac0
}

.menu .active a {
    background: #2c5396;
    color: #fff
}

.button {
    background: #a6def4;
    color: #2c5396
}

.button:hover {
    background: #2c5396;
    color: #fff
}

input#query {
    min-width: 325px
}

div#banner-links {
    margin: 7px 20px
}

div#banner-links a {
    margin: 0 5px;
    padding: 5px 10px
}

#submit_search {
    background: #039bd8;
    color: #fff;
    max-width: 80px
}

.button:hover,
#submit_search:hover,
#exhibit-page-navigation .next-page:hover,
#exhibit-page-navigation .previous-page:hover,
.button:focus,
#submit_search:focus,
#exhibit-page-navigation .next-page:focus,
#exhibit-page-navigation .previous-page:focus {
    background-color: #084f6b;
    color: #fff
}

.iiif-metadata-component .groups .group .items .item .label {
    color: #fff;
    border-bottom: 1px solid #343434;
    margin: 15px 10px 0 0
}

footer {
    background-color: #455577;
    width: 100%;
    max-width: 100%;
    padding-left: 60px
}


/* Site header */

.institution-name-sm-screen {
    color: #fff;
}

.institution-name-sm-screen>p.h5 {
    padding: 5px 22px 5px 0;
    margin: 0;
}

.top-bar {
    padding: 10px;
    max-width: 1100px;
    margin: 0 auto;
}

.simple-page-home .top-bar {
    padding-top: 20px;
}

#primary-nav {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 20px;
    align-self: baseline;
    flex: 1 0 auto;
    align-self: auto;
    flex-direction: row-reverse;
}

.site-title-text {
    display: none;
}

.simple-page-home .site-title-text {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: normal;
}

.site-title-logo {
    max-width:650px;
}

.simple-page-home .site-title-logo {
    display: none;
}

.csusm-logos {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.simple-page-home .csusm-logos {
    margin-top: 0;
}

.csusm-logos>a {
    font-size: 1.25rem;
    line-height: normal
}

.csusm-link img {
    width: auto;
    height: 40px;
}

.library-link {
    border-top: 1px solid #ccc;
    margin: 10px 0 0;
    padding: 5px 0 0;
    width: 100%;
    text-align: right;
}

.top-bar a:hover,
a.library-link:hover {
    color: #ffd500;
}

a.site-title {
    color: #000;
}

.site-title img {
    margin: 0;
}

ul#top-nav {
    flex-wrap: nowrap;
    margin-bottom: 10px;
    margin-top: 15px;
    order: 2;
}

ul#top-nav.dropdown a {
    color: #fff !important;
    margin: 0 6px;
    background: #454c54;
    border-radius: 20px;
    padding: 12px 17px;
    font-size: 1.2rem
}


div#search-container {
    background: #eee;
    padding: 0;
    max-width: none;
    margin: 0;
    position: relative;
}

#search-form {
    padding: 20px 0 0;
    justify-content: left;
    max-width: 900px;
    margin: 0 auto;
}

#query-types {
    flex-direction: column;
    width: 200px;
}

form#advanced-search-form {
    background: #fff;
}

#item-filters li,
.items.advanced-search label,
#search-filters>ul>li {
    font-size: 1.2rem;
    font-weight: 400;
    color: #000;
}

.search-checkbox {
    margin-right: 10px;
}

.browse-controls,
.secondary-nav {
    font-size: 1rem;
}

[type='checkbox']+label,
[type='radio']+label {
    margin-left: .25rem;
}

.hTagcloud {
    max-width: 800px;
    padding: 30px 0;
}

.hTagcloud li {
    display: block;
    font-size: 1.5rem !important;
}

button.search-toggle.button {
    margin: 0;
    border-radius: 20px;
    padding: 12px 15px;
    font-size: 1.1rem;
    background: #278aaf;
    color: #fff;
    margin-bottom: 10px;
    order: 1;
}

button.menu-toggle {
    background: #333;
    border-radius: 10px;
    color: #fff;
    font-size: 1.3rem;
    padding: .75rem 1rem;
}

body.resource.items #content {
    max-width: 1600px;
    margin: 0 auto;
}

.breadcrumbs li {
    font-size: 1rem;
}

#content {
    min-height: 450px;
}

/* Simple Pages */

.simple-page h1 {
    margin: 25px 0 15px;
}

.img-medium-left {
    display: inline-block; 
    margin: 0 20px 20px 0; 
    border: 2px solid #ddd; 
    box-shadow: 2px 2px 5px 1px #cdcdcd;
}

/* Collections */

.collections.show #content {
    max-width: 1000px;
}

.collections.show #dublin-core-title,
.collections.show #dublin-core-creator,
.collections.show #dublin-core-description h3 {
    display: none;
}

.resource-list {
    margin-top: 20px;
    padding-top:20px;
    max-width: 1000px;
    margin: 0 auto; 
}

.resource-list h4 {
    font-weight: 600;
    margin: 0;
}

.resource-list .resource-image {
    width: unset;
    padding-right: 15px;
}

.resource-list .resource-image img {
    box-shadow: 2px 2px 5px 1px #cdcdcd;
}

.resource-list .resource {
    display: flex;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.resource-list .description {
    padding-top: 10px;
}

.resource-list .description a {
    color: #000;
}

/* Item records */

.resource.show .wrap {
    padding: 1rem 0;
}

#content div#resource-values {
    width: 100%;
}

.resource-title>h3.label {
    display: none;
}

.universal-viewer #content {
    padding: 0 !important;
}

.universal-viewer.viewer {
    margin-bottom: 25px;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .info .label {
    font-size: .9rem;
    width: 100%;
    white-space: normal;
    overflow-x: auto;
    text-overflow: ellipsis;
    float: none;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .info {
    overflow: visible !important;
    display: block;
}

.uv .leftPanel .views .thumbsView .thumbs.left-to-right.paged .thumb.first {
    float: left !important;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb.twoCol .wrap {
    width: 175px !important;
    max-height: none;
    overflow: hidden;
    float: left;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .wrap img {
    max-width: none !important;
    max-height: none !important;
    width: 175px;
    height: fit-content;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb.twoCol .label {
    width: 80px;
    font-size: .9rem;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .info .label {
    float: none !important;
    overflow-x: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    width: 100% !important;
    background: transparent !important;
    display: block;
    clear: both;
    margin: 3px 2px 10px
}

.item-file.application-pdf object {
    height: 80vh !important;
}

.inline .element h3,
.inline .element .element-set h2,
.element-set .inline .element h2 {
    width: 100px;
    padding: 0 10px;
}

#resource-values #dublin-core-title .element-text a,
#resource-values #dublin-core-creator .element-text a,
#resource-values #dublin-core-description .element-text a {
    color: #000;
    cursor: default;
}

#resource-values .element-set h2 {
    display: none
}

.inline .element .element-text {
    width: auto;
    max-width: 100%;
    margin: 0;
}

#dublin-core-date .element-text,
#dublin-core-subject .element-text {
    display: inline;
}

#dublin-core-date .element-text:after,
#dublin-core-subject .element-text:after {
    content: ", ";
}

div#footer-text {
    max-width: 1000px;
    margin: 0 auto;
}

#footer-text a {
    color: #fff;
}


/* Browse */

.resource-list .resource-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
}

.pagination-nav input[name=page] {
    max-width: 40px;
    width: 100%;
    text-align: right;
}

a.thumbnail {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 2px solid #92b1de;
    display: flex;
    justify-content: center;
    padding: 3px;
}

.thumbnail img {
    justify-content: center;
    width: 100%;
    object-fit: cover;
}



@media only screen and (max-width: 1023px) {
    .inline .element h3 {
        text-align: left;
    }

    .inline .element .element-text {
        display: block;
        margin: 5px 10px 10px 20px;
    }

    #dublin-core-date .element-text,
    #dublin-core-subject .element-text {
        display: inline;
        margin: 0;
    }

    #dublin-core-date .large-8.cell,
    #dublin-core-subject .large-8.cell {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1550px) {
    .top-bar {
        flex-wrap: wrap;
    }

    .site-title img {
        max-width: 500px;
    }

    .top-bar .top-bar-left {
        justify-content: center;
    }

    .csusm-logos {
        margin-right: 20px;
    }

    #primary-nav {
        display: flex;
        justify-content: center;
        flex: 1 1 auto;
        margin: 10px 0 5px;
    }

    #search-form {
        max-width: fit-content;
        padding: 20px;
    }
}

@media only screen and (max-width: 1380px) {
    .site-title img {
        max-width: 390px;
    }

    #primary-nav {
        width: 60%;
    }
}

@media only screen and (max-width: 1280px) {
    .site-title img {
        max-width: 350px;
    }

    #primary-nav {
        width: 60%;
    }

    ul#top-nav.dropdown a {
        margin: 0 6px 0 0;
        padding: 8px 12px;
        font-size: 1.1rem;
    }

    .csusm-logos>a {
        font-size: 1.25rem;
    }

    button.search-toggle.button {
        padding: 8px 12px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1080px) {
    .site-title img {
        max-width: 310px;
    }

    #primary-nav {
        width: 65%;
    }

    .csusm-logos {
        text-align: center;
    }
}

@media screen and (max-width: 1023px) {
    #top-nav.dropdown {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .resource-list .resource-image {
        margin: 10px auto 20px;
    }

    .media-object,
    .item.hentry.resource {
        flex-direction: column;
        align-items: center;
    }
    
    .img-medium-left {
        margin: 0 auto 20px !important;
    }

    .resource-list .resource-meta:not(:only-child) {
        width: 100%;
    }
}