/*Modify the header background for all catalog pages.*/
#app-header {
  padding: 0;
  height: 100px;
  background-color: #FFFFFF;
}


/*Feature heading bar*/
.feature-region {
  background: #f1b82d !important;
}

/*Search bar COLUM dark gray*/
#search-form.callout-region {background-color: #000000 !important;}

#search-form-filters {color: #000000
}

/* Page Links refers to the custom links */
#app-footer {
    display:inline-block;
    color:#000000;
}

#app-footer ul {
   display: inline-block;
   list-style-type: none;
   position: relative;
   flex-wrap: wrap;
    color:#000000;
}

#app-footer li {
    display: inline-block;
    position: relative;
    color:#000000;
}

#app-footer a {
    display:inline-block;
    font-size:14px;
}

#app-footer .piped-list>li:after {
    display: visible;
    color:#000000;
    padding-right:5px;
}

#app-footer .piped-list>li:before {
    display:visibile;
    padding-right:0px;
}


/*MEDIA FORMATTING rules for responsive devices. This coding is optional but helpful for tablets and mobile devices.*/

/*Media for header*/

@media (max-width: 768px) {
  #app-header .header-nav {
    background: #555;
  }

*/Media for feature region*/

@media (max-width: 1200px) {
  #home-page #feature div {
    max-width: 800px;
 }
 
@media (max-width: 768px) {
  #home-page #feature {
    height: 200px;
    text-align: center;
    padding: 0 2em;
  }

.alert-top {
  margin-bottom: 0;
}