/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
nav{
    background-color:white;
    border-top:0;
    border-bottom:0;
    justify-content:center;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
progress{
    vertical-align:baseline
}
template,[hidden]{
    display:none
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
b,strong{
    font-weight:bolder
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:0.67em 0
}
mark{
    background-color:#ff0;
    color:var(--text-color,#000)
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
header{
    background-color: white;
    border: none
}
sup{
    top:-0.5em
}
img{
    border-style:none;
}
svg:not(:root){
    overflow:hidden
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
button,input,select,textarea{
    font:inherit;
    margin:0
}
optgroup{
    font-weight:bold
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:0.54
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
@media screen{
    *{
        box-sizing:border-box
    }
    html{
        font:18px/24px "Crimson Text",serif;
        color:#676767
    }
    a{
        color:var(--primary-accent-color,#C72E2E);
        text-decoration:none
    }
    a:hover{
        text-decoration:underline
    }
    a:visited{
        color:var(--secondary-accent-color,#920b0b);
    }
    h1,h2,h3,h4,h5,h6{
        color:var(--text-color,#000)
    }
    h1{
        text-align:center;
        font-size:36px;
        margin-bottom:24px;
        line-height:48px;
        font-weight:normal
    }
    h2{
        font-size:27px;
        margin-bottom:24px;
        line-height:48px;
        font-weight:normal
    }
    p{
        margin:24px 0
    }
    #wrap{
        max-width:1100px;
        margin:auto;
        padding:0 .625%;
        position:relative
    }
    #wrap{
        padding-bottom:48px
    }
    table{
        margin:48px auto;
        border-collapse:collapse;
        border-top:1px solid #dedede;
        border-bottom:1px solid #dedede
    }
    th,td{
        padding:12px;
        vertical-align:top
    }
    th{
        border-bottom:3px solid #dedede;
        padding-bottom:9px;
        text-align:left
    }
    td{
        border-bottom:1px solid #dedede;
        padding-bottom:11px
    }
    ::-webkit-input-placeholder{
        font-style:italic
    }
    ::-moz-placeholder{
        font-style:italic
    }
    :-ms-input-placeholder{
        font-style:italic
    }
    :-moz-placeholder{
        font-style:italic
    }
    fieldset{
        border:0;
        margin:0;
        padding:0
    }
    select{
        appearance:none;
        -webkit-appearance:none;
        -moz-appearance:none;
        border:1px solid #dedede;
        border-radius:2px;
        font-size:18px;
        line-height:24px;
        color:#676767;
        height:36px;
        background:white;
        no-repeat;
        background-position:right 6px center;
        background-size:5.715px;
        padding-right:24px
    }
    select option{
        margin:0 12px
    }
    button,.button,input[type="submit"]{
        background-color:#dedede;
        border:0;
        cursor:pointer;
        padding:6px;
        min-height:36px;
        min-width:36px;
        line-height:24px;
        text-align:center
    }
    a.button{
        color:var(--text-color,#000);
        display:inline-block
    }
    a.button:hover{
        text-decoration:none
    }
    input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"]{
        border:1px solid #dedede;
        padding:5px;
        height:36px
    }
    textarea{
        border:1px solid #dedede;
        padding:5px
    }
    .field{
        margin-bottom:24px;
        display:flex;
        flex-wrap:wrap
    }
    .field .field-meta{
        width:25%;
        padding-right:.625%;
        text-align:right;
        line-height:36px
    }
    .required.field .field-meta:after{
        content:"*"
    }
    .field .field-meta legend{
        float:right
    }
    .field .inputs{
        width:75%;
        padding-left:.625%
    }
    .field .collapsible{
        font-size:13.5px;
        display:block;
        clear:both;
        line-height:18px
    }
    .field .inputs ~ *,form input[type="submit"]{
        margin-left:calc(25% + .625%);
        margin-top:12px
    }
    #advanced-search select{
        margin-bottom:12px
    }
    #advanced-search{
        padding:24px 0
    }
    #advanced-search input[type="text"]{
        height:36px
    }
    #advanced-search input[type="submit"]{
        font-size:27px;
        padding:12px
    }
    #advanced-search .multi-value div.value:only-of-type .remove-value{
        display:none
    }
    #advanced-search .remove-value{
        text-indent:-9999px;
        position:relative;
        width:36px;
        height:36px;
        margin-left:6px
    }
    #advanced-search .remove-value:before{
        text-indent:0;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        line-height:36px
    }
    .search-entry:not(:first-child){
        margin-top:12px
    }
    nav .navigation,nav ul{
        list-style:none;
        padding:0
    }
    .item-pagination.navigation{
        border-top:1px solid #dedede;
        padding-top:11px;
        display:flex;
        justify-content:space-between
    }
    .secondary-nav{
        text-align:center
    }
    .secondary-nav ul{
        margin:0 0 -1px;
        border-bottom:1px solid #dedede;
        padding-bottom:-1px
    }
    .secondary-nav.navigation li{
        display:inline-block;
        margin-right:.5em;
        padding-bottom:12px
    }
    .secondary-nav.navigation li.active a{
        color:var(--primary-accent-color,#C72E2E)
    }
    .secondary-nav a{
        color:#676767
    }
    #skipnav{
        position:absolute;
        top:0;
        left:-9999px;
        background-color:var(--bg-color,#fff);
        padding:6px;
        display:inline-block
    }
    #skipnav:focus{
        left:50%;
        transform:translateX(-50%)
    }
    header nav .navigation{
        list-style-type:none;
        padding:0;
        display:flex;
        justify-content:center;
        padding:5px 0;
        margin:24px 0
    }
    header nav li{
        display:block;
        margin:0 .5em
    }
    header nav li ul{
        display:none
    }
    header nav a{
        font-size:15.75px
    }
    header a{
        text-decoration:none;
        color:var(--bg-color,#fff)
    }
    header a:visited{
        color:var(--bg-color,#fff)
    }
    .site-title{
        font-size:27px;
        text-transform:uppercase;
        letter-spacing:.125em;
        margin:48px 0 0;
        display:block;
        vertical-align:top;
        text-align:center
    }
    .site-title:hover{
        text-decoration:none
    }
    .site-title img{
        max-height:72px;
        max-width:100%
    }
    #header-image img{
        max-width:100%;
        vertical-align:top
    }
    #search-container{
        position:absolute;
        top:-48px;
        right:.625%
    }
    #search-container input[type="text"],#search-container button{
        border:0;
        border-bottom:1px solid #dedede;
        background-color:var(--bg-color,#fff);
        height:36px;
        display:inline-block;
        line-height:24px;
        padding:6px;
        vertical-align:bottom;
        background-color:var(--bg-color,#fff);
        color:#676767
    }
    #search-form{
        display:flex;
        padding:6px 12px 12px;
        box-shadow:0 0 0 1px #dedede inset;
        background:var(--bg-color,#fff)
    }
    #search-form.closed{
        width:36px;
        height:42px
    }
    #search-form.open{
        right:36px;
        position:absolute
    }
    #search-form+button.search-toggle{
        bottom:0;
        position:absolute;
        width:36px;
        height:36px;
        border-bottom:0;
        color:#b8b8b8
    }
    #search-form.closed+.search-toggle{
        right:0;
        border:1px solid #dedede;
        border-top:0
    }
    #search-form.closed+.search-toggle:after{
        content:"\f002";
        font-family:"Font Awesome 5 Free"
    }
    #search-form.open+.search-toggle{
        top:6px;
        right:0
    }
    #search-form.open+.search-toggle:after{
        content:"\f00d";
        font-family:"Font Awesome 5 Free"
    }
    #search-form.closed [type="text"],#search-form.closed [type="submit"],#search-form.closed #advanced-form{
        display:none
    }
    #search-form button{
        width:36px;
        overflow:hidden;
        text-indent:-9999px;
        position:relative
    }
    #search-form button:after{
        content:"\f002";
        font-family:"Font Awesome 5 Free";
        position:absolute;
        top:6px;
        right:0;
        text-indent:0;
        width:36px;
        text-align:center;
        cursor:pointer
    }
    #query:focus{
        position:relative;
        z-index:1
    }
    #advanced-form{
        background-color:var(--bg-color,#fff);
        position:absolute;
        top:100%;
        padding:12px;
        right:0;
        left:0;
        border:1px solid #dedede;
        border-top:0
    }
    #advanced-form fieldset{
        margin-bottom:12px
    }
    #advanced-form fieldset input{
        margin-right:6px
    }
    #advanced-form p{
        margin:0
    }
    #content .blocks{
        width:100%
    }
    #content .blocks>h2:first-of-type{
        text-align:center;
        font-size:36px;
        margin-bottom:24px;
        line-height:48px;
        font-weight:normal
    }
    footer{
        padding:20px;
        line-height:140%;
        font-size:80%;
        font-weight: lighter;
        color:var(--bg-color);
        background-color:white;
        margin-top:48px;
        clear:both;
        display:flex;
        align-items:stretch;
        justify-content:space-between;
    }
    #bottom-nav li{
        display:inline-block;
        margin-right:1em;
        font-size:15.75px
    }
    #sort-links{
        display:inline-block
    }
    #sort-links ul{
        list-style:none;
        padding:0;
        display:inline-block
    }
    #sort-links li{
        display:inline-block;
        margin:0 .5em
    }
    #sort-links a{
        color:#676767
    }
    #sort-links .sorting a{
        color:var(--primary-accent-color,#C72E2E)
    }
    .browse-controls{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        flex-direction:row-reverse;
        width:100%
    }
    .sorting button{
        padding:2px 4px
    }
    .pagination{
        float:right
    }
    .pagination>*{
        display:inline-block;
        vertical-align:top
    }
    .pagination form,.pagination .next.button{
        margin-right:12px
    }
    .pagination .button{
        background-color:var(--bg-color,#fff);
        border:1px solid #dedede;
        height:37.2px;
        line-height:36px;
        padding:0 12px;
        text-align:center
    }
    .pagination .row-count{
        line-height:36px
    }
    [name="page"]{
        width:72px;
        text-align:center
    }
    #sort-links{
        float:right
    }
    .layout-toggle button{
        width:36px
    }
    .o-icon-grid:before{
        font-family:"Font Awesome 5 Free";
        content:"\f009"
    }
    .o-icon-list:before{
        font-family:"Font Awesome 5 Free";
        content:"\f03a"
    }
    .resource-list{
        padding-left:0;
        list-style:none;
        width:100%
    }
    .resource-list.grid{
        display:flex;
        flex-wrap:wrap;
        justify-content:left;
        clear:both
    }
    .resource-list.grid .resource{
        padding:24px .625%;
        width:25%;
        font-size:15.75px
    }
    .resource-list.list{
        border-top:1px solid #dedede
    }
    .resource-list.list .thumbnail{
        margin-left:1.25%;
        order:2
    }
    .resource-list.list .resource{
        display:flex;
        border-bottom:1px solid #dedede;
        padding:24px 0
    }
    .resource-list.list .resource-meta:not(:only-child){
        width:75%;
        order:1
    }
    .resource-list.list h4{
        margin-top:0
    }
    #collection-items h2{
        width:100%
    }
    .browse .resource h4{
        line-height:24px;
        margin-bottom:0
    }
    .browse .resource h4 a{
        color:var(--secondary-accent-color,#920b0b)
    }
    .browse .item-img a{
        display:block
    }
    .browse .resource img{
        max-width:unset
    }
    .browse .creator+.date{
        margin-left:-4px
    }
    .browse .creator+.date:before{
        content:", "
    }
    .search-filters{
        text-align:center;
        margin:0 0 24px
    }
    .search-filters .filter{
        display:inline-block;
        border:1px solid #dedede;
        padding:5px;
        font-size:22.5px;
        margin:0 .5em
    }
    .search-filters .filter-label:after{
        content:": "
    }
    #itemfiles,.lSSlideOuter .media-render{
        margin:0;
        background-color:rgba(0,0,0,0.8);
        width:100%
    }
    #itemfiles{
        margin:0 auto 24px;
        text-align:center;
        min-height:50vh !important
    }
    #itemfiles li{
        bottom:0
    }
    .lSSlideOuter ul.lSPager.lSGallery{
        margin:auto;
        margin-bottom:24px;
        display:flex;
        flex-wrap:wrap;
        align-items:center
    }
    .lSSlideOuter .media-render{
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .lSSlideOuter .media-render a{
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .lSSlideOuter .media-render img{
        max-height:100%;
        width:auto
    }
    .lSPager img{
        margin:0 12px 12px 0;
        vertical-align:bottom;
        width:72px
    }
    .property{
        display:flex;
        margin-bottom:24px;
        flex-wrap:wrap;
        justify-content:flex-end;
        clear:both
    }
    .property h4,#linked-resources h4{
        width:18.75%;
        margin:0;
        text-align:right;
        padding:0 .625%;
        font-size:22.5px
    }
    .property .field-term{
        display:block;
        font-size:18px
    }
    .property .values,.property h4+.value{
        width:81.25%;
        padding:0 .625%
    }
    .property .values .value:not(:last-child){
    }
    .property .value>*:first-child{
        margin-top:0
    }
    .property .value img{
        
        display:inline-block;
        vertical-align:middle
    }
    .property .value .language{
        display:inline-block;
        padding:0 6px;
        border:1px solid #dedede
    }
    .property .value table{
        margin:0;
        width:100%
    }
    #linked-resources{
        display:flex;
        justify-content:flex-end;
        width:100%;
        flex-wrap:wrap;
        align-items:flex-start
    }
    .linked-header,.linked-footer{
        width:100%;
        margin-bottom:24px;
        display:flex;
        justify-content:flex-end
    }
    #linked-filter{
        display:flex;
        align-items:center;
        width:50%;
        justify-content:flex-start;
        margin-right:auto
    }
    #linked-filter h4{
        font-size:18px;
        width:auto;
        padding:0;
        margin-right:6px;
        text-align:left
    }
    #linked-resources table{
        width:100%;
        margin-top:0
    }
    #linked-resources td{
        vertical-align:middle
    }
    #linked-resources caption{
        text-align:left;
        font-weight:bold;
        margin:6px 12px
    }
    #linked-resources>h4{
        padding:6px .625%
    }
    #item-linked .pagination{
        width:50%;
        text-align:right
    }
    #item-linked .resource-link img{
        height:36px;
        width:auto;
        display:block;
        margin-right:6px
    }
    #linked-resources .linked-resource{
        border-bottom:1px solid #dedede;
        margin-bottom:12px;
        width:81.25%;
        padding:0 .625% 11px
    }
    #linked-resources .resource-link{
        display:flex;
        align-items:center
    }
    #home #featured{
        margin:0 0 48px;
        background-color:#dedede
    }
    #home #featured .slick-list .image{
        display:block;
        height:50vh;
        overflow:hidden
    }
    #featured img{
        width:100%;
        position:absolute;
        top:50%;
        transform:translateY(-50%)
    }
    #featured .featured-meta{
        position:absolute;
        bottom:24px;
        left:0;
        right:0;
        padding:12px .625% 18px;
        background-color:rgba(0,0,0,0.8);
        color:var(--bg-color,#fff)
    }
    #featured .featured-meta h3{
        font-size:31.5px;
        line-height:42px;
        margin:0;
        font-weight:normal
    }
    #featured .featured-meta h3 a{
        color:var(--bg-color,#fff)
    }
    #featured .featured-meta h3 a:hover{
        text-decoration:none
    }
    #featured .featured-meta p{
        font-size:15.75px;
        margin:0
    }
    #featured .slick-dots{
        position:absolute;
        top:100%;
        left:50%;
        transform:translateX(-50%);
        list-style:none;
        padding:0
    }
    #featured .slick-dots li{
        display:inline-block
    }
    #featured .slick-dots button{
        background-color:#dedede;
        width:13.5px;
        height:13.5px;
        border-radius:18px;
        text-indent:-9999px;
        border:0;
        cursor:pointer;
        margin:0 .5em
    }
    #featured .slick-dots li[aria-hidden="false"] button{
        background-color:#9e9e9e
    }
    #search-results{
        width:100%;
        margin:24px 0 0
    }
    #search-results img{
        height:72px;
        float:right
    }
    #search-results a{
        vertical-align:top
    }
    .page .site-page-pagination{
        border-top:1px solid #dedede;
        padding-top:11px;
        margin-top:48px;
        width:100%
    }
    .page .site-page-pagination a:last-child:not(:only-child){
        margin-left:24px
    }
    .page #content{
        display:flex;
        flex-wrap:wrap
    }
    .page #content .breadcrumbs{
        width:100%
    }
    .page #content .breadcrumbs+.blocks,.page #content .blocks:first-child{
        width:100%
    }
    .page #content .sub-menu{
        padding:0 .625% 24px 0;
        width:12.5%
    }
    .page #content .sub-menu ~ *:not(.site-page-pagination){
        width:87.5%
    }
    .page #content .sub-menu>ul{
        margin:0
    }
    .page #content .sub-menu a{
        font-size:15.75px;
        color:#676767
    }
    .page #content .sub-menu .current a{
        color:var(--primary-accent-color,#C72E2E)
    }
    .page #content .sub-menu>ul>li{
        padding:5px
    }
    .page #content .sub-menu>ul>li:not(:last-of-type){
        border-bottom:1px solid #dedede;
        margin-bottom:6px
    }
    .page #content .sub-menu h4{
        border-bottom:1px solid #dedede;
        padding-bottom:5px;
        margin:0 0 6px
    }
    .page.browse .pagination{
        margin-left:auto
    }
    .page.browse .resource-list{
        border-top:1px solid #dedede
    }
    .page.browse .resource-list li{
        border-bottom:1px solid #dedede;
        padding-bottom:24px
    }
    .file,.item-showcase .resource{
        width:-webkit-min-content;
        width:-moz-min-content;
        width:min-content
    }
    .item-showcase .resource,.file .resource{
        display:flex;
        flex-direction:column;
        flex-basis:content;
        width:-webkit-min-content;
        width:-moz-min-content;
        width:min-content;
        max-width:100%;
        margin:0 24px 24px
    }
    .item-showcase .resource img,.file .resource img{
        max-width:100%
    }
    .item-showcase .resource>a:first-child,.item-showcase .resource .media-render>a:first-child,.file .resource>a:first-child,.file .resource .media-render>a:first-child{
        width:-webkit-max-content;
        width:-moz-max-content;
        width:max-content;
        max-width:100%
    }
    .item-showcase .resource h3,.file .resource h3{
        font-size:18px;
        margin:12px 0 0
    }
    .page .media-render{
        display:flex;
        flex-basis:min-content
    }
    .page .media-render a{
        display:block
    }
    .page .media-render img{
        vertical-align:top
    }
    .break {
        clear: both;
    }
    .left.file{
        float:left;
        margin:0 24px 24px 0
    }
    .right.file{
        float:right;
        margin:0 0 24px 24px
    }
    .item-showcase{
        display:flex;
        flex-wrap:wrap;
        width:100%;
        clear:both;
        justify-content:center;
        margin:24px 0
    }
    .preview-block{
        margin:24px 0
    }
    .preview-block .description{
        max-height:144px;
        overflow:hidden;
        position:relative
    }
    .preview-block .description:after{
        content:"";
        position:absolute;
        height:48px;
        bottom:0;
        right:0;
        left:0;
        background-image:linear-gradient(to bottom, transparent, var(--bg-color,#fff) 100%)
    }
    .breadcrumbs{
        margin-bottom:24px
    }
    .item-with-metadata .resource.show{
        clear:both;
        margin:48px 0;
        overflow:hidden
    }
    .caption>*:first-child{
        margin-top:12px
    }
    .list-of-sites .site-list .site{
        margin-bottom:12px
    }
    .list-of-sites .site-list .site-link{
        display:inline-block;
        font-size:22.5px;
        margin-bottom:6px
    }
    .list-of-sites .site-list .site-summary{
        margin:0 0 0 12px;
        line-height:20px
    }
    a.metadata-browse-link{
        display:block
    }
}
@media screen and (max-width: 640px){
    #wrap,footer{
        padding:0 24px
    }
    .field .label,.field label,.field .field-meta,.media-list{
        width:100%;
        text-align:left;
        margin-bottom:6px
    }
    .field .inputs{
        width:100%
    }
    .pagination-nav,#sort-links{
        width:100%;
        text-align:center;
        padding:5px 0 6px;
        border-bottom:1px solid #dedede
    }
    .pagination-nav ul,#sort-links ul{
        margin:0
    }
    #content .sub-menu{
        width:100%
    }
    header>h1,.site-title{
        margin:6px 0;
        line-height:36px
    }
    .site-title img{
        max-height:24px;
        max-width:calc(100% - 42px)
    }
    #search-container{
        top:-6px
    }
    #top-nav ul{
        margin:12px 0
    }
    header nav .navigation{
        justify-content:center;
        margin:12px 0
    }
    #content>h2{
        margin:12px 0
    }
    footer{
        margin:24px 0;
        padding:0;
        display:block
    }
    .browse-controls{
        flex-direction:row
    }
    .browse-controls>*{
        margin:6px 0
    }
    .browse-controls .pagination{
        order:1
    }
    .browse-controls .sorting{
        order:2
    }
    .browse .records{
        padding:24px 0
    }
    .browse .grid.resource-list{
        justify-content:flex-start;
        margin:0 -12px
    }
    .browse .grid .resource{
        display:flex;
        flex-wrap:wrap;
        width:50%;
        padding:11px;
        margin-bottom:24px;
        align-content:flex-start
    }
    .browse .grid .resource .thumbnail{
        width:100%;
        margin:0 0 12px 0
    }
    .browse .list .resource{
        display:block;
        overflow:hidden
    }
    .browse .list .resource .resource-meta:not(:only-child){
        width:100%
    }
    .browse .list .resource .thumbnail{
        width:100%;
        margin:0 0 12px 0;
        display:block
    }
    .browse .resource-list h4{
        margin-top:0
    }
    .property h4,.property .values,#linked-filter,#linked-resources .pagination,#linked-resources>h4,#linked-resources .linked-resource{
        width:100%;
        text-align:left
    }
    .linked-header,.linked-footer{
        flex-wrap:wrap;
        margin-bottom:0
    }
    #linked-filter{
        margin-bottom:24px
    }
    #linked-resources .resource-class{
        flex:1;
        text-align:center
    }
    #linked-resources .resource-link{
        flex:2
    }
    #search-filters ul li{
        font-size:15.75px;
        margin:0 3px 12px
    }
    #search-results{
        margin-top:12px
    }

}

/* Added on March 20 2020 by Lucas Hornung */

.media-embeds{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center
}
.media-embeds img,.media-embeds video,.media-embeds audio{
    margin:30px
}

/* Added on May 1st 2020 by Alex Delagrave */

/* [1] The container */
.img-hover-zoom {
  /*height: 600px;*/ /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  margin-bottom:10px;
  width: 100%;
  max-width: 800px;
  height: auto;
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: all .5s ease;
  width: 100%;
  height: auto;
  transform: scale(1.4);
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom img:hover {
  transform: scale(3.5);
}