/*
	Theme Name:   Wheelbase Theme for Storefront 2.1.8
	Description:  Bespoke theme for Wheelbase
	Author:	   BFI
	Author URI:   http://www.wearebfi.co.uk
	Template:	 storefront.2.1.8
	Version:	  $Id: style.css 3257 2016-11-11 10:46:52Z jamesgill $
	Text Domain:  wheelbase-theme
*/
/*
	__Theme Name:   BFI WordPress Theme
	__Description:  BFI WordPress theme, a structure for BFI sites.
	__Author:       BFI
	__Author URI:   http://www.wearebfi.co.uk
	__Version:      2.0
	__Text Domain:  BFI-WordPress-Theme
*/



	/* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
	/* Blended with classes from responsive.gs v3.0 */
	.container:after, .row:after, .col:after, .group:after, .cf:before,.cf:after{content:"";display:table;}
	.container:after, .row:after, .col:after, .group:after, .cf:after{clear:both;}
	.container, .row, .col, .group, .cf{*zoom:1;}

blockquote + h2, blockquote + h3, blockquote + h4, blockquote + header h2, form + h2, form + h3, form + h4, form + header h2, ol + h2, ol + h3, ol + h4, ol + header h2, p + h2, p + h3, p + h4, p + header h2, table + h2, table + h3, table + h4, table + header h2, ul + h2, ul + h3, ul + h4, ul + header h2 {
    margin-top: 1em;
}

img { /* Removing the Storefront default */
	border-radius: 0;
}

a {
	text-decoration: none;
	font-weight: normal;
	outline: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

#main .page a { /* Links in body copy should be underlined */
	text-decoration: underline;
}

#main .page a:hover,
#main .page a:focus {
	text-decoration: none;
}

	.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select, a.select2-choice {
		width: 100%;
		background: #fff;
		/* border: 1px solid silver; */
		/* color: #43454b; */
		/* padding: 0.618047em; */
		border-radius: 0;
		box-shadow: none;
		font-weight: 400;
		padding: 0 15px;
		height: 50px;
		color: #43454b;
		border: 1px solid #c0c0c0;
		border-radius: 3px;
	}

	.input-text:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
		border-color: #27ae60;
		background: #fff;
		color: #000;
		border: 2px solid #43454b;
	}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+") no-repeat scroll 99% 50%;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


#secondary .widget_layered_nav li a {
	font-size: 1.2em;
	font-weight: 400;
}

.grey-contact-form {
    background: #E9E8E8;
    padding: 2em;
    flex: 0 0 calc(50% - 4em);
}

.grey-contact-form form input {
    padding: 0 15px;
    margin: 0 0 1em;
    height: 50px;
    box-shadow: none;
    border-radius: 3px;
}

.grey-contact-form form,
.grey-contact-form form p,
.grey-contact-form form input[type="submit"] {
    margin: 0;
}

.grey-contact-form form h3 {
    font-weight: 800;
    color: #27ae60;
    margin: 0 0 .5em;
}

.grey-contact-form form input.wpcf7-submit{
	margin-top: 1em;	
}

@media only screen and (max-width: 550px) {
	.grey-contact-form {
		padding: 1em;
	}
	
}




/* Layout ========== */

/* 24 column responsive grid system v3.0 | responsive.gs */
.col { display: block;float: left;width: 100%;}@media ( min-width : 768px ) {.gutters .col {margin-left: 2%;}.gutters .col:first-child { margin-left: 0; }}@media ( min-width : 768px ) {.span_1 { width: 4.16666666667%; }.span_2 { width: 8.33333333333%; }.span_3 { width:12.5%; }.span_4 { width: 16.6666666667%; }.span_5 { width: 20.8333333333%; }.span_6 { width: 25%; }.span_7 { width: 29.1666666667%; }.span_8 { width: 33.3333333333%; }.span_9 { width: 37.5%; }.span_10 { width: 41.6666666667%; }.span_11 { width: 45.8333333333%; }.span_12 { width: 50%; }.span_13 { width: 54.1666666667%; }.span_14 { width: 58.3333333333%; }.span_15 { width: 62.5%; }.span_16 { width: 66.6666666667%; }.span_17 { width: 70.8333333333%; }.span_18 { width: 75%; }.span_19 { width: 79.1666666667%; }.span_20 { width: 83.3333333333%; }.span_21 { width: 87.5%; }.span_22 { width: 91.6666666667%; }.span_23 { width: 95.8333333333%; }.span_24 { width: 100%; }.gutters .span_1 { width: 2.25%; }.gutters .span_2 { width: 6.5%; }.gutters .span_3 { width: 10.75%; }.gutters .span_4 { width: 15.0%; }.gutters .span_5 { width: 19.25%; }.gutters .span_6 { width: 23.5%; }.gutters .span_7 { width: 27.75%; }.gutters .span_8 { width: 32.0%; }.gutters .span_9 { width: 36.25%; }.gutters .span_10 { width: 40.5%; }.gutters .span_11 { width: 44.75%; }.gutters .span_12 { width: 49.0%; }.gutters .span_13 { width: 53.25%; }.gutters .span_14 { width: 57.5%; }.gutters .span_15 { width: 61.75%; }.gutters .span_16 { width: 66.0%; }.gutters .span_17 { width: 70.25%; }.gutters .span_18 { width: 74.5%; }.gutters .span_19 { width: 78.75%; }.gutters .span_20 { width: 83.0%; }.gutters .span_21 { width: 87.25%; }.gutters .span_22 { width: 91.5%; }.gutters .span_23 { width: 95.75%; }.gutters .span_24 { width: 100%; }}
.row {padding-bottom: 5px;} /* set according to preference*/

#main.site-main {
	margin: 0;
	padding: 0;
}

/* Force some pages to go full width ========== */
body.single-product #primary,
body.woocommerce-cart #primary,
body.woocommerce-checkout #primary,
body.woocommerce-account #primary,
body.compare #primary {
	width: 100%;
	margin-left: 0;
	clear: both;
    float: none;
}

@media only screen and (min-width: 768px) {
	
	body.woocommerce-checkout #order_review_heading {
		width: 47.5%;
	}

}

@media only screen and (max-width: 767px) {
	
	#category-container {
		display: flex;
		flex-direction: column;
	}
	
}

#sidebar-content-expand {
	display: none;
}

/* Storefront style block - to be cleaned up and sorted out */

.woocommerce-tabs .panel#tab-description > h2 {
	display: none;
}

			.woocommerce-tabs ul.tabs li.active a,
			ul.products li.product .price,
			.onsale,
			.widget_search form:before,
			.widget_product_search form:before {
				color: #27ae60;
			}


ul.products li.product .price {
    margin: 0.4em 0 0;
    font-size: 1.3em;
    font-weight: 700;

}

/* /Storefront style block - to be cleaned up and sorted out */
header.site-header {
	background: #fff;
	margin: 0 !important;
	padding: 0;
	z-index: unset;
}

header.site-header #logo {
	width: auto;
	float: left;
}

header.site-header hr {
	margin: 0;
}

header.site-header #header-secondary { /* This green bar sits at the top on desktop, but becomes a white bar BELOW the nav on mobile */
	background: #27ae60;
	color: #fff;
	height: 50px;
	position: absolute;
	width: 100%;
	top: 0;
	background-position: center top;
}

header.site-header #header-secondary .floatright a {
	font-weight: bolder;
	font-size: 1.2em;
}

@media only screen and (min-width: 767px) {
	header.site-header #header-secondary .mobile-store-link {
		display: none;
	}
}

header.site-header #header-secondary a {
	color: #fff;
}

header.site-header #header-secondary .floatleft {
	display: block;
	width: auto;
}

header.site-header #header-secondary p {
	margin: 0;
	font-size: 14px;
}

header.site-header #header-secondary p a,
header.site-header #header-secondary p span {
	padding: 12px 0;
	display: inline-block;
}

header.site-header #header-secondary p i.fa {
	color: #b3e2c7;
	margin-right: 8px;
	font-size: 16px;
}

header.site-header #header-secondary p.floatleft a,
header.site-header #header-secondary p.floatleft span {
	margin-right: 15px;
}

header.site-header #header-secondary p.floatleft a:last-child {
	margin-right: 0;
}

header.site-header #header-secondary p.floatright a {
	margin-left: 15px;
}

header.site-header #header-secondary p.floatright a:first-child {
	margin-left: 0;
}

header.site-header #header-secondary p.floatright a:hover {
	cursor: default;
}

header .header-top-level {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 2px solid #f0f0f0;
}

	header .header-top-level #logo {
		height: 70px;
		flex: 0 0 340px;
	}

		header .header-top-level #logo img {
			height: 100%;
		}

	.woocommerce-active header .header-top-level .site-search {
		display: block;
		width: 50%;
		float: none;
		margin: 0 1%;
	}

		.woocommerce-active header .header-top-level .site-search .product-search-form {
			margin: 0;
		}

		header .header-top-level .site-search input[type=text] {
			position: relative;
			width: 100%;
			height: 50px;
			line-height: 50px;
			padding: 0 20px;
			background: #EEE;
			border: none;
			border-radius: 3px;
			transition: all .3s;
		}

		header .header-top-level .site-search button {
			position: absolute;
			top: 0;
			right: 0;
			width: 50px;
			height: 50px;
			padding: 0;
			text-indent: -999em;
			background-color: transparent;
			background-image: url(/images/icons/search.svg);
			background-repeat: no-repeat;
			background-position: center;
			border: none;
			margin: 0;
		}

	header .links {
		display: flex;
	}

		header .links a.tel-link {
			display: block;
			font-weight: 800;
			text-decoration: none;
			font-size: 1.2em;
			padding-left: 34px;
			background: url(/images/icons/phone-circle.svg) no-repeat left center;
			white-space: nowrap;
		}

		header .links a.my-account,
		header .links a.basket,
		header .links a.manu-link {
			display: block;
			width: 22px;
			height: 30px;
			margin: 0px 0 0 20px;
			text-indent: -999em;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		header .links a.my-account {
			background-image: url(/images/icons/avatar.svg);
		}
		header .links a.basket {
			width: 27px;
			background-image: url(/images/icons/basket.svg);
		}
		header .links a.manu-link {
			background-image: url(/images/icons/burger-menu.svg);
		}
		header .links a.manu-link.active {
			background-image: url(/images/icons/burger-close.svg);
		}
		header .links a.manu-link {
			display: none;
		}
		nav#site-navigation .right-nav > ul > li.my-account-dropdown {
			display: none;
		}

		header .links .dot {
			display: flex;
			justify-content: center;
			align-items: center;
			margin: auto -15px auto 20px;
			background: #f0f0f0;
			width: 25px;
			height: 25px;
			color: #222222;
			font-weight: 700;
			border-radius: 50%;
		}

@media only screen and (max-width: 1400px) {
	
	#site-navigation .left-nav > ul > li > a,
	#site-navigation .right-nav > ul > li > a {
		font-size: .8em;
	}

}
@media only screen and (min-width: 1200px) {
	
	#site-navigation .right-nav>ul>li a.disable-link {
		pointer-events: none;
		cursor: default;
	}

}
/*
@media only screen and (max-width: 1200px) {

	header.site-header {
		width: 100%;
		position: fixed;
		height: 95px;
		z-index: 99999999;
	}
	header .header-top-level {
		border: none;
	}

	#mobile-padding {
		display: block;
		height: 95px;
	}
	
	header .links a.manu-link {
		display: block;
	}

	#menu-overlay {
		width: 100vw;
		height: calc(100vh - 96px);
		background: rgba(8, 19, 25, 0.85);
		z-index: 10;
		position: fixed;
		top: 96px;
		left: 0;
		display: none;
	}

	header #mobile-menu {
		display: block;
		text-indent: -9999px;
		background: url('/images/icons/menu.svg') 50% 50% no-repeat;
		background-size: auto 20px;
		text-indent: -9999px;
		padding: 2em 2.5em;
		max-height: 100%;
		transition: all .25s;
		z-index: 250;

	}

	header #mobile-menu.active {
		background: url('/images/icons/menu-close.svg') 50% 50% no-repeat;
		background-size: auto 20px;
		z-index: 250;
	}
	
	header nav#site-navigation {
		position: fixed;
		background-color: #F0F0F0;
		box-sizing: border-box;
		padding: 1em 1em 3em;
		width: 100%;
		max-width: 550px;
		overflow: auto;
		z-index: 1002;
		left: 0;
		top: 95px;
		height: calc( 100vh - 95px);
		overflow-y: scroll;
		transform: translateX(-100%);
		transition: all 1s;
		flex-flow: column;
		justify-content: flex-start;
	}
		header nav#site-navigation.active {
			transform: translateX(0%);
		}

		header nav#site-navigation .left-nav > ul,
		header nav#site-navigation .right-nav > ul {
			padding: 0;
			display: block;
			height: auto;
		}
		header nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width.brands-dropdown .mega-sub-menu:first-child {
			display: flex;
		}
		header nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width.brands-dropdown .mega-sub-menu:first-child > li {
			width: calc(50% - 8px);
			padding: 0;
			margin: 0;
		}

			header nav#site-navigation .left-nav > ul > li,
			header nav#site-navigation .right-nav > ul > li {
				margin: 0;
			}
				header nav#site-navigation .left-nav > ul > li > a,
				header nav#site-navigation .right-nav > ul > li > a {
					display: flex;
					padding: 1em 1.5em;
					justify-content: space-between;
					color: #202020;
					font-size: 1em;
					border: none;
				}
					header nav#site-navigation .left-nav > ul > li span.arrow,
					header nav#site-navigation .right-nav > ul > li span.arrow {
						background-color: $Highlight-color;
						mask-image: url('/images/icons/arrow-down.svg');
						background-size: contain;
						width: 20px;
						height: 20px;
						display: flex;
						transition: all .3s;
					}
				
				header nav#site-navigation .left-nav > ul > li:hover > a,
				header nav#site-navigation .left-nav > ul > li.hover > a,
				header nav#site-navigation .right-nav > ul > li:hover > a,
				header nav#site-navigation .right-nav > ul > li.hover > a {
					color: #27ae60;

				}
				header nav#site-navigation .left-nav > ul > li.hover > a {
					background: #f5f5f5;
				}

				header nav#site-navigation .left-nav > ul > li.parent > a::before, 
				header nav#site-navigation .right-nav > ul > li.parent > a::before {
					right: 22px;
				}
				header nav#site-navigation .left-nav > ul > li.hover > a span.arrow,
				header nav#site-navigation .right-nav > ul > li.hover > a span.arrow {
						transform: rotate(-180deg);
				}

				header nav#site-navigation .left-nav > ul > li > a.highlight {
					padding: 1em 1.5em;
				}
				header nav#site-navigation .left-nav > ul > li:hover > a.highlight {
					color: #FFF;
				}
				header nav#site-navigation .left-nav > ul > li.hover > a.highlight {
				    color: #202020;
				}
				header nav#site-navigation .left-nav > ul > li.hover > a.highlight::before {
					background-image: url(/images/icons/arrow-down.svg);
				}

				.children-container .container {
					padding: 0;
					margin: 0;
				}

				header nav#site-navigation .left-nav > ul > li.parent:hover > a::before, 
				header nav#site-navigation .right-nav > ul > li.parent:hover > a::before {
					transform: translateY(-50%) rotate(0deg);
				}
				header nav#site-navigation .left-nav > ul > li.parent.hover > a::before, 
				header nav#site-navigation .right-nav > ul > li.parent.hover > a::before {
					transform: translateY(-50%) rotate(-180deg);
				}
				header nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul a {
					font-weight: 400;
				}


			header nav > ul ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

				header nav > ul ul.children-root {
					background-color: #eee8e2;
					padding: 1.5em;
				}

					header nav > ul ul.children-root li {
						padding: 0.9em 0;
					}

						header nav > ul ul.children-root li:first-of-type {
							padding-top: 0;
						}


					header nav > ul ul.children-root .child-title {
						letter-spacing: 0;
						text-transform: none;
					}


				header nav > ul ul .child-links-container {
					margin-top: 0.7em;
				}
						
						header nav > ul ul .child-links-container li:last-of-type {
							padding-bottom: 0;
						}

						header nav > ul ul .child-links-container li a {
							text-transform: none;
							color: #523e39;
							letter-spacing: 0;
							text-decoration: none
						}

			nav#site-navigation .left-nav > ul > li.parent .drop-down-container,
			nav#site-navigation .left-nav > ul > li.parent:hover .drop-down-container {
				visibility: hidden;
				opacity: 0;
				display: none;
			} 
			nav#site-navigation .left-nav > ul > li.parent.hover .drop-down-container {
				visibility: visible;
				opacity: 1;
				position: relative;
				flex-flow: column;
				display: flex;
				min-height: auto;
			}
			nav#site-navigation .right-nav > ul > li.parent:hover ul {
				display: none;
			}
			nav#site-navigation .right-nav > ul > li.parent.hover ul {
				display: block;
				position: relative;
				width: 100%;
				padding: 0;
			}
			nav#site-navigation .right-nav > ul > li.parent.hover a {
				background: #f5f5f5;
			}

			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav {
				padding: 0;
				width: 100%;
			}
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs {
				display: none;
			}
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width {
				display: block;
				padding: 10px 22px;
			}
				nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul li,
				nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width ul li {
					width: calc(50% - 8px);
				}

			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width ul#sale-1 li {
				width: 100%;
			}

				nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width ul#sale-1 li img {
					margin: 0 auto;
				}
			
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav a {
				position: relative;
				padding: 10px 22px;
				background: #f5f5f5;
			}
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav > a::before {
				position: absolute;
				content: '';
				right: 22px;
				top: 50%;
				transform: translateY(-50%);
				width: 12px;
				height: 10px;
				background-image: url(/images/icons/arrow-down.svg);
				background-repeat: no-repeat;
				background-position: 98% center;
				transition: all .3s;
			}
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav > a.active::before {
				transform: translateY(-50%) rotate(-180deg);
			} 
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav ul.mega-sub-menu {
				margin: 0;
				padding: 0;
				list-style: none;
				background: #f5f5f5;
				display: flex;
				flex-flow: row wrap;
			}
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav ul.mega-sub-menu > li {
				width: calc(50% - 8px);
				padding: 0;
				margin: 0;
			}
			nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav ul.mega-sub-menu > li a {
				font-weight: 400;
			}

			nav#site-navigation .right-nav > ul > li.my-account-dropdown {
				display: block;
			}

			header .links a.my-account {
				display: none;
			}

			#site-navigation .right-nav > ul > li.truspilot {
				padding: 10px 22px;
				justify-content: center;
			}

				#site-navigation .right-nav li .trustpilot-widget {
					width: 100%;
				}

			


}
*/

@media only screen and (max-width: 1000px) {
	
	header .links a.tel-link {
		text-indent: -999em;
		padding-left: 24px;
	}

}
@media only screen and (max-width: 800px) {

	header .header-top-level #logo {
		flex: 0 0 70px;
	}

		header .header-top-level #logo img {
			object-fit: cover;
			object-position: left;
		}

	.woocommerce-active header .header-top-level .site-search {
		width: 100%;
		max-width: 500px;
		margin: 0 4%;
	}

}
@media only screen and (max-width: 700px) {

	header .links .dot {
		text-indent: -999em;
		width: 10px;
		height: 10px;
		background: #202020;
		margin: 0 -13px auto 10px;
		z-index: 99;
	}

		header .links a.my-account,
		header .links a.basket,
		header .links a.manu-link {
			margin: 0px 0 0 10px;
		}

}
@media only screen and (max-width: 400px) {

	nav#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav ul.mega-sub-menu > li,
	nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul li, 
	nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width ul li,
	header nav#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width.brands-dropdown .mega-sub-menu:first-child > li {
		width: 100%;
	}
}

#benefit-bar {
	background-color: #27ae60;
	color: #FFF;
}

#header-bar {
	font-weight: 600;
	background: #e52321;
	text-align: center;
	color: #FFF;
	padding: 0.7em 0;
}
		#header-bar p {
			margin: 0;
			font-weight: 800;
			font-style: italic;
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}


.woocommerce-active .site-header .site-header-cart {
	width: 30%;
	text-transform: uppercase;
	margin-bottom: 1em;
	border: 1px solid silver;
	padding: 0 20px;
}

.site-header .site-header-cart .cart-contents {
	color: #27AE60;
	font-size: 17px;
	padding-right: 0 !important;
}

.site-header .site-header-cart .cart-contents::after {
	/* content: ''; */
	display: none;
}


.site-header .site-header-cart .cart-contents .amount {
	float: right;
	margin: 0;
	padding-left: 20px;
	border-left: 1px solid silver;
	width: 50%;
}

.site-header .site-header-cart .cart-contents .count {
	padding-right: 20px;
}


.site-header .site-search .product-search .product-search-form input[type="text"],
.site-header .site-search .widget_product_search input[type="search"] {
	box-shadow: none;
	background: #fff;
	border-radius: none;
	border: 1px solid #e5e5e5;
	position: absolute;
	left: 0;
	transition: width 0.5s;
	padding: 0 20px 0 30px;
	line-height: 55px;
	display: inline-block;
}

.site-search .product-search .product-search-form form::before,
.site-search .widget_product_search form::before {
	/*/content: normal;*/
}

.product-search input.product-search-field[type="text"] {
	width: 95% !important;
}

.site-search .product-search-results {
	margin-top: 56px !important;
}

.site-search .product-search .product-search-form form button,
.widget_product_search form button {
	line-height: 56px;
	padding: 0 20px;
	right: 0;
	color: #27ae60;
	background: none;
	position: absolute;
	transition: color 0.2s;
	border-left: 1px solid silver;
}

.widget_product_search form button:hover {
	color: #000;
}


.site-header hr {
	background-color: #e5e5e5;
}


ul.top-link {
	float: right;
	margin: 0px 0 10px 3em;
}
header ul.login-links {
	margin-bottom: 0px;
	margin-top: 13px;
}
header ul.general-links {
	margin-top: 8px;
	margin-bottom: 0;
}
ul.top-link li {
	list-style: none;
	display: inline-block;
	padding: 0 10px;
	border-left: 1px solid #666;
	line-height: 1em;
}
ul.top-link li:first-child {
	border: none;
}
ul.top-link li a {
	line-height: .8em;
	font-size: .8em;
	color: #666;
}

/* Main Navigation ========== */
	#mega-menu-wrap-primary {
		width: 100% !important;
		margin-right: 0 !important;
	}
	#site-navigation {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		padding-bottom: .5em;
	}

		#site-navigation .left-nav > ul,
		#site-navigation .right-nav > ul {
			display: flex;
			align-items: center;
			list-style: none;
			height: 48px;
			margin: 0;
			gap: 1em;
		}

			#site-navigation .left-nav > ul > li,
			#site-navigation .right-nav > ul > li {
				height: 100%;
			}
			#site-navigation .left-nav > ul > li {
				margin: 0;
			}
			#site-navigation .right-nav > ul > li {
				position: relative;
				margin: 0;
			}
			#site-navigation .left-nav > ul > li:last-child,
			#site-navigation .right-nav > ul > li:first-child {
				margin: 0;
			}

				#site-navigation .left-nav > ul > li > a,
				#site-navigation .right-nav > ul > li > a {
					font-weight: 700;
					color: #2c2d33;
					line-height: 1.2;
					text-decoration: none;
					letter-spacing: .045em;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-webkit-align-items: center;
					-moz-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					height: 100%;
					border-top: 5px solid transparent;
					border-bottom: 5px solid transparent;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
				#site-navigation .left-nav > ul > li > a.highlight {
				    color: #FFF;
					background: #e43820;
					padding: 0 10px;
					font-style: italic;
				}
				#site-navigation .left-nav > ul > li.parent > a.highlight {
					padding-right: 18px;
				}
				#site-navigation .left-nav > ul > li.parent > a, 
				#site-navigation .right-nav > ul > li.parent > a {
					position: relative;
					padding-right: 12px;
				}
				#site-navigation .left-nav > ul > li:hover > a, 
				#site-navigation .right-nav > ul > li:hover > a {
					border-bottom-color: #27ae60;
				}
				#site-navigation .left-nav > ul > li:hover > a.highlight {
					border-bottom-color: transparent;
				}

				@keyframes backgroundScroll {
					0% {
					background-position: 0 -93px;
				  }
					100% {
					background-position: 0 0;
				  }
				}
				#site-navigation .left-nav > ul > li > a.highlight.exclusives {
					background-color: #27ae60;
					transition: all .3s;
				}
				
				#site-navigation .left-nav > ul > li:hover > a.highlight.exclusives {
					filter: brightness(90%);
				}
				#site-navigation .left-nav > ul > li > a.highlight.christmas {
					background-size: cover;
					background-position: center;
					background-image: url(/images/icons/snow.png);
					background-color: #27ae60;
					animation: backgroundScroll 25s linear infinite;
					transition: all .3s;
				}
				#site-navigation .left-nav > ul > li:hover > a.highlight.christmas {
					filter: brightness(90%);
				}

				#site-navigation .left-nav > ul > li > a.highlight.trade-in {
					background-color: #00aff0;
				}
				#site-navigation .left-nav > ul > li:hover > a.highlight.trade-in {
					filter: brightness(90%);
				}

				#site-navigation .left-nav > ul > li > a.highlight.black-friday {
					background: #000;
				    text-align: center;
				}
				
				#site-navigation .left-nav > ul > li:hover > a.highlight.black-friday {
					background-color: #333;
				}

				#site-navigation .left-nav > ul > li.parent > a::before, 
				#site-navigation .right-nav > ul > li.parent > a::before {
					position: absolute;
					content: '';
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 12px;
					height: 10px;
					background-image: url(/images/icons/arrow-down.svg);
					background-repeat: no-repeat;
					background-position: right center;
					transition: all .3s;
				}
				#site-navigation .left-nav > ul > li > a.highlight::before {
				    right: 5px;
					background-image: url(/images/icons/arrow-down-white.svg);
				}
				#site-navigation .left-nav > ul > li.parent:hover > a::before, 
				#site-navigation .right-nav > ul > li.parent:hover > a::before {
					transform: translateY(-50%) rotate(-180deg);
				}
							
					/** Left hand side drop-down */
					#site-navigation .left-nav > ul > li.parent .drop-down-container {
						display: flex;
						flex-flow: row nowrap;
						visibility: hidden;
						opacity: 0;
						-webkit-transition: all .5s;
						-o-transition: all .5s;
						-moz-transition: all .5s;
						transition: all .5s;
						position: absolute;
						left: 0;
						width: 100%;
						padding: 0;
						background-color: #f5f5f5;
						z-index: 200;
						min-height: 250px;
					}
					#site-navigation .left-nav > ul > li.parent:hover .drop-down-container,
					#site-navigation .left-nav > ul > li.parent.hover .drop-down-container {
						visibility: visible;
						opacity: 1;
					}

						#site-navigation .left-nav > ul > li.parent .drop-down-container .col-full::before,
						#site-navigation .left-nav > ul > li.parent .drop-down-container .col-full::after {
							display: none;
						}

							#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav {
								display: flex;
								flex-flow: column nowrap;
								width: 33.3%;
								padding: 20px 0 20px 30px;
								gap: 0;
								background-color: #f0f0f0;
							}

								#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav a {
									padding: 10px 15px;
									font-weight: 600;
									color: #202020;
								}
								#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav a:hover,
								#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav a.active {
									color: #27ae60;
									text-decoration: none;
								}
								#site-navigation .left-nav > ul > li.parent .drop-down-container .left-side-nav a.active {
									background: #f5f5f5;
								}

							#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs {
								width: 66.6%;
								padding: 2em 30px;
							}
							#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width {
								width: 100%;
							}

								#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs .mega-sub-menu {
									display: none;
									grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
									grid-auto-flow: column;
									list-style: none;
								}
								#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs .mega-sub-menu:first-child {
									display: grid;
								}
								#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width.brands-dropdown .mega-sub-menu:first-child {
									display: grid;
									grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
									grid-auto-flow: column;
									list-style: none;
								}
								#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs .mega-sub-menu[id^=sale] {
									display: flex;
								}
								
								#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width.brands-dropdown .mega-sub-menu:first-child li {
									width: 100%;
								}

									#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul {
										margin: 0;
										padding: 0;
										list-style: none;
										flex-flow: row wrap;
										gap: 0 10px;
									}

										#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul li {
											width: calc(33.3% - 8px);
											width: 100%;
											padding: 0;
											margin: 0;
										}
										#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs.full-width ul li {
											width: calc(25% - 8px);
										}

											#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul a {
												display: block;
												padding: 5px;
												font-weight: 500;
												color: #202020;
											}
											#site-navigation .left-nav > ul > li.parent .drop-down-container .right-side-navs ul a:hover {
												color: #27ae60;
												text-decoration: none;
											}

											#site-navigation .left-nav>ul>li.parent .drop-down-container .right-side-navs ul a img:hover {
												opacity: .65;
											}



						/* 
							#site-navigation .left-nav > ul > li.parent .drop-down-container ul {
								position: relative;
								list-style: none;
							}
							#site-navigation .left-nav > ul > li.parent .drop-down-container ul:first-child {
								margin: -2em 0;
								padding: 2em 0;
								width: 100%;
								background: transparent;
								border: none;
							}

								#site-navigation .left-nav > ul > li.parent .drop-down-container ul:first-child > li {
									display: flex;
									margin: 0;
									padding: 0;
								}

									#site-navigation .left-nav > ul > li.parent .drop-down-container ul:first-child > li > a {
										width: 33.3%;
										padding: 10px 20px;
									}

							#site-navigation .left-nav > ul > li.parent .drop-down-container ul:not(:first-child) {
								position: absolute;
								top: 0;
								left: 33.3%;
								margin: 0;
								padding: 2em 20px;
								background: transparent;
								border: none;
								display: flex;
								flex-flow: row wrap;
								align-items: flex-start;
								gap: 0 10px;
								width: 66.6%;
							}

								#site-navigation .left-nav > ul > li.parent .drop-down-container ul:not(:first-child) > li {
									display: block;
									flex: 0 0 calc(25% - 20px);
									margin: 0;
									padding: 0;
								}

									#site-navigation .left-nav > ul > li.parent .drop-down-container ul:not(:first-child) > li > a {
										display: block;
										padding: 10px 0;
									}
						*/

					/** Right hand side drop-down */
								
					#site-navigation .right-nav > ul > li.truspilot {
						display: flex;
						align-items: center;
					}

						#site-navigation .right-nav li .trustpilot-widget {
							width: 200px;
							height: 18px;
							display: flex;
							justify-content: flex-end;
						}

					#site-navigation .right-nav > ul > li.parent ul {
						position: absolute;
						width: 280px;
						margin: 0;
						left: 50%;
						transform: translateX(-50%);
						border: none;
						background: #f0f0f0;
						padding: 15px 0;
						list-style: none;
						z-index: 9999;
						display: none;
					}
					#site-navigation .right-nav > ul > li.parent:hover ul {
						display: block;
					}

						#site-navigation .right-nav > ul > li.parent ul li {
							margin: 0;
							padding: 0;
						}

							#site-navigation .right-nav > ul > li.parent ul li a {
								display: block;
								padding: 10px 20px;
							}
							#site-navigation .right-nav > ul > li.parent ul li:hover a {
								background: #f5f5f5;
								text-decoration: none;
							}
						


	#benefit-bar ul {
		padding: 12px 0;
		margin: 0;
		list-style: none;
		display: flex;
		justify-content: space-around;
		font-size: .9em;
	}

		#benefit-bar ul img {
			width: auto;
			margin: 0 15px 0 0;
		}
		#benefit-bar ul a {
			display: flex;
			align-items: center;
			color: #FFF;
			white-space: nowrap;
			text-transform: uppercase;
		}

		#benefit-bar .owl-carousel .owl-stage {
			width: 100%;
			display: flex;
		}

	#site-navigation ul.nav,
	#site-navigation ul.nav ul#mega-menu-primary  {
		margin: 0;
		clear: both;
		list-style: inside none square;
	}

	#site-navigation ul.nav-menu { /* These rules unset weird properties set by Storefront 2.x, which want to hide the nav on category & product pages ?? */
	    max-height: none;
	    overflow: unset;
	}


	#mega-menu-item-44559 ul.mega-sub-menu {

	}




	#site-navigation ul.nav ul#mega-menu-primary > li.mega-menu-item {
		list-style: none;
		display: inline-block;

	}



	.site-header-cart a.cart-contents,
	#site-navigation ul.nav ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding: 13.5px 0px;
	}

	#site-navigation ul.nav ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		text-transform: uppercase;
	    color: #383737;
	    font-weight: bold;
	    display: block;
	    font-size: 17px;
	    line-height: inherit;
	    height: auto;
	    padding: 20px 33px;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		background: #fff;
		border: 1px solid silver;
		box-shadow: none;
	}

	/* .fakehover is added by JS on touchscreens */
	ul.nav > li.fakehover > a,
	#site-navigation ul.nav ul#mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link {
		background: #27AE60;
		color: #fff !important;
	}

	#nav-control, .mobile-icons, #site-navigation ul li#mobile-account-links {
		display: none;
	}

	/* Brands menu */
	#mega-menu-item-1309121 ul.mega-sub-menu li,
	#mega-menu-item-44513 ul.mega-sub-menu li {
		padding: 0 15px 0 15px !important;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu#mega-menu-item-1309121 > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu#mega-menu-item-44513 > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		font-weight: normal;
    	font-size: 15px;
   	 	margin: 0;
	}

	/* Sale Page */
	#site-navigation ul.nav ul#mega-menu-primary #mega-menu-item-44513 {
		background-color: #e52321 !important;
	}

	#mega-menu-item-44513 ul.mega-sub-menu {

	}



	#site-navigation ul.nav ul#mega-menu-primary #mega-menu-item-44513 a.mega-menu-link.parent {
		color: #ffffff !important;
	}	
	
	/* News Page */
	#site-navigation ul.nav ul#mega-menu-primary #mega-menu-item-1335636 {
		background-color: #27ae60 !important;
	}

	#site-navigation ul.nav ul#mega-menu-primary #mega-menu-item-1335636 > a.mega-menu-link {
		color: #ffffff !important;
	}

/* dropdown */

	#mega-menu-primary > li > .mega-sub-menu {
		background: #FFF !important;
		border-top: 5px solid #27ae60 !important;
		border-bottom: 5px solid #27ae60 !important;
	}

	/* .fakehover is added by JS on touchscreens
	#site-navigation li.fakehover ul,
	#site-navigation li:hover ul {
		left: auto;
		display: block;
	}

	#site-navigation li ul li {
		float: none;
	}

	#site-navigation li ul li {
		float: none;
		color: #27ae60;
		margin-left: 10px;
		padding-left: 5px;
	}

	#site-navigation li ul li a {
		display: inline-block;
		padding: 5px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
		padding: 20px 0;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:not(.mega-menu-item-has-children) {
		padding: 0;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:not(.mega-menu-item-has-children) {
		background: url(https://www.wheelbase.mom/skin/frontend/venedor/default/images/li_green.png) no-repeat left center;
		padding-left: 15px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link {
		font-size: 20px;
		color: #202020;
		border-bottom: 1px solid #202020;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:not(.mega-menu-item-has-children) > a.mega-menu-link {
		font-size: 15px;
		text-transform: none;
		text-decoration-line: none;
		margin: 0;
		padding: 0px 0px 0px 0px;
		vertical-align: top;
		display: block;
		color: #43454b;
		font-weight: normal;
		text-decoration: none;
		background: rgba(0, 0, 0, 0);
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
		color: #43454b;
		font-weight: bold;
		text-decoration: none;
		background: rgba(0, 0, 0, 0);
	}
	#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
		display: none;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link:after {
		margin: 4px 0 0 6px;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		width: 400px;
	}

	@media only screen and (max-width: 768px) {
		#site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
			width: 100%;
			position: absolute;
			left: 0;
		}
		#site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
			width: 90%;
			text-align: right;
		}
	}
	*/
/* Brands list (only shows brands where a logo has been uploaded, and the option set in the attribute)
	#site-navigation li#brands-top-nav li {
		list-style: none;
	}

	#site-navigation li#brands-top-nav img {
		max-width: 100px;
		max-height: 100px;
		display: block;
		opacity: 0.4;
		transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, opacity 150ms ease-in-out 0s;
	}

	#site-navigation li#brands-top-nav img:hover {
		opacity: 0.6;
	}
 */
/* News Feed Section */
section#news-feed .view-all-blog {
	padding-top: 30px;
	text-align: center;
}

section#news-feed .view-all-blog i {
	font-size: 20px;
    margin-left: 20px;
}

/* Blog styling */
.site-main article .blog-side-img {
	display: inline-block;
	width: 23%;
	height: 235px;
	background-size: cover;
	background-position: center;
}

.site-main article .post-description {
	width: 74% !important;
}

@media only screen and (max-width: 768px) {
	section#news-feed .view-all-blog {
		text-align: center;
	}

	.site-main article .blog-side-img {
		width: 100%;
		height: 250px;
	}

	.site-main article .post-description {
		width: 100% !important;
	}
}

/* Product Page wc-product-form mobile */
@media only screen and (max-width: 467px) {
	.single-product .wc-product-form table.group_table {
		display: inline-block;
		width: 100%;
	}

	.single-product .wc-product-form table.group_table tbody {
		display: inline-block;
		width: 100%;
	}

	.single-product .wc-product-form table.group_table tbody tr {
		display: inline-block;
		width: 100%;
	}

	.single-product .wc-product-form table.group_table tbody tr td.label {
		width: 100%;
		float: left;
		padding-bottom: 0 !important;
	}

	.single-product .wc-product-form table.group_table tbody tr td.stock {
		width: 50%;
		float: left;
		min-width: 0!important;
		padding-left: 0;
	}

	.single-product .wc-product-form table.group_table tbody tr td.price {
		width: 25%;
		float: left;
	}

	.single-product .wc-product-form table.group_table tbody tr td {
		width: 25%;
		float: left;
	}

	td.stock div.availability span.status-inner {
		min-width: 0 !important;
	}
}




/* Changing blog page sidebar */
#primary.content-area {
	float: right;
	float: none;
	width: 100%;
}

#primary.content-area.regular-page {
	width: 100%;
	margin: 0;
}

/* Breadcrumbs ========== */
	.woocommerce-breadcrumb {
		margin-bottom: 0;
	}

	.woocommerce-breadcrumb a:first-of-type::before {
		content: '';
		margin: 0;
	}

/* Messages, in flat-ui kinda colours ========== */
	.woocommerce-message,
	.woocommerce-error,
	.woocommerce-info {
		border-radius: 0;
	}

	.woocommerce-message a,
	.woocommerce-error a,
	.woocommerce-info a {
		margin-bottom: 0;
	}

	.woocommerce-message::before,
	.woocommerce-error::before,
	.woocommerce-info::before,
	.cart-collect-only::before,
	.single-product .summary .collect-only::before {
		float: left;
		margin-right: 15px;
		font-size: 40px;
		line-height: 25px;
		opacity: 0.5;
	}

	.woocommerce-message {
		display: flex;
		align-items: center;
		background-color: #27ae60;
		gap: 1em;
	}
	.woocommerce-message::before {
		margin: 0;
	}
	.woocommerce-message a {
		order: 3;
		white-space: nowrap;
		margin-left: auto;
	}
	.woocommerce-message::before {
		content: "\f00c";
	}
	
	@media only screen and (max-width: 1024px) {

		.woocommerce-message a.button.wc-forward {
			font-size: 18px;
		}

	}

	@media only screen and (max-width: 767px) {
		
		.woocommerce-message {
			flex-flow: row wrap;
			justify-content: center;
			gap: 5px;
			text-align: center;
		}
		.woocommerce-message::before {
			display: none;
		}

		.woocommerce-message a.button.wc-forward {
			flex: 0 0 100%;
			margin: 0;
			padding: 0;
			border: none;
		}

	}

	.woocommerce-error {
		background-color: #F44336;
	}

	.widget_layered_nav_filters ul li.chosen a::before, a.remove::before {
		color: #F44336;
	}

	.woocommerce-error::before {
		content: "\f00d";
	}

	.woocommerce-info {
		background-color: #2196F3;
	}

	.cart-collect-only,
	.single-product .summary .collect-only {
		background-color: #9a9a9a;
	}

	.woocommerce-info::before,
	.cart-collect-only::before,
	.single-product .summary .collect-only::before {
		/* content: "\f129"; */
	}

	#secondary #sidebar-content-wrap {
		padding-top: 2em;
	}

	.woocommerce.yith-similar-products ul.products li.product span.onsale {
		background-color: #e52321;
		color: #fff;
		border: 0;
	}

	.yith-woocommerce-ajax-product-filter ul.yith-wcan-list.yith-wcan  li:has(span) {
		display: none;
	}

	.desktop-share-this #st-1 .st-btn {
		background-color: #9e9e9e !important;
	}

	.mobile-share-this #st-1 .st-btn {
		background-color: #9e9e9e !important;
	}

	.desktop-share-this #st-2 .st-btn {
		background-color: #9e9e9e !important;
	}

	.mobile-share-this #st-2 .st-btn {
		background-color: #9e9e9e !important;
	}

/* Sub-nav in the left column ========== */
	div#secondary h3 {
		display: none;
	}

	div#secondary ul.list-sub-pages {
		margin-left: 1.1em;
		color: #27AE60;
	}

	div#secondary ul.list-sub-pages li {
		margin: 10px 0;
	}

	li.page_item.page-item-77146 {
		display: none;
	}

	body.page div.page.type-page div.entry-content i.fa { /* For FontAwesome icons add into CMS content using "Better Font Awesome". e.g. wheelbase.mom/information/mail-order-bike-specialists/  */
		font-size: 2em;
		line-height: 1.2em;
		position: relative;
		bottom: -0.2em;
		color: #27AE60;
		padding-right: 0.2em;
	}

	body.page div.page.type-page div.entry-content a { /* Highlight links in the CMS page content */
		color: #27ae60;
	}

	iframe.store-map {
		width: 100%;
	}

/* Sharethis buttons ========== */
	.sharethis-inline-share-buttons {
		float: right;
		margin-top: 20px;
	}

/* Genreal ========== */
	.clear {
		clear: both;
	}

	.hide {
		display: none;
	}

	.floatleft {
		float: left;
	}

	.floatright {
		float: right;
	}

/* Owl carousel controls ========== */
	.owl-controls {
		opacity: 0.5;
		transition: linear 0.1s;
	}

	.owl-carousel:hover .owl-controls {
		opacity: 0.9;
	}

	.owl-controls .owl-nav div {
		background: rgba(128,128,128,0.5);
		position: absolute;
		font-size: 20px;
		padding: 1px 7px 3px 7px;
		line-height: 1em;
		transition: linear background 0.1s;
	}

	.owl-controls .owl-nav .owl-next {
		right: 0;
	}

	.owl-controls .owl-nav .owl-prev {
		left: 0;
	}

	.owl-controls .owl-dots {
		width: 100%;
		text-align: center;
	}

	.owl-controls .owl-dots .owl-dot {
		width: 15px;
		height: 15px;
		display: inline-block;
		margin: 0 5px;
		border: 3px solid rgba(38, 173, 96, 0.7);
		border-radius: 50%;
	}

	.owl-controls .owl-dots .owl-dot.active {
		background: rgba(38, 173, 96,0.7);
	}

/* Product page ========== */
section.upsells>h2:first-child {
    text-align: center;
    text-transform: none;
}

	#wl-wrapper.wl-button-wrap {
		width: auto;
		display: inline-block;
		padding-top: 1em !important;
	}

/* Trustpilot widget */
.trustpilot-reviews.landing .trustpilot-widget {
	margin: 1em 0 2em 0;
	padding: 0 2%;
}

.trustpilot-reviews.product-small .trustpilot-widget {
	margin: 1em 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 0.5em;
  padding-bottom: 0.1em;
}

.woocommerce-Tabs-panel--reviews {
	display: flex;
}

.woocommerce-Tabs-panel--reviews #reviews {
	flex: 1;
	margin-right: 2em;
}

@media only screen and (max-width: 767px) {
	.woocommerce-Tabs-panel--reviews {
		display: block;
	}
}

/* Woocommerce Similar Products */
.yith-similar-products ul.products li.product {
	width: 22%;
	margin-right: 4%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.yith-similar-products ul.products li.product.first {
	clear: none !important;
}

.yith-similar-products ul.products li.product.last {
	margin-right: 4% !important;
}

.yith-similar-products ul.products li.product:nth-of-type(4) {
	margin-right: 0% !important;
}

/* Nosto Styling */
#nosto-home-page-1 .nosto-header h5, #nosto-home-page-2 .nosto-header h5, #nosto-search-page .nosto-header h5 {
	font-size: 17px;
	line-height: 1em;
}

#nosto-home-page-2 .nosto-header h5:after, #nosto-search-page .nosto-header h5:after {
	content: ":";
}

#nosto-home-page-1 .nosto-product-info, #nosto-home-page-2 .nosto-product-info {
	font-size: 1.15em;
}

#nosto-home-page-1 .nosto-product-info a.nosto-product-name, #nosto-home-page-2 .nosto-product-info a.nosto-product-name {
	line-height: 1.2em;
	display: inline-block;
	font-size: 17px;
}

.nosto_element .nosto-header h5 {
	font-size: 2em;
}

.nosto_element ul.nosto-product-list {
	list-style: none;
	margin: 0;
}

.nosto_element ul.nosto-product-list li {
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 20px;
}

#nosto-home-page-2.nosto_element .nosto-product-list-large ul.nosto-product-list li {
	margin-bottom: 0;
}

.nosto_element ul.nosto-product-list li a.nosto-product-image {
	display: block;
	position: absolute;
	width: 100%;
  	top: 50%;
  	transform: translateY(-50%);
}

.nosto_element ul.nosto-product-list li img {
	margin: auto;
	transition: all 0.3s ease;
	max-height: 200px;
	max-width: 100%;
}

.nosto_element ul.nosto-product-list li.nosto-product-list-item > div:first-of-type {
	height: 200px;
	position: relative;
}

.nosto_element ul.nosto-product-list li:hover img {
	transform: scale(1.05);
}

.nosto_element ul.nosto-product-list li .nosto-product-info {
	text-align: center;
	margin-top: 20px;
}

.nosto_element ul.nosto-product-list li .nosto-product-info a.nosto-product-name {
	color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9em;
    height: 44px;
    overflow: hidden;
    display: inline-block;
}

.nosto_element ul.nosto-product-list li .nosto-product-info a.nosto-product-name:hover {
	text-decoration: none;
}
.nosto_element ul.nosto-product-list li .nosto-product-info .nosto-price-info span {
	font-size: 20px;
    font-weight: 600;
    color: #27ae60;
}

.nosto_element ul.nosto-product-list li .nosto-product-info .nosto-price-info span.nosto-old-price span {
	opacity: .5;
    font-weight: 400 !important;
    text-decoration: line-through;
    margin-right: .6180469716em;
}

@media only screen and (max-width: 947px) {
	#nosto-home-page-2.nosto_element .nosto-product-list-large ul.nosto-product-list li {
		margin-bottom: 20px;
	}

	.nosto_element ul.nosto-product-list li {
		width: 48%;
	}

	.yith-similar-products ul.products li.product {
		width: 46%;
		margin-right: 6%;
		display: inline-block;
	}

	.yith-similar-products ul.products li.product:nth-of-type(even) {
		margin-right: 0;
	}

	.yith-similar-products ul.products li.product.first {
		clear: none !important;
	}

	.yith-similar-products ul.products li.product.last {
		margin-right: 6% !important;
	}

	.yith-similar-products ul.products li.product:nth-of-type(4) {
		margin-right: 0% !important;
	}
}

@media only screen and (max-width: 520px) {
	.nosto_element ul.nosto-product-list li {
		width: 100%;
	}

	.nosto_element#productpage-nosto-added-basket-accessories-4 ul.nosto-product-list li {
		width: 48%;
	}

	.nosto_element#productpage-nosto-added-basket-accessories-2 ul.nosto-product-list li {
		width: 48%;
	}

	.nosto_element#productpage-nosto-added-basket-multi-tool ul.nosto-product-list li {
		width: 48%;
	}

	.nosto_element#productpage-nosto-added-basket-pedals ul.nosto-product-list li {
		width: 48%;
	}

	.nosto_element#productpage-nosto-added-basket-accessories-4 ul.nosto-product-list li:nth-of-type(3) {
		display: none;
	}

	.nosto_element#productpage-nosto-added-basket-accessories-4 ul.nosto-product-list li:nth-of-type(4) {
		display: none;
	}

	.nosto_element#productpage-nosto-added-basket-pedals ul.nosto-product-list li {
		width: 48%;
	}

	.nosto_element#productpage-nosto-added-basket-accessories-4 ul.nosto-product-list li.nosto-product-list-item > div:first-of-type {
		height: 140px;
	}

	.nosto_element#productpage-nosto-added-basket-multi-tool ul.nosto-product-list li.nosto-product-list-item > div:first-of-type {
		height: 140px;
	}


	.yith-similar-products ul.products li.product {
		width: 100%;
		margin-right: 0%;
		display: block;
		margin: auto;
	}

	.yith-similar-products ul.products li.product:nth-of-type(even) {
		margin: auto;
	}

	.yith-similar-products ul.products li.product.last {
		margin: auto !important;
	}

	.yith-similar-products ul.products li.product:nth-of-type(even) {
		margin: auto !important;
	}
}


.basket-nosto-holder {
	background-color: #fff;
	margin-top: 28px;
    background-color: #fff;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.basket-nosto-holder .nosto-header {
	display: none;
}

.basket-nosto-holder .nosto_element:nth-of-type(2) .custom-nosto-header, .basket-nosto-holder .nosto_element:nth-of-type(3) .custom-nosto-header {
	display: none;
}

.basket-nosto-holder:after {
	content:"";
	display:table;
	clear: both;
}

.basket-nosto-holder:before {
	content:"";
	display:table;
}

.basket-nosto-holder .nosto-product-list li a {
	opacity: 1;
	font-size: 16px !important;
}

@media only screen and (min-width: 1040px) {
	.basket-nosto-holder .nosto_element ul.nosto-product-list li {
		width: 15%;
		margin: 0 0.8%;
		padding: 0 0 25px 0;
	}

	.basket-nosto-holder .nosto_element ul.nosto-product-list li .nosto-product-info {
		margin-top: 0;
		height: 75px;
	}
}

@media only screen and (max-width: 1024px) {

	.basket-nosto-holder {
		margin-top: 50px;
	}

	.woocommerce-message::before {
		color: #fff;
	}
}

.nosto_element#nosto-category-page-top {
	padding: 20px;
	margin-bottom: 50px;
	border: 3px solid #eee;
}

.nosto_element#nosto-category-page-top .nosto-header h5 {
	text-transform: initial;
	font-weight: normal;
	line-height: 1em;
	font-size: 1.4em;
	margin-bottom: 5px;
}

.nosto_element#nosto-category-page-top .nosto-header h5:after {
	content: ":";
}

.nosto_element#nosto-category-page-top ul.nosto-product-list li {
	border-bottom: 3px solid #eeeeee;
	margin-bottom: 10px;
	width: 100%;
}

.nosto_element#nosto-category-page-top ul.nosto-product-list li:nth-of-type(3) {
	margin-right: 0 !important;
}

.nosto_element#nosto-category-page-top ul.nosto-product-list li:last-of-type {
	margin-right: 0 !important;
}

@media (min-width: 768px) {
	.nosto_element#nosto-category-page-top ul.nosto-product-list li {
		width: 29.4117647059%;
		margin-right: 5.8823529412%;
	}
}

@media only screen and (max-width: 980px) and (min-width: 560px) {
	.nosto_element#nosto-category-page-top ul.nosto-product-list li {
		width: 47%;
	    margin-right: 6% !important;
	}

	.nosto_element#nosto-category-page-top ul.nosto-product-list li:nth-of-type(3) {
		margin-right: 5.8823529412% !important;
	}

	.nosto_element#nosto-category-page-top ul.nosto-product-list li:nth-of-type(even) {
	    margin-right: 0% !important;
	}
}

.custom-nosto-header h5 {
	font-size: 26px;
	margin-bottom: 0;
	padding-top: 20px;
	line-height: 1em;
}

#nosto-product-page-1 .nosto-header h5, .woocommerce.yith-similar-products h2 {
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
	line-height: 1.3;
	margin: 0 0 1em;
}

#nosto-product-page-1 .nosto-header h5:after {
	content: ":";
}


/* Form Elements ========== */




/* Media Queries ========== */

	/* 1085 - 1300 */
	@media only screen and (max-width: 1300px) {

	}

	/* 960 - 1084 */
	@media only screen and (max-width: 1084px) {

	}

	/* 767 - 959 */
	@media only screen and (max-width: 959px) {

		.owl-controls .owl-dots .owl-dot {
			width: 12px;
			height: 12px;
			border-width: 2px;
			margin: 0 8px;
		}

	}

	@media only screen and (min-width: 560px) and (max-width: 959px) {

		footer p#footer-tel a {
			display: block;
			font-size: 20px;
		}

		footer div.footer-social-links a {
			font-size: 36px;
			padding: 5px 8px;
		}

	}

	/* 601 - 766 */
	@media only screen and (max-width: 766px) {

		footer div.col-full.footer-border-btm .footercol.about-2 {
			margin-top: 0;
		}

		footer div.col-full.footer-border-btm .footercol.about-2 h6 {
			display: none;
		}

		footer div.col-full.footer-border-btm .footercol.about-2 ul li:first-of-type {
			margin-top: 0;
		}

		footer .footer-opening-times .col > div {
			width: 250px;
			margin: auto;
		}

		footer .footer-opening-times strong {
			margin-left: 0;
		}

		footer .footer-opening-times .col:first-of-type h6 {
			text-align: center;
			margin-left: 0;
		}

		footer .mail-order {
			text-align: center;
			margin-top: 30px;
		}
		

		footer .mobile-phone-advice {
			display: block;
			padding-top: 30px;
		}
			footer .mobile-phone-advice p#footer-tel {
				display: flex;
				flex-direction: column;
				align-items: center;
			}

		footer .mobile-address-1 {
			display: block;
		}

		footer .mobile-address-2 {
			display: block;
		}

		footer .mobile-address-3 {
			display: block;
		}

		footer .desktop-address-1 {
			display: none;
		}

		footer .desktop-address-2 {
			display: none;
		}

		footer .desktop-address-3 {
			display: none;
		}

		footer div.footer-social-links {
			margin-top: 0;
			font-size: 24px;
		}

		footer .paypal-credit {
			flex-flow: column nowrap;
		}

		footer .paypal-credit .credit-image {
			margin: 0 0 2em 0;
		}
		footer .text-block {
			margin: 0 0 3em 0;
			text-align: center;
		}
		footer .text-example-block {
			margin: 0 0 2em 0;
		}
		footer .text-example-block:last-of-type {
			margin-bottom: 0;
		}

		/* Header area */

		header ul.login-links, header ul.general-links, .woocommerce-active .site-header .site-header-cart {
			display: none;
		}

		header.site-header {
		    padding-top: 0;
		    padding-bottom: 0;
		}



		.woocommerce-active .site-header .site-search {
			width: 100%;
		}



		header.site-header #header-secondary {
		    background-color: transparent;
		    color: #474747;
		    height: auto;
		    position: relative;
		    border-top: 1px solid #e5e5e5;
		    z-index: -1;
		    background-image: none;
		}

		header.site-header #header-secondary p {
			font-size: 17px;
			text-align: center;
			float: none !important;
		}

		header.site-header #header-secondary p a,
		header.site-header #header-secondary p span {
			color: #474747;
			padding: 12px 0;
		}

		header.site-header #header-secondary p i.fa {
			font-size: 20px;
			color: #aaa;
		}

		header.site-header #header-secondary p.floatright { /* Login, Register, Wishlist, Compare get moved into the nav for mobile */
			display: none;
		}

		/* Mobile header icons */
		.fa-phone:before {
		    display: inline-block;
		    content: "";
		    font-size: 1.2em;
		    margin-top: 0.2em;
		}

		.fa-shopping-basket:before {
		    content: "";
		    font-size: 0.92em;
		    margin-left: 0.1em;
		}

		/* Mobile nav */

		/* Navicon transform */
		#nav-control {
		    display: inline-block;
		    float: right;
		    margin-top: 0.2em;
		}

		.lines-button {
			display: inline-block;
			cursor: pointer;
			user-select: none;
			background: transparent;
			box-shadow: none;
			outline: none !important;
		}

		.lines-button:hover {
			opacity: 1;
			background: transparent;
		}

		.lines-button:active {
			transition: .2s;
			background: rgba(0, 0, 0, 0.1);
		}

		.lines {
			display: inline-block;
			width: 50px;
			height: 8px;
			background: #222;
			transition: 0.2s;
			position: relative;
			top: 10px;

		}

		.lines:before, .lines:after {
			display: inline-block;
			width: 50px;
			height: 8px;
			background: #222;
			transition: 0.2s;
			position: absolute;
			left: 0;
			content: '';
			-ms-transform-origin: 0.09286rem center;
			/* IE 9 */
			-webkit-transform-origin: 0.09286rem center;
			/* Chrome, Safari, Opera */
			transform-origin: 0.09286rem center;
		}

		.lines:before {
			top: 15px;
		}

		.lines:after {
			top: -15px;
		}

		.lines-button.x .lines {
			transition: background 0.2s ease 0.3s;
		}

		.lines-button.x .lines:before, .lines-button.x .lines:after {
			-ms-transform-origin: 50% 50% 0;
			/* IE 9 */
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			transition: top 0.2s 0.3s ease, -webkit-transform 0.3s ease;
			transition: top 0.2s 0.3s ease, transform 0.2s ease;
		}

		.lines-button.x.active .lines {
			background: none repeat scroll 0 0 transparent;
			transition: background 0.2s ease 0s;
		}

		.lines-button.x.active .lines:before, .lines-button.x.active .lines:after {
			top: 0;
			transition: top 0.2s ease, -webkit-transform 0.2s 0.3s ease;
			transition: top 0.2s ease, transform 0.2s 0.3s ease;
			width: 50px;
		}

		.lines-button.x.active .lines:before {
			-webkit-transform: rotate3d(0, 0, 1, 45deg);
			transform: rotate3d(0, 0, 1, 45deg);
		}

		.lines-button.x.active .lines:after {
			-webkit-transform: rotate3d(0, 0, 1, -45deg);
			transform: rotate3d(0, 0, 1, -45deg);
			transform: rotate(-45deg);
		}

		.mobile-icons {
			display: block;
		}

		#site-navigation a.mobile-icon {
		    color: #27ae60;
		    float: left;
		    font-size: 40px;
		    padding: 10px;
		    margin: 0 7px;
		}

		/* News article responsive section */
		section#news-feed a.news-article {
			width: 100%;
			display: none;
		}

		section#news-feed a.news-article:first-of-type {
			display: block;
		}


		/* Primary Content */

		#primary.content-area {
			float: none;
			width: 100%;
		}

		.left-sidebar .widget-area {
			width: auto !important;
			float: none !important;
		}

		.sharethis-inline-share-buttons {
			float: none;
		}

		.woocommerce-breadcrumb {
			float: none;
			width: 100%;
		}

		/* General */

		.owl-controls .owl-nav {
			display: none;
		}


	}

	/* 468 - 600 */
	@media only screen and (max-width: 600px) {

		header.site-header #header-secondary p {
			font-size: 14px;
			padding-bottom: 10px;
		}
		header.site-header #header-secondary p i.fa {
			font-size: 18px;
		}
		header.site-header #header-secondary p.floatleft a, header.site-header #header-secondary p.floatleft span {
	    	margin-right: 5px;
	    	padding: 10px 0 0 0;
		}

		#upcoming-events .event {
			width: 49%;
		}

		#upcoming-events .event:nth-child(3n+2) {
			margin: 0 0 10px 2%;
		}

	}

	/* 362 - 467 */
	@media only screen and (max-width: 467px) {
		#main-banner-slider {
			display: none;
		}

		#upcoming-events .event {
			width: 100%;
		}

		#upcoming-events .event:nth-child(3n+2) {
			margin: 0 0 10px 0;
		}

		#site-navigation a.mobile-icon {
			font-size: 35px;
			padding: 0 5px;
			margin: 0 5px;
		}

		.lines-button {
			padding-left: 15px;
		}

		.lines-button.x.active .lines:before, .lines-button.x.active .lines:after, .lines, .lines:before, .lines:after {
			width: 40px;
		}

		.lines {
			top: 5px;
		}

		.lines, .lines:before, .lines:after {
			height: 7px;
		}

		.lines:before {
			top: 14px;
		}

		.lines:after {
			top: -14px;
		}

		.woocommerce-breadcrumb {
			float: none;
			padding-top: 10px;
		}

		.sharethis-inline-share-buttons#st-1 {
			margin-top: 10px;
			clear: left;
			width: 100%;
			text-align: left;
		}

		#site-navigation ul li#mobile-account-links ul li a {
			font-size: 13px;
		}

	}

	/* 0 - 361 */
	@media only screen and (max-width: 361px) {


		#site-navigation {
			/* top: 13px; */
		}

		#site-navigation a.mobile-icon {
			font-size: 30px;
			padding: 0 4px;
			margin: 0 4px;
		}

		.lines-button.x.active .lines:before, .lines-button.x.active .lines:after, .lines, .lines:before, .lines:after {
			width: 35px;
		}

		.lines {
			top: 0px;
		}

		.lines, .lines:before, .lines:after {
			height: 5px;
		}

		.lines:before {
			top: 10px;
		}

		.lines:after {
			top: -10px;
		}

	}

/* ----------------------------------
Amazon Payments
------------------------------------*/

#pay_with_amazon {
    line-height: 1em;
    /* display: inline-block; */
    border: 0;
    text-align: center;
    /* float: right; */
    margin: 0 auto !important;
    width: 100%;
}

img#OffAmazonPaymentsWidgets0 {
    margin: 0 auto;
}

a.amazon-pay:link,
a.amazon-pay:active,
a.amazon-pay:hover,
a.amazon-pay:visited {
	color: #27ae60 !important;
	margin-left: 0 !important;
}

.woocommerce-error.info.wc-amazon-payments-advanced-info #pay_with_amazon {
	margin-top: 10px !important;
}

/* ----------------------------------
PayPal Credit
------------------------------------*/

.paypal-credit-banner {
	width: 700px;
	margin: 0 auto;
}

#mega-menu-item-118231 {
	display: none !important;
}

.brands .alphabet {
	display: flex;
	justify-content: center;
    padding: 1.5em 0;
}

	.brands .alphabet .container {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-flow: row wrap;
		gap: .5em;
	}

		.brands section.alphabet a:not(.button) {
			margin: 0;
			font-size: 1.5em;
			color: var(--this-bg-text);
			cursor: pointer;
			transition: all 0.3s ease;
		}
		@media only screen and (max-width: 970px) {
			
			.brands section.alphabet a:not(.button) {
				font-size: 1.25em;
			}
			
		}

		.brands section.alphabet a:not(.button):hover {
			color: var(--this-bg-text);
			text-decoration: none;
			transform: scale(1.1);
			color: #209b53;
		}

.brands .brand-blocks {
	margin-bottom: 4em;
}

	.brands .brand-blocks .container {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
	}

		.brands .brand-blocks .column {
			display: flex;
			flex-direction: column;
			gap: 1em;
			width: calc(25% - calc(1em * 3 / 4) );
    		box-sizing: border-box;
		}
		@media only screen and (max-width: 960px) {
			.brands .brand-blocks .column {
				width: calc(50% - calc(1em * 1 / 2) );
			}
		}

		@media only screen and (max-width: 420px) {
			.brands .brand-blocks .column {
				width: 100%;
			}

		}

			.brands .brand-blocks .column .brand-block{
				scroll-margin-top: 125px;
				padding: 1em;
				background: #fbfbfb;
				border-radius: 10px;
			}

			.brands .brand-blocks .column .brand-block.highlight {
				background: #EEE;
			}

				.brands .brand-blocks .column .brand-block h3 {
					margin: 0;
				}

				.brands .brand-blocks .column .brand-block ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}



/* shop brands nav */
body #masthead #site-navigation #mega-menu-item-1309121 .mega-sub-menu {
	column-count: 5;
}

body #masthead #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-1309121 > ul.mega-sub-menu > li.mega-menu-item {
	width: 100%;
	float: none;
}

body #masthead #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu#mega-menu-item-1309121 > ul.mega-sub-menu > li.mega-menu-item-161987 > a.mega-menu-link {
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
	body #masthead #site-navigation #mega-menu-item-1309121 .mega-sub-menu {
		column-count: 2;
	}
}

/* stock pop up styling */
.availability {
	position: relative;
}
.stock-pop-up {
	display: none;
	position: absolute;
}
.stock-pop-up, .stock-pop-up .arrow:after {
    background: #333;
}
.stock-pop-up {
	text-align: center;
	padding: 10px 20px;
	color: white;
	border-radius: 3px;
	font: bold 12px "Helvetica Neue", Sans-Serif;
}
.stock-pop-up .arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.stock-pop-up .arrow.top {
	top: -16px;
	bottom: auto;
}
.stock-pop-up .arrow.left {
	left: 20%;
}
.stock-pop-up .arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px #356aa0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.stock-pop-up .arrow.top:after {
	bottom: -20px;
	top: auto;
}

/* Hitachi Declined message */
img.paypal-logo-small {
	display: inline-block;
	height: 24px;
	vertical-align: bottom;
}

/** Bug Fix */
	.woocommerce div.product div.images.woocommerce-product-gallery {
		opacity: 1 !important;
		z-index: 50;
	}
	body.page div.page.type-page div.entry-content .amazon-logout a.button {
		margin: 0 0 1em;
	}
	

/** Cookie Policy */
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
		background-color: #209b53 !important;
	}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
		background-color: #209b53 !important;
	}
	#moove_gdpr_cookie_info_bar {
		z-index: 99999999 !important;
	}
	#cookie-overlay {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(33,41,52,.85);
		z-index: 999999999;
	}
	#cookie-overlay.ppp {
		top: inherit;
		height: auto;
	}

	#cookie-message {
		position: absolute;
		bottom: 0;
		padding: 4em 5em;
		background-color: #fff;
		width: 100%;
		margin: 0;
		z-index: 100;
		box-sizing: border-box;
	}

		#cookie-message .cookie-wrapper {
			display: flex;
		}

			#cookie-message .statement {
				width: 66.0%;
			}
				
				#cookie-message h2 {
					margin-top: 0;
				}
				
				#cookie-message p:last-of-type {
					margin-bottom: 0;
				}
			
			#cookie-message .accept {
				width: 32.0%;
				margin: 1em 0 0;
				text-align: right;
			}
		
	@media only screen and (max-width: 768px) {

		#cookie-message {
			text-align: center;
		}

			#cookie-message .cookie-wrapper {
				flex-flow: column nowrap;
			}

				#cookie-message .statement,
				#cookie-message .accept {
					width: 100%;
					text-align: center;
				}
		.gdpr_lightbox.gdpr_lightbox-opened {
			z-index: 999999999 !important;
		}
	}

	@media only screen and (max-width: 766px) {

		#cookie-message {
			padding: 1em 2em;
		}

		header.site-header {
			border-bottom: 1px solid #e5e5e5;
		  }
	  
	  
		  header.site-header hr {
			display: none;
		  }
	  
		  .mobile-icons {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 1em;
		  }
	  
		  header.site-header a.logo-container {
			flex: 0 15%;
		  }
		  header.site-header #mobile-logo {
			width: 36px;
			height: 36px;
			margin: 0 auto;
			display: block;
			background: url(/wp-content/themes/wheelbase/images/wheelbase-icon.png) no-repeat;
			background-position: center;
			background-size: contain;
			text-indent: -9999px;
		  }
	  
		  #site-navigation a.mobile-icon {
			font-size: 26px;
			padding: 0 5px;
			margin: 0 5px;
		  }
	  
		  #nav-control {
			flex: 0 10%;
			padding: 0;
			margin-top: 0;
		  }
	  
		  .lines-button {
			padding-left: 15px;
		  }
	  
		  .lines-button.x.active .lines:before, .lines-button.x.active .lines:after, .lines, .lines:before, .lines:after {
			width: 22px;
		  }
	  
		  .lines {
			top: 0;
		  }
	  
		  .lines, .lines:before, .lines:after {
			height: 3px;
		  }
	  
		  .lines:before {
			top: 8px;
		  }
	  
		  .lines:after {
			top: -8px;
		  }
	  
		  .mobile-icons .icons {
			display: flex;
			flex: 0 70%;
		  }
		  .mobile-icons .icons .site-search {
			display: block;
		  }
	  
		  .mobile-icons .icons .site-search form {
			margin: 2px 0;
		  }

		  .site-header .site-search .product-search .product-search-form input[type="text"] {
			line-height: 36px;
		  }
		  form.product-search-form:after {
			line-height: 38px;
		  }
		  header.site-header #header-secondary p {
			padding-bottom: 10px;
		  }

	}

	@media only screen and (max-width: 479px) {

		#cookie-message .accept .button {
			width: 100%;
		}

	}

/** Reviews */
	
	section.reviews {
		text-align: center;
	}

		section.reviews .container {
			flex-flow: row nowrap;
			justify-content: space-between;
			gap: 1em;
		}
		section.reviews .container::after {
			display: none;
		}
		@media only screen and (max-width: 820px) {
			
			section.reviews .container {
				flex-wrap: wrap;
			}
		
		}

			section.reviews .trustpilot-reviews,
			section.reviews .listen360-reviews,
			section.reviews .trustpilot-reviews {
				width: auto;
				flex: 1;
				height: 300px;
				margin: 0;
				overflow: hidden;
				padding: 5px 10px;
				overflow-y: scroll;
				overflow-x: hidden;
				background-color: #FFF;
			}
			@media only screen and (max-width: 820px) {
		
				section.reviews .trustpilot-reviews,
				section.reviews .listen360-reviews,
				section.reviews .trustpilot-reviews,
				section.reviews .trustpilot-reviews {
					flex: 0 0 calc(50% - .5em);
				}

			}
			@media only screen and (max-width: 550px) {
				
				section.reviews .trustpilot-reviews,
				section.reviews .listen360-reviews,
				section.reviews .trustpilot-reviews,
				section.reviews .trustpilot-reviews {
					flex: 100%;
				}
		
			}

				section.reviews .listen360-feedback-container {
					display: flex;
					flex-flow: column;
				}
				
						section.reviews .listen360-feedback-header {
							order: 1;
							height: 100px;
							margin: 0 !important;
							display: flex;
							justify-content: space-evenly;
							align-items: center;
							flex-flow: column;
						}
						section.reviews .listen360-feedback-header::after {
							display: block;
							color: #27ae60;
							text-transform: uppercase;
							font-size: 1em;
							line-height: 1.25em;
							margin: 0;
							font-weight: 700;
						}
						section.reviews .yorkshire .listen360-feedback-header::after {
							content: 'Yorkshire';
						}
						section.reviews .darlington .listen360-feedback-header::after {
							content: 'Darlington';
						}
						section.reviews .staveley .listen360-feedback-header::after {
							content: 'Staveley';
						}
	
							section.reviews .listen360-feedback-review {
								display: flex;
								order: 2;
								flex-flow: row wrap;
								border: none;
								background: #f8f9fa;
								margin: 0 0 15px;
								padding: 15px;
								border-radius: 3px;
								box-shadow: 0px 1px 1px #e2e7ed;
							}
							
								section.reviews .listen360-feedback-review .listen360-feedback-stars,
								section.reviews .listen360-feedback-review .listen360-feedback-reviewer-container,
								section.reviews .listen360-feedback-review .listen360-feedback-date,
								section.reviews .listen360-feedback-review .listen360-feedback-summary,
								section.reviews .listen360-feedback-review .listen360-feedback-summary .listen360-feedback-summary-span {
									width: 100%;
									max-width: 100%;
									text-align: left;
									margin: 0;
								}
		
								section.reviews .listen360-feedback-review .listen360-feedback-stars {
									order: 1;
								}
		
								section.reviews .listen360-feedback-review .listen360-feedback-reviewer-container {
									order: 2;
									font-weight: 600;
									color: #727273;
									font-size: 13px;
								}
		
								section.reviews .listen360-feedback-review .listen360-feedback-date {
									order: 3;
									color: #727273;
									font-size: 10px;
									line-height: 1;
									margin: 0 0 8px;
								}
		
								section.reviews .listen360-feedback-review .listen360-feedback-summary {
									order: 4;
									color: #191919;
									font-size: 14px;
									font-weight: 400;
									line-height: 18px;
								}
	
	
	@media only screen and (max-width: 500px) {
	
			section.reviews .listen360-reviews, 
			section.reviews .trustpilot-reviews {
				width: 100%;
			}
	}
	
	