html {
    scroll-behavior: smooth;
}

::placeholder {
    font-style: normal;
    font-size: 32px;
}

p a, 
span a, 
#content ul a, 
#content ol a,
.element-text a {
    background: transparent;
}

#content {
    padding: 0;
}

.row.accordion {
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 60px;
    padding-bottom: 30px;
    cursor: pointer;
}

/* header */
header {
    padding: 0;
    text-align: left;
}

nav#admin-bar {
    display: none;
}

#scripto-account-bar li {
    padding-right: 12px;
}

#scripto-account-bar li a,
#scripto-account-bar li a:visited,
#scripto-account-bar li a:link{
    padding-right: 0;
    
}

#top-nav .menu-toggle::before {
    font-family: 'Font Awesome 5 Free';  
}

.mobile #search-form, #top-nav > ul {
    top: 100%;
    left: 0;
    right: 0;
}

nav#top-nav li {
    display: block;
}



#top-nav > ul > li {
    padding-left: 0;
    padding-right: 0;
}

/* home */

.home-content .container {
        margin: 0 auto;
    }
    
    #home .call-action {
        background: black;
    }

section.hero {
    margin-bottom: 70px;
}

.col.hero-image {
   height: auto;
}

.col.hero-map {
    background-image: none;
    background-size: auto;
    height: auto;
}

.col.hero-map img {
    max-width: 100%;
}

.col.hero-map h3 {
    margin-top: 1rem;
}

.col.hero-image .hero-text {
    position: static;
}

#home .col.hero-map .buttons {
    display: flex;
}

#home .col.hero-map a.button {
    background:#C3D4D6;
    border-bottom: none;
    padding: 8px 20px;
    min-height: auto;
    font-size: 1rem;
    border-radius: 30px;
    font-family: "Mada", sans-serif;
    text-align: center;
opacity: 1;
}

#home .col.hero-map a.button:hover {
    opacity: .7;
}
#home .col.hero-map a.button:after {
    content: none;
}

.hero-text p::first-line {
    font-size: 2rem;
    font-weight: bold;
}

.hero-text form#advanced-search-form {
    align-items: flex-end;
    display: flex;
    color: black;
    justify-content: flex-start;
}

.hero-text form#advanced-search-form #search-keywords {
    flex-grow:1;
}
    
    
.hero-text form#advanced-search-form .field {
    margin-bottom: 0;
}

.hero-text form#advanced-search-form .field > .inputs {
    width: 100%;
    padding: 0;
    display: flex;
    gap: 10px;
}

.hero-text form#advanced-search-form .field > .inputs .field-container:first-of-type {
    flex-grow: 1;
}

.hero-text form#advanced-search-form .field > .inputs .field-container label {
    color: #fff;
}

.hero-text form#advanced-search-form .field > .inputs input {
    border-radius: 8px;
}

.hero-text form#advanced-search-form .field > .inputs input::placeholder {
    font-size: 1rem;
}

.hero-text form#advanced-search-form input.submit {
    background: #EBE7E0;
    border-radius: 8px;
    height: 40px;
    margin: 0;
    min-height: 40px;
    padding: 0;
    width: 80px;
    color: black;
}

.hero-text form#advanced-search-form input.submit:hover {
    background: #C3D4D6;
    opacity: 1;
}

.hero-text form#search-form {
    display: flex;
    flex-wrap: wrap;
    position: static;
    height:auto;
    padding: 0;
    color: black;
    justify-content: flex-start;
}

.hero-text form#search-form input[type="text"]#query {
    border-width: 0;
    border-radius: 8px 0 0 8px;
    height: 40px;
    width: calc(100% - 80px);
    background-color: white;
    color: black;
    font-size: 1rem;
}

.hero-text form#search-form .search-contents {
    width: 100%;
}

.hero-text form#search-form button {
    background: #EBE7E0;
    border-radius: 0 8px 8px 0;
    height: 40px;
    margin: 0;
    min-height: 40px;
    padding: 0;
    width: 80px;
}

.hero-text form#search-form button:hover {
    background: #C3D4D6;
    opacity: 1;
}

.hero-text #more-search-options {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%;
    gap: 8px;
}

#more-search-options a.simple-button {
   color: #B68F72;
font-weight: 400;
font-size: 1rem;
    border-bottom: 1px solid transparent;
}

.hero-text #more-search-options a.simple-button:hover {
    text-decoration: underline;
}

.home-content .container .row.card-heading {
    padding-top: 60px;
    justify-content: center;
}

.home-search-ads.alt-button {
    line-height: 45px;
}

.home-search-ads span {
    display: none;
}


#featured-exhibit h2 {
    display: none;
}


.home-content .container .row.home-lesson-plans,
.home-content .container .row.home-stories {

}

.home-content .container .row.home-stories {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.home-content .container .row.home-lesson-plans-header,
.home-content .container .row.home-genealogists {
    align-items: flex-end;
}

.home-content .container .row.home-lesson-plans-header .col-md-5,
.home-content .container .row.home-genealogists .col-md-5 { 
    text-align: right;
    padding-bottom: 16px;
    font-weight: 600;
}

.home-content .container .row.home-lesson-plans-header .col-md-5 a:hover,
.home-content .container .row.home-genealogists .col-md-5 a:hover {
    text-decoration: underline;
}

.home-content .container .row.home-lesson-plans.featured-lesson-plans {
    column-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-content .container .row.home-lesson-plans.featured-lesson-plans .item.record,
.home-content .container .row.home-lesson-plans.featured-lesson-plans .exhibit.record {
    max-width: calc(25% - 12px);
}

.home-content .container .row.home-lesson-plans.featured-lesson-plans .item.record img,
.home-content .container .row.home-lesson-plans.featured-lesson-plans .exhibit.record img {
    max-width: 100%;
    padding: 5px;
background: #fff;
border: 1px solid #DDDCDB;
border-radius: 4px
}

.home-content .container .row.home-lesson-plans.featured-lesson-plans .item.record .featured-meta h3,
.home-content .container .row.home-lesson-plans.featured-lesson-plans .exhibit.record .featured-meta h3{
    font-family: "Mada", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    line-height: 1.4;
}

.home-content .container .row.home-lesson-plans.featured-lesson-plans .item.record .featured-meta h3 a:hover,
.home-content .container .row.home-lesson-plans.featured-lesson-plans .exhibit.record .featured-meta h3 a:hover{
    text-decoration: underline;
}

.home-content .container .row.home-lesson-plans.featured-lesson-plans .item.record .featured-meta .item-description,
.home-content .container .row.home-lesson-plans.featured-lesson-plans .exhibit.record .featured-meta p{
    
    display: none;
}

.home-videos .col-md-6 {
    background: #EBE7E0;
    padding: 0;
    max-width: calc(50% - 8px);
}

.home-videos .col-md-6 span {
    margin-left: 24px;
}

.home-videos .col-md-6 h5 {
    font-family: "Mada", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 0 24px 24px 24px;
}





.home-genealogist-stories {
    column-gap: 16px;
}

.home-genealogist-stories .col-md-6 {
    aspect-ratio: 1/1;
    max-width: calc(50% - 8px);
    padding: 0;
}

.home-genealogist-stories .col-md-6.clemons {
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url('/themes/thedaily/images/home_clemons.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
    
.home-genealogist-stories .col-md-6.morgan {
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url('/themes/thedaily/images/home_morgan.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home-genealogist-stories .col-md-6 h5 a {
    position: absolute;
    bottom: 0;
    font-family: "Mada", sans-serif;
    color: #ffffff;
    font-weight: 600;
    padding: 24px;
}

.home-genealogist-stories .col-md-6 h5 a:hover {
    opacity: .6;}

.home-content .container .row .col.home-left .block.block-one .card {
    max-width: 75%;
    padding-right: 0;
    text-align: center;
}

/* item relations */

.item-relations-display-item-relations {
    margin-top: 60px;
}

.itemrelationlist ul {
        margin: 0;
        padding: 0;
    }
    
    .itemrelationlist li {
        display: block;
        padding: 5px 0;
    }


/* primary sources */

#primary-sources .background-beige-2 {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

#primary-sources .row.preview {
    padding-top: 20px;
}

#primary-sources #information-wanted-ads {
    padding-bottom: 116px;
}

#primary-sources .row.lessons.panel {
display: none;
border-bottom: none;
}

.page#primary-sources .source-nav  {
        border-top: 1px solid rgba(0,0,0,0.1);
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 30px;
    }
    
    
    .page#primary-sources .source-nav a {
        display: inline-block;
        margin-right: 40px;
        border-bottom: 1px solid #F7F6F3;
    }
    
    .page#primary-sources .source-nav a:hover {
        border-bottom: 1px solid #000000;
    }



#primary-sources .row.accordion {
    justify-content: center;
    padding-top: 0;
    border-top: none;
}

#primary-sources .row.accordion p {
    font-weight: bold;
    margin-bottom: 0;
}



#primary-sources .accordion:before {
  content: '\2193'; /* Unicode character for down arrow */
  font-size: 35px;
  color: #575656;
  text-align:center;
  width: 50px;
  height: 50px;
  background: #e6e1d8;
  border-radius: 50%;
  margin-right: 16px;
}

#primary-sources .accordion:hover:before {
    background: #B68F72;
}

#primary-sources .accordion.active:before {
  content: "\2191"; /* Unicode character for up arrow */
}

#primary-sources .row.lessons {
         border-bottom: 1px solid rgba(0,0,0,0.1);
     }


/* lesson plans */


.Lesson-Plan iframe {
    width: 100% !important;
}

/* short stories */

#classroom-ready-narratives.page #primary .text {
    min-height: 0;
} 


#classroom-ready-narratives.page .level {
    padding-top: 60px;
}

#classroom-ready-narratives.page .lessons {
    padding-bottom: 30px;
    align-items: stretch;
}

#classroom-ready-narratives.page .lesson {
    padding-bottom: 0;
    margin-bottom: 30px;
}

#classroom-ready-narratives.page .lesson .background-beige-4{
    padding: 30px;
    height: 100%;
    
}

#classroom-ready-narratives.page .lesson .background-beige-4 .row {
    padding: 0;
    height: 100%;
    
}

#classroom-ready-narratives.page .lesson .background-beige-4 .row img.col-md-5{
    display: block;
}

/*.short-story-image .lSSlideOuter,
.short-story-image #itemfiles,
.short-story-image .lSSlideOuter .media-render {
    background: transparent;
}

.short-story-image #itemfiles {
    height: auto !important;
    text-align: left;
}

.short-story-image .lSSlideWrapper .lSFade > * {
    position: relative !important;
}

.short-story-image .lSSlideOuter .media-render img {
    max-height: unset;
    width: 100%;
}*/

.media-caption {
    border-bottom: 1px solid grey;
    margin-bottom: 32px;
    padding-top: 12px;
}

.short-story.col-md-8 {
    max-width: 200px;
}

.story-content {
    margin-bottom: 32px;

}

.story-bio {
    margin-bottom: 32px;
}

/* item show - ad */
.element-text {
    float: none;
}

#itemfiles.lightgallery {
    height: 600px;
}

.element h3 {
    width: 100%;
    float: none;
    text-align: left;
    font-size: 31px;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.items.show #content .item-show-transcribe .item-show-transcribe-find a.button, #scripto-transcription-edit .item-show-transcribe-find a.button {
        color:#000000;
    }
    
    .trans-container .element-set .element {
        flex-direction: column;
    }
    
    .trans-container .element-set .element h6,
    .trans-container .element-set .element .element-text
    {
        width: 100%;
    }
    
    .items.show #other-media img {
        max-width: 100%;
    }
    
     .items.show .other-media-thumb {
         margin-bottom:30px;
     }
     
     .element-text:not(:first-of-type) {
         border-top: none;
     }
     
     .element.nontext h6,
     .element.nontext .element-text{
         width: 100%;
     }
     
     #item-citation.nontext {
         margin-top: 20px;
     }





/* collection tree */

#collection-tree span.accordion {
    background: transparent;
    float: right;
    padding: 0;
    cursor: pointer;
}



#collection-tree span.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  line-height: 1.55556;
    font-size: 1.29375em;
  color: #575656;
  text-align:center;
  
}


#collection-tree .accordion:hover {
color: #B68F72;
}

#collection-tree span.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#collection-tree > ul > li {
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 0;
}


#collection-tree > ul > li > ul {
    display: none;
}

#collection-tree > ul > li > ul > li:last-of-type {
    border-bottom: none;
}

/* guest user */

.guest-user-widgets {
    align-items: stretch;
    column-gap: 30px;
}

div.guest-user-widget {
    border: none;
    float: none;
    background: #EBE7E0;
    height: auto;
    margin: 0;
    padding: 30px;
    width: calc(50% - 15px);
}

h2.guest-user-widget-label {
    border-bottom: none;
    font-family: "Mada", sans-serif;
    font-size: 20.7px;
    font-weight: 700;
    letter-spacing: 0.115px;
    text-transform: none;
}

div.guest-user-widget ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

div.guest-user-widget ul li {
}



.register header .container .row,
.register .container .row,
.update-account header .container .row,
.update-account .container .row{
    margin-bottom: 0;
}

.register .container:after,
.register .container .row:before,
.register .container .row:after,
.update-account .container:after,
.update-account .container .row:before,
.update-account .container .row:after
{
    content: "";
    display: none;
}

.register .columns,
.update-account .columns{
    float: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.register .background-beige-2 p {
    margin-bottom: 0;
}

.register form label,
.update-account form label,
.register form .explanation,
.update-account form .explanation,
.login form label,
#poster .field label,
.share-poster label{
    font-size: 12px;
    opacity: .6;
    float: none;
    clear: none;
    font-weight: normal;
    line-height: 19.2px;
    margin: 0 0 8px 0;
    min-width: unset;
}

.login #login-links {
    align-items: flex-end;
    column-gap: 30px;
    display: flex;
    margin-left: 0;
    margin-top: 60px;
    padding-left: 0;
    list-style: none;
}



/* posters */

.posters.browse ul.subnav,
.update-account ul.subnav,
.posters.edit ul.subnav,
ul.subnav.poster-show,
ul.subnav.poster-share{
    list-style: none;
    display: flex;
    padding-left: 0;
    column-gap: 16px;
    
}

.posters.browse h3.teacher-list-heading span {
    float: right;
    font-family: "Mada", sans-serif;
    font-size: 16px;
    line-height: 37.2px;
}

.posters.browse .teacher-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.posters.browse .teacher-list > li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 30px;

}

.posters.browse #content ul.teacher-list h3 {
    font-family: plantin,serif;
font-weight: 600;
font-size: 24px;
line-height: 1.5;
letter-spacing: -.3px;
}

.posters.browse .teacher-folders {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.posters.browse .teacher-folder {
    background: #EBE7E0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 20px;
}

.posters.browse .teacher-folder .poster-title-description {
    max-width: 60%;
    
}


.posters.browse #content .teacher-folder h5.folder-title { 
    line-height: 1.55556;
    font-family: "Mada", sans-serif;
font-size: 20.7px;
font-weight: 700;
letter-spacing: -.115px;
border-bottom: none;
}

.posters.browse #content .folder-title a { 
    border-bottom: none;


}

.posters.browse #content .folder-title a:hover {
    color: #000000;
    border-bottom: 1px solid #000000;
}

.posters.browse .teacher-folder .poster-meta {
    display: flex;
    justify-content: flex-end;

}

.col.Poster form {
    display: inline-block;
}

.col.Poster .button.cancel,
#submit-poster .button.cancel,
.share-poster .button.cancel {
    background: #e6e1d8;
    margin-left: 8px;
}

ul.poster-actions li {
    display: inline-block;
}

#content ul.poster-actions li a {
    width: auto;
    font-size: 16px;
    min-height: auto;
    padding: 8px 20px;
    border-bottom: none;
    background: #C3D4D6;
}

#content ul.poster-actions li a:hover {
    color: #444444;
}

ul.poster-actions li:not(:last-of-type):after {
    display: none;
}

.posters.edit #poster-items-title {
    border-top: 1px solid rgba(0,0,0,.1);
    margin-bottom: 12px;
    margin-top: 60px;
    padding-top: 30px;
}

.posters.edit #submit-poster {
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 30px;
}

.posters.edit #poster .inputs {
    margin: 0;
}

#poster input[type=text], 
#poster input[type=password] {
    height: 40px;
    border-width: 0 0 1px 0;
    padding: 0 12px 0 16px;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    color: #000000;
line-height: 22.4px;
border-bottom: 1px solid #DDDCDB;
box-shadow: none;
margin-bottom: 0;
padding: 0 12px 0 16px;


}

#poster .mce-tinymce {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#poster-additem #add-item-button {
    background: #DBC0A0;
}

.posters .ui-widget-content {
    border-radius: 4px;
}

.posters.edit .ui-widget-header {
    background-image: none;
    border-radius: 4px 4px 0 0;
    padding: 30px;
}

.posters.edit #additem-modal a.button.blue, 
.posters.edit #additem-modal input[type=submit].blue, 
.posters.edit #additem-modal button.blue,
#additem-modal a.button.green, #additem-modal input[type=submit].green, #additem-modal button.green{
    box-shadow: none;
    background: rgba(0,0,0,.6);
    border: none;
    border-radius: 4px 4px 0 0;
    font-family: "Mada", sans-serif;
    text-shadow: none;
    min-height: unset;
}

#additem-modal a.button.green, #additem-modal input[type=submit].green, #additem-modal button.green {
    background: rgba(0,0,0,1);
}

#item-list .item-listing {
    display: flex;
}

#item-list .item-listing .item-file {
    float: none;
    
}

#item-list .item-listing .item-file img {
    width: 100px;
    
}


#item-list .item-listing .item-listing-metadata h6,
#item-list .item-listing .item-listing-metadata p.x-small-title{ 
    font-family: plantin-condensed,serif;
font-weight: 700;
letter-spacing: .015em;
margin-bottom: 0;
}

#poster-disclaimer {
    margin-top: 40px;
}

#poster-disclaimer-title {
    font-family: "Mada",sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.1px;
}

#poster-items {
    list-style-type: none;
    padding-left: 0;
}

.poster-spot {
    background: #ffffff;
    padding: 30px;
}

.poster-spot ul.poster-actions {
    display: flex;
    justify-content: flex-end;
    column-gap: 8px;
    box-shadow: none;
    margin-bottom: 1em;
}

#content .poster-spot ul.poster-actions li a {
    border-radius: 20px;
    background: #C3D4D6;
    padding: 8px 16px;
}

.poster-item-header {
    width: 100%;
    padding: 0;
    display: flex;
    margin-bottom: 16px;
}

.poster-item-header .image {
    float: none;
    max-width: unset;
}

.poster-item-header .image img {
    width: 100px;
    height: auto;
}


   .poster-spot .poster-item-header .poster-item h6,
.poster-spot .poster-item-header .poster-item p.x-small-title{ 
    font-family: plantin-condensed,serif;
font-weight: 700;
letter-spacing: .015em;
margin-bottom: 0;
}

#content ul .poster-spot .poster-item-header .poster-item h6 a {
     text-decoration: none;
     border-bottom: none;
 }


 .poster-spot h3.poster-item-title {
     margin-bottom: 1rem;
     font-weight: 600;
     font-size: 20px;
 }


#poster .poster-item.row {
    display: flex;
    align-items:flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #DDDCDB;
    padding-top: 40px;
    padding-bottom: 40px;
}

#poster .poster-item.row:first-of-type {
    padding-top: 0;
}

#poster .poster-item.row > a{
    display: block;
    max-width: 150px;
    padding: 5px 5px 0 5px;
background: #fff;
border: 1px solid #DDDCDB;
border-radius: 4px;
}

#poster .poster-item.row > a img {
    float: none;
    clear: none;
    margin: 0;
    width: 100%;
}

#poster .poster-item.row .poster-item {
    display: block;
    max-width: calc(100% - 180px);
    margin-left: 30px;
}

#poster .poster-item.row .poster-item h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.3px;
}

#poster .poster-item.row .poster-item h6,
#poster .poster-item.row .poster-item p.x-small-title{ 
    font-family: plantin-condensed,serif;
font-weight: 700;
letter-spacing: .015em;
margin-bottom: 0;
}

.poster-print-info {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}


.posters #search #search-narrow-by-fields {
    display: none;
}


#content div.guest-user-widget ul > li > a {
    border-bottom: none;
    text-decoration: none;
}

#content div.guest-user-widget ul li a:hover {
    color: #000000;
    text-decoration: underline;
}


/* browse */

.browse #content {
    display: block;
}


span.transcription-info {
        padding-left: 10px;
    }
    
    
    
    .browse-intro form#advanced-search-form {
        top: 0;
        z-index: 0;
        color: black;
        position: relative;
        width: 100%;
        display: flex;
        color: #000;
    align-items: flex-end;

    height: 85px;
    font-size: 50px;
    
    line-height: 1.5;
    font-family: plantin,serif;
    font-weight: 400;
    }
    
    .browse-intro .field-container {
      
    }
    
    .browse-intro #advanced-search-form label {
        font-size: 15px;
        font-weight: 700;
        padding: 0;
        margin: 0;
    }
    
    .browse-intro form > .field {
        margin-bottom: 0;
        
    }
    
    .browse-intro form  .field > .inputs {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0;
        gap:12px;
    }
    
    .browse-intro #advanced-search-form input[type="text"] {
        font-size: 40px;
        line-height: 1.5;
    font-family: plantin,serif;
    font-weight: 400;
    height: 100%;
    
    }
    
    .browse-intro #advanced-search-form input[type="text"]#keyword-search {
       border: 1px solid rgba(0,0,0,0.1);
       border-radius: 5px;
    }
    
    .browse-intro #advanced-search-form input[type="text"].advanced-search-terms {
       
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,0.1)
    }
    
    
    #submit_search_advanced {
        width: 100px;
    }
    
    #item-filters li:not(:last-of-type)::after {
        content: "";
    }
    
.browse-intro #advanced-search-form input[type="text"]:hover {
    background: transparent;
}

.submit-container {
    margin-left: 12px;
}
    
    .browse-intro #advanced-search-form input[type="submit"] {
        color: #fff;
    background-color: #B68F72;
    display: inline-block;
    cursor: pointer;
    font-size: 30px;
    margin: 0;
    line-height: 0;
    order: 2;
    border: none;
    padding: 0;
    border-radius: 6px;
    font-weight: 400;
    letter-spacing: 0;
    position: static;
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900;
    width: 62px;
    height: 62px;
    
    
    }
    
    .browse #more-search-options {
        float: none;
        margin-top: 8px;
        text-align: left;
    }
    
    .browse #more-search-options a.simple-button {
    color: #000000;
    opacity: .6;
    margin-right: 14px;
    border-bottom: 1px solid transparent;
    font-weight: 400;
    font-size: 15px;
    
}

.browse #more-search-options a.simple-button:hover {
    border-bottom: 1px solid #000000;
}
    
    .browse #item-filters {
        border: none;
    }
    
    .records .hentry {
        width: 100%;
        margin: 0;
    }
    
    .records .hentry .item-meta.row .item-metadata.col-md-7 {
        width: auto;
    }
    
    .tippy-box {
          background: white;
          color: #333;
          padding: 25px;
          line-height: 1.6;
          box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.20);
      }

/* facet browse */

#facets-container button {
        color: #000000;
        background: #ffffff;
        text-align: left;
        border-radius: 4px 4px 0 0;
        padding: 20px 4px 15px 24px;
        border-bottom: 1px solid #dddcdb;
    }
    
    #facets-body {
        background-color: #ffffff;
        border-radius: 0 0 4px 4px;
        padding: 20px;
    }
    
    .facet-checkbox input[type="checkbox"] {
        height: 30px;
        margin-right: .7em;
    }
    
    .select-arrow {
        border: 1px solid #dddcdb;
        margin-bottom: 20px;
        border-radius: 4px;
    }
    
    .records .transcription-status p {
        text-align: left;
    }
    
    .facets-layout-vertical {
        display: none;
    }


/* geolocation */

#find-by-location .row.cards,
.map.browse.filters .row.cards,
#online-exhibits .row.cards
{
    gap: 24px;

}

#find-by-location .row.cards .col-md-4,
.map.browse.filters .cards .col-md-4,
#online-exhibits .row.cards .col-md-6{
    height: 200px;
    max-width: calc(50% - 12px);
    padding: 24px;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;

}

.map.browse.filters .cards .col-md-4,
#find-by-location .row.cards .col-md-4{
    max-width: calc(33% - 16px);
}


#find-by-location .row.cards .col-md-4 a,
.map.browse.filters .cards .col-md-4 a,
#online-exhibits .row.cards .col-md-6 a,
#online-exhibits .row.cards .col-md-6 {
    color: #fff;
}

#find-by-location .row.cards .col-md-4:has(a:hover),
.map.browse.filters .cards .col-md-4:has(a:hover),
#online-exhibits .row.cards .col-md-6:has(a:hover){
    background: #532941;
}



#historic-maps #primary .row .col-md-6 {
    max-width: calc(50% - 12px);
    margin-bottom: 60px;
}

#historic-maps #primary .row .col-md-6 img{
    max-width: 100%;
}



/* exhibits */

.exhibits.browse .records {
    gap: 24px;
}
.exhibits.browse .records .hentry.exhibit {
    max-width: calc(33% - 16px);
    display: flex;
    flex-direction: column;
    border-bottom: none;
}


.exhibits.browse .records .exhibit img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center 15%;
    padding: 5px;
    background: #fff;
    border: 1px solid #DDDCDB;
    border-radius: 4px;
}


.exhibits.show .intro p {
    margin-bottom: 24px;
}

.exhibits.show #exhibit-blocks img {
    padding: 5px;
    background: #fff;
    border: 1px solid #DDDCDB;
    border-radius: 4px;
}


#exhibit-wrap {
         justify-content: space-between;
     }
     
     #exhibit-wrap h2 {
         margin-bottom: 40px;
     }
     
     #exhibit-pages {
         width: 100%;
         font-size: 18px;
         font-weight: 700;
     }
     
     #exhibit-pages > ul > li {
         padding: 20px 0;
     }
     
     #exhibit-pages > ul > li:not(:last-child) {
         border-bottom: 1px solid rgba(0,0,0,0.1);
     }
     
     #exhibit-pages ul a {
         border-bottom: none;
         padding-left: 20px;
     }
     
     #exhibit-pages h4 {
         background: transparent;
         font-size: 12px;
         font-family: "Mada", sans-serif;
         font-weight: 500;
         padding-left: 20px;
     }
     
     #exhibit-pages h4 a {
         color: #000000;
     }
     
     .exhibit-block.layout-file {
         width: 80%;
         margin: 40px auto;
     }

@media screen and (max-width: 900px) {
  #top-nav > ul > li {
    width: 100%;
  }
  #top-nav > ul {
    display: block;
    overflow: scroll;
}
}

@media screen and (min-width: 900px) {
    .hero .container{ 
        padding-left: 0;
    }
    
    .col.hero-image {
        height: auto;
    }
    
    .home-content .container .row .col.home-right {
        margin-top: 0;
    }
    
    .home-content .container .row .col.home-left {
        max-width: 100%;
    }
    
    .short-story.col-md-8 {
    max-width: 66.666667%;
}

#top-nav > ul > li {
    border-bottom: none;
}

.col.hero-image .hero-text {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.browse-intro form input[type="text"] {
    padding-bottom: 0;
    width: 100%;
}

#more-search-options {
    float: none;
}
    
}

@media screen and (min-width: 1000px) {
.facets-layout-vertical {
  margin-left: 0;
  margin-right: 40px;
  width: 25%;
  padding-top: 40px;
  display: block;
}

.items.browse .records.row .col {
    width: calc(75% - 40px);
}
}
@media screen and (min-width: 1200px) {
nav.main-menu ul.navigation li:last-of-type ul {
    left: auto;
    right: 0;
}
.exhibit.show .intro p{ 
    line-height: 1.66578;
        font-size: 1.0787em;
        font-weight: 400;
        letter-spacing: -.115px;
}
}