.divider {
  font-size: 15px;
color:#737373;
 display: flex;
  align-items: center;
}

.col-container{
margin-top:40px;
}

.col-single img{
margin-top:30px;
}

.ultext {
font-family:"PT Serif", serif;
font-size: 1.2rem;
}

.divider::before, .divider::after {
  flex: 1;
  content: '';
  padding: 3px;
  margin: 20px;
}

body {
background-color: #F7F9FB;
}

body p{
font-family: "PT Serif", serif;
font-size: 1.2rem;
}

.property h4{
font-size: 18px;
}

.pagination input{
border:2px solid #31708E;
}

.advanced-search-content input{
border:2px solid #31708E;
}

.value-content{
font-family:"PT Serif", serif;
}


.value{
font-family:"PT Serif", serif;
}

header {
background-color: #31708E;
margin-bottom:0;
}

.site-page-pagination {
display:none;
}

select option {
vertical-align: middle;
}

#search button{
border:none;
}

.sorting button {
background-color: #ffffff;
}

#search {
background-color:#e8e8e9;
border-bottom: 0px;
border-top:0px;
padding:0px;
box-shadow: 0;
}

.media-embeds {
width:95%;
height:100%;
}

.media-render iframe{
width:100%;
border-bottom:2px solid #888484;
}


.resource-list li {
background-color: #f7f9fb;
height: 420px;
border: none;
box-shadow:none;
padding:10px;
}

.resource-list li .thumb{
padding: 0;
margin:0;
border:0;
}

.resource-list h4{
font-size: 16px;
}

.resource-list .meta span{
font-size: 14px;
}



.media-render img{
object-fit: cover;
width: 100%;
height:400px
}

.media-render audio{
width: 100%;
}

h1 .site-title {
width:100%;
height:auto;
}

h1 .site-title img{
width:100%;
height:auto;
}

.value-content {
font-size: 1.1rem;
}

.value a{
font-size: 1.1rem;
}

.pagination form input{
height: 33px;
}

.pagination form span{
height: 33px;
}

.mosaic-window-body header {
margin-bottom:10px;
}

.individual-item{
gap:30px;
}

.resource-link img{
object-fit: cover;
width:100%;
height:300px
}

.resource-link .resource-name{
height:20%;
}


.exhibit-component {
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
        padding-bottom:0;
        margin-bottom:25px;
}

.exhibit-text p {
color:#767676;
font-family:"Open Sans",sans-serif;
}

footer p{
font-family: "Open Sans",sans-serif;
font-size:16px;
margin-top:0;
margin-bottom:0;
}

.tl-slide-content-container {
background-color:#f7f9fb;
}

.tl-storyslider {
background-color:#f7f9fb;
}

.exhibit-img img{
  --color: #5085A5; /* the border color */
  --border: 10px;   /* the border thickness*/
  --offset: 20px;   /* control the offset*/
  --gap: 5px;       /* the gap on hover */
  
  --_c: var(--color) var(--border), #0000 0 calc(100% - var(--border)),var(--color) 0;
  --_o: calc(3*var(--offset));
  padding: 
    calc(var(--gap) + var(--border))
    calc(var(--gap) + var(--border) + var(--offset))
    calc(var(--gap) + var(--border) + var(--offset))
    calc(var(--gap) + var(--border));
  background: 
    linear-gradient(      var(--_c)) var(--_o) var(--_o), 
    linear-gradient(90deg,var(--_c)) var(--_o) var(--_o);
  background-size: calc(100% - var(--_o)) calc(100% - var(--_o));
  background-repeat: no-repeat;
  --filter: grayscale(.2);
  transition: .5s;
  cursor: pointer;
}

.exhibit-img img:hover {
  background-position: 0px 0px;
  background-size: calc(100% - var(--offset)) calc(100% - var(--offset));
  --filter: grayscale(0);
}