/* CSS Document */
/* -------------------------------- */
/* ■ NAVI   						*/
/* -------------------------------- */
#home .nav,
#page .nav {
  width: 100%
}

.nav i {
  padding-right: 0.3em;
  opacity: 0.5
}
.nav ul {
  width: 100%;
  list-style: none
}
.nav li a {
  display: block;
  text-decoration: none;
  background-color: rgba(209,203,197,0.46);
  text-shadow: 2px 2px 3px rgba(255,255,255,1.00);	
  padding-top: 8px;
  padding-right: 3px;
  padding-left: 6px;
  padding-bottom: 8px;
  color: rgba(29,27,26,1.00);
  margin-top: 3px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 3px;
  text-align: left;
  font-size: 15px;
  border-radius: 6px
}
.nav li a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 0.3em
}
.nav li a:hover {
  background-color: rgba(255,134,0,0.50);
  text-shadow: 1px 1px 4px rgba(251,243,229,1.00);	
  color: rgba(57,49,46,1.00);
}
.nav li.active a {
  background-color: rgba(241,135,0,1.00);
  text-shadow: 1px 1px 4px rgba(0, 58, 75, 1.00);
  color: #FFFFFF;
}
.nav li.active a:hover {
  background-color: rgba(50,150,70,1.00);
  text-shadow: 0px 0px 5px rgba(0, 41, 55, 1.00);
  color: #FFFFFF;
}