body {
    color:#000
    }
    
    #footer {
    clear:both;
    padding-top:12px;
    border-top:6px solid #fff;
    background-color:#012875;
 
    margin-top:-50px
    }
    
    .autumn #content, .autumn #secondary-nav .current a, .autumn #secondary-nav a.current, .autumn .secondary-nav .current a, .autumn .secondary-nav a.current, .autumn .exhibit-section-nav .current a {
    background-color:#fff
    }
    
    .autumn footer {
    clear:both;
    padding-top:12px;
    border-top:6px solid #fff;
    background-color:#012875;

    }
    
    .autumn body {
    background-color:#fff;
    color:#000
    }
    
    .autumn nav.top {
    background-color:#012875;
    border-bottom:unset;
    }
    
    .autumn header {
    background-color:#fb5908
    }
    
    .autumn nav.top a {
    color:#fff !important;
    background:#012875
    }
    

    
    #site-title {
   
    order:4;
    padding: 0;
    }

    header{
        display:flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    header:before {
        content: 'Modern Art Iraq Archive';
        color: white;
        font-size: 2em;
     font-weight: bold; 
       margin-top: 40px;
        width: 60%;
        order: 1;
    }
    #site-title img {
      
        width: 100%;
        order:3;
        margin: 0 auto;
        text-align: center;
        margin-top: 1em;
    }
    div#search-container {
        width: 30%;
        order: 2;
    }
    nav.top .nav-menu {
      
        display: flex;
        justify-content: space-around;
    }
    p#simple-pages-breadcrumbs {
        display: none;
    }
    .autumn #content > div, .autumn #content #primary > div, .autumn #content #sidebar > div, .autumn #content #advanced-search-form > div, .autumn #content #exhibit-pages {
        border-color:transparent;
        border: unset;
    }
    .autumn a:visited,.autumn a:link {
    
    
        color: black;
    }
    body#artists .collection >a, body#texts .collection >a {
        display: none;
    }
    .collection.record h3 {
        border-bottom: 1px solid black;
    }
    #primary {
      box-shadow: unset!important ;
    }
    div#custom-footer-text ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
        list-style: none;
    }
    .autumn footer {
 
     padding: 0;
       
        justify-content: center;
        display: flex;
        align-items: center;
        flex-direction: column;
       margin: unset;
        position: relative;
        bottom: 0;
        flex-wrap:wrap;
        padding:1em;
      
    }
    div#custom-footer-text a,div#custom-footer-text p {
      
        font-size: 11px;
    }
    div#custom-footer-text a{
        color: #C77E1F;
    
    }
    footer> p {
        display: none;
    }
    footer div p {
      text-align: center;
    }
    #site-title {
        width: 100%;
       
    }
    
    body#home #wrap #content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 1em;
        flex-wrap: wrap;
    }
    li.active.nav-item a {
        background: #fb5908!important;
    }
   .collections .element-set {
        display: none;
        align-content: normal;
        align-content: normal;
    }
    .autumn #content .pagination_previous a, .autumn #content .pagination_next a,  .autumn #content .pagination_previous a, .autumn #content .pagination_prev a {
     background-color: unset; 
    }
    .gallery-entry{
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap:wrap;
        gap:1em;
    }
 
    div#content {
        min-height: 80vh;
    }
    .autumn input[type=submit], .autumn button, .autumn .button, .autumn .show-advanced.button {
        background-color: #012875;
    }
    div#custom-footer-text div ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        /* width: 100%; */
        align-items: center;
    }
    #featured-item {
        width: 30%;
        flex: 1;
    }
 .autumn #content #primary > div {
        border-color: transparent;
        border: unset;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .autumn #content #primary > .element-set {
        border-color: transparent;
        border: unset;
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0.5 1em;
    }

    @media screen and (max-width: 500px) {
        div#search-container {
            min-width: 15em;
            padding: 1em;
        }
        header:before {
          
            line-height: 1.25em;
        }
    }