/*
  These are overrides to the main.css theme from the template.
  Don't change anything there, change it here. 
  They've included a bunch of !important. Avoid introducing new 
  cases of !important were reasonable.
*/

body {
  background-color: #222; /* only impacts right col */
  color: rgba(255, 255, 255, 0.7);
}

header.major > :last-child {
  border-bottom: solid 3px rgba(75, 190, 150, 0.8);
}

#header {
  border-bottom: solid 5px rgba(75, 190, 150, 0.8);
}

#sidebar {
  background-color: rgba(0, 0, 0, 1);
  background-color: rgba(23, 27, 33, 1);
}

a {
  color: rgba(100, 190, 200, 1); /* body links only */
  }
  a:hover {
    border-bottom-color: rgba(75, 190, 150, 0.8);  /* Unchanged Default */
    color: rgba(150, 200, 200, 1) !important;
  }


strong, b {
  color: rgba(115, 193, 98, 1); /* fynishGreen */
}

h1, h2, h3, h4, h5, h6 {
  color: rgba(115, 193, 98, 1); /* fynishGreen */
  font-family: "Roboto Slab", serif; /* Unchanged Default */
}

label {
  color: #3d4449; /* Unchanged Default */
}

select option {
  color: #3d4449;  /* Unchanged Default */
  background: #ffffff;  /* Unchanged Default */
}

input[type="radio"] + label {
  color: #7f888f;  /* Unchanged Default */
}

input[type="radio"]:checked + label:before {
  background: #3d4449;  /* Unchanged Default */
  border-color: #3d4449;  /* Unchanged Default */
  color: #ffffff;  /* Unchanged Default */
}

::-webkit-input-placeholder {
  color: #9fa3a6 !important;  /* Unchanged Default */
  opacity: 1.0;   /* Unchanged Default */
}

:-moz-placeholder {
  color: #9fa3a6 !important;  /* Unchanged Default */
  opacity: 1.0;   /* Unchanged Default */
}

::-moz-placeholder {
  color: #9fa3a6 !important;  /* Unchanged Default */
  opacity: 1.0;   /* Unchanged Default */
}

:-ms-input-placeholder {
  color: #9fa3a6 !important;  /* Unchanged Default */
  opacity: 1.0;   /* Unchanged Default */
}


ul.contact li:before {
  color: rgba(75, 190, 150, 0.8); /* Unchanged Default */
}

ul.pagination li > .page.active {
  background-color: rgba(75, 190, 150, 0.8); /* Unchanged Default */
  color: #ffffff !important; /* Unchanged Default */
}

table th {
  color: rgba(115, 193, 98, 1); /* fynishGreen */
}


input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  color: rgba(75, 190, 150, 0.8) !important; /* Unchanged Default */
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
  background-color: rgba(75, 190, 150, 0.8); /* Unchanged Default */
  color: #ffffff !important; /* Unchanged Default */
}

.features article .icon:before {
  color: rgba(75, 190, 150, 0.8); /* Unchanged Default */
}

#search form:before {
  color: #7f888f; /* Unchanged Default */
}

#sidebar .toggle:before {
  color: #7f888f; /* Unchanged Default */
}

#footer .copyright {
  color: #9fa3a6; /* Unchanged Default */
}

#menu ul {
  color: #3d4449; /* Unchanged Default */
}

#menu ul a, #menu ul span {
  color: rgba(115, 193, 98, 1); /* fynishGreen */
}

#menu ul a:hover, #menu ul span:hover {
  color: rgba(75, 190, 150, 0.8); /* Unchanged Default */
}

#menu ul a.opener:before, #menu ul span.opener:before {
  color: #9fa3a6; /* Unchanged Default */
}

#menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
  color: rgba(75, 190, 150, 0.8); /* Unchanged Default */
}

#menu > ul > li > ul {
  color: #9fa3a6;
}