/*
Theme Name: Alert Stamping - Responsive
Theme URI: http://alertstamping.com
Author: Page One Web Solutions
Author URI: http://p1ws.com
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

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

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

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

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:focus {
	outline: thin dotted;
}

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

audio,
canvas,
video {
	display: inline-block;
}

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

del {
	color: #333;
}

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

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

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small {
	font-size: smaller;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}

button,
input {
	line-height: normal;
}

textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}

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

.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}

li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
	/* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
	/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

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

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
	/* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.wp-caption {
	max-width: 100%;
	/* Keep wide captions from overflowing their container. */
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

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

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

#nav-above {
	padding: 24px 0;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-single+.comments-area,
#comment-nav-above {
	margin: 48px auto;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}

.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}

.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}

body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}

body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

a {
	outline: none;
	color: #21759b;
}

a:hover {
	color: #0f3647;
}

@font-face {
	font-family: 'DINPro-Regular';
	src: url('dinproregular.eot');
	src: url('dinproregular.eot?#iefix') format('embedded-opentype'),
		url('dinproregular.woff') format('woff'),
		url('dinproregular.ttf') format('truetype'),
		url('dinproregular.svg#dinproregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 0px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000;
	/* Above WP toolbar */
}

/* Page structure */
.site-content {
	margin: 0px 0 0;
}

.widget-area {
	margin: 0px 0 0 0;
}

/* Header */
.site-header {
	padding: 0px 0;
}

.site-header h1,
.site-header h2 {
	text-align: center;
}

.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}

.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}

.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.header-image {
	margin: 23px 25px 0px 0px;
}

.headerBar {
	width: 100%;
	min-height: 40px;
	max-height: 40px;
	background-color: #5c6d7d;
}

.barLeft {
	float: left;
	display: inline;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding-top: 15px;
	width: 100%;
}

.barLeft a {
	color: #fff;
	text-decoration: none;
}

.barLeft a:hover {
	color: #fff;
	text-decoration: underline;
}

.barRight {
	display: none;
}

.barPhone {
	font-size: 22px;
	font-weight: 900;
}

.headerMain {
	width: 100%;
	position: relative;
	background: url('images/headerGradient.png');
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.headerLogo {
	float: left;
	display: inline;
	width: 140px;
	margin-bottom: 10px;
}

.headerShop {
	float: right;
	display: inline;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	width: auto;
	height: 40px;
	padding-top: 10px;
}

.headerShop a {
	color: #fff;
	text-decoration: none;
}

.headerShop a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Navigation Menu */
.main-navigation {
	text-align: center;
	font-family: 'DINPro-Regular';
	color: #b9d7eb;
	float: left;
	clear: both;
	display: inline;
	height: 107px;
	margin: 0px 0px 0px 0px !important;
	position: relative;
	width: 100%;
	background-color: #1C1C1C;
}

.main-navigation ul {
	list-style-type: none;
}

.main-navigation li {
	margin-top: 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.42857143;
}

.main-navigation a {
	color: #e9cc33 !important;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #b9d7eb !important;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu>ul {
	border: 0px solid #000 !important;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.menu-main-menu-container {
	position: relative;
}

#menu-main-menu {
	margin: 10px 0 15px 0px;
}

.navTagline {
	display: none;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
}

.yellow-wrap {
	width: 100%;
	background-color: #E9CC33;
}

.blue-wrap {
	width: 100%;
	background-color: #CADAE5;
	padding: 12px 0 18px;
}

.banner-wrap {
	position: relative;
	height: 234px;
}

#flash-banner {
	z-index: 2;
	position: relative;
}

#flash-banner-bg {
	background: url('images/banner-bg.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;
	width: 100%;
	height: 234px;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
}

.cf:after {
	content: "";
	display: table;
	clear: both;
}

/* Slider to Replace Banner */
.yellowdiv {
	background-color: #133b5e;
	background-image: linear-gradient(to top, #133b5e 0%, transparent 25%, transparent 75%, #133b5e 100%), url("images/Gradient-Wallpapers.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.yellowdiv .container {
	padding-left: 40px;
	padding-right: 40px;
	width: 80%;
	color: #333;
	margin-left: auto;
	margin-right: auto;
}

.yellowdiv button:active{
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

.yellowdiv .slick-slide {
	text-align: center;
	color: #419be0;
	display: inline;
}

.yellowdiv .slick-slide img {
	padding: 0px;
	/* ^^^ This is a little bit backwards...so pay attention.
    Adjust the 'background' & 'padding' to change the outline of the images.
    Adjust the 'border' to change the between-space of two images.
    ***
    The reasoning is that the border is the same color as the background (yellow)
    And the padding is the same color as the image (white)
    If you want to better understand what I mean, change the two colors here.
    ***
    Some of this changed since I am now using 'width: fit-content.' */

	margin-left: auto;
	margin-right: auto;
	/* ^^^ margins set to auto means that the image is centered in the div. */

	box-sizing: border-box;
	/* ^^^ box-sizing keeps both the left and right sides padded. 
    Without it, the right side would have no padding.*/

	object-fit: contain;
	height: calc(480px + 12vh - 18vw);
	min-height: calc(15vmin + 100px);
	max-height: 65vmin;
	width: 100%;
	/* ^^^ set to fit the image proportionally, 
    using the sizes given as "constraints".
    ***
    In effort of making the header a "banner" on large screens,
    and trying to make it "full" on small screens, some trickery
    using vh, vw, and vmin was used. These should make them fit
    properly on most screen sizes. */
}

.yellowdiv .center-div {
	margin: auto;
	width: fit-content;
	display: table;
}

.yellowdiv .expander {
	height: 20px
}

.yellowdiv span {
	white-space: nowrap;
	overflow: hidden;
	/* ^^^ keeps the button and other assets in a single line */
}

.yellowdiv .header-button {
	background-color: #3bb3e0;
	font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', 'sans-serif';
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 10px 20px;
	padding-right: 50px;
	background-image: linear-gradient(bottom, #2ca0ca 0%, #3eb8e5 100%);
	background-image: -o-linear-gradient(bottom, #2ca0ca 0%, #3eb8e5 100%);
	background-image: -moz-linear-gradient(bottom, #2ca0ca 0%, #3eb8e5 100%);
	background-image: -webkit-linear-gradient(bottom, #2ca0ca 0%, #3eb8e5 100%);
	background-image: -ms-linear-gradient(bottom, #2ca0ca 0%, #3eb8e5 100%);
	background-image: -webkit-gradient(linear,
		left bottom,
		left top,
		color-stop(0,
		#2ca0ca),
		color-stop(1,
		#3eb8e5));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #333;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #333;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #333;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #333;
}

.yellowdiv .header-button:active {
	top: 3px;
	background-image: linear-gradient(bottom, #3eb8e5 0%, #2ca0ca 100%);
	background-image: -o-linear-gradient(bottom, #3eb8e5 0%, #2ca0ca 100%);
	background-image: -moz-linear-gradient(bottom, #3eb8e5 0%, #2ca0ca 100%);
	background-image: -webkit-linear-gradient(bottom, #3eb8e5 0%, #2ca0ca 100%);
	background-image: -ms-linear-gradient(bottom, #3eb8e5 0%, #2ca0ca 100%);
	background-image: -webkit-gradient(linear,
		left bottom,
		left top,
		color-stop(0,
		#3eb8e5),
		color-stop(1,
		#2ca0ca));
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333;
}

.yellowdiv .header-button::before {
	content: "";
	background-image: url("images/arrow-right-solid.svg");
	/*uses font-awesome. Awesome! Here's their license: https://fontawesome.com/license */
	background-size: 20px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2591b4;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.yellowdiv .header-button:active::before {
	top: 50%;
	margin-top: -18px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.yellowdiv .slick-next,
.yellowdiv .slick-prev {
	z-index: 1;
}

.yellowdiv .slick-next:before {
	position: relative;
	text-align: center;
	margin-left: -20px;
	/*if you want to move or resize these buttons, 
	you will have to change the margin-left to make the buttons centered, 
	or figure out an alternative/automated way to do so.*/
	font-size: 128px;
	left: 20%;
	color: #2ca0ca;
	-webkit-filter: drop-shadow(-3px 3px 0px #1a698d) drop-shadow(-3px 5px 0px #333);
	filter: drop-shadow(-3px 3px 0px #1a698d) drop-shadow(-3px 5px 0px #333);
	transition: all 0.2s ease;
}

.yellowdiv .slick-prev:before {
	position: relative;
	text-align: center;
	margin-left: -20px;
	/*if you want to move or resize these buttons, 
	you will have to change the margin-left to make the buttons centered, 
	or figure out an alternative/automated way to do so.*/
	font-size: 128px;
	left: 20%;
	color: #2ca0ca;
	-webkit-filter: drop-shadow(3px 3px 0px #1a698d) drop-shadow(3px 5px 0px #333);
	filter: drop-shadow(3px 3px 0px #1a698d) drop-shadow(3px 5px 0px #333);
	transition: all 0.2s ease;
}

.yellowdiv .slick-next:active:before,
.yellowdiv .slick-prev:active:before {
	color: transparent;
	-webkit-filter: drop-shadow(1px 1px 0px #222);
    filter: drop-shadow(1px 1px 0px #222);
}

.yellowdiv .slick-arrow {
	margin: auto;
	width: 109px;
	height: 109px;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}


@charset 'UTF-8';

.slick-loading .slick-list {
	background: #fff url(images/ajax-loader.gif) center center no-repeat
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: 0;
	background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: transparent;
	outline: 0;
	background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	display: block;
	content: ' ';
	background-image: url(images/slider-arrow-left.svg);
	background-size: 88px 88px;
	height: 88px;
	width: 88px;
}

[dir=rtl] .slick-prev:before {
	display: block;
	content: ' ';
	background-image: url(images/slider-arrow-left.svg);
	background-size: 88px 88px;
	height: 88px;
	width: 88px;
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	display: block;
	content: ' ';
	background-image: url(images/slider-arrow-right.svg);
	background-size: 88px 88px;
	height: 88px;
	width: 88px;
}

[dir=rtl] .slick-next:before {
	display: block;
	content: ' ';
	background-image: url(images/slider-arrow-right.svg);
	background-size: 88px 88px;
	height: 88px;
	width: 88px;
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}

/* Important note:
I did -not- take internet explorer 11 into consideration.
This carousel works on firefox, chrome, edge, opera, iOS, safari, etc.
- Data shows that about 3.5% of users use ie11 still.
- Microsoft has ended support of ie11 on December 2016.
- There are ways to implement some work-arounds, 
although I simply did not consider them based on this data.

Homepage Slider END
*/



/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 22px 0px 48px 0px;
	word-wrap: break-word;
}

.widget-area .widget h3 {
	margin-bottom: 24px;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	line-height: 1.846153846;
}

.widget-area .widget p {
	margin-bottom: 24px;
}

.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
}

.widget-area .textwidget li {
	margin-left: 36px;
}

.widget-area .widget a {
	color: #757575;
}

.widget-area .widget a:hover {
	color: #21759b;
}

.widget-area #s {
	width: 53.66666666666%;
	/* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	color: #fff;
	height: 272px;
	border-top: 0px solid #ededed;
	clear: both;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 2;
	width: 100%;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0 0 0;
	background: #5c6d7d url('/wp-content/themes/alert/images/bg-footer.png') top center repeat-x;
}

footer[role="contentinfo"] a {
	color: #fff;
}

footer[role="contentinfo"] a:hover {
	color: #e9cc33;
}

.footerLogos {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 23px;
	background-color: #C2D2E0;
}

.site-info {
	max-width: 100%;
	min-height: 129px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	text-align: center;
	background-color: #5C6D7D;
	padding-bottom: 40px;
}

.site-info a {
	color: #fff;
	text-decoration: none;
}

.site-info a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerL {
	width: 100%;
	float: left;
	display: inline;
	text-align: center;
	margin-bottom: 15px;
}

.footerR {
	width: 100%;
	float: right;
	display: inline;
	text-align: center;
	margin-bottom: 15px;
}

footer.hr {
	width: 100%;
	color: #fff;
	background-color: #fff;
	height: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
	clear: both;
}

.footer-phones {
	display: none;
}

/* =Main content and comment content
-------------------------------------------------------------- */

.wrap {
	width: 96% !important;
	margin: 0 auto;
	position: relative;
}

ul {
	list-style: square outside none;
}

ul,
ol {
	margin: 0 0 1.625em 2.5em;
}

.search .hentry {
	margin: 20px 0;
}

.entry-meta {
	clear: both;
}

.entry-header {
	width: 100%;
	height: 33px;
}

.entry-header img.wp-post-image {
	margin-bottom: 24px;
}

.entry-header .entry-title {
	font-family: 'DINPro-Regular';
	font-size: 16px;
	line-height: 1.2;
	font-weight: 900;
	color: #5c6d7d;
	text-transform: uppercase;
}

.entry-header .entry-title a {
	text-decoration: none;
}

.entry-header .entry-subtitle {
	padding-top: 3px;
	font-family: 'DINPro-Regular';
	font-size: 13px;
	font-weight: 900;
	color: #7b7b7b;
}

.headerTitle {
	width: 100%;
	float: left;
	display: inline;
	padding-top: 0px;

	text-align: center;
}

.headerSearch {
	float: right;
	display: none;
	padding-top: 5px;
	z-index: 9999;
}

.homeProd {
	width: 100%;
	clear: both;
	line-height: 17px;
}

.homeProd div {
	width: 42%;
	float: left;
	margin: 10px 4%;
}

.homeProd div:nth-child(2n+1) {
	clear: both;
}

.homeProd h2 {
	font-family: 'DINPro-Regular';
	color: #7d725c;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

.mobileMenu {
	background: url('images/mobileMenu.png');
	background-repeat: no-repeat;
	width: 93px;
	height: 37px;
	display: block;
	right: 15%;
	top: 30px;
	cursor: pointer;
	position: absolute;
}

.mobileMenu:hover {
	background-position: 0 -44px;
}

#site-navigation {
	display: none;
}

#site-navigation.show {
	display: block;
}

/*.homeProd1 {
	width: 160px;
	float: left; 
	display: inline;
	padding: 0px 80px 25px 0px;
}
.homeProd2 {
	width: 160px;
	float: left; 
	display: inline;
	padding: 0px 80px 25px 0px;
}
.homeProd3 {
	width: 160px;
	float: left; 
	display: inline;
	padding: 0px 80px 25px 0px;
}
.homeProd4 {
	width: 190px;
	float: left; 
	display: inline;
	padding: 0px 50px 25px 0px; 
}*/
.repLocator {
	width: 100%;
}

.repLocator1 {
	width: 100%;
	float: left;
	display: inline;
	text-align: center;
	clear: both;
}

.repLocator2 {
	width: 100%;
	float: right;
	display: inline;
	text-align: center;
	clear: both;
}

.attachment-shop_catalog {
	width: 200px !important;
	height: 200px !important;
}

.attachment-post-thumbnail {
	width: 200px !important;
	height: 200px !important;
}

.attachment-shop_single {
	max-width: 300px !important;
}

.summary {
	line-height: 22px !important;
}

.summary:after {
	content: "";
	display: table;
	clear: both;
}

div.product div.images,
#content div.product div.images {
	width: 30%;
}

div.product div.images img,
#content div.product div.images img {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

div.product div.images img.wp-post-image {
	margin-bottom: 12px;
}

#underImages {
	line-height: 24px;
}

#underImages img {
	width: auto !important;
	margin-right: 12px;
	display: inline !important;
}

.productDesc {
	line-height: 20px;
	margin-bottom: 25px;
}

.product h3 {
	line-height: 22px;
}

div.product div.summary,
#content div.product div.summary {
	float: left;
	width: 65%;
}

.products {
	padding: 10px 0 0 !important;
}

.related ul.products li.product,
.related ul li.product,
.upsells.products ul.products li.product,
.upsells.products ul li.product {
	width: 200px;
}

.woocommerce .product .images {
	width: 100% !important;
}

.woocommerce .product .summary {
	width: 100% !important;
	clear: both;
}

.content-prod.first {
	clear: none !important;
}

.content-prod {
	width: 100% !important;
	height: auto !important;
	margin: 20px 0 !important;
}

.content-prod a img {
	float: left;
	display: block;
	margin: 0 0 8px !important;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

.content-prod h3 {
	margin: 4px 0 !important;
	display: inline-block;
	clear: none !important;
}

.content-prod .attachment-shop_catalog {
	width: 120px !important;
	height: 120px !important;
	float: left;
}

.woocommerce-ordering {
	float: left !important;
}

/*Get Rid of Brand*/
.product_meta .posted_in:nth-child(3) {
	display: none;
	float: left;
	width: 100%;
}

.related.products .product {
	width: 200px !important;
	max-width: 50%;
	height: auto !important;
	float: left !important;
}

.woocommerce.archive ul.products li.product {
	float: left;
	margin: 0 2.5% 2.992em 2.5%;
	padding: 0;
	position: relative;
	width: 45%;
	clear: none;
}

.woocommerce .products ul, .woocommerce ul.products{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	        align-items: flex-start;
}

.woocommerce.archive ul.products li.product:nth-child(2n+1) {
	/* clear: both; */
}

.woocommerce.archive ul.products li.product img {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

li.product img{
	min-height: 195px !important;
}

.content-cat {
	height: auto !important;
	/*	width: 21% !important;*/
	margin: 0 2.9% 2.992em 0 !important;
}


/* Category / Product Layout */


span.sku_wrapper {
	display: block;
	font-weight: bold;
}

span.category {
	display: block;
	font-weight: bold;
	margin: 5px 0;
}

span.category a {
	color: #444;
}

a.moreInfo {
	display: block;
	font-weight: bold;
	margin: 20px 0 0;
	text-decoration: underline !important;
	color: navy !important;
	text-transform: uppercase;
}

.entry-header .entry-format {
	margin-top: 24px;
	font-weight: normal;
}

.entry-header .comments-link {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.846153846;
	color: #757575;
}

.comments-link a,
.entry-meta a {
	color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}

article.sticky .featured-post {
	border-top: 0px double #ededed;
	border-bottom: 0px double #ededed;
	color: #757575;
	font-size: 13px;
	line-height: 3.692307692;
	margin-bottom: 24px;
	text-align: center;
}

.entry-content {
	padding-top: 25px;
}

.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}

.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}

.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}

.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}

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

.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}

.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}

.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}

.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
	display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 0px solid #ededed;
	padding: 6px 10px 6px 0;
}

.site-content article {
	border-bottom: 0px double #ededed;
	margin-bottom: 72px;
	padding-bottom: 10px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.page-links {
	clear: both;
	line-height: 1.714285714;
}

footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.single-author .entry-meta .by-author {
	display: none;
}

.mu_register h2 {
	color: #757575;
	font-weight: normal;
}




/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}

.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}

.image-attachment div.attachment {
	text-align: center;
}

.image-attachment div.attachment p {
	text-align: center;
}

.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}

article.format-aside h1 a:hover {
	color: #2e3542;
}

article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}

article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}

article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}

article.format-link .entry-content {
	max-width: 80%;
	float: left;
}

article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}

article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.format-status .entry-header header {
	display: inline-block;
}

.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}

.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}

.format-status .entry-header header a {
	color: #757575;
}

.format-status .entry-header header a:hover {
	color: #21759b;
}

.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


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

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}

.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}

.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}

.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}

.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article header a:hover {
	color: #21759b;
}

.comments-area article header cite a {
	color: #444;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}

a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}

.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}

#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}

#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

#respond form label {
	display: block;
	line-height: 1.714285714;
}

#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}

.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}

.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
	color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}

.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}

.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	li.product img{
		min-height: 235px !important;
	}
}

/* Misc. stylings */

.content-with-sidebar {
	float: left;
	width: 100%;
}

.wc-tabs {
	padding-left: 0 !important;
}

.wc-tabs li {
	width: 100%;
}

.wc-tabs li a {
	width: 100%;
}

.wc-tabs li.active {
	background-color: #CADAE5 !important;
	border-bottom-color: #CADAE5 !important;
}

.wc-tabs li:before,
.wc-tabs li:after {
	display: none;
}

#callNow {
	position: fixed;
	bottom: -1px;
	width: 100%;
	height: 40px;
	background-color: rgba(143, 169, 186, 0.9);
	color: #E9CC33;
	font-size: 20px;
	font-weight: 900;
	z-index: 3001;
	border-top: none;
	text-align: center;
}

#callNow .tel {
	display: block !important;
	line-height: 40px;
	margin-left: -30px;
	text-transform: uppercase;
}

#callNow .ctc {
	font-size: 15px;
	font-weight: normal;
}

#callNow a {
	color: inherit;
	text-decoration: none;
}

#callEx {
	color: inherit;
	text-decoration: none;
	position: absolute;
	right: 5px;
	top: 5px;
}


/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {

	/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
	.footer-phones {
		display: inline;
	}

	.homeProd div {
		width: 29%;
		margin: 10px 2%;
	}

	.homeProd div:nth-child(2n+1) {
		clear: none;
	}

	.homeProd div:nth-child(3n+1) {
		clear: both;
	}

	.woocommerce.archive ul.products li.product {
		width: 28%;
	}

	.woocommerce.archive ul.products li.product:nth-child(2n+1) {
		clear: none;
	}

	.content-prod:nth-child(2n+1) {
		/* clear: both !important; */
	}

	.woocommerce.archive ul.products li.product:nth-child(3n+1) {
		/* clear: both !important; */
	}

	.attachment-shop_single {
		float: left;
		width: 48% !important;
	}

	#underImages {
		float: right;
		width: 48%;
	}

	#callNow {
		display: none;
	}

	.site-info {
		padding-bottom: 0;
	}

	.slick-prev:before {
		display: block;
		content: ' ';
		background-image: url(images/slider-arrow-left.svg);
		background-size: 108px 108px;
		height: 108px;
		width: 108px;
	}
	
	[dir=rtl] .slick-prev:before {
		display: block;
		content: ' ';
		background-image: url(images/slider-arrow-left.svg);
		background-size: 108px 108px;
		height: 108px;
		width: 108px;
	}
	
	.slick-next {
		right: -25px
	}
	
	[dir=rtl] .slick-next {
		right: auto;
		left: -25px
	}
	
	.slick-next:before {
		display: block;
		content: ' ';
		background-image: url(images/slider-arrow-right.svg);
		background-size: 108px 108px;
		height: 108px;
		width: 108px;
	}
	
	[dir=rtl] .slick-next:before {
		display: block;
		content: ' ';
		background-image: url(images/slider-arrow-right.svg);
		background-size: 108px 108px;
		height: 108px;
		width: 108px;
	}
	
	.yellowdiv .slick-prev:before {
		position: relative;
		text-align: center;
		margin-left: -20px;
		/*if you want to move or resize these buttons, 
		you will have to change the margin-left to make the buttons centered, 
		or figure out an alternative/automated way to do so.*/
		font-size: 128px;
		left: 20%;
		color: #2ca0ca;
		-webkit-filter: drop-shadow(3px 3px 0px #1a698d) drop-shadow(3px 5px 0px #333);
		filter: drop-shadow(3px 3px 0px #1a698d) drop-shadow(3px 5px 0px #333);
		transition: all 0.2s ease;
	}
	
	.yellowdiv .slick-next:active:before,
	.yellowdiv .slick-prev:active:before {
		color: transparent;
		-webkit-filter: drop-shadow(1px 1px 0px #222);
		filter: drop-shadow(1px 1px 0px #222);
	}
	
	.yellowdiv .slick-arrow {
		margin: auto;
		width: 109px;
		height: 109px;
	}
}

/******************************************************************/
@media only all and (min-width: 600px) {
	.woocommerce .products ul, .woocommerce ul.products{
		display: table;
	}	
	.wc-tabs {
		padding-left: 1em !important;
	}

	.wc-tabs li {
		width: auto;
	}

	.wc-tabs li.active {
		background-color: #fff !important;
		border-bottom-color: #fff !important;
	}

	.wc-tabs li:before,
	.wc-tabs li:after {
		display: block;
	}
}

/******************************************************************/


/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only all and (min-width: 768px) {

	/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
	.wrap {
		width: 760px !important;
	}

	.barLeft {
		text-align: left;
		width: auto;
	}

	.barRight {
		float: right;
		display: inline;
		text-align: right;
		color: #e9cc33;
		font-family: 'DINPro-Regular';
		font-weight: bold;
		font-size: 11px;
		padding-top: 8px;
	}

	.navTagline {
		display: block;
		color: #b9d7eb;
		height: 20px;
		padding-top: 23px;
		font-family: 'DINPro-Regular';
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		position: absolute;
		width: 100%;
	}

	.footerL {
		width: auto;
		margin-bottom: 0;
	}

	.footerR {
		width: auto;
		text-align: right;
		margin-bottom: 0;
	}

	.site-info {
		text-align: left;
	}

	.homeProd div:nth-child(3n+1) {
		clear: none;
	}

	.homeProd div:nth-child(4n+1) {
		clear: both;
	}

	.homeProd div {
		width: 21%;
	}

	.headerSearch {
		display: inline;
	}

	.headerTitle {
		text-align: left;
		width: auto;
	}

	.mobileMenu {
		display: none;
	}

	#site-navigation {
		display: block;
	}

	.menu-main-menu-container {
		position: absolute;
		bottom: 0;
	}

	.main-navigation {
		clear: none;
		height: 107px;
		width: auto;
		left: 0;
	}

	#menu-main-menu {
		margin: 0 0 0 20px;
	}

	.repLocator1,
	.repLocator2 {
		width: 50%;
		clear: none;
	}

	.content-with-sidebar {
		width: 65%;
	}



	/************** Old min-width 600px styles***********/

	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}

	.author-description {
		float: right;
		width: 80%;
	}

	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}

	.widget-area {
		float: right;
		width: 26.041666667%;
	}

	.site-header h1,
	.site-header h2 {
		text-align: left;
	}

	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu>ul {
		border-bottom: 0px solid #ededed;
		border-top: 0px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 480px;
		height: 57px;
	}

	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}

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

	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}

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

	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}

	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}

	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}

	.main-navigation ul li:hover>ul {
		border-left: 0;
		display: block;
	}

	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 0px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}

	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}

	.main-navigation .current-menu-item>a,
	.main-navigation .current-menu-ancestor>a,
	.main-navigation .current_page_item>a,
	.main-navigation .current_page_ancestor>a {
		color: #636363;
		font-weight: bold;
	}

	.menu-toggle {
		display: none;
	}

	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}

	#respond form input[type="text"] {
		width: 46.333333333%;
	}

	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}

	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}

	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}

	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}

	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}

	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}

	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets+.front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}

	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}

	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}


}





/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
	/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/

	.wrap {
		width: 1028px !important;
	}

	.navTagline {
		float: right;
		text-align: right;
		bottom: 10px;
		right: 0;
	}

	.woocommerce.archive ul.products li.product {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}

	.woocommerce.archive ul.products li.product:nth-child(3n+1) {
		clear: none !important;
	}

	.woocommerce.archive ul.products li.product:nth-child(4n+1) {
		clear: both !important;
	}

	.content-prod {
		width: 50% !important;
	}

	.woocommerce .product .summary {
		width: 65% !important;
		clear: none;
	}

	.woocommerce .product .images {
		width: 30% !important;
	}

	.attachment-shop_single {
		float: none;
		width: auto !important;
	}

	#underImages {
		float: none;
		width: auto;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " ["attr(href) "] ";
		/* Show URLs */
	}

	a {
		text-decoration: none;
	}

	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}

	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}

	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}

	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}

	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}

	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}

	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}

	.wrapper {
		border-top: none;
		box-shadow: none;
	}

	.site-content {
		margin: 0;
		width: auto;
	}

	.singular .entry-header .entry-meta {
		position: static;
	}

	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}

	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}

	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist>li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}

	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}