/**********************
LAST UPDATE: 02/11/2023
***********************/

.flex-wrap{
	flex-wrap: wrap;
}
.primary-nav > li svg{
	fill: var(--body_text);
    transform: rotate(270deg);
    height: auto;
}
.primary-nav > li a, .primary-nav > li svg, .primary-nav > li p{
	color: var(--nav_dropdown_links) !important;
}
.subnav-grid li a, .subnav-grid li p{
	color: var(--nav_dropdown_links) !important;
}
.subnav-grid{
    background-color: var(--nav-dropdown-background);
}
.announcement-bar .announcement-bar-nav li a svg, .announcement-bar .announcement-bar-nav li p svg {
	fill: var(--header_icons);
}
.subnav-grid li b {
    color: var(--nav_dropdown_links);
}
.subnav-grid li b > a{
    font-weight: 800;
}
.tab-wrapper :is(ul, ol) {
    margin-left: 20px !important;
}
.tab-header-wrapper .tab {
	padding: 2rem 0rem !important;
}
/* ************************ 
SEARCH BAR CSS
************************ */
.ekm-search-page-search-box__button {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
}

.ekm-search-page-search-box__field {
  width: 100% !important;
}
.ekm-search-page-search-box__label {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.header-search-bar form[name="searchbox"]{
	display: grid;
	grid-template-columns: 5fr 2fr 50px;
}

.header-search-bar {
  width: 100%;
  order: 4;
}
.header-search-bar input {
  width: 100%;
  padding: 0.6em 3em 0.6em 1em;
  background-size: 20px 20px;
  background-position: 98%;
  background-repeat: no-repeat;
  border-top-left-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-radius);
}

.ekm-search-page-intro__description{
	font-size: 1.4rem;
}
.ekm-search-page-intro__title h1 em{
	font-size: inherit;
}
.header-search-bar input {
	font-display: swap;
	font-family: var(--primary-font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.header-search-bar form .ekmps-search-button{
	padding: 0;
	cursor: pointer;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-bottom-right-radius: var(--btn-border-radius);
	border-top-right-radius: var(--btn-border-radius);
} 
.header-search-bar form .ekmps-search-button:hover > svg{
	opacity: 0.8;
} 
.header-search-bar form .ekmps-search-button > svg{
	height: 20px;
	width: 20px;
}
ekm-search-categories select, ekm-search-categories select option{
	background-color: white;
	font-size: 1.4rem;
	border-left: 2px solid #EEE;
	padding-left: 10px;
	cursor: pointer;
	transition: all 0.25s ease;
	font-family: var(--primary-font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
}
ekm-search-categories select:hover{
	background-color: #EEE;
}
.ekm-search-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	z-index: 9999;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
header .ekm-search-overlay > .header-search-bar{
	max-width: 750px;
}	
header .ekm-search-overlay > .header-search-bar form .ekmps-search-button{
	min-width: 60px;
	height: 60px;
}
header .ekm-search-overlay > .header-search-bar input{
	font-size: 2rem;
}	
header .ekm-search-overlay ekm-search-categories select{
	font-size: 2rem;
}

.header-search-bar  ekm-search-categories select{
    max-width: auto;
    width: 100% !important;
}
/* ************************ 
ENF OF SEARCH BAR CSS
************************ */

/*PRODUCT PAGE IMAGE UPLOAD*/
._EKM_OPTIONIMAGE_BUTTON > input {
	max-width: 310px !important;
}

.nav-icon-wrapper{
	background: var(--mobile_menu_icon);
}

.rating-wrapper svg {
	fill: var(--body_review_stars);
}


/*QUICK ANNOUNCEMENT OVERRIDES*/
.announcment-holiday-wrapper .fixed-header-text, .fixed-header-button {
	font-size: 1.4rem !important;
	font-family: var(--primary-font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.mobile-hidden{
	display:none;
}
@media only screen and (min-width: 768px){
	.mobile-hidden {
		display: flex;
	}
	footer{
		padding: 50px 0 !important;
	}
	.primary-nav > li svg{
	    transform: rotate(360deg);
	}
	.primary-nav{
	    padding: 20px !important;
	}
	/*PRODUCT PAGE IMAGE UPLOAD*/
	._EKM_OPTIONIMAGE_BUTTON > input {
		max-width: none !important;
	}
}


.theme-btn.full-width {
  width: 100%;
  text-align: center;
}
.theme-btn:hover{
	transform: translateY(-5px);
}
.cover-center-bg {
  background-position: center;
  background-size: cover;
}
.atc-wrapper{
	width: 100%;
}
.atc-wrapper input{
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 0.5em 1em;
	border-radius: var(--btn-border-radius);
	font-weight: 600;
	background-color: var(--atc_button_btn_bg);
	color: var(--atc_button_btn_text);
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
	transition: all 0.5s ease;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.announcement-bar {
  background-color: var(--header_info_background);
}

.announcement-bar .container {
  padding: 10px 20px;
}
.announcement-bar-nav{
	flex-direction: column;
}

.announcement-bar .announcement-bar-nav li:last-child {
  margin-right: 0;
}

.info-bar-text{
  padding: 8px 8px;
}

.info-bar-text p{
  color: var(--header_info_text);
  font-size: 1.3rem;
  font-weight: 500;
	
}
.announcement-bar .announcement-bar-nav li a, .announcement-bar .announcement-bar-nav li p {
  padding: 8px 8px;
  color: var(--header_info_text);
  font-size: 1.3rem;
  font-weight: 500;
  cursor: pointer;
}

.announcement-bar .announcement-bar-nav li a{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cur-text-dd-btn span{
	color: var(--header_info_text);
}
.cur-text-dd-btn > svg{
	fill: var(--header_info_text) !important;	
}

.announcement-bar .announcement-bar-nav li a svg, .announcement-bar .announcement-bar-nav li p svg, .info-bar-text svg {
	height: 14px;
	margin-right: 5px;
	fill: var(--header_icons);
}

.announcement-bar .announcement-bar-nav li a:hover, .announcement-bar .announcement-bar-nav li p:hover {
  text-decoration: underline;
}

.announcement-bar-nav.webpages, .info-bar-text{
	display: none !important;
}
header {
  background-color: var(--header_background);
}
header > .container{
  flex-wrap: wrap;
}

header .site-logo {
	display: inline-block;
	transition: all 0.25s ease;
	grid-column: -1 / 1;
	grid-row: -1 / 1;
}

header .site-logo img {
  width: 100%;
  /*max-width: clamp(250px, 60vw, 400px);*/
  transition: all 0.25s ease;
  /*max-height: 100px;*/
  -o-object-fit: contain;
     object-fit: contain;
}

/*header .site-logo:hover {*/
/*  transform: scale(1.05);*/
/*}*/


header .header-btn {
  background-color: var(--account_bg);
  height: 40px;
  width: 40px;
  margin-left: 10px;
  border-radius: var(--btn-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
header .header-btn.cart-btn{
	width: auto;
	padding: 0.65em 1em;
}
header .header-btn.cart-btn > p{
	display: none;
	margin-left: 8px;
	color: var(--cart_icon);
	font-size: 1.4rem;
	font-weight: 500;
}
.header-btn-wrapper .header-btn:first-child{
  margin-left: 0;
}

header .header-btn svg {
  fill: var(--account_icon);
  min-width: 20px;
  height: 20px;
}

header .header-btn.cart-btn {
  background-color: var(--cart_bg);
  cursor: pointer;
}
header .header-btn.cart-btn svg{
	fill: var(--cart_icon);
}

header .header-btn.cart-btn span {
    display: flex;
    align-items: center;
}

.cart-btn-item-count{
	height: 2rem;
    right: -1.2rem;
    top: -0.5rem;
    width: 2rem;
	background-color: var(--cart_item_bg);
    border-radius: 50%;
    color: #fff;
    position: absolute;
	justify-content: center;
}

.ekmpscart-totals span{
	color: var(--body_text);
}

#ekm_minicart_item_count {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--cart_item_text);
}
#ekm_minicart_total{
  margin-left: 5px;
}
@media only screen and (min-width: 550px) {
	header .site-logo {
		grid-column: auto;
		grid-row: auto;
	}
}
@media only screen and (min-width: 768px) {
	.announcement-bar-nav.webpages{
		display: flex;
		margin-right: 10px;
	}
	header .header-btn.cart-btn span {
		display: flex;
		align-items: center;
	}
	/* header .header-btn.cart-btn {
		min-width: 155px;
	} */
	header > .container{
		flex-wrap: nowrap;
	}
	header .header-search-bar {
		width: 100%;
		max-width: 550px;
		margin-right: 20px;
		margin-left: 20px;
		margin-top:0;
		order: 0;
	}
	.announcement-bar-nav{
		flex-direction: row;
	}
	.m-20 {
		margin-bottom: 15px;
	}
	header .header-btn.cart-btn > p{
		display: flex;
	}
	.ekm-search-page-search-box__field {
	  width: 79% !important;
	}
	
	.ekm-search-page-search-box__button {
	  display: inline-block !important;
	  width: 20% !important;
	  padding: 10px;
	  margin-left: 1% !important;
	}
}
/* ********************************************************************************
HEADER MENU CSS 
This is the area which shows the menu button and search bar on some designs
*********************************************************************************/
.header-menu-wrapper{
	background-color: var(--nav_bar_background);
	padding-block: 20px;
}
.header-menu-wrapper > .container{
	padding: 0;
	gap: 20px;
}

.header-menu-w-webpages-wrapper ul li a, .header-menu-w-webpages-wrapper ul li p{
	color: var(--nav_bar_links);
	display: inline-block;
	margin-right: 12px;
	font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
}
.header-menu-w-webpages-wrapper ul li p{
	padding: 10px;
    background-color: var(--cart_bg);
    border-radius: var(--btn-border-radius);
}
.header-menu-w-webpages-wrapper ul{
	padding-left: 20px;
}
.header-menu-w-webpages-wrapper ul:nth-child(2){
	padding-left: 5px;
}

.header-menu-wrapper .header-btn{
	display: flex;
}
.header-menu-wrapper .header-btn svg{
	margin-right: 5px;
	fill: var(--primary_button_btn_text)
}
.header-menu-wrapper .webpage_link, .header-menu-w-webpages{
	display: none;
}
.header-menu-wrapper .header-search-bar{
	max-width: none;
}
@media screen and (min-width: 900px) {
	.header-menu-w-webpages-wrapper ul li a, .header-menu-w-webpages-wrapper ul li p{
		margin-right: 15px;
	}
	.header-menu-w-webpages{
		display: flex;
	}
	.header-menu-wrapper .webpage_link{
		display: block;
		margin-block: 5px;
	}
	.header-menu-wrapper .webpage_link:hover a{
		text-decoration: underline;
	}
	.header-menu-wrapper .header-search-bar{
		max-width: 350px;
	}
}

/*MINICART*/
.header-btn-wrapper{
	position: relative;
}
.minicart-popout{
	background: white;
	z-index: 999;
	position: absolute;
	top: 50px;
	right: 0px;
	min-width: 280px;
	transform: translateX(50px);
	opacity:0;
	pointer-events: none;
	transition: all 0.5s ease;
}
@media only screen and (min-width:400px){
	.minicart-popout{
		background: white;
		z-index: 999;
		position: absolute;
		top: 50px;
		right: 0px;
		min-width: 375px;
		transform: translateX(50px);
		opacity:0;
		pointer-events: none;
		transition: all 0.5s ease;
	}	
}
.minicart-popout.active{
	transform: translateX(0px);
	opacity:1;
	pointer-events: auto;
}
.minicart-header{
	background-color:#EFEFEF;
	color:#333;
	padding: 1em 1em 1em 20px;
}
.minicart-header p {
    font-weight: 600;
}
.minicart-header p span {
    font-weight: 600;
    color: #333 !important;
}
.minicart-header p span, .minicart-total p span{
	font-size: inherit !important;
}
.minicart-grid{
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 10px;
	padding: 10px;
}
.minicart-grid a > img{
	height:100% !important;
	max-height: 80px;
	width: auto;
}
.minicart-grid a{
	color: #333;
	font-weight:600;
	font-size: 1.4rem;
}
.minicart-grid p{
	font-size: 1.4rem;
}
.minicart-total{
	background-color:#20252E;
	color: white;
	padding: 1em 20px;
}
.minicart-total p {
	color: white;
}
.minicart-total.minicart-total_extra{
    background: #EEEEEE;
    padding: 0 20px;
}
.minicart-total.minicart-total_extra.discount{
    padding: 1rem 20px 0.5rem 20px;
}
.minicart-total.minicart-total_extra.delivery{
    padding: 0px 20px 1rem 20px;
}
.minicart-total.minicart-total_extra.tax{
    padding: 0px 20px 0.5em 20px;
}

.minicart-total.minicart-total_extra p {
	color: #333333;
	font-size: 1.3rem;
}

.minicart-footer{
	padding: 20px;
	gap: 20px;
}
.minicart-footer .checkout, .minicart-footer .view-cart{
    width: 50%;
	font-size: 1.4rem;
    line-height: 1.7;
}
.minicart-footer .view-cart  a, .minicart-footer .checkout  a{
	font-size: 1.4rem;
	display: inline-block;
	width: 100%;
	border: 2px solid;
    text-align: center;
    padding: 0.5em 1em;
    background-color: white;
    border-radius: var(--btn-border-radius);
    font-weight: 600;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.5s ease;
}
.minicart-footer .checkout  a{
	background-color: var(--primary_button_btn_bg);
	color: var(--primary_button_btn_text);
	border-color: var(--primary_button_btn_bg);
}

.minicart-footer .view-cart  a:hover, .minicart-footer .checkout  a:hover {
    transform: translateY(-5px);
}
.minicart-footer .theme-btn:last-of-type{
	background: #049AFF;
	color: white;
    text-align: center;
}
.minicart-item-wrapper{
	max-height: 270px;
    overflow-y: scroll;
}

/* CURRENCY SELECTOR */

.cur-text-dd {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
}
.cur-text-dd-btn {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;

}
.cur-text-dd-code {
	flex: 1;
}
.cur-text-dd-symbol {
	flex: 1;
}
.cur-text-dd.no-symbol .cur-text-dd-symbol {
	display: none;
}
.cur-text-dd-options {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.cur-text-dd-options.show {
	display: block;
}
.cur-text-dd-option {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 2px 4px;
	text-decoration: none;
}
.cur-text-dd-option:hover {
	background: #ddd;
}
.icon-flags--custom{
	border-radius: 50% !important;
	height: 20px !important;
	width: 20px !important;
	background-position: center !important;
	-o-object-fit: cover !important;
	   object-fit: cover !important;
	background-size: 20px 20px !important;
	margin-right: 5px;
}
/*NAVIGATION*/


.main_nav {
	position: absolute;
    left: 0;
    display: block;
    width: 100%;
    z-index: 3;
    background-color: var(--nav_bar_background);
    transition: all 0.55s ease;
	pointer-events: none;
	transform: scale(0.9);
    opacity: 0;
	transition: all 0.2s ease;
}
.main_nav.open{
	pointer-events: auto;
	transform: scale(1);
    opacity: 1;
}
.main_nav > .container{
	position: relative;
	padding:0;
    background-color: var(--nav-dropdown-background);
}
.main_nav ul{
	list-style:none;
}

/* This is used for when the nav bar has the search bar included*/


.primary-nav{
	display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px 20px;
}
.primary-nav.no-images, .primary-nav.no-images .subnav-grid{
    grid-template-columns: 1fr;
}

.primary-nav > li{
	display: flex;
    flex-direction: column;
}


.primary-nav > li.has-children svg{
	margin-left: 5px;
	margin-top: 1px;
}
.primary-nav > li a, .primary-nav > li p{
	color: var(--nav_dropdown_links);
	font-size:1.5rem;
	font-weight: 600;
	display: block;
	cursor: pointer;
	line-height: 1.4;
}
.primary-nav > li a:hover, .primary-nav > li p:hover{
	text-decoration: underline;
}
.nav-cat-img{
	width:100%;
	height: 125px;
	margin-bottom: 10px;
}
.subnav-grid-wrapper{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    transition: all 0.55s ease;
    background: var(--nav-dropdown-background);
    z-index: 9999;
}
.subnav-grid-wrapper .container {
	padding: 0;
}
.subnav-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
    /* gap: 20px; */
    width: 100%;
    z-index: 9999;
    background-color: var(--nav-dropdown-background);
    padding: 0px 20px;
	position: relative;
    
}

.subnav-grid_mobile-menu{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 20px;
	background: var(--nav-breadcrumb-bg);
}
.primary-nav .subnav-grid_mobile-menu > p{
	color: var(--nav_dropdown_links);
}
.subnav-grid.active{
	display:grid;
}
.primary-nav li.is_hover:hover .subnav-grid{
	display: grid;
}

.subnav-grid-wrapper.mobile_open{
	pointer-events: auto;
	background-color: var(--nav-dropdown-background);
	display: flex;
}

.primary-nav > li p.close_subcat{
	display: flex;
	align-items: center;
}
.primary-nav li .close_subcat svg{
	fill: var(--nav_dropdown_links);
    transform: rotate(180deg);
    margin: 0 8px 0 0;
    height: auto;
}
.subnav-grid li svg{
	fill: var(--nav_dropdown_links);
}


.main_nav.open[data-mode="main-nav-hidden"]{
	display: block;
}

.primary-nav > li .sub-sub-cats-wrapper{
	position: fixed;
	top: 0;
	/* right: -100%; */
	width: 100%;
	height: 100%;
	z-index: 1;
}

.primary-nav > li .subnav-grid p{
	display: flex;
}
.subnav-grid li{
	padding-block: 15px;
	border-bottom: 3px solid var(--body_background);
}
.primary-nav li{
	padding-block: 20px;
	border-bottom: solid 1px #dbdbdb;
}
.primary-nav li:last-child {
    border-bottom: none;
}

/* MEGA MENU STYLES  */

.mega-menu-wrapper{
	position: relative;
}
.mega-menu-side{
	width: 240px;
}
.mega-menu-wrapper ul{
	display: flex;
	flex-direction: column;
}
.mega-menu-body{
	position: absolute;
	top: 0px;
	right: 0;
	width: calc(100% - 240px);
	height: calc(100% - 0px);
	padding: 20px;
	border-left: #CCC 1px solid;
	pointer-events: none;
	transform: translateY(-10px);
	transition: all 0.25s ease;
	opacity: 0;
}
.mega-menu-body > ul{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 20px;
	
}
.mega-menu-wrapper .mega-menu-side > ul > li, .mega-sub-cats li{
	background-color: #FFFFFF;
	padding: 0.65em;
	border-bottom: #E4E4E4 1px solid;
	display: block;
}
.mega-menu-wrapper a{
	color: var(--nav_dropdown_links);
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: 1.4rem;

}
.mega-menu-wrapper svg{
	fill: var(--nav_dropdown_links);
	transform: rotate(-90deg);
}
.mega-menu-wrapper .mega-menu-side > ul > li:hover, .mega-sub-cats li:hover{
	background-color: #f0f0f0;
}
.mega-menu-side li:hover .mega-menu-body{
	background-color: #EFEFEF;
	transform: translateY(0px);
	opacity: 1;
	pointer-events: all;
	height: fit-content;
}
.mega-menu-body:hover{
	transform: translateY(0px);
	opacity: 1;
	pointer-events: all;
}
.mega-menu-body ul li{
	line-height: 2;
}
.mega-menu-body ul li ul li:hover{
	text-decoration: underline;
}
[data-item-level="3"]{	
	font-size: 1.05rem;
}

/* nav-icon */
.nav-icon-wrapper{
	height: 40px;
	width:40px;
	border-radius: var(--btn-border-radius);
}
.nav-icon{
	width: 20px;
	height: 19px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.nav-icon span{
	background: var(--mobile_menu_button_icon);
	position: absolute;
	border-radius: 2px;
	transition: .3s cubic-bezier(.8, .5, .2, 1.4);
	width:100%;
	height: 3px;
	transition-duration: 500ms
}
.nav-icon span:nth-child(1){
	top:0px;
	left: 0px;
}
.nav-icon span:nth-child(2){
	top:8px;
	left: 0px;
	opacity:1;
}
.nav-icon span:nth-child(3){
	bottom:0px;
	left: 0px;
}
.nav-icon.open span:nth-child(1){
	transform: rotate(45deg);
	top: 8px;
}
.nav-icon.open span:nth-child(2){
	opacity:0;
}
.nav-icon.open span:nth-child(3){
	transform: rotate(-45deg);
	top: 8px;
}

img.parent-cat-image{
    width: 100%;
}

/*NAV PROMO BOX*/

.nav-promo-box{
	min-width: 250px;
	grid-column: -1 / 1;
}
.nav-promo-box img{
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.subnav-grid-wrapper{
		position: fixed;
		opacity:0;
		pointer-events: none;
		height: auto;
		transition: opacity 0.25s ease;
	}
	.subnav-grid-wrapper.mobile_open{
		opacity: 1;
		pointer-events: auto;
	}
	
	.nav-icon-wrapper, .subnav-grid_mobile-menu{
		display: none;
	}
	.main_nav{
		position: static;
		top: 0px;
		left: 0;
		display: block;
		height: auto;
		width: 100%;
		z-index: 3;
		pointer-events: all;
		transform: none;
		opacity: 1;
		min-height: auto;
		position: relative;
	}
	.main_nav.open{
		transform: none;
	}
	.primary-nav > li.has-children svg{
		margin-left: 5px;
		margin-top: 1px;
	}
	.main_nav .top-level-img{
		display:none;
	}
	.main_nav .primary-nav{
		display: flex;
		flex-wrap: wrap;
	}

	.primary-nav > li.no-images{
		position: relative;
	}
	.subnav-grid li{
		padding-block: 0;
	}
	[data-mode="main-nav-hidden"], [data-mode="main-nav-hidden"] > .container{
		display: none;
	}

	.subnav-grid-wrapper{
		min-height: auto;
	}
	.subnav-grid{
		grid-template-columns: repeat(4, 1fr)
	}	
	.subnav-grid.no-images{
		width: 300px;
		grid-template-columns: repeat(1, 1fr)
	}
	.nav-cat-img{
		height: 150px;
		margin-bottom: 10px;
	}
	.nav-promo-box{
		min-width: 250px;
		grid-column: 4 / 5;
		grid-row: 1 / 4;
	}
	
	.subnav-grid-wrapper.no-images .subnav-grid{
		grid-template-columns: repeat(4, 1fr);
		position: relative;
	}
	/* width */
	.subnav-grid-wrapper.no-images .subnav-grid::-webkit-scrollbar {
	  width: 8px;
	}
	
	/* Track */
	.subnav-grid-wrapper.no-images .subnav-grid::-webkit-scrollbar-track {
	  background: #f1f1f1;
	}
	
	/* Handle */
	.subnav-grid-wrapper.no-images .subnav-grid::-webkit-scrollbar-thumb {
	  background: #888;
	  border-radius: 10px;
	}
	
	/* Handle on hover */
	.subnav-grid-wrapper.no-images .subnav-grid::-webkit-scrollbar-thumb:hover {
	  background: #555;
	  border-radius: 10px;
	}
	.primary-nav, .subnav-grid {
		gap: 20px;
	}
	.primary-nav li{
		padding-block: 0;
		border-bottom: none;
	}
	.subnav-grid [data-has-children="true"] svg{
		display: none;
	}
	.subnav-grid li{
		border: none;
	}
	.main_nav > .container{
	    background-color: var(--nav_bar_background);
	}
	.primary-nav > li a, .primary-nav > li svg, .primary-nav > li p{
		color: var(--nav_bar_links) !important;
	}
	.subnav-grid li a, .subnav-grid li p{
		color: var(--nav_dropdown_links) !important;
	}
	.primary-nav > li svg{
		fill: var(--nav_bar_links);
	}
	.subnav-grid-wrapper .container {
    	padding: 20px;
	}
}
@media only screen and (min-width: 1024px) {
	.subnav-grid{
		grid-template-columns: repeat(5, 1fr)
	}
	.nav-promo-box{
		min-width: 250px;
		grid-column: 5 / 6;
		grid-row: 1 / 4;
	}
}

/*nav contact details mobile only*/

.nav-footer-details :is(p, p a){
	font-size: 1.4rem;
}
.nav-footer-details p{
	margin-bottom: 10px;
}
.nav-contact svg{
	margin-right: 15px;
}

@media only screen and (min-width: 768px){
	.nav-footer-details{
		display: none;
	}
}


/*BLOCKS ON THE PRODUCT AND CATEGORY PAGES*/

.product-page-block {
  background-color: var(--section_bg);
  padding: 20px;
  margin-bottom: 20px;
}

.product-page-block.no-stretch {
  align-self: baseline;
}

.product-page-block.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}
.product-page-block :is(h1, h2, h3, p){
	  margin-bottom: 10px;
}
.product-page-block h1 span{
	font-size: inherit;
}

.product-page-block p, .product-page-block span {
  font-size: 1.4rem;
}
.sidebar-heading {
    font-size: 16px !important;
    font-weight: 600;
}

.product-bundle-grid .product-bundle-details.bundle-price p{
	font-size: 1.4rem !important;
}
.product-bundle-grid{
	margin: 15px auto !important;
}
/*.rating-wrapper svg {*/
/*    width: 18px !important;*/
/*    height: 18px !important;*/
/*}*/
.product-page-block a {
  color: var(--body_main_links);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}
.product-page-block.incategory-desc img{
	width: 100% !important;
    height: auto !important;
    max-width: 500px;
}

/*SINGLE PRODUCT BLOCK*/
.aerial-product-item_header {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aerial-product-item_header a {
	display: block;
	width: 100%;
}

.aerial-product-item {
  width: 100%;
  background-color: white;
  padding: 5px;
  box-shadow: 3px 6px 6px rgba(0,0,0,0);
  transition: all 0.35s ease;
}
.aerial-product-item:hover{
	box-shadow: 3px 6px 6px rgba(0,0,0,0.16);
	transform: translateY(-5px);
}

.aerial-product-item .aerial-product-item_header img:not(.ekm-product-image-badge) {
    width: 100%;
    margin-bottom: 10px;
    aspect-ratio: 1 / 1;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}
.aerial-product-item .aerial-product-item_body{
	flex: 1;
}
.aerial-product-item .aerial-product-item_body .stock-indicator {
  font-size: 1.2rem;
  margin-bottom: 5px;
  color: var(--ekm-success-colour-text);
  font-weight: 600;
  
}
.aerial-product-item .aerial-product-item_body .stock-indicator.oos{
	color: var(--ekm-warning-colour-text) ;
}

.aerial-product-item .aerial-product-item_body .product-name {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.product-name a{
    font-size: 1.5rem;
    font-weight: 600;
}

.aerial-product-item__list .aerial-product-item__list_body .product-name {
  font-size: 1.8rem ;
  font-weight: 600;
  margin-bottom: 10px;
}

.aerial-product-item .aerial-product-item_footer {
	margin-top: 8px;
	border-top: 1px solid #D6D6D6;
	padding-top: 15px;
}

.aerial-product-item .aerial-product-item_footer .aerial-product-item_price {
  font-size: 1.5rem;
  font-weight: 600;
}

.aerial-product-item .aerial-product-item_footer .aerial-product-item_price--rpp {
  font-size: 1.3rem;
  opacity: 0.5;
  text-decoration: line-through;
}
.aerial-product-item .aerial-product-item_footer .vat-price-wrapper, .price_list .vat-price-wrapper {
  font-size: 1.3rem;
  opacity: 0.5;
  display:block;
}
.product-item-grid > .pagination-grid {
    display: none;
}


.aerial-product-item_review p {
  font-size: 1.1rem;
  opacity: 0.6;
  margin-left: 10px;
}	

.more-images-wrapper{
	grid-column: 1 / 5;
}
.more-images-trigger{
	margin: 0 0 20px 0 !important;
}

.rating-wrapper {
  position: relative;
}

.aerial-product-item_review .rating-wrapper svg, .ekm-pr-rating .rating-wrapper svg {
	position: relative;
	width: 90px !important;
	height: 20px !important;
	fill: var(--body_review_stars)
}

.rating-wrapper .bottom-layer, .rating-wrapper .top-layer {
  display: flex;
  transition: all 0.35s ease;
}

.rating-wrapper .top-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.rating-wrapper .top-layer svg {
  opacity: 1;
}

.rating-wrapper .top-layer{
  transition: all 1s ease;
  clip: rect(0px, 0px, 50px, 0px);
}
.product-s-desc{
	font-size: 14px;
	flex: 1;
    overflow-wrap: break-word;
}
.quickview-btn-wrapper{
	height: auto !important;
}
/*THIS IS THE GRID THAT CONTROLS THE STATIC PRODUCT ITEMS AS SEEN ON THE CATEGORY PAGE*/

.product-item-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
	gap: 10px;
	margin-bottom: 20px;
}

.product-name{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media only screen and (min-width:768px){
	.product-item-grid{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
		gap: 20px;
		margin-bottom: 20px;
	}
    .aerial-product-item .aerial-product-item_footer {
    	margin-top: 15px;
    }
}


.product-item-grid > .aerial-product-item{
	max-width: initial;
}

.breadcrumb{
	padding-bottom: 20px;
}
.breadcrumb span{
	color: var(--body_text);
	font-size: 1.6rem;
}
.breadcrumb span a.current{
	font-weight: 600;
}
.breadcrumb span a:not(.current):hover{
	  text-decoration: underline;
}

footer{
	background-color: var(--footer_bg);
	padding: 30px 0;
}
footer > .container{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-template-rows: 1fr;
	gap: 20px;	
}

footer :is(p, strong, p > span, h4, h5){
	color: var(--footer_text);
}
footer :is(p, strong, p > span, h5){
	color: var(--footer_text);
}
footer .footer-block h4{
	margin-bottom: 10px;
}
footer .footer-block h5{
	margin-bottom: 5px;
}
footer .footer-block ul{
	list-style-type: none;
}

footer .footer-block ul li, .dash{
	padding-bottom: 8px;
}
footer .footer-block ul li a{
	color: var(--footer_link);
	font-weight: 400;
}
footer .footer-block p a{
	color: var(--footer_link);
	font-weight: 400;
}
footer .footer-block ul li a:hover{
	text-decoration: underline;
}
footer :is(p, .ekmResponseEmailAddress, .ekmResponseSignupButton){
	font-size: 1.5rem;
}
footer .ekmResponseSignupButton {
    font-size: 15px;
    line-height: 1.4;
    width: 41px !important;
    height: 41px;
    padding: 10px 10px !important;
    border-bottom-right-radius: var(--btn-border-radius);
    border-top-right-radius: var(--btn-border-radius);
}
footer .ekmResponseSignupButton.text-btn {
    width: auto !important;
}

input#ekmResponseEmailAddress{
	border-bottom-left-radius: var(--btn-border-radius);
	border-top-left-radius: var(--btn-border-radius);
}

footer p > span{
	color: inherit;
	font-size: inherit;
	font-weight: 400;
}

footer :is(.ekmResponseEmailAddress, .ekmResponseSignupButton){
	font-size: 15px;
    line-height: 1.4;
	padding: 10px 15px;
	width: 100%;
	font-family: var(--primary-font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-display: swap;
}

footer .ekmResponseSignupButton{
	background-color: var(--primary_button_btn_bg);
	color: var(--primary_button_btn_text);
	cursor: pointer;
}
.footer-block > form {
    /*display: grid;*/
    /*grid-template-columns: 6fr minmax(46px,1fr);*/
    display: flex;
    
    margin-bottom: 20px;
}

footer .ekm-card-logos-image{
	margin-top: 2px;
	margin-right: 2px;
}

@media only screen and (min-width: 768px) {
	footer{
		padding: 30px 0;
	}
}
/*PRODUCT URGENCY*/

.shopui-countdown .shopui-countdown-number-container{
	font-size: 10px !important;
	padding: 0.5em;
    border-radius: 5px;
    font-weight: 500;
    line-height: 1;
}
.shopui-countdown .shopui-countdown-number-container > span{
	font-size: 1.6rem;
}

.aerial-product-item.quickview-parent{
	margin-bottom: 0 !important;
}

.quickview-btn-wrapper{
	opacity: 1 !important;
	box-shadow: none !important;
	position: relative !important;
	top: 0 !important;
	transform: translateY(0px) !important;
	padding: 0 !important;
	height: auto !important;
}

.quickview-btn-wrapper > a{
	font-size: 1.4rem;
}
.quickview-btn, .qv-btn>a{
	margin-bottom: 0 !important;
	font-size: 1.4rem;
	border-radius: var(--btn-border-radius) !important;
}
a.quickview-btn.options_cta{
	background-color: var(--primary_button_btn_bg);
	color: var(--primary_button_btn_text);
	border: 3px solid var(--primary_button_btn_bg) !important;
}
.quickview-btn.quickview-btn_border, .qv-btn>a{
	border: 3px solid var(--primary_button_btn_bg) !important;
}

.cur-text-dd-btn{
	color: #FFF;
}
.cur-text-dd-btn span{
	font-size: 1.3rem;
	font-weight: 500;
}
.cur-text-dd-btn > svg{
    width: 10px;
    fill: #fff;
    margin-left: 5px;
}
.cur-text-dd-options{
	width:100%;
}
.cur-text-dd-btn > *, .cur-text-dd-option > *{
	font-size: 1.2rem;
}


/*QUICKVIEW MODAL*/

.js-ekm-softcart-price, .shopui-variant-label, .shopui-variant-label > span, .shopui-view-full-details, .shopui-label, .shopui-variant-label, .shopui-icon, .quantitySelector, .shopui-button{
	line-height: 1.5;
}

.shopui-button--primary, a.shopui-button--primary{
	border-color: var(--primary_button_btn_bg) !important;
    background-color: var(--primary_button_btn_bg) !important;
    color: var(--primary_button_btn_text) !important;
}

.ekmpscart-total-delivery-estimate-tooltip > strong, .ekmpscart-total-delivery-estimate-tooltip p{
    color: white;
}
.shopui-message__title
{
    font-weight: 700;
    margin-bottom: 5px;
}
/* WEBPAGE STYLES */

.shopui-breadcrumb{
	background-color: var(--header_background);
}
.shopui-breadcrumb__divider i, .shopui-button-section__left a, .shopui-account__logout{
	color: var(--header_icons) !important;
}
.shopui-breadcrumb__item a, .shopui-breadcrumb__item{
    color: var(--nav_bar_links) !important;
}
.shopui-empty-state__title, .shopui-nav-box__title, .shopui-account__name{
	font-size: 2rem !important;
	margin-bottom: 10px;
}
footer.shopui-section__footer{
	padding: 0 !important;
}
.container.webpage-content {
    min-height: 45.3vh;
}
.webpage-content{
	padding: 60px 20px;
}
.webpage-content h1, .webpage-content h2, .webpage-content h3,.webpage-content h4,.webpage-content h5,.webpage-content h6,.webpage-content p,.webpage-content ul, .webpage-content ol, .webpage-content table{
	margin-bottom: 20px;
}
.webpage-content table :is(td, tr){
	padding: 0.5em;
}
.webpage-content img{
	max-width: 100%;
	height: auto;
}
.webpage-content ul, .webpage-content ol{
	margin-left: 40px;
}
.webpage-content ul.ekmpscart-cart-items{
	margin-left: 0px;
}
.container.webpage-content span > span{
	font-size: inherit;
}
.webpage-content a{
	color: var(--body_main_links);
	text-decoration: underline;
}

/* CART PAGE FIXES */
.shopui-message--warning .shopui-message__title{
	font-size: 16px !important;
}
.shopui-message--warning .shopui-message__content{
	font-size: 14px !important;
}

.ekmpscart-wrapper, .contact-form{
	width: 100%;
    max-width: 1280px;
    margin: 10px auto 20px auto;
}

.container .contact-form{
    width: 100%;
    max-width: 700px;
}
.contact-form-row label, .contact-form-row input, .contact-form-row textarea{
    width: 100% !important;
    float: none;
    
}
p.required{
    margin: 0 !important;
}
.contact-form > p {
    font-size: 1.4rem;
}
.container .contact-form h1{
    font-size: 3.5rem;
}
.contact-form-row label:empty{
    display: none;
}

/* CONTACT FORM PAGE */
.contact-form input, .contact-form textarea{
	all: unset;
	box-shadow: none !important;
	border: none !important;
	font-size: 1.4rem;
	padding: 0.75em;
	border-radius: 5px;
	background-color: white;
}
.contact-form textarea{
	height: 200px;
}
#contact-form-submit input{
	all: unset;
	background-color: var(--primary_button_btn_bg) !important;
	color: var(--primary_button_btn_text) !important;
	font-size: 1.4rem;
	padding: 0.5em;
	text-align: center;
	cursor: pointer;
	margin-left: 0 !important;
}
.contact-form-row{
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}
/*CSS THAT IS ON PAGES SUCH AS THE CUSTOMER LOGIN PAGE*/
header.shopui-section__header{
	background-color: var(--nav_bar_background);
}
.shopui-breadcrumb{
	background-color: var(--nav_bar_background) !important;
}
.shopui-account__logout{
	background-color: var(--primary_button_btn_bg);
}
.shopui-section__title{
	color: var(--nav_bar_links) !important;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.shopui-section__description{
	color: var(--nav_bar_links) !important;
	padding-bottom: 20px;
}
.ekm-account-login__create > section{
	justify-content: flex-start !important;
}
.ekm-account-login > div{
	display: grid !important;
	grid-template-columns: 1fr;
}
.ekm-account-login > div:before{
	display: none !important;
}
.ekm-account-login .ekm-account-login__login, .ekm-account-login .ekm-account-login__create{
	width: 100% !important;
}
#_EKM_PRODUCTADDCARTMESSAGE{
    margin-top: 10px;
}
@media only screen and (min-width: 768px){
	.ekm-account-login > div{
		grid-template-columns: 1fr 285px;
	}	
}


.shopui-section__header{
	position: relative;
	z-index: 1;
}

.splide__arrow:hover{
	cursor: pointer;
}
.splide__arrow svg {
    height: 0.8125em !important;
    width: 0.8125em !important;
}
.ekmpscart-checkout-button.ekmpscart-checkout-button-checkout a {
	color: var(--primary_button_btn_text) !important;
}

.ekmpscart-checkout-button.ekmpscart-checkout-button-checkout{
	background:var(--primary_button_btn_bg) !important;
	
}


/*SEARCH PAGE FIXES (MAY NOT BE NEED AFTER NEW SEARCH IS RELEASED)*/

.ekm-search-page-item__wrapper{
	width: 100% !important;
}
.ekm-search-page-results{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 10px;
}

.ekm-search-page-item__name a {
    font-size: 1.6rem;
    color: var(--body_text);
}

.ekm-search-page-item__image img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.ekm-search-page-item__price{
	font-size: 1.4rem;
}

.ekm-search-page-search-box__button{
	background-color: var(--primary_button_btn_bg) !important;
	color: var(--primary_button_btn_text) !important;
}

/*TRADE LOGIN*/

.trade-account a {
    font-weight: 600;
	color: var(--body_main_links);
}

p.trade-account {
    font-size: 1.5rem;
    font-weight: 600;
}