/*
The default skin for Yale's Top Nav theme
*/
nav.sub-menu ul.navigation a:visited {
     color: #286dc0;
     font-weight:100;
}
nav.sub-menu ul.navigation a:link {
     color:#286dc0;
     font-weight:300;
     text-decoration:none;
}
h1, h2, h3, h4 {
     font-family: "YaleNew", Georgia, "Times New Roman", serif;
}
h1 {
    font-size: 3em;
    letter-spacing: .5px;
}
h3 {
    font-size: 1.4em;
    color: #222222;
    line-height: 1.3;
}
div.banner {
	margin-top: 0px;
	display: block;
	overflow: inherit;
}
img.header-image {
     max-width: 100%;
     margin: 0 auto;
     display: block;
}
div.blurb p { 
    font-family: "YaleNew", Georgia, "Times New Roman", serif;
     font-size: 2.25em;
     line-height: 1.4;
     text-align: center;
     color: #00356b;
}
div.attribution p { 
    font-family: "YaleNew", Georgia, "Times New Roman", serif;
     font-size: 1.15em;
     text-align: center;
     color: #90a4ae;
}
/* This styles the name attribution for a curator or quote . */
div.credit p, p.credit {
    font-family: "YaleNew", Georgia, "Times New Roman", serif;
     font-size: 1.15em;
     text-align: center;
     color: #90a4ae;
}
div.statement p {
   font-size: 1.125em;
   font-family: Mallory-Light, sans-serif;
   line-height: 2;
}
@media screen {
     * {
         box-sizing: border-box 
    }
     html {
         height: 100%;
         padding: 0;
         margin: 0;
         background-color:#00356b;
    }
     body {
         background-color: #fff;
         font-family: "Mallory",Verdana,Arial,Helvetica,sans-serif;
         font-size: 1em;
         color:#222;
         line-height: 30px;
         margin: 0;
         word-wrap: break-word 
    }
     ul.navigation a:link {
         color:#286dc0;
         text-decoration:none;
    }
     a:link {
         text-decoration: underline;
         color: #286dc0;
    }
     a:visited {
         color: #286dc0;
    }
     a:active, a:hover {
         color: #286dc0;
         text-decoration:underline;
    }
    h1 {
		line-height: 1.1;
		padding-left: 80px;
		padding-top:.5em;    
    }
     h2 {
    }
     h3 {
         font-weight:100;
    }
     h3 a:link {
         text-decoration: none;
    }
     h3 a:hover {
         text-decoration: underline;
    }
     h4 {
         font-size: 20px;
         font-weight: 300;
         color: #222;
    }
	p {
		font-size: .9em;
		line-height: 1.75;
		color: #222;
		font-weight:100;
	}
     a.site-title img {
         width: 100%;
         height: auto 
    }
     input, textarea, button, .button, select {
		 font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
         font-size: 20px;
         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, [type="submit"] {
         background-color: #dedede;
         border-radius: 2px;
         padding: 7.5px;
         display: inline-block;
         appearance: none;
         -webkit-appearance: none;
         -moz-appearance: none;
         border: 0;
         cursor: pointer 
    }
     select {
         background-color: #fff;
         padding: 7.5px;
         border-color: #dedede;
         height: 45px 
    }
     ::-webkit-input-placeholder {
         font-style: italic 
    }
     :-moz-placeholder {
         font-style: italic 
    }
     ::-moz-placeholder {
         font-style: italic 
    }
     :-ms-input-placeholder {
         font-style: italic 
    }
     .field {
         margin: 30px 0;
         display: flex;
         flex-wrap: wrap 
    }
     .field .field-meta {
         width: 30%;
         padding: 7.5px 1.69492% 0 0 
    }
     .field .inputs {
         width: 70%;
         padding-left: 1.69492% 
    }
     .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: 15px 
    }
     header nav {
         position: relative;
         margin: 0 0 -15px;
         padding: 0 6% 
    }
     header nav.closed ul {
         height: 0;
         overflow: hidden;
         margin: 0 
    }
     header nav::before {
         font-family: "Font Awesome 5 Free";
         content: "\f0c9";
         display: block;
         width: 37.5px;
         height: 37.5px;
         border: 1px solid #dedede;
         text-align: center;
         border-radius: 2px;
         position: absolute;
         right: 1.69492%;
         top: -52.5px;
         cursor: pointer;
         line-height: 37.5px 
    }
     header nav.open::before {
         content: "\f00d" 
    }
     header nav ul {
         padding-left: 0;
         list-style: none;
         position: relative;
         margin: 0 auto;
    }
     header nav ul a {
         display: inline-block;
         width: 100%;
         padding: 7.5px 
    }
     header nav ul a:hover {
         border-bottom: 0;
         background-color: #dedede 
    }
     header nav ul li {
         border-top: 1px solid #dedede;
         position: relative 
    }
     header nav ul li li:last-of-type {
         padding-bottom: 0 
    }
     header nav ul li.active {
         font-weight: bold 
    }
     header nav ul li>ul::before {
         font-family: "Font Awesome 5 Free";
         content: "\f105";
         position: absolute;
         right: 0;
         top: -45px;
         color: #dedede;
         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: #ababab 
    }
     header nav>ul>li:last-child {
         border-bottom: 1px solid #dedede;
         padding-bottom: -1px 
    }
     header nav>ul ul li {
         height: 0;
         overflow: hidden;
         border: 0 
    }
     header nav>ul ul:hover>li {
         height: auto;
         border-top: 1px solid #dedede;
         padding-top: -1px 
    }
     header nav>ul>li>ul>li.active>a {
         margin-left: -1.5em 
    }
     header nav>ul>li>ul>li.active>a::before {
         content: ">";
         display: inline-block;
         width: 1.5em 
    }
     header nav>ul>li>ul>li a {
         padding-left: 30px 
    }
     header nav>ul>li>ul>li>ul>li a {
         padding-left: 60px 
    }
     footer nav ul {
	     padding: 0px 0 0 1px;
         list-style: none;
    }
     footer nav ul a {
         display: inline;
         width: 100%;
         padding: 7.5px 
    }
    footer a:visited {
         color: #63aaff !important;
    }
     footer nav ul li {
         display: inline;
     list-style-type: none;
     margin: 0 0 0 -1px;
     position: relative;
    }
     .sub-menu ul {
         padding-left: 0;
         list-style-type: none;
         margin-top: 15px 
    }
     .sub-menu li {
         font-size: 15px;
         font-weight: bold;
         border-bottom: 1px solid #dedede;
         padding: 7.5px 0 6.5px;
    }
     .sub-menu li:first-of-type {
         border-top: 1px solid #dedede;
         padding-top: 6.5px 
    }
     nav.pagination {
         margin-bottom: 30px;
         font-size: 20px;
         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 {
         border: 1px solid #dedede;
         background-color: #dedede;
         width: 45px;
         text-align: center;
         padding: 7.5px;
         border-radius: 2px;
         color: #ababab;
         line-height: 30px 
    }
     .pagination .button:hover {
         background-color: #787878 
    }
     .pagination .inactive.button {
         opacity: .5;
         background-color: white 
    }
     .pagination .inactive.button:hover {
         background-color: white 
    }
     .pagination form, .pagination .last {
         margin-right: 7.5px 
    }
     .pagination input {
         width: 60px 
    }
     .breadcrumbs {
         font-size: 15px;
         margin: 30px 0 -15px 
    }
     h1.site-title {
		font-size: 3em;
		letter-spacing: .5px;
         line-height: 1.1;
         font-weight:100;
         margin-top: revert;
         margin-bottom: revert;
         margin-left: auto;
         margin-right: auto;
         padding: 0 4%;
    }
     h1.site-title a {
    }

    h1.site-title a, h1.site-title a:visited, h1.site-title a:active, h1.site-title a:hover {
         text-decoration:none;
         color:#00356b;
	}
     @media (max-width: 659px){
         header nav {
             padding-left: 1em;
        }
    }
     header {
         margin: 0 0 0 0;
         border-bottom: 0px solid #dedede;
         padding-bottom: 14px;
         position: relative 
    }
     header > * {
         max-width: 100%;
         margin-left: auto;
         margin-right: auto;
         padding: 0 6%;
         display: block 
    }
     .site-title:hover, .site-title:active {
         border-bottom: 0 
    }
     .site-title h1 {
         margin: 0 
    }
     button.o-icon-search {
         display: none 
    }
     #search {
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         background-color: #fff0;
         border-bottom: 0px solid #dedede;
         border-top: 0px solid #dedede;
         padding: 7.5px 1.69492% 
    }
     #search form {
         display: flex;
         flex-wrap: nowrap 
    }
     #search form input[type="text"] {
         width: 100% 
    }
     #search form button[type="submit"] {
         height: 45px;
         width: 45px;
         text-indent: -9999px;
         position: relative;
         border-radius: 0 3px 3px 0 
    }
     #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 
    }
    .spacer {
    	margin-bottom: 76px;
    }
     footer {
         max-width: 100%;
         margin-left: auto;
         margin-right: auto;
         padding: 0 1.69492% 2em;
         text-align:center;
         background-color: #00356b;
         color:#fff;
    }
     footer a:link {
         color:#63aaff;
         text-decoration: none;
    }
    footer .wordmark {
    	width: 33.33333333%;
    	float:left;
    }
    footer .footer-content {
    	width: 66.66666667%;
    	padding-top: 5em;
    	float: left;
    }
    footer nav {
    	line-height: 170%;
    }
     #content {
         max-width: 1700px;
         margin-left: auto;
         margin-right: auto;
    }
     .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 
    }
     .toc-block>ul {
         margin: 30px 0;
         list-style-type: none;
    }
     .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 {
         clear: both 
    }
     .site-page-pagination a {
         border-radius: 2px;
         padding: 7.5px;
         display: inline-block;
         appearance: none;
         -webkit-appearance: none;
         -moz-appearance: none;
         border: 0;
         cursor: pointer 
    }
    .media-render {
    }


/* Featured exhibit block*/
	.featured h2 {
		margin: 0 0 .8em 0;
	}
	.featured p {
		margin: 0 0 1em 0;
	}

/* End Featured exhibit block*/

/* Styling for list of sites block */
	.site-list {
		margin: 0em auto;
		max-width: 75%;
	}
	.list-of-sites .site-list .site {
		margin-bottom: 15px;
		clear: left;
		margin-top: 2em;
		min-height: 200px;
	}
	.list-of-sites .site-list .site:first-child {
		margin-top: 0;
	}
	.site img {
		clear: left;
		float: left;
		width: 200px;
		height: 200px;
	}
	.list-of-sites .site-list .site-link {
		display: block;
		font-size: 25px;
		margin-bottom: 7.5px;
		margin-left: calc(200px + 2rem);
	}
	.list-of-sites .site-list .site-summary {
		margin: 0 0 0 calc(200px + 2rem);
		box-sizing: border-box;
		color: rgb(0, 0, 0);
		font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
		font-size: 16.8px;
		font-weight: 100;
		line-height: 1.5em;
		overflow-wrap: break-word;
	}

/* End styling for list of sites block */

/* Begin slider styling */
	.bx-wrapper img {
         width: 100%;
	}

/* End slider styling */
     ul.resource-list {
         list-style-type: none;
         padding-left: 0 
    }
     ul.resource-list .resource {
         border-bottom: 1px solid #dedede;
         padding-bottom: 29px;
         margin: 30px 0;
         overflow: hidden;
         position: relative 
    }
     ul.resource-list .resource>*:last-child {
         margin-bottom: 0 
    }
     ul.resource-list .resource:first-child {
         border-top: 1px solid #dedede;
         padding-top: 29px 
    }
     ul.resource-list .resource img {
         height: auto;
         width: 60px;
         float: right;
         margin-left: 15px 
    }
     ul.resource-list .resource h4 {
         margin-top: 0 
    }
     ul.resource-list .resource .description {
         max-height: 90px;
         overflow: hidden;
         position: relative 
    }
     ul.resource-list .resource .description::after {
         content: "";
         position: absolute;
         top: 52.5px;
         left: 0;
         right: 0;
         height: 37.5px;
         background: linear-gradient(to top, #f8f8f8, rgba(248, 248, 248, 0)) 
    }
     ul.resource-list .resource img ~ * {
         width: calc(100% - 75px) 
    }
     .search-filters {
         margin-bottom: 30px 
    }
     .filter-label, .filter-value {
         display: inline-block;
         border: 1px solid #dedede;
         padding: 6.5px 
    }
     .filter-label {
         background-color: #dedede 
    }
     .filter-value {
         margin-left: -5px 
    }
     .browse-controls {
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap 
    }
     .advanced-search {
         line-height: 45px 
    }
     body.resource #content>h2:first-of-type+h3 {
         font-size: 15px;
    }
     .property {
         margin-bottom: 30px 
    }
     .property h4 {
         margin-bottom: 0;
    }
     .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 h4 {
         margin-bottom: 15px 
    }
     #linked-resources .resource-link {
         margin-bottom: 0;
         display: flex;
         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 
    }
     .remove-value::before {
         text-indent: 0;
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         line-height: 45px 
    }
     a.metadata-browse-link {
         font-size: 15px 
    }
}
@media (min-width: 660px) {
     header nav {
         padding-left: 6%;
    }
     #content {
         padding-left: 6%;
    }
}
@media screen and (min-width: 800px) {
     table {
         margin: 30px 0;
         border-collapse: collapse 
    }
     th, td {
         text-align: left;
         padding: 7.5px 15px;
         padding-bottom: 6.5px;
    }
     header {
         position: relative;
         padding: 0 0 0 0;
    }
     header > * {
    }
     footer {
         font-weight:100;
         padding-bottom:4em;
         text-align:center;
         background-color: #00356b;
         clear: both;
    }
     footer a:link {
         text-decoration: none;
    }
     header nav {
         margin: 0 auto 0;
         position: static;
         font-weight:100;
         font-size:1.3em;
         max-width:100%;
    }
     header nav::before {
         content: "";
         border: 0;
         display: none 
    }
     header nav ul a {
         padding: 0 
    }
     header nav ul li {
         position: static 
    }
     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 {
         position: static;
    }
     header nav ul.navigation li ul::before {
         display: none 
    }
     header nav ul.navigation>li {
         display: inline-block 
    }
     header nav ul.navigation>li:not(:last-child) {
         margin-right: 15px;
         position: relative;
    }
     header nav ul.navigation > li > ul {
         top: 30px;
         padding: 0;
         list-style: none;
         width: 100%;
         background-color: #fcfcfc;
         border: solid #ababab;
         border-width: 1px 0;
         padding: 14px 0 6.5px;
         display: flex;
         flex-direction: row;
         flex-flow: row wrap;
         visibility: hidden;
         opacity: 0;
    }
	/* 	Appreciation to Una Kravets and https://codepen.io/una/pen/Gxwogy for hover improvements */
     header nav ul.navigation > li:hover > ul {
         max-width: 1700px;
         margin-left: auto;
         margin-right: auto;
         padding: 0;
         position: absolute;
         left: 0;
         right: 0;
         background-color: #fcfcfc;
         border: 1px solid #dedede;
         visibility: visible;
         opacity: 1;
         z-index: 1;
         overflow: hidden;
    }
     header nav ul.navigation>li:hover>ul::after {
         content: "";
         left: -9999px;
         right: -9999px;
         background-color: #fff;
         position: absolute;
         top: 0;
         bottom: 0;
         border-bottom: 1px solid #dedede;
         z-index: -1 
    }
     header nav ul.navigation>li>ul>li {
         width: 100%;
         font-size: 1em;
         font-weight: bold;
         padding-bottom: 30px 
    }
     header nav ul.navigation>li>ul>li ul {
         font-weight: normal;
         padding: 0;
         list-style-type: none;
         height: auto 
    }
     header nav>ul>li>a {
    }

     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: 7px 10px;
         line-height: 1.7em;
         background-color: #fcfcfc;
         border-bottom: 1px solid #dedede;
    }
     header nav>ul li:hover ul li:last-child {
         border-bottom: none;
    }
     header nav>ul>li>ul>li a, header nav>ul>li>ul>li>ul>li a {
         padding-left: 0 
    }
     .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 {
    }

     #search form input[type="text"], #search form button[type="submit"] {
         height: 30px;
         font-size: 15px;
         line-height: 30px 
    }
     #search form button[type="submit"] {
         width: 30px;
         height: 30px;
         padding: 0 
    }
     #search form button[type="submit"]::before {
         line-height: 30px 
    }
    .spacer {
    	margin-bottom: 0px;
    }
     ul.resource-list .resource img {
         width: 120px;
         height: auto;
         float: right;
         margin-left: 15px 
    }
     ul.resource-list .resource img ~ * {
         width: calc(100% - 135px) 
    }
     body.item-set.item #content {
         display: flex;
         flex-wrap: wrap;
         align-items: flex-start;
         justify-content: flex-end;
    }
     body.item-set.item #content>h2, body.item-set.item #content>h3 {
         width: 100% 
    }
     body.item-set .metadata {
         width: 32.20339%;
         border-left: 5px solid #dedede;
         padding-left: 1.69492%;
         margin-right: 1.69492% 
    }
     body.item-set .metadata h4:first-of-type {
         margin-top: 0 
    }
     body.item-set #content .metadata ~ * {
         width: 66.10169%;
         border-left: 1px solid #dedede;
         padding-left: 1.69492% 
    }
     body.item-set .item-set-items h3 {
         margin-top: 0 
    }
     body.item-set .metadata ~ nav.pagination:first-of-type {
         margin-bottom: 0 
    }
     .preview-block {
         clear: both 
    }
     ul.preview.resource-list li:first-of-type {
         border-top: 1px solid #dedede;
         padding-top: 29px 
    }
}
ul.navigation a:link {
     font-weight:300;
}
ul.navigation a:visited {
     color:#286dc0;
}
ul.navigation a:hover {
     text-decoration:underline;
}
a.site-title :hover {
     color:#63aaff;
}

/*for hover overlay*/
.container-hover {
     position: relative;
     width: max-content;
}
.image {
     display: block;
     width: 100%;
     height: auto;
}
.overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 95%;
     width: 100%;
     opacity: 0;
     transition: .5s ease;
     background-color: #00356b;
}
.container-hover:hover .overlay {
     opacity: 1;
}
.text {
     color: white;
     font-size: 1.3em;
     font-weight:300;
     width:100%;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
}
#admin-bar ul {
     display: inline-block;
}
#primary-nav {
     clear: both;
     position: relative;
     margin: 0 auto;
     padding: 0;
     width: 100%;
     z-index: 50;
}
#primary-nav::after {
     content: "\0020";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
#primary-nav a.YaleLogo:hover {
     background: none;
     color: #ffffff;
}
#primary-nav a.YaleLogo {
     float: left;
     margin-right: 3em;
     font-family: "YaleDesign Normal";
     font-size: 1.5em;
     -webkit-font-smoothing: antialiased;
}
#takedown {
     float: right;
}
@media only screen and (max-width: 800px) {
     h1 {
         margin-top: 1em;
    }
}
@media only screen and (max-width: 959px) {
    .site img {
    	margin-right: 1em;
    }
    .list-of-sites .site-list .site-link {
    	margin-left: unset;
    }
    .list-of-sites .site-list .site-summary {
    	margin: unset;
    }
	nav.pagination:first-of-type {
		display: block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
     #primary-nav a.YaleLogo {
         margin: 0 auto;
         padding: 5px 2% 10px 2%;
         -webkit-font-smoothing: antialiased;
    }
}
@media only screen and (max-width: 767px) {
     #primary-nav a.YaleLogo {
         margin: 0 auto;
         padding: 5px 2% 10px 2%;
         -webkit-font-smoothing: antialiased;
    }
    .site img {
    	float: none;
    }
    .list-of-sites .site-list .site-link {
    	line-height: 140%;
    	clear: left;
    	margin-bottom: 1em;
    	margin-top: 1em;
    }
}
@media only screen and (max-width: 480px) {
    .site img {
    	width: 200px;
    	display: block;
    	float: none;
    }
    .list-of-sites .site-list .site-link {
    	line-height: 140%;
    	clear: left;
    	margin-bottom: 1em;
    	margin-top: 1em;
    }
     h1 {
         text-align: center;
    }
     .featured h2 {
         text-align: center;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
     #primary-nav a.YaleLogo {
         margin: 0 auto;
         padding: 5px 2% 10px 2%;
         -webkit-font-smoothing: antialiased;
    }
}

/* NAVIGATION */
#primary-nav ul {
     padding: 0px 0 0 1px;
}
#primary-nav li {
     list-style-type: none;
     margin: 0 0 0 -1px;
     position: relative;
}
#primary-nav .universal-nav {
     position: relative;
     z-index: 100;
     overflow: visible;
    list-style: none;
    margin: 0;
    padding-left: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#primary-nav .universal-nav > li {
     float: right;
     position: relative;
     overflow: visible;
}
#primary-nav .universal-nav a {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
     display: block;
}
#primary-nav .universal-nav li.active a {
     background: #286dc0;
     color: #ffffff;
}
#primary-nav .universal-nav a:hover {
     background: #bd5319;
}
#primary-nav .universal-nav li ul, #primary-nav .universal-nav li ul ul {
     display: none;
}
#primary-nav .universal-nav li:hover > ul, #primary-nav .universal-nav li ul li:hover > ul {
     position: absolute;
     display: block;
     top: 3em;
     margin-top: 1px;
     z-index: 1000;
     -moz-box-shadow: #cccccc 0 3px 5px;
     -webkit-box-shadow: #cccccc 0 3px 5px;
     box-shadow: #cccccc 0 3px 5px;
}
#primary-nav .universal-nav li:hover > ul li {
     width: 160px;
}
#primary-nav .universal-nav li ul li:hover > ul {
     position: absolute;
     top: 0;
     left: 160px;
     border-left: 0;
     margin: 0 0 0 -1px;
}
#secondary-nav, .secondary-nav {
     margin-bottom: 0.5em;
     overflow: auto;
}
#secondary-nav li, .secondary-nav li {
     padding: 1.5em 0;
     margin-right: 20px;
}
#secondary-nav .active a, .secondary-nav .active a {
     background: #fff;
     color: #333;
     font-weight: bold;
}
#secondary-nav .tags .nav-browse-all a, .secondary-nav .tags .nav-browse-all a {
     font-weight: normal;
     border: none;
     border-bottom: 1px solid #fff;
     background: none;
}
#mobile-nav {
     display: none;
}

/* BEGIN ADDITIONAL STYLES */

/*HEADER*/
#primary-nav {
   background-color: #00356b;
}
#primary-nav a.YaleLogo { 
padding: 0 0 0 4%;
}
a.site-title img {
    max-width: 350px;
    padding-top: 4px;
}
#primary-nav .universal-nav a {
     color: #7ca2cf;
     font-size: .75em;
     padding: 8px 36px 5px 18px;
}
#primary-nav .universal-nav a:hover {
   color: #fff;
}
#content {
   padding: 0 4%;
}
@media screen and (min-width: 800px) {
header > * {
    padding: 0 4%
}

/* NAV MENU */
header nav {
    padding: 0 4%;
    background-color: #fafafa;
    box-shadow: inset 1px 0px 5px 0px rgba(232,232,232,1);
}
header nav>ul>li>a {
    margin: 3px 10px 1px 3px;
    height: 30px;
}
header nav ul.navigation {
    margin-left: -1px;
    font-size: 0.6em;
    font-weight: 200;
    letter-spacing: .25px;
    display: inherit;
}
#search {
    left: 80%;
    border-left: 0px solid #dedede;
    padding: 45px 30px;
}
#search form button[type="submit"]::before {
color: #777;
  }
}
@media (min-width: 660px) {
	img.banner {
		 margin-left: -6.75%;
	}
}
ul.navigation a:link {
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
ul.navigation a:visited {
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
ul.navigation a:hover {
    color: #286dc0;
    letter-spacing: 1px;
}

/* CONTENT */
td {
    padding: 0;
}

/* Site Title */
span.title { 
     font-weight: 400;
     color: #00356b;
}
#content span.title {
     color: #222;
     letter-spacing: 0;
}
h2  {
    color: #222222;
    font-size: 2em;
    line-height: 1;
    font-weight: normal;
    padding-top: 20px;
}
td.story { 
     padding-right: 60px;
}
blockquote { 
     font-family: YaleNew, Georgia, Times;
     font-size: 1.4em;
     font-style: italic;
     line-height: 1.5;
     color: #999;
     padding-bottom: 20px;
}
img.header-image { 
    background-color: white;
}
div.item.resource {
     font-size: .8em;
}


/* Visual Story Image - To adjust the height, just add an HTML element, create an image source link to the item image and add a height attribute in the image tag */
img.banner { 
     width: 100vw;
	margin: auto;
     margin-top: -16px;
     object-fit: cover;
	z-index: 0;
}
/* This styles the exhibition sponsor or department in small caps with top and bottom borders */
body.page .blocks h3 {
     font-family: YaleNew, Georgia, Times, serif;
     font-variant: small-caps;
     font-size: 1.3em;
	line-height: 1.75;
     letter-spacing: 3px;
     text-align: center;
     color: #444;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
/* This styles the gray pull quote or highlighted text to accompany paragraphs of prose. */
body.page .blocks h2 {
	font-family: YaleNew, Georgia, Times;
	font-size: 2.25em;
	line-height: 1.4;
	text-align: center;
	color: #90a4ae;
	font-weight: 100;
	padding: 0px;
	border: none;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
body.page .blocks blockquote {
	font-size: 2.25em;
	line-height: 1.4;
	text-align: center;
	color: #90a4ae;
	max-width: 950px;
	margin: 0px auto;
	padding: 0px;
}
body.page .blocks blockquote p {
	color: #90a4ae;
}
/* This styles the name attribution for a curator or quote . */
body.page .blocks cite {
	font-family: YaleNew, Georgia, Times;
	font-size: 1.4em;
	text-align: center;
	color: #90a4ae;
	letter-spacing: .5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	line-height: 1.75;
}
iframe.timeline { 
     width: 100%
     object-fit: cover;
}
.file {
   border-top: 0;
   border-bottom: 0;
}
.media-render {
    margin-bottom: .5em;
}
.item.resource p {
    line-height: 1.5;
}
body.resource #content>h2:first-of-type+h3 {
     font-variant: small-caps;
     text-transform: lowercase;
     margin: -15px 0 30px;
}
.property h4 { 
     font-size: 18px;
     color: #78909c;
}

/* PAGINATION */
.site-page-pagination {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.site-page-pagination a:link { 
     text-decoration: none;
     font-size: .8em;
     color: #666;
}
.site-page-pagination a:visited { 
     text-decoration: none;
     font-size: .8em;
     color: #666;
}
.site-page-pagination a:hover { 
     text-decoration: underline;
     color: #286dc0
}
ul.resource-list .resource {
    padding-top: 30px;
    margin-top: -30px;
}

/* FOOTER */
footer {
    background-image: none;
    font-size: .8em;
    line-height: 1;
    color: #cccccc;
}
footer a:link { 
    color: #cccccc;
}
footer a:visited { 
    color: #cccccc !important;
}
footer a:hover {
    color: #63aaff !important;
    text-decoration: underline;
}