/* ALL STYLE CSS (NO LAYOUT OR TYPOGRAPHY) GOES IN THIS FILE */

/* Order of properties to be consistent:
  - background-color
  - borders
*/
  
#header-top{
  background-color: #FFFFFF;
  border-bottom: solid 1px #D8D8D8;
}

nav{
  background-color: #FFFFFF;
}

#searchbox{
  background-color: #D8D8D8;
  border-radius: 4px;
}

#submit{
  background-color: #D8D8D8;
  outline: none;
  border-radius: 4px;
}

#searchterm{
  background-color: #D8D8D8;
  outline: none;
  border-radius: none;
}

#close-icon{
  background-color: #D8D8D8;
  outline: none;
  border-radius: 4px;
}

nav ul :not(:last-child) {
  border-bottom: #30A6BC 1px dashed;
}

#hero{
  background-color: #F2F5F8;
}

#hero button{
  background-color: #F46048;
  border-radius: 4px;
  border: none;
}

#services{
  background-color: #30A6BC;
}

#chatbox{
  background-color: #3FC682;
}

footer{
  background-color: #5D5B5B;
}