
/* ------------------- Overall Specifications ------------- */

body {
  line-height: 1.5;
  font-size: 87.5%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
}
h1 {
  font-size: 1.357em;
  color: #000;
}
h2 {
  font-size: 1.143em;
}
p {
  margin: 0 0 1.2em;
}
del {
  text-decoration: line-through;
}
tr.odd {
  background-color: rgba(255,255,255,0.3);
  background-color: #eae7aa;
}
img {
  outline: 0;
}

/**
 * The generic monospace font family is listed before Courier new to avoid a
 * a bug in font-size rendering:
 * http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing
 */
code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  font-size: 0.77em;
  font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
}
code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.04);
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
}


/* ------------------- Fonts ------------------------------ */

body,
#site-slogan,
.ui-widget,
.comment-form label {
  font-family: sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: sans-serif;
}
#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {
  font-family: sans-serif;
}
input,
textarea,
select,
a.button,
.hamburger {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    box-sizing: border-box;
    border-radius: 0px;
}
.fa:before {
    font-family: FontAwesome !important;
}
.catalog-page .grid-title a {
    font-size: small;
    font-weight: bold;
    white-space: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

/* ------------------- Reset Styles ----------------------- */

caption {
  text-align: left; /* LTR */
  font-weight: normal;
}
blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -.45em;
}
blockquote > p:first-child {
  display: inline;
}
a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}
img {
  height: auto;
  border: 0;
}

/* ------------------- Table Styles ----------------------- */

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  width: 100%;
}
table table {
  font-size: 1em;
}
#footer-wrapper table {
  font-size: 1em;
}
table tr th {
  background: #332500;
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
  color: #fff;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #E7E5AA;
  text-align: left; /* LTR */
}
#footer-wrapper tr td,
#footer-wrapper tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
td.odd {
  background: rgba(0, 0, 0, 0.105);
}
td,
td.even {
  background: rgba(0, 0, 0, 0.04);
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

/* ------------------- Table Overrides ------------------------ */
.views-view-grid td {
	text-align: center !important;
	vertical-align: top;
	padding-top: 1em;
	padding-bottom: .75em;
}
.cols-5 td {
	width: 20%;
}
.cols-4 td {
    width: 25%;
}
.view-wishlist td.active {
    background-color: transparent;
}
tr.component-type- {
    display: none !important;
}

/* ------------------- List Styles ------------------------ */

.block ol,
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}
.contextual-region .contextual .contextual-links a {
  font-size: 0.923em;
  text-shadow: 0 0 0 !important;
}
.item-list .pager {
  font-size: 0.929em;
}
.item-list .pager li {
  padding: 0;
    border-radius: 6px;
}
.item-list .pager a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 6px;
}
.item-list .pager a:hover {
    background-color: rgba(0,0,0,0.04);
    text-decoration: none;
}
.item-list .pager .pager-current {
  padding: 5px 10px;
    background-color: #456605;
    color: #E7E5AA;
}
.item-list .pager-ellipsis {
    padding 10px 6px;
}
.item-list .pager .pager-first a,
.item-list .pager .pager-previous a,
.item-list .pager .pager-next a,
.item-list .pager .pager-last a {
  padding: 5px;
}
ul.menu li,
.block-taxonomy-menu-block li {
  margin: 12px 0;
}

ul.menu li a,
.block-taxonomy-menu-block li a {
  padding: 10px 0;
}

.region-content ul,
.region-content ol {
  margin: 1em 0;
  padding: 0 0 0.25em 15px; /* LTR */
}
.item-list ul li {
  margin: 0;
  padding: 0.2em 0.5em 0 0; /* LTR */
}
ul.tips {
  padding: 0 0 0 1.25em; /* LTR */
}

/* ------------------- Header ----------------------------- */
#header {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
}
#skip-link {
    display: none;
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 0.94em;
  line-height: 1.7;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}
#logo {
  float: left; /* LTR */
  width: auto;
}
#logo img {
    width: 370px;
}
#name-and-slogan {
  float: left; /* LTR */
  margin: 0;
  padding: 5px 10px 8px;
}
#site-name {
  font-size: 1.6em;
  color: #686868;
  line-height: 1;
}
h1#site-name {
  margin: 0;
}
#site-name a {
  font-weight: normal;
}
#site-slogan {
  font-size: 0.929em;
  margin-top: 7px;
  word-spacing: 0.1em;
  font-style: italic;
}
/* Region header blocks. */

.region-header .block {
  font-size: 0.857em;
  /* float: left; /* LTR */
  margin: 0px;
  padding: 0;
  display: block;
}
.region-header .block:first {
    margin-right: 1em;
}
.region-header .block .content {
  margin: 0;
  padding: 0;
}
.region-header .block ul {
  margin: 0;
  padding: 0;
}
.region-header .block li {
  list-style: none;
  list-style-image: none;
  padding: 0;
}
.region-header .form-text {
  background: #fefefe;
  background: rgba(255, 255, 255, 0.7);
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.3);
  margin-right: 2px; /* LTR */
  width: 120px;
}
.region-header .form-text:hover,
.region-header .form-text:focus,
.region-header .form-text:active {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.region-header .form-required {
  color: red;
}
.region-header #block-views-eb0c3cf33f111404d9b57eecf4abfb1b {
    float: right;
}
.region-header #views-exposed-form-working-search-block-page-1 .views-submit-button {
    padding-right: 0px;
}
.region-header #views-exposed-form-working-search-block-page-1 input.form-submit {
    margin-top: 1px;
    font-family: 'FontAwesome';
}
.region-header #views-exposed-form-working-search-block-page-1 .views-widget-filter-keys {
    display: inline-block;
    padding-right: 0px;
}
.region-header #views-exposed-form-working-search-block-page-1,
.region-header .header-contact {
    width: 100%;
    clear: both;
}
.region-header .header-contact {
    margin-left: 1em;
    display: block;
}
.region-header .header-contact ul {
    width: 100%;
    text-align: center;
    margin: 0 0 .5em;
    list-style: none;
    display: flex;
    justify-content: center;
}
.region-header .header-contact li {
    display: inline-block;
    margin: 0 auto;
}
.region-header .header-contact a {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    clear: both;
}
.region-header .header-contact .fa:before {
    margin-right: .25em;
}

.sidebar .newsletter .form-type-textfield {
    width: 100%;
}
.sidebar .newsletter input.form-text {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.sidebar .newsletter input.form-submit {
    position: relative;
    padding: 4px .75em;
}
/* Region header block menus. */

.region-header .block-menu {
  border: 1px solid;
  border-color: #eee;
  border-color: rgba(255, 255, 255, 0.2);
  padding: 0;
  width: 208px;
}
.region-header .block-menu li a {
  display: block;
  border-bottom: 1px solid;
  border-bottom-color: #eee;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  padding: 3px 7px;
}
.region-header .block-menu li a:hover,
.region-header .block-menu li a:focus,
.region-header .block-menu li a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.15);
}
.region-header .block-menu li.last a {
  border-bottom: 0;
}
/* User Login block in the header region */

/* Login/Register Page */
.register #login-message {
    display: none;
}
.toboggan-unified #login-links a {
    border-color: #456605;
    background-color: transparent;
    text-decoration: none;
    color: #456605;
}
.toboggan-unified #login-links a.lt-active {
    border: 1px solid #456605;
    background-color: #456605;
    text-decoration: none;
    color: #FBFBF2;
}
.toboggan-unified #login-links a:hover {
    background-color: rgba(0,0,0,0.04);
}
.toboggan-unified #login-links a.lt-active:hover {
    background-color: transparent;
    color: #456605;
    border: 1px solid #456605;
}

/* Language switcher block in region header. */

.region-header .block-locale ul li {
  display: inline;
  padding: 0 0.5em;
}
/* Custom Header Blocks */

.region-header input.form-text {
	 border: 1px solid #456605;
     background-color: #FBFBF2;
 }

 /* ------------------- Navbar -------------------------- */

#navbar {
    width: 100%;
    display: block;
}
#navbar .section {
    margin: 0 auto;
    max-width: 900px;
}
/* ------------------- Main Menu -------------------------- */

#block-system-main-menu {
    display: block;
}
.tb-megamenu:after {
    width: auto;
    clear: none;
}
.tb-megamenu .dropdown-menu {
    border: 0px !important;
}
.tb-megamenu .btn-navbar {
    margin-bottom: 0;
    background: #456605;
    box-shadow: none;
    text-shadow: none;
    border: none;
}
.tb-megamenu .btn-navbar:hover {
    background: #7aab1b;
    border-radius: 0;
}
.tb-megamenu .hamburger {
    font-size: 1.75;
}
.tb-megamenu .btn-text {
    font-size: 1.5em;
    margin: .25em 0;
}
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover {
    background: none;
}

/* ------------------- Secondary Menu --------------------- */

#secondary-menu-links {
  float: right; /* LTR */
  font-size: 1.125em;
  margin: 0 10px;
}
#secondary-menu-links  li{
  margin: 0;
  padding: 0;
}
#secondary-menu-links  a {
  display: inline-block;
  padding:  0.8em;
  text-transform: capitalize;
}
#secondary-menu-links a#login {
    border: 1px solid #456605;
}
#secondary-menu-links a#login:hover {
    border: 1px solid #456605;
    background: #456605;
    color: #FBFBF2;
}
#secondary-menu-links a:hover,
#secondary-menu-links a:focus {
  text-decoration: underline;
}
#secondary-menu-links a#login:hover,
#secondary-menu-links a#register:hover {
    text-decoration: none;
}
/* ------------------- Main ------------------------------- */

#main {
  margin-top: 20px;
  margin-bottom: 40px;
}
/* ------------------- Highlighted ------------------------ */

#highlighted {
  border-bottom: 1px solid #d3d7d9;
  font-size: 120%;
}

/* ------------------- Help ------------------------------- */

.region-help {
  border: 1px solid #d3d7d9;
  padding: 1.2em 1.5em 0;
 /* margin-bottom: 30px; */
}

/* ------------------- Content ---------------------------- */

.content {
  margin-top: 0;
}
h1#page-title {
  font-size: 2em;
  line-height: 1;
}
#content h2 {
  margin-bottom: 5px;
  font-size: 1.429em;
  line-height: 1.4;
}
#content h2 a:link {
  padding-top: 18px;

}
.node .content {
  font-size: 1.071em;
}
.node-teaser .content {
  font-size: 1em;
}
.node-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node-teaser h2 a {
  color: #456605;
}
.node-teaser {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.node-sticky {
  background: #f9f9f9;
  background: rgba(0, 0, 0, 0.024);
  border: 1px solid #d3d7d9;
  padding: 0 15px 15px;
}
.node-full {
  background: none;
  border: none;
  padding: 0;
}
.node-teaser .content {
  clear: none;
  line-height: 1.6;
}
.node-teaser .field-name-field-image {
    width: 100px !important;
}

.meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: 10px;
}
.submitted a {
  padding: 10px 0 15px;
}
.submitted .user-picture img {
  float: left; /* LTR */
  height: 20px;
  margin: 1px 5px 0 0; /* LTR */
}

.field-type-taxonomy-term-reference {
  margin: 0 0 1.2em;
}
.field-type-taxonomy-term-reference .field-label {
  font-weight: bold;
  margin: 0;
  padding-right: 5px; /* LTR */
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
  font-size: 0.8em;
}
.view-mode-teaser .field-type-taxonomy-term-reference .field-label,
.view-mode-teaser .field-type-taxonomy-term-reference ul.links {
  font-size: 0.821em;
}
.field-type-taxonomy-term-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field-type-taxonomy-term-reference ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
.field-type-taxonomy-term-reference ul.links li a {
  padding: 5px 0 20px;
}
.link-wrapper {
  text-align: right;
}
.field-type-image img,
.user-picture img {
  margin: 0 0 1em;
}

ul.links {
  color: #68696b;
  font-size: 0.821em;
}
ul.links.inline li a {
  display: inline;
  padding: 18px 0 5px;
}

.unpublished {
  margin: -20px -15px 0;
  padding: 20px 15px 0;
}
.unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------- Comments --------------------------- */

.comment h2.title {
  margin-bottom: 1em;
}
.comment div.user-picture img {
  margin-left: 0; /* LTR */
}
.comment {
  margin-bottom: 20px;
  display: table;
  vertical-align: top;
}
.comment .attribution {
  display: table-cell;
  padding: 0 30px 0 0; /* LTR */
  vertical-align: top;
  overflow: hidden;
}
.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}
.comment .attribution .username {
  white-space: nowrap;
}
.comment .submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}
.comment .submitted .comment-time {
  font-size: 0.786em;
  color: #68696b;
}
.comment .submitted .comment-permalink {
  font-size: 0.786em;
  text-transform: lowercase;
}
.comment .submitted .comment-permalink a {
  padding: 8px 0 18px;
}
.comment .content {
  font-size: 0.929em;
  line-height: 1.6;
}
.comment .comment-arrow {
  background: url(../images/comment-arrow.png) no-repeat 0 center transparent; /* LTR */
  border-right: 1px solid;
  height: 40px;
  margin-left: -47px; /* LTR */
  margin-top: 10px;
  position: absolute;
  width: 20px;
}
.comment .comment-text {
  padding: 10px 25px;
  border-radius: 6px;
  background-color: rgba(0,0,0,0.04);
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.comment .comment-text h3  a{
  padding-top: 22px;
}
.comment .indented {
  margin-left: 40px; /* LTR */
}
.comment ul.links {
  padding: 0 0 0.25em 0;
}
.comment ul.links li {
  padding: 0 0.5em 0 0; /* LTR */
}
.comment.unpublished {
  margin-right: 5px; /* LTR */
  padding: 5px 2px 5px 5px; /* LTR */
}
.comment.unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------- Sidebar ---------------------------- */
.sidebar .section {
  padding-top: 10px;
}
.sidebar .block {
  padding: 15px 20px;
  margin: 0 0 20px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 5px;
}
.sidebar h2 {
  margin: 0 0 0.5em;
  padding-bottom: 5px;
  font-size: 1.5em;
    font-weight: bold;
    color: #456605;
  line-height: 1.2;
    border-bottom: none;
}
.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
}
.sidebar tbody {
  border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}
.sidebar .block-taxonomy-menu-block ul {
    border: none;
    list-style: none;
    text-align: left;
}
.sidebar .block-taxonomy-menu-block li {
    list-style-image: url(/misc/menu-leaf.png);
    list-style-type: square;
}
/* ------------------- Triptych --------------------------- */

#triptych-wrapper {
  background-color: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-top: 1px solid #e7e7e7;
}
#triptych h2 {
  color: #000;
  font-size: 1.4em;
  margin-bottom: 0.6em;
  text-shadow: 0 2px 0 #FBFBF2;
  line-height: 1;
}
#triptych .block {
  margin-bottom: 1em;
  padding-bottom: 1em;
  line-height: 1.3;
}
#triptych .block.last {
  border-bottom: none;
}
#triptych .block ul li,
#triptych .block ol li {
  list-style: none;
}
#triptych .block ul,
#triptych .block ol {
  padding-left: 0;
}
#triptych #block-user-login .form-text {
  width: 185px;
}
.region-triptych-first,
.region-triptych-last {
    position: relative;
}
.region-triptych-middle {
    width: 100% !important;
    max-width: 960px;
    margin: 0 auto;
    display: block;
    float: none;
}
.region-triptych-middle #block-constant-contact-1 h2 {
    width: auto;
    float: left;
    margin-top: .75em;
    margin-right: .5em;
}


/* ------------------- Footer ----------------------------- */

#footer-wrapper {
  color: #c0c0c0;
  font-size: 0.857em;
}
#footer-wrapper a {
  color: #fcfcfc;
}
#footer-wrapper a:hover,
#footer-wrapper a:focus {
  color: #fefefe;
  text-decoration: underline;
}
#footer-wrapper .block {
  margin: 20px 0;
  border: 1px solid #444;
  border-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
}
#footer-columns .block-menu,
#footer .block {
  margin: 0;
  padding: 0;
  border: none;
}
#footer .block {
  margin: 0.5em 0;
}
#footer .block .content {
  padding: 0.5em 0;
  margin-top: 0;
}
#footer .block h2 {
  margin: 0;
}
#footer-columns h2 {
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
}
#footer-columns .content {
  margin-top: 0;
}
#footer-columns p {
  margin-top: 1em;
}
#footer-columns .content ul {
  list-style: none;
  padding-left: 0; /* LTR */
  margin-left: 0;
}
#footer-columns .content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-columns .content li a {
  display: block;
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  line-height: 1.2;
  padding: 0.8em 2px 0.8em 20px; /* LTR */
  text-indent: -15px;
}
#footer-columns .content li a:hover,
#footer-columns .content li a:focus {
  background-color: #805e01;
  text-decoration: none;
}
#footer-columns .social {
    padding: 0; 
    border: none;
    margin-top: 1em;
    margin-bottom: 0;
    margin-left: 10px;
    max-width: 250px;
}
#footer-columns .social i.fa {
    font-size: 36px;
    color: #FBFBF2;
}
#footer-columns .social h2 {
    border: none;
}
#footer-columns .social ul {
    width: 100%;
}
#footer-columns .social li {
    width: 12.5%;
    float: left;
}
#footer-columns .social li:not(:last-child) {
    margin-right: 5px;
}
#footer-columns .social li a {
    border: none;
    padding: 0 !important;
    text-indent: 0;
}
#footer-columns .social li a:hover {
    background-color:  transparent;
}
#footer {
  letter-spacing: 0.2px;
  margin-top: 30px;
  border-top: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
}
#footer .region {
  margin-top: 20px;
}
#footer .block {
  clear: both;
}
#footer ul,
#footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li a {
  float: left; /* LTR */
  padding: 0 12px;
  display: block;
  border-right: 1px solid #555; /* LTR */
  border-color: rgba(255, 255, 255, 0.15);
}
#footer li.first a {
  padding-left: 0; /* LTR */
}
#footer li.last a {
  padding-right: 0; /* LTR */
  border-right: none; /* LTR */
}
#footer-wrapper tr.odd {
  background-color: transparent;
}
#footer-wrapper tr.even {
  background-color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.15);
}

/* ------------------- System Tabs ------------------------ */

.tabs {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}
.tabs ul.primary {
  padding: 0 3px;
  margin: 0;
  overflow: hidden;
  border: none;
  background: transparent;
}
.tabs ul.primary li {
  display: block;
  float: left; /* LTR */
  vertical-align: bottom;
  margin: 0 5px 0 0; /* LTR */
}
.tabs ul.primary li.active a {
  border-bottom: transparent !important;
}
.tabs ul.primary li a {
  color: #000;
  background-color: rgba(0,0,0,0.3);
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  float: left; /* not LTR */
  padding: 0 10px 3px;
  margin: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
}
.tabs ul.secondary {
  border-bottom: none;
  padding: 0.5em 0;
}
.tabs ul.secondary li {
  display: block;
  float: left; /* LTR */
}
.tabs ul.secondary li:last-child {
  border-right: none; /* LTR */
}
.tabs ul.secondary li:first-child {
  padding-left: 0; /* LTR */
}
.tabs ul.secondary li a {
  padding: 0.25em 0.5em;
}
.tabs ul.secondary li a.active {
  background: #f2f2f2;
  border-bottom: none;
  border-radius: 5px;
}
ul.action-links {
  list-style: none;
  margin: 5px;
  padding: 0.5em 1em;
}
ul.action-links li {
  display: inline-block;
  margin-left: 10px;
}
ul.action-links li a {
  padding-left: 15px;
  background: url(../images/add.png) no-repeat left center;
  margin: 0 10px 0 0;
}

/* ------------------- Messages --------------------------- */

#messages {
  padding: 0 0 5px;
  margin: 0 auto;
}
/* .featured #messages {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
} */
div.messages {
  margin: 8px 15px;
}

/* ------------------- Breadcrumbs ------------------------ */

.breadcrumb {
  font-size: 0.929em;
  padding: 10px;
}

.breadcrumb a {
  padding: 12px 0;
}

/* ------------------- User Profile ----------------------- */

.profile .user-picture {
  float: none;
}
/* ------------------- Password Meter --------------------- */

.confirm-parent,
.password-parent {
  width: 34em;
}
.password-parent,
div.form-item div.password-suggestions {
  position: relative;
}
.password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.82em;
}
.password-strength-text {
  margin-top: 0.2em;
}
div.password-confirm {
  margin-top: 2.2em;
  width: 20.73em;
}

/* ------------------- Buttons ---------------------------- */


input.form-submit,
a.button {
  background: #456605;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
  margin-right: 0.6em; /* LTR */
  padding: 4px 17px;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
    border-radius: 0px;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
  color: #fff;
}

/* ------------------- Form Elements ---------------------- */

fieldset {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  border-radius: 4px;
}
.fieldset-wrapper {
  margin-top: 25px;
}
.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}
.filter-wrapper {
  top: 0;
  padding: 1em 0 0.2em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
}
.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
  background: transparent;
  border-radius: 0;
}
fieldset legend {
  background: #FBFBF2;
  border: 1px solid #ccc;
  border-bottom: none;
  color: #3b3b3b;
  display: block;
  height: 2em;
  left: -1px; /* LTR */
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  top: -12px;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
fieldset.collapsed legend {
  border-radius: 4px;
}
fieldset legend a {
  color: #3b3b3b;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  color: #000;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
fieldset .fieldset-description {
  margin-top: 5px;
  margin-bottom: 1em;
  line-height: 1.4;
  color: #3c3c3c;
  font-style: italic;
}
input {
  margin: 2px 0;
  padding: 4px;
}
input[placeholder] {
   color: rgba(0,0,0,0.5);
    color: #666;
    font-weight: bold;
}
input,
textarea {
  font-size: 0.929em;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea,
select.form-select {
  padding: 4px;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
textarea.form-textarea,
select.form-select {
  border: 1px solid #456605;
    background-color: #FBFBF2;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
}
input.form-submit:hover,
input.form-submit:focus {
  background: #7aab1b;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red !important;
}
.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
.form-item {
  margin-bottom: 1em;
  margin-top: 2px;
}
.form-item label,
.views-exposed-widget {
  font-size: 0.929em;
    font-family: sans-serif;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
}
.form-actions {
  padding-top: 10px;
}
/* Contact Form */
.contact-form #edit-name {
  width: 98%;
  border-radius: 4px;
}
.contact-form #edit-mail {
  width: 98%;
  border-radius: 4px;
}
.contact-form #edit-subject {
  width: 98%;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 99%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.contact-form .resizable-textarea .grippie {
  width: 99%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.contact-form .form-type-checkbox,
.contact-form .form-actions {
    text-align: right;
}

/* ------------------- Disabled Form Elements ------------- */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
}
.form-disabled label {
  color: #717171;
}

/* ------------------- Animated Throbber ------------------ */
.js input.form-autocomplete {
  background-position: 100% 4px; /* LTR */
}
.js input.throbbing {
  background-position: 100% -16px; /* LTR */
}

/* ------------------- Comment Form ----------------------- */
.comment-form label {
  float: left; /* LTR */
  font-size: 0.929em;
  width: 120px;
}
.comment-form input,
.comment-form .form-select {
  margin: 0;
}
.comment-form .form-type-textarea label {
  float: none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  margin-bottom: 10px;
  overflow: hidden;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px; /* LTR */
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0;
}
.comment-form input.form-file {
  width: auto;
}
.comment-form .form-type-fivestar {
    margin-bottom: 0px;
}
.no-sidebars .comment-form .form-text {
  width: 800px;
}
.one-sidebar .comment-form .form-text {
  width: 500px;
  display: block;
    clear: both;
}
.two-sidebars .comment-form .form-text {
  width: 320px;
}
.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1.2;
  margin-left: 120px; /* LTR */
}
#content h2.comment-form {
  margin-bottom: 0.5em;
}
.comment-form .form-textarea {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.filter-wrapper label {
  width: auto;
  float: none;
}
.filter-wrapper .form-select {
  min-width: 120px;
}
.comment-form fieldset.filter-wrapper .tips {
  font-size: 0.786em;
}
#comments label {
  margin-bottom: 0.4em;
}
#edit-actions input {
  margin-right: 0.6em; /* LTR */
}

/* ------------------- Other Overrides -------------------- */
input.state {
    margin: 2px 0;
    padding: 4px;
}
.catalog-page .form-item .description {
    display: none;
}
.commerce-line-item-views-form input.delete-line-item {
    font-size: 0.929em;
    margin: 0px;
    padding: 4px 17px;
}
div.password-suggestions {
  border: 0;
}
.ui-widget-overlay {
  background: #222222;
  opacity: 0.7;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  padding: 1em;
}
#forum .name {
  font-size: 1.083em;
}
#forum .description {
  font-size: 1em;
}
.horizontal-tabs ul.horizontal-tabs-list li {
    border: 0;
}
.panel-2col-bricks .panel-col-top,
.panel-2col-bricks .panel-col-middle,
.panel-2col-bricks .panel-col-bottom {
    width: 100%;
}
.pane-articles-panel-pane-1 h2 {
    margin-top: .5em;
}
.node .block .views-view-grid .views-field-title {
    text-align: center;
}
.field-name-commerce-order-total .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount {
    background-color: transparent !important;
}
.block-commerce-cart .line-item-summary ul.links li,
.block-commerce-cart .line-item-summary ul.links li a {
    display: block !important;
    padding: .35em 0px !important;
    margin: .25em 0px;
    font-size: 1.15em;
}
.expanding-formatter.expanded .expanding-formatter-summary,
.expanding-formatter.sliding .expanding-formatter-summary {
  display: none;  
}

/* ------------------- Search Form ------------------------ */

#views-exposed-form-working-search-block-page-1,
#block-search-form {
  padding-bottom: 7px;
}
#views-exposed-form-working-search-block-page-1 .content,
#block-search-form .content {
  margin-top: 0;
}
#views-exposed-form-working-search-block-page-1 input[type="text"],
#search-form input[type="search"],
#block-search-form input[type="search"] {
  box-sizing: border-box;
  padding: 4px;
  -webkit-appearance: textfield;
}
#views-exposed-form-working-search-block-page-1 input[type="search"]::-webkit-search-decoration,
#search-form input[type="search"]::-webkit-search-decoration,
#block-search-form input[type="search"]::-webkit-search-decoration {
  display: none;
}
#views-exposed-form-working-search-block-page-1 input#edit-keys,
#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
    font-size: 1em;
    margin-top: 1px;
    margin-right: 0px;
    width: 14em;
    height: 36px;
}
#views-exposed-form-working-search-block-page-1 input.form-submit,
#search-block-form input.form-submit,
#search-form input.form-submit {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 17px;
  cursor: pointer;
  background-color: #456605;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
}
#views-exposed-form-working-search-block-page-1 input.form-submit:hover,
#views-exposed-form-working-search-block-page-1 input.form-submit:focus,
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
  background-position: center bottom;
}
#search-form .form-item-keys label {
  display: block;
}
#block-system-main #search-form input#edit-keys {
    width: 85%;
}
fieldset.search-advanced.collapsed legend {
    border-bottom: 1px solid #ccc;
}

/* ------------------- Search Results --------------------- */
ol.search-results {
  padding-left: 0;
}
.search-results li {
  padding-bottom: 0.4285em;
  margin-bottom: 0.5em;
}
.search-results li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1em;
}
.search-results .search-snippet-info {
  padding-left: 0;
  height: auto;
}
.search-results-view .form-submit {
    margin-top: 1.75em !important;
    height: 25px;
}
.search-results .field-type-fivestar {
    display: inline-flex;
}
.search-results .more-link {
    float: right;
}
/* ------------------- Shared Styles --------------------- */

.panels-flexible-region {
        width: 100% !important;
    }
.views-row .node-teaser, .view-custom-search .views-row {
    margin: 1em 0;
    background-color:  rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 0 1em 1em;
}
.search-result,
.node-teaser {
	height: auto;
	display: block;
	clear: left;
}
.search-result .field-name-body,
.node-teaser .field-name-body,
.search-result .title,
.node-teaser .title{
	float: none;
}
.search-result .field-type-image,
.node-teaser .field-type-image,
.view-custom-search .views-row .views-field-field-image{
	float: right;
	display: inline-block;
    margin-left: 1em;
}
.search-result img,
.node-teaser img {
	margin: 0px !important;
}
.view-custom-search .views-row .views-field-title a {
  color: #181818;
  display: block;
  font-size: 1.429em;
  line-height: 1.4;
  width: 100%;
  padding-top: 18px;
}
.view-custom-search .views-row .views-field-body {
  display: inline-block;
}
.view-custom-search .views-row .views-field-totalcount {
  color: #68696b;
  text-align: right;
}
.view-custom-search .search-results-view .form-submit {
  font-size: 25px;
  height: 30px;
  line-height: 0;
  margin-top: 2px !important;
}
/* ------------------- Shortcut Links --------------------- */

.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
}
.shortcut-wrapper h1#page-title {
  float: left; /* LTR */
  margin: 0;
}
div.add-or-remove-shortcuts {
  padding-top: 0.9em;
}
.overlay div.add-or-remove-shortcuts {
  padding-top: 0.8em;
}

/* ------------------- Admin-specific Theming ------------- */

.page-admin #content img {
  margin-right: 15px; /* LTR */
}
.page-admin #content .simpletest-image img {
  margin: 0;
}
.page-admin-structure-block-demo .block-region {
  background: #ffff66;
  border: 1px dotted #9f9e00;
  color: #000;
  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  margin: 5px;
  padding: 5px;
  text-align: center;
  text-shadow: none;
}
.page-admin-structure-block-demo #featured .block-region {
  font-size: 0.55em;
}
.page-admin-structure-block-demo #header .block-region {
  width: 500px;
}
.page-admin #admin-dblog img {
  margin: 0 5px;
}
/* Fix spacing when Seven is used in the overlay. */
#system-theme-settings fieldset {
  padding: 0;
}
#system-theme-settings fieldset .fieldset-legend {
  margin-top: 0;
}
/* Configuration. */
div.admin .right,
div.admin .left {
  width: 49%;
  margin: 0;
}
div.admin-panel {
  background: #fbfbfb;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 0 5px 5px;
}
div.admin-panel h3 {
  margin: 16px 7px;
}
div.admin-panel dt {
  border-top: 1px solid #ccc;
  padding: 7px 0 0;
}
div.admin-panel dd {
  margin: 0 0 10px;
}
div.admin-panel .description {
  margin: 0 0 14px 7px;
}

/* ------------------- Overlay Layout Styles -------------- */

.overlay #main,
.overlay #content {
  width: auto;
  float: none;
}
.overlay #page {
  padding: 0 2em;
}
.overlay .region-page-top,
.overlay #header,
.overlay #page-title,
.overlay #featured,
.overlay #sidebar-first,
.overlay #triptych-wrapper,
.overlay #footer-wrapper {
  display: none;
}
.overlay-processed .field-type-image {
  display: block;
  float: none;
}
.overlay #messages {
  width: auto;
}

/* ------------------- Poll ------------------------------- */

.node .poll {
  margin: 2em 0;
}
.node .poll #edit-choice {
  margin: 0 0 1.5em;
}
.poll .vote-form {
  text-align: left; /* LTR */
  margin: 0;
}
.poll .percent {
  font-size: 0.857em;
  font-style: italic;
  margin-bottom: 3em;
  margin-top: -3.2em;
  float: right; /* LTR */
  text-align: right; /* LTR */
}
.poll .choice-title {
  clear: right; /* LTR */
}
.poll .total {
  font-size: 0.929em;
  font-style: italic;
  text-align: right; /* LTR */
  clear: both;
}
.node .poll {
  margin: 1.8em 0 0;
}
.node .poll .text {
  margin-right: 6.75em;
}
.node .poll #edit-choice {
  margin: 0 0 1.2em;
}
.poll .bar .foreground {
  background-color: #666;
}
#footer-wrapper .poll .bar {
  background-color: #666;
}
#footer-wrapper .poll .bar .foreground {
  background-color: #ddd;
}

/* ------------------- Book ------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #d6d6d6;
}
.book-navigation .book-pager {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  margin: 0;
}

/* ------------------- Menu Toggle Link ------------------- */
a#menu-toggle {
  display:none;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  padding: 0.7em 0 0.7em 10px;
  text-decoration: none;
  text-shadow: 0 1px #EEEEEE;
  position:relative;
}

a#menu-toggle:after {
  content:"";
  background: url('../images/toggle.png') no-repeat;
  width: 22px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 10px;
}

/* ------------------- Media Queries ---------------------- */

@media all and (max-width: 480px) {
  /* ----------------- Menu on Small Resolutions ---------- */
    
    #logo img {
        max-width: 100%;
    }
    a#menu-toggle {
    display:block;
  }

  #main-menu-links {
    display: none;
    height: auto;
  }
    #navigation {
		height: auto !important;
	}
    .menu-item {
        font-size:  24px !important;
        line-height: 36px !important;
        margin: 0 !important;
    }
    .menu-parent {
        text-align: left !important;
        font-size: 1.5em !important;
    }
    .menu-toggle .line {
        background-color: #fff !important;
        border-bottom: 1px solid #fff !important;
        margin-top: 7px !important;
    }
    .toggle-help {
        font-size: 1.5em !important;
        width: 110px !important;
    }
.menu-toggle {
        color: #fff !important;
        font-family:  sans-serif !important;
        display: inline-block !important;
        float: left;
    }
    #navbar .section {
        width: 100% !important;
    }
    #sidebar-first .menu a,
    #footer-columns .menu a {
        font-size: 1.15em;
    }
   /*---------------- Hide Cart View Block ----------------*/
    #block-views-commerce-cart-form-block-1 {
      display: none;
  }
  
  /* ----------------- Forms on Small Screens ------------- */
  input.form-text:not(#edit-keys):not(#edit-quantity):not(#views-exposed-form-working-search-block-page-1 .form-type-textfield input),
  input.form-tel,
  input.form-email, 
  input.form-url,
  input.form-search,
  input.form-number, 
  input.form-color,
  textarea.form-textarea,
  select.form-select,
  #user-login .form-item input,
  .toboggan-unified .form-item input {
    width: 100% !important;
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
      margin-left: 0 !important;
  }
    .sidebar .newsletter input.form-text,
    .sidebar .newsletter input.form-submit {
        width: 100%;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    
  /* --------------- Search Form/Page ------------------- */
  #main-wrapper #edit-keys-wrapper {
      width: 80% !important;
      margin-right: 2em !important;
  }
  #views-exposed-form-working-search-block-page-1 {
        max-width: 100%;
    }
    #views-exposed-form-working-search-block-page-1 .form-type-textfield input {
        width: 70%;
    }
    
  /* --------------- Buttons full width ---------------- */
    .toboggan-unified #login-links a,
    .toboggan-unified #login-form input.form-submit,
    input.form-submit:not(.region-header .form-submit):not(#edit-quantity) {
        clear: both !important;
        width: 100% !important;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
        font-size: 1.5em;
        float: inherit;
        margin: 1em 0px;
    }
  .commerce-add-to-cart input.form-text {
      width: auto !important;
  }
    input.wishlist {
        width: auto !important;
        background: none;
        color: #456005;
        font-size: 1em !important;
        margin: 0px;
        text-align: right;
    }
    input.wishlist:hover {
        color: #456005;
        background: none;
    }
        
  /*---- Justify Exposed Filters ----*/
    .views-exposed-widgets {
        display: block;
    }
    .block:not(.nav-search) .views-exposed-widget {
        margin: 0 auto !important;
        padding: 0;
    }
  /*------- Misc ---------*/

    #content .section,
    .sidebar .section {
        padding: 0px;
        margin: 0px 10px;
    }
    #secondary-menu {
        width: 100%;
        display: block;
        clear: both;
    }
    #secondary-menu-links {
        width: auto;
        text-align: center !important;
        margin: 0px 2px;
    }
    #secondary-menu-links a#login,
    #secondary-menu-links a#register {
        width: auto;
        display: block;
    }
    #secondary-menu-links a#login {
        margin-left: .125em;
        margin-right: .125em;
    }
    #secondary-menu li.menu-2469 {
        display: none;
    }
    .region-header {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        text-align: center;
    }
    .region-header .block {
        text-align: center;
        margin: 0px;
        width: 100%;
    }
    #logo {
        position: relative;
        width: 100%;
        margin: 0px;
    }
    .region-header .header-contact {
        text-align: center;
    }
    .region-header .header-contact ul {
        text-align: left;
        display: block;
    }
    .region-header .header-contact li:nth-child(odd) {
        width: 45%;
        margin-left: .325em;
    }
    .region-header .header-contact li {
        width: auto;
        display: block;
        float: left;
        box-sizing: border-box;
        margin-bottom: .375em;
    }
    .region-header .header-contact a {
        font-size: 1.25em;
        word-wrap: normal;
        white-space: nowrap;
    }
    .nav-search {
        float: none !important;
        width: 100%;
    }
    #views-exposed-form-working-search-block-page-1 .views-exposed-widgets {
        width: 290px;
        margin: 0 auto;
    }
    #views-exposed-form-working-search-block-page-1 input#edit-keys {
        width: 20em;
    }
    .panel-pane
    #content .section {
        padding: 0px;
        margin: 0px 15px;
    }

    /* --- Login Page Overrides --- */
    .toboggan-unified #login-message {
        display: none;
    }
    .toboggan-unified #login-links {
        margin-bottom: .5em;
    }
    .toboggan-unified #login-links a {
        display: block;
        margin: .25em 0px 0px;
        padding: .5em 0px;
        line-height: 1.5em;
    }
    .toboggan-unified .password-parent,
    .toboggan-unified .confirm-parent {
        max-width: 100%;
        box-sizing: border-box;
    }
    .toboggan-unified .password-strength {
        display: none;
    }
    .toboggan-unified div.password-confirm {
        max-width: 50%;
        margin-top: 0px;
    }
    .toboggan-unified .form-actions {
        padding-top: 0px;
    }
    
  /* -------- Enlarge Table Cells ------- */
    table,
    tbody,
    th,
    tr {
        display: block;
        width: auto !important;
    }
    td {
        clear: both;
    }
    table a {
        width: 100%;
    }
    .field-type-commerce-price-table table {
        display: table;
        width: 100% !important;
    }
    .field-type-commerce-price-table tbody {
        display: table-row-group;
    }
    .field-type-commerce-price-table tr {
        display: table-row;
    }
    .field-type-commerce-price-table th,
    .field-type-commerce-price-table td {
        display: table-cell;
    }
    .views-field .views-field-field-image img {
        width: 100%;
    }
  /*------- Item Page Layout --------*/
    .node .panels-flexible-column,
    .node .field-name-field-product,
    .node .field-type-image,
    .node .field-type-image img,
    .node .field-name-body,
    .node .group-pricing {
        width: 100% !important;
        clear: both;  
    }
    .node-plant-display .field-slideshow-wrapper,
    .node-product-display .field-slideshow-wrapper {
        width: 100% !important;
    }
    .node-plant-display .field-slideshow-wrapper img,
    .node-product-display .field-slideshow-wrapper img {
        width: 100%;
    }
    .node-product-display .field-name-body,
    .group-specs {
        width: auto !important;
        position: relative !important;
        margin: 0 auto 2em !important;
        clear: both;
    }
    field-type-fivestar,
    .field-type-commerce-price {
        width: 50%;
        float: left;
        display: inline-block;
    }
    .field-type-commerce-price {
        float: right;
    }
    .subfootsec {
        width: 100% !important;
        margin: .25em 0px !important;
    }
    a#bbblink {
        text-align: right !important;
        margin: 0 auto !important;
    }
    /*------ Comments ---------*/
    .comment .content {
        max-width: 100px;
    }
}

@media all and (min-width: 481px) and (max-width: 900px) {
 /* ------------------ Header and Menus ------------------- */

    .region-header {
        margin: 0px;
        width: 50%;
        display: block;
        overflow: hidden;
    }
    .region-header .block {
        margin: .5em 0;
        width: 100%;
        text-align: center;
        clear: both;
    }
    #secondary-menu {
        width: 100%;
    }
    #views-exposed-form-working-search-block-page-1 input#edit-keys {
        width: 325px;
    }
    #views-exposed-form-planting-zone-finder-block,
    .contact-form .form-actions input.submit-form {
        font-size: 1.25em;
    }
    .header-contact ul {
        width: 100%;
        display: block;
    }
  #logo {
    padding: 0px; /* LTR */
    margin: 0px;
  }
  #name-and-slogan {
    padding: 10px 10px 8px;
  }
  #main-menu-links {
    margin: 0 5px;
    padding: 0;
    text-align: center;
  }
  #main-menu-links li {
    float: left;
    margin-right: 5px;
    padding: 0;
    display: inline-block;
    width: 32.75%;
  }
  #main-menu-links li:nth-child(3n) {
    margin-right: -5px; /* LTR */
  }
  #main-menu-links a {
    float: none;
    display: block;
    border-radius: 8px;
    margin-bottom: 5px;
    padding: 0.9em 5px;
  }
    .node-plant-display .field-name-field-image,
    .node-product-display .field-name-field-image,
    .node-plant-display .field-name-field-image img,
    .node-product-display .field-name-field-image img {
        max-width: 100% !important;
    }
    .plant-details,
    .item-details,
    .group-pricing {
        width: 100% !important;
    }
    .plant-details,
    .item-details {
        max-width: 450px;
    }
    .node-type-plant-display .views-view-grid td,
    .node-type-product-display .views-view-grid td {
        display: table-row;
        list-style: none;
        clear: both;
        width: 100%;
        padding: 0px 0px .75em;
        margin: 0px;
    }
    .node-type-plant-display .views-view-grid .views-field-field-image,
    .node-type-product-display .views-view-grid .views-field-field-image {
        float: left;
        text-align: right;
    }
    .node-type-plant-display .views-view-grid .views-field-title,
    .node-type-product-display .views-view-grid .views-field-title {
        max-width: 45%;
        height: 100%;
        text-align: left;
        margin: .5em;
        display: table-cell;
        vertical-align: middle;
        padding-left: .5em;
    }
    .node-type-plant-display .views-view-grid .views-field-title a,
    .node-type-product-display .views-view-grid .views-field-title a {
        font-size: 1.5em;
    }
  #block-views-commerce-cart-form-block-1 {
      display: none;
  }
    .block {
        width: auto;
        clear: both;
    }
    #sidebar-first .menu a,
    #footer-columns .menu a {
        font-size: 1.15em;
    }
  .commerce-add-to-cart input.form-submit {
      padding: 4px 10px;
      margin-right: .25em;
  }
    .commerce-add-to-cart input.form-text {
        width: 98%;
        resize: horizontal;
    }
    .white-page input.form-text,
    .white-page input.form-type-textfield {
        resize: horizontal;
        width: 98%;
    }
}


@media all and (min-width: 901px) {

  .region-header {
    margin: 1em 0px .25em;
  }
  #logo {
    max-width: 480px;
  }
  #name-and-slogan {
    padding: 26px 0 0;
    margin: 0 0 30px 15px; /* LTR */
  }
  #site-name {
    font-size: 1.821em;
  }
}


/* ------------------- Node Pages ------------------------- */

.node-plant-display .field-name-field-image,
.node-product-display .field-name-field-image {
	float: left;
	display: block;
	margin-right: 1em;
    width: auto;
}
.node-plant-display .field-slideshow-wrapper,
.node-product-display .field-slideshow-wrapper {
    width: 220px;
}
.node-plant-display .field-slideshow,
.node-product-display .field-slideshow {
    padding-bottom: 0px !important;
}
.node-plant-display .field-slideshow-pager,
.node-product-display .field-slideshow-pager {
    margin-top: 0px;
}
.node-plant-display .field-slideshow-pager li,
.node-product-display .field-slideshow-pager li {
    width: 22%;
}
.recommended td {
	width: 16.6%;
	text-align: center !important;
	vertical-align: top;
	padding-top: 1em;
	padding-bottom: .75em;
}

/* ------------------- Pricing Group ------------------------- */

.group-pricing {
	float: left;
	width: 33%;
	background: none;
	border: none;
    margin: auto 0;
}
.group-pricing .fieldset-wrapper {
    padding: 0;
}
.wishlist {
	margin-top: 23px !important;
	vertical-align: bottom;
	float: right;
}
.commerce-add-to-cart {
	display: block;
	clear: both;
}
.group-pricing .field-commerce-price {
    width: 100%;
    display: inline-block;
}
.group-pricing .field-field-commerce-price-member-pricing,
.group-pricing .commerce-price-savings-formatter-price {
    font-size: 2em;
    font-weight:  bold;
    text-align: right;
    float: right;
    color: #000;
}
.group-pricing .field-type-commerce-price-table tbody td,
.group-pricing .field-type-commerce-price-table tbody tr {
    background-color: rgba(0,0,0,.04);
    border: none;
    border-radius: 0px;
}
.group-pricing .commerce-price-savings-formatter-prices tbody {
    border: none !important;
}
.commerce-add-to-cart .form-item-quantity {
	margin-bottom: .5em;
	width: 100%;
    text-align: right;
    clear: both;
}
.commerce-add-to-cart .form-item-quantity label {
    display: inline-block;
    float: left;
    margin-right: 2em;
}
.commerce-add-to-cart input#edit-quantity {
    width: 2.5em;
    text-align: right;
}
.commerce-quantity-plusminus-link a.button {
    padding: 5px 7px;    
}
.commerce-quantity-plusminus-link.commerce-quantity-plusminus-link-decrease a {
    border-radius: 6px 0px 0px 6px;
}
.commerce-quantity-plusminus-link.commerce-quantity-plusminus-link-increase a {
    border-radius: 0px 6px 6px 0px;
}
.commerce-quantity-plusminus-link a.button:hover {
    color: #fff;
    background-color: #7aab1b;
}
.commerce-add-to-cart .form-submit {
	clear: both;
    width: 100%;
    margin-top: 2px;
    line-height: 1.5em;
    vertical-align: top;
}
/* ------Item Page Details --------- */
.node-plant-display .field-type-list-boolean,
.node-product-display .field-type-list-boolean{
    font-weight: bold;
    font-style: italic;
}
.plant-details,
.item-details {
    width: 33%;
    display: block;
    float: left;
}
.plant-details .field-name-field-product-rating .form-item,
.item-details .field-name-field-product-rating .form-item {
    margin-bottom: .5em;
}
.plant-details .field-type-taxonomy-term-reference,
.item-details .field-type-taxonomy-term-reference{
    margin-bottom: .5em;
}
.group-specs {
    clear: both;
}
.node-plant-display .field-name-body,
.node-product-display .field-name-body {
    width: 100%;
    top: 12px;
    padding: 2px;
}
.node-full .expanding-formatter-trigger a {
    text-decoration: underline;
}
.node-gift-certificate-display .field-name-body {
    width: auto;
    border-radius: 4px;
    padding: 10px;
    margin-top: .5em;
    background-color: rgba(0, 0, 0, 0.04);
}
.node .item-desc {
    clear: both;
    width: auto;
}
.node .item-desc h3 {
    font-weight: bold;
    color: #456605;
}
/* ----------------- Sale Pricing ------------------------- */
.sale-price .field-commerce-price,
.field-name-field-commerce-saleprice-on-sale,
.sale-price .commerce-product-field td:not(:first-child) {
    color: #660505;
    font-style: italic;
    font-weight: bold;
}
.sale-price .group-pricing .field-commerce-price {
    width: 100%;
}
.commerce-price-savings-formatter-prices {
    float: right;
}
.commerce-price-savings-formatter-prices td {
    background: none;
    border: none;
}
.commerce-price-savings-formatter-prices .price-label {
    font-size: .5em !important;
}
.commerce-price-savings-formatter-prices-down .commerce-price-savings-formatter-price .price-amount,
.commerce-price-savings-formatter-prices-down .commerce-price-savings-formatter-savings .price-amount{
    color: #660505;
}
/* ----------------- Checkout Progress -------------------- */
    #block-commerce-checkout-progress-indication {
        background: rgba(0,0,0,0.083);
        border-radius: 4px;
        width: auto;
        margin: .125em;
        padding: 0;
        overflow: hidden;
}
    #block-commerce-checkout-progress-indication .item-list {
        height: 28px !important;
    }
    ul.commerce-checkout-progress {
        width: 100%;
        text-align: center !important;
        padding: 0px !important;
        display: inline-block;
        margin: 0 auto;
    }
    ul.commerce-checkout-progress li {
        width: 16.125%;
        margin: 0 auto !important;
        line-height: 2em;
        vertical-align: middle;
        padding: 0 2px;
        float: left;
}
    .commerce-checkout-progress li.active,
    .commerce-checkout-progress li.visited {
        color: #fff;
        background: #455605;
    }
    .commerce-checkout-progress li.active {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
/* ------------------- Misc Fixes ------------------------- */
.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
}
.anon-pay-go-back-adv {
    margin-top: .5em;
}
.checkout-back {
    color: #456605 !important;
}
#commerce-payflow-link-redirect-form iframe {
    /*overflow-y: hidden;*/
    height: 450px !important;
}
.service-links {
    clear: left;
}
.service-links li {
	list-style: none !important;
	display: inline;
	float: left;
	margin-right: .5em;
}

/*---- Newsletter blocks -----*/
.sidebar .block-constant-contact h2 {
    margin-bottom: 0px;
}
.sidebar .block-constant-contact .form-type-textfield,
.sidebar .block-constant-contact .form-submit {
    margin: 4px 0px;
}
.sidebar .block-constant-contact .form-type-textfield {
    width: 75%;
}
.sidebar .block-constant-contact .form-type-textfield input {
    border: 0 !important;
}
.sidebar .block-constant-contact .form-type-textfield span.form-required {
    display: none;
}
/*-----*/
.node-type-plant-display .views-view-grid,
.node-type-product-display .views-view-grid {
    margin: 0px;
    overflow: auto;
}
.node-type-plant-display .region-content .block-views h2 {
    color: #456605;
    border-bottom: 4px solid #456605;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
.node-type-plant-display .block-views h2 a:hover {
    text-decoration: none;
}
.node-type-plant-display .views-view-grid td {
    border: none;
    background-color: transparent;
    padding-top: 0px;
}
