/*
Theme Name: Mervin Manufacturing
Theme URI: https://www.mervin.com
Description: Mervin's wordpress theme for the Mervin website.
Author: Brian Behrens
Author URI: https://www.mervin.com
Version: 3
*/

/* Based on the HTML5 Reset Wordpress Theme */
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed,
video {
	max-width: 100%;
	height: auto;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	background: #000;
	font-size: 62.5%;
}

/* we like off-black for text */
body, select, input, textarea {color: #999;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #99cc33; color: #fff; text-shadow: none;}
::selection {background: #99cc33; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #99cc33;}

/* hide firefox selection */
:focus {outline: none;}
::-moz-focus-inner {border: 0;}

ins {background-color: #99cc33; color: #fff; text-decoration: none;}
mark {background-color: #99cc33; color: #fff; font-style: italic; font-weight: bold;}

/* Global styles
-------------------------------------------------------------------------------*/
h1 {
	font-size: 5em;
	color: #fff;
	text-transform: uppercase;
}
h2:not([class]):not([id]) {
	font-size: 4em;
	color: #000;
	background: #99cc33;
	text-transform: uppercase;
	line-height: 1em;
	padding: 10px 10px 10px 6.25%;
}
h3 {
	font-size: 3em;
	line-height: .98em;
	color: #99cc33;
	text-transform: uppercase;
}
h4 {
	font-size: 2.5em;
	color: #999;
	text-transform: uppercase;
}
h5 {
	font-size: 2em;
	color: #CCC;
	text-transform: uppercase;
}
p, address {
	font-size: 1.6em;
	color: #ccc;
	line-height: 1.4em;
}
a {
	color: #fff;
	text-decoration: none;
}
	a:hover,
	a:focus {
		color: #99cc33;
	}
.green {
	color: #99cc33;
}
img {border:none;}
img, a {
	 outline:none;
}

p.wp-caption-text,
p.caption {
	font-size:12px !important;
}
ul.basic-list,
ol.basic-list {
	font-size: 1.6em;
	list-style: square;
	padding-left: 40px;
	color: #ccc;
	margin: 20px 0;
}
ol.basic-list {
	list-style: decimal;
}
	ul.basic-list li,
	ol.basic-list li {
		padding-bottom: 10px;
	}
		ul.basic-list li p,
		ol.basic-list li p {
			font-size: 1em;
		}
		ul.basic-list li h4,
		ol.basic-list li h4 {
			font-size: 1.6em;
		}

/* Utility styles
-------------------------------------------------------------------------------*/
.left {
	float: left;
}
.right {
	float: right;
}
.align-right {
	text-align: right;
}
.hidden {
	display: none;
}
.offscreen {
	position: absolute;
	display: block;
	left: -999999px;
	top: -999999px;
}
.clear {
	clear: both;
	height: 0px;
	visibility: hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.no-margin {
	margin: 0;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-padding {
	padding: 0;
}
div {
	zoom: 1;
}
/* fix for fixed header, adds spacing to div you have anchor links to */
.deeplink-top-fix:before {
	display: block;
	content: "";
	height: 180px;
	margin: -180px 0 0;
}
/* WP Media Align */
.alignleft,
.alignright,
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption.alignleft .wp-caption-text,
.wp-caption.aligncenter .wp-caption-text,
.wp-caption.alignright .wp-caption-text,
.wp-caption.alignnone .wp-caption-text {
	margin: 0;
	padding-top: 20px;
}
.entry p a img {
	padding-bottom: 20px;
}

/* Header styles
-------------------------------------------------------------------------------*/
#header {
	width: 100%;
	background: url('_/img/bg-header.png') top center repeat-x;
	text-align: center;
}
	#header .header-mountains {
		background: url('_/img/bg-main-nav.png') top center no-repeat;
	}
#logo {
	width: 220px;
	height: 110px;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 10px;
}
#menu-btn {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 6.25%;
}
#menu-btn a {
	display: inline-block;
	height: 36px;
	width: 36px;
	background: url('_/img/menu-btn.png');
}
#menu,
#menu-footer {
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	border-top: solid 1px #333;
	height: 0px;
	min-height:0px;
  max-height:0px;
	overflow: hidden;
}
	#menu.open {
		height: auto;
		min-height:300px;
  	max-height:400px;
	}
	#menu li,
	#menu-footer li {
		text-align: center;
		font-size: 2.4em;
		font-weight: 900;
	}
		#menu li a,
		#menu-footer li a {
			width: 100%;
			padding: 10px 0;
			display: block;
			border-bottom: solid 1px #333;
			text-decoration: none;

			-o-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-webkit-transition: all .2s ease-out;
			transition: all .2s ease-out;
		}
			#menu li a:hover,
			#menu li a:focus,
			#menu li.current-menu-item a,
			#menu li.current-page-ancestor a,
			#menu-footer li a:hover,
			#menu-footer li a:focus,
			#menu-footer li.current-menu-item a,
			#menu-footer li.current-page-ancestor a {
				background: #333;
				border-bottom: solid 1px #666;
				color: #99cc33;
			}

/* Footer styles
-------------------------------------------------------------------------------*/
#footer {
	position: relative;
	clear: both;
}
	.footer-divider {
		background: url('_/img/footer-grass.png') bottom center repeat-x;
		padding-bottom: 8px;
		z-index: 10;
		position: absolute;
		width: 100%;
	}
	.footer-factory {
		text-align: center;
	}
	.footer-wrapper {
		background: #333;
		z-index: 1;
		position: absolute;
		width: 100%;
		top: 109px;
	}
	.footer-content {}
		.footer-content h4 {
			margin-bottom: 10px;
		}
		.footer-signup {
			padding: 20px 6.25% 0;
		}
			.footer-signup .email {
				width: 90%;
				padding: 1em 5%;
				color: #000;
				font-size: 2em;
				outline: none;
				margin-bottom: 20px;
				background: #fff;
				border: none;
				text-transform: uppercase;
				border-radius: 0;
				box-sizing: content-box;
			}
			.footer-signup .btn {
				width: 100%;
				padding: 1em;
				border: none;
				background: #99cc33;
				font-size: 2em;
				text-transform: uppercase;
				text-align: center;
				color: #000;
				cursor: pointer;
				font-weight: 900;
				-webkit-font-smoothing: antialiased;
				-webkit-appearance: none;
				margin-bottom: 20px;
				border-radius: 0;
			}
			.footer-signup img {
				float: left;
				padding: 0 10px 10px 0;
			}
			.footer-signup p {
				color: #99cc33;
				font-size: 1.8em;
				font-weight: 800;
			}
			.footer-signup #footer-email.invalid {
				color: red;
			}
	.footer-social {
		clear: both;
		padding: 10px 6.25% 20px;
	}
		.footer-social .social-ctas {
			padding-top: 10px;
			display: none;
			clear: both;
		}
		.social-icons li,
		.social-ctas li {
			padding-right: 10px;
			float: left;
		}
			.social-icons li a {
				display:block;
				width: 31px;
				height: 31px;
				background: transparent url("_/img/sprite.png") no-repeat 0 0;
			}
				.social-icons li a:hover {
					opacity: 0.8;
					filter: alpha(opacity=80);
				}
				.social-icons li a.icon-facebook {background-position: 0 0;}
				.social-icons li a.icon-twitter {background-position: -35px 0;}
				.social-icons li a.icon-vimeo {background-position: -70px 0;}
				.social-icons li a.icon-instagram {background-position: -105px 0;}
				.social-icons li a.icon-rss {background-position: -140px 0;}
	.footer-brands {
		display: none;
	}
#menu-footer {
	height: auto;
	min-height:300px;
	max-height:500px;
	background: #000;
}
	#menu-footer:hover {
		border-top: solid 1px #666;
	}
		.footer-nav {
			padding: 6.25%;
		}
			.footer-nav ul {
				font-size: 2.4em;
				font-weight: 800;
			}

/* General Content styles
-------------------------------------------------------------------------------*/
#content {}
.center {
	text-align: center;
}
.link-green-box,
#sub-menu ul li a {
	background: #99cc33 url('_/img/link-arrow-small.png') center right no-repeat;
	color: #000 !important;
	font-size: 1.8em;
	line-height: 1.8em;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	padding: 5px 30px 5px 10px;

	-o-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
	.link-green-box:hover,
	.link-green-box:focus,
	#sub-menu ul li a:hover,
	#sub-menu ul li a:focus,
	#sub-menu ul li.current-menu-item a {
		background-color: #666;
		color: #99cc33 !important;
		padding-right: 35px;
		text-decoration: none !important;
	}
.page-header h2 a {
	color: #000;
}
	.page-header h2 a:hover,
	.page-header h2 a:focus {
		color: #fff;
	}
#sub-menu {
	padding: 20px 6.25% 10px;
}
	#sub-menu ul li {
		padding-bottom: 10px;
	}
		#sub-menu ul li a {
			background: #99cc33 url('_/img/link-arrow.png') center right no-repeat;
			font-size: 2.2em;
		}
.entry {
	padding: 0 6.25% 20px;
}
	.entry p,
	.entry h3,
	.entry h4 {
		margin: 20px 0;
	}
		.entry p a {
			color: #99cc33;
		}
			.entry p a:hover,
			.entry p a:focus {
				text-decoration: underline;
			}
		.entry p .link-green-box {
			font-size: 1em;
		}
	.entry blockquote {
		padding-left: 40px;
		margin: 25px 0 10px 0;
		font-style: italic;
		quotes: "\201C""\201D""\2018""\2019";
	}
	.entry blockquote:before {
		color: #ccc;
		content: open-quote;
		font-size: 6em;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
	}
	.entry blockquote p {
		display: inline;

	}
	.entry blockquote cite {
		display: block;
		font-style: normal;
		padding-top: 10px;
	}
	.entry blockquote cite:before {
		content: "\2014 \2009";

	}

/* Homepage styles
-------------------------------------------------------------------------------*/
.home-banner {
	display: none;
}
	.home-banner img {
		width: 100%;
	}
.brands {
	padding-bottom: 20px;
}
	.brand-wrapper {
		padding: 20px 6.25% 0 6.25%;
		text-align: center;
		position: relative;
	}
		.brand-logos {

		}
			.brand-logos li {
				padding-bottom: 20px;
			}

.featured-video {
	padding-bottom: 20px;
	position: relative;
}
	.featured-video .featured-video-wrapper {
		padding: 20px 6.25%;
	}
	.featured-video .video-copy {
		padding-bottom: 10px;
	}
		.featured-video .video-copy h3 {
			text-transform: uppercase;
		}
		.featured-video .video-copy p {
			display: none;
		}

/* About styles
-------------------------------------------------------------------------------*/
.about-brands li {
	padding-bottom: 40px;
}
	.about-brands li img {
		margin-bottom: 10px;
	}
#history-timeline {
	margin-bottom: 40px !important;
	width: 100%;
	height: 600px;
}
.partners .page-content .entry ul li .partner-entry h5 {
	margin-bottom: 10px;
}

/* Timeline overrides
-------------------------------------------------------------------------------*/
.tl-timenav {
	background-color: #262626 !important;
}
.tl-timemarker-text h2 {
	background: ##262626 !important;
	color: #000;
}

.tl-headline {
	background: ##262626 !important;
}

.tl-timemarker-content-container {
	height: 36px !important;
}

.tl-timemarker .tl-timemarker-content-container {
	border-color: #999 !important;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content {
	background: #262626 !important;
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left, .tl-timemarker.tl-timemarker-active .tl-timemarker-line-right {
	border-color: #99cc33 !important;
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
	color: #99cc33 !important;
}

.tl-timeaxis-background {
	background-color: #1a1a1a !important;
}

/* Dealers styles
-------------------------------------------------------------------------------*/
.page-template-page-dealers-php .entry {
	padding: 0 0 20px;
}
.page-template-page-dealers-php .entry h3 {
	padding: 0 6.25%;
}
.dealers .dealer-brand-tabs {
	margin-top: 20px;
	width: 100%;
}
.dealers .dealer-brand-tabs .tabs-list li {
	display: inline-block;
	margin: 0px 2px;
}
.dealers .dealer-brand-tabs .tabs-list li a {
	padding: 10px 15px;
	display: inline-block;
	border-radius: 3px 3px 0 0;
	border: 1px solid #fff;
	background: #000;
	font-size: 1.5em;
	color: #fff;
	transition: all linear 0.15s;
}
.dealers .dealer-brand-tabs .tabs-list li a:hover,
.dealers .dealer-brand-tabs .tabs-list li a:focus {
	background: #99cc33;
	color: #000;
}
.dealers .dealer-brand-tabs .tabs-list li.active a {
	background: #99cc33;
	color: #000;
}
.dealers .dealer-content .tab {
	display: none;
}
.dealers .dealer-content .tab.active {
	display: block;
}

/* Contact styles
-------------------------------------------------------------------------------*/
.distributors-list {
	padding-top: 20px;
}
	.distributors-list li {
		padding-bottom: 10px;
	}

/* Video styles
-------------------------------------------------------------------------------*/
.video-list {
	width: 100%;
}
	.video-list li {
		padding-bottom: 20px;
	}

/* Environmental styles
-------------------------------------------------------------------------------*/
.enviro-video {
	padding: 10px 0 20px;
	width: 100%;
}
.enviro-left {

}
	.enviro-left ul {
		font-size: 1.6em;
		line-height: 1.4em;
		list-style: circle;
		padding-left: 20px;
	}
		.enviro-left ul li {
			margin-bottom: 20px;
		}
.enviro-right {}

/* Discussion styles
-------------------------------------------------------------------------------*/
.discussion {}
	.discussion .discussion-thread {
		padding: 20px 6.25%;
	}
		.discussion .discussion-thread .fb_iframe_widget,
		.discussion .discussion-thread .fb_iframe_widget span,
		.discussion .discussion-thread .fb_iframe_widget iframe {
			width: 100% !important;
		}

/* FAQ styles
-------------------------------------------------------------------------------*/
.faq-list {
	width:100%;
}
	.faq-list h3 {
		padding: 0 0 20px 20px;
		font-size: 24px;
	}
	.faq-list ul {
		margin-bottom: 40px;
	}
		.faq-question {
			margin-bottom: 20px;
		}
		.faq-question:before,
		.faq-list h3:before {
			display: block;
			content: "";
			height: 10px;
			margin: -10px 0 0;
		}

			.faq-question .question {
				font-style: italic;
				display: block;
				background: #2d2d2e;
				padding: 20px;
				font-weight: bold;
				text-shadow: 0 -1px 0 #000;
				font-size: 2em;
			}
				.faq-question.active .question {
					color: #99cc33;
				}
			.faq-question .answer {
				background:#000;
				padding:1px 20px;
				background: rgba(45, 45, 46, .6);
			}
				.faq-question .answer ul {
					padding:0 0 0 10px;
					margin-left:20px;
					list-style:square;
					font-size: 1.6em;
					line-height: 1.4em;
				}
				.faq-question .answer ol {
					padding:0 0 0 10px;
					margin-left:20px;
					font-size: 1.6em;
					line-height: 1.4em;
				}
					.faq-question .answer ul a,
					.faq-question .answer ol a {
						color: #99cc33;
					}
						.faq-question .answer ul a:hover,
						.faq-question .answer ol a:hover,
						.faq-question .answer ul a:focus,
						.faq-question .answer ol a:focus {
							text-decoration: underline;
						}

/* Site Takeover styles
-------------------------------------------------------------------------------*/
#site-takeover {
  background-image: url('_/img/mervin-made-site-gate-bg.jpg');
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  background-position-x: 50%;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: visibility 300ms, opacity 300ms linear;
  opacity: 0;
}
	#site-takeover.initialized {
    opacity: 1;
    visibility: visible;
  }
	#site-takeover .hide-takeover {
    visibility: hidden;
    opacity: 0;
  }
	#site-takeover.cookie-set {
		display: none;
	}
	#site-takeover .takeover-link {
    width: 100%;
    height: 100%;
    display: block;
  }
  #site-takeover .continue-button {
    position: absolute;
    right: 5%;
    top: 20px;
    width: auto;
	}
    #site-takeover .continue-button button {
      border: 0;
      background: #000;
      display: block;
      color: #99cc33;
      font-size: 1.25em;
		}
			#site-takeover .continue-button button:hover,
			#site-takeover .continue-button button:focus {
				text-decoration: underline;
			}

  #site-takeover .video-teaser {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    top: 50px;
	}
		#site-takeover .video-teaser .video-wrapper {
			width: 90%;
      margin: 0 5% 30px 5%;
      display: block;
      border: 5px solid #000;
      position: relative;
      z-index: 5;
			box-sizing: border-box;
		}
	#site-takeover .cta {
		text-align: center;
	}
		#site-takeover .cta .takeover-link {
			display: block;
			background: #99cc33;
			color: #000;
			border: 5px solid #000;
			font-size: 1.5em;
			z-index: 5;
			width: 90%;
			font-weight: 700;
			font-style: normal;
			text-transform: uppercase;
			text-decoration: none;
			margin: 0 auto;
			padding: 5px 0 0;
			box-sizing: border-box;
		}
			#site-takeover .cta .takeover-link span {
				background-image: url('_/img/mervin-made-logo-black.svg');
				background-repeat: no-repeat;
				width: 110px;
				height: 75px;
				margin-left: 10px;
				display: inline-block;
				vertical-align: middle;
			}
			#site-takeover .cta .takeover-link img {
				margin-left: 10px;
				vertical-align: middle;
			}
			#site-takeover .cta .takeover-link:hover,
			#site-takeover .cta .takeover-link:focus {
				background: #000;
				border: 5px solid #99cc33;
				color: #99cc33;
			}
			#site-takeover .cta .takeover-link:hover span,
			#site-takeover .cta .takeover-link:focus span {
				background-image: url('_/img/mervin-made-logo-green.svg');
			}

/* Media queries
-------------------------------------------------------------------------------*/
/* Tablet styles
-------------------------------------------------------------------------------*/
@media screen and (min-width: 640px) {
	body {
		background: #000 url('_/img/bg.jpg') top center;
	}
	h2 {
		padding: 10px 20px;
	}
	#menu-btn {
		display: none;
	}
	#menu,
	#menu.open {
		border: none;
		text-align: center;
		height: auto;
		min-height: 0;
    	max-height: 1000px;
    	padding-bottom: 20px;
	}
		#menu li {
			display: inline-block;
			font-size: 1.6em;
			padding: 0 10px;
		}
			#menu li a {
				border: none;
				display: block;
			}
				#menu li a:hover, #menu li a:focus, #menu li a.selected {
					background: none;
					border: none;
				}
	.footer-signup {
		width: 33.75%;
		padding: 20px 6.25% 20px 2%;
		float: left;
	}
		.footer-signup .email {
			width: 50%;
			padding: 1em 5%;
			color: #000;
			font-size: 1em;
			outline: none;
			margin-bottom: 20px;
			background: #fff;
			border: none;
			text-transform: uppercase;
			float: left;
		}
		.footer-signup .btn {
			width: 40%;
			padding: 1em 5%;
			border: none;
			background: #99cc33;
			font-size: 1em;
			-webkit-font-smoothing: antialiased;
			-webkit-appearance: none;
			margin-bottom: 20px;
			float: left;
		}
	.footer-social {
		width: 34%;
		padding: 20px 2% 20px 0;
		float: left;
		clear: none;
	}
		.footer-social .social-ctas {
			display: block;
		}
	#menu-footer {
		width: 20%;
		padding: 20px 2% 20px 0;
		float: left;
		background: none;
		border-top: none;
		min-height: 0;
		max-height: none;
	}
		#menu-footer:hover {
			border-top: none;
		}
		#menu-footer li {
			text-align: left;
			font-size: 1.8em;
		}
		#menu li a,
		#menu-footer li a {
			padding: 0;
			border-bottom: none;
		}
			#menu li a:hover,
			#menu li a:focus,
			#menu li.current-menu-item a,
			#menu li.current-page-ancestor a,
			#menu-footer li a:hover,
			#menu-footer li a:focus,
			#menu-footer li.current-menu-item a,
			#menu-footer li.current-page-ancestor a {
				background: none;
				border-bottom: none;
			}
	.footer-brands {
		display: block;
		clear: both;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 20px;
	}
		.footer-brands ul li {
			width: 22%;
			padding-right: 3%;
			float: left;
		}

	#sub-menu {
		padding: 20px 20px 10px;
	}
	.entry {
		padding: 0 20px 20px;
	}
	.entry .wp-caption-text {
		margin: 0px;
	}
		.entry .alignleft {
			display: block;
			float: left;
			margin-right: 20px;
		}
		.entry .alignright {
			display: block;
			float: right;
			margin-left: 20px;
		}
		.entry .aligncenter {
			display: block;
			margin: 0 auto;
		}
		.entry .alignnone {
			display: block;
			margin: 0;
		}
	.discussion .discussion-thread {
		padding: 20px;
	}
	/* Homepage styles */
	.home-banner {
		display: block;
		padding-bottom: 20px;
	}
	.brand-wrapper {
		padding: 20px 2% 0 2%;
		text-align: center;
	}
	.brand-logos li {
		width: 22%;
		padding-right: 3%;
		float: left;
	}
	.blog-articles article {
		padding: 0 2% 20px;
	}
		.blog-articles article .post-content {
			position: relative;
			max-height: 640px;
			overflow: hidden;
		}
			.related-posts.blog-articles article .post-content {
				max-height: 300px;
			}
			.latest-mervin .blog-articles article .post-content a .post-copy,
			.blog-list.blog-articles article .post-content a .post-copy {
				position: absolute;
				width: 60%;
				top: 20px;
			}
				.latest-mervin .blog-articles article .post-content a .post-copy h3,
				.blog-list.blog-articles article .post-content a .post-copy h3 {
					background: #000;
					display: inline-block;
					padding: 10px 20px;

				}
				.latest-mervin .blog-articles article .post-content a .post-copy .post-details,
				.blog-list.blog-articles article .post-content a .post-copy .post-details {
					background: #000;
					display: inline-block;
					padding: 0 20px 10px;
				}
			.latest-mervin .blog-articles article .post-content a .post-image img,
			.blog-list.blog-articles article .post-content a .post-image img {
				width: 100%;
				max-width: none;
				min-height: 200px;
			}
	/* Blog Styles */
	#sidebar h3 {
		padding: 10px 20px;
	}
	#sidebar .widget_search #searchform {
		margin: 0 20px;
	}
	#sidebar .widget_mycategoryorder ul,
	#sidebar .widget_archive select,
	#sidebar .follow-us .social-icons,
	#sidebar .follow-us .facebook {
		margin: 0 0 0 20px;
	}
	#sidebar .follow-us .facebook {
		margin-right: 20px;
	}
	.media-report {

	}
		.media-report-copy {
			width: 33%;
			float: left;
			padding: 0 0 0 2%;
		}
		.media-report-form {
			width: 61%;
			float: left;
			padding: 0 2%;
		}
			.media-report-form iframe {
				background: none;
			}
	/* Dealer Styles */
	.page-template-page-dealers-php .entry {
		padding: 0 20px 20px;
	}
	.page-template-page-dealers-php .entry h3 {
		padding: 0;
	}
	/* Enviro Styles */
	.enviro-left {
		width: 60%;
		float: left;
	}
		.enviro-left ul {
			font-size: 1.6em;
			line-height: 1.4em;
			list-style: circle;
			padding-left: 20px;
		}
			.enviro-left ul li {
				margin-bottom: 20px;
			}
	.enviro-right {
		width: 36%;
		float: right;
		padding-left: 4%;
	}
	.enviro-norm {
		width: 60%;
		float: left;
	}
	/* Site Takeover Styles */
	#site-takeover .video-teaser .cta .takeover-link {
		width: 50%;
	}
}

/* Desktop styles
-------------------------------------------------------------------------------*/
@media screen and (min-width: 980px) {
	#header .header-wrapper {
		width: 980px;
		margin: 0 auto;
	}
	.footer-factory {
		width: 940px;
		margin: 0 auto;
		text-align: left;
	}
	.footer-content {
		width: 980px;
		margin: 0 auto;
	}
	#logo {
		float: left;
	}
	#menu {
		float: right;
		padding-top: 50px;
	}
		#menu li {
			font-size: 2em;
		}
	#content {
		width: 980px;
		margin: 0 auto;
	}
	h2 {
		padding: 10px 20px 10px 20px;
		display: inline-block;
	}
	.page-header {
		width: 30.6%;
		float: left;
	}
	.page-content {
		width: 69.4%;
		float: right;
	}
		.page-content h2 {
			float: right;
			padding: 10px 20px;
			margin: 0 0 20px;
			text-align: left;
		}
		.page-content .entry {
			clear: both;
		}

	/* Blog styles */
	#sidebar {
		width: 30.6%;
		float: left;
	}
		#sidebar h3 {
			padding: 10px 20px;
			display: inline-block;
		}
		#sidebar .widget_search #searchform,
		#sidebar .widget_mycategoryorder ul,
		#sidebar .widget_archive select,
		#sidebar .follow-us .social-icons,
		#sidebar .follow-us .facebook {
			margin: 0 0 0 20px;
		}
		#sidebar .widget_search #searchform #s {
			width: 50%;
		}
		#sidebar .widget_search #searchform #searchsubmit {
			width: 20%;
		}
		#sidebar .follow-us .facebook {
			margin-right: 20px;
		}
	.related-posts.blog-articles {
		padding-left: 20px;
	}
	.related-posts.blog-articles article {
		padding: 0 0 20px;
		width: 50%;
		float: left;
	}

	.related-posts.blog-articles article .post-content {
		padding: 0 20px 0 0;
	}

	.brand-wrapper .link-green-box {
		position: absolute;
		top: -50px;
		right: 2%;
	}
	.latest-mervin .link-green-box {
		position: absolute;
		top: 10px;
		right: 2%;
	}
	.featured-video .featured-video-wrapper {
		padding: 20px 2%;
	}
		.featured-video .video-copy {
			width: 34.33%;
			float: left;
		}
			.featured-video .video-copy h3 {
				background: #333333;
				padding: 4%;
				width: 92%;
			}
			.featured-video .video-copy p {
				display: block;
				float: right;
				width: 82%;
				background: #333333;
				padding: 0 4% 4% 4%;
			}
		.featured-video .video-player {
			width: 65.67%;
			float: left;
		}
		.featured-video .link-green-box {
			position: absolute;
			top: 10px;
			right: 2%;
		}
	/* Careers Styles */
	.careers-left {
		width: 55%;
		float: left;
	}
	.careers-right {
		width: 41%;
		float: right;
		padding-left: 4%;
	}
	/* Dealer Tools Styles */
	.dealer-tools-left {
		width: 55%;
		float: left;
	}
	.dealer-tools-right {
		width: 41%;
		float: right;
		padding-left: 4%;
	}
	/* Site Takeover Styles */
	#site-takeover .video-teaser .video-wrapper {
		width: 550px;
		margin: 0 auto 30px;
	}
	#site-takeover .continue-button button {
		font-size: 1.5em;
	}
	#site-takeover .video-teaser .cta .takeover-link {
		width: auto;
		display: inline-block;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {}

/* Plugin styles
-------------------------------------------------------------------------------*/
/* jquery.treeview */
/* jquery.treeview */
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; text-transform:uppercase; }
.treeview li a {color: #FFFFFF;}
.treeview li li a {color: #999999;}
.treeview li li li a {color: #999999;}
.treeview li a:hover, .treeview li a:focus {color: #99cc33;}
.treeview ul { background-color: transparent; margin-top: 4px; }
.treeview .hitarea { background: url('_/img/sprite.png') -180px 0px no-repeat; height: 22px; width: 16px; margin: 4px 0 0 -20px; float: left; cursor: pointer; }
* html .hitarea { display: inline; float:none; } /* fix for IE6 */
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }
.treeview a.selected { color: #99cc33; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: #99cc33; cursor: pointer; }
.treeview li {}
.treeview .expandable-hitarea { background-position: -180px 0px; }
.treeview .collapsable-hitarea { background-position: -200px 0px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable {background-image: none; }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: -80px 5px; }


/* ==========================================================================
   MODULES/_GALLERY.SCSS
   ========================================================================== */

.gallery {
	margin-bottom: 20px;
}
	.gallery .gallery-viewer {
		position: relative;
		min-height: 100px;
	}
		.gallery .gallery-viewer .gallery-viewer-image {
			overflow: hidden;
			text-align: center;
		}
			.gallery .gallery-viewer .gallery-viewer-image.loading {
				background: url(_/img/loader.gif) center center no-repeat;
			}
			.gallery .gallery-viewer .gallery-viewer-image img {
				max-height: 600px;
			}
		.gallery .gallery-viewer .gallery-viewer-caption {
			text-align: center;
		}
			.gallery .gallery-viewer .gallery-viewer-caption p {
				margin: 10px 0;
			}
		.gallery .gallery-viewer .gallery-viewer-prev,
		.gallery .gallery-viewer .gallery-viewer-next {
			position: absolute;
			top: 50%;
			margin-top: -36px;
			outline: 0;
			width: 42px;
			height: 32px;
			text-indent: -9999px;
			z-index: 9998;
			cursor: pointer;

			transition: background 100ms ease-in-out;
			-webkit-transition: background 100ms ease-in-out;
			-moz-transition: background 100ms ease-in-out;
			-o-transition: background 100ms ease-in-out;
		}
		.gallery .gallery-viewer .gallery-viewer-prev {
			left: 10px;
			background: url(_/img/sprite.png) no-repeat 10px -48px;
		}
			.gallery .gallery-viewer .gallery-viewer-prev:hover,
			.gallery .gallery-viewer .gallery-viewer-prev:focus {
				background-position: 0px -48px;
			}
		.gallery .gallery-viewer .gallery-viewer-next {
			right: 10px;
			background: url(_/img/sprite.png) no-repeat -42px -48px;
		}
			.gallery .gallery-viewer .gallery-viewer-next:hover,
			.gallery .gallery-viewer .gallery-viewer-next:focus {
				background-position: -32px -48px;
			}
	.gallery .gallery-thumbnails .gallery-item .gallery-caption {
		display: none;
	}
	.gallery .gallery-thumbnails .gallery-item .gallery-icon a img {
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-ms-opacity: 0.8;
		-o-opacity: 0.8;
		opacity: 0.8;
		-webkit-transition: opacity 300ms ease-in-out;
		-moz-transition: opacity 300ms ease-in-out;
		-ms-transition: opacity 300ms ease-in-out;
		-o-transition: opacity 300ms ease-in-out;
		transition: opacity 300ms ease-in-out;
	}
	.gallery .gallery-thumbnails .gallery-item .gallery-icon a.selected img {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
	}
	.gallery .bx-wrapper .bx-viewport {
		background: none;
	}

/* ==========================================================================
   LIB/_JQUERY-BXSLIDER.SCSS
   ========================================================================== */

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(_/img/loader.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: left;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	clear: both;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FFFF00;
}
	.ski .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.ski .bx-wrapper .bx-pager.bx-default-pager a:focus,
	.ski .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #0099FF;
	}
	.surf .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.surf .bx-wrapper .bx-pager.bx-default-pager a:focus,
	.surf .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #FF6600;
	}
	.skate .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.skate .bx-wrapper .bx-pager.bx-default-pager a:focus,
	.skate .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #66CC00;
	}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(_/img/sprite.png) no-repeat 10px -48px;

	transition: background 100ms ease-in-out;
	-webkit-transition: background 100ms ease-in-out;
	-moz-transition: background 100ms ease-in-out;
	-o-transition: background 100ms ease-in-out;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(_/img/sprite.png) no-repeat -42px -48px;

	transition: background 100ms ease-in-out;
	-webkit-transition: background 100ms ease-in-out;
	-moz-transition: background 100ms ease-in-out;
	-o-transition: background 100ms ease-in-out;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0px -48px;
}
.bx-wrapper .bx-next:hover {
	background-position: -32px -48px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	outline: 0;
	width: 42px;
	height: 32px;
	text-indent: -9999px;
	z-index: 1000;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(_/img/bx-controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(_/img/bx-controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}