/**
 * Variables
 *
 * #88ab28,
 * #88ab28,
 * #ffffff,
 * @toolbarbtn,
 * @toolbarborder,
 * #fff,
 * #eee,
 * #ccc,
 * #111111,
 * #fffeff,
 * #3b3b3b,
 * #0071B3,
 * #23aeff,
 * #018fe2,
 * #88ab28,
 * #000,
 * #88ab28,
 * #000
 */

body,
body.overlay {
  color: #3b3b3b;
}
.comment .comment-arrow {
  border-color: #fff;
}
.l-page,
.l-main {
  background: #fff;
}
ul.tabs--primary li a.active {
  background-color: #fff;
}
ul.tabs--primary li.active a {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.form-actions {
  background-color: #fff;
}
.l-header {
	background-color: #111111;
	background-image: -moz-linear-gradient(top, #222222, #111111);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
	background-image: -webkit-linear-gradient(top, #222222, #111111);
	background-image: -o-linear-gradient(top, #222222, #111111);
	background-image: linear-gradient(to bottom, #222222, #111111);
	border: none;
	box-shadow: none;
	color: #fffeff;
}
.l-navigation {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #88ab28, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#88ab28), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #88ab28, #ffffff);
	background-image: -o-linear-gradient(top, #88ab28, #ffffff);
	background-image: linear-gradient(to bottom, #88ab28, #ffffff);
	border: none;
	box-shadow: none;
	color: #fffeff;
}
.l-navigation ul.menu {
	border-color: #000;
}
.l-navigation ul.menu li {
	border-color: #000;
}
.l-navigation ul.menu a {
	color: #000;
}
.l-navigation ul.menu a.hover,
.l-navigation ul.menu a:hover,
.l-navigation ul.menu a.active-trail {
  background: #fff;
	color: #3b3b3b;
}

.l-navigation ul.menu a.active,
.l-navigation ul.menu a:active {
  background: #fff;
	color: #3b3b3b;
}
a {
  color: #0071B3;
}
a:hover,
a:focus {
  color: #018fe2;
}
a:active {
  color: #23aeff;
}

.flex-billboard-control-paging li a.flex-billboard-active {
	background-color: #88ab28;
}

.l-region--highlighted .block__title,
.node--billboard .node__content .node__header h2, 
.l-header a:hover,
.l-footer a:hover { 
 color: #88ab28;
}

.l-region--sidebar-first .block,
.l-region--sidebar-second .block {
  background-color: #eee;
  border-color: #ccc;
}
.l-footer {
  background-color: #111111;
}
.l-region--header,
.l-region--header a,
.l-region--header li a.active,
.site-name,
.site-name a {
  color: #fffeff;
}
.button {
	color: #000000; /* rgba not supported (IE 8) */
	border: 1px solid #999;  /*IE 6/7/8*/
	border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
	background-color: #E6E6E6;
}
.button.button--hover,
.button:hover,
.button:focus {
}
.button:focus {
}
.button.button--active,
.button:active {
}

.button--inverse,
a.button--inverse {
	border: 2px solid #c7c7c7;
	background-color: transparent;
	color: #D7D7D7;
	background-image: none;
}
.button--inverse:hover,
a.button--inverse:hover {
	background-color: #D7D7D7;
	color: #000000;
	background-image: none;
}

.block--webform .webform-submit,
.button-links a,
.button-primary,
.button--primary,
.button--selected,
a.button-primary,
a.button--primary,
a.button--selected {
	background-color: #88ab28;
	background-image: -moz-linear-gradient(top, #88ab28, #5d7126);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#88ab28), to(#5d7126));
	background-image: -webkit-linear-gradient(top, #88ab28, #5d7126);
	background-image: -o-linear-gradient(top, #88ab28, #5d7126);
	background-image: linear-gradient(to bottom, #88ab28, #5d7126);
	color: #000;
	border-color: #5d7126;
}
.block--webform .webform-submit:hover,
.button-links a:hover,
.button-primary:hover,
.button--primary:hover,
.button--selected:hover,
a.button--primary:hover,
a.button-primary:hover,
a.button--selected:hover,
.button-links a.hover,
.button--primary.hover,
.button-primary.hover,
.button--selected.hover,
a.button-primary.hover,
a.button--primary.hover,
a.button--selected.hover {
	background-color: #5d7126;
	background-image: -moz-linear-gradient(top, #5d7126, #5d7126);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5d7126), to(#5d7126));
	background-image: -webkit-linear-gradient(top, #5d7126, #5d7126);
	background-image: -o-linear-gradient(top, #5d7126, #5d7126);
	background-image: linear-gradient(to bottom, #5d7126, #5d7126);
	color: #000;
	border-color: #88ab28;
}

.button--primary.button--inverse,
.button--selected.button--inverse,
a.button--primary.button--inverse,
a.button--selected.button--inverse {
	background-color: transparent;
	border-color: #88ab28;
	color: #88ab28;
	background-image: none;
}

.button--primary.button--inverse:hover,
.button--selected.button--inverse:hover,
a.button--primary.button--inverse:hover,
a.button--selected.button--inverse:hover {
	border-color: #5d7126;
	background-color: #88ab28;
	color: #000;
	background-image: none;
}

@media (min-width: 0) and (max-width: 70em) {
	.l-fishbones-offcanvas {
		background-color: #111111;
		background-image: -moz-linear-gradient(top, #222222, #111111);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
		background-image: -webkit-linear-gradient(top, #222222, #111111);
		background-image: -o-linear-gradient(top, #222222, #111111);
		background-image: linear-gradient(to bottom, #222222, #111111);
	}
	.l-navigation ul.menu a {
		color: #fffeff;
	}
	.l-navigation ul.menu a.hover,
	.l-navigation ul.menu a:hover {
		background: #fff;
		color: #3b3b3b;
	}
	.l-navigation ul.menu a.active-trail,
	.l-navigation ul.menu a.active,
	.l-navigation ul.menu a:active {
		background: #88ab28;
		color: #3b3b3b;
	}
	/** secondary teir **/
	.l-navigation ul.menu li li {
		border-left-color: #111111;
	}
	.l-navigation ul.menu li li:hover,
	.l-navigation ul.menu li li.active-trail {
		border-left-color: #88ab28;
	}
	.l-navigation ul.menu li.active-trail li a.active {
		color: #fffeff;
		background: #222222;
	}
}