/* Global */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border: 1px solid #dcdcdc;
	border-left-width: 3px;
}

.woocommerce-error {
	border-left-color: #dd0000;
}

.woocommerce-error::before {
	color: #dd0000;
}

.woocommerce-info {
	border-left-color: #00457d;
}

.woocommerce-info::before {
	color: #00457d;
}

.woocommerce-message {
	border-left-color: #8fae1b;
}

.woocommerce-message::before {
	color: #8fae1b;
}

.woocommerce span.onsale {
	background: none;
	color: #fff;
	background-color: #dd0000;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #00457d;
	line-height: 1.2em;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	font-size: 14px;
	display: block;
	line-height: 1.3em;
	margin-right: 8px;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
	font-size: inherit;
	line-height: inherit;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: 0;
	background: #ebe9eb;
	border-radius: 5px;
}

/* Buttons*/

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce div.button,
.woocommerce button.button,
.woocommerce input.button {
	background: #aaa;
	border-radius: 0;
	border: 2px solid #aaa;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0.9rem 1rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border-radius: 3px;
	line-height: 1;
}

@media (min-width: 768px) {
	.woocommerce a.button-lg,
	.woocommerce div.button-lg,
	.woocommerce button.button-lg,
	.woocommerce input.button-lg {
		padding: 1.8rem 3rem;
		border-radius: 5px;
		letter-spacing: 0.3em;
	}
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: #aaa;
	color: #fff;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce div.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	border: 2px solid #e53341;
	background-color: #e53341;
	outline: none;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce div.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	border: 2px solid #e53341;
	background-color: #e53341;
}

/* Cart */

.woocommerce table.shop_table {
	border-radius: 0;
	background-color: #fff;
	font-size: 14px;
}

.woocommerce table.shop_table th {
	text-transform: uppercase;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 7px 12px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
#basket-booking-calendar {
	float: left;
	width: 48%;
	max-width: 100%;
	margin: 0 auto 40px;
	margin-left: 4%;
}

#basket-booking-calendar {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 9px 12px;
	margin-left: 0;
}

@media (max-width: 767px) {
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals,
	#basket-booking-calendar {
		float: none;
		width: auto;
	}
}

/* Checkout */

#ship-to-different-address label {
	margin: 0;
	cursor: pointer;
	font-weight: inherit;
}

.fitting-calendar .ui-datepicker-header {
	line-height: 40px;
}

.fitting-calendar .ui-datepicker-title {
	font-size: 22px;
	font-weight: 300;
}

.fitting-calendar .ui-datepicker-next,
.fitting-calendar .ui-datepicker-prev {
	padding-top: 13px;
}

.fitting-calendar .ui-datepicker th {
	font-size: 16px;
	font-weight: 300;
}

.fitting-calendar .ui-datepicker,
.ui-datepicker-calendar td:first-child .ui-state-active,
.fitting-calendar .ui-datepicker td a,
.fitting-calendar .ui-datepicker td span {
	width: 100% !important;
	font-family: "Merriweather Sans", sans-serif;
	font-weight: 300;
}

.fitting-calendar .ui-datepicker td a,
.fitting-calendar .ui-datepicker td span,
.fitting-calendar .ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	font-family: "Merriweather Sans", sans-serif;
}

/* Loop */

.woocommerce .products-loop {
	clear: both;
}

.woocommerce .products-loop div.product {
	border-bottom: 1px solid #666;
	overflow: hidden;
	margin-bottom: 40px;
	padding-bottom: 40px;
	position: relative;
}

.woocommerce .products-loop div.product > a:first-child {
	background: #f3f3f3;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: block;
	text-decoration: inherit;
}

.woocommerce .products-loop div.product > a:before,
.woocommerce .products-loop div.product > a:after {
	content: "";
	display: table;
}

.woocommerce .products-loop div.product > a:after {
	clear: both;
}

.woocommerce .products-loop div.product .product-thumbnail {
	margin-left: auto;
	margin-right: auto;
	width: 166px;
}

.woocommerce .products-loop div.product span.onsale,
.woocommerce.single-product div.product span.onsale {
	border-radius: 0;
	font-weight: bold;
	padding: 4px 0;
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	z-index: 1;
	width: 170px;
	transform: rotate(45deg) translate(54px, -25px);
	letter-spacing: 0.1em;
	min-height: 0;
	line-height: 1.5em;
}

.woocommerce .products-loop div.product h3 {
	background-image: linear-gradient(to top, #002240 0, #00437f 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 20px;
	padding-right: 60px;
	margin: 0 0 10px;
	overflow: hidden;
}

.woocommerce .products-loop div.product h3 ~ p,
.woocommerce .products-loop div.product h3 ~ .bbpf-term-description {
	overflow: hidden;
	padding-left: 20px;
}

.woocommerce .products-loop div.product .price {
	font-weight: 700;
}

.woocommerce .products-loop div.feature-product .bbpf-term-description {
	overflow: hidden;
	display: block;
}

.woocommerce .products-loop div.feature-product .price {
	display: none;
}

.woocommerce .products-loop div.feature-product .feature-price {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px;
	width: 166px;
}

.woocommerce .products-loop div.feature-product .feature-price .price {
	display: block;
	font-size: 1.6em;
	text-align: center;
}

.woocommerce div.feature-product span.price del,
.woocommerce div.feature-product span.price ins {
	display: block;
	float: none;
}

.woocommerce div.feature-product span.price del {
	line-height: 1em;
}

/* Single */

.woocommerce.single-product .product-top {
	background: #f3f3f3;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.woocommerce.single-product .product-top .woocommerce-product-gallery {
	margin: 0 auto;
	float: none !important;
	width: 280px !important;
}

.woocommerce.single-product .product-top .woocommerce-product-gallery img {
	display: block;
	height: auto;
	width: 100%;
}

@media (min-width: 768px) {
	.woocommerce .products-loop div.product .product-thumbnail {
		float: left;
		margin-right: 10px;
	}
	.woocommerce .products-loop div.feature-product .feature-price {
		margin: 0;
		clear: left;
		float: left;
	}
	.woocommerce.single-product .product-top .woocommerce-product-gallery {
		float: left !important;
		width: 340px !important;
	}
}

.woocommerce.single-product .product-top .product_title,
.woocommerce.single-product
	.product-top
	.woocommerce-product-details__short-description,
.woocommerce.single-product .product-top .bbpf-term-description {
	padding-left: 20px;
	overflow: hidden;
}

.towbar-features {
	overflow: hidden;
	padding: 0 2rem;
	margin-bottom: 2rem;
	max-width: 50rem;
}

.towbar-features table {
	width: 100%;
}

.towbar-features table tr:nth-child(2n) {
	background: #fff;
}

.towbar-features th,
.towbar-features td {
	vertical-align: middle;
}

.towbar-features__icon {
	width: 5rem;
	padding: 0.5rem 0;
	text-align: center;
}

.towbar-features__icon__image {
	display: inline-block;
	width: 2.25rem;
	object-fit: cover;
	vertical-align: middle;
}

.towbar-features__value {
	color: #00457d;
	font-weight: bold;
	padding: 0.5rem;
	width: 10rem;
}

.on-car-images {
	display: flex;
	justify-content: center;
	margin: 3.2rem 0;
	clear: both;
}

.fake-add-to-cart {
	display: flex;
	justify-content: center;
	padding: 2rem 0 3.2rem;
	clear: both;
}

@media (min-width: 768px) {
	.towbar-features {
		padding: 0 3rem;
	}
}

.woocommerce.single-product h1 {
	background-image: linear-gradient(to top, #002240 0, #00437f 100%);
	color: #fff;
	font-size: 18px !important;
	font-weight: 300;
	padding: 20px !important;
	margin: 0 0 10px;
	overflow: hidden;
}

.fitting-included {
	background-image: linear-gradient(to top, #002240 0, #00437f 100%);
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 0 -1rem 1rem;
}

.fitting-included h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5em;
	border-bottom: 2px solid #fff;
	margin: 0 0 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.woocommerce.single-product .woocommerce-product-gallery__image > a {
	background-color: #fff;
	display: block;
}

.woocommerce.single-product div.product .product_title {
	font-size: 20px;
}

del {
	display: block;
}

.woocommerce.single-product div.product .price {
	background: #fff;
	display: block;
	font-weight: 700;
	margin-bottom: 15px;
	padding: 10px;
	margin: 0 10px;
}

.woocommerce.single-product #content div.product div.images,
.woocommerce.single-product div.product div.images,
.woocommerce-page.single-product #content div.product div.images,
.woocommerce-page.single-product div.product div.images,
.woocommerce.single-product #content div.product div.summary,
.woocommerce.single-product div.product div.summary,
.woocommerce-page.single-product #content div.product div.summary,
.woocommerce-page.single-product div.product div.summary {
	width: auto;
	float: none;
}

.woocommerce-page.single-product .acc-for-towbars {
	margin-top: 50px;
}

.woocommerce-page.single-product .acc-for-towbars > h3 {
	padding-bottom: 20px;
	border-bottom: 5px solid #dcdcdc;
	margin: 0 0 20px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 1.8em;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0 0 6px;
	width: 100%;
	text-align: right;
	float: none;
}

.woocommerce div.product form.cart div.quantity::before {
	content: "Quantity:";
}

.woocommerce div.product form.cart div.quantity input {
	display: inline-block;
	height: 38px;
}

.woocommerce div.product form.cart .button {
	margin: 0 0 6px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 700;
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	.woocommerce div.product form.cart div.quantity,
	.woocommerce div.product form.cart .button {
		margin: 0 0 0 6px;
		width: auto;
	}
	.woocommerce div.product form.cart div.quantity {
		float: left;
	}
	.woocommerce div.product form.cart div.quantity::before {
		display: none;
	}
	.woocommerce .products-loop div.product .product-thumbnail,
	.woocommerce .products-loop div.feature-product .feature-price {
		background: #fff;
		width: 280px;
	}
	.woocommerce .products-loop div.feature-product .feature-price {
		margin-top: 0;
	}
}

/* My Account */

.woocommerce-MyAccount-navigation .is-active {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5;
}

/* Addons */

.product-addon {
	background: #f3f3f3;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px !important;
	overflow: hidden;
}

.addon-name {
	background-image: linear-gradient(to top, #002240 0, #00437f 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 10px 20px;
	margin: 0 0 20px;
	overflow: hidden;
}

.product-addons-radios {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.product-addons-radios > li {
	flex: 0 0 33.3333%;
}

.addon-wrap label {
	cursor: pointer;
}

.addon-wrap .addon-img {
	background-color: #fff;
	border: 3px solid #fff;
	align-items: center;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	margin: 0 auto 10px;
	overflow: hidden;
	height: 128px;
	width: 128px;
}

.addon-wrap .addon-img img {
	display: block;
	height: auto;
	width: 70%;
}

.addon-wrap h4 {
	font-size: 14px;
}

.addon-wrap input[type="radio"] {
	display: none;
}

.addon-wrap input[type="radio"]:checked + label .addon-img {
	border-color: #00437f;
}

.product-single-sidebar {
	background: #f3f3f3;
	padding: 0 1rem 1rem;
}

.product-single-sidebar.affix {
	max-width: 262px;
	top: 0;
}

@media (max-width: 991px) {
	.product-single-sidebar.affix {
		position: relative;
	}
}

dl.product-addon-totals {
	text-align: center;
}

.product-single-sidebar .price {
	background: #fff;
	padding: 0.5rem 0;
	text-align: center;
}

.product-single-sidebar .price del,
.product-single-sidebar .price ins {
	display: block;
}

.product-single-sidebar .price ins {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.5em;
}

.product-single-sidebar .quantity {
	text-align: right;
}

.product-single-sidebar .quantity::before {
	content: "Quantity: ";
}

.product-single-sidebar .quantity .form-control {
	display: inline-block;
}

dl.product-addon-totals dt,
dl.product-addon-totals dd {
	background-color: #fff;
	display: block;
	float: none;
	width: auto;
}

dl.product-addon-totals dt {
	padding: 1rem 1rem 0;
}

dl.product-addon-totals dd {
	padding: 0.5rem 1rem 1rem;
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.product-single-sidebar button.button {
	display: block;
	margin-top: 0.5rem;
	width: 100%;
}

/* Vehicle Search */

.vehicle-result {
	min-height: 20px;
	padding: 18px 18px 10px;
	margin-bottom: 20px;
	background: #f3f3f3;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	border-left: 5px solid #00457d;
	overflow: hidden;
}

.vehicle-result .registration-plate {
	background: rgb(248, 208, 56);
	background: -moz-linear-gradient(
		top,
		rgba(248, 208, 56, 1) 0%,
		rgba(237, 185, 45, 1) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(248, 208, 56, 1) 0%,
		rgba(237, 185, 45, 1) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(248, 208, 56, 1) 0%,
		rgba(237, 185, 45, 1) 100%
	);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8d038', endColorstr='#edb92d', GradientType=0);
	border: 1px solid #c79713;
	border-radius: 4px;
	color: #111;
	font-size: 28px;
	line-height: 1.4em;
	height: 1.4em;
	padding: 0 0.4em;
	text-align: center;
	text-transform: uppercase;
	box-shadow: none;
	display: inline-block;
	font-family: "UKNumberPlate", sans-serif;
	margin: 0.2em 0;
	float: left;
	margin-right: 15px;
}

.vehicle-result .vehicle-icon {
	font-size: 44px;
	float: left;
	margin-right: 18px;
	color: #777;
	padding-top: 2px;
}

.vehicle-result h4,
.vehicle-result p {
	overflow: hidden;
	float: left;
}
