@media screen {
    * {
        box-sizing: border-box
    }
    html {
        height: 100%;
        padding: 0;
        margin: 0;

    }
    body {
        background-color: #F9F8F4;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        line-height: 30px;
        margin: 0;
        word-wrap: break-word;
        height: 100%;
        color: #594D48;
    }
    a:link {
        text-decoration: none;
        color: #2C4C6B;
    }
    a:visited {
        color: #2C4C6B;
    }
    a:active,
    a:hover {
        color: #6F88A0;
        text-decoration: underline;
    }
    a:hover img {
        opacity: .7;
    }
    h1 {
        font-size: 40px;
        line-height: 60px
    }
    h2 {
        font-size: 36px;
        line-height: 45px;
        font-weight: 600;
    }
    h3 {
        font-size: 25px;
        line-height: 45px
    }
    h4 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing:.4px;
    }
    h5 {
        font-size: 14px;
        font-weight: 600;
        letter-spacing:.39px;
        line-height: 1.4em;
    }
    img {
        max-width: 100%;
        height: auto
    }
    input,
    textarea,
    button,
    .button,
    select {
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        line-height: 30px;
        margin: 0;
        vertical-align: top;

    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        height: 45px;
        border: 1px solid #dedede;
        padding: 6.5px 1.69492%;
        margin: 0
    }
    textarea {
        height: 90px
    }
    input[type="file"] {
        line-height: 1;
        vertical-align: bottom;
        font-size: 15px
    }
    button,
    a.button {
        background-color: #2C4C6B;
        color: #F9F8F4;
        border-radius: 2px;
        padding: 7.5px;
        display: inline-block;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0;
        cursor: pointer;
        letter-spacing: .45px;
    }
    [type="submit"] {
        background-color: #7BC0E1;
        color: #F9F8F4;
        border-radius: 4px;
        padding: 7.5px 15px;
        display: inline-block;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0;
        cursor: pointer;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: .45px;
        text-transform: uppercase;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    [type="submit"]:hover {
        text-decoration: underline;
        background-color: #55A5CB;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
	select {
		background-color: #fff;
		padding: 7.5px;
		height: 45px;
		color: #594D48;
		border: 1px solid #dedede;
		margin-right: 5px;
	}
    ::-webkit-input-placeholder {
        font-style: italic
    }
    :-moz-placeholder {
        font-style: italic
    }
    ::-moz-placeholder {
        font-style: italic
    }
    :-ms-input-placeholder {
        font-style: italic
    }

	#advanced-search-form .field {
		margin: 0px;
		padding: 0px;
		border: none;
	}

    .field {
        margin: 34px 0;
        padding-bottom: 34px;
        border-bottom: 1px solid #dedede;
    }
    .field .field-meta {
        width: 50%;
        padding-top: 7.5px;
        font-weight: 800;
        font-size: 14px;
        text-transform: uppercase;

    }
    .field .inputs {
        margin-top: 10px;
        width: 70%;
    }
    .field .inputs>select,
    .field .inputs>textarea,
    .field .inputs>input[type="text"],
    .field .inputs>input[type="password"],
    .field .inputs>input[type="email"],
    .field .inputs>input[type="url"] {
        width: 100%
    }
    .field .inputs input[type="checkbox"] {
        vertical-align: bottom
    }
    .field.required .field-meta:after {
        content: "\f069";
        font-family: "Font Awesome 5 Free";
        font-size: 15px
    }
    .field .value:not(:last-child) {
        margin-bottom: 15px
    }
    .field-description {
        font-size: 14px;
        text-transform: none;
    }
    input.query-text {
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
        border-radius: 5px;
    }
    a.add-value {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 7.5px 15px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    a.add-value:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        background-color: #233C55;
    }
    hr.decorative-hr {
        border:0;
        border-top: solid 1px #dedede;
        margin: 50px 0;
    }
    hr.decorative-hr:after {
        content: url( '/themes/idi-sdps-na/asset/img/holdinghandsicon.jpg' );
        /* Controls the position of the logo */
        left: 50%;

        position: absolute;
        transform: translateY(-40%) translateX(-50%);
        /* Controls the whitespace around the symbol */
    }
    header #top-bar {
        padding-top: 14px;
        padding-bottom: 14px;
        width: 100%;
        background-color: #ffffff;
        display: flex;
        align-items: center;
    }
    header #top-bar #institution-logo {
        margin-right: 10px;
        flex-grow: 1;
    }
    header #top-bar #institution-logo img {
        /*width: 100%;*/
        vertical-align: middle;
    }
    header a:link.site-title, header a:visited.site-title {
        color: #ffffff;
        padding-left: 10px;
        /*border-left: 1px solid #cccccc;*/
    }
    .site-title img {
        /*max-width: 195px;*/
        vertical-align: middle;
    }
    #nav-about {
        border-top: 6px solid #B86565;
        /*border-top: 6px solid #F05B6A;*/
		border-top: 6px solid #ed1c24;
        /*background: #D46671;*/
		background: #ed1c24;
        font-weight: 800;
        text-transform: uppercase;
    }
    #nav-about a {
        background: #B86565;
        background: #F05B6A;
        /*background: #D46671;*/
		background: #ed1c24;
        display: block;
        float: right;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        padding: .5em .75em .75em .75em;
    }
    #nav-about a:hover {
        color: #fff;
    }
    #header-main {
        display: flex;
        align-items: center;
        min-height: 65px;
    }
    header a:link, header a:visited {
        color: #EAE8DE;
    }
    a.institution-logo {
        color: #444444 !important;
    }
	header nav {
		position: absolute;
		padding: 0;
		top: 0;
		right: 0;
		font-weight: 800;
		color: #2C4C6B;
		width: 100%;
		margin: 9px 7px;
	}
    header nav.closed ul {
        height: 0;
        overflow: hidden;
        margin: 0
    }
	header nav::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0c9";
		display: block;
		width: 36px;
		height: 36px;
		border: 4px solid #ed1c24;
		text-align: center;
		border-radius: 2px;
		position: absolute;
		right: 5px;
		top: 5px;
		cursor: pointer;
		line-height: 37.5px;
		background-color: #fff;
	}
    header nav.open {
        width: 100%;
        top: 50px;
		z-index: 99;
    }
    header nav.open:before {
        content: "\f00d";
        top:-45px;
    }
    header nav ul {
        width:100%;
        padding-left: 0;
        list-style: none;
        position: relative;
        margin: 0 auto;
        background-color: #2C4C6B;
    }
    header nav ul a {
        display: inline-block;
        width: 100%;
        padding: 7.5px 3.38983%;
    }
    header nav ul a:hover {
        border-bottom: 0;
        background-color: #233C55;
    }
    header nav ul li {
        position: relative;
    }
    header nav ul li li:last-of-type {
        padding-bottom: 0
    }
    header nav ul li.active {
        font-weight: 800;
    }
    header nav ul li>ul:before {
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        position: absolute;
        right: 0;
        top: -45px;
        width: 30px;
        height: 45px;
        line-height: 45px;
        text-align: center
    }
    header nav ul li>ul:hover:before {
        content: "\f107"
    }
    header nav ul a:hover ~ ul:before {
        color: #fff;

    }
    header nav>ul>li:last-child {
        padding-bottom: -1px
    }
    header nav>ul li.active ul {
        background-color: #2C4C6B;
    }
    header nav>ul ul li {
        height: 0;
        overflow: hidden;
        border: 0;
    }
    header nav>ul ul:hover>li {
        height: auto;
        padding-top: -1px;

    }
    header nav>ul>li>ul>li.active>a {
        color: #7BC0E1;
    }
    header nav>ul>li>ul>li.active>a:before {
        display: inline-block;
        width: 1.5em;
        color:#fff;
    }
    header nav>ul>li>ul>li a {
        font-weight:500;
        background-color: #152031;
    }
    header nav>ul>li>ul>li>ul>li a {
        padding-left: 60px
    }
    .sub-menu ul {
        padding-left: 0;
        list-style-type: none;
        margin-top: 15px
    }
    .sub-menu li {
        font-size: 15px;
        font-weight: bold;
        padding: 7.5px 0 6.5px
    }
    .sub-menu li:first-of-type {
        padding-top: 6.5px
    }
    nav.pagination {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 45px
    }
    .pagination input {
        text-align: center
    }
    .resource-list+.pagination {
        border-color: transparent
    }
    .pagination form {
        min-width: 90px
    }
    .pagination form,
    .pagination .button,
    .pagination button,
    .pagination .page-count {
        display: inline-block;
        vertical-align: top;
        height: 45px
    }
    .pagination .button {
        background-color: #2C4C6B;
        width: 45px;
        text-align: center;
        padding: 7.5px;
        border-radius: 2px;
        color: #ed1c24;
        line-height: 30px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    .pagination .button:hover {
        background-color: #6F88A0;
        color:#EAE8DE;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    .pagination .inactive.button {
        opacity: .5;
        background-color: white
    }
    .pagination .inactive.button:hover {
        background-color: white
    }
    .pagination form,
    .pagination .last {
        margin-right: 7.5px;
        margin-left: 7.5px;
    }
    .pagination input {
        width: 60px
    }


	.breadcrumbs {
		font-size: 15px;
		margin: 30px auto;
	    /* margin: 30px 0 -15px */
		max-width: 80%;
	}
	.block-breadcrumbs {
		font-size: 15px;
	}
    .site-title h1 {
        font-size: 25px;
        line-height: 30px;
        padding-right: 30px
    }
    header {
        background-color: #152031;
        background-color: #2C4C6B;
        margin: 0;
        width:100%;
        z-index: 150;
        padding-bottom: 14px;
        /*position: fixed;
        top: 0;*/
    }
    header.logged-in {
        top: 36px;
    }
    header>* {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1.69492%;
        display: block
    }
    .site-title:hover,
    .site-title:active {
        border-bottom: 0
    }
    .site-title h1 {
        margin: 0
    }
    button.o-icon-search {
        display: none
    }
    #interior-hero-content {
        bottom:10%;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        width: 90%;
    }
    #search {
        /*margin-top:100px;*/
        min-height:150px;
        background-color: #2C4C6B;
        background-color: #aaa;
        background-color: #7FA4C3;
        background-image: url("/themes/idi-sdps-na/asset/img/holdinghands.jpg");
        background-blend-mode: soft-light;
        background-size: cover;
        background-position: center 40%;
        padding: 7.5px 1.69492%;
        position: relative;
    }

    #search form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    #search form input[type="text"] {
        width: 100%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
    }
    #search form button[type="submit"] {
        height: 45px;
        width: 45px;
        text-indent: -9999px;
        position: relative;
        border-radius: 0 3px 3px 0;
        background-color: #7BC0E1;
    }
    #search form button[type="submit"]:hover {
        background-color: #55A5CB;
    }
    #search form button[type="submit"]:before {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        text-indent: 0;
        line-height: 45px;
        color:#F9F8F4;
    }
    a.advanced-search {
        display: none;
    }
    footer {
        /*max-width: 1700px;*/
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 3em;
        clear:both;
        position:relative;
        background-color: #30373D;
        border-top: 6px solid #ffdb78;
        color: #EAE8DE;
        text-align:center;
    }
    #footer-left{
        width: auto
    }
    #footer-right{
        width: 25%;
        margin: auto;
    }
    footer img {
        border: 3px solid #ffdb78;
    }
    footer a:link, footer a:visited {
        color: #EAE8DE;
    }
    footer ul {
        list-style:none;
        padding: 0;
    }
    #content {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        /*
        margin-top: 25px;
        padding: 0 1.69492% 30px;
        */
        /*
        position: relative;
        height: 100%;
        */
    }
    .item-showcase {
        margin: 30px 0;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        padding: 29px 0 0;
        overflow: hidden;
        text-align: center;
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .item.resource .caption {
        font-size: 15px;
        line-height: 30px
    }
    .item.resource .caption * {
        margin: 0 0 30px 0
    }
    .item.resource .caption>*:last-child {
        margin-bottom: 0
    }
    .item-showcase .resource.item {
        vertical-align: top;
        margin-bottom: 30px
    }
    .item-showcase .resource.item img {
        margin-right: 15px
    }
    .item-showcase .resource.item:only-child img {
        margin: 0 auto
    }
    .item-showcase .resource.item:not(:only-child) {
        width: 25%;
        clear: none;
        padding: 0 1.69492%
    }
    .item-showcase .resource.item:not(:only-child) h3 {
        clear: left;
        font-size: 15px;
        line-height: 30px;
        margin: 15px 0 0
    }
    .item-showcase .resource.item:not(:only-child) img {
        max-height: 210px;
        width: auto;
        float: none;
        margin-right: 0;
        vertical-align: top
    }
    .right,
    .left {
        overflow: hidden
    }
    .left .item.resource,
    .right .item.resource {
        margin: 0 0 30px 0;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        max-width: 40vw
    }
    .left .item.resource:first-of-type,
    .right .item.resource:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 29px;
        margin-top: 0
    }
    .left .item.resource:last-of-type,
    .right .item.resource:last-of-type {
        border-bottom: 1px solid #dedede;
        padding-bottom: 29px
    }
    .left .item.resource .media-render>*,
    .left .item.resource img,
    .right .item.resource .media-render>*,
    .right .item.resource img {
        max-width: 40vw
    }
    .left:not(.file) .item.resource,
    .right:not(.file) .item.resource {
        max-width: 50%
    }
    .file {
        display: -ms-grid;
        -ms-grid-columns: min-content
    }
    .left.file,
    .right.file {
        max-width: 50%
    }
    .left.file {
        float: left;
        clear: left
    }
    .right.file {
        float: right;
        clear: right
    }
    .left .item.resource {
        float: left;
        margin-right: 30px;
        clear: left
    }
    .right .item.resource {
        float: right;
        margin-left: 30px;
        clear: right
    }
    .left .item.resource>a:first-child,
    .right .item.resource>a:first-child {
        vertical-align: top
    }
    .medium .item.resource>h3,
    .square .item.resource>h3 {
        font-size: 20px;
        line-height: 30px
    }
    .left .item.resource>h3,
    .right .item.resource>h3 {
        margin: 0
    }
    .left .item.resource+p,
    .right .item.resource+p {
        margin-top: 0
    }
    .break {
        width: 100%;
        clear: both;
        border-bottom: 1px solid #dedede;
        padding-bottom: -1px;
        margin: 30px 0
    }
    .break.transparent {
        border-color: transparent
    }
    .break.opaque {
        border-color: #dedede
    }
    .preview-block {
        margin: 30px 0;
        overflow: hidden
    }
	
	form.sorting {
		float: right;
		margin-bottom: 10px;
	}
	
    .resource-list.preview+a {
        background-color: #dedede;
        text-align: center;
        padding: 7.5px;
        border-radius: 2px;
        line-height: 30px;
        display: inline-block;
        font-weight: bold
    }
    .resource-list.preview+a:hover {
        background-color: #787878;
        border-bottom-width: 0px;
        color: #fff
    }
    .veditutti {
        background-color: #dedede;
        text-align: center;
        padding: 7.5px;
        border-radius: 2px;
        line-height: 30px;
        display: inline-block;
        font-weight: bold
    }
    .veditutti:hover {
        background-color: #787878;
        border-bottom-width: 0px;
        color: #fff
    }
    .toc-block>ul {
        margin: 30px 0;
        list-style-type: none;
        border-left: 5px solid #ababab
    }
    .toc-block>ul>li {
        margin-bottom: 15px
    }
    .toc-block>ul>li>a {
        font-weight: bold
    }
    .toc-block ul ul {
        list-style-type: none;
        padding-left: 0
    }
    .toc-block ul ul ul {
        padding-left: 1.25em
    }
    .toc-block ul ul li:before {
        content: "\2014";
        color: #dedede
    }
    .item-with-metadata .show.resource {
        margin: 60px 0
    }
    .site-page-pagination {
        margin-top: 60px;
        clear: both
    }
    .section hr.decorative-hr {
        margin-top:30px;
        margin-bottom:0;
    }
    ul.resource-list {
        list-style-type: none;
        padding-left: 0;
        margin-top: 0;
		clear: both;
    }
/*    ul.resource-list .resource {
        padding: 29px 3.38983%;
        margin: 0;
        overflow: hidden;
        position: relative
    }*/
    ul.resource-list .resource {
        padding: 20px 3.38983%;
        margin: 0;
        overflow: hidden;
        position: relative
    }
	.resource-itemset-header {
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .39px;
		line-height: 1.4em;
		color: #7bc0e1;
	}
/*    ul.resource-list li:nth-child(odd) {
        background-color: #ffffff;
    }*/
    ul.resource-list li:nth-child(odd) {
        background-color: #f0efeb;
    }
	#f0efeb
    ul.resource-list .resource>*:last-child {
        margin-bottom: 0
    }
/*    ul.resource-list .resource:first-child {
        padding-top: 29px;
        margin-top: 30px;
    }*/
    ul.resource-list .resource:first-child {
        padding-top: 20px;
        margin-top: 0px;
    }	
    ul.resource-list .resource img {
        display: none;
    }
/*    ul.resource-list .resource h4 {
        margin-top: 0;
        margin-bottom: 13px;
        max-width: 560px;
    }*/
    ul.resource-list .resource h4 {
        margin-top: 0;
        margin-bottom: 13px;
        max-width: 80%;
    }
    ul.resource-list .resource h4 a, ul.resource-list .resource h5 a {
        color: #B86565;
        /*color: #D46671;*/
		color: #ed1c24;
        
    }
    ul.resource-list .resource h4 a:hover, ul.resource-list .resource h5 a:hover {
        color: #DC9797;
    }
    ul.resource-list .resource h5{
        padding: 9px;
        margin: 0;
    }
/*    ul.resource-list .resource .description {
        overflow: hidden;
        position: relative;
        max-width: 560px;
    }*/
	ul.resource-list .resource .description {
		overflow: hidden;
		position: relative;
		max-width: 95%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
/*    ul.resource-list .resource p.element {
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.5em;
    }*/
    ul.resource-list .resource p.element {
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.5em;
		overflow: hidden;
    }
    ul.resource-list .resource p.element a {
        text-decoration: underline;
    }
    ul.resource-list .resource img ~ * {
        /* width: calc(100% - 75px) */
    }

	#search-text-filters {
		border-bottom: 1px solid #e0e0e0;
		border-top: none;
		border-right: none;
		border-left: none;
	}
	#search-filters {
		border: none;
	}
	#advanced-search-form-wrapper [type="submit"] {
		margin-top: 16px;
		margin-bottom: 25px;
	}
	.search-filters, .filter {
		display: inline-block;
		border: none;
		width: 80%;
	}
    .filter-label,
    .filter-value {
        display: inline-block;
        padding: 6.5px
    }
    .filter-label {
       margin-left:-5px;
       padding:0;
    }
    .filter-value {
        font-size: 16px;
        font-weight: 800;
        margin-left:-5px;
    }
    .browse-item-set-title {
        font-weight: 800;
    }
    body.resource #content>h2:first-of-type+h3 {
        font-size: 15px;
        text-transform: uppercase;
        margin: -30px 0 30px
    }
	#doc-media, #other-media {
		clear: both;
	}
	.property {
        margin-bottom: 30px
    }
    .property h4 {
        margin-bottom: 0;
        font-size: 15px
    }
    .resource-link img {
        width: auto;
        height: 45px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7.5px
    }
    .property .value a {
        display: inline-block;
        vertical-align: middle
    }
    .property .value:not(:last-child) img {
        margin-bottom: 7.5px
    }
    .property .value:not(:last-child) img+a {
        margin-bottom: 7.5px
    }
    .property .value .language {
        background-color: #d1d1d1;
        padding: 3.75px;
        font-size: 10px
    }
    #content .media.resource {
        display: inline-block;
        text-align: center;
        vertical-align: bottom;
        margin-right: 7.5px
    }
    #content .media.resource:hover {
        border-bottom: 0
    }
    #content .media.resource img {
        vertical-align: top;
        margin-bottom: 15px
    }
    .media-render>* {
        max-width: 100%
    }
    #linked-resources caption {
        text-align: left;
        font-weight: bold;
        border-bottom: 3px solid #ababab;
        padding: 7.5px 15px 4.5px
    }
	#linked-filter {
		visibility: hidden;
		height:0px;
	}
	.linked-header {
		visibility: hidden;
		height:0px;
	}
    #linked-filter h4, #linked-filter select  {
        margin-bottom: 15px
    }
    #linked-resources .resource-link {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    #advanced-search .value:not(:last-child) {
        margin-bottom: 15px
    }
    .remove-value {
        text-indent: -9999px;
        position: relative;
        width: 45px;
        margin-left: 7.5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    .remove-value:before {
        text-indent: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        line-height: 45px
    }
    button.remove-value:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        background-color: #233C55;
    }
    /* homepage specific style */
	
    #search.home-hero {
        height: 300px;
        background-size: cover;
        background-position: center 20%;
        background-color: #2C4C6B;
        background-blend-mode: soft-light;
    }
    #home-hero-content {
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        width: 90%;
    }
    #home-hero-content #searchbar {
        align-items: center;
        margin-bottom:1em;
    }
    #home #search.logged-in {
        /*margin-top: 139px;*/
    }
    #browse-button {
        width:20%;
        text-align:center;
        background-color: #ffdb78;
        color: #F9F8F4;
        text-transform: uppercase;
        font-weight: 600;
        height:48px;
        padding: 8px .75em 8px .75em;
        border-radius: 4px;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.30);
    }
    #browse-button:hover {
        background-color: #E3B546;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

    #strapline {
        background-color: #152031;
        padding: .75em 1.5em;
        text-align: center;
        color: #F9F8F4;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.30);
    }
    ul#home-promo {
        padding-top: 1.05634vw;
        list-style: none;
        margin-bottom: 4.5em;
        padding: 0 3.38983%;
    }
    .promo-item {
        min-height: 25vw;
        width: 100%;
        display: block;
        position: relative;
        margin-bottom:10px;

    }
    .promo-block {
        position: absolute;
        height: 100%;
        width: 100%;
		background-color: #ffdb78;
        background-position: center center;
        background-size: cover;
        background-blend-mode: hard-light;
    }
    .promo-block > a {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
        display: block;
    }
    .promo-block:hover {
        opacity:.7;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    .category-flag {
        background-color: #fff;
        color: #2C4C6B;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 20px;
        display: block;
        padding: 0.4em 0.8em;
        position: absolute;
        z-index: 2;
        top: 5%;
        left: 0;
    }
    .category-flag a:hover {
        text-decoration:none;
        color: #2C4C6B;
    }
    #home-users {
        padding: 0 3.38983% 30px;
    }
    #home-users h3 {
        text-align: center;
        font-style: italic;
        font-weight: 400;
    }

	.page-header {
		text-align: justify;
		padding: 0 20px 0 20px;
	}	

	.reference-block {
		padding: 0 20px 0 20px;
	}
	
	/*.shortcode-carousel-caption {
		position: absolute;
		top: 70%;
		color: #f9f8f4;
		font-size: 1.5em;
		font-weight: bold;
		text-align: right;
		right: 15px;
	}*/
	
	a.shortcode-carousel-image:hover {
		text-decoration:none;
	}

	.shortcode-carousel-caption {
		position: relative;
		font-weight: bold;
	}
	
	.jcarousel-control-prev, .jcarousel-control-next {
		background: #F9F8F4 !important;
		text-shadow: none !important;
	}
		
	a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover {
		text-decoration:none;
	}
	
	.jcarousel-pagination {
		bottom: -35px !important;
	}
	
    .row {
        margin-bottom: 2em;
    }
	
	.row-home {
        margin-bottom: 0em;
    }

    .row-linked-resource {
        margin-bottom: 2em;
    }
	
    .column {
        width: 90%;
    }

	.column-home {
        width: 100%;
    }
	.column-home-content {
		margin: 1em;
	}

	.column-home-content img {
		margin: 0 auto;
		display: block;
		border-radius: 6px;
	}
	
	.column-home-2x {
        width: 100%;
    }
	.column-home-2x-content {
		margin: 1em;
	}

	.column-home-2x .mapping-block {
		margin: 0em 2em;
	}
	.column-home-2x-content img {
		margin: 0 auto;
		display: block;
		border-radius: 6px;
	}

    .column-linked-resource {
        width: 90%;
    }
	
	.linked-resource-property {
		padding: 0px 0;
		line-height: 0px;
		margin-top: 3em;
		margin-bottom: 2em;
	}
	
	.type-linked-resource {
		background-color: #2c4c6b;
		margin-right: 10px;
		padding-left: 5px;
		color: #f9f8f4;
		font-size: 0.8em;
		font-weight: bold;
		border-radius: 3px;
		text-align: center;
	}
	.side-box {
		border: solid 2px #88ABC8;
		padding: 0 1em !important;
		min-height: 500px;
		border-radius: 6px;
	}

	.side-box div {
		column-count: 1 !important;
	}


	.evento-home {
		margin: 0 2.5em 0 2.5em;
	}
	
	.evento-home img{
		border-radius: 6px;
	}
	
    .row-column-item {
        height:100%;
        text-align:center;
        padding: 0 2rem 2rem 2rem;
        width: 100%;
    }
    .row-column-item h4 {
        font-weight: 400;
        color: #B86565;
    }
    /* browse specific style */
    #browse-container {
        width: 100%;
    }
    #browse-facets-container {
        display: none;
    }
    #tab-wrap {
        width: 100%;
    }
    #tab-wrap input[type=radio]{
        display: none;
    }
    div#button-bar {
        display: none;
    }
    #grid-wrapper {
        display:none;
    }

    /* collection AND item browse specific style */
    #total-results {
        padding-left: 3.38983%;
    }
    #total-results, #total-results .pagination {
        display: inline-block;
        font-size: 14px;
        line-height: 1.5em;
    }
    #total-results .pagination {
        padding-top: 20px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #total-results .pagination form, #total-results .pagination .previous, #total-results .pagination .next {
        display: none;
    }
    #browse-footer-pagination .pagination {
        text-align: center;
        margin-bottom: 50px;
        font-size: 14px;
        font-weight: 600;
    }
    #browse-footer-pagination .pagination input {
        font-size: 14px;
        font-weight: 600;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
        border-radius: 2px;
    }
    #browse-footer-pagination .pagination .page-count {
        margin-left: 5px;
    }
    #browse-footer-pagination .row-count, #browse-footer-pagination .button.inactive {
        display:none;
    }
    /* collection browse specific style */
    .item-set h2 {
        padding: 0 3.38983%;
    }
    /* item specific style */
    #item-intro {
        background-color: #243551;
        padding: 3em 3.38983% 3em 3.38983%;
        margin-bottom: 50px;
    }
    #intro-image {
        width: 100%;
        text-align:center;
    }
    #content .media.resource.lslide {
        padding-left: 40px;
        padding-right: 40px;
    }
    #content .media.resource img {
        border: 6px solid #ffffff;
    }
    .left-light-slider .lSSlideWrapper .lSFade>.active {
        z-index: 0;
    }
    .left-light-slider .lSAction>.lSPrev {
        left: 0;
    }
    .left-light-slider .lSAction>.lSNext {
        right: 0;
    }
    .left-light-slider.lSSlideOuter .lSPager.lSGallery {
        margin-left: auto;
        margin-right: auto;
        padding: 0 0 25px 0;
    }
    .left-light-slider.lSSlideOuter .lSPager.lSGallery li {
        border: 1px solid #ffffff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    }
    .left-light-slider.lSSlideOuter .lSPager.lSGallery li:hover {
        border-color: #ffdb78;
        border-radius: 0;
    }
    .left-light-slider.lSSlideOuter .lSPager.lSGallery li.active {
        border-radius: 0;
    }
    .left-light-slider.lSSlideOuter .lSPager.lSGallery li a img:hover {
        opacity:1;

    }
    #item-image {
        border: 6px solid #ffffff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    #intro-content {
        color: #EAE8DE;
        padding-bottom: 50px;
        width: 100%;
    }
    #intro-content a {
        color: #EAE8DE;
    }
    #intro-content h2 {
        color: #fffde4;
        margin-top: 0;
        margin-bottom:13px;
    }
    #intro-content p{
        margin:0;
        line-height:1.6em;
    }
    #intro-content #item-creator, #intro-content #item-date, #intro-content #item-rights {
        font-size: 14px;
    }
    #intro-content #item-description {
        margin-top:13px;
        margin-bottom:13px;
    }
    #intro-content a#download-pdf, #intro-content a#download-text {
        background-color: #7BC0E1;
        border-radius: 6px;
        color: #F9F8F4;
        text-transform: uppercase;
        font-weight: 800;
        display: inline-block;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 11px;
        padding-bottom: 11px;
        width: 49%;
    }
    #intro-content a#download-pdf:hover, #intro-content a#download-text:hover {
        background-color: #55A5CB;
    }
    #rights-uri img {
        margin-top:8px;
        width: 120px;
    }
    #item-metadata {
        width: 100%;
        padding: 0 3.38983%;
    }
    #item-metadata h4 {
        text-transform: uppercase;
        font-weight: 400;
    }
    #item-metadata .property h5 {
        text-transform: uppercase;
        font-weight: 400;
        margin: 0;
        font-size: 12px;
    }
    a.metadata-browse-link {
        font-size: .9em !important;
        padding: 8px 15px;
        margin: 7px 0;
        border-radius: 20px;
        background-color: #ffdb78;
        width: fit-content;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    a.metadata-browse-link:hover {
        text-decoration: none;
        background-color: #fadb6a;
        color:#2C4C6B;
        box-shadow: 0 10px 18px rgba(0,0,0,0.18), 0 5px 10px rgba(0,0,0,0.12);
    }

	#item-linked {
		clear: both;
		margin: 0em;
	}
    #item-linked-2 {
        width: 100%;
        padding: 0 3.38983%;
    }
	#doc-media, #other-media {
/*        width: 100%;
        padding: 0 3.38983%; */
	}

    .clear {
        clear: both;
        content: " ";
        margin-bottom: 4em;
    }
    /* pages specific style */
    #content .blocks {
        margin: auto;
        /*max-width: 49em;*/
		max-width: 80%;
    }
    #content .blocks:first-child {
        margin-top:25px;
    }
    #content .blocks h2 {
        margin-top: 48px;
		text-align: center;
    }
	.search-page.resource.browse #content #content {
		margin: auto;
		max-width: 80%;
	}
	
    /* reference module specific style */
    #primary.reference {
        padding: 0 3.38983%;
    }
    #primary.reference h2 {
        margin-top: 48px;
    }
    .reference-pagination li.pagination-range {
        color: #7b6a64;
    }
    .reference-pagination li.pagination-range a {
        border: none !important;
        background-color: #ffdb78;
        border-radius: 4px;
        margin-right: 5px !important;
        margin-bottom: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    .reference-pagination li.pagination-range a:hover {
        background-color: #fadb6a !important;
    }



/* Custom Search Form and List */

	#search-page {
		padding: 3em 7% 10em 7%;
	}
	.form-search button.search-submit {
		float: left !important;
	}
	.resource-icon {
		float: left;
		position: relative;
		width: 3%;
	}
	.search-results-wrapper {
		width: 100%;
		border-top: 1px solid #dedede;
		padding-top: 3em;
	}
	.search-result-description {
		overflow: hidden;
		position: relative;
		max-width: 95%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
	.search-result-title {
		margin-top: 0px;
		margin-bottom: 13px;
		max-width: 95%;
	}
	.search-result-title a {
		color: #ed1c24;
	}
	.search-result-title a:hover {
		color: #DC9797;
	} 
	.search-results .items {
		margin-bottom: 20px;
	}
	.search-results .resource-metadata {
		width: 90%;
		float: left;
		position: relative;
	}
	.search-results .resource-thumbnail {
		max-width: none !important;
		min-width: 0px !important;
		width: 10%;
		float: right;
		position: relative;
	}
	.search-facet-item {
		margin-right: 1em;
		margin-left: 2em;
	}
	.search-facet-item input[type="checkbox"] {
		margin-left: -2em;
	}
	.search-facet-items label {
		margin-left: 1rem;
	}
	.search-facets {
		min-width: 25% !important;
	}
	.search-facets h3 {
		font-size: 21px;
	}

	.search-facet h4 {
		margin-bottom: 5px;
		font-size: 18px;
	}
	.search-facet-items {
		font-size: 0.95em;
		margin-right: 1%;
	}
	
}

@media screen and (min-width: 800px) {
    #content-wrapper {
        padding: 0 3.38983% 30px;
    }
    table {
        margin: 30px 0;
        border-collapse: collapse
    }
    th,
    td {
        text-align: left;
        padding: 7.5px 15px;
        padding-bottom: 6.5px;
        border-bottom: 1px solid #ababab
    }
    .fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 150;
    }
    header {
        /*position: fixed;*/
        padding: 0 0 0 0;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.35);
    }
    header>* {
        padding: 0 3.38983%
    }
    footer {
        padding: 6em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align:left;
    }
    #footer-right {
        margin:0;
    }
    header #top-bar #institution-logo {
        margin-right: 25px;
    }
    header #top-bar #institution-logo img {
        /*width:900px;*/
    }
    header a:link.site-title, header a:visited.site-title {
        color: #ffffff;
        padding-left: 25px;
        flex-grow: 1;
        text-align: right;
        /*border-left: 1px solid #cccccc;*/
    }
    #header-main {
        min-height: inherit;
    }
    header nav {
        margin: 0;
        position: static;
        padding: 0;

    }
    header nav:before {
        content: "";
        border: 0;
        display: none
    }
    header nav ul {
        background-color: transparent;
    }
    header nav ul a {
        padding: 0
    }
    header nav ul li {
        position: relative;
    }
    header nav.closed ul,
    header nav ul ul li {
        height: auto;
        overflow: visible
    }
    header nav ul a:hover {
        background-color: transparent
    }
    header nav ul li,
    header nav>ul li:last-child,
    header nav>ul ul:hover>li {
        border: 0
    }
    header nav ul.navigation {
        margin-left: -7.5px;
        position: static;
    }
    header nav ul.navigation li ul:before {
        display: none
    }
    header nav ul.navigation>li {
        display: inline-block;
        padding-top: 7px;
        padding-bottom: 7px;
		z-index: 99;
    }
    header nav ul.navigation>li:not(:last-child) {
        margin-right: 15px
    }
    header nav ul.navigation>li>ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        background-color: #2C4C6B;
        padding: 0;
        list-style: none;
        width: 100%;
        padding: 14px 0 6.5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-flow: row wrap;
        flex-flow: column wrap;
        z-index: -100
    }
    header nav ul.navigation>li:hover>ul {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 3.38983%;
        left: 0;
        min-width: 160px;
        right: 0;
        border-bottom: 0;
    }
    header nav ul.navigation>li:hover>ul:after {
        content: "";
        left: -9999px;
        right: -9999px;
        background-color: #2C4C6B;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -10;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);

    }
    header nav ul.navigation>li>ul>li {
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 15px
    }
    header nav ul.navigation>li>ul>li ul {
        font-weight: normal;
        padding: 0;
        list-style-type: none;
        height: auto
    }
    header nav>ul>li>a {
        margin: 7.5px;
        height: 30px;
    }
    header nav>ul>li>a:not(:only-child):after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        display: inline-block;
        margin-left: 7.5px
    }
    header nav>ul li:hover ul li {
        height: auto;
        padding-left: 5px;
        white-space: nowrap;
    }

    header nav>ul>li>ul>li a,
    header nav>ul>li>ul>li>ul>li a {
        padding-left: 0;
        color: #7BC0E1;
        background-color:transparent;
    }
    header nav>ul>li>ul>li a:link,
    header nav>ul>li>ul>li>ul>li a:link {
        color: #7BC0E1;
    }
    header nav>ul>li>ul>li a:visited,
    header nav>ul>li>ul>li>ul>li a:visited {
        color: #7BC0E1;
    }
    header nav>ul>li>ul>li a:hover,
    header nav>ul>li>ul>li>ul>li a:hover {
        color: #A9DAF1;
    }
    .sub-menu ul {
        border-bottom: 1px solid #dedede;
        padding-bottom: 14px
    }
    .sub-menu li {
        display: inline-block;
        border: 0;
        padding: 0;
        margin-right: 15px
    }
    .sub-menu li:first-of-type {
        border: 0;
        padding: 0
    }
    #search {
        height: 200px;
        /*margin-top:135px;*/
        position: relative;
    }
    #search.logged-in {
        /*margin-top: 172px;*/
    }
    #interior-hero-content {
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        /* rimettere width a 50em se si reinserisce il bottone per l'advaced search
		width: 50em; */
		width: 50em;
        display: flex;
        justify-content: space-between;
    }
    .search-form-100 {
		width: 100% !important;
	}	
	#search form {
        width: 38.5em;
    }
    #search form input[type="text"],
    #search form button[type="submit"] {
        height: 48px;
        font-size: 20px;
        line-height: 30px
    }
    #search form button[type="submit"] {
        width: 48px;
        height: 48px;
        padding: 0
    }
    #search form button[type="submit"]:before {
        line-height: 48px
    }
    a.advanced-search {
        display: inline-block;
        background-color: #2C4C6B;
        color: #7BC0E1;
        text-transform: uppercase;
        font-weight: 600;
        height:48px;
        padding: 8px .75em 8px .75em;
        border-radius: 4px;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.30);
    }
    a.advanced-search:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        background-color: #233C55;
    }
/*    ul.resource-list .resource img {
        display: block;
        width: 182px;
        height: auto;
        float: right;
        margin-left: 15px;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.30);
    }*/
	ul.resource-list .resource img {
		display: block;
		width: 80px;
		float: right;
		margin-left: 15px;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.30);
		height: 80px;
	}
    ul.resource-list .resource img:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    ul.resource-list .resource img ~ * {
        width: calc(100% - 135px)
    }
    .preview-block {
        clear: both
    }
/*    ul.preview.resource-list li:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 29px
    }*/
    ul.preview.resource-list li:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 20px
    }	
    /* homepage specific style */
    #home {
        height:100%;
        position:relative;
    }
    #search.home-hero {
        /*height: 70%;*/
    }
    #home-hero-content {
        width: 50em;
    }
    #home-hero-content #searchbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:1em;
    }
    #home #search form {
        margin: 0;
        width: 38.5em;
        top: auto;
        left: auto;
        position: static;
        transform: none;
    }
    .promo-item {
        width: 22.59111%;
        min-height: 16vw;
        display: inline-block;
        position: relative;
        margin-left: .69444%;
        margin-right: .69444%;
    }

	.shortcode-carousel-caption {
		margin-top: -3em;
		color: #f9f8f4;
		font-size: 1.5em;
		text-align: right;
		right: 15px;
	}

    .row {
        display: flex;
        align-items: flex-start;
        margin-bottom: 2em;
    }

    .row-home {
        margin: 0.5em auto auto 0.5em;
    }

    .row-linked-resource {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1.5em;
    }
	
    .column {
        width: 33%;
    }

    .column-home {
		width: 50%;
    }
	
	.column-home-content {
		margin: 0em 1em;
	}

	.column-home-content img {
		margin: 1em auto;
		border-top-left-radius: 10px;
		border-bottom-right-radius: 20px;
	}

    .column-home-2x {
		width: 66%;
    }
	
	.column-home-2x-content {
		margin: 0em 2em;
	}

	.column-home-2x-content img {
		margin: 1em auto;
		border-top-left-radius: 10px;
		border-bottom-right-radius: 20px;
	}

	.column-linked-resource {
		width: auto;
		min-width: 7em;
	}
	
	.side-box {
		border: solid 2px #88ABC8;
		padding: 0 1em !important;
		min-height: 500px;
		border-radius: 6px;
	}

	.side-box div {
		column-count: 1 !important;
	}

    /* browse-specific style */
    #browse-container {
        display: flex;
        justify-content: space-between;
        width:100%;
    }
    #browse-facets-container {
        display:block;
        width: 25%;
        height: 100%;
        background-color: #EAE8DE;
        margin-top: 29px;
    }
    #browse-facets-container h5 {
        text-transform: uppercase;
        padding-left: 13.55932%;
    }
    #tab-wrap input[type=radio]{
        position: absolute;
        left: -9999px;
        top: -9999px;
        display: inline;
    }


    div#button-bar {
        display: flex;
        float: right;
        width: auto;
        padding-right: 3.38983%;
        margin-bottom: 15px;
    }
    .button-bar-button {
        max-width: 12em;
        color: #F9F8F4;
        background-color: #2C4C6B;
        cursor: pointer;
        font-weight: 700;
        text-transform: uppercase;
        padding: .5em 1em;
        border: 1px solid #2C4C6B;
        border-radius: inherit;
        line-height: 2em;
        font-size:14px;
    }
    .button-bar-button:hover {
        background-color: #476683;
        text-decoration: underline;
    }
    #grid.button-bar-button {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-right: 1px solid #dedede;
    }
    #list.button-bar-button {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-left: none;
    }
    input:nth-child(1):checked ~ #button-bar label:nth-child(1),
 input:nth-child(2):checked ~ #button-bar label:nth-child(2) {
        color: #594D48;
        background-color: transparent;
        border-color: #dedede;
    }
    input:nth-child(1):checked ~ #button-bar label:nth-child(1):hover,
 input:nth-child(2):checked ~ #button-bar label:nth-child(2):hover {
        background-color: #fff;
    }

    .button-bar-button svg {
        margin-left: -0.3em;
    }
    svg.icon {
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        margin-bottom: -0.25em;
        margin-right: 0.3em;
        fill: currentColor;
    }
    .sections {
        clear:both;
    }
    .sections > ul {
        display: none;
    }
    input:nth-child(1):checked ~ .sections ul:nth-child(1),
 input:nth-child(2):checked ~ .sections ul:nth-child(2) {
        display: block;
    }
    #grid-wrapper {
        display:block;
    }

    ul#results-grid.resource-list {
        padding: 30px 3.38983%;
    }
    .grid-sizer {
        width: 32%;
    }
    .gutter {
        width: 2%;
    }
    ul#results-grid.resource-list .resource {
        float: left;
        width: 32%;
        padding: 0;
        margin-bottom: 30px;
        display:block;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    ul#results-grid.resource-list .resource:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    ul#results-grid.resource-list .resource:first-child {
        border: none;
        padding: 0;
        margin: 0;
    }
    ul#results-grid.resource-list img {
        width:100%;
        box-shadow: none;
        float: none;
        margin: 0;
        margin-bottom: 10px;
    }
    /* item-specific style */
    #item-intro {
        padding: 3em 10% 0 10%;
    }
    #intro-image {
        float: left;
        width: 40%;
        text-align:left;
    }
	#intro-image a:hover img {
		opacity: 1.0 !important;
		transform: scale(1.01);
		transition: ease-in-out;
		transition-duration: 0.3s;
	}
    #intro-content {
        color: #EAE8DE;
        margin-left: 43%;
        padding-bottom: 50px;
        width: 60%;
    }
    #item-metadata {
        width: 55.5%;
        float: right;
        padding-right:10%;
		min-height:400px;
    }

    /* reference specific style */
    #reference-headings {
        column-count: 2;
    }

	#item-linked-2 {
        width: 44.5%;
        float: left;
        padding-left:10%;
    }
	
	#doc-media, #other-media {
/*		width: 44.5%;
		float: left;
		padding-left: 10%; */
	}
	
    #browse-facets-container #reference-headings {
        column-count: 1;
    }    
    #reference-headings h3 {
        display: inline-block;
        width: 100%;
    }
    
}

@media screen and (min-width: 1280px) {
    .row-home {
        display: flex;
        align-items: flex-start;
        margin: 0.5em auto auto 0.5em;
    }

    .column-home {
		width: 25%;
    }