/*
Theme Name: Green Fire
Theme URI: http://underscores.me/
Author: Kay Bowmaker
Author URI: http://underscores.me/
Description: Custom theme for Divine Creative
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: green-fire
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Green Fire is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p, ul {
	font-size: 0.9vw;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
	color: #709E40;
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	white-space: normal;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #709E40;
	text-decoration: none;
}

a:visited {
	color: #709E40;
}

a:hover,
a:focus,
a:active {
	color: #CCCCCC;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	/* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */
	float: left;
	position: absolute;
	/* top: 1.5em; */
	left: -999em;
	z-index: 99999;
}


.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 10vw;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
/*.main-navigation .current_page_parent > a,*/
.main-navigation .current-menu-ancestor > a {
	font-weight: bold;
	margin-right: -0.3vw;
}

/* Menu css phones only */
.is_phone .menu-toggle,
.is_phone .main-navigation.toggled ul {
	display: block;
}
.is_phone button.menu-toggle {
    float: right;
}
.is_phone .cw-search fieldset {
    float: left;
}

.is_phone .cbp-af-inner > div.cw-logo {
width: -webkit-calc(100% / 4);
width: -moz-calc(100% / 4);
width: calc(100% / 4);
}

.is_phone .cbp-af-inner > div.cw-phone {
width: -webkit-calc(100% / 1.5);
width: -moz-calc(100% / 1.5);
width: calc(100% / 1.5);
}

/* Menu css everything except phone */
	.isnt_phone.menu-toggle {
		display: none;
	}
	.isnt_phone.main-navigation ul {
		display: block;
	}




	
/* other underscores nav */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

figure.gallery-item {
    margin: 0;
    padding: 10px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	float: left;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Greene
--------------------------------------------------------------*/

body {
    background-position: top center;
    width: 100%;
    overflow-x: hidden;
    /* background-size: cover; */
    background-image: url(images/bgd.png);
    background-repeat: no-repeat;
    /* background-image: url(images/trace-home.jpg); */
    /* background-image: url(images/trace-case.jpg); */
    /* background-image: url(images/trace-case-single.jpg); */
    /* background-image: url(images/trace-downloads.jpg); */
    /* background-image: url(images/trace-about.jpg); */
    /* background-image: url(images/trace-photo.jpg); */
    /* background-image: url(images/trace-video.jpg); */
    /* background-image: url(images/trace-products.jpg); */
    /* background-image: url(images/trace-products-cat.jpg); */
    /* background-image: url(images/trace-products-single.jpg); */
}

/* background */
.hero {
    position: relative;
    z-index: 0;
    margin-bottom: 2.5vw;
    height: 34.7vw;
}

.metaslider .caption-wrap {
    width: 50vw !important;
    background: rgba(69, 132, 4, 0.7) !important;
    opacity: 1 !important;
    top: 3.8vw;
    bottom: inherit !important;
}

.metaslider .caption {
    font-size: 2.5vw;
    font-weight: 600;
    padding: 1.6vw 3vw 2vw 16vw !important;
    line-height: 1;
}


/* Content */

.site-content {
    position: relative;
    z-index: 1;
}

.home header.entry-header.inner {
    padding-top: 0;
}

header.entry-header.inner {
    padding-top: 1.2vw;
    position: relative;
}

h1.entry-title, .h1 {
    font-size: 1.8vw;
    color: #000;
    margin-top: 0;
}
.page-template-default h1 {
    margin-top: 1.9vw;
}
.post-type-archive-video header.entry-header.inner {
    padding-top: 1.2vw;
    position: relative;
}

.post-type-archive-video h1 {
    font-size: 2.5vw;
    color: #000;
}

h2, .h2 {
    color: #709e40;
    font-weight: normal;
    font-size: 1.2vw;
}

article ul, article ol {
    margin-left: 0;
    padding-left: 1vw;
}

.entry-content h2:first-child {
    margin: 0;
}

.single .content-area.blog-style h1, .archive .content-area.blog-style h2:first-child, .blog .content-area.blog-style h2:first-child {
    margin-top: 0;
}

.page .widget_text {
    padding: 0 2vw 0 2vw;
}

.post-type-archive-video .widget_text {
    padding: 0 2vw 0 2vw;
}

.page aside#secondary h2 {
    margin: 0;
}
.post-type-archive-video aside#secondary h2 {
    margin: 0;
}
/* Content -  Blog News and CPT Case Studies */

aside#secondary h2 {
    margin-top: 0.6vw;
    margin-bottom: 2.3vw;
}

.content-area.blog-style .page-header {
    display: none;
}

.archive .site-content, .blog .site-content, .single .site-content {
    padding-top: 2.2595901208617972vw;
}

.post-type-archive-video .site-content {
    padding-top: 0;
}


.blog h1.entry-title,
.single h1.entry-title,
.archive h1.entry-title,
.post-type-archive h1.entry-title,
.post-type-archive-case-study h1.entry-title {
    font-size: 1.5vw;
    color: #709e40;
    text-transform: uppercase;
}

.archive h2, .blog h2 {
    color: #709e40;
    font-size: 0.9vw;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.archive.post-type-archive-product h2, .archive.tax-product-category h2 {
    font-weight: normal;
    font-size: 1.2vw;
    text-transform: none;
}

.blog .site-main p,
.archive .site-main p,
.post-type-archive .site-main p {
    font-size: 0.9vw;
}

.post-type-archive-video .site-main p.h2 {
    font-size: 1.2vw;
    margin-top: 0;
}

.single-case-study h2,
.single h2 {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9vw;
}

.blog h2.entry-title a,
.archive h2.entry-title a,
.post-type-archive h2.entry-title a {
    color: #709e40;
    font-family: "Century Gothic", sans-serif;
    font-size: 1.5vw;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

/* Sidebar - Case Studies and News Blog Posts */

.featured-post a {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.featured-post a h4 {
    position: absolute;
    color: #fff;
    bottom: 0;
    font-size: 0.6vw;
    text-shadow: 1px 3px 3px rgba(150, 150, 150, 1);
    text-transform: uppercase;
    margin: 5px 5px;
}

.featured-post {
    padding-top: 3vw;
}

aside#secondary .featured-post h2 {
    margin-bottom: 1.8vw;
}

h2.widget-title {
    color: #91be3e;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: bold;
}

.widget-area ul {
    list-style: none;
    text-transform: uppercase;
    padding: 0;
	margin: 0;
}

.widget-area li {
    margin: 0 0 1.5vw 0;
    line-height: 1;
    /* border-bottom: 1px solid #000; */
}

.widget-area li a {
    color: #1c1b1c;
    font-family: "Century Gothic", sans-serif;
    font-size: 0.8vw;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid #000;
}

/* Theme Button */

.theme-button a, .form-submit input#submit {
    color: #ffffff;
    font-family: Raleway, sans-serif;
    font-size: 0.9vw;
    font-style: normal;
    font-weight: bold;
    background-color: #709e40;
    padding: 0.15vw 0.5vw 0.15vw 0.25vw;
    text-transform: uppercase;
    text-decoration: none;
}

.theme-button p {
    color: #a6a6a6;
    font-size: 0.6vw;
    text-align: right;
}

/* Theme Button - Previous and Next Post navigation within same category. */
.theme-button.prev-next {
    position: absolute;
    right: 0;
}

.theme-button.prev-next a {
    float: right;
    margin-left: 0.75vw;
}

/* Theme Button - PDF Template */

.theme-button.print-pdf a {
    float: left;
    background-color: #4c4c4c;
    opacity: .35;
    margin-top: 1.2vw;
}

/* Theme Button - Styling for Comments Submit Button */

.form-submit input#submit {
    border: none;
    border-radius: 0;
    box-shadow: inherit;
    text-shadow: inherit;
}

/* Page - sidebar */
h2.widget-title.black {
    color: #000;
    font-weight: normal;
}

p.h2 {
    font-weight: normal;
}


/* mailchimp form */

.cw-form .h2 {
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
    font-size: 1vw;
}

.cw-form form {
    color: #808285;
    font-size: 0.6vw;
}

.cw-form input[type="submit"] {
    border: 1px solid #000;
    border-style: solid;
    background: #ffffff;
    border-radius: 0.5vw;
    padding: 0.2vw;
    color: #808285;
    margin-left: 6.1vw;
    font-size: 0.5499999999999999vw;
}

.cw-form {
    width: 17.6vw;
}

.cw-form label {
    /* float: left; */
    /* line-height: 2; */
    /* width: 2.1vw; */
    display: block;
}

.cw-form input#Name, .cw-form input#mail {
    float: left;
    width: 8.5vw;
    height: 1.2vw;
    margin-bottom: 6px;
    border-radius: 0;
    }

.cw-form form > div:nth-child(2) {
    clear: both;
    padding-bottom: 20px
}

input#mce-EMAIL {
    /* float: left; */
    /* width: 8.5vw; */
    height: 1.2vw;
    margin-bottom: 6px;
    border-radius: 0;
    width: 8.5vw;
}

input#mce-FNAME {
    /* float: left; */
    width: 8.5vw;
    height: 1.2vw;
    margin-bottom: 6px;
    border-radius: 0;
}

.mc-field-group.half {
    width: 50%;
    float: left;
}

input#mce-LNAME {
    width: 8.5vw;
    height: 1.2vw;
    margin-bottom: 6px;
    border-radius: 0;
}

input#mce-COMPANY {
    width: 8.5vw;
    height: 1.2vw;
    margin-bottom: 6px;
    border-radius: 0;
}

/* phone number */

.cw-phone a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.5vw;
}


/* search form */
.cw-search fieldset {
    position: relative;
    padding: 0;
    margin: 0;
    width: 10vw;
    float: right;
    border: none;
    }

.cw-search input[type="search"] {
    font-size: 0.55vw;
    padding: 0.25vw;
    width: 10vw;
    border: 1px #cccccc solid;
    -webkit-box-shadow: inset 0px 0px 6px 1px rgba(133, 126, 133, 0.26);
    -moz-box-shadow: inset 0px 0px 6px 1px rgba(133, 126, 133, 0.26);
    box-shadow: inset 0px 0px 6px 1px rgba(133, 126, 133, 0.26);
    line-height: normal;
}

.cw-search input[type="image"] {
    position: absolute;
    bottom: 0.25vw;
    right: 0.5vw;
    width: 0.6vw;
}

/* placeholder text */

::-webkit-input-placeholder {
   color: #000;
   font-weight: bold;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;
   font-weight: bold;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
   font-weight: bold;
}

:-ms-input-placeholder {  
   color: #000;
   font-weight: bold;
}

/* styling for the comments section */
h2.comments-title span {
    font-weight: 600;
}
.comments h2 {
    font-size: 1.2vw;
    color: #000;
    line-height: 1.1;
    font-weight: normal;
    margin-top: 0;
}

.comments {
    border: 1px solid #A2AC99;
    padding: 2vw;
    margin-bottom: 1vw;
}

.comments ul {
    list-style: none;
    padding-left: 0;
}

.comments ul li {
    /* background-color: #F5F5F5; */
    /* padding: 1vw; */
    /* margin: 1vw 0; */
}

.comment-author.vcard {
    font-weight: 500;
}

.comment-meta.commentmetadata {
    font-size: 0.8vw;
}

.reply {
    font-weight: 500;
    font-size: 0.8vw;
}

a.comment-reply-link {
    color: #A2AC99;
}

.comment-body a {
    color: #709E40;
}

.main.blog h3.comment-reply-title {
    margin-top: 0;
}

textarea#comment {
    width: 100%;
}

.children .comment-body {
    background-color: white;
    padding: 1vw;
}

li.depth-1 {
    border-bottom: 1px solid #A2AC99;
    padding: 1vw;
}

li.depth-1 .comment-body {
    padding-bottom: 2vw;
}

/* footer */

.site-footer {
    background-image: url(images/bgd-footer.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* random case studies above footer */

.random-post.case-study {
    position: relative;
    width: 27vw;
    border-left: 0.2vw solid transparent;
}

.random-post-heading.case-study {
    background-color: rgba(0,0,0,0.70);
    width: 100%;
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
    text-transform: uppercase;
    height: 76px;
    line-height: 1.7;
    padding: 0 3vw 0 2.2vw;
}

.random-post-heading.video {
    background: rgba(69, 132, 4, 0.7) !important;
    width: 100%;
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
    text-transform: uppercase;
    height: 76px;
    line-height: 1.7;
    padding: 0 43px;
    height: inherit;
    font-size: 2.3vw;
    padding: 0 3vw 0 2.2vw;
}

.random-post-title.case-study a {
    color: #4c4c4c;
    font-family: Raleway, sans-serif;
    font-size: 0.9vw;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.random-post-content {
    position: absolute;
    bottom: 0.2vw;
    background-color: rgba(255,255,255,0.65);
    width: 100%;
}

.random-post-text {
    padding: 20px 43px;
}
.random-post-text p {
    margin: 0.25vw 0;
    font-size: 0.6vw;
}

.random-post-text .more {
    font-size: 0.7vw;
    font-weight: bold;
}
.random.wrap .inner {
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}

.random-post {
    display: table-cell;
    position: relative;
}

.random-post-heading.case-study {
    height: inherit;
    font-size: 2.3vw;
}

.random-post-text {
    padding: 1vw 3vw;
}

.random-post-text p {
    /* display: none; */
}
.random-post.video {
    width: 40.25vw;
    border-right: 0.2vw solid transparent;
}

.random.wrap {
    margin-bottom: 10.4vw;
}

/* footer image buttons */
.image-buttons.wrap .inner {
    display: table;
    margin: 0 auto;
}

.image-buttons.wrap .inner a {
    display: table-cell;
    text-align: center;
}

.image-buttons.wrap .inner a img {
    width: 13.100000000000001vw;
}

/* footer top */

.footer-top.wrap {
    margin: 3.5vw auto 2.4vw;
}

.footer-top.wrap .inner {
    display: table;
    table-layout: fixed;
}

.footer-row {
    display: table-cell;
    vertical-align:top;
}

.footer-left p {
    font-size: 0.7vw;
    font-weight: bold;
}

.footer-left.green p {
    color: #709e40;
}


.footer-center {
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}


.footer-row:nth-child(4) img {
    margin-top: -1.15vw;
}

.footer-row:nth-child(4) > div > div > a:nth-child(1) > img {
    padding-bottom: 1.26vw;
    width: 2.2vw;
}
.footer-row:nth-child(4) > div > div > a:nth-child(2) > img {
    max-width: 3.6vw;
}

.footer-row:nth-child(3) > div > div > p > a:nth-child(1) > img {
    width: 4.15vw;
}

.footer-row:nth-child(3) > div > div > p > a:nth-child(2) > img {
    width: 3.6vw;
}
.footer-center a {
    display: table-cell;
    padding: 0 1.5vw;
}

.footer-row:last-child a {
    padding:0;
}
.is_phone .footer-row:last-child {
    display: none;
}


.is_phone .footer-row {
    display: block;
}

.is_phone .footer-center {
    float: left;
    display: block;
    text-align: center;
}

.is_phone .footer-center a {
    padding: 0 3vw;
}

.is_phone .footer-top.wrap .inner {
    display: block;
}


.footer-row .footer-center img {
    width: 3.4vw;
}

.is_phone .footer-base.wrap {
    clear: both;
}

/* template-parts snippet-partenr-logos */
.partner-logos a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.partner-logos img {
    max-width: 77%;
}

.partner-logos.inner a.half {
    width: calc(100%/5/2);
}

.partner-logos.inner a.full {
    width: calc(100%/5);
}

/* footer */

.footer-base {
    background-color: rgba(0,0,0,0.10);
    padding: 2.8vw 0;
}

/* footer base menus */

.footer-base.wrap h2 {
    font-size: 0.9vw;
    color: #4c5c54;
}

.footer-menus a, .footer-menus li {
    font-size: 0.9vw;
    color: #4c5c54;
}

.footer-menus ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menus ul ul {
    margin: 0 0.75vw;
}

.footer-base.wrap .inner {
    display: table;
    margin: 0 auto;
}

.footer-base.wrap .inner .footer-menus {
    display: table-cell;
    /* width: 20%; */
}

.footer-base.wrap .inner .footer-menus {
    padding: 0.3vw;
    line-height: 1.3;
}

.footer-base.wrap .inner .footer-menus:first-child  {
    padding-left: 0;
    /* width: 13%; */
}

.footer-base.wrap .inner .footer-menus:last-child  {
    padding-right: 0;
    width: 10%;
}

.footer-base.wrap .cw-form {
    display: none;
}

.footer-menus .textwidget {
    -webkit-columns: 3; /* Chrome, Safari, Opera */
    -moz-columns: 3; /* Firefox */
    columns: 3;
}

.cat a {
    font-weight: 700;
    text-transform: uppercase;
}

#menu-item-206 > a {
    display: none;
}

#menu-item-207 > a {
    display: none;
}

#menu-item-208 > a {
    display: none;
}

#menu-item-209 > a {
    display: none;
}

#menu-item-206 > ul {
    display: table-cell;
    background-color: rgba(112,158,64,1);
    padding: 1vw;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    min-height: 26vw;
}

#menu-item-207 > ul {
    display: table-cell;
    background-color: #709E40;
    padding: 1vw;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    min-height: 26vw;
}

#menu-item-208 > ul {
    display: table-cell;
    background-color: #709E40;
    padding: 1vw;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    min-height: 26vw;
}

#menu-item-209 > ul {
    display: table-cell;
    background-color: #709E40;
    padding: 1vw;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    min-height: 26vw;
}

#menu-item-206 > ul a {
    width: 8.5vw;
}

#menu-item-207 > ul a {
    width: 10vw;
}

#menu-item-208 > ul a {
    width: 12vw;
}

#menu-item-209 > ul a {
    width: 8vw;
}

#menu-item-206 > ul:before {
    display: table;
}

.menu-col {
    min-height: 26vw;
}

li.cat {
    padding-bottom: 0.75vw;
}

li.cat ul a {
    margin-left: 0.5vw;
    margin-right: -0.5vw;
}

li.cat > a {
    line-height: 1;
    margin-bottom: 0.5vw;
}

.isnt_phone .main-navigation li a:hover {
    color: #709E40;
}

.isnt_phone .main-navigation li ul a:hover {
    color: #000;
}

.isnt_phone .main-navigation li ul.sub-menu {
    background-color: #709E40;
    padding: 1vw;
    box-shadow: 0.15vw 0.15vw 0.15vw rgba(0, 0, 0, 0.2);
    margin-top: 0.5vw;
}

.isnt_phone .main-navigation li.product-menu ul.sub-menu {
    background-color: inherit;
    padding-top: 1.5vw;
    box-shadow: none;
    margin-top: 0;
}

.isnt_phone .main-navigation li.product-menu ul.sub-menu ul {
    background-color: inherit;
    padding: 0;
    box-shadow: none;
    margin-top: 0;
}

ul#primary-menu > li {
    padding: 1vw 0 0.75vw 0;
}

.single-case-study li#menu-item-74 a {
    font-weight: bold;
    margin-right: -0.3vw;
}

.single-post li#menu-item-50 a {
    font-weight: bold;
    margin-right: -0.3vw;
}

.widget-area li a:hover {
    color: #709E40;
}
li.current-cat a {
    font-weight: bold;
}

.isnt_phone .inner header.entry-header {
    max-width: 38.4vw;
    margin: inherit;
}

main#main {
    position: relative;
}

.theme-button.print-pdf {
    width: 50%;
}

.theme-button.prev-next.bot {
    bottom: -3.8vw;
}

.theme-button.prev-next.top {
    top: -0.7vw;
}

.single-product .theme-button.prev-next.top {
    top: 0.4vw;
}

.content-area.blog-style h1 {
    margin-bottom: 1vw;
}

p.date {
    font-size: 12px;
    color: grey;
}

/* Downloads Page styling */

/* build a different downloads page to display content based on info type */ 
summary {
    background-color: #4c4c4c;
    font-weight: 600;
    font-size: 1.2vw;
    text-align: left;
    padding: 1.5vw;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    margin: 1vw 1vw 1vw 0;
    cursor: pointer;
}
summary:focus {
    outline: none;
}
summary:hover {
    background-color: #709E40;
}
details[open] summary {
    background-color: #709E40;
    color: #000;
}
.dc-twoup {
    width: 50%;
    float: left;
}
.cf-sheets ul li {
    list-style: none;
    text-transform: none;
    line-height: 1.5;
    font-size: 0.75vw;
}

.cf-sheets ul a {
    color: #000;
}
.cf-sheets ul a:hover {
    color: #709E40;
}

.cf-sheets ul {
    margin: 0 0 0 0.75vw;
}

/* specifications panel for products */

.specifications {
    padding: 1.3vw;
    background-color: rgba(0,0,0,0.1);
}

.specs {
    display: table;
    table-layout: fixed;
    font-size: 1.2vw;
}

.specs > .row {
    display: table-cell;
    padding-bottom: 0.6vw;
}

.specs .headings {
    font-weight: 700;
    color: #709E40;
    width: 9.9vw;
}

.specs.top {
    padding-bottom: 0.8vw;
}

.specs a {
    color: #404040;
}

.benefits {
    padding: 1.3vw;
    background-color: rgb(112, 158, 64);
    font-size: 1.2vw;
    color: #fff;
	margin-top: 1em;
}

.benefits .headings {
    font-weight: 700;
}

.widget-area .benefit-list ul {
    list-style: inherit;
    text-transform: none;
    padding: 0.5vw 1vw;
    margin: inherit;
    font-size: 1vw;
}

.widget-area .benefit-list li {
    line-height: 1.3;
    margin: 0.5vw 0;
}


/* products main content styling */

.single-product h1.entry-title {
    margin-top: 0;
    font-size: 2vw;
}

span.h1 a {
    font-size: 2.5vw;
    color: #000;
    text-transform: none;
    padding-right: 1vw;
}

.single-product .site-content {
    padding-top: 0;
    padding-bottom: 1vw;
}

.cat-head a {
	font-size: 2.5vw;
	color: #000;
	text-transform: none;
	padding-right: 1vw;
	font-weight: bold;
	margin-top: 1vw;
	display: block;
	}

.single-product h2 {
    color: #709e40;
    font-weight: normal;
    font-size: 1.2vw;
}

.single-product .post-content > h3 {
    margin-top: 0;
}

/* video post archive */

.video-thumb {
    width: 12vw;
    float: left;
}

.video-info {
    width: 26vw;
    float: left;
    padding-left: 1vw;
}

.video-info h3 {
    margin-top: 0;
}
.video-loop {
    clear: both;
    padding: 1.1vw 0;
    display: block;
}

a.fancybox-youtube {
    position: relative;
    display: block;
}

img.play {
    position: absolute;
    width: 5.16vw;
    left: -webkit-calc(50% - (5.16vw / 2));
    left: -moz-calc(50% - (5.16vw / 2));
    left: calc(50% - (5.16vw / 2));
    top: 6vw;
}
img.play.small {
    position: absolute;
    width: 2.5vw;
    left: -webkit-calc(50% - (2.5vw / 2));
    left: -moz-calc(50% - (2.5vw / 2));
    left: calc(50% - (2.5vw / 2));
    top: 2.8vw;
}

.extra-stuff {
    position: relative;
    clear: both;
}

/* remove the leave a comment link for archives news */

span.comments-link {
    display: none;
}

/* temporarily hide the PDF button */

.theme-button.print-pdf {
    /* visibility: hidden; */
}

/* temporarily hide the sidebar on product category pages 
.tax-product-category aside {
    display: none;
}*/


/* Product Category Page Accordion */

.archive.post-type-archive-product .cat-accordion h2 {
    text-transform: uppercase;
}

.cat-accordion summary {
    position: relative;
    padding: 0 0 0 10.5vw;
    height: 2.37vw;
    line-height: 2;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 1vw 0;
    width: 35.3vw;
}

.cat-accordion summary:hover {
    background: rgba(69, 132, 4, 0.7);
}

.cat-accordion summary img {
    position: absolute;
    left: 0;
    width: 10vw;
}

.cornered {
    width: 0;
    height: 0px;
    border-top: 2.37vw solid rgba(0, 0, 0, 0.7);
    border-left: 2.37vw solid transparent;
    position: absolute;
    top: 0;
    left: 7.65vw;
}
.cat-accordion summary:hover .cornered, .cat-accordion details[open] summary .cornered {
    border-top: 2.37vw solid rgba(69, 132, 4, 0.7);
}

.cat-accordion .product-grid {
    display: block;
    padding: 1vw 0;
}

.cat-accordion .prod-deets {
    position: relative;
    height: 10vw;
    width: 31.5vw;
    float: left;
    margin: 1vw 2vw 1vw 0;
}

.cat-accordion .prod-thumb {
    position: absolute;
    left: 0;
    top: 0;
}

.cat-accordion .product-text {
    margin-left: 10vw;
}

.cat-accordion .prod-thumb img {
    width: 10vw;
}

.cat-accordion .prod-grid-title a {
    height: 2.37vw;
    line-height: 2;
    background-color: #709E40;
    /* margin: 1vw 0; */
    font-weight: 600;
    font-size: 1.2vw;
    display: block;
    color: #000;
    padding-left: 1vw;
    width: 18vw;
}

.cat-accordion .prod-thumb .cornered {
    border-top: 2.37vw solid rgba(69, 132, 4, 0.7);
}

.cat-accordion .prod-grid-excerpt {
    margin: 1vw;
}

.cat-accordion details {
    clear: both;
}

.cat-accordion a.more-tag {
    display: block;
}
.cat-accordion {
    padding-top: 1.5vw;
}

.post-type-archive-product .site-content .widget-area, .tax-product-category .site-content .widget-area {
	width: 40%;
}

.post-type-archive-product .widget_text, .tax-product-category .widget_text {
    padding: 0 2vw 0 2vw;
}

.post-type-archive-product aside#secondary h2, .tax-product-category aside#secondary h2 {
    margin: 0;
}

.post-type-archive-product .site-content.inner, .tax-product-category .site-content.inner {
    padding: 0;
}

.archive.post-type-archive-product h2, .archive.tax-product-category h2 {
    margin: 0;
}
.archive.post-type-archive-product p.h2, .archive.tax-product-category p.h2 {
    font-size: 1.2vw;
}

.archive.tax-product-category .cat-accordion h2 {
    text-transform: uppercase;
}

.tax-product-category main#main {
    min-height: 9vw;
}

/* we might need this for individual category display on FF
	
.cat-accordion details.current summary .cornered {
    border-top: 2.37vw solid rgba(69, 132, 4, 0.7);
}

.cat-accordion details.current .product-grid.current {
    display: block !important;
}*/

/* specific styling for the dropdown product menu item */
li#menu-item-1698 li a, li#menu-item-1723 li a, li.prod li a {
    line-height: 1.2;
    padding-bottom: 0.5vw;
    width: 21vw;
}

/* mobile only */

.mobile-only {
	display: none;
}

/* this is an adjustment for the first vivible menu item now that the first child is hidden (home) */

li#menu-item-43 a {
    padding-left: 0;
}

/* pdf tooltip */


.theme-button.print-pdf a.tooltip {
    opacity: 1;
    background-color: transparent;
}

.tooltip {
	display: inline;
	position: relative;
}

.theme-button.print-pdf a.tooltip span {
    float: left;
    background-color: rgb(195, 195, 195);
    font-weight: bold;
    padding: 0.15vw 0.5vw 0.15vw 0.25vw;
}
		
.tooltip:hover:after {
    background: #333;
    background: #709E40;
    bottom: -0.5em;
    color: #fff;
    content: attr(title);
    left: 100%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}		
a.tooltip {
    z-index: 100;
    font-weight: normal;
    text-transform: none;
    font-size: 1em;
    background-color: transparent;
}

.theme-button.print-pdf.side {
    min-height: 5em;
}

.post-gallery {
    clear: both;
}

.single-case-study .addtoany_share_save_container.addtoany_content_bottom {
    float: right;
}

/* last minute tweaks to some spacing between header and titles on desktop */

.archive .site-content, .blog .site-content, .single .site-content {
    padding-top: 1em;
}

.post-type-archive-video h1 {
	    font-size: 1.8vw;
    margin-top: 0;
}

.post-type-archive-product h1 {
    margin-top: 0;
}

.page-template-lookbook h1.entry-title, .h1 {
    margin-top: 0;
}