@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700");


/* Global 
------------------------------------------------------------- */

*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
* ::selection{background:#00b7ab;color:#fff}

a { 
    text-decoration:none;
    color:#00b7ab;
    transition: all 0.2s ease-in-out;
}
a:hover { 
    text-decoration:underline;
    color:#00E0D1;
}
a img { transition: opacity 0.2s ease-in-out; }
a img:hover { opacity:0.88; }


/* Neatline
------------------------------------------------------------- */

.mi_title_bar {
    background-color:#243156;
    height:42px;
    display:flex;
    justify-content: flex-start;
    align-items:center;
    padding-left:12px;
    line-height:1;
    /*position: absolute;
    z-index: 999;
    width: 100%;*/
}

.mi_title_bar img {
    width:308px;
    height:auto;
}   

/* Show page */
body.neatline.show .container {
    width:100%;
    max-width: 100%;
    background-color: #fff;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

body {font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:16px;font-weight:300;margin:0; background-color:#faf9f8;}
hr{height:0px;background:transparent;font-size:0;border:0}
body.neatline.browse, body.browse {background:#faf9f8;}
body.neatline.browse div.container {
    font-size:1.2em;
    margin:3em auto;
    width:50%;
    padding: 60px 0 114px;
    text-align: center;
}
body.neatline.browse div.container h1.title {font-family:"Open Sans", Helvetica, Arial, sans-serif;margin-bottom:0;font-size:42px}
body.neatline.browse div.container div.list span.date {display:none;font-family:"Open Sans", Helvetica, Arial, sans-serif}
body.neatline.browse div.container div.list span.title {margin-left:.5em}

body.neatline.browse div.exhibit {
    background-color: #e6f6f5;
    padding: 32px 15px;
    border-radius: 12px;
    margin: 30px auto;
}

body.neatline.show div.exhibit {
    float:left;
    width:65%;
}
body.neatline.show div.exhibit #neatline,
body.neatline.show div.exhibit #neatline-map {
    height:100%;
    width:100%;
}
body.neatline.show {
    background-image: url('/themes/neatlight-master/neatline/exhibits/themes/lewis-county-map-project/img/background-lewis-county-historical-map-project.jpg');
    background-size:cover;
}

body.neatline.show .container {
    width: 100%;
    max-width: 660px;
    background-color: rgba(255,255,255,0.85);
    background-color: #fff;
    margin: 120px auto 12px;
    border-radius: 24px;
    padding: 3.75em 3.5em 3.5em;
}
body.neatline.show .container strong { font-weight:700 !important; } 
body.neatline.show div.narrative p.exhibit-button { margin-top:44px; margin-bottom:54px; text-align:center; } 
body.neatline.show div.narrative p:has(small) {
    line-height:17px !important;
  }
body.neatline.show div.narrative a.back {
    display:inline-block;
    display:none;
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    padding:5px 8px;
    margin-bottom:1em;
}
body.neatline.show div.narrative p.small-text {line-height: 20px;}
body.neatline.show div.narrative a.back .arrow{font-size:13px}
body.neatline.show div.narrative h1.title {
    margin:0 auto 10px;
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 42px;
    text-align:center;
    text-decoration: none;
    letter-spacing: -0.25px;
    line-height: 50px;
    text-transform: none;
}
body.neatline.show div.narrative p {
    margin: 20px auto 0;
    line-height:27px;
}
a.exhibit.button { 
    background-color:#00b7ab;
    color: #fff;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    padding:12px 56px 12px 44px; 
    font-size:22px;
    border-radius:12px;
}
a.exhibit.button::after {
    position: relative;
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 22' style='enable-background:new 0 0 25 22;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23233156;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M60.7,7h-5.1c0.1-0.4,0.1-0.9,0.1-1.3c0-2.8-2.1-4.9-5.4-4.9c-2.7,0-3.4,2.9-4.5,4.7c-0.5,0.7-1,1.4-1.5,2l0,0 l0,0c-0.9,1-1.4,1.4-1.8,1.4h-0.2C42,8.5,41.5,8.3,41,8.3h-3.8c-1,0-1.9,0.8-1.9,1.7v13.6c0,0.9,0.8,1.7,1.9,1.7H41 c0.5,0,1-0.2,1.3-0.5h0.2c1.7,0,4,2.4,7.5,2.4h1.3c3.7,0,5.8-2.3,5.9-5.4c0.7-1.1,1.1-2.4,0.9-3.7c0.2-0.4,0.4-0.9,0.5-1.3h2.1 c2.7,0,4.9-2.2,4.9-4.9C65.6,9.3,63.4,7,60.7,7z M60.7,14h-5.4c0.8,0.9,0.9,2.5-0.3,3.6c0.7,1.2,0.1,2.7-0.8,3.2 c0.4,2.3-0.6,3.6-3,3.6H50c-2.7,0-4.6-2.1-7.1-2.3V11.6c1.5-0.2,2.5-1.3,3.5-2.3c0.7-0.7,1.3-1.5,1.8-2.4c0.9-1.4,1.5-3.3,2.1-3.3 c1.4,0,2.6,0.5,2.6,2.1c0,2.1-1.6,3.1-1.6,4.2h9.4c1.1,0,2.1,1,2.1,2.1C62.8,13,61.8,14,60.7,14z M40.6,21.6c0,0.8-0.6,1.4-1.4,1.4 c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4S40.6,20.8,40.6,21.6z'/%3E%3Cpath class='st1' d='M20.5,5.5h-4c0.1-0.3,0.1-0.7,0.1-1c0-2.2-1.6-3.8-4.2-3.8c-2.1,0-2.6,2.2-3.5,3.6C8.5,4.8,8.1,5.3,7.7,5.8l0,0 l0,0C7,6.6,6.6,6.9,6.3,6.9H6.2c-0.3-0.2-0.6-0.4-1-0.4h-3c-0.8,0-1.5,0.6-1.5,1.3v10.6c0,0.7,0.7,1.3,1.5,1.3h3 c0.4,0,0.8-0.1,1-0.4h0.1c1.3,0,3.1,1.8,5.9,1.8h1c2.9,0,4.6-1.8,4.6-4.2c0.6-0.8,0.9-1.9,0.7-2.9c0.2-0.3,0.3-0.7,0.4-1h1.6 c2.1,0,3.8-1.7,3.8-3.8C24.4,7.3,22.6,5.5,20.5,5.5z M20.5,11h-4.2c0.6,0.7,0.7,2-0.2,2.8c0.5,0.9,0.1,2.1-0.6,2.5 c0.3,1.8-0.5,2.8-2.3,2.8h-1c-2.1,0-3.6-1.7-5.5-1.8V9.1c1.2-0.1,2-1,2.7-1.8c0.5-0.6,1-1.2,1.4-1.8c0.7-1.1,1.2-2.6,1.6-2.6 c1.1,0,2,0.4,2,1.6c0,1.6-1.2,2.5-1.2,3.3h7.3c0.9,0,1.6,0.8,1.6,1.6C22.1,10.2,21.4,11,20.5,11z M4.8,16.9c0,0.6-0.5,1.1-1.1,1.1 s-1.1-0.5-1.1-1.1s0.5-1.1,1.1-1.1S4.8,16.3,4.8,16.9z'/%3E%3C/svg%3E%0A");
    height: 20px;
    width: 23px;
    position: relative;
    z-index: 100;
    display: inline-block;
    left: 8px;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    transform-origin: bottom;
    transform: translate(0px,0px);
}   
a.exhibit.button:hover,
a.exhibit.button:focus { 
    background-color:#00e0d1;
    text-decoration:none;
}  
a.exhibit.button:hover:after,
a.exhibit.button:hover:after {
		animation-name: bounce-4;
		animation-timing-function: ease;
		animation-fill-mode: forwards;
}
	@keyframes bounce-4 {
		0%   { transform: translateX(0); }
		100%  { transform: translateX(6px); }
	}


body.neatline.show div.narrative p.first:first-letter{float:left;margin:0 5px 5px 0;font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:100px}
body.neatline.show div.narrative [data-neatline-slug]{padding:3px 5px}
#colophon{font-size:15px}


/* fields
------------------------------------------------------------- */

label {font-weight:700;}
input,
select,
textarea { 
    background-color: #faf9f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #1f2024;
    line-height: 1.875;
    font-size: 1em;
    font-weight: 400;
    padding: 5px 14px;
    width: 100%;
    transition: border 0.2s ease-in-out;
}
select { 
  height:36px;
  padding-top:2px;
  padding-bottom:2px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292' height='160.68' viewBox='0 0 292 160.68'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23888;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M291.17,76.68c-2.13-8.42-10.71-10.44-15.65-10.89l.3-.11H273.9c-1.18-.05-1.92,0-1.92,0H20s-.74-.05-1.92,0H16.18l.3.11C11.54,66.24,3,68.26.83,76.68c-3,12,3,18,6.06,21s122.34,120,122.34,120,8.08,8.32,16.17,8.66a.93.93,0,0,1,1.2,0c8.09-.34,16.17-8.66,16.17-8.66s119.3-117,122.34-120S294.21,88.68,291.17,76.68Z' transform='translate(0 -65.66)'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
} 
input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus { 
    background-color: #fff;
}   
div.input.input.advanced-search-joiner,
div.input.advanced-search-element,
div.input.advanced-search-type { display:inline-block;}

input#submit_search_advanced { 
    background-color:#00b7ab;
    font-weight:700;
    transition:all 0.2s ease-in-out;
    border: transparent;
    color: #fff;
    font-family: 'open sans', helvetica, arial, sans-serif;;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
}
input#submit_search_advanced:hover,
input#submit_search_advanced:focus { 
    background-color:#00E0D1;
    font-weight:700;
    border: transparent;
}


/* Show and Items Pages
------------------------------------------------------------- */

/* header and footer */

.items .mi_page_header,
.show .mi_page_header,
.neatline .mi_page_header {
    background-color: #243156;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    max-width: 680px;
    margin: 0 auto;
    padding: 14px 0;
}
.items .mi_page_header img,
.show .mi_page_header img,
.neatline .mi_page_header img {
        height:60px;
}
#colophon p { padding-left:12px; padding-right:12px; }
#colophon p,
.items #colophon p,
.show #colophon p {
    font-size: 12px;
    text-align: center;
    line-height:1.4;
    margin-bottom: 16px;
}
#colophon p,
.items #colophon p,
.show #colophon p,
#colophone p a,
.items #colophon p a,
.show #colophon p a {
    color: #777;
}
.show.neatline #colophon p,
.show.neatline #colophon p a {
    color: #fff;
}
#colophon p a,
.items #colophon p a,
.show #colophonp p a,
#colophon p a:hover,
.items #colophon p a:hover
.show #colophonp p a:hover {
    text-decoration:underline;
}    
.neatline.browse .container #colophon,
.neatline.show .container #colophon {
    display:none;
}

/* page contents */
body.items .container,
body.show .container,
body.collections.show .container,
body.files.show .container,
body.items.browse .container {
    max-width: 680px;
    background-color:#fff;
    margin: 30px auto 16px;
    border-radius: 0 0 20px 20px;
    padding: 36px 36px 24px;
}
body.items .container,
body.show .container,
body.collections.show .container,
body.files.show .container,
body.items.browse .container {
    max-width: 680px;
    background-color:#fff;
    margin: 0px auto 16px;
}   

body.show p, body.items p { margin-top:0; margin-bottom:8px;}
body.show h1, body.items h1 { margin-top:0; margin-bottom:30px; line-height:1.2; /*text-align: center; text-transform: uppercase;*/ }

body.show h2, body.show h3, body.show h4,
body.items h2, body.items h3, body.items h4 { 
    margin-top:34px;
    margin-bottom:8px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}
body.show h2 { margin-top: 68px; }

#itemfiles div.item-file.image-jpeg:after,
#itemfiles div.item-file.application-pdf:after {
    content:"click to view full image";
    width:200px;
    display:block;
    height:32px;
    font-size:13px;
    color:#777;
}
#itemfiles div.item-file.application-pdf:after {
    content:"click to download pdf";
}   

/* Navigation */

ul.navigation,
ul.pagination,
ul#sort-links-list,
#item-filters ul {
    padding-left:0;
}
ul.navigation li,
ul.pagination li,
ul#sort-links-list li,
#item-filters ul li {
    list-style:none;
}
#item-filters ul li { font-weight:600; }

nav ul.navigation li { display:inline-block; }
nav ul.navigation li a {
    padding: 0px 5px;
    background-color: transparent;
    color:#243156;
    transition: all 0.2s ease-in-out;
    text-decoration:underline;
}
nav ul.navigation li:first-child a { padding-left:0; }
nav ul.navigation li a:hover {
    color: #d3dbf0;
    color: #00E0D1;
}
.page-input form { font-weight:800; }
nav ul.pagination {
    display:flex;
    flex-flow:row;
    margin: 14px auto;
    padding: 12px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
ul.pagination input {
    line-height: 1;
    padding: 6px 14px;
    width: 52px;
    background-color:#f0f0f0;
    border:0;
    margin-left:5px;
}
span.sort-label { font-weight:800; }

ul#sort-links-list { display:inline; margin-top: 0px; margin-bottom: 50px; }

ul#sort-links-list li { display:inline-block; }
ul#sort-links-list li a {
    padding: 0px 5px;
    color:#243156;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    text-decoration:underline;
}  
ul#sort-links-list li a:hover {
    color: #00E0D1;
}    
ul#item-pagination.navigation { 
    padding-left: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
ul.item-pagination.navigation .previous a,
ul.item-pagination.navigation .next a,
nav ul.pagination li.pagination_previous a,
nav ul.pagination li.pagination_next a {
    padding: 3px 15px;
    background-color: #00b7ab;
    border-radius: 4px;
    color:#fff;
    font-weight:600;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    transition: all 0.2s ease-in-out;
    text-decoration:none;
    line-height:1.875;
}
nav ul.pagination li.pagination_previous a,
nav ul.pagination li.pagination_next a {
    background-color: transparent;
    color:#888;
    border:1px solid #888;
    font-size: 13px;
    padding: 6px 11px;
    line-height: 2.25;
}    
nav ul.pagination li.pagination_previous a { margin-right: 12px;}
nav ul.pagination li.pagination_next a { margin-left: 12px; }
ul.item-pagination.navigation .previous a:hover,
ul.item-pagination.navigation .next a:hover {
    background-color: #00E0D1;
    text-decoration:none;
}
nav ul.pagination li.pagination_previous a:hover,
nav ul.pagination li.pagination_next a:hover {
    background-color: #888;
    color:white;
} 
a.view-items-link { 
    text-align:center; 
    margin: 36px auto 0;
    display: block;
}

/* outputs */

#outputs,
#item-output-formats { display:none; }

/* neatline homepage */

.show.neatline .mi_page_header,
.neatline.browse .mi_page_header {
    width:100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 14px 0;
}


/* Forums
------------------------------------------------------------- */

form#advanced-search-form #search-keywords,
form#advanced-search-form #search-narrow-by-field-alerts,
form#advanced-search-form #search-narrow-by-fields,
form#advanced-search-form #search-keywords,
form#advanced-search-form #search-by-range,
form#advanced-search-form div.field { margin-top:20px; margin-bottom:20px;}


/* Media Queries 
------------------------------------------------------------- */

@media only screen and (max-width: 641px) {

body.neatline.show .container {
    width: 90%;
    margin-left:24px;
    margin-right:24px;
    padding: 2em 1em 3em;
  }
  a.exhibit.button {
    padding: 12px 33px 12px 27px;
    font-size: 18px; 
  }
  .show.neatline #colophon p {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

}