dd.value:first-of-type {
    margin-top:-30px;
}
.property:has(dd.value) {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}   
 dd.value:has(.value-content) {
        width: 80%;
        padding-left: 20%;
        margin-bottom:20px;
    }
.property .value-content:after(nth-last-child) {
    content:none;
}
.property:nth-child(6) dd:nth-child(-n + 12):after {
    padding-right:5px;
    margin-left:-5px;
}

.property dd:nth-child(-n + 12) {
    width: max-content;
    float: left;
    padding-right: 20px;
}

.property:nth-child(5) dd {
    padding-right: 20px;
    width: auto !important;
}
.property dd {
    width:80%!important;
}
.property dd:nth-child(-n + 12){
    width:auto;
}
.property dt {
    width:20%;
}
.media-embeds .property .value-content {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.search-filters .filter-label {
    font-weight:bold;
    text-transform:uppercase;
    color:#395242;
}
.search-filters {
    margin-bottom:10px;
}
.search-filters .filter-label:after {
    content:':';
}
#advanced-search #page-actions {
    text-align:right;
    margin:0 110px;
}
body.browse .browse-controls .sorting select {
    width:auto;
    margin:0 10px 0 0;
}
span#by-value-label {
    font-size:18px!important;
}
#advanced-search .field-meta {
    text-align:right;
}
select, #advanced-search input[type="text"] {
    background: #ffffff;
    border-radius: 8px;
    font-size: 20px;
    border: 1px solid #ccc;
}
#advanced-search .remove-value {
    background: #0066cc;
    color: white;
    border-radius: 50%;
    border:none;
}

#advanced-search .add-value, #advanced-search .remove-value {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    background: #0066cc;
    color: white;
    border-radius: 50%;
    transition: all .2s ease-in-out; 
    border:none;
    min-width:30px;
}
#advanced-search .add-value:hover, #advanced-search .remove-value:hover {
    transform: scale(.95); 
     background-color:#0b4681;   
}

#advanced-search input[type="submit"], form.sorting button[type="submit"] {
    font-size: 16px;
    padding: 6px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    background: #0066cc;
    color: white;
    width:100px;
    border-radius: 8px;
    transition: all .2s ease-in-out; 
    border:none;
}
#advanced-search input:hover[type="submit"], form.sorting button:hover[type="submit"] {
    transform: scale(.95); 
    background-color:#0b4681;
}
.advanced-search-content > #resource-class,  .advanced-search-content>.field:nth-of-type(5),  .advanced-search-content>.field:nth-of-type(6),  .advanced-search-content>.field:last-child {
display:none!important;
}
#advanced-search .add-value, #advanced-search .remove-value {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    background: #0066cc;
    color: white;
    border-radius: 50%;
    transition: all .2s ease-in-out; 
}
#advanced-search .add-value:hover, #advanced-search .remove-value:hover {
    transform: scale(.95); 
     background-color:#0b4681;   
}

main a.rights-statements-link  img {
    -webkit-box-shadow: none;
    box-shadow:none;
}
body.item dt {
   font-weight:bold;
    text-transform: uppercase;
    color:#395242;
}
body p {
font-size:16px;
}
.grid-span-1 {
    padding:0 60px 60px 60px;
}
main.page-content h3 {
    display:none;
}
body.about h3 {
display:inline;}
body.item dt {
    width:20%;
}
body.item dd {
    width:80%;
}
body.item dd.value, body.item dd span.value-content {
    display:block;
}
/*Alert banner*/
.alert-banner {
            background-color: #FFD54F;
            color: #222;
            text-align: center;
            padding: 28px;
            position: fixed;
            top: -100px; /* Initially hidden above the viewport */
            left:0;
            width: 100%;
            z-index: 1000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: top 0.5s ease-in-out; /* Smooth transition */
        }
.alert-banner span {
           margin:0px auto;
}
        .close-btn {
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
           color:#222;
        }
/*End alert banner*/
h4 {
color: #476352;
}

.home .col-md-3 h4 {
padding-top:20px;
}
.home  .item-showcase {
width: calc(100vw - 10px);
    margin-left: calc(-50vw + 50% + 10px);
    background-image: url(https://exhibits.library.umkc.edu/themes/umkc-donnelly/asset/img/workers-duotone-sm-alt.jpg);
    background-size: contain;
}

.home .item-showcase .item.resource {
	width:1100px;
	padding:0;
	display:flex;
}

.site-title {
	background-image: url("https://exhibits.library.umkc.edu/themes/umkc-donnelly/asset/img/book-cover-duotone.jpg");
	padding-top: 20px;
	min-height: 100px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item.resource img {
    margin-bottom:20px;
    width:100%;
}

nav li.active {
background: #f2f2f2;
}
nav li.active a {
color: #222;
}
nav li.active:first-child {
background-color:transparent;
}
nav li.active:first-child a {
color:#006ba3;
}
#homepage-title h2 .title, .home h2.showcase {
font-family: "Playfair Display"!important;
}

.marginalized-voices .item-showcase .item.resource {
    display: flex;
    padding: 0 20px;
    margin-top: 60px;
    width: fit-content;
    flex-direction: row;
    flex-wrap: nowrap;
}

.marginalized-voices .item-showcase .item.resource  h3 {
padding-left:30px;
}

.item-showcase .item.resource {
	/*display: flex;
    flex-direction: column;
    flex-wrap: wrap;*/
	width:33%;
	padding:0 20px;
	margin-top:60px;
}

.item-showcase .item.resource img {
width:100%;
}

.home .item-showcase .item.resource img {
}

.pins-and-needles .item-showcase .item.resource {
    display: flex;
    width:100%;
    padding: 0 20px;
    margin-top: 60px;
}

.pins-and-needles .item-details {
padding-left: 30px;
}
/*Footer*/
.flex-list {
    position: relative;
    margin: 1em;
    overflow: hidden;
}
.flex-list ul {
    display: flex;
    margin-left: -1px;
    list-style: none;
    justify-content: center;
    align-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
}
.flex-list li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #ccc;
    font-size:12px;
}

@media screen and (max-width: 800px) {
.property dd.value {
    margin-left:0;
}
dd.value:has(.value-content) {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
}
.property dt {
    width: 100%;
}

dd.value:first-of-type {
    margin-top: 0;
}
.property {
    flex-direction:column;
}
.grid-span-1 {
   padding:0;
}
.grid-span-1 .item {
    padding-bottom:40px;
}
body.browse .browse-controls .sorting select {
    width:auto;
    margin:0 0 10px 0;
}
body.browse .browse-controls, body.browse .browse-controls form.sorting {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
body.browse .browse-controls form.sorting, body.browse .browse-controls button, body.browse .browse-controls select {
    width:100%;
}
body.browse .browse-controls button {
    margin-top:10px;
}
.advanced-search-content select, .advanced-search-content input {
    width:100%!important;
}
#advanced-search #page-actions {
    text-align:left;
    margin:0;
}
#advanced-search #page-actions input {
    width:100%;
}
    .property dt, .property dl, .property dd {
    width:100%;
}

.property {
    display: flex;
    flex-direction: column;
   padding-top: 30px;
}
.file {
    max-width:90%;
}
.property .media-embeds img {
    margin:0px auto;
}
}