/**
 * COLORS
 * ====================================================================================
 * Green (Dark):  #83a755;
 * Green (Light): #a8cc7a;
 * Gray:         #3d3d3d;
 */




/**
 * GOOGLE FONT IMPORTS
 * ====================================================================================
 * This website uses the 'Ubuntu' font for headings and body text, degrading to
 * Helvetica Neue / Helvetica / Arial / sans-serif.
 */
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu);*/




/**
 * CLC CSS OVERRIDES
 * ====================================================================================
 * This section of the file overrides the typographic, color, and other visual elements
 * of Foundation and the various jQuery plugins.
 */

a {
  color: #83a755;
}

a:hover, a:focus {
  color: #a8cc7a;
}

.alert-box {
  padding: 0.875rem !important;
}

button, .button {
  background-color: #83a755;
  color: #ffffff;
  font-weight: bold;
  margin: 4px 0 !important;
}

button[type=submit] {
  padding-top: 13px;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #a8cc7a;
}

.datepicker table thead tr th,
table thead tr td {
  color: #222;
}

h1, h2, h3, h4, h5, h6 {
  /*font-weight: bold;*/
}

h2 {
  margin: 20px 0 20px;
}

i.fa {
  margin-right: 2px;
}

label {
  margin-bottom: 20px;
}

li.parent-link.hide-for-medium-up {
  display: none !important;
}

ul.pie-legend {
  list-style-type: none;
  margin: 0;
}

ul.pie-legend li {
  font-size: 0.8em;
}

ul.pie-legend li span {
  color: #ffffff;
  padding: 2px;
}

table {
  border: 1px solid #3d3d3d;
  width: 100% !important;
}

table td {
  border-bottom: 1px #3d3d3d dashed;
}

table thead {
  background: #3d3d3d none repeat scroll 0 0;
}

table thead tr th,
table thead tr td {
  color: #ffffff;
}

.top-bar {
  background: #3d3d3d none repeat scroll 0 0
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
  background: #a8cc7a none repeat scroll 0 0;
}

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  background: #83a755 none repeat scroll 0 0;
}

@media only screen {
  /* MOBILE STYLES (SMALL) */
  /* nothing here! */
}

@media only screen and (min-width: 40.063em) {
  /* TABLET STYLES (MEDIUM) */
  /* nothing here! */
}

@media only screen and (min-width: 64.063em) {
  /* DESKTOP STYLES (LARGE+) */
  /* nothing here! */
}




/**
 * CLC CSS CLASSES
 * ====================================================================================
 * This section of the file defines classes used in addition to those provided by
 * Foundation.
 */

.clc-clear {
  clear: both;
}

.clc-element-image-circle {
  border-radius: 50%;
  overflow: hidden;
}

.clc-float-right {
  float: right;
}

.clc-font-size-13 {
  font-size: 13px;
}

.clc-footer {
  background-color: #3d3d3d;
  margin-top: 16px;
}

.clc-footer a,
.clc-footer a:hover,
.clc-footer a:focus {
  color: #ffffff;
  font-size: 0.7em;
  text-decoration: underline;
}

.clc-hidden {
  display: none;
}

.clc-margin-bottom-0 {
  margin-bottom: 0px !important;
}

.clc-margin-left-4 {
  margin-left: 4px !important;
}

.clc-margin-right-0 {
  margin-right: 0px !important;
}

.clc-margin-right-10 {
  margin-right: 10px !important;
}

.clc-width-full {
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
  width: 100%;
}

@media only screen {
  /* MOBILE STYLES (SMALL) */
  /* nothing here! */
}

@media only screen and (min-width: 40.063em) {
  /* TABLET STYLES (MEDIUM) */
  table td {
    border-bottom: none;
  }
}

@media only screen and (min-width: 64.063em) {
  /* DESKTOP STYLES (LARGE+) */
  .clc-row-full {
    max-width: 80%;
  }
}