/*
Theme Name:    Wettstein Brothers Electric
Description:   Custom theme
Version:       1.0
Author:        DigiSage
Author URI:    https://www.digisage.com/
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:link img 			{ border:none; }
a 					{ outline:none; }
.hidden 			{ display:none; }
br.clear 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* ======================= Index ======================= */
/*
	- OVERVIEW:

 	- Architecture / Grid
	- Typography
	- Masthead
	- Navigation
	- Post (general content area)
	- Sidebar
	- Archive
	- Footer
	- Page Templates
	- Theme Helpers
	- Presentational classes generated by WordPress
	- Plugin Styling
	- Theme custom short codes
	- Responsive
*/

/*======================= Architecture overview ======================= */
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:#f4f4f4;
	color:#333;
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
#page-wrap {
	margin:0 auto;
	width:1200px;
	background:#fff;
}
.pagewidth {
	padding:0 50px;
}
#masthead {
	position:relative;
	margin:0;
	padding:20px 0 3px 0;
	z-index:1000;
	border-bottom:3px solid #ff0000;
}
#content-wrap {
	margin:0;
	padding:40px 0;
}
#primary {
	width:75%;
	float:left;
	padding-right:50px;
}
.page-template-full-width #primary {
       width:100%;
}
#secondary {
	width:25%;
	float:left;
}
#footer {
	padding:40px 0 40px 0;
}

/*======================= Typography ======================= */
/*
	FONT 1:
	type:			sans-serif
	font-family: 	'Montserrat', sans-serif;
	weight/style: 	400	(normal | italic)
					600 (normal)
					700 (normal | italic)
*/
p {
	margin:0 0 15px 0;
	line-height:1.4;
}
/* lists */
ul {
	margin:0 0 15px 0;
	padding:0;
}
ul li {
 	margin:0 0 0 30px;
 	padding:0;
 	list-style:disc;
 	line-height:1.4;
}
ul li ul li	{
	list-style:circle;
}
ol {
	margin:0 0 15px 0;
	padding:0;
}
ol li {
	text-align:left;
	margin:0 0 0 30px;
	padding:0;
	list-style:decimal;
	line-height:1.4;
}
blockquote {
	margin:20px;
	padding:10px 20px;
	border-left:4px solid #ccc;
	font-size:22px;
}
blockquote p {
	font-style:italic;
	margin:0;
}
small {
	font-size:11px;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
/* tables */
table {
	border-collapse:collapse;
}
table tr td	{
	padding:5px;
}
/* headings */
h1,h2,h3,h4,h5,h6 {
	font-family:'Patua One', cursive;
	text-align:left;
	font-weight:400;
	color:#000;
	line-height:1.2;
}
h1 {
	font-size:45px;
	margin:0 0 20px 0;
}
h2 {
	font-size:35px;
	margin:0 0 10px 0;
}
h3 {
	font-size:30px;
	margin:0 0 10px 0;
}
h4 {
	font-size:24px;
	margin:0 0 10px 0;
}
h5 {
	font-size:20px;
	margin:0 0 10px 0;
}
h6 {
	font-size:16px;
	margin:0 0 10px 0;
}
/* default links & buttons */
a {
	color:#ff0000;
	text-decoration:none;
}
a:hover {
	color:#d80000;
	text-decoration:none;
}
a.button {
	background:#ff0000;
	color:#fff;
	display:block;
	width:auto;
	float:left;
	margin:20px auto;
	padding:10px 20px;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	-moz-box-shadow:    inset -3px -3px 5px #ad0000;
    -webkit-box-shadow: inset -3px -3px 5px #ad0000;
    box-shadow:         inset -3px -3px 5px #ad0000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;
	-khtml-border-radius:	10px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;

}
a.button:hover {
	background:#d80000;
}
/* Forms */
label {
	display:block;
	margin:0 0 5px 0;
}
input,
textarea,
select {
	display:block;
	color:#555;
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #ccc;
	/* keep all boxes equal */
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
input[type="radio"],
input[type="checkbox"] {
	display:inline-block !important;
}
select {
	line-height:28px; /* this is needed to keep height on select elements in safari */
}
/* placeholder font color */
::-webkit-input-placeholder {
	color:#333;
}
:-moz-placeholder {
	/* Firefox 18- */ color:#333;
}
::-moz-placeholder {
	/* Firefox 19+ */ color:#333;
}
:-ms-input-placeholder {
	color:#333;
}

/* ======================= Masthead ====================== */
#masthead #logo {
	width:240px;
	float:left;
}
#masthead #header-right {
	width:860px;
	float:right;
	margin-top:-5px;
}
#masthead #header-right .row-1 {
	display:block;
	font-size:28px;
	text-align:right;
	margin:0;
	color:#ff0000;
}
#masthead #header-right #phone {
	width:230px;
	float:left;
}
#masthead #header-right #phone a {
	cursor:default;
}
#masthead #header-right #phone a:hover {
	color:#ff0000;
}
/* search */
#masthead #header-right #search {
	position:relative;
	width:200px;
	float:left;
}
#masthead #header-right #search input.search-text {
	width:28px;
	height:28px;
	margin:0;
	float:right;
	padding:3px;
	line-height:30px;
	background:transparent;
	border:1px solid #000;
	outline:none;
	-moz-border-radius:		18px;
	-webkit-border-radius:	18px;
	border-radius:			18px;
	-khtml-border-radius:	18px;
}
#masthead #header-right #search input.search-text.open,
#masthead #header-right #search input.search-text:focus {
	outline:none;
	border:none;
	border:1px solid #000;
	padding-left:20px;
}
#masthead #header-right #search input.searchsubmit,
#masthead #header-right #search span.submit-overlay {
	display:block;
	cursor:pointer;
	width:30px;
	height:30px;
	position:absolute;
	right:3px;
	top:2px;
	margin:0;
	padding:0;
	background:url(https://wettsteinbrothers.com/wp-content/themes/wbe/assets/images/bg/icon-search.png) no-repeat center center;
	outline:none;
}

/* main nav */
#nav-wrap {
	margin:5px 0 0 0;
}
ul#nav {
	margin:0;
	padding:0;
	float:right;
}
ul#nav li {
	list-style:none;
	position:relative;
	float:left;
	padding:0;
	margin:0;
}
ul#nav li a {
	margin:0;
	padding:10px 15px;
	color:#000;
	text-transform:uppercase;
	font-size:18px;
	line-height:1;
	display:block;
	text-decoration:none;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
ul#nav li:last-child > a {
	padding-right:0;
}
ul#nav li a:hover {
	text-decoration:none;
	color:#ff0000;
}
ul#nav > li.current-menu-item > a,
ul#nav > li.active > a {
	color:#ff0000;
}
ul#nav li ul {
	display:none;
	background:#fff;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	z-index:100;
	border:none;
}
ul#nav li:hover > ul {
	display:block;
}
ul#nav li ul li {
	float:none;
	margin:5px 0;
}
ul#nav li ul li a {
	float:none;
	text-transform:none;
	width:220px;
	display:block;
	padding:5px 15px;
	background:none;
}
ul#nav li.menu-item-has-children > a:after {
	display:inline-block;
	content:'';
	margin-left:3px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:6px solid #8f8f8f;
}
ul#nav li a:hover:after,
ul#nav li.active a:after {
	border-top:6px solid #e51937;
}
ul#nav li ul li ul {
	left:100%;
	top:0;
}
/* dead links */
li.nolink > a {
	cursor:default;
	text-decoration:none;
}
li.nolink > a:hover {
	cursor:default;
	text-decoration:none;
}

/* ======================= Post / Page ====================== */
.post {
	padding:0;
	margin:0;
	position:relative;
}
p.date {
	margin:0;
}
.post .featured-img	{
	margin:0 0 25px 0;
}

/* ======================= sidebar.php ====================== */
#secondary .widget {
	padding:0;
	margin:0 0 25px 0;
	position:relative;
}
#secondary a.button {
	float:none;
	width:100%;
}
#secondary h3.widget-title {
	color:#ff0000;
	font-size:24px;
}
#secondary .widget p {
	line-height:1.3;
	font-size:14px;
	margin:0 0 10px 0;
}
#secondary .widget ul {
	margin:10px 0px 20px 0;
	padding:0;
}
#secondary .widget ul li {
	text-align:left;
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
	line-height:1.2;
}
#secondary .widget p.edit {
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
}
/* WP widgets */
.widget_recent_entries {  }
.widget_recent_entries ul {  }
.widget_recent_entries ul li {
	margin:0 0 10px 0;
}
.widget_recent_entries span.post-date {
	display:block;
	font-size:13px;
	font-style:italic;
}
.widget_categories {
	margin:0 0 0 15px;
}

/* ======================= archive.php / search.php ====================== */
.excerpt {
	padding:0 0 40px 0;
}
.excerpt .featured-img {
	width:25%;
	padding-right:25px;
	float:left;
}
.excerpt .post-content.has-thumb {
	width:75%;
	float:left;
}

/* paging */
.paging {
	margin:0;
}
.paging span,
.paging a {
	display:inline-block;
	padding:0px 5px;
	margin:0 3px 0 0;
}
.paging a.page-numbers {

}
.paging a.page-numbers.prev {

}
.paging a.page-numbers.next {

}
.paging span.page-numbers.current {

}

/* ======================= footer.php ======================= */
.page-bottom-callout {
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
.page-bottom-callout .overlay {
	padding:30px 0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
}
.page-bottom-callout .overlay h2 {
	color:#fff;
	text-align:center;
	font-size:40px;
}
.page-bottom-callout .overlay a.button {
	display:block;
	width:350px;
	margin:20px auto;
	float:none;
	padding:15px 0;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	-moz-box-shadow:    inset -5px -5px 5px #ad0000;
    -webkit-box-shadow: inset -5px -5px 5px #ad0000;
    box-shadow:         inset -5px -5px 5px #ad0000;
	-moz-border-radius:		15px;
	-webkit-border-radius:	15px;
	border-radius:			15px;
	-khtml-border-radius:	15px;
}
/* hide on contact page and replace with border */
body.page-contact .page-bottom-callout {
	display:none;
}
body.page-contact #footer {
	border-top:3px solid #ff0000;
}

#footer .col {
	float:left;
	width:33.33333%;
}
#footer .col-1 {
	padding-left:50px;
}
#footer .col-1 ul {
	margin:0 0 30px 0;
	padding:0;
}
#footer .col-1 ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#footer .col-1 ul li a {
	display:block;
	color:#414042;
	font-size:20px;
	padding:3px 0;
	text-transform:uppercase;
}
#footer .col-1 ul li a:hover {
	color:#000;
}
#footer .col-2 {
	padding:0 30px;
	text-align:center;
}
#footer .col-2 h3.widget-title {
	text-align:center;
}
#footer .col-2 .widget:first-of-type {
	border-bottom:2px solid #000;
	margin-bottom:30px;
}
#footer .col-3 {
	padding-left:50px;
}
#footer .col-3 ul {
	margin:0 0 30px 0;
	padding:0;
}
#footer .col-3 ul li {
	margin:0 0 10px 0;
	padding:0 0 0 40px;
	min-height:37px;
	line-height:1.1;
	list-style:none;
	color:#414042;
	font-size:20px;
}
#footer .col-3 ul li.phone {
	line-height:37px;
	background:url(assets/images/bg/icon-phone.png) no-repeat left center;
}
#footer .col-3 ul li.fax {
	line-height:37px;
	background:url(assets/images/bg/icon-fax.png) no-repeat left center;
}
#footer .col-3 ul li.envelope {
	background:url(assets/images/bg/icon-envelope.png) no-repeat left center;
}

/* ======================= Page Templates ====================== */
/* home page */
.home #masthead {
	border-bottom:none;
}
.home ul#nav li ul {
	background:rgba(255,255,255,0.8);
}
.home #content-wrap {
	padding:0;
}
.home #content-wrap > .pagewidth {
	width:100%;
	padding:0;
}
#slider {
	position:relative;
}
#slider a.edit {
	display:block;
	position:absolute;
	width:70px;
	padding:2px 0;
	top:5px;
	left:5px;
	background:rgba(255,255,255,0.7);
	text-transform:uppercase;
	text-align:center;
	font-size:10px;
}
#slider .overlay {
	position:absolute;
	top:80px;
	left:50%;
	z-index:100;
	width:900px;
	background:rgba(255,255,255,0.8);
	margin-left:-450px;
	padding:60px 150px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-khtml-border-radius:	5px;
}
#slider .overlay div {
	display:block;
}
#slider .overlay div.title {
	font-size:34px;
	text-align:center;
	margin:0 0 10px 0;
}
#slider .overlay div.content {
	color:#000;
	font-size:26px;
	font-style:italic;
	text-align:center;
	line-height:1.6;
}
#slider .overlay div.more {
	display:block;
	width:200px;
	margin:40px auto 0 auto;
	float:none;
	padding:15px;
	font-size:20px;
	text-align:center;
	background:#fff;
	color:#ff0000;
	border:3px solid #ff0000;
	text-transform:uppercase;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-khtml-border-radius:	5px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#slider .overlay div.more:hover {
	border-color:#000;
	color:#000;
}
.home-intro {
	margin:50px 0;
}
.home-intro h2 {
	text-align:center;
}
.home-intro p {
	font-size:22px;
	line-height:1.8;
}
.home-intro a.button {
	display:block;
	width:440px;
	margin:40px auto;
	float:none;
	padding:25px 0 25px 50px;
	font-size:26px;
	text-align:center;
	text-transform:uppercase;
	background:#ff0000 url(assets/images/bg/icon-estimate.png) no-repeat 25px center;
	-moz-box-shadow:    inset -5px -5px 5px #ad0000;
    -webkit-box-shadow: inset -5px -5px 5px #ad0000;
    box-shadow:         inset -5px -5px 5px #ad0000;
	-moz-border-radius:		15px;
	-webkit-border-radius:	15px;
	border-radius:			15px;
	-khtml-border-radius:	15px;
}
.home-intro a.button:hover {
	background-color:#d80000;
}
#home-boxes a.home-box {
	display:block;
	width:50%;
	height:560px;
	overflow:hidden;
	float:left;
	color:#000;
	background:#cacaca;
	padding:50px 60px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#home-boxes a.home-box#box-1,
#home-boxes a.home-box#box-4,
#home-boxes a.home-box#box-5 {
	background:#cacaca;
}
#home-boxes a.home-box#box-2,
#home-boxes a.home-box#box-3,
#home-boxes a.home-box#box-6 {
	background:#ebebeb;
}
#home-boxes a.home-box span {
	display:block;
}
#home-boxes a.home-box span.icon {
	position:relative;
	width:115px;
	height:115px;
	margin:0 auto 25px auto;
	border:3px solid #ff0000;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#home-boxes a.home-box span.icon span {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:200;
}
#home-boxes a.home-box span.icon span.on {
	opacity:0;
}
#home-boxes a.home-box span.title {
	font-size:35px;
	text-align:center;
	margin:0;
	padding:0;
	font-family:'Patua One', cursive;
}
#home-boxes a.home-box span.title:after {
	content:'';
	display:block;
	width:80px;
	margin:10px auto;
	border-bottom:3px solid #ff0000;
}
#home-boxes a.home-box span.content {
	font-size:22px;
	line-height:1.8;
}
#home-boxes a.home-box span.content span {
	display:inline;
	color:#ff0000;
}
#home-boxes a.home-box:hover {
	background:#4d4d4f !important;
	color:#fff;
}
#home-boxes a.home-box:hover span.icon {
	border-color:#fff;
}
#home-boxes a.home-box:hover span.icon span.off {
	opacity:0;
}
#home-boxes a.home-box:hover span.icon span.on {
	opacity:1;
}
#home-boxes a.home-box:hover span.icon span.on {
	display:block;
}
#home-boxes a.home-box:hover span.content span {
	color:#ff0000;
}
#home-boxes a.home-box:hover span.title:after {
	border-color:#fff;
}


.home .page-bottom-callout .overlay {
	padding:80px 0;
}
.home .page-bottom-callout .overlay h2 {
	font-size:50px;
}
.home .page-bottom-callout .overlay a.button {
	width:440px;
	margin:40px auto;
	padding:25px 0;
	font-size:26px;
}

/* ======================= Theme helpers ======================= */
.dont-break-out {
	/* this will contain long strings (like URLs) from exiting their container */
  	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-ms-word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
.hide-text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.example-row {
	margin:0 0 10px 0;
}
.example-row .inner {
	height:50px;
}
/* rounded corners */
.rounded {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;
}
/* arrows */
.arrow {
	display:inline-block;
	margin:0 0 0 5px;
	width:0;
	height:0;
}
.arrow.up {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff;
}
.arrow.down {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #fff;
}
.arrow.right {
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #fff;
}
.arrow.left {
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:5px solid #fff;
}
/* multi-column lists */
ul.col-2 {
	width:100%;
	overflow:hidden;
}
ul.col-2 li	{
	width:40%;
	float:left;
	margin:5px 0 0px 30px;
}
ul.col-3 {
	width:100%;
	overflow:hidden;
}
ul.col-3 li	{
	width:33%;
	float:left;
	margin:5px 0 5px 30px;
}
/* responsive maps */
.mapwrap {
	position:relative;
	padding-bottom: 75%;
	height:0;
	overflow:hidden;
}
.mapwrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	margin:0 0 10px 20px;
}
img.alignleft {
	margin:0 20px 10px 0;
}
/* WP captions */
.wp-caption	{
	margin:0 0 20px 0;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:14px;
}

/* ======================= Plugin Styling ======================= */


/* ======================= Theme custom short codes ======================= */
/* horizontal rule */
div.hr, hr {
	width:100%;
	height:1px;
	clear:both;
	margin:20px 0;
	background:#ccc;
}
.fpo {
	background:#e6e6e6;
	margin:0 0 10px 0;
}
.fpo span {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#bbb;
	font-size:150%;
}
/* show / hide content */
.sh-title {
	cursor:pointer;
	position:relative;
	padding-right:50px;
}
.sh-title span {
	display:inline-block;
	width:0;
	height:0;
	margin:0 0 0 10px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.sh-title.inactive span {
	border-top:9px solid #fe0329;
}
.sh-title.active span {
	border-bottom:9px solid #fe0329;
}


/* ======================= Responsive ======================= */
#dimensions {
	position:fixed;
	width:50px;
	top:90px;
	left:5px;
	z-index:10000;
	font-size:10px;
	background:rgba(255,255,255,0.7);
	color:#222;
}

/* responsive navigation */
#mobile-menu-bar {
	display:none;
	height:50px;
	overflow:hidden;
}
#mobile-menu-bar {
	margin:0;
	padding:0;
	background:#ff0000;
	color:#fff;
}
#mobile-menu-bar ul {
	margin:0;
	padding:0;
}
#mobile-menu-bar ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
}
#mobile-menu-bar ul li a {
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	border-right:1px solid #f20000;
}
#mobile-menu-bar ul li:last-child a {
	border-left:1px solid #f20000;
	border-right:none;
}
#mobile-menu-bar ul li.home a {
	background:url(assets/images/bg/icon-home.png) no-repeat center center;
}
#mobile-menu-bar ul li.search a {
	display:none;
	background:url(assets/images/bg/icon-search-white.png) no-repeat center center;
}
#mobile-menu-bar ul li.search a.open {
	background:url(assets/images/bg/icon-close-x.png) no-repeat center center;
}
#mobile-menu-bar ul li.facebook a {
	display:none;
	background:url(https://wettsteinbrothers.com/wp-content/themes/wbe/assets/images/bg/icon-facebook.png) no-repeat center center;
}
#mobile-menu-bar ul li.hamburger {
	float:right;
}
#mobile-menu-bar ul li.hamburger a {
	background:url(assets/images/bg/hamburger.png) no-repeat center center;
}
/* alternate menu types */
#mobile-menu-bar ul li.cols-2 a {
	width:100px;
}
#mobile-menu-bar ul li.cols-3 a {
	display:none;
	width:150px;
}
#mobile-menu-bar ul li.cols-4 a {
	width:200px;
}
#mobile-menu-bar ul li.nolink a {
	cursor:pointer;
}
#mobile-menu-bar ul li.text a {
	text-indent:0;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:18px;
	border-right:none;
}

/* drop down */
#mobile-menu-dropdown {
	display:none;
	padding:0;
	background:#ff0000;
	border-top:1px solid #f20000;
}
#mobile-menu-dropdown ul {
	margin:0;
	padding:0;
}
#mobile-menu-dropdown ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button {
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #f20000;
	cursor:pointer;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button span {
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:20px;
	left:20px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:10px solid #fff;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button.open span {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:10px solid #fff;
	border-top:none;
}
#mobile-menu-dropdown ul li.menu-item-home {
	display:none;
}
#mobile-menu-dropdown ul li a {
	display:block;
	height:50px;
	line-height:50px;
	margin:0;
	padding:0 50px 0 20px;
	color:#fff;
	border-bottom:1px solid #f20000;
}
#mobile-menu-dropdown ul li ul {
	display:none;
}
#mobile-menu-dropdown ul li ul li a {
	padding-left:40px;
	font-weight:400;
}
#mobile-menu-dropdown ul li ul li ul {
	display:none;
}
#mobile-menu-dropdown ul li ul li ul li a {
	padding-left:60px;
}
/* search drop down */
#search-menu-dropdown {
	display:none;
	padding:20px;
	background:#ff0000;
	border-top:1px solid #f20000;
}
#search-menu-dropdown form.searchform	{
	position:relative;
	margin:0;
	padding:0;
}
#search-menu-dropdown form.searchform input.search-text {
	position:relative;
	display:inline-block;
	width:250px;
	margin:0;
	padding:10px 10px;
	border:none;
	outline:none;
	color:#555;
	background:#fff;
}
#search-menu-dropdown form.searchform input.search-text:focus {
	border:none;
	outline:none;
	background:#f9f9f9;
}
#search-menu-dropdown form.searchform input.searchsubmit {
	display:inline-block;
	position:relative;
	top:0px;
	right:0px;
	width:36px;
	height:36px;
	margin:0;
	padding:0;
	background:url(assets/images/bg/icon-search-white.png) no-repeat center center;
	border:none;
	outline:none;
	text-indent:-999px;
}

@media only screen and (min-width: 1201px) {
   #nav-wrap {
      display:block !important;
   }
}

@media only screen and (max-width: 1200px) {
   /* enforce hyphens on mobile */
   body {
      -webkit-hyphens:auto !important;
       -moz-hyphens:auto !important;
       -ms-hyphens:auto !important;
       hyphens:auto !important;
   }
   #page-wrap {
      margin:0;
      width:100%;
   }
   .pagewidth {
      padding:0 20px;
   }
   #masthead {
      padding-bottom:10px;
   }
   #nav-wrap {
      display:none;
   }
   #mobile-menu-bar {
      display:block;
   }
   #masthead #header-right {
      width:60%;
      margin:0;
      padding-top:10px;
   }
   /* home slider */
   .bx-wrapper .bx-pager,
   .bx-wrapper .bx-controls-auto {
      bottom:10px !important;
   }
   #slider .overlay {
      top:50px;
      left:5%;
      width:90%;
      margin-left:0;
      padding:30px 50px;
   }
   #home-boxes a.home-box {
      height:650px;
   }
}

@media only screen and (max-width: 1000px) {
   #slider .overlay {
      top:30px;
      padding:30px 40px;
   }
   #footer .col.col-1,
   #footer .col.col-2 {
      width:50%;
      padding-left:0;
      padding-right:0;
   }
   #footer .col.col-3 {
      width:100%;
      float:none;
      padding:50px 0 0 0;
   }
   #footer .col-3 ul {
      margin:0 0 30px 0;
      padding:0;
   }
}

@media only screen and (max-width: 900px) {
   #slider .overlay {
      top:30px;
      padding:30px;
   }
   #slider .overlay div.title {
      font-size:28px;
   }
   #slider .overlay div.content {
      font-size:22px;
   }
   #slider .overlay div.more {
      margin-top:15px;
   }
   #home-boxes a.home-box {
      width:100%;
      height:auto;
      float:none;
      padding:50px 60px;
   }
   #home-boxes a.home-box:nth-child(odd) {
      background:#cacaca !important;
   }
   #home-boxes a.home-box:nth-child(even) {
      background:#ebebeb !important;
   }
}

@media only screen and (max-width: 850px) {
   #masthead #logo {
      width:100%;
   }
   #masthead #logo img {
      display:block;
      margin:0 auto;
   }
   #masthead #header-right {
      display:none;
   }
   #mobile-menu-bar ul li.cols-3 a,
   #mobile-menu-bar ul li.search a {
      display:block;
   }
}

@media only screen and (max-width: 800px) {
   #footer .col.col-1,
   #footer .col.col-2 {
      width:100%;
      float:none;
      padding:0;
   }
   #footer .col-1 ul {
      text-align:center;
   }
   #footer .col-1 ul li {
      text-align:center;
   }
   #footer h3.widget-title {
      text-align:center;
   }
   #footer .col.col-1 .textwidget {
      text-align:center;
      padding-bottom:30px;
   }
   #footer .col.col-3 {
      text-align:center;
   }
   #footer .col-3 ul li {
      padding:35px 0 5px 0;
      min-height:0;
   }
   #footer .col-3 ul li.phone {
      background-position:center top;
   }
   #footer .col-3 ul li.fax {
      background-position:center 5px;
   }
   #footer .col-3 ul li.envelope {
      background-position:center 5px;
   }
}

@media only screen and (max-width: 767px) {
   #primary {
      width:100%;
      padding:0;
      float:none;
   }
   #secondary {
      width:100%;
      float:none;
   }
   #slider .overlay div.more {
      display:none;
   }
   .bx-wrapper .bx-pager,
   .bx-wrapper .bx-controls-auto {
      bottom:-30px !important;
   }
   .bx-wrapper .bx-pager.bx-default-pager a {
      background:#d1d3d4 !important;
      margin: 0 15px !important;
   }
   .bx-wrapper .bx-pager.bx-default-pager a:hover,
   .bx-wrapper .bx-pager.bx-default-pager a.active {
      background:#ff0000 !important;
   }
   .alignleft {
      float:none;
      margin:0;
   }
   .alignright {
      float:none;
      margin:0;
   }
   .wp-caption {
      max-width:100%;
   }
   .wp-caption.alignleft {
      margin:15px 0;
   }
   .wp-caption.alignright {
      margin:15px 0;
   }
   img.alignright {
      margin:0 0 15px 0;
   }
   img.alignleft {
      margin:0 0 15px 0;
   }
   /* multi-column lists */
   ul.col-2,
   ul.col-3 {
      width:100%;
      margin:0 0 20px 0;
      padding:0 0 0 30px;
   }
   ul.col-2 li,
   ul.col-3 li {
      width:100%;
      float:none;
      margin:0;
   }
}

@media only screen and (max-width: 600px) {
   .bx-wrapper .bx-pager.bx-default-pager {
      display:none !important;
   }
   #slider .overlay {
      top:auto;
      bottom:0;
      left:0;
      width:100%;
      height:60px;
      margin:0;
      padding:10px 20px 0 20px;
      -moz-border-radius:     0;
      -webkit-border-radius:  0;
      border-radius:       0;
      -khtml-border-radius:   0;
   }
   #slider .overlay div.content {
      display:none;
   }
   .home-intro a.button {
      width:100%;
      margin:30px auto;
      float:none;
      font-size:20px;
   }
   .home-intro p {
      font-size:18px;
      line-height:1.6;
   }
}

@media only screen and (max-width: 500px) {
   .page-bottom-callout .overlay a.button {
      width:94%;
      padding-left:3%;
      padding-right:3%;
   }
   #home-boxes a.home-box {
      padding:30px 20px;
   }
   #home-boxes a.home-box span.title {
      font-size:30px;
   }
   #home-boxes a.home-box span.content {
      font-size:20px;
      line-height:1.6;
   }
   .home .page-bottom-callout .overlay {
      padding:40px 0 30px 0;
   }
   .home .page-bottom-callout .overlay h2 {
      font-size:34px;
   }
   .home .page-bottom-callout .overlay a.button {
      width:100%;
      margin:30px auto;
      padding:20px 0;
      font-size:18px;
   }
}

@media only screen and (max-width: 450px) {
   #search-menu-dropdown form.searchform input.search-text {
      width:210px;
   }
}

@media only screen and (max-width: 400px) {
   #search-menu-dropdown form.searchform input.search-text {
      width:180px;
   }
   #slider .overlay {
      height:auto;
   }
   #slider .overlay div.title {
      font-size:20px;
   }
   .page-bottom-callout .overlay h2 {
      font-size:30px;
   }
   .page-bottom-callout .overlay a.button {
      font-size:16px;
   }
   .home-intro a.button {
      background-image:none;
      padding-left:0;
      font-size:18px;
   }
}

@media only screen and (max-width: 319px) {
   #mobile-menu-bar ul li.cols-2 a,
   #mobile-menu-bar ul li.cols-3 a,
   #mobile-menu-bar ul li.cols-4 a {
      display:none;
   }
}

@media screen and (max-device-width: 480px) {
   /* this prevents iphone from making fonts larger */
   body {
      -webkit-text-size-adjust: none;
   }
}