@media screen{
    *{
        box-sizing:border-box
    }
    html{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px
    }
    body{
        margin:0;
        padding:0
    }
    h1,h2,h3,h4,h5,h6{
        font-family:"Bitter",serif
    }
    h1{
        font-size:32px;
        margin:12px 0;
        line-height:48px
    }
    h2{
        font-size:28px;
        margin:12px 0;
        line-height:48px
    }
    h3{
        font-size:24px;
        margin:12px 0
    }
    h4{
        font-size:20px;
        margin:12px 0
    }
    a{
        color:#087b94
    }
    a:link,a:visited{
        text-decoration:none
    }
    a:hover{
        text-decoration:underline
    }
    p a,span a,div a{
        text-decoration:underline
    }
    table{
        border-collapse:collapse;
        width:100%
    }
    th{
        border-bottom:3px solid #000;
        padding:6px
    }
    td{
        border-bottom:1px solid #c8c8c8;
        padding:6px
    }
    pre{
        overflow-x:scroll
    }
    textarea,input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date],input[type=datetime-local]{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        border:1px solid #000;
        padding:5px
    }
    input[type=submit],button,.button{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        background-color:#000;
        text-align:center;
        padding:6px;
        border-radius:2px;
        color:#eee;
        line-height:24px;
        display:inline-block;
        font-weight:bold;
        border:0;
        cursor:pointer
    }
    input[type=submit]:hover,button:hover,.button:hover{
        background-color:#087b94;
        color:#fff;
        border-bottom-width:0px
    }
    input[type=submit].inactive,button.inactive,.button.inactive{
        background-color:rgba(0,0,0,.08);
        color:#999
    }
    [type=submit]{
        margin-left:28.5714285714%
    }
    input[type=checkbox]{
        margin:0;
        vertical-align:bottom
    }
    select{
        -webkit-appearance:none;
        appearance:none;
        background-color:#fff;
        border:1px solid #000;
        border-radius:2px;
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        padding:5px;
        padding-right:24px;
        background:#fff url(../../../../application/asset/img/select-arrow.svg) no-repeat;
        background-position:right 6px center;
        background-size:8px;
        height:36px
    }
    .field{
        display:flex;
        flex-wrap:wrap;
        margin:24px 0
    }
    .field .field-meta{
        width:28.5714285714%;
        text-align:right;
        padding:6px 24px 0 0
    }
    .required.field .field-meta:after{
        content:"*"
    }
    .field .field-meta .field-description{
        font-size:14px;
        line-height:18px;
        font-style:italic
    }
    .field .inputs{
        width:69.387755102%
    }
    .field .inputs .value{
        margin-bottom:12px
    }
    .oc-content-inner{
        background-color:#fff
    }
    .oc-content-inner:after{
        content:"";
        background-color:#fff;
        position:absolute;
        top:100%;
        right:0;
        left:0;
        z-index:-1
    }
    nav ul{
        list-style-type:none
    }
    .pagination .button{
        min-width:36px
    }
    .pagination form{
        display:inline-block;
        margin-right:24px
    }
    .pagination input[type=text]{
        text-align:center
    }
    #skipnav{
        position:fixed;
        top:24px;
        left:50%;
        border:1px solid #000;
        transform:translateX(-50%);
        z-index:-5;
        padding:6px;
        background-color:#fff;
        opacity:0
    }
    #skipnav:focus{
        z-index:1000;
        opacity:1
    }
    header{
        max-width:1200px;
        margin:0 auto;
        color:#e7e7e7;
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:12px 24px;
        flex-wrap:wrap
    }
    header:before{
        content:"";
        position:absolute;
        top:0;
        left:-9999px;
        right:-9999px;
        bottom:0;
        background-color:#000;
        z-index:-1
    }
    header a:link,header a:visited{
        color:#fff
    }
    header .site-title{
        display:inline-block;
        vertical-align:middle;
        margin-right:auto
    }
    header .site-title img{
        vertical-align:top
    }
    header h1{
        margin:6px 24px 6px 0;
        font-size:20px;
        line-height:24px
    }
    header nav{
        padding:24px;
        font-size:14px;
        line-height:18px
    }
    header nav ul{
        padding-left:0
    }
    header nav>ul>li{
        border-bottom:1px solid #cacaca;
        padding-bottom:11px;
        margin-bottom:12px
    }
    header nav>ul>li:last-child{
        border-bottom:0
    }
    header nav>ul>li>ul li{
        padding-left:12px;
        text-indent:-12px;
        margin:6px 0
    }
    header nav>ul>li>ul li:before{
        content:"—";
        color:#000;
        width:12px;
        display:block;
        float:left
    }
    header nav ul ul ul{
        display:block
    }
    header nav a:link,header nav a:visited{
        color:#000
    }
    #search-form{
        border:1px solid #fff;
        border-radius:2px;
        margin:0 12px 0 0;
        height:36px;
        overflow:hidden;
        display:flex
    }
    #search-form>*{
        vertical-align:top
    }
    #search-form input[type=text]{
        background-color:#000;
        color:#fff;
        border:0
    }
    #search-form button[type=submit]{
        margin-left:0;
        text-indent:-9999px;
        position:relative
    }
    #search-form button[type=submit]:before{
        content:"";
        font-family:"Font Awesome 5 Free";
        text-indent:0;
        position:absolute;
        top:0;
        right:0;
        left:0;
        bottom:0;
        line-height:36px
    }
    #search-form button,#menu-button{
        border:1px solid #fff;
        border-radius:2px;
        width:36px;
        height:36px;
        text-align:center;
        font-size:18px
    }
    #search-form button{
        border-width:0px 0px 0px 1px;
        border-radius:0
    }
    .banner{
        display:flex;
        justify-content:center;
        overflow:hidden
    }
    .banner.contained{
        max-width:1200px;
        margin:0 auto;
        padding:0 24px
    }
    .banner img{
        width:100%
    }
    footer{
        max-width:1200px;
        margin:0 auto;
        padding:24px;
        overflow:hidden
    }
    .oc-container,.oc-pusher,.oc-content{
        height:100%
    }
    .oc-content,.oc-content-inner{
        position:relative
    }
    .oc-container{
        position:relative;
        overflow:hidden
    }
    .oc-pusher{
        height:auto;
        min-height:100vh;
        position:relative;
        left:0;
        transition:transform 400ms;
        z-index:99
    }
    .oc-pusher::after{
        content:"";
        height:0;
        position:absolute;
        top:0;
        right:0;
        opacity:0;
        width:0;
        transition:opacity 400ms,width .1s 400ms,height .1s 400ms;
        background:transparent
    }
    .oc-menu-open .oc-pusher::after{
        height:100%;
        opacity:1;
        transition:opacity 400ms;
        width:100%
    }
    .oc-menu{
        height:100%;
        position:absolute;
        top:0;
        left:0;
        transition:all 400ms;
        visibility:hidden;
        width:225px;
        z-index:100;
        background:#bfd7dc
    }
    .oc-menu-open .oc-menu::after{
        height:0;
        opacity:0;
        transition:opacity 400ms,width .1s 400ms,height .1s 400ms;
        width:0
    }
    .oc-push.oc-menu{
        transform:translate3d(-100%, 0, 0)
    }
    .oc-push.oc-menu::after{
        display:none
    }
    .oc-push.oc-menu-open .oc-pusher{
        transform:translate3d(225px, 0, 0)
    }
    .oc-push.oc-menu-open .oc-push.oc-menu{
        overflow:hidden;
        overflow-y:scroll;
        transition:transform 400ms;
        visibility:visible
    }
    .no-js .oc-menu{
        height:auto;
        position:static;
        transform:translate3d(0, 0, 0);
        width:100%;
        visibility:visible
    }
    .no-js #oc-trigger{
        display:none
    }
    .no-js .oc-pusher{
        padding-left:0
    }
    .no-csstransforms3d .oc-pusher{
        padding-left:225px
    }
    #content{
        max-width:1200px;
        margin:0 auto;
        padding:24px;
        overflow:hidden
    }
    #content>*:first-child{
        margin-top:0
    }
    nav.breadcrumbs{
        padding:6px;
        border-radius:2px;
        margin:12px 0;
        background-color:#e7e7e7
    }
    .sub-menu ul{
        padding-left:0;
        margin:0
    }
    .sub-menu li{
        display:inline-block
    }
    .sub-menu a{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        background-color:#000;
        text-align:center;
        padding:6px;
        border-radius:2px;
        color:#eee;
        line-height:24px;
        display:inline-block;
        font-weight:bold;
        border:0;
        cursor:pointer;
        margin-bottom:6px
    }
    .sub-menu a:hover{
        background-color:#087b94;
        color:#fff;
        border-bottom-width:0px
    }
    .sub-menu a.inactive{
        background-color:rgba(0,0,0,.08);
        color:#999
    }
    .site-page-pagination{
        clear:both;
        margin:0 auto;
        padding:24px;
        color:#fff;
        max-width:1200px
    }
    .site-page-pagination a{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        background-color:#000;
        text-align:center;
        padding:6px;
        border-radius:2px;
        color:#eee;
        line-height:24px;
        display:inline-block;
        font-weight:bold;
        border:0;
        cursor:pointer
    }
    .site-page-pagination a:hover{
        background-color:#087b94;
        color:#fff;
        border-bottom-width:0px
    }
    .site-page-pagination a.inactive{
        background-color:rgba(0,0,0,.08);
        color:#999
    }
    ul.resource-list{
        list-style-type:none;
        padding-left:0
    }
    ul.resource-list .resource{
        border-bottom:1px solid rgba(0,0,0,.08);
        padding-bottom:23px;
        margin:24px 0;
        overflow:hidden;
        position:relative
    }
    ul.resource-list .resource>*:last-child{
        margin-bottom:0
    }
    ul.resource-list .resource:first-child{
        border-top:1px solid rgba(0,0,0,.08);
        padding-top:23px
    }
    ul.resource-list .resource img{
        height:auto;
        width:96px;
        float:right;
        margin-left:12px
    }
    ul.resource-list .resource h4{
        margin-top:0
    }
    ul.resource-list .resource .description{
        max-height:96px;
        overflow:hidden;
        position:relative
    }
    ul.resource-list .resource .description:after{
        content:"";
        position:absolute;
        top:66px;
        left:0;
        right:0;
        height:30px;
        background:linear-gradient(to top, white, rgba(255, 255, 255, 0))
    }
    ul.resource-list .resource img~*{
        width:calc(100% - 108px)
    }
    .expand:after,.collapse:after{
        font-family:"Font Awesome 5 Free";
        font-weight:900
    }
    .expand:after{
        content:""
    }
    .collapse:after{
        content:""
    }
    .collapsible{
        display:none
    }
    .collapse+.collapsible{
        width:100%;
        display:block;
        margin:24px 0;
        padding-left:24px;
        border-left:3px solid #eee;
        overflow:hidden
    }
    .resource.show #content>h2:first-of-type{
        margin-bottom:0;
        display:block;
        width:80%;
        float:right;
        word-break:break-word;
        margin:0 6px 24px 0
    }
    .resource.show #content>h2+h3{
        font-family:"Lora",serif;
        font-size:16px;
        background-color:#000;
        color:#e7e7e7;
        padding:6px 12px;
        display:block;
        margin:6px 0;
        line-height:24px;
        width:calc(20% - 18px);
        float:left;
        text-align:right
    }
    .with-sidebar{
        width:65%;
        float:left
    }
    .resource.show .media-list,.resource.show .property{
        margin-bottom:24px;
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-end;
        padding-right:24px;
        width:100%
    }
    .resource.show .media-list:last-child,.resource.show .property:last-child{
        margin-bottom:0
    }
    .media-list dt,.property dt{
        font-weight:bold
    }
    .media-list dt,.property dt,.media-list .value,.property .value{
        width:100%;
        margin:0 0 6px
    }
    .item-with-metadata .property dt,.item-with-metadata .media-list dt,.full-width .media-list dt,.full-width .property dt,#linked-resources>dt{
        width:25%;
        text-align:right;
        display:inline-block;
        margin:0;
        vertical-align:top;
        padding-right:12px;
        font-size:16px;
        line-height:24px
    }
    .resource.show .property .field-term{
        font-size:12px;
        display:inline-block
    }
    .item-with-metadata .property .value,.full-width .property .value,.full-width .media-list dt~.resource-link{
        width:75%;
        display:inline-flex;
        flex-wrap:wrap;
        text-align:left;
        margin-left:0
    }
    .item-with-metadata .property .value:not(:first-of-type),.full-width .property .value:not(:first-of-type),.full-width .media-list dt~.resource-link:not(:first-of-type){
        border-top:1px solid #eee;
        padding-top:5px;
        margin-top:6px
    }
    .resource.show .property .language{
        background-color:rgba(0,0,0,.08);
        padding:0 6px;
        margin-right:6px
    }
    .values .value{
        display:flex;
        align-items:center;
        flex-wrap:wrap
    }
    .values .value:not(:last-child){
        margin-bottom:12px
    }
    .value-content:not(:only-child){
        margin-right:6px
    }
    .resource-link{
        display:inline-flex;
        align-items:center;
        vertical-align:bottom
    }
    .resource-link img{
        height:36px;
        width:auto;
        vertical-align:middle;
        margin:0 6px 0 0
    }
    .resource.show .property table{
        margin-top:-6px
    }
    .resource.show #itemfiles.media-list{
        width:100%;
        margin-bottom:24px
    }
    .resource.show .media-embeds,.resource.show .media-list .resource-link:not(:last-child){
        margin-bottom:24px
    }
    .resource.show .media-list .resource-name{
        word-wrap:break-word;
        display:block
    }
    .resource.show .media-list~*{
        clear:both
    }
    .media-render{
        clear:both
    }
    .media-render>*{
        max-width:100%
    }
    .media.resource.show .property{
        width:100%;
        display:flex
    }
    .media.resource.show .property dt{
        width:20%
    }
    .media.resource.show .property .value{
        width:80%
    }
    .media.resource.show .media-render{
        margin:24px 0;
        text-align:center
    }
    #item-linked{
        clear:left
    }
    #item-linked h3{
        margin:12px 0 36px
    }
    #linked-resources{
        display:flex;
        justify-content:flex-end;
        width:80%;
        flex-wrap:wrap;
        align-items:flex-start
    }
    #linked-resources caption{
        text-align:left;
        font-weight:bold;
        padding:6px 6px 3px;
        border-bottom:3px solid #000
    }
    #linked-resources th{
        text-align:left;
        border-bottom:1px solid #000
    }
    .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:16px;
        width:auto;
        padding:0;
        margin-right:6px;
        text-align:left
    }
    #linked-resources>h4{
        padding:6px;
        margin:0;
        text-align:right
    }
    #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 #eee;
        margin-bottom:12px;
        width:75%;
        padding:0 6px 11px
    }
    #linked-resources .resource-link{
        display:flex;
        align-items:center
    }
    .item-set-items{
        clear:both
    }
    .filter{
        border-radius:2px;
        margin-bottom:12px;
        border:1px solid #000;
        display:inline-block
    }
    .filter-label{
        display:inline-block;
        padding:5px
    }
    .filter-value{
        padding:5px 12px;
        display:inline-block;
        background-color:#000;
        color:#fff
    }
    a.advanced-search{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        background-color:#000;
        text-align:center;
        padding:6px;
        border-radius:2px;
        color:#eee;
        line-height:24px;
        display:inline-block;
        font-weight:bold;
        border:0;
        cursor:pointer;
        float:right
    }
    a.advanced-search:hover{
        background-color:#087b94;
        color:#fff;
        border-bottom-width:0px
    }
    a.advanced-search.inactive{
        background-color:rgba(0,0,0,.08);
        color:#999
    }
    .browse-controls{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap
    }
    .browse-controls>*{
        margin-bottom:12px
    }
    .sorting button{
        margin-left:0
    }
    .resource-list .resource .resource-link{
        display:inline
    }
    .resource.show .sidebar.right{
        width:35%;
        float:right;
        padding-left:24px
    }
    .resource.show .sidebar.right .media-list,.resource.show .sidebar.right .media-list dt,.resource.show .sidebar.right .media-list .resource-link,.resource.show .sidebar.right .property dt,.resource.show .sidebar.right .property .value{
        width:100%;
        text-align:left;
        padding-right:0
    }
    .resource.show .sidebar.right .media-list dt{
        margin-bottom:6px
    }
    .resource.show .sidebar.right .media-list .resource-link{
        align-items:flex-start;
        word-break:break-word
    }
    .resource.show .sidebar.right .media-render *{
        max-width:100%;
        height:auto
    }
    #advanced-search .inputs .value{
        margin-bottom:12px
    }
    .remove-value.button{
        width:36px;
        height:36px;
        position:relative;
        margin-left:6px;
        text-indent:-9999px
    }
    .remove-value.button:before{
        text-indent:0;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        padding:6px;
        line-height:24px
    }
    .query-property{
        width:30%
    }
    .sitewide-search-form{
        display:none
    }
    .results{
        margin-bottom:48px;
        clear:both
    }
    .results ul{
        list-style:none;
        padding-left:0
    }
    .results .result-title{
        font-weight:bold
    }
    .results>ul{
        margin:0;
        display:flex;
        flex-wrap:wrap
    }
    .results>ul>li{
        margin-bottom:24px;
        width:calc(50% - 24px)
    }
    .results>ul>li:nth-child(2n){
        margin-left:24px
    }
    .results .result-site,.results ul ul{
        padding-left:12px;
        display:block
    }
    .results>a:last-child{
        font-family:"Lora",serif;
        font-size:16px;
        line-height:24px;
        background-color:#000;
        text-align:center;
        padding:6px;
        border-radius:2px;
        color:#eee;
        line-height:24px;
        display:inline-block;
        font-weight:bold;
        border:0;
        cursor:pointer;
        margin-top:0
    }
    .results>a:last-child:hover{
        background-color:#087b94;
        color:#fff;
        border-bottom-width:0px
    }
    .results>a:last-child.inactive{
        background-color:rgba(0,0,0,.08);
        color:#999
    }
    .pagination+.results{
        margin:24px 0 0;
        clear:both
    }
    .sitewide-search-form~.results+.pagination{
        margin-top:0
    }
    .sitewide-search-form~.advanced-search{
        display:block;
        float:left
    }
    .sitewide-search-form~p{
        clear:both
    }
    .sitewide-search-form~h2{
        width:50%;
        float:left;
        clear:both
    }
    .sitewide-search-form~.pagination{
        margin:30px 0 24px;
        text-align:right;
        width:50%;
        float:right
    }
    .index.search .results ul li{
        margin-bottom:6px;
        padding-bottom:6px;
        border-bottom:1px solid #eee
    }
    .value a.metadata-browse-link{
        font-size:14px
    }
}
@media screen and (max-width: 640px){
    img,select{
        max-width:100%;
        height:auto
    }
    .field .field-meta,.field .inputs{
        width:100%;
        text-align:left;
        margin-bottom:6px
    }
    .item.resource.show #content{
        display:flex;
        flex-wrap:wrap
    }
    .item.resource.show #content>h2+h3{
        order:1;
        width:auto;
        margin:0
    }
    .item.resource.show #content>h2{
        order:2;
        width:100%
    }
    .item.resource.show #content>.media-list{
        order:3;
        width:100%;
        margin-top:0;
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap
    }
    .item.resource.show #content>*{
        order:4;
        width:100%
    }
    .item.resource.show .property{
        display:block
    }
    .item.resource.show .property dt,.item.resource.show .property .value,#linked-resources,#linked-resources>dt,#linked-resources .linked-resource{
        text-align:left;
        width:100%;
        float:none
    }
    #linked-resources>h4,#linked-resources .linked-resource{
        padding-left:0;
        padding-right:0
    }
    .linked-resource .resource-link{
        flex:2
    }
    .linked.resources .resource-class{
        flex:1
    }
    .index.search .results ul{
        columns:1
    }
}