.property:nth-child(6) dd:nth-child(-n + 12):after {
    padding-right:5px;
    margin-left:-5px;
}
ul#sharing-buttons {
    width: auto!important;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
}
.advanced-search-content > #resource-class,  .advanced-search-content>.field:nth-of-type(6),  .advanced-search-content>.field:last-child {
display:none!important;
}

.fa, .o-icon-add:before, .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.advanced-search-content .field-meta label {
    float:right;
}
#advanced-search .field-meta {
    text-align:right;
}
#advanced-search .field-meta .label {
    font-size:16px;
}
.o-icon-before:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-indent: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    content: "\f07c";
}
#advanced-search .add-value:hover, #advanced-search .remove-value:hover {
    transform: scale(.9); 
}

.fa-plus:before, .o-icon-add:before {
    content: “\f07c” !important;
}
.fa, .o-icon-add:before, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
 select, #advanced-search input[type="text"] {
    background:#ffffff;
    border-radius: 8px;
    font-size:16px;
    border:1px solid #ccc;
}
.field .field-meta {
    font-family: 'Roboto', sans-serif;
    color:#999;
    font-size:16px;
}

#advanced-search .add-value, #advanced-search .remove-value {
font-size: 16px;
    font-family: 'Roboto', sans-serif;
    background: #0066cc;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), -moz-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -moz-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), -webkit-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(0, 201, 204, .4) 100%), -webkit-linear-gradient(-45deg, #0066cc 0%, #092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -o-linear-gradient(top, rgba(0, 201, 204, .25) 0%, rgba(0, 201, 204, .4) 100%), -o-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(20, 201, 204, .4) 10%, rgba(0, 201, 204, 0) 40%), -ms-linear-gradient(top, rgba(0, 201, 204, .25) 0%, rgba(42, 60, 87, .4) 100%), -ms-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, .25) 0%, rgba(0, 201, 204, .4) 100%), linear-gradient(135deg, #0066cc 0%, #0066cc 100%);
    color: white;
    border-radius: 50%;
    transition: all .2s ease-in-out;
}
button, .button, input[type="submit"] {
    background: #0066cc;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), -moz-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -moz-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), -webkit-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(0, 201, 204, .4) 100%), -webkit-linear-gradient(-45deg, #0066cc 0%, #092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -o-linear-gradient(top, rgba(0, 201, 204, .25) 0%, rgba(0, 201, 204, .4) 100%), -o-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(20, 201, 204, .4) 10%, rgba(0, 201, 204, 0) 40%), -ms-linear-gradient(top, rgba(0, 201, 204, .25) 0%, rgba(42, 60, 87, .4) 100%), -ms-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, .25) 0%, rgba(0, 201, 204, .4) 100%), linear-gradient(135deg, #0066cc 0%, #0066cc 100%);
    border: 0;
    cursor: pointer;
    padding: 6px;
    min-height: 36px;
    min-width: 36px;
    line-height: 24px;
    text-align: center;
}

#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;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), -moz-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -moz-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), -webkit-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(0, 201, 204, .4) 100%), -webkit-linear-gradient(-45deg, #0066cc 0%, #092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -o-linear-gradient(top, rgba(0, 201, 204, .25) 0%, rgba(0, 201, 204, .4) 100%), -o-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(20, 201, 204, .4) 10%, rgba(0, 201, 204, 0) 40%), -ms-linear-gradient(top, rgba(0, 201, 204, .25) 0%, rgba(42, 60, 87, .4) 100%), -ms-linear-gradient(-45deg, #0066cc 0%, #0066cc 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(0, 201, 204, .4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, .25) 0%, rgba(0, 201, 204, .4) 100%), linear-gradient(135deg, #0066cc 0%, #0066cc 100%);    color: white;
    width:100px;
    border-radius: 8px;
    transition: all .2s ease-in-out; 
}
#advanced-search input:hover[type="submit"], form.sorting button:hover[type="submit"] {
    transform: scale(.95); 
    background-color:#0066cc;
}

.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;
}

main a.rights-statements-link  img {
    -webkit-box-shadow: none;
    box-shadow:none;
}

.rights-statements-link {
    width:120px;
    display:block;
    margin-top:-1em;
}
.page-content > .wrapper > h3 {
    display:none;
}

dd.value.resource.items {
    width:auto;
}
dd.value.resource.items .value-content {
    width:max-content;
}
.media-embeds .property {
    display:flex;
}
.property dd {
    width:80%!important;
}
.property dd:nth-child(-n + 12){
    width:auto;
}
.property dt {
    width:20%;
    text-transform: uppercase;
    font-family: Fjalla One;
    font-size:22px;
}

dd.value.resource.items {
    width:auto;
}
dd.value.resource.items .value-content {
    width:max-content;
}
.media-embeds .property .value-content {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.alert-banner {
            background-color: #FFD54F;
            color: #222;
            text-align: center;
            padding: 10px;
            position: fixed;
            top: -60px; /* 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;
        }

#resource-class { 
display: none;
}
@media screen and (max-width: 800px) {
    .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;
}
}