/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.3
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

.offer {
	margin-bottom: 1.5em;
	padding: .5em 1.41575em;
	background-color: #3d6b4f;
	border-color: #3d6b4f;
}

.offer:hover {
	background-color: #245236;
	border-color: #245236;
}

form.cart {
	margin-bottom:0 !important;
}

.back-to-shop {
	list-style: none;
	margin-bottom: 1em;
}

.back-to-shop a {
	text-decoration: none !important;
}

.back-to-shop a:hover {
	text-decoration: underline !important;
}

.wcssc-form-row button[type="submit"] {
	background: #ff4500;
	color: #FFF;
}

.top-bar {
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	font-family: "Signika", sans-serif;
	background-color: #12375C;
	padding: .625em .625em .125em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Signika", sans-serif;
	font-weight: 600;
	color: #3d6b4f;
}

body, button, input, textarea {
	font-family: "Signika", sans-serif;
}

.certified {
	display: inline-block;
	vertical-align: middle;
}

.certified-text {
	text-align: right;
}

.sky-dot {
	height: 1em;
	width: 1em;
	border-radius: 50%;
	margin: 0 .3125em;
	vertical-align: -.1875em;
	display: inline-block;
}

.sky-dot.cyan {
	background-color: cyan;
}

.sky-dot.lightcyan {
	background-color: lightcyan;
}

.sky-dot.magenta {
	background-color: magenta;
}

.sky-dot.lightmagenta {
	background-color: #ff80ff;
}

.sky-dot.yellow {
	background-color: yellow;
}

.sky-dot.black {
	background-color: black;
}

#menu-secondary-menu {
	font-size: inherit;
}

.secondary-navigation {
	margin: 0 0 1.2em;
}

.widget-area {
	font-size: 1.125em;
}

.price {
	font-size: initial;
}

@media screen and (min-width: 1120px) {
	.site-flag {
		position: absolute;
		margin-left: 310px;
		margin-top: -16px;
	}
}

@media screen and (max-width: 1120px) {
	.site-flag {
		display: none;
	}
}

.woocommerce-loop-category__title, .count {
	font-size: 1.125em !important;
	font-weight: 600 !important;
	color: #3d6b4f;
}

.site-footer {
	font-size: 1.125em;
	font-weight: 600;
	color: #3d6b4f;
}

.site-footer a:not(.button):not(.components-button) {
	font-size: 1.125em;
	font-weight: 600;
	color: #3d6b4f;
	text-decoration: none;
}

.pwb-single-product-brands {
	padding-top: .5em
}

.pwb-single-product-brands > a > img {
	display: initial;
}

.pwb-clearfix:after {
	content: "";
	display: table;
	clear: both
}
/*
.woocommerce-checkout input[readonly="readonly"]{
	opacity: .8;
}

#shipping_id_field {
	margin: 0;
	height: 0;
	visibility: hidden;
}
*/
.stock.available-on-backorder {
	color: #eaa600!important;
}

.stock.available-on-backorder::before {
	content: "\f118";
}

.slick-track {
	margin-top: 1.25em;
}

.ever-slider-image-wrapper {
	background-size: auto!important;
}

.ever-slider .owl-nav button.owl-prev, .ever-slider .owl-nav button.owl-next {
	background: lightgray!important;
}

.sfb-footer-bar .widget h2 {
	text-align: center;
}

.sfb-footer-bar {
	padding-top: 0!important;
}

@media (min-width: 768px) {
	.content-area, .widget-area {
		margin-bottom: 0;
	}
}

.front__slider {
	margin-bottom: 5em;
}

.site-main {
	padding-top: 0 !important;
}

.site-footer {
	margin-top: 1.875em;
	padding-top: 0;
	padding-bottom: 0;
}

.site-info {
	padding-top: 1.875em;
}

.footer-widgets {
	padding-top: 3.125em;
}

.widget {
	margin-bottom: 1.875em;
}

a:focus, .focus a {
	outline: none !important;
}

.hentry .wp-post-image {
	margin-left: unset;
}

.fullslider {
	margin-bottom: 3.125em;
}

.storefront-product-section {
	margin-bottom: 0;
}

.woocommerce-message, .woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-store-notice {
	background-color: #ff4500;
}
/*
.holiday {
	background-color: orangered;
	color: white;
	font-size: medium;
	padding: .5em;
}
*/
.col {
	float: left;
	width: 50%;
	display: table;
}

.col-1 {
	padding-right: 3.125em;
}

@media screen and (max-width: 768px) {
	.col {
	width: 100%;
	}
	.col-1 {
		padding-right: 0;
	}
	.col input[type="text"], .col input[type="email"], .col input[type="tel"], .col input[type="file"] {
		width: 100%;
	}
	.fullslider {
		padding-top: 1.618em;
	}
}

.col-full {
	max-width: inherit;
}

.empty-cart {
	margin-right: .25em;
	text-align: center;
}

@media screen and (max-width: 424px) {
	.empty-cart {
		display: inline-block;
		margin: .25em 0;
	}
}

@media screen and (max-width: 400px) {
	.top-bar {
		font-size: 1.125em;
	}
}

@media screen and (min-width: 768px) {
	.site-branding {
		margin-top: 10px;
		margin-bottom: 0;
	}
	.site-branding img {
		width: 303.62px !important;
		max-width: none !important;
	}
}

.site-header {
	padding-top: 1.618em;
	padding-bottom: 0;
	height: initial;
}

.storefront-breadcrumb {
	margin: 0;
}

.handheld-navigation ul {
	margin: 1em 0 0;
}

ul.products li.product {
	width: 46.411765%;
	float: left;
	margin-right: 5.8823529412%;
}

ul.products li.product:nth-of-type( 2n ) {
	margin-right: 0;
}

.cart-subtotal {
	display: none !important;
}

.wc-forward::after {
	line-height: initial;
}

/* Force 2 line title inclusve */
.woocommerce ul.products li.product h2 {
	line-height: 2.5ex;
	height: 5ex; /* 2.5ex for each visible line */
	overflow: hidden;
}

#menu-main-menu {
	font-size: 1.375em;
	font-weight: 600;
	padding: .5025em 0;
}

#menu-main-menu > li > a{
	padding: .125em 0 .125em .9375em;
}
/*
.quadmenu-title {
	text-transform: unset !important;
	font-size: .875em !important;
}

.quadmenu-navbar-collapse {
	padding-top: 1.125em;
}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-caret {
	font-size: 1em;
	right: .9375em;
}

#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li > a > .quadmenu-item-content {
	padding-left: 0;
	margin-right: .9375em;
}

.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
	font-size: inherit;
}
*/
@media (min-width: 768px) {
	.site-header-cart .cart-contents {
		padding: 1.0625em 0;
	}
	.storefront-breadcrumb {
		margin: 0;
	}
}

.storefront-handheld-footer-bar ul li.products > a:before {
	content: "\f07b";
}

.storefront-handheld-footer-bar {
	z-index: 9998;
}

.wpgdprc-consent-bar {
	z-index: 9999 !important;
}

.product-categories a {
	text-decoration: none !important;
}

.product-categories a:hover {
	text-decoration: underline !important;
}

.subcategories a:hover {
	color: initial !important;
	text-decoration: underline !important;
}
/*
.magazine {
	width: 50%
}
*/
a:focus{
	outline:1px solid #004f75;
}

button:focus,input:focus,textarea:focus{
	outline:0;
}
/*
.promo a span {
	color: orangered;
	font-weight: 600;
}

.noi a span {
	color: mediumvioletred;
	font-weight: 600;
}
*/
.promo a {
	color: orangered !important;
	font-weight: 600;
}

.noi a {
	color: mediumvioletred !important;
	font-weight: 600;
}

@media screen and (min-width: 960px) {
	.onsale-index {
		background: orangered;
		color: #fff;
		border-radius: 8px;
		font-size: .875em;
		font-weight: 400;
		padding: .125em .625em;
		position: absolute;
		left: 0;
		top: 2em;
		transform: rotate(-10deg);
		z-index: 3;
		border-color: transparent;
	}
}

@media screen and (max-width: 960px) {
	.onsale-index {
		background: orangered;
		color: #fff;
		border-radius: 8px;
		font-size: .75em;
		font-weight: 400;
		padding: .0625em .5em;
		position: absolute;
		left: 0;
		top: 2em;
		transform: rotate(-10deg);
		z-index: 3;
		border-color: transparent;
	}
}

.onsale-page {
	background: orangered;
	color: #fff;
	border-radius: 8px;
	font-size: .875em;
	font-weight: 400;
	padding: .125em .625em;
	position: absolute;
	left: .0625em;
	top: 2.25em;
	transform: rotate(-10deg);
	z-index: 3;
	border-color: transparent;
}

@media screen and (min-width: 960px) {
	.new-index {
		background: mediumvioletred;
		color: #fff;
		border-radius: 8px;
		font-size: .875em;
		font-weight: 400;
		padding: .125em .9375em;
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(-10deg);
		z-index: 1;
	}
}

@media screen and (max-width: 960px) {
	.new-index {
		background: mediumvioletred;
		color: #fff;
		border-radius: 8px;
		font-size: .75em;
		font-weight: 400;
		padding: .0625em .8125em;
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(-10deg);
		z-index: 1;
	}
}

.new-page {
	background: mediumvioletred;
	color: #fff;
	border-radius: 8px;
	font-size: .875em;
	font-weight: 400;
	padding: .125em .9375em;
	position: absolute;
	left: .0625em;
	top: .25em;
	transform: rotate(-10deg);
	z-index: 1;
}

.eol-page {
	background: royalblue;
	color: #fff;
	border-radius: 8px;
	font-size: .875em;
	font-weight: 400;
	padding: .125em .9375em;
	position: absolute;
	left: .0625em;
	top: .25em;
	transform: rotate(-10deg);
	z-index: 1;
}

.sku {
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.related > ul > li:nth-child(3) {
		display: none;
	}
}

.site-main {
	margin-bottom: 0;
}

.wpcf7-spinner {
	vertical-align: middle;
}

a.reset_variations {
	display: block;
	margin-top: 1em;
	margin-left: unset;
}

.whatswidget-widget-wrapper {
	font-family: "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
	font-size: 16px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 1001
}

.whatswidget-conversation {
	background-color: #e4dcd4;
	background-image: url('https://eusupplies.com/wp-content/plugins/mod/img/wpbg.png');
	background-repeat: repeat;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
	width: 285px;
	height: 300px;
	border-radius: 10px;
	transition-duration: 0.5s;
	margin-bottom: 80px
}

.whatswidget-conversation-header {
	background-color: white;
	padding: 10px;
	padding-left: 25px;
	box-shadow: 0px 1px #00000029;
	font-weight: 600;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.whatswidget-conversation-message {
	line-height: 1.2em;
	background-color: white;
	padding: 10px;
	margin: 10px;
	margin-left: 15px;
	border-radius: 5px
}

.whatswidget-conversation-message:after {
	content: '';
	position: absolute;
	left: 5%;
	top: 11%;
	border: 15px solid transparent;
	border-right-color: white;
	border-left: 0;
	border-top: 0;
	margin-top: 14.5px;
	margin-left: -5px;
}

.whatswidget-conversation-message-outer {
	background-color: #FFF;
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.342) 0px 2.5px 10px;
	cursor: pointer;
	animation: nudge 2s linear infinite;
	margin-bottom: 70px
}

.whatswidget-text-header-outer {
	font-weight: bold;
	font-size: 90%
}

.whatswidget-conversation-cta {
	border-radius: 25px;
	width: 200px;
	font-size: 110%;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	background-color: #ff4500;
	color: white;
	font-weight: bold;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2.5px 10px;
	transition: 1s;
	position: absolute;
	top: 62%;
	left: 10%
}

.whatswidget-conversation-cta:hover {
	transform: scale(1.05);
}

.whatswidget-cta {
	text-decoration: none;
	color: white;
	display: inherit
}

.whatswidget-button-wrapper {
	position: fixed;
	bottom: 15px;
	right: 15px
}

.whatswidget-button {
	position: relative;
	right: 0px;
	background-color: #ff4500;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	box-shadow: 2px 1px #0d630d63;
	transition: 1s
}

.whatswidget-icon {
	width: 42px;
	height: 42px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.whatswidget-button:hover {
	transform: rotate(15deg) scale(1.05);
	cursor: pointer
}

@keyframes nudge {
	20%,
	100% {
		transform: translate(0, 0)
	}
	0% {
		transform: translate(0, 5px);
		transform: rotate(2deg)
	}
	10% {
		transform: translate(0, -5px);
		transform: rotate(-2deg)
	}
}

.woocommerce-LoopProduct-link > .attachment-woocommerce_thumbnail {
	height: 165px;
	object-fit: contain;
}

.woocommerce-product-gallery__image img {
	height: 312px;
	object-fit: contain;
}

#payment .payment_methods li img {
	max-height: 100%;
}