/*
Theme Name: HoustonWraps.com 2016
Theme URI: http://houstonwraps.com/
Description: This is custom theme created for HoustonWraps.com using the Genesis Framework and the Genesis Sample Theme as a foundation.
Author: Joshua Lewis
Author URI: http://lewiswebdesign.com/

Version: 0.0.1

Template: genesis
Template Version: 2.2.3

*/


/* # Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Tables
- Screen Reader Text
- Structure and Layout
- Site Containers
- Column Widths and Positions
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Jetpack
- Skip Links
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Accessible Menu
- Site Header Navigation
- After Header Navigation
- Footer Navigation
- Content Area
- Entries
- Entry Meta
- Pagination
- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
- Max-width: 1340px
- Max-width: 1200px
- Max-width: 1023px
- Max-width: 860px
- Print Styles
*/


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-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}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}


/* ## Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before,
.title-area:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after,
.title-area:before {
	clear: both;
	content: " ";
	display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

/* Custom font Declaration with Local Fallback*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,700i,900');

/* @TODO How does this fallback impact performance. How can I exclude to only load if   */



html {
	font-size: 62.5%; /* 10px browser default */
	letter-spacing: .075em;
}

/* Chrome fix */
body > div {
	font-size: 2rem;
}

body {
	background-color: #fff;
	color: #333;
	font-family: Lato, 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 2.222;
	margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

a {
	color: #149dff;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #333;
	text-decoration: none;
}

p {
	margin: 0 0 28px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}
.two-column-list::after, .three-column-list::after {
	content: '';
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
}
.two-column-list li, .two-column-list li {
	width: 50%; float:left;
}
.three-column-list li, .three-column-list li {
	width: 32%; float:left;
}
.widget-wrap .close-list li {
	padding-bottom:0; line-height: 1.6;} /* override default padding and margin on lists inside of widgets. */

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 1em 0;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
	text-align: left;
}


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, 'Source Sans Pro', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1 {
	font-size: 40px;
	font-size: 4rem;
}

h2 {
	font-size: 40px;
	font-size: 4rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

.sub-head {
	font-size: 1.6rem; font-weight: normal;
}


/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery img {
	border: 1px solid #eee;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 16px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

/* Standard pill button. Used in most applications */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: transparent;
	border: 2px solid #293789;
	color: #293789;
	cursor: pointer;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	padding: .25em 2.5em;
	text-decoration: none;
	white-space: normal;
	width: auto;
	border-radius: 1.3em/1.5em;
	text-transform: uppercase;
	line-height: 1.2;
	text-align:center;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus  {
	background-color: #293789;
	color: #fff;
}


.entry-content .button:hover,
.entry-content .button:focus {
	color: #fff;
}


.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

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

/* ## Button Variants
--------------------------------------------- */

/* Hard cornered button. No radius. */
.button.square { border-radius: 0;}

/* Rounded rectangle. Partial radius softening the cornders but not full pill */
.button.rounded { border-radius: .75em;}

.button.dark-btn{
	color: #fff; background-color: #293789;
	padding-top: .5em; padding-bottom: .5em;
}
.button.dark-btn:hover, .button.dark-btn:focus {
	color: #293789; background-color: #fff;
}
.button.slim {

}
.button.light-btn {
	background-color: transparent;
	border-color: #fff; color: #fff;
}
.button.light-btn:hover, .button.light-btn:active {
	border-color: #fff;
	background-color: #293789;
	color: #fff;
}
/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-word;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eee;
	padding: 6px;
}

th {
	font-weight: 400;
	padding: 0 6px;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
	position: relative;
}


/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 1920px;
}

.site-inner {
	clear: both;
	word-wrap: break-word;
}

.landing-page .site-inner {
	max-width: 800px;
}

/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 1060px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* ### Content */

.content {
	float: right;
	width: 880px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 660px;
}

.full-width-content .content {
	width: 100%;
}

/* ### Primary Sidebar */

.sidebar-primary {
	/* Layout handled with grid column classes */
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}


/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */

/* Multipart text-blocks used mostly for callouts. Also used in tab module labels
Normal setup is short lines (two to three words) of large text, center justified,
with variation of color, size, and weight giving contrast.
*/
.callout-block {
	text-align: center;
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: 400;
	/*	letter-spacing: 0.15em; */
}
.giant-text, .large-text, .medium-text, .small-text, .smaller-text, .tiny-text,
.callout-block button, .callout-block .button {
	display: block;
}
.callout-block .giant-text {
	font-size: 88px; font-size: 8.8rem;
}
.callout-block .large-text {
	font-size: 50px; font-size: 5rem;
}
.callout-block .medium-text {
	font-size: 40px; font-size: 4rem;
}
.callout-block .small-text {
	font-size: 24px; font-size: 2.4rem;
}
.callout-block .smaller-text {
	font-size: 20px; font-size: 2rem;
}
.callout-block .tiny-text {
	font-size: 16px; font-size: 1.6rem;
}
.callout-block .button, .callout-block button {
	margin-left: auto; margin-right: auto;
	margin-top: 20px; margin-top: 2rem; display: inline-block;
}
/* Modifier classes */
.callout-block .heavy { font-weight: 600; }
.callout-block .thin { font-weight: 300; }
.callout-block .dark {color: #293789;}
.callout-block .bright { color: #09f;}
.callout-block .normal-case { text-transform: none; font-weight: normal; }

@media only screen and (max-width: 600px) {
	.callout-block .giant-text {
    font-size: 50px; font-size: 5rem;
  }
  .callout-block .large-text {
    font-size: 40px; font-size: 4rem;
  }
  .callout-block .medium-text {
    font-size: 36px; font-size: 3.6rem;
  }
  .callout-block .small-text {
    font-size: 24px; font-size: 2.4rem;
  }
  .callout-block .smaller-text {
    font-size: 20px; font-size: 2rem;
  }
  .callout-block .tiny-text {
    font-size: 16px; font-size: 1.6rem;
  }
}

@media only screen and (max-width: 450px) {
  .callout-block .giant-text {
    font-size: 32px; font-size: 3.2rem;
  }
  .callout-block .large-text {
    font-size: 24px; font-size: 2.4rem;
  }
  .callout-block .medium-text {
    font-size: 20px; font-size: 2rem;
  }
  .callout-block .small-text {
    font-size: 18px; font-size: 1.8rem;
  }
  .callout-block .smaller-text {
    font-size: 16px; font-size: 1.6rem;
  }
  .callout-block .tiny-text {
    font-size: 14px; font-size: 1.4rem;
  }
}


/* ## Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* ## Genesis
--------------------------------------------- */

.breadcrumb {
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: -1.5rem;
	padding: 0 0 1.6rem;
}

.after-entry,
.author-box {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 40px;
	padding: 60px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

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

.search-form {
	overflow: hidden;
}

.entry-content .search-form,
.site-header .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.site-header .search-form {
	float: right;
	margin: 12px auto 0;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ## Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
	font-size: 50px;
	font-size: 5rem;
}

.single .entry-title, .page .entry-title {
	font-size: 50px;
	font-size: 5rem;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #149dff;
}

.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 20px;
}



/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 28px;
}


/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	margin-bottom: 40px;
	word-wrap: break-word;
}

.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* ## Featured Content
--------------------------------------------- */

.featured-content .entry {
	background: none;
	padding: 0;
}

.featured-content .entry:last-of-type {
	margin-bottom: 0;
}

.featured-content .entry-title {
	font-size: 20px;
	font-size: 2rem;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Genesis eNews Extended
--------------------------------------------- */

.sidebar .enews-widget,
.sidebar .enews-widget .widget-title {
	color: #fff;
}

.sidebar .widget.enews-widget {
	background-color: #333;
}

.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
	border: 1px solid #333;
}

.sidebar .enews-widget input[type="submit"] {
	background-color: #c3251d;
	color: #fff;
}

.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"]  {
	background-color: #fff;
	color: #333;
}

.enews-widget input {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 1px;
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #0066cb;
	position: relative; z-index: 100;
	background: -moz-linear-gradient(top, #149dff 0%, #196eca 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #149dff 0%,#196eca 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #149dff 0%,#196eca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149dff', endColorstr='#196eca',GradientType=0 ); /* IE6-9 */
}

.site-header > .wrap::before {
	content: " ";
	display: inline-block;
	z-index: -1;
	height: 100%;
	width: 100%;

	position: absolute;
	top: 0;
	right: 0;

	background-image: url('images/header-swoosh-matte.png');
	background-repeat: no-repeat;
	background-position: right 590px top 0;

}
@media only screen and (min-width: 1980px) {

	.site-header > .wrap::before {
		content: none;
	}
	.site-header:before {
		content: " ";
		display: inline-block;
		height: 100%;
		width: 100%;

		position: absolute;
		top: 0;
		right: 150px;

		background-image: url('images/header-swoosh-matte.png');
		background-repeat: no-repeat;
		background-position: left top;
	}

}
/* end super wide media query */

.site-header > .wrap {
	padding: 20px 0;
	position: relative;
	z-index: 1;
}

.title-area {
	padding: 10px 0;
	width: 300px;
	float:left;
	position: relative;
}

.site-header .site-title {
	text-shadow: 1px 1px 1px #000;
	padding-left: 1em;
}

.site-description {
	position: absolute;
	bottom: 1.75em;
	right: -13.5em;
	color: white;
}


/* Wraps the primary and secondary menus in the header.*/
.site-header .widget-area {
	text-align: right;
	width: 800px;
}

.nav-primary, .nav-secondary {
	position: absolute;
	right:0;
	padding-right: 1.5rem;
}

.nav-primary {
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.nav-primary > .wrap {
	max-width: none;
}

.nav-secondary {
	top: 2em;
	font-size: .7em;
}

.nav-primary a, .nav-secondary a {
	color:#fff;
}

.nav-primary a:hover, .nav-secondary a:hover {
	color:#003399;
}

.nav-secondary .ubermenu-item .ubermenu-target {
	padding: 15px 0 15px 10px;
	display:inline;
}

.site-header .nav-secondary .ubermenu-item::after {
	content: "|"; display:inline;
	color: #fff; padding-left: 10px;
}

.nav-secondary .ubermenu-nav li:last-child::after {
	content:none;
}

/* .ubermenu-nav is only placed on the top level <ul> of a menu.
.ubermenu-submenu is placed on every sub-menu in the hierarchy.
This should only target the first level sub-menu.
*/
.nav-primary .ubermenu-nav > .ubermenu-item > .ubermenu-submenu::after {
	content: " ";
	position: absolute; z-index: -1;
	bottom: 0; right:0;
	display: block;
	height: 100%; min-height: 100%;
	width: 100%;
	background-image: url('images/menu-flourish.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.nav-primary .ubermenu-nav > .ubermenu-item > .ubermenu-submenu {
	background : linear-gradient(to bottom, #039, #0066cb);
	min-height: 150px;
}

.wrap .ubermenu .ubermenu-item:not(.ubermenu-active) .ubermenu-submenu-drop{
	min-height: 150px !important; /* Keep this the same as selector above */
}

.ubermenu-submenu a {
	color: #fff;
	font-size: 1.6rem;
}
.ubermenu-submenu a:hover {
	color: #0066cb;
}

.site-inner::before {
	content : " ";
	display: block;
	height: 12px;
	width: 100%;
	background-image: url('images/border-accent.png');
	background-repeat: repeat-x;
	background-position: top left;
	position: relative; z-index: 100; /* Ensured proper visual stacking of overlapping elements. */
}


/* Position accent images in ubermenu dropdowns */

.ubermenu-submenu .ubermenu-target-with-image.ubermenu-item-layout-image_only {
  padding: 1.5em 1em 1em;
}

/* ## Title Area
--------------------------------------------- */

.title-area {
	padding: 10px 0;
	width: 300px;
}

.header-image .title-area {
	margin: 0 auto;
	max-width: 300px;
	padding: 0;
}

.header-full-width .title-area {
	float: none;
	width: 100%;
}

.site-title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: #fff;
	text-decoration: none;

}

.header-image .site-title > a {
	background-position: center !important;
	background-size: contain !important;
	float: left;
	min-height: 150px;
	width: 300px;
}

.site-description {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.2;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

/* Hide the site title when an image is used for site id. */
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

/* ## Widget Area
--------------------------------------------- */

/* ## Ubermenu Mega Menus
--------------------------------------------- */
.ubermenu-item-level-1.ubermenu-item-header > a, .ubermenu-item-level-2.ubermenu-item-header > a {
	font-size: 1.8rem; font-weight: bold;
	padding-bottom: 0;
}
.ubermenu-item-level-3.ubermenu-item-header > a {
	padding-top: 0; padding-bottom: 0;
	font-size: 1.6rem; font-weight: bold;
}
.ubermenu-item-level-3.ubermenu-item-header > a span {
	display:block; border-bottom: 1px solid #fff;
	padding-bottom: .2em;
}
.ubermenu-item-level-3.no-link > a:hover {
	/* Selector is too specific for a quality (removing hoverstates on non-link
	* elements given an anchor by WP menu generator) that is more general.
	* If possible, find a more general set of rules that can work at all menu levels.
	*/
	color: #fff;
	cursor: default;
}

.ubermenu-item-level-3.ubermenu-item-header > ul {
	padding-top: 0;
}
.ubermenu-item-level-5 > a > span {
	text-decoration: underline;
}
.ubermenu-item-level-5 > a:hover > span {
	text-decoration: none;
}
.ubermenu-submenu .ubermenu-submenu-type-stack .ubermenu-item.ubermenu-item-level-5 > a {
	padding-bottom: 0;
}

.ubermenu-menu-2 .ubermenu-content-block{
	color: #fff; font-size: 1.8rem; padding-top: 0; padding-bottom: 0;
}
.ubermenu-submenu-id-25 .ubermenu-content-block > p {
	margin-bottom: 0;
}

.ubermenu-content-block > blockquote {
	margin: 1rem 4rem;
}

.ubermenu-submenu .ubermenu-item-layout-image_below {
}

.ubermenu .ubermenu-item-24 .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child {
	margin-top: 0;
}



/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

.genesis-nav-menu a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 32px 20px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus  {
	color: #003399;
	text-decoration: none;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #eee;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #0066cb;
	border: 1px solid #eee;
	border-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px;
	position: relative;
	width: 200px;
	word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	float: right;
}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

/* ## Footer Navigation
--------------------------------------------- */

.site-footer .genesis-nav-menu {
	padding-bottom: 20px;
}

.site-footer .genesis-nav-menu a {
	padding: 0 20px 10px;
}


/* # Content Area
---------------------------------------------------------------------------------------------------- */

/* ## Entries
--------------------------------------------- */

.entry {
	background-color: #fff;
	margin-bottom: 0;
	padding: 0;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 28px;
	margin-left: 40px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #eee;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 24px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination a {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a {
	background-color: #c3251d;
	color: #fff;
}

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

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
	padding: 60px 60px 32px;
}

.entry-comments {
	padding: 60px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}


/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	margin-bottom: 40px;
}

.sidebar .widget {
	background-color: #fff;
	padding: 0;
}

/* # Footer CTA Bar
---------------------------------------------------------------------------------------------------- */

.zw-section.footer-cta-bar {
	background-color: #ddd; margin: 2em 0 0; padding-top: 1.5rem; padding-bottom: 1.5rem;
	font-weight: 300; color: #003399;

}
.zw-panel-page .zw-section.footer-cta-bar { margin: 0; }
.footer-cta-bar .main {
	float: none; margin: 0 auto; text-align: center;
}
.footer-cta-bar p {
	margin: 0; text-transform: capitalize; font-size: 8rem;
	line-height: 1.3; margin-bottom: 1rem;
}
.footer-cta-bar .button {
	padding: .75em 2em;
	text-transform: uppercase;
	vertical-align: middle;
	position: relative; bottom: .25em;
}

@media only screen and (max-width: 1250px) {
	.footer-cta-bar p { font-size: 6rem;}
}
@media only screen and (max-width: 1024px) {
	.footer-cta-bar p { font-size: 5rem;}
}
@media only screen and (max-width: 920px) {
	.footer-cta-bar p { font-size: 4rem;}
}
@media only screen and (max-width: 700px) {

}


/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	clear: both;
	padding: 60px 5em;
	color: #003399;
	position: relative;
}
.footer-widgets h3 {
	font-size: 14px; font-size: 1.4rem; font-weight: 600;
	text-transform: uppercase; margin-bottom: 0;
}
.footer-widgets ul > li {margin:0; padding: 0;}

@media only screen and (max-width: 860px) {
	.footer-widgets {padding: 60px 0; }
}

.footer-widgets h1, .footer-widgets h2,.footer-widgets h3,.footer-widgets h4, .footer-widgets h5, .footer-widgets h6 {
	color : #003399;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 380px;
}
.footer-widgets-2 {
  width: 50%;
}

.footer-widgets-1 {
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets::after {
	content : " ";
	display: block;
	height: 12px;
	width: 100%;
	background-image: url('images/border-accent.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	position: absolute;
	bottom: 0; left: 0;
}

.entry-content .certificates-list li { list-style:none; }
.site-container .certificates-list li {
    height: 70px;
    float: left;
    margin-right: 18px;
    margin-bottom: 12px;
}
    
.site-container .certificates-list img {
  max-height: 100%;
}

.ubermenu-footer_menu {} .ubermenu-footer_menu .ubermenu-submenu a {
  color: #003399; 
  text-decoration: underline;
}
.ubermenu-footer_menu {} .ubermenu-footer_menu .ubermenu-submenu a span{
  text-decoration: underline;
}
.ubermenu-footer_menu .ubermenu-submenu a:hover,
.ubermenu-footer_menu .ubermenu-submenu a:active {
  color: #149dff;
  
}
.ubermenu-footer_menu .ubermenu-submenu a:hover span,
.ubermenu-footer_menu .ubermenu-submenu a:active span {
  color: #149dff;
  text-decoration: none;
}
.ubermenu.ubermenu-footer_menu .ubermenu-column {
  float: left; width: 49%;
}
.ubermenu.ubermenu-footer_menu .ubermenu-item .ubermenu-target {
  padding-left: 0; padding-right: 0;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	padding: 0;
	text-align: center;
}

.site-footer p {
	margin-bottom: 0;
}

/* # General Page Styles
---------------------------------------------------------------------------------------------------- */

.content-sidebar-wrap, .full-width-content .content-sidebar-wrap {
	padding: 2em 5em 0; /* Centers columns away from the edges of the page. */
}
.zw-panel-page .content-sidebar-wrap { padding: 2em 0 0;}

.zw-section { clear:both; }
.slick-slider .slick-prev::before, .slick-slider .slick-next::before { color: #fff; font-size: 2.5rem;}

.zw-featured-work-slider .slick-arrow { z-index: 1;}
.zw-featured-work-slider .slick-next {
	top: unset; left: unset; right:5px; bottom: -35px;
}
.zw-featured-work-slider .slick-prev {
	top: unset; left: unset; right: 30px; bottom: -35px;
}
.zw-featured-work-slider .slick-dots {
	bottom: -35px;	margin:0;
}

.slick-our-customers .slick-thumb-wrapper {
	border-radius: 50%;
	display: block;
	height: 90px;
	width: 90px;
	margin: 0 auto;
	overflow: hidden;
	border: 3px solid #666;
	background: white;
	padding-top: 21px;
}
.slick-our-customers .slick-thumb-wrapper img {

}

.zw-section.zw-our-customers {
	text-align:center; color: #888; margin-bottom: 0;
	background-color: #0066cb; color: #fff;
	padding-top:1.5em; padding-bottom: 1.5em;
}
.zw-our-customers .callout-block { margin: 0 0 4rem; }

.zw-panel-page .entry-header {
	padding: 0 5em; /* Horizontally centers the title in the on panel layout type pages */
	margin-bottom: -7rem;
}

.post-type-archive .archive-description {
	margin-bottom: 0;
}





/* # Generic Pages (output through generic page.php template)
---------------------------------------------------------------------------------------------------- */
.generic-template { } /* custom body style to designate these pages */

.generic-template .sidebar-primary, .archive .sidebar-primary, .blog .sidebar-primary,
.single-post .sidebar-primary, .single-services .sidebar-primary
{ padding-top: 5.36em;}

/* # Home Page
---------------------------------------------------------------------------------------------------- */
.home .entry { margin: 0; padding: 0;}

.zw-section { padding: 5em 5em; margin: 0; }

.home .zw-hero {
	position: relative;
}
.home .zw-hero .hero-img {
  position:absolute;
  bottom: -220px;
  left: 0;
  width: 60%;
  height: 250%;
  background: url("images/hero-left/TotalComfortSystems_Ford_Econoline_CargoVanWrap_ZebraWraps_HoustonWraps_Closeup-02.png");
  background-position: bottom -90px right;
  z-index: 1;
}

.home .zw-hero .cta-block {
	float:right;
	position: relative; /* Needed for the element to accept z-index */
	z-index: 5;
}

.home .blueprint-tabs {
  z-index: 100;
}
.blueprint-tabs nav li {
  background-color: #fff;
}

.home .zw-why-zebra {
	overflow:hidden;
	position: relative;

}
.home .zw-why-zebra .main {
	float:right;
	margin: 9rem 0 13rem;
}
.home .zw-why-zebra .hero-img {
  position:absolute;
  top: 0;
  left: 0;
  width: 54%;
  height: 100%;
  background: url("images/hero-left/Vernor_Kenworth_FuelTruck_ZebraWraps_HoustonWraps_Closeup-02.png");
  background-position: center right;
  z-index: 1;
}
.home .zw-why-zebra .callout-block {
  position: relative; z-index: 5
}



.home .zw-section-4 .main .content-list {
	width: 90%; margin: 0 auto;
}

.home .zw-section-4 .main .button {
	max-width: 60%; margin: 0 auto; display: block;
}




/* # Blog - Main List Page
---------------------------------------------------------------------------------------------------- */
.blog .archive-description { margin-bottom: 5.6rem; }

.blog .post .entry-title { font-size: 3.6rem; }

/* # Why Zebra Page
---------------------------------------------------------------------------------------------------- */
.page-id-13 { }

.page-id-13 .zw-design, .page-id-13 .zw-materials,
.page-id-17 .zw-main,
.home .zw-section-3
{
	background-color: #0066cb;
	color: #fff;
	padding-top:3.5em;
	padding-bottom: 1em;
}

.page-id-13 .zw-design .main, .page-id-13 .zw-design .aside,
.page-id-13 .zw-install .main, .page-id-13 .zw-install .aside,
.page-id-17 .zw-results .zw-warranty,
{
	float:none; margin:0 auto; text-align:center;
}

.page-id-13 .zw-print .cta { text-align:center; }

.page-id-13 .zw-our-customers {
	margin-top: 0;
}

.page-id-13 .zw-intro, .page-id-13 .zw-install { position: relative; }

.page-id-13 .zw-intro .hero-img {
  position:absolute;
  bottom: -10%;
  right: 0;
  width: 60%;
  height: 124%;
  background: url("images/hero-right/TronElectric_Ford_F-Series_CrewCab_TruckWrap_ZebraWraps_HoustonWraps_Closeup-01.png");
  background-position: center left;
  z-index: 1;
}

.page-id-13 .zw-intro > div, .page-id-13 .zw-install > div {
  position: relative; z-index: 5;
}
.page-id-13 .zw-design {
  position: relative; z-index: 100;
 }

.page-id-13 .zw-install .hero-img {
  position:absolute;
  bottom: -10%;
  right: 0;
  width: 54%;
  height: 120%;
  background: url("images/hero-right/Vernor_Kenworth_FuelTruck_ZebraWraps_HoustonWraps_Closeup-02.png");
  background-position: center left;
  z-index: 1;
}
.page-id-13 .zw-our-customers, .page-id-13 .zw-materials {
	/* Set proper z stacking for section backgrounds */
	position:relative; z-index: 5;
}


/* # Fleet Services Page
---------------------------------------------------------------------------------------------------- */
.page-id-17 { }

.page-id-17 .zw-intro ul { margin-left: 0; }
.page-id-17 .zw-intro li { width: 50%; float: left; list-style-position: inside;}

.page-id-17 .zw-intro .main strong {
	font-size: 2.5rem; line-height: 1;
}


.page-id-17 .zw-main .aside { margin-bottom: 2.8rem; }
.page-id-17 .zw-results { margin-bottom: 0; }

.page-id-17 .zw-results {
	background-color: #ddd;
	margin: -10rem 0 0;
	padding-top: 10rem; padding-bottom: 5rem;
}

.page-id-17 .zw-our-customers {
	margin-top: 0;
}


/* # Blog and Generic Display Archives
---------------------------------------------------------------------------------------------------- */

.blog .entry, .post-type-archive .entry {
	margin-bottom: 2em;
}

/* # Galleries Archive View
---------------------------------------------------------------------------------------------------- */

.gallery-archive-selected { }

.gallery-archive-selected .archive-description {
	margin-bottom: 1.6rem;
}

.gallery-archive-selected .zw-taxonomy-nav {
	margin-bottom: 1.6rem;
}
.zw-taxonomy-nav .tax-title {
	font-size: 1.6rem; font-weight: bold;
}
.zw-taxonomy-nav .term-list {
	margin-bottom: 0; line-height: 1.4;
}

/* # Galleries Single View
---------------------------------------------------------------------------------------------------- */

.single-galleries { }

.zw-galleries-slider {
	position: relative;
}
.zw-galleries-navigation-box {
	position:absolute; top: 0; right: 0; z-index: 1;
	width: 100%; padding: .8rem 1.6rem 0;
	background-color: rgba(220,220,220,.8);
}
.zw-galleries-terms-list { float: left; font-size: 1.6rem;}
.zw-galleries-arrows-container, .zw-galleries-dots-container {
	float:right;
}
.zw-galleries-arrows-container { padding-top: .9rem;}

.zw-galleries-arrows-container .slick-next,
.zw-galleries-arrows-container .slick-prev {
	position: unset; float:left;
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
	margin-right: 1rem;
	opacity: 1;
}
.zw-galleries-arrows-container .slick-next::before,
.zw-galleries-arrows-container .slick-prev::before {
	color: #293789; opacity: 1;
}
.zw-galleries-arrows-container .slick-next:hover::before,
.zw-galleries-arrows-container .slick-prev:hover::before {
	color: #0066cb;
}

.zw-galleries-navigation-box .slick-dots {
	position: unset; width: auto; margin: 0;
}
.zw-galleries-navigation-box .slick-dots li {
  position : relative; bottom : .5em;
}

.slick-single-galleries .slick-slide img {
	width: 100%;
}

.zw-galleries-slider .slick-single-galleries.slick-dotted {
	margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
  
.single-galleries .slider-container { width: 65.81196581196582%; float:left;}
.single-galleries .content { width: 31.623931623931625%; }

}

/* # Flat Archive Pages
---------------------------------------------------------------------------------------------------- */

.flat-archive { }

.flat-entry { clear:both; }

.flat-entry .cpt-title{ }

.flat-entry .cpt-content {
	padding-left: 1.6rem;
}

/* # FAQs Archive
---------------------------------------------------------------------------------------------------- */
.post-type-archive-faqs { }

/* # Testimonials Archive
---------------------------------------------------------------------------------------------------- */
.post-type-archive-testimonials { }

.post-type-archive-testimonials .cpt-content {
	font-style: italic; position:relative;
	padding-left: 3.6rem;
}
.post-type-archive-testimonials .cpt-content::before {
	content: '“';
	top: 0; left:0;
	position: absolute;
	font-size: 5rem; line-height: 1;
	font-family: "Source Sans Pro", Lato, sans-serif;

}

/* # Services Single View
---------------------------------------------------------------------------------------------------- */
.single-services .zw-related-work { clear:both; }

/* # Services Archive View
---------------------------------------------------------------------------------------------------- */
.post-type-archive-services .cpt-entry {overflow: hidden;}
.post-type-archive-services .cpt-title a {color: #000; text-decoration: none;}
.post-type-archive-services .cpt-title a:hover, .post-type-archive-services .cpt-title a:active {color: #149dff;}
.post-type-archive .cpt-title {margin: 1.1rem 0 0;}
.post-type-archive-services .sidebar-primary { display:none; }

/* # Contact and Quote Forms
---------------------------------------------------------------------------------------------------- */

.gform_wrapper .gform_body .top_label input.medium {
  width: 100%;
}

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

@media only screen and (max-width: 1665px) {

	.footer-widgets-2 {
		width: 45%;
	}

}
@media only screen and (max-width: 1525px) {

	.footer-widgets-2 {
		width: 40%;
	}

}

@media only screen and (max-width: 1420px) {

	.footer-widgets-2 {
		width: 35%;
	}

}


@media only screen and (max-width: 1340px) {

	.wrap {
		max-width: 100%;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 920px;
	}

	.site-header .widget-area {
		width: 800px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 580px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 336px;
	}

  .footer-widgets-2 {
		width: 440px;
	}

	.footer-widgets-1 {
	}



}
@media only screen and (max-width: 1220px) {
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 330px;
	}
}

@media only screen and (max-width: 1200px) {


	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.site-header .widget-area {
		width: 620px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 300px;
	}

	.footer-widgets-1 {
		margin-right: 30px;
	}

}

@media only screen and (max-width: 1070px) {
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 280px;
	}

}

@media only screen and (max-width: 1023px) {

	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.js .genesis-nav-menu .sub-menu a,
	.js .genesis-nav-menu .sub-menu,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.site-header .wrap {
		padding:0;
	}

	.site-header > .wrap { padding-bottom: 0;}

	.genesis-nav-menu li,
	.header-image .title-area,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.header-image .title-area {
		max-width: unset; width: 100%; margin:auto;
		display:flex;
		flex-flow:row;
		justify-content: center;
	}

	.header-image .site-title > a {
		display:block;
		float:right;

	}
	.site-header .site-title {

	}

	.site-header .site-title, .site-description {
		flex: 1 1 50%;
		padding: 0;
	}

	.site-description {
		position:unset;
		position: relative;
		top: 6.5em;
		left: 0;
		padding-right: 3rem;
	}

	.header-widget-area {
		display:flex; flex-direction: column-reverse;}
		.nav-primary, .nav-secondary {
			flex: 1 1 auto;
			z-index: 1;
		}

		.nav-primary .ubermenu-bar-align-right {
			float:none;
		}
		.nav-secondary .ubermenu-items-align-right {
			text-align:center;
		}


		.site-header .search-form {
			margin: 16px auto;
		}

		.js nav.nav-primary,
		.js .site-header nav  {
			display: none;
			position: relative;
		}

		.js .site-header nav .wrap {
			padding: 0;
		}

		.js nav.pagination {
			display: block;
		}

		.menu-toggle,
		.sub-menu-toggle {
			border-width: 0;
			background-color: #fff;
			color: #333;
			display: block;
			margin: 0 auto;
			overflow: hidden;
			text-align: center;
			visibility: visible;
		}

		.sub-menu-toggle:hover,
		.sub-menu-toggle:focus {
			border-width: 0;
		}

		.menu-toggle {
			border-top: 1px solid #eee;
			line-height: 20px;
			position: relative;
			right: 0;
			z-index: 1000;
			width: 100%;
		}

		.site-header .menu-toggle {
			border: 0;
		}

		.menu-toggle:before,
		.menu-toggle.activated:before {
			margin-right: 10px;
			text-rendering: auto;
			-webkit-transform: translate(0, 0);
			-ms-transform:     translate(0, 0);
			transform:         translate(0, 0);
		}

		.sub-menu-toggle {
			float: right;
			padding: 10px;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 100;
		}

		.sub-menu-toggle:before {
			display: inline-block;
			text-rendering: auto;
			-webkit-transform: translate(0, 0);
			-ms-transform:     translate(0, 0);
			transform:         translate(0, 0);
		}

		.sub-menu-toggle.activated:before {
			content: "\f142";
		}

		.js .nav-primary .genesis-nav-menu .menu-item,
		.js .site-header .genesis-nav-menu .menu-item {
			display: block;
			float: none;
			margin: 1px 0;
			position: relative;
			text-align: left;
		}

		.js .genesis-nav-menu .menu-item:hover {
			position: relative;
		}

		.js .nav-primary .genesis-nav-menu .menu-item a,
		.js .site-header .genesis-nav-menu .menu-item a {
			border: none;
			padding: 12px 0;
			width: 100%;
		}

		.js .genesis-nav-menu .sub-menu {
			border: none;
		}

		.js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
		.js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
			left: 0;
			margin-left: 0;
		}

		.js .genesis-nav-menu > .menu-item-has-children > a:after {
			content: none;
		}

		.js .genesis-nav-menu .sub-menu {
			clear: both;
			display: none;
			margin: 0;
			opacity: 1;
			padding-left: 15px;
			position: static;
			width: 100%;
		}

		.js .genesis-nav-menu .sub-menu .sub-menu {
			margin: 0;
		}

		.js nav button:hover,
		.js .menu-toggle:hover,
		.js .nav-primary {
			background-color: #fff;
			color: #000;
		}

		.js nav button:focus,
		.js .menu-toggle:focus {
			background-color: #fff;
			color: #c3251d;
		}

		.footer-widgets-1,
		.footer-widgets-2 {
			margin: 0 auto 40px;
		}

		.nav-primary, .nav-secondary {
			position: inherit;
		}

		.site-header > .wrap::before {
			background-position: left top;
		}

	}

	@media only screen and (max-width: 860px) {

		body > div {
			font-size: 1.8rem;
		}

		body {
			font-size: 18px;
			font-size: 1.8rem;
		}

		.site-inner {
		}

		.wrap {
			padding-left: 5%;
			padding-right: 5%;
		}

		.after-entry,
		.archive-description,
		.author-box,
		.comment-respond,
		.entry,
		.entry-comments,
		.entry-pings,
		.sidebar .widget {
			margin-bottom: 5%;
		}

		.sidebar {
			margin-bottom: 5%;
		}

		.pagination {
			margin: 5% auto;
		}

		.archive-pagination li a {
			margin-bottom: 4px;
		}

		.five-sixths,
		.four-sixths,
		.one-fourth,
		.one-half,
		.one-sixth,
		.one-third,
		.three-fourths,
		.three-sixths,
		.two-fourths,
		.two-sixths,
		.two-thirds {
			margin: 0;
			width: 100%;
		}

		.zw-section, .zw-panel-page .entry-header,
		.generic-template .content-sidebar-wrap, .content-sidebar-wrap,
		.full-width-content .content-sidebar-wrap
		{
			padding-left: 2em; padding-right: 2em;
		}
		.zw-panel-page .content-sidebar-wrap {
			padding-left: 0; padding-right: 0;
		}

		.generic-template .sidebar-primary,
		.archive .sidebar-primary, .blog .sidebar-primary,
		.single-post .sidebar-primary, .single-services .sidebar-primary
		{ padding-top: 0; }

	}

	@media only screen and (max-width: 675px) {
		/* Relayout the header for phone sized devices. */
		.nav-secondary { display:none;}
		.ubermenu-responsive-toggle { text-align: center;}
		
		.header-image .title-area {
			flex-flow:column; 
		}

		.site-header .site-title {
			flex: unset;
			padding: 0;
			max-width: none;		 
		}

		.header-image .site-title > a {
			float: none;
			margin: 0 auto;
		}

		.site-description {
			position: unset;
			text-align: center;

		}
	}
	
@media only screen and (max-width: 375px) {
	
	body {overflow-x: hidden;}

	.header-image .site-title > a {
			width: auto;
	}
}


	/* # Print Styles
	---------------------------------------------------------------------------------------------------- */

	@media print {

		*,
		*:before,
		*:after {
			background: transparent !important;
			box-shadow: none !important;
			color: #000 !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		a[href^="javascript:"]:after,
		a[href^="#"]:after,
		.site-title > a:after {
			content: "";
		}

		thead {
			display: table-header-group;
		}

		img,
		tr {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		@page {
			margin: 2cm 0.5cm;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		blockquote,
		pre {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		.content,
		.content-sidebar {
			width: 100%;
		}

		button,
		input,
		select,
		textarea,
		.breadcrumb,
		.comment-edit-link,
		.comment-form,
		.comment-list .reply a,
		.comment-reply-title,
		.edit-link,
		.entry-comments-link,
		.entry-footer,
		.genesis-box,
		.header-widget-area,
		.hidden-print,
		.home-top,
		.nav-primary,
		.nav-secondary,
		.post-edit-link,
		.sidebar {
			display: none !important;
		}

		.title-area {
			text-align: center;
			width: 100%;
		}

		.site-title > a {
			margin: 0;
			text-decoration: none;
			text-indent: 0;
		}

		.site-inner {
			padding-top: 0;
			position: relative;
			top: -100px;
		}

		.author-box {
			margin-bottom: 0;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			orphans: 3;
			page-break-after: avoid;
			page-break-inside: avoid;
			widows: 3;
		}


		img {
			page-break-after: avoid;
			page-break-inside: avoid;
		}

		blockquote,
		pre,
		table {
			page-break-inside: avoid;
		}

		dl,
		ol,
		ul {
			page-break-before: avoid;
		}

	}


	/* Post Grids
	------------------------------------------------------------ */
	.zw-grid {
		padding: 0; z-index: 0;
		position: relative;
		margin-bottom: 2em;
	}
	.zw-grid .entry-header {
		position: absolute;
		top: .75rem; right: 1rem;
		z-index: 5; text-align: right;
	}
	.zw-grid .entry-title {
		font-size: 2.5rem;
	}
	.zw-grid .entry-title a {
		text-shadow: 1px 1px 1px black;
		color: #fff;
	}


	.zw-grid .entry-content a {
		display: block; line-height: 0;
	}
	.zw-grid .entry-content a::after {
		content: ""; display: block;
		position: absolute; top: 0; left:0;
		width: 100%; height: 100%;
		background-color: rgba(.8, .8, .8, .4);
		z-index: 1;
	}
	.zw-grid:hover .entry-content a::after {
		background-color: rgba(.8, .8, .8, 0)
	}



	@media only screen and (min-width: 675px) {
		.zw-grid {
			display: inline-block;
			max-width: 44%;
			margin-right: 5%;
		}
	}
	@media only screen and (min-width: 1200px) {
		.zw-grid {
			max-width: 30%;
			margin-right: 3%;
		}
	}
	@media only screen and (min-width: 1600px) {
		.zw-grid {
			max-width: 23%;
			margin-right: 2%;
		}
	}