/*
Theme Name: DampRid
Author: Callahan Creek
Author URI: http://www.callahancreek.com/
Description: Custom theme built especially for DampRid
Version: 1.1.10

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/



@font-face {
	font-family: 'Josefin Sans';
	src: url(/wp-content/themes/DampRid/fonts/Josefin_Sans/JosefinSans-Regular.ttf);
	font-weight: 400;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url(/wp-content/themes/DampRid/fonts/Josefin_Sans/JosefinSans-Bold.ttf);
	font-weight: 700;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url(/wp-content/themes/DampRid/fonts/Josefin_Sans/JosefinSans-Semibold.ttf);
	font-weight: 600;
}
@font-face {
	font-family: 'Bitter';
	src: url(/wp-content/themes/DampRid/fonts/Bitter/Bitter-Regular.ttf);
	font-weight: 400;
}
@font-face {
	font-family: 'Bitter';
	src: url(/wp-content/themes/DampRid/fonts/Bitter/Bitter-Bold.ttf);
	font-weight: 700;
}

/* This is a small security for too long strings titles */
body {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	background: #187db1;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 54%, #187eb1 90%, #187eb1 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(54%, #ffffff), color-stop(90%, #187eb1), color-stop(100%, #187eb1));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 54%, #187eb1 90%, #187eb1 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 54%, #187eb1 90%, #187eb1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 54%, #187eb1 90%, #187eb1 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 54%, #187eb1 90%, #187eb1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#187eb1', GradientType=0 );
	background-repeat: no-repeat;
	background-attachment: fixed;
}
h1,h2,h3,h4,h5,h6 {
	margin-top: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.product-overview h1,
h2 {
	font-size: 24px;
	color: #d00d2b;
	font-weight: bold;
	text-align: center;
}
.the-content h2 {
	text-align: left;
}

h3 {
	font-size: 30px;
	color: #d00d2b;
	text-align: center;
	font-weight: bold;
}

h4 {
	font-size: 30px;
	color: #187db1;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
hr {
	border-top: 1px solid #187db1;
	margin: 20px 15px;
}

a:hover {
	text-decoration: none;
	color: #d00d2b;
}
a:focus {
	outline: none;
	text-decoration: none;
}

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

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


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


/* Content */
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/*Buttons*/
.btn {
	font-size: 16px;
}
.btn-filled {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	background-color: #d00d2b;
	padding: 10px 30px;
}
.btn-filled:hover,
.btn-filled:active,
.btn-filled:focus{
	color: #fff;
	text-decoration: none;
}

/* Navigation */
.caret {
	color: #d00d2b;
	border: none;
	margin-left: 0;
	vertical-align: initial;
	transition: all 0.2s ease-in-out;
}
.caret::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.55em;
	left: 0.25em;
	position: relative;
	top: 0.15em;
	transition: all 1s ease-in-out;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.55em;
}
/*rotate caret when the dropdown is open*/
.dropdown.open .caret::before {
	transform: rotate(-45deg);
	top: 0.45em;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #187db1;
	}
	/*downstate?*/
	.navbar-default .navbar-nav .open .dropdown-menu>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
	.hide-mobile {
		display: none;
	}
}
@media (min-width: 768px) {
	.hide-desktop {
		display: none;
	}
}


.home #content {
	padding: 0;
}
.home .featured-product{
	width: 40% !important;
    right: -36px;
    max-width: 300px;
    margin-top: -210px;
    position: relative;
    z-index: 1;
    width: 200px;
    margin-left: 0;
    left: 67%;
}
/*.home .featured-product {
	width: 40%;
	right: -36px;
	max-width: 300px;
	margin-top: -65px;
	position: relative;
	z-index: 1;
	width: 200px;
	margin-left: -100px;
	left: 50%;
}*/
@media (max-width: 768px) {
	.home .featured-product {
		position: absolute;
		top: 258px;
		width: 40%;
		max-width: 300px;
		left: 640px;
		left: initial;
		margin-left: 0;
	}
	.home .main-content-inner {
		margin-top: -40px;
	}
}
.n2-padding p {
	font-family: 'Josefin Sans', sans-serif !important;
}
.home .location {
	padding: 0 30px;
}
.home .location h2 {
	font-size: 36px;
	padding-top: 40px;
}
.location h2 {
	text-align: center;
	color: #187db1;
	font-weight: normal;
}
.home .location h3 {
	text-align: center;
	color: #7d7d7d;
	/*font-family: 'Bitter', serif;*/
	font-size: 18px;
	font-weight: normal;
}
.location-card .icon {
	height: 100px;
}
.location img {
	display: block;
	margin: auto;
}
.location p {
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}
.video-section {
	position: relative;
	background-position: center;
}
.video-section:after {
	padding-top: 134%;
	display: block;
	content: '';
}

.video-section-container {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
}
.video-section-container h2 {
	margin-top: 17%;
	font-family: 'Bitter', serif;
	font-size: 54px;
	color: #fff;
}
.video-section-container p {
	font-size: 26px;
	max-width: 85%;
	margin: auto;
}
.video-section-container .play-button svg {
	max-width: 100px;
	margin: auto;
}
header.img {
	box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3)
}
header.img h2 {
	text-align: left;
	font-size: 36px;
	font-family: 'Bitter', serif;
	font-weight: normal;
	padding: 30px;
	color: #fff;
}
@media (min-width: 768px) {
	.video-section:after {
		padding-top: 54%;
	}
	.video-section-container p {
		font-size: 26px;
		max-width: 45%;
		margin: auto;
	}
	header.img {
		min-height: 415px;
		box-shadow: none;
	}
	header.img h2 {
		margin-left: 30%;
		padding: 0;
		padding-top: 5%;
		color: #d00d2b;
	}
}
header.img h2 {
	text-align: left;
	font-size: 36px;
	font-family: 'Bitter', serif;
	font-weight: normal;
}
.page-template-red-cross div.entry-content {
	margin-top: 0;
}
.page-template-red-cross h1 {
	margin-top: 20px;
}
.page-template-red-cross .entry-content .btn {
	text-transform: uppercase;
	color: #187db1;
	border: solid 1px #187db1;
	padding: 10px 25px 6px;
	border-radius: 0;
	margin-bottom: 40px;
	font-family: 'Bitter', serif;
}
.page-template-red-cross .entry-content .btn:hover {
	color: #fff;
	background-color: #187db1;
}
/*product overview*/
.product-overview .checkbox-wrapper {
	display: none;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.product-overview .checkbox-wrapper {
		display: block;
		margin-bottom: none;
	}
	.product-overview h4 span {
		display: none;
	}
	.product-overview .checkbox:first-of-type {
		padding-top: 20px;
	}
}
.product-overview .checkbox {
	padding-left: 30px;
	font-family: 'Bitter', serif;
	font-size: 16px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.product-overview .checkbox {
		margin-bottom: 10px;
	}
}
.product-overview .results > div {
	padding-bottom: 20px;
}
.product-overview .results > div:not(:first-child) {
	border-top: 1px solid #187db1;
	padding-top: 20px;
}
.product-overview h1 {
	font-size: 30px;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.product-overview h2 {
	text-transform: uppercase;
	font-size: 18px;
	color: #187db1;
	margin-bottom: 5px;
}
@media (max-width: 767px) {
	.product-overview .desktop-menu {
		padding: 0;
	}
}
.product-overview .desktop-menu {
	padding-left: 0;
}
.product-overview .desktop-menu h4 {
	background-color: #d00d2b;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-weight: 100;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}
.product-overview .desktop-menu h4 span {
	font-size: 25px;
}
.product-overview .product-item {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	text-transform: uppercase;
	margin: 0 10px;
	margin: 0 7px;
}
.product-item p {
	font-size: 12px;
	margin-top: 10px;
}
.product-overview p {
	text-align: center;
}
.product-overview .products-nav {
	padding-top: 20px;
	margin: auto;
}
.product-item img {
	transition: all .1s ease-in-out;
}
.product-item:hover img {
	transform: scale(1.1);
}

/*product page*/
.swipe-view {
  overflow-x: scroll;
  overflow-y: hidden;
  max-width: 100vw;
  max-height: 400px;
  min-height: 181px;
}

.products-nav {
  width: 600px;
  overflow-y: hidden;
}
.product-img {
	width: 20vw;
	height:	auto;
	max-width: 40vw;
	min-height: 100px;
	display: inline;
}
.single-product h2 {
	text-align: left;
	padding-top: 15px;
}
.single-product header p {
	display: none;
}
.single-product header p.product-sizes {
	display: block;
}
.single-product .products-nav {
	border-bottom: 1px solid #187db1;
}
.single-product .main-content-inner .products-nav {
	overflow: hidden;
}
.single-product .main-content-inner .products-nav ul {
	margin-bottom: 5px;
}
.single-product ul.product-location {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	list-style-position: inside;
	padding-left: 0;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	font-weight: bold;
}
.single-product .product-location span {
	margin-left: -16px;
}
/*stop the horizontal scroll on desktop*/
@media (min-width: 768px) {
	.product-overview .description p {
		max-width: 87%;
		margin-left: auto;
		margin-right: auto;
	}
	.product-overview .description > p {
		font-size: 18px;
	}
	.swipe-view {
		overflow-x: hidden;
		overflow-y: hidden;
		max-width: 100vw;
		max-height: none;
		min-height: 181px;
	}
	.products-nav {
		width: auto;
		overflow-y: hidden;
		text-align: center;
	}
	.post-type-archive-product .products-nav {
		max-width: 600px;
	}
	.product-img {
		width: auto;
		height:	auto;
		max-width: initial;
		min-height: 100px;
		display: inline;
	}
}
.single-product h3 {
	margin-top: 0;
}

@media (min-width: 768px) {
	.single-product .main-content-inner .products-nav {
		text-align: center;
	}
	.single-product .main-content-inner .products-nav ul {
	width: auto;
	overflow: hidden;
}
}
.single-product .products-nav a:hover,
.single-product .products-nav a:active,
.single-product .products-nav a:focus {
	text-decoration: none;
}
.single-product .products-nav ul {
	padding-left: 0;
}
.single-product .products-nav li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
.single-product .products-nav li:first-of-type {
	margin-left: 25px;
}
.single-product .products-nav img {
	max-width: 90px;
}

.single-product .products-nav p {
	text-align: center;
	width: 90px;
	font-family: bitter, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #187db1;
	text-transform: uppercase;
	margin-top: 5px;
}
.single-product .product-img.current-category p,
.single-product .product-img:hover p {
	color: #d00d2b;
}
.single-product h1 {
	font-size: 24px;
	border-bottom: 2px solid #187db1;
	color: #187db1;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: bold;
}
.single-product h1 span {
	text-transform: none;
}
.single-product .entry-content ul {
	padding-left: 15px;
}
.single-product .zoom-small-image {
	margin-bottom: 20px;
}
.single-product .zoom-tiny-image {
	opacity: .7;
}
.single-product .zoom-tiny-image.active {
	opacity: 1;
}
.product-sizes {
	font-weight: bold;
	color: #187db1;
}
.active .tip,
.arrow-up {
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 16px solid #c4e29a;
	margin: auto;
}
.product-select {
	display: block;
	margin-top: 20px;
}
.product-select p {
	margin-bottom: 0;
}
.product-select .btn-group {
	width: 100%;
	margin-bottom: 30px;
}
.product-select .btn {
	border-radius: 0;
	background-color: white;
	border: solid 1px #187db1;
	color: #187db1;
}

.product-select .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0;
	vertical-align: middle;
	content: "";
	border-top: .5em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
}
.product-select .dropdown-toggle:hover {
	color: #d00d2b;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	width: 308px;
	text-align: left;
}
@media (min-width: 768px) {
	.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
		/*width: 250px;*/
		width: calc(100% - 38px);
	}
}
.btn-group>.btn+.dropdown-toggle {
	padding-left: 13px;
	padding-right: 13px;
}
.product-select .dropdown-menu {
	border-radius: 0;
	border: 1px solid #187db1;
	padding: 0;
	width: 100%;
	/*max-width: 245px;*/
}
.product-select .dropdown-item {
	display: block;
	width: 100%;
	padding: 7px 1.5rem;
	clear: both;
	font-weight: 400;
	color: #187db1;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border-bottom: 1px solid #187db1;
}
.product-select a.dropdown-item:hover {
	text-decoration: none;
	color: #d00d2b;
}
.product-select .dropdown-item:last-of-type {
	border-bottom: 0;
}
/*Instructions for use*/
.instructions {
	border: 1px solid #187db1;
	margin: 0;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.instructions .header {
	text-align: center;
}
.instructions h4 {
	margin: 0;
	padding: 10px 25px;
	font-size: 18px;
	color: #fff;
	background-color: #187db1;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.page-template-international-distributor .main-content-inner .distributor,
.page-template-store-finder .main-content-inner .store {
	border-bottom: 1px solid #187db1;
	padding: 20px;
	margin: 0 20px;
}
@media (min-width: 768px) {
	.instructions h4 {
		display: inline-block;
	}
	.error404 .main-content-inner,
	.search-results .main-content-inner,
	.search-no-results .main-content-inner,
	.page-template-msds-cpsia .main-content-inner,
	.page-template-international-distributor .main-content-inner,
	.page-template-store-finder .main-content-inner,
	.page-template-default .main-content-inner {
		margin-left: 200px;
		max-width: 800px;
	}
	.error404 .main-content-inner {
		min-height: 600px;
	}
	.page-template-international-distributor .main-content-inner .distributor,
	.page-template-store-finder .main-content-inner .store {
		border-bottom: none;
		margin: 0;
	}
}
.main-content-inner .error-404 h2,
.main-content-inner .error-404 h3,
.search-no-results .main-content-inner h2,
.search-results .main-content-inner h2 {
	text-align: left;
	margin: 30px 0;
}
.page-template-msds-cpsia .main-content-inner h1,
.page-template-international-distributor .main-content-inner h1 {
	font-size: 30px;
	font-weight: bold;
}
.main-content-inner .error-404 h3,
.search-results .main-content-inner h1,
.page-template-international-distributor .main-content-inner h2,
.page-template-default .main-content-inner h2 {
	color: #187db1;
	font-family: 'Bitter', serif;
	font-size: 18px;
}
.page-template-msds-cpsia .main-content-inner h1,
.page-template-international-distributor .main-content-inner h1,
.page-template-international-distributor .main-content-inner h2 {
	color: #d00d2b;
}
.search-results .main-content-inner p,
.search-no-results .main-content-inner p,
.page-template-msds-cpsia .main-content-inner a,
.page-template-international-distributor .main-content-inner p,
.page-template-international-distributor .main-content-inner h2 {
	font-size: 18px;
}
.page-template-international-distributor .main-content-inner h2,
.page-template-international-distributor .main-content-inner .distributor p {
	text-align: center;
}
.main-content-inner .error-404 hr,
.page-template-international-distributor .main-content-inner hr,
.search-results .main-content-inner hr {
	margin: 20px 0;
}
.page-template-msds-cpsia .main-content-inner a {
	display: block;
	margin-bottom: 10px;
}
.page-template-international-distributor .main-content-inner img {
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

.pager li>a,
.pager li>span {
	border-radius: 0;
}
.page-template-default .main-content-inner ul {
	padding-left: 15px;
	font-size: 18px;
}
.page-template-default .main-content-inner li {
	padding-bottom: 8px;
}
.page-template-default .wpcf7 form label {
	visibility: hidden;
}
.page-template-default .wpcf7 form label span {
	visibility: visible;
	display: block;
	margin-top: -10px;
}
.page-template-default .wpcf7 form label span.wpcf7-not-valid-tip {
	margin-top: 0;
	color: #d00d2b;
}
.page-template-default .wpcf7 form input[disabled] {
	cursor: not-allowed;
}
.page-template-default .wpcf7 form label input[disabled]::-webkit-input-placeholder {
	color: #d7d7d7;
}
.page-template-default .wpcf7 form label input::-moz-placeholder [disabled] {
	color: #d7d7d7;
}
.page-template-default .wpcf7 form label input:-ms-input-placeholder [disabled] {
	color: #d7d7d7;
}
.page-template-default .wpcf7 form label input:-moz-placeholder [disabled] {
	color: #d7d7d7;
}


.page-template-default .wpcf7 form label select,
.page-template-default .wpcf7 form label textarea,
.page-template-default .wpcf7 form label input {
	border: solid 1px #187db1;
	padding: 5px;
	color: #187db1;
	max-width: 100%;
}
.page-template-default .wpcf7 form label select {
	color: rgba(24, 125, 177, .7);
}
.page-template-default .wpcf7 form label select {
	height: 35px;
}

.page-template-default .wpcf7 form label select::-webkit-input-placeholder,
.page-template-default .wpcf7 form label textarea::-webkit-input-placeholder,
.page-template-default .wpcf7 form label input::-webkit-input-placeholder {
	color: rgba(24, 125, 177, .7);
}
.page-template-default .wpcf7 form label select::-moz-placeholder,
.page-template-default .wpcf7 form label textarea::-moz-placeholder,
.page-template-default .wpcf7 form label input::-moz-placeholder {
	color: rgba(24, 125, 177, .7);
}
.page-template-default .wpcf7 form label select:-ms-input-placeholder,
.page-template-default .wpcf7 form label textarea:-ms-input-placeholder,
.page-template-default .wpcf7 form label input:-ms-input-placeholder {
	color: rgba(24, 125, 177, .7);
}
.page-template-default .wpcf7 form label select:-moz-placeholder,
.page-template-default .wpcf7 form label textarea:-moz-placeholder,
.page-template-default .wpcf7 form label input:-moz-placeholder {
	color: rgba(24, 125, 177, .7);
}
.page-template-default .wpcf7 form input[type="submit"] {
	border: solid 1px #187db1;
	padding: 5px 15px;
	color: #187db1;
	background-color: white;
}
.page-template-default .wpcf7 form input[type="submit"]:hover {
	color: #fff;
	background-color: #187db1;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	display: inline-block !important;
	border: solid 1px #d00d2b;
	margin-left: 0;
}
.page-template-store-finder .main-content-inner h1 {
	color: #d00d2b;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
}
.page-template-store-finder .main-content-inner div {
	text-align: center;
}
.page-template-store-finder .main-content-inner .store-img-wrapper {
	height: 100px;
}
.page-template-store-finder .main-content-inner img {
	max-width: 130px;
}
.page-template-store-finder .main-content-inner hr {
	margin: 20px 0;
}
.page-template-store-finder .main-content-inner .btn {
	border: 1px solid #187db1;
	font-family: 'Bitter', serif;
	text-transform: uppercase;
	margin: 5px 0;
	border-radius: 0;
}
.page-template-store-finder .main-content-inner .btn:hover,
.page-template-store-finder .main-content-inner .btn:active,
.page-template-store-finder .main-content-inner .btn:focus {
	color: #fff;
	background-color: #187db1;
}
select:not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	padding: .5em;
	padding-right: 1.5em;
	border-radius: 0;
}
select:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0;
	vertical-align: middle;
	content: "";
	border-top: .5em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
}

.instructions-img {
	width: 200px;
	height: 150px;
	margin: auto;
}
.instructions-img img {
	margin: auto;
	display: block;
	max-height: 150px;
}
.red-circle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background-color: #d00d2b;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	font-size: 30px;
	line-height: 39px;
	padding-top: 5px;
	margin-right: 10px;
	float: left;
	font-weight: 700;
	margin-bottom: 70px;
}
.white-circle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #187db1;
	background-color: #fff;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	font-size: 35px;
	padding-top: 10px;
	font-weight: 700;
}
.instructions p {
	text-align: center;
	max-width: 80%;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

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

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.
*/
 .container {
	background-color: #fff;
	max-width: 1000px;
	padding: 0 15px;
	overflow: hidden;
 }
 .main-content .container {
	-webkit-box-shadow: 0px 5px 22px 0px rgba(158,158,158,1);
	-moz-box-shadow: 0px 5px 22px 0px rgba(158,158,158,1);
	box-shadow: 0px 5px 22px 0px rgba(158,158,158,1);
 }
 .entry-content {
	margin-bottom: 20px;
 }
@media (min-width: 768px) {
	.container {
		width: 1000px;
		overflow: visible;
	}
	.sub-menu {
		display: none;
	}
}
.sub-footer {
	background-color: transparent;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
	border-right: none;
	border-left: none;
}
.sub-footer a { color: #fff; }
.navbar-default {
	background-color: #fff;
	border-color: #fff;
}
button.navbar-toggle {
	border-color: #fff;
	margin-right: 0;
}
.navbar-toggle .icon-bar,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	color: #187db1;
}
.navbar-header {
	z-index: 2;
	position: relative;
	background-color: white;
}
.search-dropped {
	box-shadow: 0px 9px 13px 0px rgba(176,176,176,1);
}
.navbar-header i.fa-search {
	position: absolute;
	right: 60px;
	top: 15px;
	font-size: 40px;
	color: #187db1;
}
.navbar {
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.navbar-collapse {
		margin-top: 60px;
	}
	.navbar-header {
		z-index: 1000;
		background-color: transparent;
	}
	.navbar-header i.fa-search {
		display: none;
	}
}
.site-navigation .navbar-collapse li {
	display: block;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none;
	-webkit-box-shadow: 0px 9px 13px 0px rgba(176,176,176,1);
	-moz-box-shadow: 0px 9px 13px 0px rgba(176,176,176,1);
	box-shadow: 0px 9px 13px 0px rgba(176,176,176,1);
}
.navbar-default .navbar-nav>li>a {
	color: #187db1;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	margin-right: 5px;
	padding: 10px 15px;
}
.navbar-nav .open .dropdown-menu>li>a {
	font-size: 18px;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default li.current_page_parent>a,
.navbar-default li.current-menu-item>a,
.navbar-default li.current-menu-parent>a {
		background-color: #e7e7e7;
		color: #d00d2b;

}
.site-header-inner {
	padding-left: 0;
	padding-right: 0;
}
.header-search {
	width: 100%;
	background-color: white;
	z-index: 1;
	overflow: hidden;
	height: 0;
}
.header-search label {
	width: 95%;
	margin: 20px 10px;
}
.header-search button {
	position: absolute;
	top: 0;
	right: 0;
	visibility: hidden;
}
.header-search input {
	border-radius: 0;
	background-color: #DCEAF6;
	border: none;
	font-size: 18px;
	width: 90%;
	display: inline-block;
}
.header-search span.search-close {
	color: #187db1;
	font-size: 28px;
	vertical-align: middle;
	padding-left: 7px;
}
.header-search label .fa-search {
	display: none;
}
/*desktop nav*/
.menu-main-container {
	display: none;
}
@media (min-width: 768px) {
	.header-search {
		position: static;
		width: auto;
		z-index: 1;
		display: inline-block;
		vertical-align: top;
		margin-top: 60px;
		margin-left: -4px;
		height: auto;
	}
	.header-search input {
		display: block;
		width: 100%;
	}
	.header-search label {
		width: auto;
		margin-right: 0;
		margin-left: 0;
		margin-top: 0;
	}
	.header-search label .fa-search {
		display: block;
		visibility: visible;
	}
	.header-search span.search-close {
		display: none;
	}
	.site-header-inner.col-sm-12 {
		padding-right: 0;
	}
	.site-navigation .navbar-collapse li {
		display: inline-block;
	}
	.navbar-default .navbar-nav>li>a {
		border: solid 1px #187db1;
		font-size: 14px;
		margin-right: 5px;
		padding-top: 8px;
		padding-bottom: 5px;
	}
	.navbar-collapse.collapse {
		display: none !important;
		padding-right: 0;
	}
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li>a:active,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default li.current_page_parent>a,
	.navbar-default li.current_page_item>a,
	.navbar-default li.current-menu-item>a,
	.navbar-default li.current-menu-parent>a {
		background-color: #187db1;
		color: #fff;

	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	/*desktop nav*/
	.menu-main-container {
		display: inline-block;
		margin-top: 60px;
	}
	.header-search input {
		width: 197px;
		height: 36px;
	}
	.header-search ::-webkit-input-placeholder {
		color: rgba(24, 125, 177, .7);
	}
	.header-search ::-moz-placeholder {
		color: rgba(24, 125, 177, .7);
	}
	.header-search :-ms-input-placeholder {
		color: rgba(24, 125, 177, .7);
	}
	.header-search :-moz-placeholder {
		color: rgba(24, 125, 177, .7);
	}
	span.fa.fa-search {
		position: absolute;
		right: 8px;
		top: 65px;
		font-size: 20px;
		color: rgba(24, 125, 177, .7);
		visibility: visible;
	}
	p#breadcrumbs {
		margin-left: 230px;
	}
}
p#breadcrumbs {
	margin-top: 10px;
	margin-left: 15px;
	color: #187db1;
	font-size: 18px;
}
p#breadcrumbs a:hover {
	color: #d00d2b;
}
p#breadcrumbs a:visited,
p#breadcrumbs a:active,
p#breadcrumbs a {
	color: #187db1;
	text-decoration: none;
}
.main-content p#breadcrumbs {
	margin-top: 0;
	margin-left: 0;
}
@media (min-width: 768px) {
	.main-content p#breadcrumbs {
		margin-top: -28px;
		margin-left: 200px;
	}
}
/*menu icon to X shape*/
.navbar-toggle {
	border: none;
	background: transparent !important;
}
.navbar-toggle:hover {
	background: transparent !important;
}
.navbar-toggle .icon-bar {
	width: 34px;
	transition: all 0.2s;
	margin-bottom: 6px;
	height: 3px;
}
.navbar-toggle .top-bar {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
	opacity: 0;
}
.navbar-toggle .bottom-bar {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/*end menu transform*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: #187db1;
}
.navbar-toggle span.menu-txt {
	font-size: 12px;
	color: #187db1;
	display: none;
}
.navbar-toggle.collapsed span.menu-txt {
	display: inline;
}
.navbar-brand {
	float: none;
	padding: 0;
}
.navbar-brand .logo {
	max-width: 155px; /*remove once the image is recut*/
	display: inline-block;
}
@media (min-width: 768px) {
	.navbar-brand .logo {
		max-width: 255px; /*remove once the image is recut*/
		margin-left: -40px;
	}
	footer .site-footer-inner.col-sm-6:first-child {
		width: 42%;
	}
}
.menu-footer-left-container ul,
.menu-footer-right-container ul {
	padding-left: 0;
	margin-bottom: 0;
}
.menu-footer-left-container li,
.menu-footer-right-container li {
	list-style: none;
	padding-bottom: 5px;
}
/*footer*/

/*social links*/
ul.social-links {
	padding-left: 0;
	text-align: center;
}
.social-links li {
	list-style: none;
	display: inline;
	margin-left: 20px;
}
.social-links li:first-of-type {
	margin-left: 0;
}
.social-links li a {
	text-decoration: none;
}
.social-links li img {
	height: 28px;
	width: auto;
}

.phone-number {
	color: #187db1;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.phone-number,
	ul.social-links {
		text-align: right;
	}
}

/*cloud zoom styles*/
.cloud-zoom-lens {border: 2px solid #888;margin:-4px;background-color:#fff;cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:2px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
a.cloud-zoom-gallery {
	display: inline-block;
	width: 80px;
	height: auto;
}
/*reviews styles*/
.reviews-section {
	margin-bottom:  40px;
}
.ewd-urp-review-header {
	margin-left: -119px;
}
.ewd-urp-review-graphic {
	color: #d00d2b;
}
.ewd-urp-review-title {
	font-weight: 800;
	color: #187db1;
}
.ewd-urp-author {
	font-weight: normal;
}
.ewd-urp-review-graphic {
	margin-top: 0;
}
/*submit review btn*/
.ewd-urp-toggle-button {
	display: inline-block;
	padding: 15px 25px;
	border: 1px solid #187db1;
	color: #187db1;
	text-transform: uppercase;
}
.ewd-urp-review-summaries div.ewd-urp-summary-product-name {
	display: none;
}
/*card flip*/
.col-sm-6.card {
 padding-left: 0;
 padding-right: 0;
}

.card .front {
	max-height: 550px;
	max-width: 100%;
	padding: 40px;
	display: table-cell;
	vertical-align: middle;
	height: 630px;
}

@media (min-width: 768px) {
	.card .front {
		min-height: 600px;
		width: 500px;
		padding: 40px 80px;
	}
}
/*vertically center*/
.card .content {
	text-align: center;
}
.card h4 {
	color: #fff;
	font-family: 'Bitter', serif;
	font-size: 40px;
	text-transform: none;
}

.card p {
	color: #fff;
	text-align: center;
	font-size: 24px;
}

.card .dark h4,
.card .dark p {
	color: #000;
}
.card img {
	display: block;
	margin: auto;
	margin-bottom: 20px;
}
.card .btn {
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	color: #fff;
	border: solid 1px #fff;
	padding: 10px 25px 6px;
	border-radius: 0;
	margin: 0 auto;
	display: inline-block;
}
.card .btn:hover {
	background-color: #fff;
	color: #000;
}

.tab-content {
	background-color: #c4e29a;
	margin-top: 10px;
}
.tab-content .feature-txt {
	padding: 30px 45px;
}
.tab-content h2 {
	text-align: left;
	font-family: 'Bitter', serif;
	font-size: 20px;
}
.tab-content .feature-txt ul {
	padding-left: 15px;
}
.tab-content .feature-txt li {
	font-size: 18px;
}
.tab-content .btn {
	color: #000;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	border: 1px solid #000;
	border-radius: 0;
	padding: 10px 30px;
	margin-top: 40px;
}
.tab-content .btn:hover {
	color: #fff;
	background-color: #000;
}
.tab-content img {
	width: 100%;
}


/*featured footer*/
.featured-footer {
	background-color: #ddebf7;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
}
.featured-footer .col-sm-6,
.featured-footer .col-sm-4 {
	padding-left: 0;
	padding-right: 0;
}
.featured-footer .content {
	background: rgba(110,204,238,1);/* Old Browsers */
	background: -moz-linear-gradient(top, rgba(110,204,238,1) 0%, rgba(161,212,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,204,238,1)), color-stop(100%, rgba(161,212,240,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, rgba(110,204,238,1) 0%, rgba(161,212,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(110,204,238,1) 0%, rgba(161,212,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(110,204,238,1) 0%, rgba(161,212,240,1) 100%); /* IE 10+ */
	background: linear-gradient(to bottom, rgba(110,204,238,1) 0%, rgba(161,212,240,1) 100%);/* W3C */
	margin: 20px;
	min-height: 200px;
	text-align: center;
}
.featured-footer h4 {
	color: #fff;
	margin-bottom: 0;
	padding-top: 10px;
	text-transform: none;
}
.featured-footer img {
	display: block;
	text-align: center;
	max-width: 50%;
	margin: auto;
}
.featured-footer a.btn-red {
	color: #fff;
	background-color: #d00d2b;
	border-radius: 0;
	padding: 6px 12px;
}
@media (max-width: 767px) {
	.featured-footer a.btn-red {
		margin-top: 32px;
	}
	.site-footer-inner li {
		padding-bottom: 10px;
		line-height: 16px;
	}

}
.site-footer .container:nth-child(2) {
	padding: 10px;
}
.site-footer .current-menu-item a {
	color: #d00d2b;
}

.page-template .entry-content {
	margin-top: 10px;
}
@media (min-width: 768px) {
	.site-footer .container:nth-child(2) {
		padding: 30px;
	}
	.page-template .entry-content {
		margin-top: 40px;
	}
	.page-template-about-damprid-what-is .odd,
	.page-template-about-damprid-what-is .even,
	.page-template-about-damprid-how-works .odd,
	.page-template-about-damprid-how-works .even {
		margin-left: 0;
	}
}
.page-template-faq .the-content {
	padding-right: 25px;
}
.page-template-faq h2 {
	color: #187db1;
	text-align: left;
	font-size: 18px;
	font-family: 'Bitter', serif;
	margin-bottom: 20px;
}
.page-template-about-damprid-what-is .feature-txt{
	padding: 35px 35px 0;
}
.page-template-about-damprid-how-works .feature-txt2 {
	padding: 0 35px 35px;
}
.page-template-about-damprid-how-works .feature-txt {
	padding: 35px;
}


.page-template-about-damprid-what-is .feature-img,
.page-template-about-damprid-how-works .feature-img {
	padding: 0;
}
.location-product {
	max-width: 125px;
	margin: auto;
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
}
@media (max-width: 767px) {
	.page-template-about-damprid-which .feature-img {
		margin-left: 15px;
		margin-right: 15px;
	}
}
.page-template-about-damprid-which .feature-img {
	height: 480px;
	background-size: cover;
}
@media (min-width: 768px) {
	.page-template-about-damprid-how-works .feature-txt2 {
		padding: 35px 35px 35px 0;
	}
	.page-template-about-damprid-which .feature-img {
		height: 590px;
	}
}

.page-template-about-damprid-what-is .feature-img:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 40%;
  top: 0;
}
.page-template-about-damprid-what-is .even .feature-img:after {
	background: -webkit-linear-gradient(top, #bbdefb, transparent);
	background: linear-gradient(top, #bbdefb, transparent);
}
.page-template-about-damprid-what-is .odd .feature-img:after {
  background: -webkit-linear-gradient(top, #a3d39c, transparent);
  background: linear-gradient(top, #a3d39c, transparent);
}
@media (min-width: 768px) {
	.page-template-about-damprid-what-is .even .feature-img:after {
		background: -webkit-linear-gradient(right, #bbdefb, transparent);
		background: linear-gradient(right, #bbdefb, transparent);
		right: 0;
	}
	.page-template-about-damprid-what-is .odd .feature-img:after {
	  background: -webkit-linear-gradient(left, #a3d39c, transparent);
	  background: linear-gradient(left, #a3d39c, transparent);
	}
	.page-template-about-damprid-what-is .feature-img:after {
	  width: 40%;
	  height: 100%;
	  bottom: 0;
	}
}
.page-template-about-damprid-what-is .even,
.page-template-about-damprid-how-works .even {
	background-color: #bbdefb;
	margin-top: 4px;
	margin-bottom: 4px;
}
.page-template-about-damprid-what-is .odd,
.page-template-about-damprid-how-works .odd {
	background-color: #a3d39c;
}
.page-template-about-damprid-what-is h2,
.page-template-about-damprid-what-is p {
	font-size: 18px;
}
.page-template-about-damprid-how-works h2,
.page-template-about-damprid-how-works p {
	font-size: 21px;
}
.page-template-about-damprid-what-is h2,
.page-template-about-damprid-how-works .feature-txt h2 {
	text-align: left;
	font-family: 'Bitter', serif;
}
.page-template-about-damprid-how-works h2 {
	margin: 20px 0;
	text-align: left;
}
.page-template-about-damprid-how-works .feature-txt h2 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 10px;
}
/*Side nav*/
.desktop-menu ul {
	display: none;
}
@media (min-width: 768px) {
	.desktop-menu {
	}
	.desktop-menu h4 {
		text-align: left;
		padding-left: 30px;
		font-size: 24px;
	}
	.desktop-menu hr {
		margin: 20px 0;
	}
	.desktop-menu ul {
		display: block;
		padding-left: 30px;
	}
	.desktop-menu li {
		list-style: none;
		font-size: 16px;
		padding-bottom: 4px;
	}
	.desktop-menu li::after {
		content: ' >';
		color: #187db1;
	}
	.desktop-menu li:hover::after,
	.desktop-menu li.current-menu-item a,
	.desktop-menu li.current-menu-item::after {
		color: #d00d2b;
	}
}
.the-content h1 {
	color: #d00d2b;
	font-size: 29px;
	font-weight: bold;
}
.the-content p {
	font-size: 18px;
}
.the-content ul {
	padding-left: 15px;
}
@media (min-width: 768px) {
	.the-content.video {
		padding: 0 15px 0 80px;
	}
}
.the-content.video img {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	opacity: .7;
}
.the-content.video img.active {
	opacity: 1;
}
.the-content.video h2 {
	font-size: 18px;
}
.the-content.video svg {
	position: absolute;
	max-width: 25%;
	top: 0;
	right: 35%;
	height: 100%;
}
.embed-container {
	margin-bottom: 40px;
}
/*end Side nav*/
/*how-to videos*/
/*http://embedresponsively.com/*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*

 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		/*width: 25px;*/

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
		border: none;
		padding: 0;
	}

	/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
	.featherlight .featherlight-close-icon::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}

	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}
.featherlight-iframe .featherlight-content {
	overflow: visible;
	background-color: #000;
}
.featherlight .featherlight-close-icon {
	top: -40px;
	color: #187db1;
	font-size: 60px;
	background: none;
}
.featherlight .featherlight-inner {
	width: 855px;
	height: 480px;
}



/*slider custom css*/
.zoom-section {
	width: 300px;
}
.zoom-desc {
	text-align: center;
}
.zoom-section ul {
	list-style: none outside none;
	padding-left: 0;
	margin-bottom:0;
}
.zoom-section li {
	display: block;
	float: left;
	margin-right: 6px;
	cursor:pointer;
}
.lSGallery img {
	opacity: .5;
}
.lSGallery .active img {
	opacity: 1;
}
.cloud-zoom-big {
	z-index: 9999
}

.product-categories-wrapper {
	min-width: 100%;
	display: flex;
	position: relative
}
li.product.swiper-slide {
	display: inline-block;
}
.product-categories-wrapper .arrow {
	display: none;
	position: absolute;
	top: 40%;
	height: 35px;
	width: 25px;
	z-index: 1;
	cursor: pointer
}
.product-categories-wrapper .arrow:after {
	content: '';
	border-right: 2px solid #005072;
	border-bottom: 2px solid #005072;
	height: 15px;
	width: 15px;
	display: block;
	position: relative;
	top: 9px
}
.product-categories-wrapper .arrow.left {
	left: 0;
}
.product-categories-wrapper .arrow.left:after {
	transform: rotate(135deg);
	left: 7px
}
.product-categories-wrapper .arrow.right {
	right: 0;
}
.product-categories-wrapper .arrow.right:after {
	transform: rotate(-45deg)
}
.product-categories-wrapper.scroll .arrow {
	display: hidden;
}
.product-categories-container {
	display: flex;
	margin: 0 auto;
	padding: 5px 0;
	overflow-y: hidden;
	border-bottom: 1px solid #187db1;
}
.product-categories-wrapper.scroll .product-categories-container {
	overflow: scroll;
}
.products-list.swiper-wrapper {
	padding-left: 0;
}
@media (min-width: 768px) {
	.product-categories-wrapper.scroll .arrow {
		display: block;
		background-color: rgba(255,255,255,.7);
	}
	.products-list.swiper-wrapper {
		padding-left: 20px;
	}
	.product-categories-wrapper.scroll .product-categories-container {
		overflow: hidden;
	}
	.page-template-about-damprid-which .product-categories-container {
		margin-right: -15px;
	}
	.page-template-about-damprid-which .product-categories-wrapper .arrow.right {
		right: -15px;
	}
}
.home .product-categories-container {
	border-bottom: none;
}
.product-categories-container .swiper-container {
	width: 1400px;
}
.product-categories-container .swiper-slide {
	width: auto;
	display: block;
	padding: 0 5px;
}
.product-categories-container .swiper-slide.active {
	opacity: 1;
}
.product-categories-container .swiper-slide a .image-container {
	text-align: center;
	height: 85px;
	width: 100px;
	margin: 0 auto;
	display:inline-block;
}
.product-categories-container .swiper-slide a .image-container img {
	max-height: 100%;
	max-width: 85%;
	opacity: .7
}
.product-categories-container .swiper-slide.active a .image-container img{
	opacity: 1;
}
.product-categories-container .swiper-slide a h3 {
	padding: 0;
	font-size: 1rem;
	max-width: 100px;
	margin: 0 auto;
	text-align: center;
	color: #187db1;
	font-family: 'Bitter', serif;
	text-decoration: none;
	text-transform: uppercase;
	margin: 10px 0;
}
.product-categories-container .swiper-slide a:focus,
.product-categories-container .swiper-slide a:active {
	text-decoration: none;
}
.product-categories-container .swiper-slide span {
	position: relative;
	padding: .5rem .8rem
}
.product-categories-container .swiper-slide:hover {
	opacity: 1;
	margin-top: -10px
}
.product-categories-container .swiper-slide:hover h3 {
	color: #d00d2b;
}
.product-categories-container .swiper-slide:hover .image-container img {
	max-width: 100%!important;
	max-height: none;
	opacity: 1;
}
.product-categories-container .swiper-slide.active {
	margin-top: -10px
}
.product-categories-container .swiper-slide.active h3 {
	color: #d00d2b;
}
.product-categories-container .swiper-slide.active .image-container img {
	max-width: 100%!important;
	max-height: none
}
.product-categories-container .product-category {
	width: auto;
	margin: 0;
	display: block;
	flex-shrink: 0;
	border: none;
	padding: 0
}
/*end product/locaiton scroller*/

.form-control:focus {
	border-color: transparent;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.back-to-top {
	display: none;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 35px;
}
@media (min-width: 1200px) {
	a.back-to-top {
		right: 16%;
	}
}
@media (min-width: 1580px) {
	a.back-to-top {
		right: 25%;
	}
}