﻿/*
Theme Name: Your Web Layout
Theme URI: http: //yourweblayout.com/
Author: Design Services
Author URI: http: //yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto: updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

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.

Your Web Layout is based on Underscores http: //underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
1.0 Bootstraprevie
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	
	3.3 Header
	3.4 Navigation
	3.5 Contentog
	3.6 Sidebar
	3.7 Footer
	3.8 Custom
	3.9 WooCommerce
	3.9.5 Blog

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http: //getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970 !important;
}

@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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 */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/
/* this removes the anchor tags around images and text when printing a webpage */
@media print {
	a[href]:after {
		content: "";
	}
}

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
/*background stretcher*/
/*html {
	background: url(images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

body {
	color: #fff;
	font-family: "Open Sans", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h4 {
	color: #fff;
}

h3 {
	color: #b2ccff;
}

h1, 
h2, 
h3 {
	font-family: "Open Sans", sans-serif;
}

h1 {
	font-size: 30px;
	line-height: 39px;
}

h2 {
	font-size: 26px;
	line-height: 34px;
	text-transform: uppercase;
}

h3 {
	font-size: 22px;
	line-height: 30px;
}

h4 {
	font-size: 20px;
	line-height: 26px;
}

p {
	margin-bottom: 20px;
}

a,
a:hover, 
a:visited,
a:focus {
	color: #b2ccff;	
}

/*this hides the dotted border that appears on menu items when active */
a:focus {
	outline: none;
}

/*a.button,
.btn-primary {
	background: #b2ccff;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #b2ccff;
	color: #fff;
	display: inline-block;
	margin: 10px 0;
	padding: 8px 25px;
}*/

a.button,
.btn-primary,
.theme-default .nivoSlider a.btn-primary {
	background: #ca3e02;
	border: 1px solid #ca3e02;
	border-radius: 5px;
	/*box-shadow: 1px 1px 2px #999;*/
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #ca3e02;
	color: #fff;
	display: inline-block;
	margin: 25px 0;
	padding: 8px 25px;
}
/*cool buttons

background-color: #bb77ae;
border-color: #a36597;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #a36597;*/

a.button:hover,
.btn-primary:hover,
.btn-primary:visited,
.btn-primary:focus,
.theme-default .nivoSlider a.btn-primary:hover {
	background: #ca3e02;
	border: 1px solid #ca3e02;
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.btn-secondary {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 0;
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #450c15;*/
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 8px 25px;
}


.btn-secondary:hover,
.btn-secondary:visited,
.btn-secondary:focus {
	background: #ca3e02;
	border: 1px solid #ca3e02;
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

/* this makes a double border with rounded corners on a button
a.button {
	background: #ebc86a;
	border: 2px solid #193450;
	border-radius: 10px;
	color: #193450;
	font-weight: 600;
	padding: 3px 10px;
	position: relative;
	z-index: 1;
}

a.button:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #fff;
	border-radius: 8px;
} */
ul {
	padding-left: 20px;
}

/*This is used for sticky header along with .navbar-fixed-top in header file adjust height as needed
.site-content {
	padding-top: 238px;
}*/
	
/* sm */
@media (min-width: 768px) {
	/*This is used for sticky header along with .navbar-fixed-top in header file adjust height as needed
	.site-content {
		padding-top: 145px;
	}*/
}

/* md */
@media (min-width: 992px) {
	/*This is used for sticky header along with .navbar-fixed-top in header file adjust height as needed
	.site-content {
		padding-top: 149px;
	}*/
}

/* lg */
@media (min-width: 1200px) {
	/*This is used for sticky header along with .navbar-fixed-top in header file adjust height as needed
	.site-content	{
		padding-top: 148px;
	}*/
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: url(images/bg-body.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.site-content {
	background: transparent;
}

.site-header {
	background-color: #000;
	border-bottom: 4px solid #b2ccff;
	position: relative;
	z-index: 9999;
}

#site-navigation {
	background: transparent;	
}

.site-content > .container {

}

.pre-header,
.home .site-main,
.site-footer {
	background: #363032;
}

.site-footer {
	border-top: 5px solid #b2ccff;
	padding-top: 20px;
}

.attribution {
	background: #121011;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	/*.site-header {
		background-color: rgba(0, 0, 0, 0.6);
	}*/
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo,
#search-section,
.header-social,
.shopping-cart {
	text-align: center;
}

#logo {
	margin-bottom: 15px;
	margin-top: 15px;
}

#search-section {
	margin-bottom: 15px;
	margin-top: 15px;
}

.fa-search {
	color: #fff;
}

.fa-search:hover {
	color: #b2ccff;
}

.header-social,
.shopping-cart {
	margin-bottom: 10px;
	margin-top: 10px;
}

.header-social a,
.shopping-cart a {
	color: #fff;
}

.header-social .fa-facebook-square,
.shopping-cart .fa-shopping-cart {
	color: #b2ccff;
}

.header-social .fa-facebook-square,
.footer-social .fa-facebook-square {
	margin-left: 8px;
}

.shopping-cart .fa-shopping-cart {
	margin-right: 8px;
}

/*WooCommerce Predictive Search Lite */
.wc_ps_sidebar_container {
	border-radius: 0 !important;
}

.wc_ps_sidebar_container.wc_ps_container,
.wc_ps_sidebar_container.wc_ps_container_active {
	border-color: #363032 !important;
}

.wc_ps_sidebar_container .wc_ps_nav_submit {
	background-color: #363032 /*#b2ccff */!important;
	border-left: 0 solid #b2ccff !important;
	border-right: 0 none;
	color: #fff;
}

.wc_ps_sidebar_container .wc_ps_nav_field .wc_ps_search_keyword {
	color: #fff !important;
	padding: 6px 10px !important;
}

.wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_left, .wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_right, .wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_fill, .wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_scope, .wc_ps_container.wc_ps_sidebar_container .wc_ps_category_selector, .wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_submit, .wc_ps_container.wc_ps_sidebar_container .wc_ps_nav_field, .wc_ps_container.wc_ps_sidebar_container .wc_ps_search_keyword {
	height: 40px !important;
}

.wc_ps_sidebar_container .wc_ps_nav_field {
	background-color: #000 !important;
}

.wc_ps_sidebar_container .wc_ps_nav_submit .wc_ps_nav_submit_icon {
	color: #fff;
}


/* sm */
@media (min-width: 768px) {
	#logo,
	.header-social {
		text-align: left;
	}
	
	#search-section {
		margin-top: 35px;
	}
	
	#search-section,
	.shopping-cart {
		text-align: right;
	}
}

/* md */
@media (min-width: 992px) {
	#search-section {
		margin-top: 45px;
	}
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
	border-radius: 0;
	min-height: 30px;
}

.navbar-default {
	margin-bottom: 0;
}

/* before flexbox nav */
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	padding: 10px 15px 15px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background: transparent;
	color: #b2ccff;
}

.navbar-nav .sub-arrow, 
.navbar-nav .collapsible .sub-arrow {
	margin-left: 5px;
}

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus {
		background: url(images/up-nav-arrow.png) no-repeat center bottom;
	}
	
	.navbar-default .navbar-nav > li > a {
		margin-bottom: 1px; /*places nav orange arrow in proper position */
		padding: 10px 35px 20px;
	}
	
	.nav-pills > li {
		/*float: left;*/
	}
	
	/* next 2 rules center main navigation */
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
	}
	
	.navbar .navbar-collapse {
		text-align: center;
	}
}

/* md */
@media (min-width: 992px) {
	#site-navigation {
		margin-top: 30px;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 10px 16px;
	}
}

/* lg */
@media (min-width: 1200px) {
	#site-navigation {
		margin-top: 35px;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 10px 22px 50px;
	}
}

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	max-height: 800px;
}

/* removes grey top border on mobile devices */
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border: 0 none;
}

/*styles for "Main Menu" text*/
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #b2ccff;
}

.navbar-default .navbar-brand:hover {
	text-decoration: underline;
}

.navbar-default .navbar-brand:focus {
	text-decoration: none;
}

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: #363032;
	border: 1px solid #b2ccff;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #b2ccff;
	border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #b2ccff;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

.navbar-default .navbar-toggle:hover .icon-bar, 
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

/* ------------------------------------------------------
                          Drop down menu
-------------------------------------------------------- */
/*.dropdown-menu:before {
	background: url(images/up-nav-arrow.png) no-repeat center top;
}*/

.nav > li {
	margin-bottom: -13px;/*places nav orange arrow and dropdown box in proper position */
}


.fa-crosshairs {
	color: #b2ccff;
	margin-right: 8px;
}

ul#menu-main-menu {
	margin-bottom: 20px;
}

.dropdown-menu {
	background: rgba(0, 0, 0, 1.0);
	border: 4px solid #b2ccff;
	border-top: 0;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	display: none;
	font-size: 16px;
	left: 0;
	list-style: none;
	margin: 10px 0 0;
	min-width: 300px;
	padding: 5px 10px 5px 10px;
}

/*.dropdown-menu .dropdown-menu {
	min-width: 300px;
	
}*/

.dropdown-menu > li,
.dropdown-menu > li:focus {
	padding: 5px 3px;
	text-align: left;
}

.dropdown-menu > li > a {
    clear: both;
    color: #fff;
    display: inline-block;
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.25;
    padding: 3px 10px;
    text-transform: uppercase;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: transparent;
	color: #fff;
    font-weight: 600;
	text-decoration: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: transparent;
	color: #b2ccff;
	outline: 0;
	text-decoration: none;
}

.dropdown-menu .dropdown-menu {
	border: 4px solid #b2ccff;
	border-left: 0;
}

/* Need below three rules to make dropdown styles work on mobile devices 
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	clear: both;
	color: #fff;
	display: block;
	font-weight: 600;
	line-height: 1.25em;
	padding: 3px;
	text-transform: uppercase;
}*/

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: transparent;
	color: #b2ccff;
	text-decoration: none;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: transparent;
	color: #b2ccff;
	outline: 0;
	text-decoration: none;
}

/*This allows you to set the background color for the active sub-menu item when you mouse off it to click on it's sub-menu item*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: transparent;
	border-color: #b2ccff;
}

.site-header .caret {
	display: none;
}

/* sm */
@media (min-width: 768px) {
	ul#menu-main-menu {
		margin-bottom: 0;
	}
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.entry-header {

}

.home .entry-title {
	display: none;
}

.home .site-main {
	background: #1b1819;
	font-size: 23px;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	padding: 40px 0;
}

.home .site-main h2,
.category-section h2,
.product-section h2,
.product-reviews h2,
.home .site-main p {
	margin-bottom: 30px;
}

.entry-title {

}

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

.entry-content li {
	margin-bottom: 5px;
}

.entry-footer {

}

#right-sidebar {
	margin-top: 25px;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/
.widget-area {

}

.widget-title {

}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution,
.footer-social,
.footer-badge,
.footer-patents,
.footer-newsletter,
.footer-contact,
.footer-menu {
	text-align: center;
}

.attribution,
.footer-social,
.footer-patents,
.footer-contact {
	margin-top: 10px;
}

.footer-badge,
.footer-menu {
	margin-top: 30px;
}

.footer-menu h2 {
	color: #b2ccff;
	font-size: 20px;
	line-height: 22px;
	text-transform: none;
}

.footer-menu li,
.footer-social .fa-facebook-square {
	color: #b2ccff;
}

.footer-menu li a {
	color: #fff;
}

.footer-contact .btn-primary {
	margin: 15px 0;
}

.footer-social a {
	color: #fff;
}

.footer-newsletter h2 {
	border-bottom: 2px solid #b2ccff;
	font-size: 22px;
	margin-bottom: 5px;
	margin-top: 0;
	padding-bottom: 5px;
	text-transform: none;
}

.attribution {
	padding: 5px 0;
}

.attribution p,
.attribution a {
	color: #544a4d;
	font-size: 13px;
}

.attribution p {
	color: #544a4d;
	margin-bottom: 0;
}

#footer-navigation {
	display: none;
}

/* sm */
@media (min-width: 768px) {
	.footer-social,
	.footer-contact,
	.footer-menu {
		text-align: left;
	}
	
	.footer-badge,
	.footer-patents {
		text-align: right;
	}


}

/* md */
@media (min-width: 992px) {
	
	/* Sticky footer - @link http: //mystrd.at/modern-clean-css-sticky-footer/ */
	html {
		min-height: 100%;
		position: relative;
	}
	
	body {
		margin: 0 0 352px; /* = .site-footer height */
	}
	
	.site-footer {
		bottom: 0;
		height: 352px; /* = body margin-bottom */
		left: 0;
		position: absolute; /* replace with position: fixed; to keep footer fixed to bottom of browser - see footer file too! */
		width: 100%;
	}
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.leaderboard-image {
	position: relative;
	z-index: 1;
}

.leaderboard-image img {
	margin-bottom: 20px;
	width: 100%;
}

.edit-link {
	display: none;
}

iframe {
	border: 0;
}

/*responsive iframe next 2 rules */
.iframe-container {
    margin-bottom: 20px;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.accent {
	color: #b2ccff;
}

.mt-30 {
	margin-top: 30px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-90 {
	margin-top: 90px;
}

.category-section,
.product-section,
.product-reviews {
	padding: 40px 0;
}

.category-section h3 {
	/*background: linear-gradient(to bottom, #bf3b02 0%,#812801 56%,#812801 100%);*/
	background: linear-gradient(to bottom, #b2ccff 0%,#87b1ff 100%);
	border: 2px solid #fff;
	box-shadow: 2px 2px 2px #999;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 25px 10px;
	text-align: center;
	text-transform: uppercase;
}

.category-section h3:hover {
	background: linear-gradient(to bottom, #87b1ff 0%,#b2ccff 100%);
	/*background: linear-gradient(to bottom, #812801 0%,#812801 44%,#bf3b02 100%);*/
}

.category-section .circle {
	/*background: linear-gradient(to bottom, #bf3b02 0%,#812801 56%,#812801 100%);
	background: linear-gradient(to bottom, #b2ccff 0%,#87b1ff 100%);
	border: 2px solid #fff;
	border-radius: 50px;
	box-shadow: 2px 2px 2px #999;*/
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	/*margin: 10px 34% 40px;
	max-width: 88px;*/
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
}

.product-section h3 {
	border-bottom: 1px solid #fff;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.product-section {
	display: none;
	font-size: 21px;
	line-height: 32px;
}

/* Back to top button - next 3 rules*/
.topbutton {
    background: #b2ccff;
	border: 1px solid #b2ccff;
	border-radius: 5px;
    bottom: 10px;
	color: #fff;
    display: none;
	font-size: 33px;
	height: 40px;
    position: fixed;
    right: 5px;
    width: 40px;
    z-index: 1;
}

.topbutton:hover {
    background: #fff;
	border: 1px solid #fff;
	color: #b2ccff;
}

.fa-angle-up {
	padding: 0 8px;
}

.metaslider,
.leaderboard-image {
	margin-bottom: 0;
}


/* list items with bullets different color from list item 
.color-bull ul {
	color: #1a1a1a;
	padding-left: 0;
}

.color-bull ul li:hover {
	color: #4770d8;
	cursor: pointer;
	text-decoration: underline;
}

.color-bull ul li {
	list-style-type: none;
	margin-bottom: 8px;
}
	
.color-bull ul li:before {
	content: '';
    background-color: #4770d8;
    display: inline-block;
    position: relative;
    height: 7px;
    width: 7px;
    border-radius: 6px;
    background-clip: padding-box;
    margin-right: 4px;
    top: 0;
}
 
.color-bull ul li:hover::before {
    background-color: #f0c65e;
}*/

.site-content .metaslider .caption {
	display: none;
}


/* Hides Nivo Slider caption on cell phones 
.metaslider .theme-default .nivoSlider > .nivo-caption {
	background-color: rgba(255, 255, 255, 0.60);
	bottom: 50px;
	display: none !important;
	left: 0;
	opacity: 1.0;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	width: 100%;
}*/

/* How to overwrite Nivo Slider if inside container and not full width
.container .metaslider .theme-default .nivoSlider {
	box-shadow: 0px 0px 5px #666;
	margin-bottom: 30px;
	margin-top: 20px;
}*/

/*this adds plus or minus sign to the left of collapsibles 
.panel-title a.collapsed::before {
    content: "+";
}

.panel-title a::before {
    content: "-";
    display: inline-block;
    padding-right: 10px;
    text-decoration: none;
    width: 25px;
}*/

/* this styles blockquotes for testimonials - next two rules 
blockquote {
	border-bottom: 1px solid #b2ccff;
	box-shadow: 3px 1px 5px #aeaeae;
	border-left: 5px solid #b2ccff;
}

blockquote footer {
	color: #b2ccff;
	font-style: italic;
}
*/
/* sm */


@media (min-width: 768px) {
	
	/*this makes column content flow from one to the next */
	#col-two-span {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-width: 400px;
     	-moz-column-width: 400px;
        column-width: 400px;
	}
	
	/*.metaslider .caption-wrap {
		background: rgba(116, 20, 48, 0.75);
		bottom: 0;
		color: white;
		display: block;
		font-size: 24px;
		left: 0;
		line-height: 1.4em;
		margin: 0;
		opacity: 0.7;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
	}
	
	.site-content .metaslider .caption {
		background: rgba(116, 20, 48, 0.75);
		display:block;
		padding: 15px 10px;
	}*/
	
	/* Display Nivo Slider caption on sm/md/lg devices 
	.metaslider .theme-default .nivoSlider > .nivo-caption {
		display: block !important;
	}*/
}

/* md */
@media (min-width: 992px) {
	/*.metaslider,
	.leaderboard-image {
		margin-bottom: -105px;
		top: -105px;
	}*/

	/*.metaslider .caption-wrap {
		font-size: 24px;
		line-height: 1.4em;
	}*/
}

/* lg */
@media (min-width: 1200px) {
	/*.metaslider,
	.leaderboard-image {
		margin-bottom: -120px;
		top: -120px;
	}*/
}

/*--------------------------------------------------------------
3.9 WooCommerce
--------------------------------------------------------------*/

/* WooCommerce button example */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
	background: linear-gradient(to bottom, #c9653a 0%,#c9653a 100%);
	color: #fff;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover {
	background: linear-gradient(to bottom, #c9653a 0%,#c9653a 100%);
	color: #fff;
}

/*Proceed to Checkout button */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: #c9653a;
	color: #fff;
}

/* Disabled Add to Cart Button */
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt[disabled]:disabled, 
.woocommerce #respond input#submit.alt[disabled]:disabled:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt[disabled]:disabled, 
.woocommerce a.button.alt[disabled]:disabled:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt[disabled]:disabled, 
.woocommerce button.button.alt[disabled]:disabled:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt[disabled]:disabled, 
.woocommerce input.button.alt[disabled]:disabled:hover {
 	background-color: #c9653a;
	color: #fff;
}

/*WooComerce Messages and Alerts */
.woocommerce .woocommerce-info::before {
	color: #b2ccff;
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
	border-top-color: #b2ccff;
}

.woocommerce .woocommerce-message::before {
	color: #b2ccff;
	content: "";
}

/*Category Page */
.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}

.woocommerce a.added_to_cart {
	  padding-left: 10px;
}

/*Bottom align add to cart buttons - next 5 rules including the 491 media query */
ul.products {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
	justify-content: flex-start;
}

ul.products li.product {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.products li.product .button,
ul.products li.product .gridlist-buttonwrap/*add this line if customer is using WooCommerce Grid / List toggle plugin*/ {
    align-self: flex-end;
}

/*fixes it in safari*/
ul.products:before {
	content: none;
	display: unset;
}

/* xs */
@media (min-width: 491px) {
	ul.products li.product {
    	width: 48%;
	}
}

/* Category Page */
.woocommerce ul.products li.product a img {
	width: unset;
}

.woocommerce ul.products li.product a img.wp-post-image {
	/*max-width: 100%; 
	margin: 10px !important;*/
}

.woocommerce ul.products[class*="columns-"] li.product, 
.woocommerce-page ul.products[class*="columns-"] li.product {
	width: 100% !important;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce-page[class*="columns-"] ul.products li.product, 
.woocommerce[class*="columns-"] ul.products li.product {
	  clear: both;
	  float: left;
	  margin: 0 20px 2.992em;
	  width: 48%;
}

p.sku {
	width: 100%;
	text-align: center;
}
/*Product Page */
.product_meta {
	display: none;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	margin-top: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	margin-right: 10px;
	margin-top: 10px;
}

.woocommerce ul.products {
	margin-top: 50px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
 	color: #b2ccff;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin: 0;
	padding: .5em 0;
	text-align: center;
}

.woocommerce ul.products li.product .price {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
}

.woocommerce ul.products li.product .button {
	margin-bottom: 20px;
	margin-top: 5px;
}

.woocommerce-Tabs-panel {
    background-color: #000000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #515151;
}

.related.products {
	border-top: 1px solid #999;
	clear: both;
	padding-top: 60px;
}

.woocommerce form .form-row .input-text, 
.woocommerce-page form .form-row input.input-text {
	/*background: #363032;
	border: 1px solid #363032;*/
	color: #000;
	padding: 8px;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
	/*background: #363032;
	border: 1px solid #363032;
	color: #fff;*/
}
/*.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	margin-bottom: 5px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
}*/

.woocommerce div.product {
	margin-bottom: 0;
	margin-top: 30px;
	position: relative;
}

.woocommerce form .form-row {
	/*color: #000;*/
}

.woocommerce-input-wrapper {
	color: #fff;
}
/*
.woocommerce form .form-row .woocommerce-input-wrapper .description{
	background:#990000 !important;
	color: #000 !important;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description:before{left:50%;top:0;margin-top:-4px;-webkit-transform:translatex(-50%) rotate(180deg);-ms-transform:translatex(-50%) rotate(180deg);transform:translatex(-50%) rotate(180deg);content:"";position:absolute;border-width:4px 6px 0 6px;border-style:solid;border-color:#1e85be transparent transparent transparent;z-index:100;display:block};*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
	width: 130px;
}

.select2-results__option[aria-selected], 
.select2-results__option[data-selected] {
	background-color: #dedede;
	color: #000;
}

.select2-container--default .select2-results__option[aria-selected="true"], 
.select2-container--default .select2-results__option[data-selected="true"] {
	background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #fff;
	color: #000;
}

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
	background: transparent;
	border-radius: 5px;
}

.woocommerce div.product form.cart .variations td.label {
	color: #fff;
	font-size: 1em;
	line-height: 1.4em;
	padding-right: 1em;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #fff;
	font-size: 1.25em;
}

.woocommerce div.product p.stock {
	display: none;
}

/* Coming Soon text on product pages */
.coming-soon .coming-soon-text h2 {
	margin: 0px;
	color: #b2ccff;
}

.coming-soon-date .clock .column .timer {
	border-color: #b2ccff;
}

.coming-soon-date .clock .column .text {
	color: #fff;
}

.stock_alert_button {
	background: linear-gradient(to bottom, #c9653a 0%,#c9653a 100%);
	border: 1px solid #c9653a;
	border-radius: 5px;
	color: #fff;
	font-weight: 600;
	padding: 8px 25px;
}

.stock_alert_button:hover {
	opacity: 0.7;
}

input, button, select, textarea {  
	color: #000;
}

/*this hides the sidebar on the product page 
.single-product .site-main .product-sidebar {
	width: 0;
}

.single-product .site-main .product-expand {
	width: 100%;
}
*/

/*this hides weight on Additional Information tab on product page 
.woocommerce table.shop_attributes tr: first-child td, .woocommerce table.shop_attributes tr: first-child th {
	display: none;
}
*/

/* sm */
@media (min-width: 768px) {
	/*.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 40.5%;
	}*/
	
	/*.woocommerce ul.products.columns-3 li.product, 
	.woocommerce-page ul.products.columns-3 li.product {
		width: 27.75%;
	}*/
	
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product {
		width: 35% !important;
	}
		
}

/* md */
@media (min-width: 992px) {
	/*.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 29.05%;
	}*/
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.9.5 Blog
--------------------------------------------------------------*/
.entry-meta {
	margin-bottom: 20px;
}

.updated {
	display: none;
}

.attachment-post-thumbnail {
	border: 0 solid #000;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	max-width: 265px;
}

.blog article,
.archive article,
.search article {
	clear: both;
	content: "";
	display: table;
}

a.moretag {
	display: block;
	margin-top: 20px;
	text-decoration: underline;
}

.entry-footer {
	font-size: 13px;
	font-style: italic;
}

.nav-links {
	display: block;
}

.nav-next,
.nav-previous {
	background: #b2ccff;
	border-radius: 3px;
	margin: 10px 0 20px;
	padding: 5px 10px;
}

.nav-next {
	float: right;
}

.nav-previous {
	float: left;
}

.nav-next a,
.nav-previous a {
	color: #fff;
}

.search-form {
	margin-bottom: 20px;
	margin-top: 20px;
}

/* Alternate search bar for blog(need both rules below) */
.search-form input.search-submit {
	background-color: transparent;
	border: 0 solid #b2ccff;
	border-radius: 0;
	color: #b2ccff;
	font-family: FontAwesome;
	font-size: 16px;
	line-height: 25px;
	padding: 2px 10px 4px 10px;
}

input[type="search"] {
	border: 1px solid #b2ccff;
	font-size: 16px;
	line-height: 29px;
	padding: 1px 0 1px 5px;
}

/* This places the "Leave a Reply" & "Comments" headings go below next/prev post instead of next to it */
#reply-title,
#comments {
	clear: both;
}

/* This places the label for the reply field of the comment box above the box instead of next to it */
.comment-form-comment label {
	display: block;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*-------------------------------------------------------
Ninja Form 3.0.5
--------------------------------------------------------*/
#nf-form-title-4,
#nf-form-4-cont .nf-form-fields-required,
#nf-form-4-cont .nf-field-label {
	display: none;
}

.pum-theme-224 #popmake-233 .pum-title,
.pum-theme-224 #popmake-233 .pum-content {
	text-align: center !important;
}

/*.pum-theme-224 #popmake-233 .pum-title {
	color: #000000;
	text-align: center !important;
	text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 );
	font-family: inherit;
	font-size: 32px;
	line-height: 36px;
}*/

/* Popup Maker add background image */
.pum-theme-224 .pum-container, .pum-theme-lightbox .pum-container {
	background-color: transparent !important;
	background: url(images/bg-popup.jpg) no-repeat center center / cover;
	border: 8px solid #000;
	border-radius: 3px;
	box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 );
	padding: 18px;
	text-align: center !important;
}

.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap > div input, .field-wrap select, .field-wrap textarea {
	width: 100%;
	background: #fff;
}

.nf-form-fields-required {
	/*display:none;*/
	margin-bottom: 15px;
}

.nf-field-element input, 
.nf-field-element select, 
.nf-field-element textarea {
	/*background: #363032;*/
	border: 1px solid #363032;
	padding: 5px;
}

.field-wrap .nf-field-label label,
.list-radio-wrap .nf-field-element li label, 
.list-checkbox-wrap .nf-field-element li label {
	font-weight: 300;
}

.field-wrap input[type="submit"], 
.field-wrap input[type="button"], 
.field-wrap button {
	background: #ca3e02;
	border: 0;
	border-radius: 3px;
	color: #fff;
	padding: 3px 15px;
}

.field-wrap:hover input[type="submit"], 
.field-wrap:hover input[type="button"], 
.field-wrap:hover button {
	background: #ca3e02;
	color: #000;
}

.textarea-wrap textarea {
	max-height: 130px;
}

/* makes the forma have two columns
nf-field {
	display: inline;
	float: left;
	margin-left: 2%;
	width: 48%;
}*/

/*--------------------------------------------------------------
TablePress
---------------------------------------------------------------
.entry-content .tablepress {
	border: 1px solid #ddd;
	margin-bottom: 50px;
}

.entry-content .tablepress thead th {
	color: #fff;
	font-weight: 300;
}

.entry-content .tablepress thead th:nth-child(1) {
	background-color: #341534;
}

.entry-content .tablepress thead th:nth-child(2) {
	background-color: #512851;
}

.entry-content .tablepress thead th:nth-child(3) {
	background-color: #683d68;
}

.entry-content .tablepress thead th:nth-child(4) {
	background-color: #835683;
}

.entry-content .tablepress thead th:nth-child(5) {
	background-color: #9c6f9c;
}

.entry-content .tablepress thead th:nth-child(6) {
	background-color: #b38ab3;
}

.entry-content .tablepress tbody td, 
.entry-content .tablepress tfoot th {
	border-top: 0px solid #ddd;
	font-size: 14px;
}

.entry-content .tablepress tbody td + td {
	border-left: 1px solid #ddd;
}

.entry-content .tablepress caption {
	display: none;
}*/

/*--------------------------------------------------------------
MailChimp
---------------------------------------------------------------*/

/* MailChimp */
.mailchimp-section {
	margin-bottom: 30px;
	padding: 20px 10px;
}

#mc_embed_signup {
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}

.mailchimp-section h2 {

}

.mc-field-group,
#mc_embed_signup input#mc-embedded-subscribe {
	/*display: inline;*/
	margin-bottom: 8px;
}

#mc_embed_signup input#mce-EMAIL,
#mc_embed_signup input#mce-FNAME {
	border: 0;
	color: #777;
	font-size: 15px;
	margin-right: 10px;
	max-width: 200px;
	padding-left: 10px;
}

#mc_embed_signup input#mc-embedded-subscribe {
	/*background: transparent;
	border: 2px solid #fff;
	border-radius: 0;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #b2ccff;
	color: #fff;
	display: inline;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	padding: 5px 20px;*/
	
	background: #ca3e02;
	border: 1px solid #ca3e02;
	border-radius: 5px;
	/*box-shadow: 1px 1px 2px #999;*/
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #ca3e02;
	color: #fff;
	display: inline-block;
	margin: 25px 0;
	padding: 8px 25px;
}

#mc_embed_signup input#mc-embedded-subscribe:hover {
	/*background: #fff;
	color: #b2ccff;
	text-decoration: none;*/
	
	background: #ca3e02;
	border: 1px solid #ca3e02;
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
4.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 xs
--------------------------------------------------------------*/
/* Extra Small - phones */

/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/
@media (min-width: 768px) {

}

/*--------------------------------------------------------------
4.3 md
--------------------------------------------------------------*/
@media (min-width: 992px) {
	
}

/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {

/* this makes the header fixed on desktop only add to 992 or 1200 media query
.site-header {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1030;
}
.site-content {
	padding-top: 184px;
}
*/

/* this makes the home sections link to services page without going underneath the fixed header on desktop only 
h2:before {	
	content: "";
	display: block;	
	height: 184px; 
	margin-top: -184px;
	visibility: hidden; 
}*/

}
