body.vertical-menu header .vertical.menu li a {padding-left: 2rem;}
.grid-x {flex-direction: row-reverse;}
.resource-list .resource-image {order: 0; width: 20%;}
h2 {display: none;}

.resources resource-grid {
border: 40px;
margin-top: 30px;
}

.browse-controls {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}

a.thumbnail:hover 
{
transition: transform 0.5s;
transform: scale(2.1);
box-shadow: 0px 0px 10px #BA1139;}
.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
background: none;
color: #E2D8D7;
}

.menu:hover {
  color: #fff;
}

 .omeka-pagination {
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}

.item resource browse item-set vertical-menu user-bar {
background-color: #23030C;
}

header {
background: linear-gradient(0deg, #23030C, #790620);
}

h4 { 
font-family:  'Open Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
}

a {color: #BA1139;}

/* mouse over link */
a:hover {
color: #790620;
}

body {font-family:'Open Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 30px;}
.button, [type="submit"], [type="button"], .site-page-pagination>a, [class^="numeric-"] label.numeric-toggle-time.button, [class*="numeric-"] label.numeric-toggle-time.button, .button.disabled, .disabled[type="submit"], .disabled[type="button"], .site-page-pagination>a.disabled, [class^="numeric-"] label.disabled.numeric-toggle-time.button, [class*="numeric-"] label.disabled.numeric-toggle-time.button, .button[disabled], [disabled][type="submit"], [disabled][type="button"], .site-page-pagination>a[disabled], [class^="numeric-"] label.numeric-toggle-time.button[disabled], [class*="numeric-"] label.numeric-toggle-time.button[disabled], .button.disabled:hover, .disabled:hover[type="submit"], .disabled:hover[type="button"], .site-page-pagination>a.disabled:hover, [class^="numeric-"] label.disabled.numeric-toggle-time.button:hover, [class*="numeric-"] label.disabled.numeric-toggle-time.button:hover, .button[disabled]:hover, [disabled]:hover[type="submit"], [disabled]:hover[type="button"], .site-page-pagination>a[disabled]:hover, [class^="numeric-"] label.numeric-toggle-time.button[disabled]:hover, [class*="numeric-"] label.numeric-toggle-time.button[disabled]:hover, .button.disabled:focus, .disabled:focus[type="submit"], .disabled:focus[type="button"], .site-page-pagination>a.disabled:focus, [class^="numeric-"] label.disabled.numeric-toggle-time.button:focus, [class*="numeric-"] label.disabled.numeric-toggle-time.button:focus, .button[disabled]:focus, [disabled]:focus[type="submit"], [disabled]:focus[type="button"], .site-page-pagination>a[disabled]:focus, [class^="numeric-"] label.numeric-toggle-time.button[disabled]:focus, [class*="numeric-"] label.numeric-toggle-time.button[disabled]:focus {background-color: #BA1139;}
.button:hover {background-color: #790620;}
body > div.off-canvas-content > header > div.desktop > ul  { font-family: 'Open Sans', sans-serif; font-style: normal;
font-weight: 600; font-size: 22px;}
body.vertical-menu header a {color: #E2D8D7;}

body > div.off-canvas-content > footer {line-height: 1; font-size: 1rem; background-color:  #e6e6e6; }

.resource-list .resource-image {order: 0; width: 20%;}
.resource-list .resource-image.media-object-section img {max-height: 11.7rem;width:8.3rem;}
.resource.show .values .resource-link img, #linked-resources img {max-height: 2.7rem; max-width: 2rem; margin: 0 1rem 0 .1rem;}
.thumbnail, .media-list img {border: .05rem solid #fefefe;}
.media-object-section:first-child {padding-right: .1rem;}
.browse-controls {font-size: 100%;}

#content > h2 > span {display: none;}
.metadata {display: none;}
h3, .h3 {display: none;}
.resource-title {display: none;}
.resource.show .grid-x {padding: .29rem 0 0 0;}
.resource.show #resource-values {height: 88vh ;overflow: auto;margin-left: .8755rem;background-color: #fbfbfb;border: 1px solid rgba(10,10,10,0.1);}
.inline .property:nth-child(2n) {background-color: #f1eded;}
.inline .property {padding-top: 1rem;}
.inline .property dt {margin-left: 1rem;text-align: left;width: calc(33.33333% - 1.10rem)}
body:not(.browse) #content {padding: 0; }

#content > div.browse-controls.closed > a {display: none;}
h4 {font-size: 24px;}
body.vertical-menu {background-color: #23030C;}
.search, .advanced-search, .sorting {display: none;}

@media only screen and (max-width: 640px) {
   body.vertical-menu {background-color: white;}
}