@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Variables

******************************************************************/
/*********************
COLORS
*********************/
/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Typography

******************************************************************/
/*********************
FONT FACE MIXIN
*********************/
/* Should the time come, do it like this - BB
  @include font-face(Lato-Light, '../fonts/lato-light-webfont', 300, normal);

  @mixin lato-light {
    font-family: 'Lato-Light', arial, sans-serif;
    font-weight: 300;
    font-style: normal;
  }
*/
/*
some nice typographical defaults
*/
p {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Sass Functions

******************************************************************/
/*********************
COLOR FUNCTIONS

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/*********************
MATH FUNCTIONS
*********************/
/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Mixins Stylesheet

******************************************************************/
/*********************
TRANSITION
*********************/
/*
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/*********************
BORDER RADIUS
*********************/
/* USAGE: @include rounded(4px);

*/
/* USAGE: @include border-radius(4px,4px,0,0);

*/
/*********************
BOX SHADOWS
*********************/
/* @include box-shadow(5px, 5px, 10px, #000); */
/*********************
PHOTOSHOP - DROP SHADOW
*********************/
/*********************
PHOTOSHOP - INNER SHADOWS
*********************/
/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Grid Stylesheet

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important; }

/*
Mobile Grid Styles
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } }
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; } }
/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }

  .d-5of6 {
    float: left;
    padding-right: 0.75em;
    width: 83.33333333333%; }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%; }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; } }
/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Button Styles

******************************************************************/
/*********************
BUTTON DEFAULTS
*********************/
.peach-btn, .sf-button-btnreset, .color-btn, .gform_button, #gform_3 .gform_footer input[type="submit"], .btn-infopanel {
  display: inline-block;
  position: relative;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  line-height: 34px;
  font-weight: normal;
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
  margin: 0px 0px 1.25rem;
  padding: 8px 24px;
  text-align: center; }
  .peach-btn:hover, .sf-button-btnreset:hover, .color-btn:hover, .gform_button:hover, #gform_3 .gform_footer input[type="submit"]:hover, .btn-infopanel:hover, .peach-btn:focus, .sf-button-btnreset:focus, .color-btn:focus, .gform_button:focus, #gform_3 .gform_footer input[type="submit"]:focus, .btn-infopanel:focus {
    color: #fff;
    text-decoration: none;
    outline: none; }
  .peach-btn:active, .sf-button-btnreset:active, .color-btn:active, .gform_button:active, #gform_3 .gform_footer input[type="submit"]:active, .btn-infopanel:active {
    top: 1px; }

.peach-btn {
  background-color: #F1925C; }
  .peach-btn:hover, .peach-btn:focus {
    background-color: #ec6c24;
    outline: none; }
  .peach-btn:active {
    background-color: #eb661a; }

.sf-button-btnreset {
  background-color: #12714D; }
  .sf-button-btnreset:hover, .sf-button-btnreset:focus {
    background-color: #0a3c29;
    outline: none; }
  .sf-button-btnreset:active {
    background-color: #083323; }
  .for-enterprises .sf-button-btnreset {
    background-color: #B1C957; }
    .for-enterprises .sf-button-btnreset:hover, .for-enterprises .sf-button-btnreset:focus {
      background-color: #93ac37;
      outline: none; }
    .for-enterprises .sf-button-btnreset:active {
      background-color: #869c32; }
  .for-recyclers .sf-button-btnreset, .list-recyclers .sf-button-btnreset {
    background-color: #F1925C; }
    .for-recyclers .sf-button-btnreset:hover, .for-recyclers .sf-button-btnreset:focus, .list-recyclers .sf-button-btnreset:hover, .list-recyclers .sf-button-btnreset:focus {
      background-color: #ec6c24;
      outline: none; }
    .for-recyclers .sf-button-btnreset:active, .list-recyclers .sf-button-btnreset:active {
      background-color: #e86114; }

.color-btn, .sf-button-btnreset, .gform_button {
  font-size: 24px;
  padding: 15px 30px;
  color: #fff;
  background-color: #12714D; }
  .for-enterprises .color-btn, .for-enterprises .sf-button-btnreset, .for-enterprises .gform_button {
    background-color: #B1C957; }
    .for-enterprises .color-btn:hover, .for-enterprises .color-btn:focus, .for-enterprises .sf-button-btnreset:hover, .for-enterprises .sf-button-btnreset:focus, .for-enterprises .gform_button:hover, .for-enterprises .gform_button:focus {
      background-color: #93ac37;
      outline: none; }
    .for-enterprises .color-btn:active, .for-enterprises .sf-button-btnreset:active, .for-enterprises .gform_button:active {
      background-color: #869c32; }
  .for-recyclers .color-btn, .for-recyclers .sf-button-btnreset, .for-recyclers .gform_button {
    background-color: #F1925C; }
    .for-recyclers .color-btn:hover, .for-recyclers .color-btn:focus, .for-recyclers .sf-button-btnreset:hover, .for-recyclers .sf-button-btnreset:focus, .for-recyclers .gform_button:hover, .for-recyclers .gform_button:focus {
      background-color: #ec6c24;
      outline: none; }
    .for-recyclers .color-btn:active, .for-recyclers .sf-button-btnreset:active, .for-recyclers .gform_button:active {
      background-color: #e86114; }
  .for-consumers .color-btn, .for-consumers .sf-button-btnreset, .for-consumers .gform_button {
    background-color: #17A95C; }
    .for-consumers .color-btn:hover, .for-consumers .color-btn:focus, .for-consumers .sf-button-btnreset:hover, .for-consumers .sf-button-btnreset:focus, .for-consumers .gform_button:hover, .for-consumers .gform_button:focus {
      background-color: #10733f;
      outline: none; }
    .for-consumers .color-btn:active, .for-consumers .sf-button-btnreset:active, .for-consumers .gform_button:active {
      background-color: #0d6135; }

.sf-button-btnreset {
  font-size: 14px;
  padding: 2px 5px;
  margin-bottom: 2px; }

.info-panel .signup {
  color: #323944;
  font-style: italic;
  font-size: 14px;
  padding: 5px 8px;
  margin-bottom: 2px;
  background-color: #F1925C; }
  .info-panel .signup:hover, .info-panel .signup:focus {
    background-color: #ec6c24;
    outline: none; }
  .info-panel .signup:active {
    background-color: #e86114; }

#gform_3 .gform_footer input[type="submit"] {
  background-color: #12714D; }
  #gform_3 .gform_footer input[type="submit"]:hover, #gform_3 .gform_footer input[type="submit"]:focus {
    background-color: #0a3c29;
    outline: none; }
  #gform_3 .gform_footer input[type="submit"]:active {
    background-color: #083323; }

.btn-infopanel {
  color: #323944; }
  .btn-infopanel:hover {
    color: #323944; }
  .for-enterprises .btn-infopanel {
    background-color: #D3E0A4; }
    .for-enterprises .btn-infopanel:hover, .for-enterprises .btn-infopanel:active, .for-enterprises .btn-infopanel:focus {
      background-color: #B1C957;
      outline: none; }
  .for-recyclers .btn-infopanel, .list-recyclers .btn-infopanel {
    background-color: #F9C6A3; }
    .for-recyclers .btn-infopanel:hover, .for-recyclers .btn-infopanel:active, .for-recyclers .btn-infopanel:focus, .list-recyclers .btn-infopanel:hover, .list-recyclers .btn-infopanel:active, .list-recyclers .btn-infopanel:focus {
      background-color: #F1925C;
      outline: none; }
  .for-consumers .btn-infopanel {
    background-color: #BEDDCD; }
    .for-consumers .btn-infopanel:hover, .for-consumers .btn-infopanel:active, .for-consumers .btn-infopanel:focus {
      background-color: #17A95C;
      outline: none; }

ul.sf-nav > li > a, ul.sf-nav > li > span {
  width: 100% !important;
  display: block !important;
  padding: 5px 10px !important;
  border: none !important;
  color: #fff; }
  .for-recyclers ul.sf-nav > li > a, .list-recyclers ul.sf-nav > li > a, .for-recyclers ul.sf-nav > li > span, .list-recyclers ul.sf-nav > li > span {
    background-color: #F1925C; }
    .for-recyclers ul.sf-nav > li > a:hover, .for-recyclers ul.sf-nav > li > a:active, .for-recyclers ul.sf-nav > li > a:focus, .list-recyclers ul.sf-nav > li > a:hover, .list-recyclers ul.sf-nav > li > a:active, .list-recyclers ul.sf-nav > li > a:focus, .for-recyclers ul.sf-nav > li > span:hover, .for-recyclers ul.sf-nav > li > span:active, .for-recyclers ul.sf-nav > li > span:focus, .list-recyclers ul.sf-nav > li > span:hover, .list-recyclers ul.sf-nav > li > span:active, .list-recyclers ul.sf-nav > li > span:focus {
      background-color: #ec6c24;
      outline: none; }
  ul.sf-nav > li > a.sf-nav-current, ul.sf-nav > li > span.sf-nav-current {
    background: #fff;
    color: #323944;
    outline: 1px solid #F1925C !important; }
    ul.sf-nav > li > a.sf-nav-current:hover, ul.sf-nav > li > a.sf-nav-current:active, ul.sf-nav > li > a.sf-nav-current:focus, ul.sf-nav > li > span.sf-nav-current:hover, ul.sf-nav > li > span.sf-nav-current:active, ul.sf-nav > li > span.sf-nav-current:focus {
      background: #fff;
      color: #323944;
      outline: none; }

/*********************
BASE (MOBILE) SIZE
*********************/
/******************************************************************
Site Name: E-Stewards
Author: Brent Barkley

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #323944;
  -webkit-font-smoothing: antialiased;
  background-color: #d8d8d8;
  word-wrap: normal !important; }

.money {
  border-right: 0px;
  text-align: left; }

.money_amt {
  border-left: 0px;
  text-align: right; }

hr {
  border-style: solid;
  border-color: #DDD;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-width: 1px 0px 0px;
  clear: both;
  margin: 1.25rem 0px 1.1875rem;
  height: 0px; }

.centered {
  text-align: center; }

.for-enterprises .fa {
  color: #B1C957; }
.for-recyclers .fa, .list-recyclers .fa {
  color: #F1925C; }
.for-consumers .fa {
  color: #17A95C; }
.digital-equity .fa {
  color: #3C64AA; }
.advance .fa {
  color: #15A9FF; }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto; }

/*********************
LINK STYLES
*********************/
a {
  color: #17A95C;
  text-decoration: none;
  outline: none;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus {
    color: #D3DC12;
    outline: none; }
  a:active {
    outline: none; }
  a:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  a.back-to-top {
    bottom: 0px;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 15px;
    position: relative; }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-family: "Open Sans", sans-serif; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }
  .for-enterprises h1, .for-enterprises .h1, .for-enterprises h2, .for-enterprises .h2, .for-enterprises h3, .for-enterprises .h3, .for-enterprises h4, .for-enterprises .h4, .for-enterprises h5, .for-enterprises .h5 {
    color: #B1C957; }
  .for-recyclers h1, .list-recyclers h1, .for-recyclers .h1, .list-recyclers .h1, .for-recyclers h2, .list-recyclers h2, .for-recyclers .h2, .list-recyclers .h2, .for-recyclers h3, .list-recyclers h3, .for-recyclers .h3, .list-recyclers .h3, .for-recyclers h4, .list-recyclers h4, .for-recyclers .h4, .list-recyclers .h4, .for-recyclers h5, .list-recyclers h5, .for-recyclers .h5, .list-recyclers .h5 {
    color: #F1925C; }
  .for-consumers h1, .for-consumers .h1, .for-consumers h2, .for-consumers .h2, .for-consumers h3, .for-consumers .h3, .for-consumers h4, .for-consumers .h4, .for-consumers h5, .for-consumers .h5 {
    color: #17A95C; }
  .digital-equity h1, .digital-equity .h1, .digital-equity h2, .digital-equity .h2, .digital-equity h3, .digital-equity .h3, .digital-equity h4, .digital-equity .h4, .digital-equity h5, .digital-equity .h5 {
    color: #3C64AA; }
  .advance h1, .advance .h1, .advance h2, .advance .h2, .advance h3, .advance .h3, .advance h4, .advance .h4, .advance h5, .advance .h5 {
    color: #15A9FF; }

h1, .h1 {
  color: #12714D;
  font-family: "Open Sans",sans-serif;
  font-size: 24px;
  font-weight: 700; }

h2, .h2 {
  color: #12714D;
  font-size: 21px;
  margin-bottom: 0.375em;
  font-weight: 700; }

h3, .h3 {
  color: #12714D;
  font-size: 18px;
  font-weight: 600; }

h4, .h4 {
  color: #222;
  font-size: 15px;
  font-weight: 600; }

.for-consumers.tax-ct-sector h1 {
  color: #12714D; }
.for-consumers.tax-ct-sector h4 {
  color: #222; }

h5, .h5 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400; }

/*********************
HEADER STYLES
*********************/
.header {
  display: block;
  background-color: #fff;
  -webkit-box-shadow: compact(0 0 10.3px -0.3px rgba(34, 34, 34, 0.5) , false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 0 10.3px -0.3px rgba(34, 34, 34, 0.5) , false, false, false, false, false, false, false, false);
  box-shadow: compact(0 0 10.3px -0.3px rgba(34, 34, 34, 0.5) , false, false, false, false, false, false, false, false);
  height: 91px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 11;
  border-top: 8px solid #12714D; }
  .header.for-enterprises {
    border-top: 8px solid #B1C957; }
  .header.for-recyclers, .header.list-recyclers {
    border-top: 8px solid #F1925C; }
  .header.for-consumers {
    border-top: 8px solid #17A95C; }
  .header.digital-equity {
    border-top: 8px solid #3C64AA; }
  .header.advance {
    border-top: 8px solid #15A9FF; }

.header-logo {
  vertical-align: top;
  margin-left: 15px;
  margin-top: 8px; }
  .header-logo img {
    max-width: 120px; }
  .for-enterprises .header-logo img, .for-recyclers .header-logo img, .for-consumers .header-logo img, .list-recyclers .header-logo img, .digital-equity .header-logo img, .advance .header-logo img {
    max-width: 180px; }
  .for-enterprises .header-logo .for-message, .for-recyclers .header-logo .for-message, .for-consumers .header-logo .for-message, .list-recyclers .header-logo .for-message, .digital-equity .header-logo .for-message, .advance .header-logo .for-message {
    font-size: 15px; }
  .header-logo .for-message {
    display: inline-block;
    position: relative;
    font-size: 17px;
    line-height: 17px;
    font-style: italic;
    font-weight: 600;
    top: 21px;
    left: -2px; }
    .header-logo .for-message.for-enterprises:before {
      content: "for Enterprises";
      color: #B1C957; }
    .header-logo .for-message.for-recyclers:before, .header-logo .for-message.list-recyclers:before {
      content: "for Recyclers";
      color: #F1925C; }
    .header-logo .for-message.for-consumers:before {
      content: "for Consumers";
      color: #17A95C; }
    .header-logo .for-message.digital-equity:before {
      content: "Digital Equity";
      color: #3C64AA; }
    .header-logo .for-message.advance:before {
      content: "ADVANCE+";
      color: #15A9FF; }

.for-recyclers .image-panel, .for-consumers .image-panel, .for-enterprises .image-panel {
  background-size: cover;
  background-position: 45% top;
  height: 104px; }
.digital-equity .image-panel {
  background-size: cover;
  height: 104px; }

.heading-message {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  padding: 2px 5px;
  position: absolute; }
  .for-enterprises .heading-message {
    background-color: #B1C957; }
  .for-recyclers .heading-message {
    background-color: #F1925C; }
  .for-consumers .heading-message {
    background-color: #17A95C; }
  .digital-equity .heading-message {
    background-color: #3C64AA; }
  .advance .heading-message {
    background-color: #15A9FF; }
  .heading-message.line-1 {
    top: 10px; }
  .heading-message.line-2 {
    top: 40px; }
  .heading-message.line-3 {
    top: 70px; }

/*********************
NAVIGATION STYLES
*********************/
#mobile {
  color: #12714D;
  display: inline-block;
  padding: 6px 6px 4px 6px;
  float: right;
  position: absolute;
  top: 29px;
  right: 15px;
  border: solid 1px #12714D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none; }
  #mobile .fa {
    font-size: 20px; }

#header-menu {
  margin: 0; }
  #header-menu > ul {
    display: none;
    position: absolute;
    top: -7px;
    right: -270px;
    width: 270px;
    margin-top: 0;
    margin-bottom: 0; }
  #header-menu li {
    margin-bottom: 0;
    margin-top: 0; }
    #header-menu li a {
      display: block;
      text-decoration: none;
      outline: none;
      color: #fff;
      padding: 10px 0 10px 30px; }
      #header-menu li a:hover, #header-menu li a:focus {
        outline: none; }
    #header-menu li#about-menu {
      display: none; }
    #header-menu li#faq-menu {
      display: none; }
    #header-menu li#mobile-logo {
      display: block;
      text-align: center;
      margin-bottom: 20px; }
      #header-menu li#mobile-logo a {
        padding-left: 0;
        display: block; }
    #header-menu li#cat-menu > a {
      display: none; }
    #header-menu li#cat-menu ul.children {
      margin-top: 0;
      margin-left: 0; }
      #header-menu li#cat-menu ul.children li {
        display: block; }
    #header-menu li#for-enterprises-link {
      background: #b0c758;
      /* Old browsers */
      background: -moz-linear-gradient(top, #b0c758 0%, #a3bc4d 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0c758), color-stop(100%, #a3bc4d));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #b0c758 0%, #a3bc4d 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #b0c758 0%, #a3bc4d 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #b0c758 0%, #a3bc4d 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #b0c758 0%, #a3bc4d 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c758', endColorstr='#a3bc4d',GradientType=0 );
      /* IE6-9 */
      border-bottom: 1px solid #ccd596; }
    #header-menu li#for-recyclers-link {
      background: #e88c59;
      /* Old browsers */
      background: -moz-linear-gradient(top, #e88c59 0%, #de8250 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e88c59), color-stop(100%, #de8250));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #e88c59 0%, #de8250 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #e88c59 0%, #de8250 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #e88c59 0%, #de8250 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #e88c59 0%, #de8250 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88c59', endColorstr='#de8250',GradientType=0 );
      /* IE6-9 */
      border-bottom: 1px solid #eda582; }
    #header-menu li#for-consumers-link {
      background: #1c9c56;
      /* Old browsers */
      background: -moz-linear-gradient(top, #1c9c56 0%, #0f8f4b 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c9c56), color-stop(100%, #0f8f4b));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #1c9c56 0%, #0f8f4b 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #1c9c56 0%, #0f8f4b 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #1c9c56 0%, #0f8f4b 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #1c9c56 0%, #0f8f4b 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c9c56', endColorstr='#0f8f4b',GradientType=0 );
      /* IE6-9 */
      border-bottom: 1px solid #6ab88c; }
    #header-menu li#marketplace-menu, #header-menu li#blog-menu {
      background: #16845a;
      background: -moz-linear-gradient(top, #16845a 0%, #007045 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16845a), color-stop(100%, #007045));
      background: -webkit-linear-gradient(top, #16845a 0%, #007045 100%);
      background: -o-linear-gradient(top, #16845a 0%, #007045 100%);
      background: -ms-linear-gradient(top, #16845a 0%, #007045 100%);
      background: linear-gradient(to bottom, #16845a 0%, #007045 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16845a', endColorstr='#007045',GradientType=0 );
      margin-bottom: 8px; }
    #header-menu li#blog-menu {
      margin-bottom: 0; }
    #header-menu li#find-recycler-menu .recycler-pointer {
      display: none; }
    #header-menu li.mobile-only {
      background: #d4d4d4;
      /* Old browsers */
      background: -moz-linear-gradient(top, #d4d4d4 0%, #c6c6c6 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d4), color-stop(100%, #c6c6c6));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #d4d4d4 0%, #c6c6c6 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #d4d4d4 0%, #c6c6c6 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #d4d4d4 0%, #c6c6c6 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #d4d4d4 0%, #c6c6c6 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#c6c6c6',GradientType=0 );
      /* IE6-9 */
      padding: 0;
      margin: 0 12px 6px;
      color: #9d9d9d;
      border: 1px solid #9d9d9d; }
      #header-menu li.mobile-only > ul {
        margin-top: 0; }
      #header-menu li.mobile-only > a {
        color: #636363;
        padding: 0 12px; }
      #header-menu li.mobile-only ul.children {
        margin-top: 0;
        margin-left: 0; }
        #header-menu li.mobile-only ul.children li {
          margin-left: 0; }
          #header-menu li.mobile-only ul.children li a {
            padding: 2px 12px;
            font-size: 11px;
            color: #737373;
            text-decoration: underline; }

/* end .nav */
/*********************
HOME
*********************/
.home-panels {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center; }
  .home-panels .home-panel {
    display: block;
    margin: 0 auto 20px;
    position: relative;
    color: #fff;
    height: 264px;
    max-width: 281px;
    width: 100%;
    padding: 8px 18px 0;
    background-position: right;
    background-repeat: repeat-x;
    text-align: left;
    float: none; }
    .home-panels .home-panel#enterprises-panel {
      background-image: url("../images/Enterprise-Box.jpg"); }
    .home-panels .home-panel#recyclers-panel {
      background-image: url("../images/Recycler-Box.jpg"); }
    .home-panels .home-panel#consumers-panel {
      background-image: url("../images/Consumer-Box.jpg"); }
    .home-panels .home-panel h3 {
      color: #FFF;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 2px; }
    .home-panels .home-panel p {
      font-family: "Open Sans",sans-serif;
      font-size: 16px;
      font-weight: bold;
      width: 142px; }
    .home-panels .home-panel .panel-button {
      position: absolute;
      top: 210px;
      width: 100%; }
      .home-panels .home-panel .panel-button a {
        border: 1px solid #FFF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #FFF;
        font-size: 13px;
        font-weight: 600;
        padding: 4px 6px;
        text-decoration: none; }
        .home-panels .home-panel .panel-button a:hover {
          border: 1px solid #333;
          color: #333; }

.home-heading {
  margin: 20px 0px 20px; }
  .home-heading h2 {
    color: #515151;
    font-weight: 300;
    font-size: 31px;
    margin: 0px;
    padding: 0px 0px 12px;
    text-align: center; }
  .home-heading p {
    color: #484848;
    font-weight: 600;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    text-align: center; }

/*********************
FIND A RECYLCER PAGE
*********************/
#list-all-btn {
  float: right; }

.find-recycler-section {
  position: relative; }

#search-controls {
  top: 67px;
  position: absolute;
  z-index: 10;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: compact(0, 0, 10px, #333, false, false, false, false, false);
  -moz-box-shadow: compact(0, 0, 10px, #333, false, false, false, false, false);
  box-shadow: compact(0, 0, 10px, #333, false, false, false, false, false);
  /* Change this once map function works */
  /* display: none; */
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 10px;
  max-width: 220px;
  padding: 8px; }
  #search-controls .search-panel {
    background-color: #e9e9e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 6px;
    overflow: hidden; }
    #search-controls .search-panel .title {
      background-color: #1c9c49;
      color: #fff;
      display: block;
      padding: 6px 12px;
      -webkit-transition: background-color 300ms ease-out;
      transition: background-color 300ms ease-out; }
      #search-controls .search-panel .title:hover {
        background-color: #167d3a; }
    #search-controls .search-panel .hint {
      display: inline-block;
      color: #aaa;
      font-style: italic;
      margin: 2px 6px 6px 24px;
      text-indent: -20px; }
    #search-controls .search-panel form {
      padding: 2px 6px;
      margin: 0px 0px 4px 0px; }
    #search-controls .search-panel label {
      font-size: 9px;
      font-weight: 600; }
    #search-controls .search-panel select, #search-controls .search-panel input {
      font-size: 9px;
      height: 1.7em;
      margin: 0px 0px 4px 0px;
      padding: 2px 4px 2px 4px; }
    #search-controls .search-panel input[type=checkbox] {
      vertical-align: -3px; }
  #search-controls button {
    margin: 0px;
    padding: 0;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  #search-controls #distance, #search-controls label[for=distance] {
    display: none; }

#map-canvas {
  -webkit-box-shadow: compact(0px 0px 12px 0px rgba(51, 51, 51, 0.9) , false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0px 0px 12px 0px rgba(51, 51, 51, 0.9) , false, false, false, false, false, false, false, false);
  box-shadow: compact(0px 0px 12px 0px rgba(51, 51, 51, 0.9) , false, false, false, false, false, false, false, false);
  min-height: 700px;
  width: 100%;
  margin-bottom: 50px; }
  #map-canvas .marker-tooltip {
    background-color: #ffc;
    border: 1px solid #666;
    -webkit-box-shadow: 0px 0px 5px #333333 1px 1px 5px;
    -moz-box-shadow: 0px 0px 5px #333333 1px 1px 5px;
    box-shadow: 0px 0px 5px #333333 1px 1px 5px;
    font-size: 9px;
    padding: 3px 5px;
    position: absolute; }

.info-window {
  min-width: 190px; }
  .info-window h1 {
    font-size: 11px;
    font-weight: 400; }
  .info-window .certification {
    background-color: #76957f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 9px;
    padding: 4px 10px 3px 6px;
    margin-bottom: 4px; }
  .info-window .blurb {
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    font-size: 9px;
    margin-bottom: 4px; }
  .info-window ul {
    list-style: none;
    font-family: "Open Sans", sans-serif;
    margin: 0px 0px 5px 3px; }
    .info-window ul li {
      font-size: 9px;
      list-style: none; }
      .info-window ul li .info-prefix {
        font-weight: 600; }
  .info-window button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 9px;
    margin: 0px;
    padding: 6px 12px; }
    .info-window button:focus {
      outline: none; }

/*********************
LEADERSHIP COUNCIL
*********************/
.lc-member-list {
  padding: 0; }
  .lc-member-list a {
    margin: 0 0 18px 15px;
    font-size: 15px;
    display: block; }
    .lc-member-list a.right {
      text-align: right;
      float: right;
      clear: right;
      margin-left: 0;
      margin-right: 15px; }
  .lc-member-list h3 {
    border-bottom: 3px solid #E9E9E9;
    text-align: center;
    margin-top: 0; }

.entry-content .bio-list img {
  width: 100%;
  max-width: 150px; }
.entry-content .bio-list h3 {
  margin-bottom: 5px; }
.entry-content .bio-list h4 {
  font-style: italic;
  margin-bottom: 15px;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400; }

/*********************
CATEGORY PAGE
*********************/
.round-icon {
  border: 3px solid #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  box-shadow: 1px 1px 2px 0px #888;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  height: 65px;
  width: 65px;
  padding-top: 6px;
  text-align: center; }
  .for-enterprises .round-icon {
    background: #B1C957; }
  .for-recyclers .round-icon {
    background: #F1925C; }
  .for-consumers .round-icon {
    background: #17A95C; }
  .round-icon .fa {
    color: #fff; }

.info-panel p {
  font-family: "Open Sans",sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 300; }
.info-panel button {
  font-size: 14px;
  padding: 0 15px; }

.info-box {
  padding: 5px 10px;
  margin-bottom: 25px; }
  .info-box p {
    font-size: 14px;
    line-height: 1.7; }

.pendant {
  margin-bottom: 30px; }
  .pendant h3 {
    margin-top: 5px;
    margin-bottom: 2px; }
  .pendant p {
    margin-top: 6px;
    line-height: 1.6; }
  .pendant:last-child {
    margin-bottom: 15px; }

/*********************
ENTERPRISE LIST
*********************/
.listing-section .logo {
  display: block;
  height: 140px;
  line-height: 140px;
  text-align: center; }
  .listing-section .logo .logo-box {
    display: block;
    border: none;
    text-align: center; }
    .listing-section .logo .logo-box img {
      max-width: 100%;
      margin: 0 !important;
      max-height: 100px; }
    .listing-section .logo .logo-box .no-logo {
      line-height: 20px !important; }

/*********************
SPECIAL LISTS
*********************/
div.list {
  display: block;
  list-style: none;
  margin: 30px 0;
  clear: both; }
  div.list strong {
    display: block;
    margin-top: 0;
    margin-bottom: 8px; }
  div.list div.item {
    padding-left: 42px;
    margin-bottom: 25px; }
    div.list div.item:nth-child(2n+1) {
      clear: left; }
  .for-enterprises div.list.checkbox div.item {
    background: url("../images/check-mark-enterprise.png") no-repeat; }
  .for-recyclers div.list.checkbox div.item {
    background: url("../images/check-mark-recycler.png") no-repeat; }
  .for-consumers div.list.checkbox div.item {
    background: url("../images/check-mark-consumer.png") no-repeat; }
  div.list.icons div.item {
    padding-left: 90px;
    min-height: 65px; }
    div.list.icons div.item.icon-trees {
      background: url("../images/trees-enterprise-icon.gif") no-repeat; }
    div.list.icons div.item.icon-padlock {
      background: url("../images/enterprise-lock-icon.gif") no-repeat; }
    div.list.icons div.item.icon-umbrella {
      background: url("../images/umbrella-enterprise-icon.gif") no-repeat; }
    div.list.icons div.item.icon-lower-costs {
      background: url("../images/lower-costs-enterprise-icon.png") no-repeat; }
    div.list.icons div.item.icon-talking {
      background: url("../images/talking-enterprise-icon.png") no-repeat; }

/*********************
RECYCLERS
*********************/
#far-frame {
  overflow: hidden;
  width: 100%;
  height: 856px; }
  #far-frame iframe {
    border: 0;
    width: 100%;
    height: 1000px; }

#map-key {
  display: none; }

.single-recycler .hentry {
  margin-top: 20px; }

.single-recycler #sidebar1 {
  margin-top: 12px; }

.single-recycler header.article-header {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 20px; }
  .single-recycler header.article-header span.title-certified {
    position: relative;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 8px 6px 29px;
    margin: 0 0 0 15px;
    background: #12714D url("../images/check-white.png") no-repeat 8px 8px; }

.recycler-desc {
  margin-bottom: 25px; }
  .recycler-desc img {
    display: block; }

.disclaimer {
  display: block;
  color: #12714D;
  font-style: italic;
  padding-top: 12px; }

.loc-item {
  margin-top: 12px; }

.loc-certified, .loc-inprocess {
  display: inline-block;
  background: #12714D url("../images/check-white.png") no-repeat 8px 8px;
  color: #fff;
  font-weight: bold;
  padding: 6px 12px 6px 29px;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 18px; }

.loc-inprocess {
  background: #f7c6a5;
  padding: 6px 12px; }

.three-col-sidebar {
  padding-left: 20px;
  font-size: 12px; }
  .three-col-sidebar p {
    font-size: 12px; }
  .three-col-sidebar h4 {
    padding: 4px 12px;
    background: #7B9D8E;
    color: #fff; }
  .three-col-sidebar .contact-info {
    list-style: none;
    margin-left: 12px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  background: #fff;
  margin-top: 91px;
  padding-bottom: 20px; }
  #content #main {
    position: relative;
    padding-top: 35px; }

.bottom-panel p {
  font-size: 20px; }

/* NUMBERED LISTS */
ol.numbered {
  list-style-type: none;
  counter-reset: ol-counter;
  margin-left: 0;
  margin-top: 2rem;
  margin-bottom: 2rem; }

ol.numbered > li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  font-weight: bold; }

/* ENTERPRISES */
.for-enterprises ol.numbered li:before {
  color: #B1C957; }

/* RECYCLERS */
.for-recyclers ol.numbered li:before {
  color: #F1925C; }

/* CONSUMERS */
.for-consumers ol.numbered li:before {
  color: #17A95C; }

ol.numbered li {
  font-size: 3rem;
  line-height: 2rem;
  display: block;
  margin-bottom: 2.5rem; }

ol.numbered li span {
  font-size: 1rem;
  color: #222;
  margin-left: 1rem;
  vertical-align: middle;
  display: inline-block;
  width: 90%; }

.hentry {
  margin-bottom: 24px; }
  .hentry header {
    padding: 14px 12px 0 12px; }

/* end .hentry */
.single-title,
.page-title,
.entry-title {
  margin: 0; }

/* post meta */
.byline {
  margin: 0; }

.vcard {
  border: none;
  padding: 0;
  color: #aaa;
  font-size: 12px;
  margin-top: 4px; }

/* entry content */
.entry-content {
  padding: 1.5em 0 0 12px;
  font-weight: 300; }
  .page-template-default .entry-content {
    padding-top: 0; }
  .entry-content p {
    margin: 0 0 1.5em;
    font-weight: 300; }
  .entry-content ul {
    list-style: disc;
    margin-left: 50px;
    margin-bottom: 20px; }
    .entry-content ul li {
      margin-bottom: 7px; }
  .entry-content table {
    width: 100%;
    border: 1px solid #323944;
    margin-bottom: 1.5em; }
    .entry-content table caption {
      margin: 0 0 7px;
      font-size: 0.75em;
      color: #323944;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .entry-content tr {
    border-bottom: 1px solid #777; }
  .entry-content td {
    padding: 7px;
    border-right: 1px solid #323944; }
    .entry-content td:last-child {
      border-right: 0; }
  .entry-content th {
    border-bottom: 1px solid #323944;
    border-right: 1px solid #323944; }
    .entry-content th:last-child {
      border-right: 0; }
  .entry-content blockquote {
    margin: 0 0 1.5em 0.75em;
    padding: 0 0 0 0.75em;
    border-left: 3px solid #323944;
    font-style: italic;
    color: #323944; }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
    .entry-content img.alignright {
      width: 40%;
      margin-left: 10%;
      float: right; }
  .entry-content .size-auto,
  .entry-content .size-full,
  .entry-content .size-large,
  .entry-content .size-medium,
  .entry-content .size-thumbnail {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #323944;
    color: #323944;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  margin-bottom: 18px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 2px;
    text-align: center; }

/* end .wp-caption */
.tags {
  margin: 0; }

/*********************
BLOG
*********************/
.blog .footer-info, .single-post .footer-info, .tax-ct-sector .footer-info, .archive .footer-info {
  padding-top: 15px;
  font-size: 12px; }
  .blog .footer-info .l, .single-post .footer-info .l, .tax-ct-sector .footer-info .l, .archive .footer-info .l {
    float: left;
    margin-bottom: 0; }
  .blog .footer-info .r, .single-post .footer-info .r, .tax-ct-sector .footer-info .r, .archive .footer-info .r {
    float: right;
    margin-bottom: 0; }
.blog .sector, .single-post .sector, .tax-ct-sector .sector, .archive .sector {
  display: block; }
.blog #featured-post, .single-post #featured-post, .tax-ct-sector #featured-post, .archive #featured-post {
  border: 1px solid #E9E9E9;
  padding: 15px 15px 15px 15px;
  -webkit-box-shadow: compact(0 0 7.21px -0.21px rgba(34, 34, 34, 0.15) , false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 0 7.21px -0.21px rgba(34, 34, 34, 0.15) , false, false, false, false, false, false, false, false);
  box-shadow: compact(0 0 7.21px -0.21px rgba(34, 34, 34, 0.15) , false, false, false, false, false, false, false, false);
  max-width: 680px;
  margin-bottom: 20px; }
  .blog #featured-post h2, .single-post #featured-post h2, .tax-ct-sector #featured-post h2, .archive #featured-post h2 {
    text-transform: uppercase; }
  .blog #featured-post h3, .single-post #featured-post h3, .tax-ct-sector #featured-post h3, .archive #featured-post h3 {
    font-size: 14px;
    margin-bottom: 9px;
    margin-top: 15px; }
.blog h4.widgettitle, .single-post h4.widgettitle, .tax-ct-sector h4.widgettitle, .archive h4.widgettitle {
  color: #323944;
  border-bottom: 3px solid #E9E9E9;
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  padding-bottom: 2px;
  font-weight: 400; }
.blog .widget a, .single-post .widget a, .tax-ct-sector .widget a, .archive .widget a {
  padding: 3px 6px;
  color: #323944;
  font-weight: 300;
  font-size: 12px;
  display: block; }
.blog .widget select, .single-post .widget select, .tax-ct-sector .widget select, .archive .widget select {
  margin-top: 10px; }
.blog .entry-content, .single-post .entry-content, .tax-ct-sector .entry-content, .archive .entry-content {
  padding: 12px 24px 0px 0; }
  .blog .entry-content .thumb, .single-post .entry-content .thumb, .tax-ct-sector .entry-content .thumb, .archive .entry-content .thumb {
    display: block; }
    .blog .entry-content .thumb img, .single-post .entry-content .thumb img, .tax-ct-sector .entry-content .thumb img, .archive .entry-content .thumb img {
      width: 100%; }
  .blog .entry-content .article_excerpt .article-header, .single-post .entry-content .article_excerpt .article-header, .tax-ct-sector .entry-content .article_excerpt .article-header, .archive .entry-content .article_excerpt .article-header {
    padding-top: 0; }
  .blog .entry-content .article_excerpt h2, .single-post .entry-content .article_excerpt h2, .tax-ct-sector .entry-content .article_excerpt h2, .archive .entry-content .article_excerpt h2 {
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px; }
  .blog .entry-content .article_excerpt p, .single-post .entry-content .article_excerpt p, .tax-ct-sector .entry-content .article_excerpt p, .archive .entry-content .article_excerpt p {
    font-size: 12px;
    line-height: 16px; }
.blog .article-footer, .single-post .article-footer, .tax-ct-sector .article-footer, .archive .article-footer {
  background: #efefef !important;
  padding: 12px !important; }
.blog .hentry header, .single-post .hentry header, .tax-ct-sector .hentry header, .archive .hentry header {
  padding: 14px 0px 0px 0; }

/*********************
TESTIMONIALS
*********************/
.orbit-container {
  margin: 25px auto;
  width: 100%; }
  .orbit-container .orbit-slides-container.testimonial-orbit {
    background-color: #d1d1d1; }
    .orbit-container .orbit-slides-container.testimonial-orbit li {
      padding: 15px 40px; }
    .orbit-container .orbit-slides-container.testimonial-orbit p {
      color: #666;
      font-size: 16px;
      font-weight: 400; }
      .orbit-container .orbit-slides-container.testimonial-orbit p.credit {
        text-align: right; }

/*********************
ORBIT SLIDER CUSTOM STYLES
*********************/
.orbit-container.slider {
  display: block;
  width: 99%;
  border: 3px solid #aaaaaa;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 30px 0 30px 0;
  overflow: hidden; }
  .orbit-container.slider .orbit-timer {
    display: none; }

.orbit-container.slider li {
  background: #fff; }

.orbit-container.slider .orbit-prev, .orbit-container.slider .orbit-next {
  top: 31%; }

.orbit-container.slider .orbit-next {
  right: 0; }

.slider-info {
  display: block;
  width: 100%;
  padding: 2%;
  font-style: italic;
  color: #6d6d6d; }

.slider-info p {
  font-size: .9rem;
  margin-bottom: 8px;
  line-height: 1.3rem;
  font-family: "Open Sans",sans-serif; }

.slider-info img.center {
  display: block;
  margin: 0 auto 15px; }

.img-frame {
  display: block;
  position: relative;
  width: 100%;
  /**/
  margin: 0 0 15px 0;
  padding: 0;
  float: left; }

.img-frame img {
  display: block;
  width: 100%;
  padding: 0;
  vertical-align: top !important;
  margin: 0; }

.recycler-link {
  font-weight: bold;
  font-size: .9rem;
  color: #6d6d6d; }

/*********************
FAQs
*********************/
#faq {
  margin-bottom: 50px; }
  #faq div[id$="-questions"] {
    display: none;
    padding: 0px 12px; }
  #faq .question-head {
    color: #FFF;
    padding: 3px 12px;
    transition: background-color 300ms ease-out 0s;
    text-shadow: 0px 0px 2px #333; }
    #faq .question-head:hover {
      cursor: pointer; }
    #faq .question-head#enterprise {
      background-color: #B1C957; }
      #faq .question-head#enterprise:hover, #faq .question-head#enterprise:focus {
        background-color: #93ac37; }
    #faq .question-head#recycler {
      background-color: #F1925C; }
      #faq .question-head#recycler:hover, #faq .question-head#recycler:focus {
        background-color: #ec6c24; }
    #faq .question-head#consumer {
      background-color: #17A95C; }
      #faq .question-head#consumer:hover, #faq .question-head#consumer:focus {
        background-color: #10733f; }
  #faq h2:not(.question-head) {
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
    padding-bottom: 3px; }
  #faq .answers {
    margin-top: 30px; }

#consumer-questions {
  margin-bottom: 30px; }

.answer-list .back-to-top {
  margin-top: -5px; }

/*********************
LOGIN
*********************/
#sidebar-wrap select {
  width: auto !important; }

#sidebar1 #loginform {
  background: #e9e9e9;
  padding: 8px 8px 12px 8px;
  margin-top: 10px; }
#sidebar1 h3.no-link {
  color: #323944;
  border-bottom: 3px solid #E9E9E9;
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  padding-bottom: 2px;
  font-weight: 400; }
#sidebar1 input[type="text"], #sidebar1 input[type="password"], #sidebar1 input[type="date"], #sidebar1 input[type="datetime"], #sidebar1 input[type="datetime-local"], #sidebar1 input[type="month"], #sidebar1 input[type="week"], #sidebar1 input[type="email"], #sidebar1 input[type="number"], #sidebar1 input[type="search"], #sidebar1 input[type="tel"], #sidebar1 input[type="time"], #sidebar1 input[type="url"], #sidebar1 textarea {
  font-size: 12px;
  height: 28px;
  margin-bottom: 10px; }
#sidebar1 .login-username {
  margin-bottom: 8px; }
#sidebar1 label {
  font-size: 12px; }
.for-enterprises #sidebar1 .login-user {
  color: #B1C957; }
.for-recyclers #sidebar1 .login-user {
  color: #F1925C; }
#sidebar1 .login-submit {
  margin-bottom: 8px;
  margin-top: 6px; }
  #sidebar1 .login-submit #wp-submit {
    padding: 3px 8px;
    border: none;
    color: #fff;
    font-size: 13px; }
    .for-enterprises #sidebar1 .login-submit #wp-submit {
      background: #B1C957; }
      .for-enterprises #sidebar1 .login-submit #wp-submit:hover {
        background-color: #93ac37; }
    .for-recyclers #sidebar1 .login-submit #wp-submit {
      background: #F1925C; }
      .for-recyclers #sidebar1 .login-submit #wp-submit:hover {
        background-color: #ec6c24; }
#sidebar1 .login-password {
  margin-bottom: 0; }
#sidebar1 .login-remember {
  display: none; }
#sidebar1 .login-forgot {
  font-size: 11px; }
#sidebar1 .fa.fa-lock, #sidebar1 .fa.fa-unlock {
  float: right;
  color: #ccc;
  margin-top: 3px;
  font-size: 16px; }

/******************************************************************
COLUMN ELEMENT
******************************************************************/
.col-row {
  display: block;
  margin: 25px 0; }

.text-col p:first-child {
  margin-top: 25px; }

/******************************************************************
GALLERY ELEMENT
******************************************************************/
.gallery-title {
  margin-top: 15px;
  margin-bottom: 10px; }
  .gallery-title:first-child {
    margin-top: 0; }

.gallery-desc {
  margin-top: 10px;
  margin-bottom: 25px; }

.gallery-img-row {
  margin-top: 25px;
  margin-bottom: 25px; }

a.gallery-image {
  margin-bottom: 30px; }
  a.gallery-image img {
    margin-bottom: 5px;
    display: block; }
  a.gallery-image span {
    font-size: 11px;
    font-style: italic;
    padding-right: 25px; }

/******************************************************************
RECYCLER LIST
******************************************************************/
.list-recyclers .sf-filter .sf-element {
  display: block;
  border: medium none;
  box-sizing: border-box;
  float: left;
  margin: 0px 2% 0px 0px;
  padding: 0px;
  width: 100%;
  max-width: 300px; }
.list-recyclers .sf-filter .sf-element:nth-of-type(2n) {
  margin-right: 2%; }
.list-recyclers .sf-filter button {
  float: none !important; }
.list-recyclers .sf-element legend {
  font-size: 11px !important; }
.list-recyclers .th-cells {
  font-weight: bold;
  color: #222;
  background: #f9f9f9;
  margin: 25px 0 0 0;
  font-size: 13px;
  border: 1px solid #DDD;
  border-bottom: 0; }
.list-recyclers .th-cells > div {
  padding: 8px; }
.list-recyclers .sf-result {
  display: table;
  width: 100%;
  font-size: 13px;
  border: 1px solid #DDD;
  margin-bottom: 20px; }
.list-recyclers .sf-result > li {
  display: table-row;
  margin: 0;
  border: 1px solid #CACACA;
  width: 100%;
  clear: both;
  background: none repeat scroll 0% 0% #FFFFFF !important;
  font-weight: 100; }
.list-recyclers .sf-result > li:nth-of-type(2n) {
  background: none repeat scroll 0% 0% #F9F9F9 !important; }
.list-recyclers .sf-result > li > div {
  padding: 8px;
  font-size: 13px; }
.list-recyclers .sf-result > li > div ul {
  margin: 0;
  border: 0;
  background: none;
  font-size: 13px; }
.list-recyclers .sf-result > li > div ul li {
  border: 0;
  background: none; }
.list-recyclers .certified {
  background-color: #76957F;
  color: #FFF;
  padding: 4px;
  margin-bottom: 10px; }
.list-recyclers .loc-head {
  margin-bottom: 0;
  font-weight: 400; }
.list-recyclers .in-proc {
  background-color: #F9C6A3;
  padding: 4px; }

/******************************************************************
POSTS
******************************************************************/
.entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {
  display: block !important; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    padding: 0;
    clear: both;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #323944; }
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #323944; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
      background-color: #323944;
      color: #fff; }
  .pagination .current {
    cursor: default;
    color: #323944; }
    .pagination .current:hover, .pagination .current:focus {
      background-color: #fff;
      color: #323944; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/*********************
SIDEBARS & ASIDES
*********************/
#sidebar-menu {
  border: 1px solid;
  padding: 3px 6px;
  margin-bottom: 15px;
  display: inline-block;
  text-align: center;
  margin-left: 10px; }
  .for-enterprises #sidebar-menu {
    color: #B1C957;
    border-color: #B1C957; }
  .for-recyclers #sidebar-menu, .list-recyclers #sidebar-menu {
    color: #F1925C;
    border-color: #F1925C; }
  .for-consumers #sidebar-menu {
    color: #17A95C;
    border-color: #17A95C; }
  .digital-equity #sidebar-menu {
    color: #3C64AA;
    border-color: #3C64AA; }
  .advance #sidebar-menu {
    color: #15A9FF;
    border-color: #15A9FF; }

#sidebar-wrap {
  overflow: hidden;
  display: none;
  margin: 0px 10px; }

.sidebar .menu {
  margin-top: 0;
  padding-left: 0; }
  .sidebar .menu ul {
    padding-left: 0;
    margin-top: 4px;
    margin-left: 0; }
  .sidebar .menu li {
    margin: 0 0 4px 0; }
    .sidebar .menu li a {
      color: #323944;
      font-weight: 300;
      font-size: 12px;
      display: block; }
    .sidebar .menu li.no-link {
      margin-bottom: 17px; }
      .sidebar .menu li.no-link > a {
        color: #323944;
        border-bottom: 3px solid #E9E9E9;
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
        padding-bottom: 2px;
        font-weight: 400; }

.no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 1.5em; }

.gform_confirmation_message {
  font-size: 16px;
  display: block;
  margin: 25px 0px;
  font-weight: bold; }
  .for-enterprises .gform_confirmation_message {
    color: #B1C957; }
  .for-recyclers .gform_confirmation_message, .list-recyclers .gform_confirmation_message {
    color: #F1925C; }
  .for-consumers .gform_confirmation_message {
    color: #17A95C; }
  .digital-equity .gform_confirmation_message {
    color: #3C64AA; }

.gform_confirmation_message {
  font-size: 16px;
  display: block;
  margin: 25px 0px;
  font-weight: bold; }

#input_8_1 {
  zoom: 1; }
  #input_8_1:after {
    content: "\A";
    white-space: pre;
    height: 10px; }

.gform_wrapper span.ginput_quantity_label {
  margin-left: 0 !important; }

#ginput_quantity_8_1 {
  display: inline-block; }

/*********************
FOOTER STYLES
*********************/
.footer {
  display: block;
  clear: both;
  padding-bottom: 20px;
  text-align: center;
  background-color: #fff; }
  .footer .copyright {
    font-weight: 300;
    font-size: 12px; }
  .footer .social-nav {
    display: block;
    margin-top: 20px; }
    .footer .social-nav .social-link {
      display: inline;
      font-size: 28px;
      margin-right: 10px;
      color: #12714D; }
      .for-enterprises .footer .social-nav .social-link {
        color: #B1C957; }
      .for-recyclers .footer .social-nav .social-link, .list-recyclers .footer .social-nav .social-link {
        color: #F1925C; }
      .for-consumers .footer .social-nav .social-link {
        color: #17A95C; }
      .digital-equity .footer .social-nav .social-link {
        color: #3C64AA; }
      .advance .footer .social-nav .social-link {
        color: #15A9FF; }
      .footer .social-nav .social-link .fa {
        display: inline; }

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: E-Stewards
  Author: Brent Barkley
  
  Stylesheet: 481px and Up Stylesheet
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */ }
    .menu ul {
      /* end .menu ul li */
      /* highlight current page */
      /* end current highlighters */ }
      .menu ul li {
        /*
        plan your menus and drop-downs wisely.
        */ }
        .menu ul li a {
          /*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */ }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */ }
    .entry-content .alignleft, .entry-content img.alignleft {
      margin-right: 1.5em;
      display: inline;
      float: left; }
    .entry-content .alignright, .entry-content img.alignright {
      margin-left: 1.5em;
      display: inline;
      float: right; }
    .entry-content .aligncenter, .entry-content img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */ }
/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name: E-Stewards
  Author: Brent Barkley
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  body {
    background: #fff; }

  .alignleft, img.alignleft {
    float: left; }

  .alignright, img.alignright {
    float: right; }

  .aligncenter, img.aligncenter {
    text-align: center; }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 96%; }

  /*********************
  HEADER STYLES
  *********************/
  .header {
    height: 108px; }

  .header-logo {
    vertical-align: top;
    margin-left: 0;
    float: left;
    margin-top: 28px; }
    .header-logo img {
      max-width: 115px; }
    .for-enterprises .header-logo img, .for-recyclers .header-logo img, .for-consumers .header-logo img, .digital-equity .header-logo img {
      max-width: 115px; }
    .for-enterprises .header-logo .for-message, .for-recyclers .header-logo .for-message, .for-consumers .header-logo .for-message, .digital-equity .header-logo .for-message {
      font-size: 13px; }
    .header-logo .for-message {
      display: inline-block;
      position: relative;
      font-size: 15px;
      line-height: 15px;
      font-style: italic;
      font-weight: 600;
      top: 20px;
      left: -2px; }
      .header-logo .for-message.for-enterprises:before {
        content: "for Enterprises";
        color: #B1C957; }
      .header-logo .for-message.for-recyclers:before, .header-logo .for-message.list-recyclers:before {
        content: "for Recyclers";
        color: #F1925C; }
      .header-logo .for-message.for-consumers:before {
        content: "for Consumers";
        color: #17A95C; }
      .header-logo .for-message.digital-equity:before {
        content: "Digital Equity";
        color: #3C64AA; }

  .for-recyclers .image-panel, .for-consumers .image-panel, .for-enterprises .image-panel {
    background-size: auto;
    height: 403px; }
  .digital-equity .image-panel {
    height: 403px; }

  /*********************
  HOME
  *********************/
  .home-panels {
    padding-left: 6%; }
    .home-panels .home-panel {
      float: left;
      margin: 0 30px 30px 0;
      max-width: 307px;
      padding: 12px 26px 0; }
      .home-panels .home-panel:last-child {
        margin-right: 0; }

  .home-heading {
    margin: 20px 0px 30px; } }
@media only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .home-panels {
    padding-left: 0; } }
@media only screen and (min-width: 768px) {
  /*********************
  NAVIGATION STYLES
  *********************/
  #mobile-menu {
    display: none; }

  #header-menu {
    display: inline-block;
    min-width: 350px;
    max-width: 598px;
    border: 0;
    background-clip: padding-box;
    background-image: url("../images/menu-map-home.png");
    background-repeat: no-repeat;
    background-position: 65% 52%;
    background-size: 350px 140px;
    float: right;
    height: 100px;
    line-height: 15px;
    padding-top: 48px;
    z-index: 11;
    float: right;
    margin-right: 5px;
    /* end .menu ul li */ }
    #header-menu.for-enterprises {
      background-image: url("../images/menu-map-enterprise.png"); }
    #header-menu.for-recyclers, #header-menu.list-recyclers {
      background-image: url("../images/menu-map-recycler.png"); }
    #header-menu.for-consumers {
      background-image: url("../images/menu-map-consumer.png"); }
    #header-menu.digital-equity {
      background-image: url("../images/menu-map-home-blue.png"); }
    #header-menu #mobile {
      display: none; }
    #header-menu ul {
      margin-top: 0;
      display: inline;
      position: relative;
      top: 0;
      width: auto;
      min-height: 0;
      background-color: none; }
    #header-menu > ul {
      right: 0; }
    #header-menu li {
      float: left;
      position: relative;
      -webkit-transition: background-color 300ms ease-out;
      transition: background-color 300ms ease-out;
      /* showing sub-menus */ }
      #header-menu li#mobile-logo {
        display: none; }
      #header-menu li#about-menu {
        display: inline; }
      #header-menu li#faq-menu {
        display: inline; }
      #header-menu li#cat-menu > a {
        display: block; }
      #header-menu li#cat-menu ul.children {
        margin-left: 0; }
        #header-menu li#cat-menu ul.children li {
          display: block; }
      #header-menu li#for-enterprises-link {
        background: transparent;
        border-bottom: 0; }
      #header-menu li#for-recyclers-link {
        background: transparent;
        border-bottom: 0; }
      #header-menu li#for-consumers-link {
        background: transparent;
        border-bottom: 0; }
      #header-menu li#digital-equity-link {
        background: transparent;
        border-bottom: 0; }
      #header-menu li#marketplace-menu, #header-menu li#blog-menu {
        background: none;
        margin-bottom: 0;
        border-bottom: 0; }
      #header-menu li#faq-menu-mobile, #header-menu li.mobile-only {
        display: none; }
      #header-menu li.has-sub {
        color: #484848; }
        #header-menu li.has-sub .triangle:after {
          display: inline-block;
          content: "▸";
          margin-left: 3px;
          width: 12px;
          text-align: right; }
        #header-menu li.has-sub:hover {
          background: #12714D; }
          #header-menu li.has-sub:hover .triangle:after {
            content: "▾"; }
          .for-enterprises #header-menu li.has-sub:hover {
            background: #B1C957; }
          .for-recyclers #header-menu li.has-sub:hover, .list-recyclers #header-menu li.has-sub:hover {
            background: #F1925C; }
          .for-consumers #header-menu li.has-sub:hover {
            background: #17A95C; }
          .digital-equity #header-menu li.has-sub:hover {
            background: #3C64AA; }
          #header-menu li.has-sub:hover > a {
            color: #fff; }
      #header-menu li#find-recycler-menu {
        display: inline-block;
        background: none;
        border: none;
        margin-left: 0;
        margin-right: 0; }
        #header-menu li#find-recycler-menu a.recycler-pointer {
          display: inline-block;
          width: 34px;
          height: 48px;
          background: url("../images/Find_a_Recycler_Location_Main_Dk_Green.png") no-repeat;
          position: relative;
          top: -47px;
          left: 118px; }
          .for-enterprises #header-menu li#find-recycler-menu a.recycler-pointer {
            background: url("../images/Find_a_Recycler_Location_Enterprise_Faded_Green.png") no-repeat; }
          .for-recyclers #header-menu li#find-recycler-menu a.recycler-pointer, .list-recyclers #header-menu li#find-recycler-menu a.recycler-pointer {
            background: url("../images/Find_a_Recycler_Location_Recycler_Orange.png") no-repeat; }
          .for-consumers #header-menu li#find-recycler-menu a.recycler-pointer {
            background: url("../images/Find_a_Recycler_Location_Consumer_Kelly_Green.png") no-repeat; }
          .digital-equity #header-menu li#find-recycler-menu a.recycler-pointer {
            background: url("../images/Find_a_Recycler_Location_Main_Ede_Blue.png") no-repeat; }
      #header-menu li a {
        font-size: 13px;
        color: #484848;
        padding: 16px 8px; }
        #header-menu li a:hover {
          color: #fff; }
        #header-menu li a#find-a-recycler {
          background: #7B9D8E;
          color: #FFF;
          padding: 4px 20px 5px 24px;
          margin-top: 10px;
          -webkit-transition: background-color 300ms ease-out;
          transition: background-color 300ms ease-out;
          border: none; }
          #header-menu li a#find-a-recycler:hover {
            background-color: #12714D; }
          .for-enterprises #header-menu li a#find-a-recycler {
            background: #D3E0A4; }
            .for-enterprises #header-menu li a#find-a-recycler:hover {
              background: #B1C957; }
          .for-recyclers #header-menu li a#find-a-recycler, .list-recyclers #header-menu li a#find-a-recycler {
            background: #F9C6A3; }
            .for-recyclers #header-menu li a#find-a-recycler:hover, .list-recyclers #header-menu li a#find-a-recycler:hover {
              background: #F1925C; }
          .for-consumers #header-menu li a#find-a-recycler {
            background: #BEDDCD; }
            .for-consumers #header-menu li a#find-a-recycler:hover {
              background: #17A95C; }
          .digital-equity #header-menu li a#find-a-recycler {
            background: #8ea9d7; }
            .digital-equity #header-menu li a#find-a-recycler:hover {
              background: #3C64AA; }
      #header-menu li ul.children {
        margin-left: 0;
        margin-top: 0;
        border-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
        background: none repeat scroll 0% 0% #E9E9E9; }
        #header-menu li ul.children li {
          display: block; }
          #header-menu li ul.children li a {
            padding: 12px 24px 11px;
            border-right: 0;
            display: block;
            font-size: 12px;
            line-height: 18px;
            font-weight: normal;
            -webkit-transition: background-color 300ms ease-out;
            transition: background-color 300ms ease-out;
            display: block;
            width: 198px;
            border-bottom: 1px solid #C4C4C4;
            border-top: 1px solid #D5D5D5; }
            #header-menu li ul.children li a:hover, #header-menu li ul.children li a:focus {
              background-color: #CCC;
              color: #fff; }
      #header-menu li#marketplace-menu.custom:hover, #header-menu li#blog-menu.custom:hover {
        background: #12714D; }
      #header-menu li:hover > ul {
        top: auto;
        visibility: visible; }

  /* end .nav */
  /*this has to go here because of custom nature */
  .for-enterprises #inner-header #header-menu li.custom:hover {
    background: #B1C957 !important; }
  .for-recyclers #inner-header #header-menu li.custom:hover, .list-recyclers #inner-header #header-menu li.custom:hover {
    background: #F1925C !important; }
  .for-consumers #inner-header #header-menu li.custom:hover {
    background: #17A95C !important; }
  .digital-equity #inner-header #header-menu li.custom:hover {
    background: #3C64AA !important; }

  /*********************
  CATEGORY BANNER
  *********************/
  .image-panel {
    display: block;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 403px; }

  .heading-message {
    font-size: 28px;
    line-height: 32px;
    padding: 8px 20px; }
    .impact .heading-message.line-1 {
      top: 55%; }
    .impact .heading-message.line-2 {
      top: 72%; }
    .heading-message.line-1 {
      top: 20%; }
    .heading-message.line-2 {
      top: 36%; }
    .heading-message.line-3 {
      top: 52%; }

  /*********************
  LEADERSHIP COUNCIL
  *********************/
  .lc-member-list {
    padding: 0 40px; }
    .lc-member-list a.right {
      text-align: right;
      float: right;
      clear: right;
      margin-left: 0;
      margin-right: 15px; }

  .entry-content .bio-list .cf > div {
    padding-right: 15px;
    margin-bottom: 15px; }
    .entry-content .bio-list .cf > div:nth-child(2n+2) {
      padding-left: 15px; }
  .entry-content .bio-list img {
    width: 40%;
    max-width: 150px; }
  .entry-content .bio-list h3 {
    margin-bottom: 3px; }
  .entry-content .bio-list h4 {
    margin-bottom: 12px; }

  .hentry header {
    padding: 14px 0 0 24px; }

  .entry-content {
    padding: 24px 24px 0; }

  .info-box img.alignright {
    margin-left: 15px; }
  .info-box p {
    font-size: 16px; }

  .pendant, .pendant:last-child {
    margin-bottom: 0; }

  /* FIND A RECYCLER */
  #map-key {
    display: block;
    margin: 0 30px 25px;
    max-width: 100%;
    background: #e9e9e9;
    font-family: "Open Sans",sans-serif;
    padding-bottom: 10px; }
    #map-key li {
      display: inline-block;
      float: left;
      font-size: 11px;
      background-repeat: no-repeat;
      background-size: 24px 34px;
      background-position: 10px 0;
      height: 34px;
      line-height: 34px;
      padding-left: 40px;
      width: auto;
      padding-right: 1%; }
      #map-key li.map-icon-certified {
        background-image: url("../images/icon-map-certified.png"); }
      #map-key li.map-icon-collection {
        background-image: url("../images/icon-map-dropoff.png"); }
      #map-key li.map-icon-in-progress {
        background-image: url("../images/icon-map-in-progress.png"); }
    #map-key h3 {
      color: #fff;
      background: #12714D;
      padding: 5px 15px;
      margin-top: 0; }

  a.gallery-image:nth-child(3n+1) {
    clear: left; }

  /******************************************************************
  POSTS
  ******************************************************************/
  .entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {
    display: inline-block !important; }
    .entry-content .size-auto.aligncenter, .entry-content .size-full.aligncenter, .entry-content .size-large.aligncenter, .entry-content .size-medium.aligncenter, .entry-content .size-thumbnail.aligncenter {
      display: block !important; }

  /*********************
  BLOG
  *********************/
  .blog .t-4of5, .blog .d-4of5, .single-post .t-4of5, .single-post .d-4of5, .tax-ct-sector .t-4of5, .tax-ct-sector .d-4of5, .archive .t-4of5, .archive .d-4of5 {
    padding-left: 20px; }
  .blog .entry-content, .single-post .entry-content, .tax-ct-sector .entry-content, .archive .entry-content {
    padding: 12px 24px 0px 0; }
    .blog .entry-content .thumb, .single-post .entry-content .thumb, .tax-ct-sector .entry-content .thumb, .archive .entry-content .thumb {
      width: 33%;
      float: left; }
      .blog .entry-content .thumb img, .single-post .entry-content .thumb img, .tax-ct-sector .entry-content .thumb img, .archive .entry-content .thumb img {
        width: 100%; }
    .blog .entry-content .article_excerpt, .single-post .entry-content .article_excerpt, .tax-ct-sector .entry-content .article_excerpt, .archive .entry-content .article_excerpt {
      margin-left: 36%; }
      .blog .entry-content .article_excerpt .article-header, .single-post .entry-content .article_excerpt .article-header, .tax-ct-sector .entry-content .article_excerpt .article-header, .archive .entry-content .article_excerpt .article-header {
        padding-top: 0; }
      .blog .entry-content .article_excerpt h2, .single-post .entry-content .article_excerpt h2, .tax-ct-sector .entry-content .article_excerpt h2, .archive .entry-content .article_excerpt h2 {
        margin-top: 0;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px; }
      .blog .entry-content .article_excerpt p, .single-post .entry-content .article_excerpt p, .tax-ct-sector .entry-content .article_excerpt p, .archive .entry-content .article_excerpt p {
        font-size: 12px;
        line-height: 16px; }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  #sidebar-menu {
    display: none; }

  #sidebar-wrap {
    overflow: hidden;
    display: block;
    margin: 0; }

  .sidebar {
    margin-bottom: 50px; }
    .sidebar .menu li a {
      padding: 3px 6px;
      display: block; }
    .sidebar .menu li:hover {
      background: #E9E9E9;
      cursor: pointer; }
    .sidebar .menu li.no-link {
      padding: 0; }
      .sidebar .menu li.no-link:hover {
        background: none;
        cursor: default; }
      .sidebar .menu li.no-link > a:hover {
        background: none;
        cursor: default; }

  .widgettitle {
    margin-bottom: 0.75em; }

  .widget {
    padding: 0 10px;
    margin: 10px 0; }

  /*********************
  CONTENT
  *********************/
  .entry-content img.alignright.size-large, .entry-content img.alignright {
    max-width: 50%; }

  #main {
    padding-bottom: 25px; }

  #content {
    padding-bottom: 25px;
    margin-top: 108px; }

  /*********************
  SPECIAL LISTS
  *********************/
  div.list div.item {
    margin-bottom: 35px; }

  /*********************
  FOOTER STYLES
  *********************/
  .footer {
    text-align: left; }
    .footer .social-nav {
      display: inline;
      float: right;
      margin-top: 0; }
      .footer .social-nav .fa {
        display: inline; } }
/*********************
DESKTOP
*********************/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name: E-Stewards
  Author: Brent Barkley
  
  Stylesheet: Desktop Stylsheet
  
  ******************************************************************/
  .wrap {
    width: 100%;
    max-width: 1030px; }

  .header-logo {
    margin-top: 5px; }
    .header-logo img {
      max-width: 100%; }
    .for-enterprises .header-logo img, .for-recyclers .header-logo img, .for-consumers .header-logo img, .list-recyclers .header-logo img, .digital-equity .header-logo img {
      max-width: 100%; }
    .for-enterprises .header-logo .for-message, .for-recyclers .header-logo .for-message, .for-consumers .header-logo .for-message, .list-recyclers .header-logo .for-message, .digital-equity .header-logo .for-message {
      font-size: 17px; }
    .header-logo .for-message {
      font-size: 17px;
      line-height: 17px;
      top: 30px; }

  #header-menu {
    background-size: 350px 140px;
    min-width: 350px;
    max-width: 598px;
    margin-right: 0;
    /* end .menu ul li */ }
    #header-menu li ul.children li a {
      padding: 12px 20px 11px;
      font-size: 13px; }
    #header-menu li a {
      font-size: 15px;
      padding: 14px 8px; }
    #header-menu li#find-recycler-menu a.recycler-pointer {
      left: 130px; }

  /* end .nav */
  /*********************
  HOME
  *********************/
  .home-panels {
    margin-top: 40px;
    text-align: left;
    padding-left: 0; }
    .home-panels .home-panel {
      margin: 0 30px 30px 0;
      max-width: 307px;
      padding: 12px 26px 0; }
      .home-panels .home-panel:first-child {
        margin-left: 30px; }
      .home-panels .home-panel:last-child {
        margin-right: 0; }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  #content {
    margin-top: 108px; }
    #content #main {
      position: relative;
      padding-top: 35px; }

  .hentry {
    padding-left: 20px; }
    .hentry header {
      padding: 1.5em 0 0; }

  /* entry content */
  .entry-content {
    padding-left: 0;
    padding-right: 0; }
    .entry-content .bio-list h3 {
      margin-bottom: 3px; }
    .entry-content .bio-list h4 {
      margin-bottom: 15px; }

  /* FIND A RECYCLER */
  #map-key li {
    padding-right: 3%;
    font-size: 13px; }

  .list-recyclers .sf-filter .sf-element {
    display: inline;
    float: left;
    margin: 0px 2% 0px 0px;
    width: 20%; }

  .blog .hentry, .single-post .hentry, .archive .hentry {
    margin-bottom: 2px;
    padding-left: 0; }
    .blog .hentry header, .single-post .hentry header, .archive .hentry header {
      padding: 14px 0 0 0; }

  /*********************
  ORBIT SLIDER CUSTOM STYLES
  *********************/
  .orbit-container.slider {
    display: block;
    width: 99%;
    border: 3px solid #aaaaaa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 30px 0 30px 0;
    overflow: hidden; }
    .orbit-container.slider .orbit-timer {
      display: none; }

  .orbit-container.slider li {
    background: #fff; }

  .orbit-container.slider .orbit-prev, .orbit-container.slider .orbit-next {
    margin-top: -15px;
    top: 45%; }

  .orbit-container.slider .orbit-next {
    right: 40%; }

  .slider-info {
    display: block;
    width: 40%;
    margin-left: 60%;
    padding: 2%;
    font-style: italic;
    color: #6d6d6d; }

  .slider-info p {
    font-size: .9rem;
    margin-bottom: 8px;
    line-height: 1.3rem;
    font-family: "Open Sans",sans-serif; }

  .slider-info img.center {
    display: block;
    margin: 0 auto 15px; }

  .img-frame {
    display: block;
    position: relative;
    width: 60%;
    margin: 0 0 0 0;
    padding: 0;
    float: left; }

  .img-frame img {
    display: block;
    width: 100%;
    padding: 0;
    vertical-align: top !important;
    margin: 0; }

  .recycler-link {
    font-weight: bold;
    font-size: .9rem;
    color: #6d6d6d; }

  a.gallery-image:nth-child(3n+1) {
    clear: none; }
  a.gallery-image:nth-child(4n+1) {
    clear: left; }

  /*********************
  BLOG
  *********************/
  .blog .entry-content, .single-post .entry-content, .tax-ct-sector .entry-content {
    padding: 12px 24px 0px 0; }
    .blog .entry-content .thumb, .single-post .entry-content .thumb, .tax-ct-sector .entry-content .thumb {
      display: block; }
      .blog .entry-content .thumb img, .single-post .entry-content .thumb img, .tax-ct-sector .entry-content .thumb img {
        width: 100%; }

  /*********************
  FOOTER
  *********************/
  .social-nav .social-link:hover {
    color: #0a3c29; }
    .for-enterprises .social-nav .social-link:hover {
      color: #93ac37; }
    .for-recyclers .social-nav .social-link:hover, .list-recyclers .social-nav .social-link:hover {
      color: #ec6c24; }
    .for-consumers .social-nav .social-link:hover {
      color: #10733f; }
    .digital-equity .social-nav .social-link:hover {
      color: #2c497d; } }
/*********************
LARGE VIEWING SIZE
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
*********************/
/*********************
PRINT STYLESHEET
*********************/

/*# sourceMappingURL=style.css.map */
