/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

/*body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #444;

}*/
.hide{
  display:none;  
}
.show{
  display:inline;  
}


h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;
}
#SearchBox {
 /* background-image: url("icon-search-grey@1x.png"); /* Add a search icon to input */
  background-position: 6px 5px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 80%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#Moana {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#Moana li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#Moana li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}