/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** Kim's for Paypal message CUSTOM CSS HERE.   ***************/
span#zoid-paypal-message-uid_3deaef4153_mta6mdu6mtm {
    display: none !important;
	opacity: 0 !important;
	visibility: 0 !important;
}
span#zoid-paypal-message-uid_1ae3a13a2c_mta6mjy6ntm iframe {
    display: none !important;
		opacity: 0 !important;
	visibility: 0 !important;
}
.message__container.locale--GB .message__content {
    display: none !important;
		opacity: 0 !important;
	visibility: 0 !important;
}
/*************** RUBEN CUSTOM CSS HERE.   ***************/
.mr-1 {
	margin-right: 10px;
}

.sub-menu {
	margin-top:35%;
	border-bottom: 5px solid #5d2b7e!important;
}

.mega_menu_col h4 {
	background-color: #DFD5E5;
	padding-left: 10px;
	padding-bottom: 10px;
}

.mega_menu_col .ux-menu {
	padding-left: 10px;
}

.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
	border-bottom-style: none;
}

.header-nav .mega-menu-item {
	margin: 0 3%!important;
}

.header-nav .mega-menu-item a {
	font-size: 100%!important;
}

.slider-button {
	display: inline-flex;
    align-items: center;
    justify-content: center;
}


/*************** MATT CARR CUSTOM CSS HERE.   ***************/

:root
{
	--primaryColour: #662583; /* Purple */
	--secondaryColour: #e28b02; /* Orange */
	--blueColour: #085485; /* Blue */
	--altColour: #28baac; /* Teal */
	--redColour: #b80a17; /* red */
	--greyMedium: #dfdfdc;
	--grey800:    #888;
	--bodyColour: #444;
	--fontSizeSm: .8rem;
	--light:      #feffff;
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

/* Safari fix */

.row:before, .row:after {
display: flex !important;
}

/* Safari fix ends */

#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 {
display: none !important;
}

h1, h2, h3, h4, h5, h6 {
padding-top: 8px;
}

/* Delete in future */

.nav > li > a {
font-size: 18px;
}

.page-wrapper {
padding-top: 1px;
padding-bottom: 5px;

}
.page-title-inner {
padding-top: 10px;
min-height: 30px;
}

.featured-title .page-title-inner {
padding-bottom: 10px;
}
.nav-small .nav>li>a, .nav.nav-small>li>a {
font-size: 16px;
}

.aws-container .aws-search-field {
font-size: 13px !important;
max-width: 300px !important;
border: 1px solid #777;
margin: 30px auto 0 !important;
}

.is-divider {
display: none;
}

body {
line-height: 1.4;
}

.single_add_to_cart_button {
background-color: #005387 !important;
}

.widget_price_filter span {
font-size: 12px;
}

pre, blockquote, form, figure, p, dl, ul, ol {
margin-bottom: 0.5em;
}

.col, .gallery-item, .columns {
padding: 0 15px 5px !important;
}

.footer-1 {
background-color: #662584 !important;
}

.footer-1 span.widget-title {
color: #fff;
}

.button.tm-woocompare-button, .woocommerce button.tm-woocompare-button {
max-width: 180px;
font-size: 12px;
height: auto;
background: #999;
}

.button.tm-woowishlist-button, .woocommerce button.tm-woowishlist-button {
max-width: 180px;
font-size: 12px;
height: auto;
background: #999;
}

.woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button {
max-width: 180px;
font-size: 12px;
height: auto;
}

.button span {
line-height: 1;
}

.widget_price_filter .price_slider_amount .button {
border-radius: 0px !important;
}

.widget_price_filter span {
line-height: 3;
}

.button.is-outline, input[type='submit'].is-outline, input[type='reset'].is-outline, input[type='button'].is-outline {
background-color: #095485;
border: none;
color: #fff !important;
min-height: 20px;
}

.back-to-top.active {
bottom: 60px;
}

.custom-category-header {
max-width: 1235px;
margin: 0 auto 0 auto;
padding: 10px;
}

.admin-item {
display: none !important;
}

.admin-bar .admin-item {
display: block !important;
}

/* .chat-form {
max-height: 400px !important;
padding: 5px;
font-size: 11px;
}
*/

/*************** Text   ***************/

.center-text {
	text-align: center;
}
.small-caps {
	font-variant: small-caps;
}
.p-featured-paragraph {
		width: 100%;
		max-width: 800px;
		margin: 25px auto 50px;
		font-size: 22px;
		line-height: 24px;
}

/*************** Header ***************/

.header-full-width .container {
    max-width: 1250px !important;
}
.header-top .container {
    max-width: 1250px !important;
}
li.html.custom.html_topbar_left {
    font-size: 17px;
}
.nav-left .html_topbar_right {
    width: 100%;
}
.flex-row.nav-box>li>a {
    padding: 0 1.45em;
}
.aws-container .aws-search-field {
    padding: 15px;
    line-height: 40px;
    font-size: 18px;
    height: 40px;
	width: 100%;
	max-width: 400px;
	margin: 20px auto 0;
}
.cookie-bar-bar button#catapultCookie {
    padding: 5px 10px;
    background: #593F99;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
}
.ctcc-more-info-link {
	text-decoration: underline;
}

/*************** Navigation Bar   ***************/

.header.has-sticky
{
	z-index: 110;
}

/*************** Pages   ***************/



/*************** Woocommerce ***************/

/* Shop Pages */

.box-image img {
    padding: 10px 20px;
/*     max-height: 225px; */
    width: auto;
    width: 247px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
}
.product-quick-view-container img {
    padding: 20px;
}
.product-quick-view-container .quantity {
    margin-bottom: 10px;
}

/* Product Pages */

.product-title
{
	margin-bottom: .1rem;
}

.product-subheading
{
	font-weight: 700;
    display: block;
    font-size: .9em;
    color: #222;
    margin-bottom: 2rem;
}

.review-form-inner {
    background: #fafafa;
}
.related.related-products-wrapper.product-section {
    margin-bottom: 150px;
}

/* Checkout */

.woocommerce-MyAccount-navigation-link--downloads, .ced_my_account_place_same_order {
		display: none !important;
}

/*************** Slider  ***************/

.slider-featured-image .col-inner {
	border: 3px solid #d8d8d8;
}

/*************** Blog  ***************/


/*************** Sidebars  ***************/

.post-sidebar {
		margin-top: 25px;
}

/*************** Footer  ***************/

.footer-wrapper {
    margin-top: 5px;
}

/*************** Forms  ***************/

.widget_search .search-submit {
	display: none;
}
.aws-container .aws-search-form {
    position: relative;
    width: 100%;
    max-width: 700px;
    display: block;
    margin: 10px auto 30px;
}
.livechat-full input.text, textarea {
	padding: 5px;
	border: 1px solid #d8d8d8;
}
.div-form {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		dispay: block;
}
#bne_testimonials_form {
		background-color: #fafafa;
		padding: 20px 40px;
		border: 1px solid #d8d8d8;
		border-radius: 5px;
}
#bne_testimonials_form input, #bne_testimonials_form textarea {
		width: 90%;
		max-width: 100%;
}
#bne_testimonials_form input[type='submit'] {
			max-width: 250px;
}
.has-cookie-bar #catapult-cookie-bar {
    opacity: 1;
    max-height: 999px;
    min-height: 30px;
    min-width: 320px;
}

/*************** Testimonials ***************/

.testimonial-single {
    width: 100%;
    max-width: 600px;
    margin: 25px auto;
    background: #fafafa;
    padding: 20px 40px;
    border: 1px solid #d8d8d8;
}

/*************** Media  ***************/

.trustpilot-widget iframe {
    width: 100%;
    max-width: 550px;
    margin: 50px auto;
    display: block;
}
.mgl_tubelab_banner {
    background-image: none;
    background: #104C82;
}
.mgl_tubelab_channel_playlist_nav_item {
		display: none !important;
}
.mfp-iframe {
		max-width: 750px;
}

/*************** Buttons  ***************/

.btn {
		padding: 10px 25px;
		border-radius: 0px;
		border: 1px solid #d8d8d8;
		text-align: center;
}
.btn-primary {
		background: rgb(16, 76, 130);
		color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
		background: rgb(187, 33, 33);
		color: #fff;
}
.btn-secondary {
		background: #BB2121;
		color: #fff;
}
.btn-secondary:hover, .btn-secondary:focus {
		background: rgb(16, 76, 130);
		color: #fff;
}
.btn-center {
		margin: 25px auto 0 !important;
		display: block !important;
		width: 100%;
		max-width: 200px;
}
.btn-center-wide {
		margin: 25px auto 0 !important;
		display: block !important;
		width: 100%;
		max-width: 275px;
}

/* Rob's Custom class */

/* Pages */

#main {
    min-height: 500px;
}
hr {
    margin: 35px 0 15px;
}

/* Category Pages */

.box-image {
/*     height: 225px !important; */
    display: table-cell;
    vertical-align: middle;
}
.box-image .attachment-shop_thumbnail, .box-image .attachment-shop_catalog {
    display: table-cell;
    vertical-align: middle;
}

.echo-stock {
	color:green;
}

.echo-out-of-stock {
	color:red;
}

@media only screen and (max-width: 520px) {

	.box-image {
		height: auto !important;
		display: inline;
		vertical-align: top;
	}
    .box-image .attachment-shop_thumbnail, .box-image .attachment-shop_catalog {
        display: inline;
        vertical-align: top;
    }

}

/* Product Pages */

.add-request-quote-button {
    margin-bottom: 5px !important;
}

.request-quote-tooltip {
    margin-bottom: 25px;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 80%;
    min-width: 250px;
    padding: 10px 20px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

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

/* Media */

.div-map iframe, .wpcf7-form-control-wrap iframe {
    margin: 10px auto !important;
}

/** Forms **/

.woochimp_skin_general th {
    color: #fff !important;
}

/** Social Login **/
.the_champ_social_login_title {
    margin-top: 30px;
    border-top: 1px dotted #dddddd;
    padding-top: 30px;
}

.echo-stock, .echo-out-of-stock {
	margin: 10px 0 0;
    background: whitesmoke;
    padding: 1px 0;
    width: 50%;
    border-radius: 25px;
}


/** Additional CSS found in Customizer **/

li.header-search-form.search-form.html.relative.has-icon {
    width: 500px !important;
    display: block;
    margin: 0 auto;
    max-width: 100% !important;
}

.header-search-form-wrapper form.searchform {
    max-width: 100% !important;
}

.header-search-form-wrapper form.searchform {
    max-width: 100% !important;
    width: 400px !important;
    margin: 0 auto !important;
}

.gdprconsent{
    color: red;
}

/**************************************/
/* !- Header - Main [block]           */
/**************************************/

.header-main
{
    background-color: var(--primaryColour);
    padding: 0;
    height: auto !important;
}

.header-main > .header-inner
{
	padding-top: 10px;
	padding-bottom: 10px;
	/*background: transparent url('images/tyre-bay-dave-header.jpg') left bottom no-repeat;
	background-size: 185px 122px;*/
}

@media only screen and (max-width: 1053px)
{
	.header-contact-block-img {
		display:none;
	}
	
	.header-contact-block-text {
		max-width: 100%;
    	flex-basis: 100%;
	}
	
}

@media only screen and (max-width: 849px)
{
	.header-main > .header-inner
	{
		background: transparent url('images/tyre-bay-dave-header.jpg') left bottom no-repeat;
		background-size: 185px 122px;
	}
}


@media only screen and (max-width: 549px)
{
	.header-main > .header-inner
	{
		background-position: 10px bottom;
		background-size: contain;
	}
}

@media only screen and (min-width: 550px) and (max-width: 849px)
{
	.header-main > .header-inner
	{
		background-position: 60px bottom;
	}
	
	
}

.header-main .flex-right .html_nav_position_text
{
	margin-left: 0;
}

.header-main ul.header-nav li a
{
	font-size: 100%;
}

.header-main .nav > li > a
{
	line-height: 1;
}

.header-main .header-newsletter-item .tooltip
{
	border-bottom: none;
}

.header-main .header-newsletter-item .icon-envelop
{
	top: -1px;
}

.header-main .header-social-icons .button
{
	font-size: .8rem;
}

.header-main .social-icons i
{
	top: 1.5px;
}

/**************************************/
/* !- Footer [block]                  */
/**************************************/

.back-to-top.active
{
	bottom: 20px;
}

/**************************************/
/* !Typography */
/**************************************/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cfx7hp');
  src:  url('fonts/icomoon.eot?cfx7hp#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cfx7hp') format('truetype'),
    url('fonts/icomoon.woff?cfx7hp') format('woff'),
    url('fonts/icomoon.svg?cfx7hp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="tbd-icon-"], [class*=" tbd-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tbd-icon-basket:before {
  content: "\e900";
}
.tbd-icon-callback:before {
  content: "\e901";
}
.tbd-icon-delivery:before {
  content: "\e902";
}
.tbd-icon-description:before {
  content: "\e903";
}
.tbd-icon-dimensions::before
{
	content: "\e904";
}
.tbd-icon-finance:before {
  content: "\e905";
}
.tbd-icon-pdf::before,
.tbd-icon-documents::before
{
  content: "\e906";
}
.tbd-icon-specs::before,
.tbd-icon-tech-specs::before
{
	content: "\e907";
}
.tbd-icon-warranty:before {
  content: "\e908";
}

/**************************************/
/* !- Header - Bottom [block]         */
/**************************************/

.header-bottom
{
	padding: 10px 0;
}

.header-bottom .flex-center
{
	flex: 1 40%;
}

.header-bottom .dgwt-wcas-search-wrapp
{
	max-width: 1000px;
}

.header-bottom .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input
{
	padding: 8px 15px;
}

.header-bottom .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.header-bottom .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit
{
	height: 36px;
}

.header-bottom .header-cart-link .basket-count
{
	margin-left: 0;
}

.header-bottom ul.header-nav li a
{
	font-size: 1rem;
	text-transform: none;
}

/**************************************/
/* !- Main Menu [block]               */
/**************************************/

.header-main-menu
{
	position: relative;
	z-index: 8;
	background-color: var(--primaryColour);
}

/**************************************/
/* !- USP Banner [block]              */
/**************************************/

.usp-banner
{
	position: relative;
	z-index: 1;
	color: var(--bodyColour);
	text-align: center;
	list-style: none;
	background-color: var(--greyMedium);
	display: flex;
	justify-content: center;
	margin: 0;
	padding: .6em 1em;
}

.usp-banner .usp
{
	margin: 0;
	padding: 0 5rem;
	border-right: 1px solid var(--bodyColour);
	line-height: 1;
	font-weight: bold;
	vertical-align: middle;
	align-items: center;
    display: flex;
}

.usp-banner .usp:last-child
{
	border-right: none;
}

.usp-banner a
{
	color: var(--bodyColour);
}

@media only screen and (max-width: 767px)
{
	.usp-banner .usp
	{
		padding: 0 1rem;
		font-size: var(--fontSizeSm);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1100px)
{
	.usp-banner .usp
	{
		padding: 0 2rem;
	}
}

/**************************************/
/* !- Brands Grid [block]             */
/**************************************/

.brands-grid .brand
{
	box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
	display: block;
}

@media only screen and (max-width: 549px)
{
	.brands-grid .brand
	{
		margin-bottom: 2rem;
	}
}

.brands-grid .brand-figure
{
	background-color: var(--greyMedium);
	text-align: center;
}

.brands-grid .brand-figure .brand-logo-wrap
{
	display: block;
	min-height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	height: 150px;
	flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	max-width: 100%;
}

.brands-grid .brand-figure .brand-logo
{
	height: auto;
	max-height: 100%;
	width: auto;
}

.brands-grid .brand-figure .name
{
	text-transform: uppercase;
	background-color: var(--light);
	display: flex;
	padding: 1rem .5rem;
	color: #0051a4;
	font-weight: bold;
	min-height: 5em;
	justify-content: center;
	align-items: center;
}

.brands-grid .brand-col
{
	flex-grow: 1;
	max-width: none;
}

/**************************************/
/* !Homepage Grid                     */
/**************************************/

.deals-row .col-inner>.img:not(:last-child)
{
	margin-bottom: 0;
}

@media only screen and (max-width: 549px)
{
	.deals-row .col-inner .img
	{
		padding-bottom: 1rem;
	}
}

@media only screen and (min-width: 550px)
{
	.deals-row .col-inner .prime-offer.img
	{
		padding-right: .3rem;
	}
	
	.deals-row .col-inner .secondary-offer.img
	{
		padding-left: .6rem;
		padding-bottom: 1.5rem;
	}
}

/**************************************/
/*                                    */
/* !Reusable Blocks                   */
/*                                    */
/**************************************/

/**************************************/
/* !- Download Button [block]         */
/**************************************/

.download-btn
{
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.download-btn .download-btn-icon
{
	margin-bottom: .5rem;
}

.download-btn .download-btn-text
{
	display: block;
}

/**************************************/
/* !- Breadcrumb [block]              */
/**************************************/

.breadcrumbs
{
	text-align: center;
}

/**************************************/
/* !Product [block]                   */
/**************************************/

.box-text .quantity
{
	margin-top: 1rem;
}

.box-text .quantity .button
{
	margin-top: 0;
}

/**************************************/
/* !Sidebar                           */
/**************************************/

#shop-sidebar .widget,
.shop-sidebar .widget
{
	background-color: var(--greyMedium);
	padding: 1rem;
}

#shop-sidebar .widget ul,
.shop-sidebar .widget ul
{
	padding-left: 0;
}

#shop-sidebar .widget .widget-title,
.shop-sidebar .widget .widget-title
{
	color: var(--bodyColour);
	margin-bottom: 1rem;
	display: block;
}

#shop-sidebar .widget > ul > li + li,
.shop-sidebar .widget > ul > li + li
{
	border-top: 1px solid var(--grey800);
}

#shop-sidebar .widget > ul > li ul li,
.shop-sidebar .widget > ul > li ul li
{
	margin-top: .25rem;
	margin-bottom: .25rem;
}

/**************************************/
/* !Product Page                      */
/**************************************/

/* !- Call to Action Buttons  */
.product-cta-block
{
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 1rem;
}

.product-cta-block .cta-btn-block
{
	flex: 0 25%;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.cta-btn-block .btn-cta
{
	background-color: #ebe9eb;
	color: var(--bodyColour);
	padding: .75rem 1rem;
	margin: 0;
	display: flex;
	align-items: center;
}

.cta-btn-block .btn-cta:hover
{
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.cta-btn-block .btn-cta i
{
	font-size: 2rem;
}

.cta-btn-block .btn-cta .btn-label
{
	line-height: 1.5;
}

.yith-wocc-wrapper.cta-btn-block
{
	margin-top: 0;
}

.yith-wocc-wrapper.cta-btn-block .yith-wocc-button-container
{
	margin-bottom: 0;
}

.woocommerce-products-compare-compare-button .compare-btn-wrap
{
	display: flex;
}

.woocommerce-products-compare-compare-button.cta-btn-block
{
	font-weight: bold;
	text-transform: uppercase;
    font-size: .97em;
    line-height: 2em;
    min-height: 2.5em;
    margin-top: 0;
}

.woocommerce-products-compare-compare-button label
{
	margin-bottom: 0;
}

.woocommerce-products-compare-compare-button .woocommerce-products-compare-compare-link
{
	color: var(--bodyColour);
}

@media only screen and (max-width: 500px)
{
	.product-cta-block
	{
		flex-flow: row wrap;
	}
	
	.product-cta-block .cta-btn-block
	{
		flex: 0 100%;
	}
	
	.cta-btn-block .btn-cta
	{
		width: 100%;
	}
}

/* !- Table of Contents */
/* !- Table of Contents */
.pre-product-info
{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.pre-product-info .yith-wfbt-form
{
	margin-bottom: 0;
}

.pre-product-info .fbt-block
{
	display: flex;
	align-items: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.pre-product-info .yith-wfbt-section .yith-wfbt-items
{
	margin-bottom: 0;
}

.toc-block
{
}

.table-of-contents
{
	padding: 1rem;
	border: 1px solid var(--bodyColour);
	width: 100%;
}

@media only screen and (max-width: 500px)
{
	.table-of-contents
	{
		width: 100%;
	}
}

.shop-container ul.table-of-contents-list
{
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}

.table-of-contents-list-item
{
	border-top: 1px solid var(--grey800);
	margin-bottom: 0;
}

.table-of-contents-link
{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}

.table-of-contents-link .icon-angle-right
{
	float: right;
}

/* !- Product Info Section */

.product-info-section
{
	margin-bottom: 2rem;
}

.product-info-section .product-info
{
	margin-top: 2rem;
	padding-top: 0;
}

.product-info-header
{
	background-color: var(--blueColour);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
}

.product-info-header .product-info-heading
{
	display: inline-block;
	width: auto;
	color: var(--light);
	margin: 0;
	padding: 0;
	line-height: 2.5;
}

.product-info-header [class^="tbd-icon-"]
{
	vertical-align: -0.15rem;
}

.product-info-header .back-to-top-link
{
	line-height: 2.5;
	color: var(--light);
}

@media only screen and (max-width: 500px)
{
	.product-info-header
	{
		flex-flow: column wrap;
		justify-content: flex-start;
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	
	.product-info-header .product-info-heading,
	.product-info-header .back-to-top-link
	{
		line-height: 1.5;
	}
	
	.back-to-top-link .back-to-top-text
	{
		font-size: 0.7em;
	}
}

/* !- Additional Information [block] */

table.shop_attributes
{
	margin-bottom: 0;
}

table.shop_attributes .woocommerce-product-attributes-item__label
{
	width: 25%;
}

/*************** Responsive / Mobile CSS  ***************/

@media only screen and (max-width: 1125px) {
		.nav-size-small > li > a {
				font-size: .85em;
		}
.nav-small .nav>li>a, .nav.nav-small>li>a {
    font-size: 10.5px;
}
}
@media only screen and (max-width: 520px) {
		.nav-size-small > li > a {
				font-size: .5em;
		}
}

@media only screen and (max-width: 650px) {
		.ups-icon {
				display:none;
		}
}


/* AL 31/3/20 Fix overflowing category text for 'Related products' */

.category.no-text-overflow
{
	white-space: normal;
}

/* AL 15/7/20 Fix appearance of response output whenothing submitted yet */

.div.wpcf7-response-output[aria-hidden=true]
{
	visibility: hidden;
}

/* AL 29/7/20 Fix CSS Ajax suggestions list on Safari mobile from strenching from scrolling */

.dgwt-wcas-suggestions-wrapp
{
	min-width: 288px;
	right: 0;
}

/* AL 29/7/20 Safari thumbs not loading until interacted */

.box-image img
{
	opacity: 1 !important;
/* 	width: 100%; */
}

.dgwt-wcas-overlay-mobile-on body.dgwt-wcas-is-ios .dgwt-wcas-suggestions-wrapp
{
	height: calc(100% - 45px)!important;
}

/* AL 2/9/20 CTA Buy Buttons */
/*

.button.buy-cta
{
	min-width: 400px;
}
*/

/* AL 4/9/20 Hide PayPal extra payment methods on 'PayPal' label */

.payment_method_paypal_express label[for=payment_method_paypal_express] > img
{
	display: none;
}

/* AL 4/9/20 Product Bubbles on Mobile */

.single-product .product-gallery-slider
{
	z-index: 23;
	/* make it below the badge, when unset, safari puts it in front */
}

body .badge-container
{
	z-index: 50;
}

@media only screen and (max-width: 767px)
{
	body .badge-container
	{
		margin: 0;
		width: 100%;
		top: .5rem;
		z-index: 50;
	}
	
	body .badge-circle,
	body .badge+.badge-circle
	{
		width: calc(100% - .5rem);
		margin: 0 auto;
	}
	
	body .badge,
	body .badge-inner
	{
		display: block;
	}
	
	body .badge .badge-inner
	{
		width: 100%;
		white-space: normal;
		line-height: 1.25;
		height: auto;
		padding-top: .25em;
		padding-bottom: .25em;
		font-size: .7rem;
	}
	
	body .badge-outline,
	body .badge-circle
	{
		margin: 0 auto;
	}
	
	body .badge-circle+.badge
	{
		height: auto;
	}
	
	body .badge-circle-inside .badge-inner, .badge-circle .badge-inner
	{
		border-radius: 15px;
	}
}

/* AL 18/9/20 Fix ordered and unordered bullet points */

.shop-container ul,
.shop-container ol
{
	padding-left: 20px;
}

/* AL 26/2/21 Scroll */

[id] {
  scroll-margin-top: 9rem;
}

/* AL 12/3/21 Checkout CTA block */

.h2
{
	font-family: "Signika", sans-serif;
	padding-top: 8px;
	width: 100%;
    margin-top: 0;
    margin-bottom: .5em;
    text-rendering: optimizeSpeed;
    font-weight: 700;
    display: block;
}

.checkout-cta
{
	text-align: center;
	margin-top: 2rem;
	background-color: #662583;
	color: #fff;
	padding: 1rem 2rem 2rem;
}

.checkout-cta .h2,
.checkout-cta a
{
	color: #fff;
}

/* AL 1/4/21 Checkout coupon  */
.woocommerce-form-coupon-toggle
{
	margin-bottom: 1rem;
}

.cart_totals tbody th,
.shop_table tfoot th {
    font-size: 85%;
    text-transform: inherit;
    letter-spacing: 0;
    line-height: 1.05;
    font-weight: 600;
}

#place_order
{
	min-width: 100%;
}

/* AL 11/6/21 Custom role price fix */
.variation-price-wrap del > span:nth-of-type(2),
.variation-price-wrap ins > span:nth-of-type(2)
{
	display: none;
}

/* AL 3/9/21 Fix Newsletter form */
.footer-widgets .widget-title
{
	margin-bottom: 1rem;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
}

.footer-widgets .form-flat input:not([type=submit])
{
	background-color: #fff;
	border-radius: 0;
}

.footer-widgets .wpcf7-list-item-label
{
	color: #fff;
}

.footer-widgets .wpcf7-list-item-label a
{
	color: #999;
}

/* General contact us button in footer */
.footer-widgets a.button.primary
{
	background-color: #b80a17;
}

.wpcf7 .wpcf7-submit.button
{
	background-color: #b80a17;
	border-radius: 0;
}

/* AL 3/9/21 Pop-up form fix */
#header-newsletter-signup .form-flat input:not([type=submit])
{
	background-color: #fff;
	border-radius: 0;
}

#header-newsletter-signup .form-flat .wpcf7-email
{
	margin-top: 1rem;
}

#header-newsletter-signup .wpcf7-list-item-label
{
	color: #fff;
}

#header-newsletter-signup .wpcf7-list-item-label a
{
	color: #fef;
}

/* AL 17/9/21 Equal height grid */

.product-small > .col-inner,
.product-small > .col-inner .product-small.box
{
	display: flex;
}

.product-small > .col-inner .product-small.box
{
	flex-flow: column;
}

.product-small .product-small.box .box-text
{
	flex: 1;
	display: flex;
	flex-flow: column;
	align-items: center;	
}

.product-small .box-text .quantity
{
	margin-left: auto;
	margin-right: auto;
}

.product-small .add-to-cart-button
{
	margin-top: auto;
}

.row-small>.flickity-viewport>.flickity-slider>.col,
.row-small>.col
{
	display: flex;
	align-items: stretch;
}

.product-small .echo-stock,
.product-small .echo-out-of-stock
{
	width: auto;
}

/**************************************/
/* !CTA Card [block]                  */
/**************************************/

.cta-card
{
	background-color: var(--primaryColour);
	padding: 2rem;
	text-align: center;
	color: #fff;
}

.cta-card a
{
	color: #fff;
}

.cta-card__btn
{
	margin-bottom: 0;
	margin-right: 0;
}

.button.button--primary
{
	background-color: var(--redColour);
}

/* AL 12/10/21 Equal height categories */

.product-category.col .col-inner,
.product-category.col a,
.product-category.col .box
{
	display: flex;
}

.product-category.col .box
{
	flex-flow: column;
}

.product-category.col .box-text
{
	margin-top: auto;
}

/* AL 1/11/21 Style footer nav list */
.footer-widgets ul.menu > li
{
	border-top: none;
}

.footer-widgets ul.menu > li > a
{
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* AL 11/1/22 Delivery disclaimer */
.delivery-disclaimer
{
	margin-bottom: 10px;
}

/**************************************/
/* !Duel Price [block]                */
/**************************************/
.duel-price
{
	display: block;
}

.duel-price__price
{
	display: block;
}

.duel-price__inclVat
{
	margin-bottom: .75rem;
}

.duel-price__exclVat
{
	font-size: .75em;
}

.duel-price__exclVat,
.duel-price__exclVat .variation-price-prefix-label,
.duel-price__exclVat .amount
{
	color: #777;
}

.woocommerce-price-suffix.woocommerce-price-suffix--sm
{
	font-size: 0.6em;
}

/* !- Checkout/Basket price           */
.shop_table .product-subtotal .woocommerce-price-suffix,
.shop_table .product-price .woocommerce-price-suffix
{
	display: block;
	margin-bottom: -0.5em;
}

/**************************************/
/* !USP Block [block]                 */
/**************************************/

.usp-block
{
	background-color: var(--primaryColour);
	color: #fff;
	text-align: center;
	padding-top: 2rem;
	padding-left: 2rem;
	padding-bottom: 2rem;
	padding-right: 2rem;
/*
	margin-top: 2rem;
	margin-bottom: 2rem;
*/
}

.usp-block__heading
{
	color: #fff;
}

.usp-block__list
{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.col-inner ul .usp-block__item
{
	display: inline-block;
	max-width: 200px;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 1rem;
	margin-left: 0;
	margin-bottom: 1rem;
	margin-right: 0;	
}

.usp-block__item
{
	flex: 0 20%;
}

.usp-block__icon
{
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.usp-block__text
{
	display: block;
}

.trustpilot-block
{
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

@media only screen and (max-width: 500px)
{
	.usp-block__item
	{
		flex: 0 50%;
	}
}

@media only screen and (min-width: 501px) and (max-width: 767px)
{
	.usp-block__item
	{
		flex: 0 33.33%;
	}
}

@media only screen and (max-width: 767px)
{
	.usp-block__item
	{
		font-size: var(--fontSizeSm);
	}
}

/* !-- Backgrounds               */

.block--bg
{
	overflow: hidden;
	position: relative;
}

.block__bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block--overlay
{
	&::before
	{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		background-color: rgba($dark, 0.5);
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

.block--overlayGradient
{
	&::before
	{
		background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(197,225,6,0) 50%);
	}
}

.block--fg,
.block--bg .section-block__content
{
	position: relative;
	z-index: 2;
}

/**************************************/
/* !- Message Banner [block]          */
/**************************************/

.msg-banner-item
{
	display: flex;
	width: 100%;
	
	text-align: center;
	list-style: none;
	
	float: none;
	margin-bottom: 0;
    
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media screen and (min-width: 550px) and (max-width: 849px)
{
	.medium-columns-3 .msg-banner-item
	{
		max-width: 33.3333333333%;
	    -ms-flex-preferred-size: 33.3333333333%;
	    flex-basis: 33.3333333333%;
	}
}

@media screen and (min-width: 850px)
{	
	.large-columns-4 .msg-banner-item
	{	
	    max-width: 25%;
	    -ms-flex-preferred-size: 25%;
	    flex-basis: 25%;
	}
	
	.large-columns-5 .msg-banner-item
	{
		max-width: 20%;
	    -ms-flex-preferred-size: 20%;
	    flex-basis: 20%;
	}
}

.msg-banner
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column wrap;
	position: relative;
	flex: 1;
}

.msg-banner__btn
{
	margin-top: 1rem;
	display: inline-block;
}

.msg-banner__link
{
	display: flex;
	flex: 1;
}

.msg-banner--darkBg
{
	background-color: var(--grey800);
}

.msg-banner--lightBg
{
	background-color: #eee;
}

.msg-banner__inner
{
	padding: 1rem;
}

.woocommerce img.msg-banner__bg, 
.woocommerce-page img.msg-banner__bg
{
    width: 100%;
    height: 100%;
    height: 95%;
}

.msg-banner__content
{
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.msg-banner--light
{
	color: #fff;
}
	
.msg-banner--light a
{
	color: var(--light);
}

.msg-banner--dark
{
	color: var(--bodyColour);
}

.msg-banner--overlay::before
{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
	
.msg-banner--overlay.msg-banner--overlayDark::before
{
	background-color: rgba(0,0,0, 0.5);
}
	
.msg-banner--overlay.msg-banner--overlayLight::before
{
	background-color: rgba(255,255,255, 0.5);
}

/* AL 23/6/22 Sales Badge */
.product-small .badge-container
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5rem;
	margin-left: 0;
	width: 100%;
}

.product-small .badge.callout
{
	width: 100%;
	display: block;
	height: auto;
}

.product-small .badge-inner
{
	padding-top: .5rem;
	padding-bottom: .5rem;
	display: block;
}

/* AL 29/7/22 Tech Spect table */

#tab-tech-specs tbody > tr > td,
#tab-tech-specs table.shop_attributes .woocommerce-product-attributes-item__label
{
	padding: 0.5em;
}

#tab-tech-specs tbody > tr > td:first-child,
#tab-tech-specs table.shop_attributes .woocommerce-product-attributes-item__label
{
	font-weight: bold;
	width: 250px;
	text-transform: uppercase;
	background-color: #727272;
	line-height: 1.05;
    letter-spacing: .05em;
    color: #fff;
}

#tab-tech-specs tbody > tr:hover
{
	background-color: #dfdfdc;
}

#product-sidebar + .col
{
	
}

.product-main > .content-row
{
	justify-content: center;
}

.button--secondary
{
	background-color: #ebe9eb;
	color: var(--bodyColour);
}

.button--secondary:hover
{
	color: var(--bodyColour);
}

/**************************************/
/* !CTA Bar */
/**************************************/

.cta-bar
{
	background-color: #e28b00;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .5rem 1rem;
	z-index: 30;
}

.cta-bar .row
{
	justify-content: center;
}

.cta-bar__wrapper
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.cta-bar__out-of-stock
{
	margin-bottom: 0;
	color: #fff;
}

.cta-bar__wrapper .cart,
.cta-bar__wrapper .button
{
	margin-bottom: 0;
}

.cta-bar__wrapper p.in-stock
{
	color: #fff;
	margin-bottom: 0;
	margin-right: 1rem;
	line-height: 2.5;
}

.cta-bar__wrapper .button--even-spacing-sm,
.cta-bar__wrapper .button.single_add_to_cart_button
{
	margin-top: .2rem;
	margin-bottom: .2rem;
}

.cta-bar__wrapper .buttons_added
{
	margin-top: .2rem;
	margin-bottom: .2rem;
	margin-right: .2rem;
}

.button--even-spacing-sm
{
	margin-left: .2rem;
	margin-right: .2rem;
}

.col.mb-0
{
	padding-bottom: 0 !important;
}

/**************************************/
/* !Product Row aligned               */
/**************************************/

.products-row .col {
	display: flex;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.products-row .col-inner {
	display: flex;
	flex-flow: column nowrap;
}

.products-row .product-small,
.products-row .box-text {
	display: flex;
	flex-flow: column nowrap;
	flex: 1;
}