/*
 Theme Name:   B2K
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Storefront Child Theme
 Author:       C Magee
 Author URI:   http://widagroup.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* GLOBAL */

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
	max-width: 1400px;
}

.page-template-template-homepage .type-page {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.site-content {
	outline: none;
	max-width: 1400px;
	margin: auto;
}

.site-main {
	padding: 0 20px;
	margin-bottom: 0;
}

/* WIDGET AREA */

.widget-area .widget {
	margin-bottom: 20px;
}

.widget-area .widget {
	font-size: inherit;
}

.right-sidebar .widget-area {
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 768px) {
	.right-sidebar .content-area {
		width: 66%;
		margin-right: 0;
		padding-right: 20px;
	}
	.right-sidebar .widget-area {
		width: 33%;
		float: right;
		margin-right: 0;
	}
	.page-template-template-contactpage.right-sidebar .content-area {
		width: 50%;
	}
	.page-template-template-contactpage.right-sidebar .widget-area {
		width: 50%;
	}
	.storefront-full-width-content .content-area {
		width: 100%;
	}
}

.widget_nav_menu ul li::before {
	content: ">";
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
	font-family: 'Poppins', sans-serif;
	opacity: 1;
	font-weight: normal;
	margin-left: -10px;
	margin-right: 0;
}

.widget .widget-title, .widget .widgettitle {
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
}

.widget-area #nav_menu-7.widget,
.widget-area #custom_html-9.widget,
.widget-area #custom_html-10.widget {
	padding: 5px 20px;
	border-radius: 10px;
	background-color: #f7f7f7;
}

.overlay-container {
	position: relative;
}

.overlay-container .text-overlay {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.overlay-container .text-overlay a {
	color: #fff !important;
	font-size: 24px;
}


.align-centre {
	text-align:center;
}

.clear-both {
	clear: both;
}

.clear-both::before {
	content: "";
	display: table;
}

.col-full {
	max-width:1400px;
}

.site-content ul {
	margin-left: 15px;
}

.cols-2 .item,
.cols-1-3,
.cols-2-3,
.cols-3 .item,
.cols-4 .item {
    display: inline-block;
	vertical-align: top;
}  

.cols-2 .item {
    width: 50%;
}

/* .cols-3 .item,
.cols-1-3 {
    width: 33.33%;
}

.cols-2-3 {
    width: 66.66%;
} */

.cols-4 .item {
    width: 25%;
}

/* HIDE PAGE TITLES ON NORMAL PAGES */
.page-template-template-homepage h1.entry-title,
.page-template-default h1.entry-title {
	display: none;
}

h1 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}

h2 {
	font-size: 30px;
	margin-top: 0 !important;
}

h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
	font-weight: 600;
}

button, 
button .woocommerce-button,
.btn {
	font-weight: normal !important;
	color: #fff !important;
	background-color: #79549d !important;
	/* color change all purples to new purple */
	background-color: #962ee2 !important;
}

/* change request 20250301 */
button, 
button .woocommerce-button,
.btn {
	background-color: #da00b7 !important;
}


.btn {
	padding: 10px 24px;
	display: inline-block;
}
button:hover,
button .woocommerce-button:hover {
	background-color: #222222 !important;
}

.display-flex {
    display: flex;
} 

.parallax {
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 0 0;
 }

a:focus {
	outline:none !important;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
	background-color: #79549d;
	/* color change all purples to new purple */
	background-color: #962ee2;
}

/* FONTS */
body, button, input, select, textarea {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 1.6;
}

/* COLOURS */

body {
	color: #202020;
}

.cw-1 {
	background-color:#f1f1f1;
}

.widget-area .widget a, .hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
	text-decoration: none;
}

/* HEADER */

.site-header {
	padding: 0;
	border-bottom: none;
}



@media (max-width: 767px) {
	.site-header .site-branding {
		width: 100%;
		float: none;
	}
	.site-header .custom-logo-link {
		max-width: 120px;
		margin: auto;
	}
	.header-contact-dets {
		text-align: center;
	}
	.header-contact-tel,
	.header-contact-email {
		display:inline-block;
		padding: 10px;
	}
}



@media (min-width: 768px) {
	.storefront-secondary-navigation.woocommerce-active .site-header .site-branding,
	.woocommerce-active .site-header .site-search,
	.woocommerce-active .site-header .site-header-cart,
	.contact-cart-container,
	.header-contact-dets,
	.woocommerce-active .site-header .site-header-cart {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0;
		clear:none;
		float: none;
	}
	.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
		width: 30%;
	}
	.woocommerce-active .site-header .site-search {
		width: 29%;
	}
	.contact-cart-container {
		width: 39%;
	}
	.contact-cart-container {
		text-align: right;
	}
	.site-header-cart .cart-contents .count {
		padding-right: 5px;
	}
	.header-contact-dets {
		text-align: right;
		padding-right: 24px;
		border-right: 1px solid #d9d9d9;
	}
	.woocommerce-active .site-header .site-header-cart {
		width: auto;
		margin-left: 24px;
	}
	.site-header-cart:hover .widget_shopping_cart {
		left: auto;
		width: 300px;
		text-align: left;
		right: 0;
		position: absolute;
	}
	.site-header .custom-logo-link {
		max-width: 162px;
	}
}
.header-contact-tel,
.header-contact-email {
	font-weight: bold;
}
.header-contact-tel a,
.header-contact-email a {
	font-weight: normal;
}


.site-search .widget_product_search form::before {
	top: 18px;
}

/* TOP NAV */

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
	width: 100%;
	float: none;
	margin-right:0;
}
.top-header-container {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 20px;
}
.above-header .menu {
    text-align: right;
}
.above-header .menu li {
    display: inline-block;
}
.secondary-navigation ul li:hover > ul {
	background-color: #f2f2f2;
}
.secondary-navigation .menu ul a {
	background: none;
	border-bottom: 1px solid #d6d6d6;
	padding: 8px 0;
}
.secondary-navigation ul ul li {
	padding: 0 10px;
}
.secondary-navigation ul.menu a i {
	padding-right: 5px;
}
.secondary-navigation .menu ul li:last-child a {
	border-bottom: 0 none;
}
.secondary-navigation ul.menu a:hover {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}


/* MAIN NAV */

@media (min-width: 768px) {
	.primary-navigation {
		display: block;
		text-align: center;
	}
}

.storefront-primary-navigation {
	background-color: #141414;
}
.woocommerce-active .site-header .main-navigation {
	width: 100%;
}

.main-navigation ul li {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
}
.main-navigation ul.menu > li > a, 
.main-navigation ul.nav-menu > li > a {
	color: #fff;
	padding: 20px;
}

/* MOBILE NAV */
button.menu-toggle::after, 
button.menu-toggle::before, 
button.menu-toggle span::before {
	background-color: #fff;
}


button.menu-toggle, 
button.menu-toggle:hover {
	background-color: transparent;
	border: 0 none;
	font-size: 16px;
	color: #fff;
}

/* HEADER USPS */

@media (max-width: 767px) {
	.header-usp-container.cols-4 .item {
		display: none;
	}
}

@media (min-width: 768px) {
	.header-usp-container {
		padding: 12px 0;
	}
	.header-usp-container.cols-4 .item {
		width: 50%;
		margin: 10px 0;
	}
}
@media (min-width: 960px) {
	.header-usp-container.cols-4 .item {
		width: 25%;
	}
}

.header-usp-container,
.header-usp-container a {
	background-color:#79549d;
	/* color change all purples to new purple */
	background-color: #962ee2;
	color: #fff;
}

/* change request 20250301 */
.header-usp-container,
.header-usp-container a {
	background-color:#962ee2;
}



.usp-icon {
	position: absolute;
	width: 40px;
	background-color: #3a2a49;
	border-radius: 50%;
	height: 40px;
}

.usp-icon i {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.usp-heading {
	display: block;
	margin-left: 50px;
	font-weight: 700;
}
.usp-caption {
	display: block;
	margin-left: 50px;
	font-size: 11px;
}

/* BANNER */
.banner-image {
	height: 200px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

@media (min-width: 960px) {
	.banner-image {
		height: 300px;
	}
}


@media (min-width: 1200px) {
	.banner-image {
		height: 400px;
	}
}


/* BREADCRUMBS */
.storefront-breadcrumb {
	text-align: right;
	margin-bottom: 10px;
}
.woocommerce-breadcrumb a:first-of-type::before {
	display: none;
}
.woocommerce-breadcrumb a {
	text-decoration: none;
}
.woocommerce-breadcrumb .breadcrumb-separator {
	display: none;
}
.woocommerce-breadcrumb a::after {
	content: " > ";
	text-decoration: none;
}


/* FEATURE PANELS - TOP */

.feature-panel {
	/* display: flex; */
	display: inline-flex; 
	flex-wrap: wrap;
	/* margin: auto; */
	justify-content: center;
	margin-top: 0;
	margin-left: 0 !important;
}


.feature-panel,
.feature-panel a {
	color: #202020;
	font-size: 15px;
}

.feature-panel .item {
	border: 1px solid #eaeaea;
	text-align: left;
	padding: 20px;
	padding-bottom: 0;
	margin: 7px;
	/* flex: 25%; */
	flex-grow: 0;
	list-style-type: none;
	width: auto;
}


@media (min-width: 600px) {
	.feature-panel .item {
		flex: 30%;
	}
}


@media (min-width: 1200px) {
	.feature-panel .item {
		flex: 25%;
		flex-grow: 0;
	}
}


.feature-panel .text-link::after {
	content: " >";
}

.feature-panel h3 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
	line-height: 1.2;
	margin-top: 10px;
}

.feature-panel .text-link {
	font-size: 14px;
	font-weight: 700;
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}

/* MAIN CONTENT */

article.hentry {
	max-width: 960px;
	margin: auto;
}
.woocommerce-cart article.hentry,
.theme-storefront.woocommerce-checkout article.hentry {
	max-width: none;
}

/* BULLET LIST */

.bullet-list {
	max-width: 960px;
	margin: auto;
	font-weight: 600;
	padding: 20px 0 50px 0;
}

.bullet-list.cols-2 .item {
	width: 100%;
}

@media (min-width: 960px) {
	.bullet-list.cols-2 .item {
		width: 50%;
		line-height: 2;
	}
}

.bullet-list li {
	position: relative;
	padding-left: 10px;
}
	
.bullet-list li:before {
	content: ">";
	position: absolute;
	left: 0;
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}

/* FANCY BULLET LIST */

.fancy-bullet-container {
	margin-bottom: 20px;
}

.bullet-list.cols-3 .item {
	width: 100%;
}

@media (min-width: 960px) {
	.bullet-list.cols-3 .item {
		width: 33.33%;
		line-height: 2;
	}
}

/* IMAGE & TEXT INFO PANELS */

.image-text-info-panel h2,
.image-text-info-panel h3 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}
.image-text-info-panel .cols-1-3,
.image-text-info-panel .cols-2-3 {
	vertical-align: middle;
}

.image-text-info-panel {
	padding: 30px 0;
}

@media (min-width: 960px) {
	.image-text-info-panel {
		padding: 70px 0;
	}
}

.image-text-info-panel ul,
.image-text-info-panel ol,
.wp-block-column ul,
.wp-block-column ol {
	margin: 15px;
}

	
/* FOCUS PANELS */

.focus-panel {
	margin: auto;
}

.focus-panel .item {
	margin-right: -4px;
	padding: 35px 0;
	width: 100%;
	text-align: center;
}

.focus-panel img {
	margin: auto;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.focus-panel .item {
		width: 100%;
		text-align: left;
	}
	.focus-panel .image-container,
	.focus-panel .text-container {
		display: inline-block;
		width: 50%;
		margin-right: -4px;
		vertical-align: middle;
	}
}

@media (min-width: 1200px) {
	.focus-panel .item {
		width: 50%;
	}
	.focus-panel .image-container,
	.focus-panel .text-container {
		vertical-align:top;
	}
	.focus-panel .image-container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.focus-panel h2 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}

/* ICON BLOCKS */

.icon-block {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.icon-block .item {
	display: flex;
	padding: 0;
	flex: 100%;
	margin-bottom: 20px;
	text-align: center;
}

@media (min-width: 768px) {
	.icon-block .item {
		flex:50%;
		padding: 0 10px;
	}
}

.icon-block .icon-container,
.icon-block .text-container {
	display: inline-block;
	margin-right: -4px;	
	vertical-align: middle;
}

.icon-block .inner-container {
	background-color: #f1f1f1;
	padding: 20px;
	width: 100%;
}

.icon-block .icon-container {
	position: relative;
	background-color: #ffff;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.icon-block .text-container {
		width: 75%;
	}
}

.icon-block .icon-container img,
.icon-block .icon-container i {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	/* height: 70px; */
	color: #000;
}

.icon-block h3.small-heading {
	font-size: 18px;
	font-weight: bold;
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}

@media (min-width: 1200px) {
	.icon-block .item {
		text-align: left;
	}
	.icon-block .text-container {
		padding-left: 30px;
	}
}

/* ICON SECTION */

.icon-section-container {
	padding: 70px 0 50px 0;
}
.icon-section-container.prices {
	padding: 0 0 0 0;
}

.icon-container {
	height: 120px;
	padding-top: 20px;
}


.icon-panel.cols-3 .item {
	padding: 20px 60px;
	flex: 100%;
}

.icon-panel.cols-3 .item:hover {
	background-color: #e0e0e0;
}

.icon-panel.cols-4 .item {
	padding: 20px 30px;
	position: relative;
	flex:100%;
}

.prices .icon-panel.cols-4 .item {
	margin-bottom: 30px;
}

@media (min-width: 600px) {
	.icon-panel.cols-3 .item {
		flex:50%;
		flex-grow: 0;
	}
	.cols-1-3 {
		width: 50%;
	}
	.cols-2-3 {
		width: 50%;
	}

	.icon-panel.cols-4 .item {
		flex:50%;
	}
}

@media (min-width: 1200px) {
	.icon-panel.cols-3 .item {
		flex:33%;
		flex-grow: 0;
	}
	.cols-1-3 {
		width: 33.33%;
	}
	.cols-2-3 {
		width: 66.66%;
	}
	.icon-panel.cols-4 .item {
		flex:25%;
		flex-grow: 0;
	}
}

.icon-container img {
	height: 80px;
	display: block;
	margin: auto;
}

.icon-container i {
	font-size: 80px;
}

.icon-panel .item p {
	min-height: 100px;
}

.icon-panel {
	display: flex;
	margin: auto;
	flex-wrap: wrap;
	list-style-type: none;
}

.icon-panel,
.icon-panel a {
	color: #202020;
}

.icon-panel h3 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
}

.icon-price {
	background-color: #962ee2;
	color: #fff;
	/* border-radius: 5px; */
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
	width: 80%;
}
.icon-price-prefix {
	font-weight: normal;
}

/* IMAGE CTA SECTION */

.cta-panel {
	margin: 40px auto;
}
/* reduce the size when no sidebar */
.page-has-sidebar .cta-panel {
	margin: 0 -20px;
}
.page-has-sidebar .image-spacer {
	height: 200px;
	padding: 0;
}

.cta-panel .item {
	position: relative;
	list-style-type: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.cta-panel h2 {
	color: #fff;
}
.cta-panel-text-container {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 90%;
}

.cta-panel-text-container p {
	font-size: 16px;
}

.image-spacer {
	height: 0;
	padding: 0 0 70%;
	min-height: 400px;
}
@media (min-width: 1200px) {
	.image-spacer {
		height: 450px;
		padding: 0;
	}
}



/* TESTIMONIALS SLIDER */
.slick-prev.slick-arrow,
.slick-next.slick-arrow {
	border: 0 none !important;
}

.sp-testimonial-free-wrapper {
	margin-top: 40px;
	margin-bottom: 20px;
}


/* ACCORDION SECTION */

.accordion-section h3 {
	font-size: 30px;
	text-align: center;
}


.wpsm_panel span.fa {
	margin-right: 6px;
	background-color: #79549d;
	/* color change all purples to new purple */
	background-color: #962ee2;
	color: #fff;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 11px;
}

/* Hide the faqs accordion icon - it's causing an alignment error when q spans 2 lines on mobile and cant be fixed */

.wpsm_panel span.fa {
	display: none;
}

/* change line height accordion qs */ 
.ac_title_class {
	line-height: 20px;
	font-weight: 600;
}

/* FOOTER */

.site-footer {
	background-color: #202020;
	color: #fff;
	font-size: 12px;
	line-height: 2;
	padding-bottom: 0;
	margin-top: 30px;
}

.site-footer ul li a {
	color: #fff !important;
}

.site-footer a:not(.button):not(.components-button) {
	color: #fff;
	text-decoration: none ;
}

.site-footer a:not(.button):not(.components-button):hover {
	text-decoration: underline;
}

.widget_nav_menu ul li {
	padding-left: 0;
}

.site-footer .widget_nav_menu ul li::before {
	content: "";
}

.site-footer .widget .widget-title {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	padding: 0;
}

.footer-widgets {
	padding-top: 0;
}

.site-info {
	padding: 10px 0;
	border-top: 1px solid #2f2f2f;
}

.storefront-handheld-footer-bar ul li > a {
	color: #202020 !important;
}

@media (max-width: 768px) {
	.storefront-handheld-footer-bar {
		display: block !important;
	}
}


/* TABLEPRESS */

.tablepress-table-name,
.tablepress-table-description {
	text-align: center;
}
.tablepress-table-description {
	margin-bottom: 30px;
}
.tablepress thead th {
	background-color: #e9e9e9;
	vertical-align: middle;
	padding: 20px 15px;
}
.tablepress tbody td {
	padding: 15px;
}
.tablepress tfoot th {
	/* font-size: 12px; */
	font-weight: normal;
	background-color: #fff;
	padding-top: 20px;
}

/* METASLIDER */
.metaslider {
	margin-top: 30px !important;
}

/* TIPS META SLIDER */
.metaslider.tips-slider .caption-wrap {
	position: relative;
	background: #fff ;
	color: #202020 ;
}

.metaslider.tips-slider .caption {
	padding: 0;
	font-size: 14px;
	line-height: 1.7;
}
.metaslider.tips-slider .caption h3 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
	line-height: 1.2;
	margin-top: 10px;
}
.metaslider.tips-slider .caption h5 {
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

/* CONTACT FORM - WP FORMS */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-weight: 600;
	font-size: 14px;
}

.wpforms-container-full .wpforms-form button[type="submit"] {
	background-color: #79549d !important;
	/* color change all purples to new purple */
	background-color: #962ee2 !important;
	padding: 10px 30px !important;
	color: #fff !important;
	border: 0 none;
}

.wpforms-container-full .wpforms-form button[type="submit"]:hover {
	background-color: #202020 !important
}
/* change request 20250301 */
.wpforms-container-full .wpforms-form button[type="submit"] {
	background-color: #da00b7 !important;
}
.wpforms-container-full .wpforms-form button[type="submit"]:hover {
	background-color: #79549d !important;
	/* color change all purples to new purple */
	background-color: #962ee2 !important;
}


/* WOOCOMMERCE */

/* homepage featured products */

.storefront-product-section {
	max-width: 1400px;
	margin: auto;
}

.page-template-template-homepage-php .site-main ul.products.columns-4 li.product {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}

@media (min-width: 600px) {
	.page-template-template-homepage-php .site-main ul.products.columns-4 li.product {
		width: 50%;
	}
}

@media (min-width: 1200px) {
	.page-template-template-homepage-php .site-main ul.products.columns-4 li.product {
		width: 25%;
	}
}

ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px;
	line-height:1.38;
}

ul.products li.product .price {
	color: #202020;
	font-weight: 600;
}

.button.product_type_simple.add_to_cart_button,
.button.product_type_variable.add_to_cart_button {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}
.button.product_type_simple.add_to_cart_button {
	background-color: #79549d ;
	/* color change all purples to new purple */
	background-color: #962ee2;
}
.button.product_type_variable.add_to_cart_button {
	background-color: #202020;
}

/* PRODUCT LIST */
.storefront-sorting select {
	padding: 10px;
	font-size: 12px;
	border: 1px solid #cfcfcf;
}
.woocommerce-result-count {
	padding: 15px 0;
	color: #999;
}

ul.products li.product.product-category img, 
ul.products .wc-block-grid__product.product-category img, 
.wc-block-grid__products li.product.product-category img, 
.wc-block-grid__products .wc-block-grid__product.product-category img,
ul.products li.product img, 
ul.products .wc-block-grid__product img, 
.wc-block-grid__products li.product img, 
.wc-block-grid__products .wc-block-grid__product img {
	border: 1px solid #eaeaea;
}


/* PRODUCT DETAIL */

.single-product div.product p.price {
	font-size: 24px;
	font-weight: bold;
}
.single-product .button.alt,
.storefront-sticky-add-to-cart button.alt  {
	background-color: #79549d;
	/* color change all purples to new purple */
	background-color: #962ee2;
}
.single-product div.product table.variations select {
	padding: 5px;
	border: 1px solid #e1e1e1;
	margin-top: 5px;
}
.single-product div.product table.variations label {
	color: #6d6d6d;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
	border: 1px solid #eaeaea;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 23%;
	float: none;
	display: inline-block;
	border: 1px solid #eaeaea;
	padding: 10px !important;
	box-sizing: border-box;
	clear: none;
	margin: 2%;
	margin-right: -1px;
	margin-top: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin-left: -10px;
	margin-right: -2px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
	display: block;
	margin: auto;
}

.custom-eancode,
.custom-manufacturer {
	padding-bottom: 10px;
}

.custom-eancode span,
.custom-manufacturer span {
	font-weight: 600;
}

/* checkout */
.woocommerce-form__label-for-checkbox {
	margin-bottom: 10px;
}


/* PRODUCT SLIDER */

.wps-slider-section {
	margin-top: 40px;
}

#wps-slider-section .wps-product-image {
    border: 1px solid #eaeaea !important;
}

#wps-slider-section h2.sp-woo-product-slider-section-title {
	font-size: 30px !important;
	font-weight: 300 !important;
	text-align: center !important;
}

#wps-slider-section .wpsf-product-title a {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.38 !important;
}
#wps-slider-section .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 300 !important;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
	padding-top: 0;
}


/* MEGA MENU */

#mega-menu-wrap-primary {
	background: transparent;
}

#mega-menu-wrap-primary #mega-menu-primary {
	text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 20px 0px 20px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background: #333;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
	font-weight: 700;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	background: #333;
	font-weight: 700;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 15px 15px 5px 15px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 3px;
	padding-top: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > 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-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	border-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid #d6d6d6;
}

/* MOBILE MENU */

.mob-menu-logo-holder {
	margin-top: 0;
	background-color: #fff;
	padding-top: 6px;
}

.mobmenul-container i {
	color: #000;
}

.mobmenu-left-panel {
	background-image: none;
	width: 300px;
	background-color: #000;
}

#mobmenuleft .mob-expand-submenu, 
#mobmenuleft > .widgettitle, 
#mobmenuleft li a, 
#mobmenuleft li a:visited,
#mobmenuleft .mobmenu-content h2, 
#mobmenuleft .mobmenu-content h3, 
.mobmenu-left-panel .mobmenu-display-name, 
.mobmenu-content .mobmenu-tabs-header li {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
.mob-expand-submenu i {
	font-size: 14px;
}
.mobmenu-content li > .sub-menu li {
	padding-left: 20px !important;
}


/* CHANGES NOV 24 - KEEP THESE FOR BOTH VERSIONS OF SITE - WOO AND NON WOO */

.metaslider .flex-control-paging li a.flex-active,
.metaslider .flex-control-nav li a:hover {
	background-color: #79549d !important;
	/* color change all purples to new purple */
	background-color: #962ee2 !important;
}
.metaslider .flex-control-nav li a {
	background-color: #cccccc !important;
}

/* colour changes to be consistent as per doc provided */
.feature-panel h3 {
	color: #202020;
}
.icon-panel h3 {
	color: #202020;
}
/*
.site-footer ul li a {
	color: #a88bc4 !important;
}
*/

.site-footer ul li a:hover {
	text-decoration: underline !important;
}

.icon-panel .icon-link-text {
	font-weight: bold;
	display: block;
	margin-top: 10px;
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;	
}


.icon-panel .icon-link-text::after {
	content: ">";
	color: #79549d;
	/* color change all purples to new purple */
	color: #962ee2;
	padding-left: 4px;
}

.metaslider .caption-wrap {
	opacity: 1 !important;
}


/* EDITORIAL OVERRIDES */


/* change the font style of the sub-menu items now that we have deactived mega menu for services */
@media (min-width: 768px) {
	.main-navigation ul ul li a, .secondary-navigation ul ul li a {
		width: 250px !important;
	}
	.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
		font-weight: 600 !important;
		font-size: 13px !important;
	}
}

/* revert the height of the main nav to what it was before */
.main-navigation ul.menu > li > a, 
.main-navigation ul.nav-menu > li > a {
	padding: 10px 20px;
}

/* revert the bg hover color of the main nav to what it was before */
.main-navigation ul li a:hover, 
.main-navigation ul li:hover > a, 
.site-title a:hover {
	color: #fff !important;
	background-color: #333;
}

.main-navigation ul ul li a:hover, 
.main-navigation ul ul li:hover > a {
	color: #404040 !important;
}

/* contact map iframe */
iframe.contact-map {
	width: 100%;
	border: 0;
}


/* change the style of the smartslider arrow */
div#n2-ss-4 .nextend-arrow {
	background-color: #333 !important;
}

/* change the style of the header contact details */
.header-contact-tel, 
.header-contact-email,
.header-contact-tel a, 
.header-contact-email a {
	font-weight: 600 !important;
	font-size: 13px !important;
	color: #141414 !important
}
.header-contact-tel a:hover, 
.header-contact-email a:hover {
	color: #79549d !important;
	/* color change all purples to new purple */
	color: #962ee2 !important;
}


.header-contact-dets {
	padding-right: 0 !important;
	border-right: 0 none !important;
}

/* remove gap between main menu and usp section */
.no-wc-breadcrumb .site-header {
	margin-bottom: 0 !important;
}

/* add space between H1 tag and usp section on homepage only */
.home .site-content {
	margin-top: 0;
}

/* add space between H1 tag and usp section for all pages */
.site-content {
	margin-top: 40px;
}

/* hide the top bit - it only contains the contact link which we don't need */
.top-header-container .col-full {
	display: none;
}

/* adjust the header for the new search bar etc */
.contact-cart-container {
	text-align: right;
	width: 56% !important;
	margin-top: 20px;
}

/* hide the search bar when there isn't enough room */
@media (max-width: 1095px) {
	.contact-cart-container form {
		display: none !important;
	}
}

@media (min-width: 1096px) {
	.contact-cart-container form {
		display: inline-block !important;
		margin-right: 30px;
		margin-bottom: 0;
	}
}


/* remove big white space gaps on all pages */
.content-area {
	margin-bottom: 0;
}

/* add padding */
.col-full.tablepress_container {
	margin-top: 40px;
}

/* editorial searchbar */
.contact-cart-container input[type="search"] {
	box-shadow:none !important;
	padding-left: 16px;
}

.contact-cart-container input[type="submit"],
.contact-cart-container input[type="submit"]:hover { 
	background-color: #79549d;
	/* color change all purples to new purple */
	background-color: #962ee2;
	border: 0 none;
	color: #fff;
	font-weight: normal;
}

/* change request 20250301 */
.contact-cart-container input[type="submit"],
.contact-cart-container input[type="submit"]:hover { 
	background-color: #da00b7;

}

/* change request 20250106 - add 4 column fancy bullets to homepage */


.home .bullet-list.fancy-bullets.cols-3 {
	max-width: none;
	margin: auto;
	font-weight: 600;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 20px 0 40px 0;
}

.home .bullet-list.fancy-bullets.cols-3 .item {
	width: 100%;
	height:80px;
}

@media (min-width: 700px) {
	.home .bullet-list.fancy-bullets.cols-3 .item {
		width: 50%;
	}
}

@media (min-width: 1200px) {
	.home .bullet-list.fancy-bullets.cols-3 .item {
		width: 25%;
		height: 100px;
	}
}



.home .bullet-list.fancy-bullets.cols-3 .item {
	color: #fff;
	background-color: #962ee2;
	border: 8px solid #fff;
	border-radius: 20px;
}

.home .bullet-list.fancy-bullets.cols-3 .item span {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	padding: 20px !important;
	line-height: 1.4;
	left: 0;
	padding-top: 0;
	font-size: 16px;
}

.home .bullet-list.fancy-bullets.cols-3  li::before {
	content:none
}

/* fix font size */
.page-template-template-homepage .entry-content {
	font-size: 1em !important;
}

/* gutenberg columns default width */
.wp-block-uagb-container {
	padding-left:30px !important;
	padding-right: 30px !important;
}

/* gutenberg global block height gap */
:root :where(.is-layout-flow) > * {
	margin-block-start: 12px;
}


/* new 4 column gutenberg layout */

.reduce-col-gap .wp-block-column {
	margin-right: 0 !important;
}

@media (max-width: 768px) {
	.reduce-col-gap figure.wp-block-image {
		margin-bottom: 0 !important;
	}
	.reduce-col-gap .image-column.wp-block-column {
		margin-bottom: 0 !important;
	}
}

h4.wp-block-heading {
	margin-top: 0;
}