/* a generic button package */
.button {
  display: inline-block;
  background: #328e43;
  padding: 10px 25px;
  margin: 5px 0px;
  border-radius: 5px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* small */
  /* large */
  /* hover/focus/active states */
  /* selected state */ }
  .button.small {
    font-size: 12px; }
  .button.large {
    font-size: 20px;
    font-weight: 400;
    padding: 15px 25px; }
  .button:hover, .button:focus {
    opacity: 0.8;
    color: #fff;
    text-decoration: none; }
  .button:active {
    opacity: 1;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }

/********************************************************
 * Place buttons within a button-group for button panels.
 * Generally placed in a ul or ol inside a nav element.
 ********************************************************/
.button-group {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  /* remove border-radius on all buttons */
  /* apply border-radius to the first button */
  /* apply border-radius to last button */ }
  .button-group li,
  .button-group .button {
    display: inline-block; }
  .button-group > .button,
  .button-group li > .button {
    border-radius: 0;
    margin-left: -4px; }
  .button-group > li:first-child > .button,
  .button-group > .button:first-child {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .button-group > li:last-child > .button,
  .button-group > .button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

/* admin nav */
nav.admin {
  margin-top: 20px; }

/* color classes */
.button.white {
  background: #fff;
  border: 1px solid #a1a2a3;
  color: #333; }

.button.grey {
  background: #4d4f51;
  border: 1px solid #a0be70;
  color: #a0be70; }