@charset "utf-8";

@import "settings";
@import "imports";

// div {border: 1px dashed orange;}

body {
  background: $offwhite url(/assets/img/bg/subtle_white_feathers.png);
  color: $dark;
  font-family: $main_font;
}

header{
  background: $dark;
  color: $offwhite;
	width: 100%;
	height: auto;
  position: relative;
}

header nav{
  overflow: hidden;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 13px 0px;
}

header ul{
  list-style: none;
  margin-left: 0;
  padding: 0;
}

header ul li{
  float: left;
  margin-left: 0;
  font-size: 16px;
  letter-spacing: 1px;
}

header ul.social{
  position: absolute;
  top: 13px;
  right: 0px;
  margin: 10px 0 0 0;
}

header a {
  text-decoration: none;
  color: $offwhite;
  padding: 0 10px;
}

header a:hover {
  color: $offwhite;
  text-decoration: none;
  border-bottom: 4px solid $accent_color;
}

.social a:hover {
  text-decoration: none;
  border: none;
  color: $accent_color;
}

footer {
  // background: $grey;
  padding: 50px 0;
  color: $offwhite;
}
footer a, footer a:hover{
  color: $offwhite;
  text-decoration: none;
}