/*
 Theme Name:   Your Web Layout Child
 Theme URI:    http://inmotionwebdesigns.com
 Description:  Your Web Layout Child Theme
 Author:       Design Services
 Author URI:   http://yourweblayout.com
 Template:     yourweblayout
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yourweblayout-child

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
1.0 Bootstrap
	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: 576px) {

}

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

figcaption {
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 5px;
}

/* 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: #fff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #242b48;
	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 */
}

/* put code in here to specify colors for Dark Mode on mobile devices */
@media (prefers-color-scheme: dark) {
	
}

/*--------------------------------------------------------------
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
--------------------------------------------------------------*/
body {
	color: #333;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	min-width: 300px;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

h1,
.h1,
h2,
h3,
h4 {
	color: #242b48;
}

h1,
.h1,
h2, 
h3 {
	font-family: 'Alegreya', serif;
}

h1 {
	margin-bottom: 20px;
}

h1,
h2.post-title {
	font-size: 30px;
	line-height: 39px;
}

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

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: #242b48;	
}

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

.btn-primary,
.btn-primary:visited {
	background: #fff;
	border: 0;
	border-radius: 0;
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #242b48;*/
	color: #242b48;
	display: inline-block;
	font-family: 'Alegreya Sans', sans-serif;
	margin: 20px 0;
	padding: 8px 35px;
	text-decoration: uppercase;
	transition: all .5s;
}

.btn-primary:hover,
.btn-primary:focus {
	background: linear-gradient(to right, rgba(0,5,17,1) 0%,rgba(7,36,81,1) 100%);
	border: 0;
	color: #fff;
	text-decoration: none;
}

.btn-secondary,
.btn-secondary:visited {
	background: linear-gradient(to right, rgba(0,5,17,1) 0%,rgba(7,36,81,1) 100%);
	border: 0;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-family: 'Alegreya Sans', sans-serif;
	margin: 20px 0;
	padding: 8px 35px;
	text-decoration: uppercase;
	transition: all .5s;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: #fff;
	border: 0;
	color: #242b48;
	text-decoration: none;
}

ul {
	padding-left: 20px;
}

/* xs */
@media (min-width: 576px) {
	body { 
		overflow-x: inherit;
	}
}

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

}

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

}

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

}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body,
.site-content {
	background: #fff;
}

.pre-header {
	background: linear-gradient(to right, rgba(7,36,81,1) 0%,rgba(0,5,17,1) 100%);
	padding: 5px 0 5px;
}

.cart-contents,
.header-orders,
#login-section {
	color: #fff;
	display: inline-block;
	margin-bottom: 5px;
}

.cart-contents a,
.header-orders a,
#login-section a {
	color: #fff;
}

.header-orders a {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.site-header {
	background: #fff;
	position: relative;
	z-index: 2;
}

#site-navigation,
.navbar-default {
	background: #fff;
}

.site-content > .container {
	background: #fff;
}

.site-footer,
.products-section {
	background: linear-gradient(to right, rgba(7,36,81,1) 0%,rgba(0,5,17,1) 100%);
}

.products-section {
	margin: 70px 0 0;
	padding: 75px 0 70px;
}

.attribution {
	background: #000;
	padding: 10px 0;
}

/* sm */
@media (min-width: 768px) {
	/*.cart-contents,
	.header-orders,*/
	#login-section {
		float: right;
		margin-bottom: 0;
	}
}


/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo,
.header-scroll-logo {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}

#black-studio-tinymce-9,
#aws_widget-7 {
	float: left;
}

#black-studio-tinymce-9 {
	margin-right: 10px;
}

#search-section {
	float: left;
	margin-top: 20px;
}

#search-section .widget-title {
	display: none;
	margin-top: 0;
}

.header-text-logo h2 {
	font-size: 48px;
	fontweight: 700;
}

.aws-container .aws-search-form {
	/*position: relative;
	width: 60%;*/
	float: right !important;
	/*display: flex !important;
	align-items: stretch;*/
	height: 33px;
}

.aws-container .aws-search-form .aws-wrapper {
	/*flex-grow: 1;
	position: relative;
	vertical-align: top;
	padding: 0;
	width: 60%;*/
}

.aws-container .aws-search-field {
	/*width: 60%;*/
	max-width: 100%;
	/*color: #313131;
	padding: 6px;
	line-height: 30px;
	display: block;
	font-size: 12px;
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
	height: 100%;
	margin: 0 !important;
	border: 1px solid #d8d8d8;
	outline: 0;*/
}

/* only used for shrinking logo on fixed header scroll
#logo {
	width: 100%;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;

}*/

.pre-header {

}

.preheader-right {

}

/* xs */
@media (min-width: 576px) {

}

/* sm */
@media (min-width: 768px) {
	/*makes logo shrink on scroll along with the custom.js file - needs to be width of actual logo 
	#logo img {
		width: 311px;
		max-width: 311px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}

	#logo img.shrink {
		width: 155px;  
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}*/
	

	.header-text-logo h2 {
		font-size: 31px;
	}
}

/* md */
@media (min-width: 992px) {
	#logo,
	.header-scroll-logo {
		text-align: left;
	}
	
	#logo {
		margin-bottom: -20px;
	}
	
	.header-text-logo h2 {
		font-size: 41px;
	}
	
}

/* lg */
@media (min-width: 1200px) {
	
	.header-text-logo h2 {
		font-size: 48px;
	}
}

/*------------------------------------------------------------
Scroll Header
-------------------------------------------------------------*/
.scroll-header {
	background: #fff;
}

/* Hides Hamburger menu on scroll on phone view */
.scroll-header #site-navigation-scroll {
	background: transparent;
	display: none;
}

/*.scroll-header .container {
	display: none;
}*/

/* keeps styling on top button after it's clicked on */
.scroll-header {
	top: 0;
	color: #242b48;
	display: none;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1;
}

/* Need to uncomment this if you want the header to sick on phone size without admin bar covering it up - should hide hamburger menu on scroll as well*/
/*.admin-bar .scroll-header {
	top: 46px;
}*/


/* sm */
@media (min-width: 768px) {
	.admin-bar .scroll-header {
		top: 32px;
	}

	/*.scroll-header .container {
		display: block;
	}*/
	
	/* need this to display the menu on scroll if hid it on phone view above */
	.scroll-header #site-navigation-scroll {
		display: block;
	}

}

/* md */
@media (min-width: 992px) {
	.admin-bar .scroll-header {
		top: 32px;
	}
}


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

.navbar-default .navbar-nav {
	margin: 0;
	padding-left: 0;
}

.navbar-default .navbar-nav > li {
	margin: 7px 0; 
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0 3px;
	text-transform: uppercase;
}

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

.navbar-default .navbar-nav > .active > a {
	background-color: transparent;
	color: #4a4a4a;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #242b48;
}

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

/* Secondary nav 
#secondary-nav .nav > li > a,
#secondary-nav .nav > li > a:hover,
#secondary-nav .nav > li > a:focus,
#secondary-nav .nav > li.active > a,
#secondary-nav .nav > li.active > a:hover,
#secondary-nav .nav > li.active > a:focus {
	background: transparent;
}

#secondary-nav .nav > li > a {
	color: #242b48;
}

#secondary-nav .nav > li > a:hover,
#secondary-nav .nav > li > a:focus,
#secondary-nav .nav > li.active > a,
#secondary-nav .nav > li.active > a:hover,
#secondary-nav .nav > li.active > a:focus {
	color: #242b48;
	text-decoration: underline;
}

.nav-pills > li {
	float: none;
}*/

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li {
		margin: 0;
		padding: 10px 20px 8px;
	}
	
	.nav-pills > li {
		/*float: left;*/
	}
	

	.navbar-default #primary-navbar-scroll {
		margin-top: 30px;
	}

	
	/* next 2 rules center main navigation 
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		margin-bottom: -6px;
	}
	
	.navbar .navbar-collapse {
		text-align: center;
	}*/
}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li {
		padding: 10px 16px 8px;
	}
	
	/*makes header menu float right */
	.navbar-default .navbar-nav {
		float: right;
	}
	
	.navbar-default .navbar-nav > li:last-child a {
		padding-right: 0;
	}
	
	/*makes footer menu float right
	#secondary-nav .nav-pills {
		float: right;
	}*/	
}

/* use below to change the navbar collapse breakpoint for sites with a lot of items in the navigation
@media (max-width: 992px) {
	.navbar-header {
		float: none;
	}
	
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	
	.navbar-toggle {
		display: block;
	}
	
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	
	.navbar-fixed-top {
		border-width: 0 0 1px;
		top: 0;
	}
	
	.navbar-collapse.collapse {
		display: none!important;
	}
	
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	
	.navbar-nav > li {
		float: none;
	}
	
	.navbar-nav > li > a {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.collapse.in{
		display: block !important;
		overflow-y: auto !important;
	}
	
	.dropdown-menu {
		box-shadow: none;
		border: none;
		float: none;
		position: relative;
	}
}*/

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

}

/* ------------------------------------------------------------------------------
Animates the underline of the main navigation items 
--------------------------------------------------------------------------------*/
.navbar-default .navbar-nav > li > a,
.scroll-header .navbar-default .navbar-nav > li > a {
	position: relative;
	text-decoration: none;
}

.navbar-default .navbar-nav > li > a:hover,
.scroll-header .navbar-default .navbar-nav > li > a:hover {
	color: #4a4a4a;
}

.navbar-default .navbar-nav > li > a:before,
.scroll-header .navbar-default .navbar-nav > li > a:before {
	background-color: #4a4a4a;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > li > a:hover:before,
.scroll-header .navbar-default .navbar-nav > li > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

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

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	/*max-height: 600px;*/
	max-height: 240px;
	transition: all .9s;
}

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

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: transparent;
	border: 0;
	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: transparent;
	opacity: 0.6;
}

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

/* ------------------------------------------------------
                          Drop down menu
-------------------------------------------------------- */
.dropdown-menu {
	background-color: rgba(241, 241, 241, 0.9);
	/*border: 0;
	border-radius: 0;
	box-shadow: 0;*/
	min-width: 160px;
	padding: 5px 20px;
	/*position: absolute;
	top: 100%;
	z-index: 1000;*/
}

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

/* Below 3 rules needed to prevent the weird on-click styling of the pages in the dropdown menu */
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    /*clear: both;*/
    color: #242b48;
    /*display: inline-block;*/
    line-height: 1.25;
    padding: 3px;
    /*white-space: nowrap;*/
}

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


.navbar-default .navbar-nav .dropdown-menu li a, 
.navbar-default .navbar-nav .dropdown-menu li:hover a {
	color: #242b48;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.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: #242b48;
	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: #242b48;
}

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

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

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

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

/* ------------------------------------------------------------------------------
Animates the underline of links in the page content
--------------------------------------------------------------------------------*/
.entry-content a {
	color: #242b48;/* need for animated underline */
	font-weight: 500;
	position: relative;/* need for animated underline */
}

.entry-content a:hover {
	color: #242b48;
	text-decoration: none;/* need for animated underline */
}

.entry-content a:before {
	background-color: #242b48;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	visibility: visible;
	width: 100%;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.entry-content a:hover:before {
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}


/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.home .entry-title  {
	display: none;
}

.entry-title {

}

.home .entry-content {

}

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

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

.entry-footer {

}

/* 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 {
	text-align: center;
}

.attribution {
	bottom: 0;
	margin-top: 0;
	position: relative;
	width: 100%;
}

.attribution p,
.attribution a {
	color: #fff;
	font-size: 12px;
}

.attribution p {
	margin-bottom: 0;
}

.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4,
.footer-col-1 a,
.footer-col-2 a,
.footer-col-3 a,
.footer-col-4 a{
	color: #fff;
	font-size: 20px;
}

.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4 {
	margin-top: 20px;
}

.footer-col-1 h2,
.footer-col-2 h2,
.footer-col-3 h2,
.footer-col-4 h2 {
	color: #fff;
	font-size: 22px;
}

.footer-col-1 h2,
.footer-col-2 h2,
.footer-col-3 h2 {
	margin-top: 30px;
}

.footer-col-4 h2 {
	margin-top: 15px;
}

.footer-col-3 .address,
.footer-col-3 .phone,
.footer-col-3 .email {
	margin-bottom: 15px;
}


/*.fa-youtube,
.fa-facebook-square {
	color: #fff;
	font-size: 20px;
}

.fa-youtube {
	margin-right: 35px;
}*/

#footer-navigation {
	display: none;
}

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

}

/* 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 320px; /* = .site-footer height */
	}
	
	.site-footer {
		bottom: 0;
		height: 320px; /* = 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%;
	}
	
	.attribution {
		position: absolute;
	}
}

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

/*--------------------------------------------------------------
3.8 Metaslider & Leaderboard
--------------------------------------------------------------*/
.leaderboard-image {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

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

.metaslider {
	margin-bottom: 10px;
}

/*.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.0);
	display: none !important;
	left: 0;
	opacity: 1.0;
	padding: 5px 10px;
	position: absolute;
	text-align: left;
	top: 50px;
	width: 100%;
}

.metaslider .theme-default .nivoSlider > .nivo-caption h2 {
	color: #fff;
	font-family: 'Alegreya', serif;
	font-size: 40px;
	line-height: 50px;
	text-shadow: 1px 1px 1px #444;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div {
	/*display: block !important;
	margin: 20px 0;*/
}

.nivo-caption > div > a {
	display: inline-block !important;
}

.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary,
.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary:visited {
	background: #fff;
	border: 0;
	border-radius: 0;
	color: #242b48;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	margin: 20px 0;
	padding: 8px 35px;
	transition: all .5s;
}

.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary:hover,
.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary:focus {
	background: linear-gradient(to right, rgba(0,5,17,1) 0%,rgba(7,36,81,1) 100%);
	border: 0;
	color: #fff;
	text-decoration: none;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary,
.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary {
	background: #fff;
	border: 0;
	border-radius: 0;
	color: #242b48;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	margin: 20px 0;
	padding: 8px 35px;
	transition: all .5s;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary {
	margin-top: 0;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary a {
	color: #242b48;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary:hover,
.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary:focus {
	background: linear-gradient(to right, rgba(0,5,17,1) 0%,rgba(7,36,81,1) 100%);
	border: 0;
	color: #fff;
	text-decoration: none;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary:hover a,
.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary:focus a {
	color: #fff;
}

.metaslider .theme-default .nivoSlider > .nivo-caption div.btn-primary a {
	border-bottom: 0 dotted #fff;
	text-decoration: underline;
}

/* sm */
@media (min-width: 768px) {
	.metaslider .theme-default .nivoSlider > .nivo-caption {
		left: 50px;
	}

	.metaslider .theme-default .nivoSlider > .nivo-caption h2 {
		font-size: 60px;
		line-height: 70px;
	}

	.leaderboard-image {
		/*margin-bottom: -125px;
		top: -125px;*/
	}
	
	.metaslider {
		/*margin-bottom: 10px;
		margin-bottom: -125px;
		top: -125px;*/
	}
	
	
	/*.metaslider .caption-wrap {
		background: rgba(116, 20, 48, 0.75);
		bottom: 0;
		color: #fff;
		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 .theme-default .nivoSlider > .nivo-caption {
		left: 100px;
	}
	
	.metaslider .theme-default .nivoSlider > .nivo-caption h2 {
		font-size: 72px;
		line-height: 80px;
	}

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

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

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.edit-link {
	display: none;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-60 {
	margin-bottom: 60px;
}

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

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

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%;
}*/

/* Back to top button - next 3 rules*/
.svg-inline--fa.fa-w-10 {
	width: 100%;
}

/* keeps styling on top button after it's clicked on */
.topbutton,
.topbutton:visited,
.topbutton:active, 
.topbutton:focus {
    background: #242b48;
	border: 1px solid #242b48;
	border-radius: 0;
    bottom: 90px;
	color: #fff;
    display: none;
	font-size: 33px;
	height: 40px;
    position: fixed;
    right: 5px;
	transition: all .9s;
    width: 40px;
    z-index: 1;
}

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

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

.img-cont {
	overflow: hidden;
}

/*.offers-section h2 {
	font-size: 26px;
	line-height: 34px;
}*/

.products-section h2 {
	background: #dadadb;
	margin: 0 0 25px 0;
	padding: 8px 0;
	transition: all .9s;
}

.products-section h2:hover a {
	color: #fff;
	text-decoration: none;
}


.products-section img {
	width: 100%;
}

.products-section h2:hover {
	background: linear-gradient(to right, rgba(0,5,17,1) 0%,rgba(7,36,81,1) 100%);
	color: #fff;
	text-decoration: none;
}

.special-section {
	background: url("images/SpecialProductsBG.jpg") no-repeat center center / cover;
}

.special-section,
.special-section h2 {
	color: #fff;
}


.special-section .truck img {
	border: 2px solid #000;
	margin-bottom: 50px;
	margin-top: 20px;
	position: relative;
}

/* https://css-tricks.com/snippets/css/monotone-image-css/ 
.filtered {
   background: #242b48;
}

.filtered img {
  mix-blend-mode: screen;
  -webkit-filter: grayscale(100%) contrast(200%);
  filter: grayscale(100%) contrast(200%);
  opacity: 1;
}

.filtered,
.not-filtered {
  float: left;
  max-width: 50%;
  border: 10px solid white;
}

img {
  display: block;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}
*/



/* Turns color photos to black and white and back on hover 
img.desaturate { 	
	filter: grayscale(100%); 
}

img:hover.desaturate { 	
	filter: grayscale(30%); 
}*/

/*  tininted images on hover 
.tint {
	border-radius: 50%;
	cursor: pointer;
	display: block;
	position: relative;
}

.tint:before {
	background: rgba(0, 0, 0, 0.5);
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all .3s linear;
	z-index: 2;
}

.tint:hover:before {
	background: none; 
}*/

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

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

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


/*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 #242b48;
	box-shadow: 3px 1px 5px #aeaeae;
	border-left: 5px solid #242b48;
}

blockquote footer {
	color: #242b48;
	font-style: italic;
} */


/* sm */
@media (min-width: 768px) {
	.special-section .truck img {
		margin-left: 30px;
		margin-top: -20px;
	}
	
	.offers-section h2 {
		font-size: 22px;
		line-height: 32px;
	}
}

/* md */
@media (min-width: 992px) {
	.special-section {
		padding-right: 50px;
		padding-top: 70px;
	}
	
	.special-section .truck img {
		margin-top: -110px;
	}
	
	.offers-section h2 {
		font-size: 26px;
		line-height: 34px;
	}
}

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

/*--------------------------------------------------------------
 Borders
--------------------------------------------------------------*/

/* code to center heading and wrap with double or triple stacked lines 
h2 {
	color: #242b48;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.line {
	overflow: hidden;
	text-align: center;
}

.line:before {
	margin-left: -50%;
	right: 0.5em;
}

.line:after {
	margin-right: -50%;
	left: 0.5em;
}

.single-line:before,
.single-line:after {
	background-color: #242b48;
	content: "";
	display: inline-block;
	height: 4px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.double-line:before,
.double-line:after {
	border-top: 4px solid #242b48;
	border-bottom: 4px solid #242b48;
	content: "";
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.triple-line:before,
.triple-line:after {
	background-color: #242b48;
	border-top: 4px solid #19b9db;
	border-bottom: 4px solid #117f96;
	content: "";
	display: inline-block;
	height: 4px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}*/

/*--------------------------------------------------------------
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: #242b48;
	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;
}

/* Style for "Magnifying Glass" button */ 
.search-form input[type="submit"] {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	color: #242b48;
	-webkit-appearance: button;
	cursor: pointer;
	margin: 10px 0 20px;
	padding: 5px 10px;
}
 
.search-form input:hover[type="submit"] {
	opacity: 7.0;
	text-decoration: none;
}  

input[type="search"] {
	border: 1px solid #5c428b;
	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;
} 

/* Style for "Post Comment" button */
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background: #242b48;
	border: 1px solid #242b48;
	border-radius: 3px;
	color: #fff;
	-webkit-appearance: button;
	cursor: pointer;
	margin: 10px 0 20px;
	padding: 5px 10px;
}

button:hover, 
html input:hover[type="button"], 
input:hover[type="reset"], 
input:hover[type="submit"] {
	opacity: 7.0;
	text-decoration: underline;
}  

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

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

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


/*------------------------------------------------------------------
 Content Views
-------------------------------------------------------------------
.pt-cv-content-item {
	background: #fff;
	box-shadow: 1px 3px 5px #c6c6c6;
	padding: 0;
}

.pt-cv-view .pt-cv-ifield {
	margin-left: -15px;
	margin-right: -15px;
}

.pt-cv-thumbnail {
	margin-bottom: 0 !important;
}

.pt-cv-thumbnail.pull-left {
	margin-right: 30px !important;
}

h4.pt-cv-title a {
	color: #242b48;
	display: inline-block;
	font-size: 22px;
	margin-top: 30px;
}

.pt-cv-content {
	font-size: 16px;
	padding-right: 30px;
}

.pt-cv-wrapper .btn-success {
	color: #fff;
	background-color: #242b48;
	border-color: #242b48;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 600;
	padding: 0;
	text-transform: uppercase;
}

.pt-cv-wrapper .btn-success:hover,
.pt-cv-wrapper .btn-success:focus {
	color: #fff;
	background-color: #242b48;
	border-color: #242b48;
}

.pt-cv-wrapper .btn-success:after {
	content: " >>";
}

.pt-cv-meta-fields {
	color: #000;
	font-size: 16px;
	font-weight: 600;
}

.pt-cv-meta-fields a {
	color: #242b48;
} */

/* Calendar widget in sidebar 
#calendar_wrap {
	background: #e8e8e8;
	padding: 10px;
}

#wp-calendar {
	background: #fff;
	border: 1px solid #999;
	width: 100%;
}

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

#wp-calendar td {
	border-top: 1px solid #999;
}

#wp-calendar td {
	border-right: 1px solid #999;
}

#wp-calendar td:last-child {
	border-right: 0;
}

#wp-calendar td#prev,
#wp-calendar td#next,
#wp-calendar td.pad {
	border-right: 0;
}*/

/*-------------------------------------------------------
Ninja Form 3.0.5
--------------------------------------------------------*/
.nf-form-title {
	display: none;
}

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

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

.nf-field-container.label-above {
	margin-bottom: 10px;
}

.nf-field-container.label-above .nf-field-label {
	margin-bottom: 3px;
}

.nf-form-content .field-wrap input[type="submit"], 
.nf-form-content .field-wrap input[type="button"], 
.nf-form-content .field-wrap button {
	background: #242b48;
	border: 3px solid #242b48;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
	padding: 8px 35px;
	transition: all .5s;
}

.nf-form-content .field-wrap:hover input[type="submit"], 
.nf-form-content .field-wrap:hover input[type="button"], 
.nf-form-content .field-wrap:hover button {
	background: #fff;
	border: 3px solid #fff;
	color: #242b48;
	text-decoration: none;
}

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

/*--------------------------------------------------------------
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-section {
	background: url(images/email-signup-bg-img.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 30px;
	padding: 20px 10px;
}


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

.mailchimp-section h2 {
	color: #fff;
	display: inline;
	font-size: 33px;
	font-weight: 500;
	line-height: 43px;
	margin-bottom: 10px;
	margin-top: 0;
	text-shadow: 1px 1px 4px #000;
}

.mc-field-group,
#mc_embed_signup input#mc-embedded-subscribe {
	display: inline;
}

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

#mc_embed_signup input#mc-embedded-subscribe {
	background: #242b48;
	border: 3px solid #242b48;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
	padding: 8px 35px;
	transition: all .5s;
}

#mc_embed_signup input#mc-embedded-subscribe:hover {
	background: #fff;
	border: 3px solid #fff;
	color: #242b48;
	text-decoration: none;
}
*/

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

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

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

/*--------------------------------------------------------------
Tooltip hover can add anything inside the tooltip on the page

<div class="tooltip">text (or image) here to hover over
     <span class="tooltiptext">put tooltip content here</span>
</div>
--------------------------------------------------------------*/
/* Tooltip container - surrounds text or image you want hover to affect */
.tooltip {
	cursor: default;
	display: inline-block;
	opacity: 1;
	position: relative;
}

/* Tooltip text - apply this class to a span tag and this will display on hover */
.tooltip .tooltiptext {
	background-color: #242b48;
	border-radius: 0;
	color: #fff;
	padding: 10px;
	position: absolute;/* Position the tooltip text - see examples below! */
	text-align: left;
	visibility: hidden;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip .tooltiptext {
	bottom: 100%;
	left: 50%;
	margin-left: -125px; /* Use half of the width (120/2 = 60), to center the tooltip */
	width: 250px;
}

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

}



/*--------------------------------------------------------------
Animations
--------------------------------------------------------------*/
/* hides animations until scroll */	
.bt_hidden { 
	opacity: 0;
}

.bt_visible { 
	opacity: 1;
}

.fadeInRight,
.fadeInLeft,
.fadeInDown,
.fadeInUp,
.fadeIn {
	animation-duration: 2s;
}

.fadein-right-1.fadeInRight,
.fadein-left-1.fadeInLeft {
	animation-duration: 2s;	
}

.fadein-right-2.fadeInRight,
.fadein-left-2.fadeInLeft {
	animation-duration: 3s;	
}

.fadein-right-3.fadeInRight,
.fadein-left-3.fadeInLeft {
	animation-duration: 4s;	
}

.slideInRight,
.slideInLeft {
	animation-duration: 2s;
}

.slideInDown,
.slideInUp {
	animation-duration: 3s;
}


/*@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}


@keyframes zoomIn {
  from {
    opacity: 1;
    transform: scale3d(1.0, 1.0, 1.0);
  }

  50% {
    opacity: 1;
    transform: scale3d(1.3, 1.3, 1.3);
  }
	
  100% {
    transform: scale3d(1.0, 1.0, 1.0);
  }
}

.zoomIn {
	animation-delay: 3s;
	animation-duration: 6s;
	animation-name: zoomIn;
}*/

@keyframes zoomIn-logo {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn-logo {
	animation-duration: 2s;
	animation-name: zoomIn-logo;
}

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

/*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: #d9d9d9 !important;
	margin: 20px 0;
	max-width: 250px;
}

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

.wc_ps_sidebar_container .wc_ps_nav_submit:hover {
	background-color: #999 !important;
}

.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: #efefef !important;
}

.wc_ps_sidebar_container .wc_ps_nav_submit .wc_ps_nav_submit_icon {
	color: #fff;
}
/* end of Predictive Search Lite */

/* 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: #242b48; /* W3C */
	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: #242b48;
	color: #fff;
	opacity: 0.8;
}

/*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: #242b48;
	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: #d9d9d9;
	color: #fff;
}

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

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

.woocommerce .woocommerce-message::before {
	color: #d9d9d9;
	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%;
	}
}

/*Product Page */
/* Single Product Page tile of product */
h1.product_title.entry-title {
	font-size: 28px;
	line-height: 36px;
}

.woocommerce ul.products li.product {
	text-align: center;
}

/* line-height of product name for related products */
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	line-height: 24px;
}

.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}

.woocommerce-product-details__short-description p {
	margin-bottom: 0;
}

.summary.entry-summary a {
	color: #ff0000;
}

.summary.entry-summary .product_meta a {
	color: #428bca;
}

/* related products section */
.woocommerce ul.products.columns-3 li.product, 
.woocommerce-page ul.products.columns-3 li.product {
	text-align: center;
	width: 26.75%;
}

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

.product_meta {
	/*display: none;*/
}

.product_meta > span.posted_in {
	display: block;
}

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

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

.woocommerce ul.products li.product h3 {
 	color: #242b48;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
}

.woocommerce ul.products li.product .price {
	color: #242b48;
	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 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%;
}

/*.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 div.product form.cart .variations td.label {
	color: #000;
	font-size: 1em;
	line-height: 1.4em;
	padding-right: 1em;
}

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


/* WooCOmmerce Checkout Page State drop down menu background color*/

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

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

/*WooCommerce checkout page State dropdown background highlight color */
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #fff;
	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 li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce-page[class*="columns-"] ul.products li.product, 
	.woocommerce[class*="columns-"] ul.products li.product {
		width: 41.75%;
	}
}

/* md */
@media (min-width: 992px) {
	/*.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 29.05%;
	}*/
	
	.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 {
		width: 20%;
	}
}

/* lg */
@media (min-width: 1200px) {
	
	.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 {
		width: 21%;
	}
}