
a.site-title {
    font-size: 28px !important;
}

header nav.open {
     margin: 0px;
}
@media screen and (max-width:800px){
    header nav.open {
        margin: 15px 0 -1px;
    }
} 
/*#content {
    max-width: 1920px;
margin: auto;
}*/
.home_banner {
    position: relative;
    top: -60px;
}
@media screen and (max-width:800px){
    .home_banner {
       position: relative;
       top: -75px;
    }
}
.block-search {
    margin-top: 10px;
    margin-left: 30%;
    padding-bottom: 30px;
    width: 100%;
}
input[type="text"] {
    width: 50%;
}
@media screen and (max-width:900px){
.block-search {
    margin-left: 10%;
    width: 100%;
}
input[type="text"] {
    width: 75%;
}
}
@media screen and (max-width:400px){
.block-search {
    margin-left: 0;
    width: 100%;
}
input[type="text"] {
    width: 75%;
}
}
h1 {
    font-size: 36px;
}
h2 {
    line-height: 30px;
}
#content h1,
#content h2,
#content h3,
body.resource #content>h2:first-of-type+h3,
#content ul {
    margin-left: 15px;
}
ul + a {
    margin-left: 15px;
} 
.media-list {
display:none;
}
.page div#search {
    display: none;
}
body.item div#search {
    display: block;
}
div.property:nth-of-type(1),
div.property:nth-of-type(2),
div.property:nth-of-type(3),
div.property:nth-of-type(4),
div.property:nth-of-type(5),
div.property:nth-of-type(6), 
div.property:nth-of-type(7),
div.property:nth-of-type(8),
div.property:nth-of-type(9),
div.property:nth-of-type(10) {
    display: none;
}
.site-page-pagination,
footer {
    clear: left;
    padding-top: 40px;
} 
.site-page-pagination {
    display: none;
}

/* For year browse */
.blocks {
    display: flex;
    flex-wrap: wrap;
}
.blocks h2 {
    width: 100%;
}
.blocks p:first-of-type {
    width: 100%;
}
 .media-text .file {
    border-bottom: none;
    border-top: none;
}
 .media-text .left.square.captions-center.media.file {
    border-bottom: none;
    border-top: none;
    margin: 0 25px !important;
}
.left .item.resource, .right .item.resource {
    margin: 0 0 .5rem 0;
}
.left .item.resource:first-of-type, .right .item.resource:first-of-type {
    padding-top: 0;
    margin-top: 0;
}
.left.square.captions-center.media.file {
    max-width: 100%;
}
.media-text .left.square.captions-center.media.file {
    margin: 0;
}
.media-text > .text {
    margin-left: 10px;
}
.media-text p {
    font-size: 12pt;
}
/* For decades browse */
div.preview-block {
   float: center;
}
div.block-assets {
    margin-left: 5%;
    float: left;
    text-align: center;
    line-height: 15px;
}
.asset.decade img {
    width: 200px;
    height: 250px;
}
.asset.decade {
    padding-bottom: 20px;
}
.block.preview-block {
    margin: 0 !important;
}
/* For decade browse pages */
ul.resource-list.preview {
    display: flex;
    flex-wrap: wrap;
list-style-type: none;  
}
ul.resource-list .resource img {
    width: 200px;
    float: none;
    height: 230px;
}
ul.preview.resource-list li:first-of-type,
ul.resource-list .resource {
 float: center;  
 border-top: none;
    padding-top: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}
li.item.resource {
    padding: 0 20px;
} 
.resource-list h4 {
    max-width: 230px;
    text-align: center;
    font-size: 14pt;
    padding: 0px 10px;
}
.resource-list.grid {
   justify-content: center;
   clear: both;
}

/* Browse by year layout */
.browse-years {
    width: 100%;
}
.browse-years ~ div.block {
    width: auto;
}
.browse-years ~ div.block img {
    display: none;
}
.browse-years ~ div.block ul.resource-list.preview {
    display: block;
}
.block.list-of-pages li {
    list-style: none;
}
.block.block-assets.assets.year-cover.default img {
    width: 200px !important;
    height: 250px !important;
}
/*browse year item resource */
.item-showcase .resource.item:not(:only-child) {
    width: 20%;
}
.item-showcase {
    justify-content: inherit;
}
.item-showcase .resource.item img {
    height: 250px !important;
    max-height: none !important;
}
.item.resource h3 {
    max-width: 200px;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 230px;
    text-align: center;
    font-size: 13pt !important;
    padding: 0px 10px;
}
.item-showcase .resource.item {
    margin-bottom: 4rem;
}
.item-showcase {
    border-top: none;
}
/*Remove item page item label*/
.item #content h3 {
    display: none;
}
/*For Universal Viewer fixes */
div.universal-viewer {
    padding: 0px 50px;
}
@media screen and (max-width:800px){
    div.universal-viewer {
    padding: 0px 15px;
    }
}
.iiif-metadata-component .groups .group .items .item .value img {
max-width:100% !important;
}

.uv .centerPanel .content .viewer .paging.btn.next {
right:20px !important;
}

/*remove xml download option */
#app li.option.dynamic:last-of-type {
    display: none;
}

/* For search results page */
ul.resource-list {
    display: flex;
    flex-wrap: wrap;
}
ul.resource-list .resource:first-child {
    border-top: none;
    padding-top: 0px;
}
.search-filters {
    margin-left: 3%;
}
.browse-controls {
    margin: 0 5%;
}
body.browse .universal-viewer {
    display: none;
}
nav.pagination {
    margin-left: 5%;
}

/* For advanced search  */
.advanced-search-content,
#page-actions {
    padding: 0 25px;
}
div#item-sets, 
div#resource-class {
    display: none;
}
/*Asset block link*/
span.link-title {
    padding-top: 20px;
}
.block.block-assets.assets.year-cover.default {
    margin-bottom: 40px;
}
/*Remove item page item label*/
.item #content h3 {
    display: none;
}
/*Fix homepage layout and remove image link*/
.text p:first-of-type {
    width: auto;
}
@media screen and (max-width:870px){
.left.large.captions-center.media.file {
    float: none;
    max-width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}
.left .item.resource .media-render a, .right .item.resource .media-render a {
    pointer-events: none;
}
.block.media-text img {
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}

/*fix homepage alignment*/
.columnright {
    float: right;
    width: 60%;
}