/**
 *
 * $-Contents
 *
 * $-Colours
 * $-Resets
 * $-Modules
 * $-Page-header
 * $-Page-content
 * $-Product-showdata
 * $-Homepage
 * $-Category-and-product-pages
 * $-Category-page
 * $-Product-page
 * $-Page-footer
 * $-Variants
 * $-Media-queries
 * $-Newsletter-modal
 * $-Soft-cart
 * $-Quick-view-feature
 * $-Product-Urgency-feature 
 *
 */


/**
 * $-Colors
 */

/*

	#-accent---#5f9539
	#-cta---#3a8ae3

	[ekm:colour]
		colour_reference='accent';
		colour_name='Accent';
		colour_description='This is the main accent colour used throughout your theme. Try to make this colour stand out from your primary colour.';
		default_colour='#5f9539';
	[/ekm:colour]

	[ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour]

	[ekm:colour]
		colour_reference='cta';
		colour_name='Call to action';
		colour_description='This is your main call to action button colour, it should be the only button with this colour and stand out from your theme's background and other elements. Call to action buttons include add to cart buttons, soft cart buttons and checkout buttons.';
		default_colour='#3a8ae3';
	[/ekm:colour]

	[ekm:colour] colour_reference='cta'; default_colour='#3a8ae3'; [/ekm:colour]
	
	[ekm:colour]
		colour_reference='color_background';
		colour_name='Background';
		colour_description='This is your site's background colour. If you change this colour you must make sure text is still legible.';
		default_colour='#ffffff';
	[/ekm:colour]

	[ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour]
	
	[ekm:colour]
		colour_reference='color_body_text';
		colour_name='Text';
		colour_description='This is the colour of your site's body text.';
	[/ekm:colour]
	
	[ekm:colour]
		colour_reference='dropdown_option_color';
		colour_name='Dropdown Text';
		colour_description='This is the colour of the dropdown option text.';
	[/ekm:colour]

	[ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour]
	
	[ekm:colour]
		colour_reference='footer_background';
		colour_name='Footer Background';
		colour_description='This is the background colour of your footer. ';
		default_colour='#ffffff';
	[/ekm:colour]	
	
	[ekm:colour]
		colour_reference='footer_text';
		colour_name='Footer Text';
		colour_description='This is the text colour of your footer. ';
		default_colour='#464646';
	[/ekm:colour]

	[ekm:colour] colour_reference='footer_background'; default_colour='#ffffff'; [/ekm:colour]
	
	[ekm:colour]
		colour_reference='header_background';
		colour_name='Header Background';
		colour_description='This is the background colour of your header. ';
		default_colour='#ffffff';
	[/ekm:colour]
	
	[ekm:colour]
		colour_reference='header_text';
		colour_name='Header Text';
		colour_description='This is the text colour of the items within your header. ';
		default_colour='#464646';
	[/ekm:colour]	
	
	[ekm:colour]
		colour_reference='header_icon_bg';
		colour_name='Header Icon background';
		colour_description='This is the background colour of the icons in the header, eg: Cart ';
		default_colour='#ECECEC';
	[/ekm:colour]
	
	[ekm:colour]
		colour_reference='header_icon';
		colour_name='Header Icon Colour';
		colour_description='This is the colour of the icons within the header, eg: Cart ';
		default_colour='#464646';
	[/ekm:colour]

	[ekm:colour] colour_reference='header_background'; default_colour='#ffffff'; [/ekm:colour]
	
	[ekm:colour]
	    colour_reference='add_to_cart_bg';
	    colour_name='Add to cart Background color';
	    colour_description='This is the the background colour of the add to cart buttons mainly found in the quickview feature.';
	    default_colour='#0363CD';
	[/ekm:colour]
	
	[ekm:colour]
	    colour_reference='add_to_cart_text';
	    colour_name='Add to cart Background text color';
	    colour_description='This is the the text colour of the add to cart buttons mainly found in the quickview feature.';
	    default_colour='#FFFFFF';
	[/ekm:colour]
	
[ekm:colour]
    colour_reference='success_colour_text';
    colour_name='Success Colour Text';
    colour_description='This is the default colour text in areas displaying a positive message, such as a product being in stock';
    default_colour='#013800';
[/ekm:colour]

[ekm:colour]
    colour_reference='success_colour_background';
    colour_name='Success Colour Background';
    colour_description='This is the default background colour for areas displaying a positive message, such as a product being in stock.';
    default_colour='#bffdbf';
[/ekm:colour]

[ekm:colour]
    colour_reference='caution_colour_text';
    colour_name='Caution Colour Text';
    colour_description='This is the default colour text in areas displaying something to be careful or aware of, such as a product running low on stock.';
    default_colour='#6d4100';
[/ekm:colour]

[ekm:colour]
    colour_reference='caution_colour_background';
    colour_name='Caution Colour Background';
    colour_description='This is the default background colour for areas displaying something to be careful or aware of, such as a product running low on stock.';
    default_colour='#fddebf';
[/ekm:colour]

[ekm:colour]
    colour_reference='warning_colour_text';
    colour_name='Warning Colour Text';
    colour_description='This is the default colour text in areas displaying something that might disrupt what your customer wants to do, such as a product being out of stock.';
    default_colour='#6d0a00';
[/ekm:colour]

[ekm:colour]
    colour_reference='warning_colour_background';
    colour_name='Warning Colour Background';
    colour_description='This is the default background colour for areas displaying something might disrupt what your customer wants to do, such as a product being out of stock.';
    default_colour='#fdbfbf';
[/ekm:colour]

[ekm:colour]
    colour_reference='inverse_colour_text';
    colour_name='Inverse Colour Text';
    colour_description='This is the the text colour that should be used in an area where the background is inverted to the default colour. Where the main text colour would be black, this should be white and vice-verse';
    default_colour='#ffffff';
[/ekm:colour]

[ekm:colour]
    colour_reference='inverse_colour_background';
    colour_name='Inverse Colour Background';
    colour_description='This is the the background colour that should be used in an area where the text is inverted to the default colour. Where the main background colour would be white, this should be black and vice-verse';
    default_colour='#000000';
[/ekm:colour]

[ekm:colour]
    colour_reference='nav_btn_text';
    colour_name='Nav Button Text Colour';
    colour_description='This is the the text colour for the nav button on mobile navigation';
    default_colour='#ffffff';
[/ekm:colour]

*/

/* CSS Variables */

:root {
    --ekm-success-colour-text: [ekm:colour]colour_reference='success_colour_text';[/ekm:colour];
    --ekm-success-colour-background: [ekm:colour]colour_reference='success_colour_background';[/ekm:colour];
    --ekm-caution-colour-text: [ekm:colour]colour_reference='caution_colour_text';[/ekm:colour];
    --ekm-caution-colour-background: [ekm:colour]colour_reference='caution_colour_background';[/ekm:colour];
    --ekm-warning-colour-text: [ekm:colour]colour_reference='warning_colour_text';[/ekm:colour];
    --ekm-warning-colour-background: [ekm:colour]colour_reference='warning_colour_background';[/ekm:colour];
    --ekm-inverse-colour-text: [ekm:colour]colour_reference='inverse_colour_text';[/ekm:colour];
    --ekm-inverse-colour-background: [ekm:colour]colour_reference='inverse_colour_background';[/ekm:colour];  
    
    --ekm-atc-background-colour:[ekm:colour]colour_reference='add_to_cart_bg';[/ekm:colour];
    --ekm-atc-text-colour:[ekm:colour]colour_reference='add_to_cart_text';[/ekm:colour];
}


/**
 * $-Resets
 */

html, body {
  height: 100%;
  font-size: 16px;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  line-height: 1.5;
  background-color: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour];
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  font-family: Hind, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}


/**
 * Main
 */

main {
  display: block;
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="datetime-local"], input[type="month"],
input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"],
input[type="url"], textarea
    { font-size: 16px; } /* input zoom fix */
    
/*TRADE LOGIN*/

.trade-account a {
    font-weight: 600;
	color: [ekm:colour]colour_reference='accent';[/ekm:colour];
}

p.trade-account {
    font-size: 16px;
    font-weight: 600;
}
    
/**
 * Headers
 */

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: Comfortaa;
  font-weight: 400;
}

h1 {
  font-size: 2.0rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1.0rem;
}


/**
 * Paragraphs
 */

p {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}


/**
 * Highlight
 */

::-moz-selection {
  background-color: #333;
  color: #fff;
}

::selection {
  background-color: #333;
  color: #fff;
}


/**
 * Anchor links
 */

a {
  color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}


/**
 * Form elements
 */

legend {
  color: inherit;
}

.ekm-productoptions-dropdown-option {
	  color: [ekm:colour] colour_reference='dropdown_option_color'; default_colour='#333'; [/ekm:colour] !important;
}

.i-Jewellery input {
	  color: #333 !important;
}

select, textarea, input, button {
  max-width: 100%;
  min-height: 2.25rem;
  padding: .375rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0;
  vertical-align: middle;
  background-color: white;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

input[type=submit], input[type=button], input[type=reset], button {
  background-color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
}

input[type=submit], input[type=button], input[type=reset], input[type=color], input[type=file], input[type=image], button {
  border: none;
}

input[type=submit], input[type=button], input[type=reset], button {
  min-height: 2.25rem;
  padding-top: .45rem;
  border-radius: 0;
  color: white;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {
  opacity: .75;
}

input[type=file], input[type=color], input[type=image] {
  min-height: auto;
  padding: 0;
  background-color: inherit;
}

input[type=checkbox], input[type=radio] {
  min-height: auto;
  background-color: inherit;
}

select {
  height: 2.25rem;
}


/**
 * Images
 */

img {
  max-width: 100%;
  height: auto !important;
  border: none;
  vertical-align: middle;
  font-style: italic;
}

.ekm-product-image-badge-wrapper img {
  max-width: none;
}


/**
 * $-Modules
 */

/**
 * Clear fix
 */

.cf:after {
  content: "";
  display: table;
  clear: both;
}


/**
 * Inline block
 */

.ib {
  display: inline-block;
  vertical-align: top;
}

.ib-m {
  display: inline-block;
  vertical-align: middle;
}


/**
 * List reset
 */

.list-reset {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.list-reset .list-truncation {
  font-style: italic;
}


/**
 * Font awesome
 */

.ekmps-fa {
  font-family: FontAwesome;
  font-style: normal;
}


/**
 * Container
 */

.container {
  width: 90%;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}


/**
 * Columns
 */

.col {
	display: block;
	float: left;
	margin-left: 3.2%;
}

.col:first-child {
  margin-left: 0;
}


/**
 * Fluid grid
 */

.grid-12 {
	width: 100%;
}

.grid-11 {
  	width: 91.4%;
}
.grid-10 {
  	width: 82.8%;
}

.grid-9 {
  	width: 74.2%;
}

.grid-8 {
  	width: 65.6%;
}

.grid-7 {
  	width: 57%;
}

.grid-6 {
  	width: 48.4%;
}

.grid-5 {
  	width: 39.8%;
}

.grid-4 {
  	width: 31.2%;
}

.grid-3 {
  	width: 22.6%;
}

.grid-2 {
  	width: 14%;
}

.grid-1 {
  	width: 5.4%;
}


/**
 * Pagination
 */

.pagination {
  margin-top: 3rem;
  text-align: center;
}

.pagination-item {
  min-width: 1.75rem;
  margin-right: .375rem;
  margin-left: .375rem;
  line-height: 1;
}

.pagination-item a {
  display: block;
  padding: .475rem .375rem .3rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagination-item a:hover {
  text-decoration: none;
  opacity: .75;
}

.pagination-item a.current-page {
  border-color: inherit;
  font-weight: 700;
  cursor: default;
}

.pagination-item a.current-page:hover {
  opacity: 1;
}

.pagination-prev {
  margin-right: 1.125rem;
  margin-left: 0;
}

.pagination-next {
  margin-right: 0;
  margin-left: 1.125rem;
}


/**
 * $-Page-header
 */

.page-header {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: .375rem solid;
  border-top-color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  background-color: [ekm:colour] colour_reference='header_background'; [/ekm:colour];
  
}

.logo {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .logo {
    text-align: center;
    width: 100%;
  }
}


/**
 * Search
 */

.search {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .search {
    margin-top: 1.5rem;
    width: 100%;
  }
}

.search .ekmps-search-field {
  float: left;
  width: 100%;
  padding-right: 2.25rem;
}

.search input[type=submit].ekmps-search-button {
  float: left;
  width: 2.25rem;
  margin-left: -2.25rem;
  text-indent: -99999px;
}

.search input[type=submit].ekmps-search-button:hover {
  opacity: .5;
}

/*// NEW SEARCH */
.header-search-bar{
	width: 100%;
	margin-top: 20px;
}
.page-header > .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
ekm-search-categories select{
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	border-left: unset !important;
}
.header-search-bar form .ekmps-search-button{
	height: auto !important;
}
@media screen and (min-width: 800px) {
	.page-header > .container{
		flex-direction: row;
	}
	.header-search-bar{
		width: 50%;
		margin-top: 0px;
	}
}
/**
 * Login and cart
 */

.login-cart {
  width: 20%;
  min-width: 150px;
}

@media screen and (max-width: 768px) {
  .login-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.5rem;
    position: relative;
    width: 100%;
  }
}

.login-cart-icon {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.075);
   background-color: [ekm:colour] colour_reference='header_icon_bg'; [/ekm:colour];
}

.login-cart-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.login-cart-icon path {
  fill: [ekm:colour] colour_reference='header_icon'; [/ekm:colour];
}

.login-cart-txt {
  margin-top: .375rem;
  text-align: center;
  font-size: .7rem;
}


/**
 * Login
 */

.login {
  position: relative;
  float: right;
  margin-right: 1.5rem;
}

@media screen and (max-width: 768px) {
  .login {
    float: none;
    margin-right: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    position: static;
  }
}

.login-btn {
  cursor: pointer;
}

a.login-btn {
  color: inherit;
  text-decoration: none;
}

a.login-btn.active:after {
  display: none;
}

@media screen and (max-width: 768px) {
  .login-btn.active {
    position: relative;
  }
}

.login-btn.active:after {
  content: '';
  position: absolute;
  top: calc(100% + .245rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #464646 transparent;
}

.login-cont {
  visibility: hidden;
  position: absolute;
  top: calc(100% + .75rem);
  right: 0;
  z-index: 2;
  width: 300px;
  padding: .75rem;
  background-color: #464646;
  color: white;
}

@media screen and (max-width: 768px) {
  .login-cont {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.login-cont.active {
  visibility: visible;
}

.login-cont a {
  color: inherit;
}

.login-dismiss {
  position: absolute;
  top: .3rem;
  right: .375rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.login-dismiss:hover {
  opacity: .75;
}

.login-heading {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
}

.login-form label {
  font-size: .8rem;
}

.login-form input {
  display: block;
  width: 100%;
}

.login-form input[type=text], .login-form input[type=email], .login-form input[type=password] {
  border-color: inherit;
  background-color: inherit;
}

.login-row {
  margin-top: .75rem;
}

.login-forgotten-password {
  text-align: center;
  font-size: .8rem;
}

.login-logged-in {
  text-align: center;
}

.login-logged-in .login-row:first-child {
  margin-top: 0;
}


/**
 * Cart
 */

.cart {
  position: relative;
  float: right;
  color: [ekm:colour] colour_reference='header_text'; [/ekm:colour];
}

@media screen and (max-width: 768px) {
  .cart {
    float: none;
    padding-left: .75rem;
    padding-right: .75rem;
    position: static;
  }
}

.cart-btn {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .cart-btn.active {
    position: relative;
  }
}

.cart-btn.active:after {
  content: '';
  position: absolute;
  top: calc(100% + .245rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #464646 transparent;
}

.cart-count {
  background-color: [ekm:colour] colour_reference='cta'; default_colour='#3a8ae3'; [/ekm:colour];
  position: absolute;
  top: -.375rem;
  left: -.375rem;
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: .315rem;
  border-radius: 100%;
  text-align: center;
  font-size: .7rem;
  color: white;
}

.cart-cont {
  visibility: hidden;
  position: absolute;
  top: calc(100% + .75rem);
  right: 0;
  z-index: 2;
  width: 300px;
  background-color: #464646;
  font-size: .8rem;
  color: white;
}

@media screen and (max-width: 768px) {
  .cart-cont {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.cart-cont.active {
  visibility: visible;
}

.cart-cont a {
  color: inherit;
}

.cart-dismiss {
  position: absolute;
  top: .3rem;
  right: .375rem;
  line-height: 1;
  font-size: 1rem;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cart-dismiss:hover {
  opacity: .75;
}

.cart-list {
  min-height: 1rem;
  max-height: 40vh;
  overflow-y: auto;
}

.cart-item {
  padding: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.cart-item-image {
  width: 25%;
}

.cart-item-details {
  width: 75%;
  padding-left: .75rem;
}

.cart-item-quantity {
  opacity: .75;
}

.cart-summary-cont {
  padding: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  font-size: .7rem;
}

.cart-total {
  text-align: right;
}

.cart-btns-cont {
  padding: .75rem;
}

.cart-btns-cont a {
  width: 48%;
  line-height: 1.875rem;
  text-align: center;
}

.cart-view-cart {
  border: 1px solid white;
  -webkit-transition: background-color 100ms, color 100ms ease-in-out;
  transition: background-color 100ms, color 100ms ease-in-out;
}

.cart-view-cart:hover {
  background-color: white;
  text-decoration: none;
  color: #464646;
}

.cart-checkout {
  background-color: [ekm:colour] colour_reference='cta'; default_colour='#3a8ae3'; [/ekm:colour];
  border: 1px solid transparent;
  margin-left: 4%;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cart-checkout:hover {
  text-decoration: none;
  opacity: .75;
}


/**
 * $-Page-content
 */

main {
  padding-top: 1.5rem;
  padding-bottom: 1.5em;
}


/**
 * Sidebar
 */

.page-sidebar {
  float: left;
  width: 25%;
}

@media screen and (max-width: 768px) {
  .page-sidebar {
    padding-bottom: 1.5rem;
    text-align: center;
    width: 100%;
  }
}

.page-sidebar .social-plugins {
  margin-top: 3rem;
  text-align: center;
}

.page-sidebar .social-plugins .addthis_toolbox {
  font-size: 15px;
}

.page-sidebar-promo {
  margin-top: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .page-sidebar-promo {
    display: inline-block;
    margin-top: 3rem;
    padding-left: 1%;
    padding-right: 1%;
    width: 48%;
  }
}


/**
 * Navigation
 */

.nav__btn {
	display: none;
}

@media screen and (max-width: 768px) {
   .nav {
     text-align: center;
   }

   .nav__btn {
		margin-top: 1.5rem;
		padding: 0.5em 0.75em;
		display: inline-block;
		border-radius: 5px;
		color: [ekm:colour] colour_reference='nav_btn_text'; default_colour='#fff'; [/ekm:colour] !important;

   }
}

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

 .nav-list {
    max-height: 30vh;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav-list:not(.is-expanded):after {
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#ffffff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ffffff 100%);
    content: "";
    height: 50%;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .nav-list.is-expanded {
    max-height: 100%;
    overflow: visible;
    -webkit-transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  }

}

.nav-item {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  /*z-index: 1;*/
}

.nav-item a {
  display: block;
  padding-top: .375rem;
  padding-bottom: .375rem;
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (max-width: 768px) {
  .nav-item a {
    /*display: inline-block;*/
  }
}

.nav-item a:hover {
  text-decoration: none;
  opacity: .75;
}

.nav-item > a {
  padding-right: .75rem;
}

.nav-item > a:after {
  content: '\f105';
  position: absolute;
  top: .375rem;
  right: 0;
  margin-left: .375rem;
  font-family: FontAwesome;
}

@media screen and (max-width: 768px) {
  .nav-item > a:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    right: auto;
  }
}

.nav-item > a:last-child {
  padding-right: 0;
}

.nav-item > a:last-child:after {
  content: '';
  margin-left: 0;
}

.nav-item:first-child > a {
  padding-top: 0;
}

.nav-item:first-child > a:after {
  top: .09375rem;
  padding-top: 0;
}

.nav-item:first-child .subnav-list-inn:before {
  top: .375rem;
}



.subnav-list {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 3;
  width: 100%;
  padding-left: 1.5rem;
}

/* Hover Styles */
.nav:not(.not-custom) .subnav-list {
	visibility: hidden;
}

.nav:not(.not-custom) .nav-item:hover .subnav-list {
	visibility: visible;
}

/* Click Styles */
.not-custom .subnav-list {
	visibility: visible;
}

.not-custom .subnav-list.is-hidden {
	visibility: hidden;
}

@media screen and (max-width: 768px) {
  .subnav-list{
    padding-left: 0;
    top: 100%;
    left: 0;
  }
}

.subnav-item-view-link {
	font-weight: 700;
	margin-top: .375rem;
}

.subnav-list-inn {
  position: relative;
  padding-top: .375rem;
  padding-bottom: .375rem;
  background-color: #464646;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  font-size: .8rem;
  color: white;
}

.subnav-list-inn:before {
  content: '';
  position: absolute;
  top: .75rem;
  left: -.375rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem .4rem .4rem 0;
  border-color: transparent #464646 transparent transparent;
}

@media screen and (max-width: 768px) {
  .subnav-list-inn:before {
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-left: -.4rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .nav-item:first-child .subnav-list-inn:before {
    margin-top: -15px;
  }
}

.subnav-list-inn a {
  padding: .375rem .5625rem;
}


/**
 * Social plugins
 */

.social-plugins {
  margin-top: 1.5rem;
}


/**
 * Page content
 */

.page-content {
  float: left;
  width: 75%;
  padding-left: 1.5rem;
}

@media screen and (max-width: 768px) {
  .page-content {
    margin-top: 1.5rem;
    padding-left: 0;
    width: 100%;
  }
}

.page-content .products:last-child {
  margin-bottom: 0;
}


/**
 * Newsletter
 */

.newsletter {
  padding: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: rgba(0, 0, 0, 0.075);
  text-align: center;
  font-size: .7rem;
}

.newsletter-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.newsletter-tease {
  margin-top: .75rem;
  opacity: .75;
}

.newsletter-form {
  margin-top: .75rem;
}

@media screen and (max-width: 480px) {
  .newsletter-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.ekmResponseEmailAddress {
  width: 300px;
  border-right: none;
}

@media screen and (max-width: 480px) {
  .ekmResponseEmailAddress {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}

.ekmResponseSignupButton {
  width: 2.25rem;
  text-indent: -99999px;
}


/**
 * $-Product-showdata
 */

.products {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.products-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}

.products-heading:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

.products-heading-inner {
  background-color: #fff;
  background-color: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour];
  position: relative;
  padding-right: .75rem;
}

.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -3.2%;
}

.product-item {
  margin-top: 1.5rem;
  padding-left: 3.2%;
  text-align: center;
}

.product-item.grid-3 {
  width: 25%;
}

@media screen and (max-width: 1364px) {
  .product-item.grid-3 {
    width: 33.333333%;
  }
}

@media screen and (max-width: 620px) {
  .product-item.grid-3 {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .product-item.grid-3 {
    width: 100%;
  }
}

.product-item:nth-child(4n+1) {
  margin-left: 0;
}

.product-item .product-out-of-stock {
  margin-top: .375rem;
}

.product-item-image,
.ekm-search-page-item__image {
    font-size: 0;
    margin-bottom: 0.75rem;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
}

.product-item-image a img,
.ekm-search-page-item__image a img {
    left: 50%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    		transform: translate(-50%, -50%) scale(1);
  	-webkit-transition: -webkit-transform 100ms ease-in-out;
  	transition: -webkit-transform 100ms ease-in-out;
  	transition: transform 100ms ease-in-out;
  	transition: transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
    width: auto;
}

.product-item-image a > img:hover {
	-webkit-transform: translate(-50%, -50%) scale(.975);
    		transform: translate(-50%, -50%) scale(.975);
}

.ekm-search-page-item__image.ekm-search-page-item__image--empty { padding-top: 0! important; }

.product-item-title {
  margin-top: 0;
  margin-bottom: .375rem;
  font-family: inherit;
  font-size: inherit;
}

.product-item-title a {
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.product-item-title a:hover {
  text-decoration: none;
  opacity: .75;
}

.product-price {
  font-weight: 700;
}

.product-rrp {
  text-decoration: line-through;
  font-size: .7rem;
  opacity: .5;
}

.product-vat {
  font-size: 0.825rem;
  opacity: .75;
}

.product-review-stars, .shopui-product-variant-preview {
  margin-top: .375rem;
}

.product-review-stars-1 .ekmps-fa:nth-child(1), .product-review-stars-2 .ekmps-fa:nth-child(-n+2), .product-review-stars-3 .ekmps-fa:nth-child(-n+3), .product-review-stars-4 .ekmps-fa:nth-child(-n+4), .product-review-stars-5 .ekmps-fa:nth-child(-n+5) {
  color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour]
}

.product-review-stars .stars {
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.5);
}

.product-review-total {
  font-size: .7rem;
}

.product-item-short-description {
  margin-top: .375rem;
  font-size: .8rem;
  opacity: .75;
}

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


/**
 * $-Homepage
 */

.page-content .mid-promos-cont:first-child .mid-promo {
  margin-top: 0;
}

.mid-promos-cont {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
/**
 * Banner
 */

.banner {
  text-align: center;
}


/**
 * Mid promos
 */

.mid-promo {
  margin-top: 1.5rem;
  margin-left: 3.2%;
}

.mid-promo:first-child {
  margin-left: 0;
}

@media screen and (max-width: 480px) {
  .mid-promo {
    margin-left: 0;
    width: 100%;
  }

  .mid-promo + .mid-promo {
    margin-top: 1.5rem;
  }
}


/**
 * $-Category-and-product-pages
 */

.breadcrumb-list {
  font-size: .7rem;
}

.breadcrumb-list a {
  opacity: .5;
  color: inherit;
}

.breadcrumb-list .current a {
  opacity: 1;
}

.c-welcome__title {
	text-transform: uppercase;
	font-size: 1.6rem;
}
/**
 * $-Category-page
 */

.category-page-upper {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.in-category-description {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

/**
 * Subcategory list
 */

.subcategory-list {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.subcategory-item {
  margin-top: .375rem;
  margin-right: .75rem;
  margin-left: .75rem;
  max-width: 20%;
}

.subcategory-image {
	margin-bottom: .375rem;
}


/**
 * Category products
 */

.category-products {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 1.5rem;
}

.product-controls {
  position: relative;
  font-size: .8rem;
}

@media screen and (max-width: 768px) {
  .product-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}


/**
 * Filter
 */

.filter {
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .filter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
  }
}

.filter-btn {
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.filter-btn:hover {
  opacity: .75;
}

.filter-cont {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100%;
  padding-top: .5rem;
}

@media screen and (max-width: 768px) {
  .filter-cont {
    top: 2.25rem;
  }
}

.ekm_clear_filters_btn{
    border: 2px solid #FFF !important;
    font-size: 0.7rem;
}
.ekm-filterby-clear-button svg{
    fill: #FFF !important;
    height: 10px !important;
    width: 10px !important;
}

.filter-cont.active {
  visibility: visible;
}

.filter-attribute-list {
  position: relative;
  padding-bottom: .75rem;
  padding-left: .75rem;
  background-color: #464646;
  color: white;
}

.filter-attribute-list:before {
  content: '';
  position: absolute;
  top: -.5rem;
  left: 1.35rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #464646 transparent;
}

.filter-attribute-item {
  padding-right: .75rem;
  margin-top: .75rem;
  width: 33.333333%;
}

@media screen and (max-width: 480px) {
  .filter-attribute-item {
    width: 50%;
  }
}

.filter-attribute-item-heading {
  padding-bottom: .1875rem;
  border-bottom: 1px solid;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: inherit;
  font-size: inherit;
}

.filter-value-list {
  font-size: .7rem;
}

.filter-value-item > label {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  margin-left: 2px;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.filter-value-item > label:hover {
  opacity: .75;
}

.filter-value-item > span {
  font-size: .6rem;
}

.filter-value-price {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}

.filter .filter-attribute-item .ui-slider-horizontal .ui-slider-range {
  background-color: rgba(0, 0, 0, 0.25);
}

.filter .filter-attribute-item .ui-slider-horizontal .ui-slider-handle {
  background-color: white;
}

.filter .filter-attribute-item .price-label {
  margin-top: .375rem;
  font-weight: inherit;
  font-size: inherit;
}


/**
 * Showing results
 */

.showing-results {
  width: 33.33333%;
  text-align: center;
  font-size: .8rem;
}

@media screen and (max-width: 768px) {
  .showing-results {
    margin-top: 1.5rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;

  }
}


/**
 * Sort by
 */

.sort-by {
  width: 33.33333%;
  text-align: right;
  font-size: .8rem;
}

@media screen and (max-width: 768px) {
  .sort-by {
    width: 70%;
  }
}

.sort-by select {
  width: 150px;
}


/**
 * $-Product-page
 */

.product-page-upper {
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}


/**
 * Product images
 */

.product-images {
  float: left;
  padding-right: 1.5rem;
  text-align: center;
  width: 60%;
}

@media screen and (max-width: 900px) {
  .product-images {
    margin-bottom: 1.5rem;
    padding-right: 0;
    width: 100%;
  }
}

.product-images-secondary-item {
  margin-top: 1.5rem;
}

.product-images-secondary-item:first-child {
  margin-top: 0;
}

.product-images-primary img {
  max-height: 90vh;
  width: auto;
}


/**
 * Product details
 */

.product-details {
  float: left;
  width: 40%;
}

@media screen and (max-width: 900px) {
  .product-details {
    text-align: center;
    width: 100%;
  }
}

.product-details .product-out-of-stock {
  font-size: 1.4rem;
  margin-top: 1.5rem;
}

.product-details .product-price {
  font-size: 1.6rem;
}

.product-details .ekm-bulk-discount {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 1.5rem;
  font-family: inherit;
  font-weight: inherit;
  font-size: .9rem;
  color: inherit;
}

.product-details .ekm-bulk-discount tr, .product-details .ekm-bulk-discount tr:hover {
  background: #fff;
}

.product-details .ekm-bulk-discount th {
  background: #fff;
}

.product-details .ekm-bulk-discount td.ekm-bulk-discount-unit-price {
  color: inherit;
}

.product-details .product-rrp {
  font-size: 1.0rem;
}
.product-details .product-vat {
  font-size: 1.2rem;
}
.product-details .product-price, .product-details .product-rrp {
  display: inline-block;
  margin-top: 1.5rem;
}

.product-page-title {
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.product-code {
  margin-top: .75rem;
  font-size: .7rem;
  opacity: .5;
}

.product-short-description {
  margin-top: 1.5rem;
  font-size: .8rem;
}

.product-form {
  padding-bottom: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 1.5rem;
}

.product-options label {
  font-size: .8rem;
}

.product-options select, .product-options textarea, .product-options input {
  display: block;
  width: 100%;
}

/*.product-options select {*/
/*  background-color: rgba(0, 0, 0, 0.05);*/
/*}*/

.product-options-row {
  margin-top: 1.5rem;
}

.product-quantity-add-to-cart {
  margin-top: 1.5rem;
}

.product-quantity-add-to-cart label {
  display: block;
}

@media screen and (max-width: 900px) {
  .product-quantity-add-to-cart label {
    text-align: left;
  }
}

.product-quantity-add-to-cart input[type=submit] {
  background-color: [ekm:colour] colour_reference='cta'; default_colour='#3a8ae3'; [/ekm:colour];
  width: calc(100% - 3.62rem);
  height: 3rem;
}

.product-quantity {
  width: 3rem;
  height: 3rem;
  margin-right: .375rem;
  text-align: center;
}

.qty-label {
    display: block;
    text-align: left;
}

.product-back-in-stock {
  margin-top: 1.5rem;
  font-size: .7rem;
}

.atc-container { margin-top: 1.5rem; }

.product-back-in-stock input {
  height: 2.25rem;
  margin-top: .375rem;
  font-size: 1rem;
}

.product-back-in-stock input[type=email] {
  width: calc(100% - 5.375rem);
  margin-right: .375rem;
}

.product-back-in-stock input[type=button] {
  width: 5rem;
}

.product-loyalty {
  margin-top: 1.5rem;
  font-size: .8rem;
}

/* Wishlist Button Styles */

.wishlist-wrapper { 
	display: flex;        
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
	justify-content: center;
		-webkit-box-pack: center;
        -ms-flex-pack: center;
    margin-top: 20px;
}

.wishlist-wrapper svg path { 
	transition: fill 0.2s ease-in-out; 
		-webkit-transition: fill 0.2s ease-in-out;
}

.wishlist-wrapper button:hover { opacity: 1; }

.wishlist-btn:hover .wishlist-text { opacity: 0.7; }

.wishlist-btn {
    align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
    background: none;
    border: 0;
    color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
    cursor: pointer;
    display: flex;        
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
    font-family: inherit;
    padding: 0;
}

.wishlist-text { 
	margin-left: 6px;
	font-size: 14px;
}

.wishlist-heart {
    border-radius: 50%;
    height: 34px;
    position: relative;
    width: 34px;
}

.wishlist-heart svg {
    height: 20px;
    left: 50%;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    width: 20px;
}

.wishlist-heart-outer-color,
.wishlist-btn:hover .wishlist-heart-inner-color,
.wishlist-heart-icon-added { fill: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour]; }

[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='Clothing and Fashion';
	ifthen='
		.wishlist-heart-inner-color { fill: #333; }
				
		.wishlist-heart { background: #333; }
	';
	ifelse='';
[/ekm:if]

[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='Jewellery';
	ifthen='
		.wishlist-heart-inner-color { fill: #fff; }
				
		.wishlist-heart { background: #fff; }
	';
	ifelse='';
[/ekm:if]

[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='DIY and Construction';
	ifthen='
		.wishlist-heart-inner-color { fill: #fff; }
				
		.wishlist-heart { background: #fff; }
	';
	ifelse='';
[/ekm:if]



/**
 * Product page lower
 */

.product-page-lower-element:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.product-page-lower-element:nth-of-type(2n+1) {
  border-bottom: none;
  background-color: rgba(0, 0, 0, 0.075);
}

.product-page-lower-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .product-page-lower-heading {
    margin-bottom: 1.5rem;
    text-align: center;
    width: 100%;
  }
}

.product-description {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 768px) {
  .product-description .grid-7 {
    margin-left: 0;
    width: 100%;
  }
}

product-description table{
	width: 100% !important;
	max-width: 500px;
}


/**
 * Product specifications
 */

.product-specifications {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.product-specifications table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  margin: auto;
  border: none;
}

.product-specifications tr:first-child td {
  padding-top: 0;
}

.product-specifications tr:nth-of-type(2n+0) {
  background-color: rgba(0, 0, 0, 0.075);
}

.product-specifications td {
  width: 50%;
  padding: .75rem;
  border: none;
}

.product-specifications td:first-child {
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .product-specifications .grid-7 {
    width: 100%;
  }
}


/**
 * Product reviews
 */

.product-reviews {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 768px) {
  .product-reviews .grid-5,
  .product-reviews .grid-7 {
    margin-left: 0;
    width: 100%;
  }
}

.product-reviews .product-review-stars {
  margin-top: 0;
}

.product-reviews-summary .product-review-stars {
  margin-top: .75rem;
}

.product-reviews-write-a-review {
  margin-top: .75rem;
  font-size: .8rem;
}

.product-review-row {
  margin-top: 1.5rem;
}

.product-review-row:first-child {
  margin-top: 0;
}

.product-review-row .product-review-stars {
  margin-left: .75rem;
}

.product-review-content {
  position: relative;
  padding: .75rem;
  margin-top: 1rem;
  background-color: rgba(0, 0, 0, 0.075);
}

.product-review-content:before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 3rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1rem 1rem 1rem;
  border-color: transparent transparent rgba(0, 0, 0, 0.075) transparent;
}


/**
 * Related products
 */

.related-products {
  padding-top: 3rem;
  margin-top: 0;
}


/**
 * $-Page-footer
 */

.page-footer {
  padding-bottom: 1.5rem;
  border-top: 2px solid rgba(0, 0, 0, 0.15);
  font-size: .8rem;
  background-color:	[ekm:colour] colour_reference='footer_background'; default_colour='#ffffff'; [/ekm:colour];
}

.page-footer-row {
  margin-top: 1.5rem;
}

.webpages-list, .copyright, .contact-element, .page-footer-row.currency{
	color: [ekm:colour] colour_reference='footer_text'; [/ekm:colour];
}

/**
 * Webpages list
 */

.webpages-list {
  width: 50%;
  padding-right: .75rem;
  margin-top: -.375rem;
}

@media screen and (max-width: 768px) {
  .webpages-list {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}

.webpages-item {
  margin-top: .375rem;
  margin-right: .75rem;
}

.webpages-item:last-child {
  margin-right: 0;
}

.webpages-item a {
  color: inherit;
}


/**
 * Contact element
 */

.contact-element {
  width: 50%;
  padding-left: .75rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .contact-element {
    width: 100%;
    margin-top: 1.5rem;
    padding-left: 0;
    text-align: center;
  }
}


/**
 * Copyright
 */

.copyright {
  width: 50%;
  padding-right: .75rem;
  font-size: .7rem;
  opacity: .6;
}

@media screen and (max-width: 768px) {
  .copyright {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}

.copyright a {
  color: inherit;
}


/**
 * Card logos
 */

.card-logos {
  width: 50%;
  padding-left: .75rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .card-logos {
    margin-top: .75rem;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
}


/**
 * Currency
 */

.currency {
  text-align: center;
}

.currency table {
  width: 100%;
}

.currency select {
  font-family: inherit!important;
  font-size: .7rem!important;
}

/**
 * $-Variants
 */
 
.i-DIY-and-Construction h3, 
body.i-DIY-and-Construction {
	font-family: "Roboto Condensed", sans-serif;
}

.i-DIY-and-Construction h1, 
.i-DIY-and-Construction h2, 
.i-DIY-and-Construction h4, 
.i-DIY-and-Construction h5, 
.i-DIY-and-Construction h6 {
	font-family: "Oswald", sans-serif;
}

.i-DIY-and-Construction .page-header {
	background-color: [ekm:colour] colour_reference='header_background'; default_colour='#ffffff'; [/ekm:colour];
	border-bottom: 2px solid rgba(0, 0, 0, 0.075);
}

.i-DIY-and-Construction .products-heading:before {
	background-color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .page-footer {
	border-top: 2px solid [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .product-form {
	border-top: 1px solid [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
	border-bottom: 1px solid [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .nav-item,
.i-DIY-and-Construction .product-page-upper,
.i-DIY-and-Construction .product-page-lower-element:last-of-type {
	border-bottom: 1px solid [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .currency,
.i-DIY-and-Construction .sort-by select,
.i-DIY-and-Construction .product-quantity,
.i-DIY-and-Construction .search input,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-box,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row select,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row input[type=text][name=areacode] {
	color: #262626;
}

.i-DIY-and-Construction .page-footer {
	background-color: [ekm:colour] colour_reference='footer_background'; default_colour='#ffffff'; [/ekm:colour];
	width: 100%;
}

.i-DIY-and-Construction .page-footer-row {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.i-DIY-and-Construction .subnav-list-inn,
.i-DIY-and-Construction .login-cont,
.i-DIY-and-Construction .cart-cont,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-header {
	background-color: [ekm:colour] colour_reference='footer_background'; default_colour='#ffffff'; [/ekm:colour];
}

.i-DIY-and-Construction .subnav-list-inn:before {
	border-color: transparent [ekm:colour] colour_reference='footer_background'; default_colour='#ffffff'; [/ekm:colour] transparent transparent;
}

.i-DIY-and-Construction .cart-btn.active:after {
	border-color: transparent transparent [ekm:colour] colour_reference='footer_background'; default_colour='#ffffff'; [/ekm:colour] transparent;
}

.i-DIY-and-Construction .category-products {
	border-top: 1px solid [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-header h1 {
	background-color: [ekm:colour] colour_reference='header_background'; default_colour='#ffffff'; [/ekm:colour];
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-inner,
.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-totals {
	background-color: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour];
	color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-item-name a,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-price .ekmpscart-cart-items-product-price-subtotal,
.i-DIY-and-Construction .ekmpscart-totals .ekmpscart-total .ekmpscart-total-value {
	color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-links,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product,
.i-DIY-and-Construction .ekmpscart-cart-items-column-header,
.i-DIY-and-Construction .ekmpscart-estimate-delivery {
	background-color: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour];
}

.i-DIY-and-Construction .ekmpscart-checkout-button.ekmpscart-checkout-button-continue {
	border: none;
	padding-left: 15px;
}

.i-DIY-and-Construction .ekmpscart-estimate-delivery {
	border: none;
}

.i-DIY-and-Construction .ekmpscart-checkout-button.ekmpscart-checkout-button-checkout,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row-button .ekmpscart-estimate-delivery-row-button-estimate {
	font-weight: 500;
}

.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-down.ekmpscart-cart-items-product-qty-up:before, .i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-up.ekmpscart-cart-items-product-qty-up:before,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-down.ekmpscart-cart-items-product-qty-up:after, .i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-up.ekmpscart-cart-items-product-qty-up:after,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-down.ekmpscart-cart-items-product-qty-down:before, .i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-up.ekmpscart-cart-items-product-qty-down:before {
	background-color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
}

@media screen and (max-width: 768px) {
	.i-DIY-and-Construction .nav-list:not(.is-expanded):after {
		    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #15427f 100%);
}
}


@media screen and (max-width: 1364px) {
	.i-DIY-and-Construction .product-item.grid-3 {
	    width: 20%;
}
}

@media screen and (max-width: 620px) {
	.i-DIY-and-Construction .product-item.grid-3 {
	    width: 33%;
}
}

@media screen and (max-width: 480px) {
	.i-DIY-and-Construction .product-item.grid-3 {
    	width: 50%;
}
}

/**
 * $-Media-queries
 */


/**
 * Max width
 */


/**
 * Min width
 */

@media only screen and (min-width: 1024px) {
  .filter-attribute-item {
    width: 33.33333%;
  }
}

@media only screen and (min-width: 1366px) {
  html, body {
    font-size: 18px;
  }
  .page-sidebar {
    width: 20%;
  }
  .page-content {
    width: 80%;
  }
  .filter-attribute-item {
    width: 25%;
  }
}

@media only screen and (min-width: 1440px) {
  .search {
    width: 35%;
  }
  .login-cart {
    width: 15%;
  }
  .filter-attribute-item {
    width: 20%;
  }
}

@media only screen and (min-width: 1920px) {
  .search {
    width: 40%;
  }
  .login-cart {
    width: 10%;
  }
  .filter-attribute-item {
    width: 16.66667%;
  }
}

/**
 * $-Newsletter-modal
 */
 
/* Exit Modal Overlay */
.shopui-exit-modal__overlay {
	background-color: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour];
}

/* Exit Modal Main Window */
body .shopui-exit-modal__window {
	background-color: [ekm:colour] colour_reference='color_background'; default_colour='#ffffff'; [/ekm:colour];
	border-radius: 2px; 
	box-shadow: none; 
	
}

/* Exit Modal Title */
/* Exit Modal Message */
[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='Clothing and Fashion';
	ifthen='
		body .shopui-exit-modal__title {
			font-family: Comfortaa;
			font-weight: 400;
			color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];

		}

		body .shopui-exit-modal__message {
			font-family: Hind, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			color: [ekm:colour] colour_reference='color_body_text'; default_colour='#464646'; [/ekm:colour];
		}
	';
	ifelse='';
[/ekm:if]

[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='Jewellery';
	ifthen='
		body .shopui-exit-modal__title {
			font-family: Comfortaa;
			font-weight: 400;
			color: #fff;

		}

		body .shopui-exit-modal__message {
			font-family: Hind, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			color: #fff;
		}
	';
	ifelse='';
[/ekm:if]

[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='DIY and Construction';
	ifthen='
		body .shopui-exit-modal__title {
			font-family: "Oswald", sans-serif;
			text-transform: uppercase;
			color: #fff;
		}

		body .shopui-exit-modal__message {
			font-family: "Roboto Condensed", sans-serif;
			color: #fff;
		}
	';
	ifelse='';
[/ekm:if]


	/* Exit Modal Email Field */
	.shopui-exit-modal__window .shopui-text-field {
		border: 2px solid #ddd;
		font-size: 18px;
		border-radius: 2px;
	}

	/* Exit Modal Button */
	.shopui-exit-modal__window .shopui-button--primary,
	.shopui-exit-modal__window a.shopui-button--primary {
		border-color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
		background-color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
	}

		.shopui-exit-modal__window .shopui-button--primary:hover,
		.shopui-exit-modal__window a.shopui-button--primary:hover {
			border-color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
    		background-color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
    		opacity: 0.75;
		} 
 
 
/**
 * $-Soft-cart
 */


/**
 * Soft cart container
 */

.ekm-softcart-wrapper .ekm-softcart {
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


/**
 * Soft cart close button
 */

.ekm-softcart-wrapper a.ekm-softcart-close {
  top: 12px!important;
}


/**
 * Soft cart header
 */

.ekm-softcart-wrapper .ekm-softcart-header h1 {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #ccc;
  line-height: inherit;
  background-color: #eee;
  font-size: inherit;
  color: inherit;
}


/**
 * Soft cart inner
 */

.ekm-softcart-wrapper .ekm-softcart-inner {
  border-top: none;
  background-color: #fff;
}

.ekm-softcart-wrapper .ekm-softcart.scrolls div.ekm-softcart-items {
  background: inherit;
}


/**
 * Soft cart item
 */

.ekm-softcart-wrapper .ekm-softcart-items {
  font-size: .9rem;
}

.ekm-softcart-wrapper div.ekm-softcart-item {
  padding: .75rem 0;
  font-size: inherit;
}

.ekm-softcart-wrapper .ekm-softcart-item+.ekm-softcart-item {
  border-color: #ccc;
}

.ekm-softcart-wrapper .ekm-softcart-item:first-child {
  border-top: none;
}

.ekm-softcart-wrapper a.ekm-softcart-item-img {
  border-color: #ccc;
}

.ekm-softcart-wrapper .ekm-softcart-item-name a {
  font-weight: 300;
}

.ekm-softcart-wrapper .ekm-softcart-item-options {
  color: inherit;
}

.ekm-softcart-wrapper span.ekm-softcart-item-options {
  font-size: .8rem;
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-label {
  color: inherit;
}

.ekm-softcart-wrapper span.ekm-softcart-item-qty-label {
  font-size: .6rem;
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-minus, .ekm-softcart-wrapper .ekm-softcart-item-qty-plus {
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-minus:hover, .ekm-softcart-wrapper .ekm-softcart-item-qty-plus:hover {
  opacity: .75;
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-value {
  border-radius: 0;
  border-color: #ccc;
  color: inherit;
}

.ekm-softcart-wrapper .ekm-softcart-item-cost {
  color: inherit;
}

span.ekm-softcart-item-cost {
  padding-right: 0!important;
}


/**
 * Soft cart totals
 */

.ekm-softcart-wrapper .ekm-softcart-totals {
  padding: .75rem 0 .75rem .75rem;
  border-color: #ccc;
}

.ekm-softcart-wrapper p.ekm-softcart-itemcount {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

.ekm-softcart-wrapper .ekm-softcart-subtotal {
  font-weight: 300;
  font-size: inherit;
  color: inherit;
}


/**
 * Soft cart buttons
 */

.ekm-softcart-wrapper .ekm-softcart-links {
  border-color: #ccc;
  padding: .75rem;
}

.ekm-softcart-wrapper div.ekm-softcart-links a {
  padding: .75rem;
  line-height: 1;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-continue {
  border-radius: 0;
  border: none;
  color: [ekm:colour] colour_reference='accent'; default_colour='#5f9539'; [/ekm:colour];
  padding-right: 0;
  padding-left: 0;
  background: inherit;
  font-weight: inherit;
  font-size: .9rem;
  -webkit-filter: none;
          filter: none;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-continue:hover {
  text-decoration: underline;
  -webkit-filter: none;
          filter: none;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-gotocheckout {
  background: [ekm:colour] colour_reference='cta'; default_colour='#3a8ae3'; [/ekm:colour];
  border-radius: 0;
  border: none;
  font-size: inherit;
  color: #fff;
  -webkit-filter: none;
          filter: none;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-gotocheckout:hover {
  background: [ekm:colour] colour_reference='cta'; default_colour='#3a8ae3'; [/ekm:colour];
  opacity: .75;
  -webkit-filter: none;
          filter: none;
}

/**
 * EKM Element Fixes
 */

.mid-promos-cont .ekm-edit-element-wrapper {
  margin-left: 3.2%;
}

.mid-promos-cont .ekm-edit-element-wrapper:first-child {
  margin-left: 0;
}


/**
 * Search Fixes
 */

@media (max-width:359px) and (min-width:0px) {
	.ekm-search-page-item__wrapper {
        width: 100%!important;
    }
}
 
@media (max-width:899px) and (min-width:360px) {
	.ekm-search-page-item__wrapper {
        width: 50%!important;
    }
}​

/* ==========================================================================
    #PRODUCT URGENCY FEATURE
========================================================================= */    

.product-urgency.gibt-tactic span.js-ekm-pugibt-cd.shopui-timer-time {
    color: var(--ekm-success-colour-text);
    display: block;
}

.product-urgency.lsb-tactic {margin: 2rem 0;}

.product-urgency.lsb-tactic .shopui-low-stock-bar .shopui-low-stock-bar-container {
    margin-left: 0;
    width: 90%;
}


.product-urgency.ct-tactic .shopui-countdown {
    padding: 1rem 0;
}

.product-urgency.gibt-tactic {
    margin: 2rem 0;
}

.product-urgency.gibt-tactic .shopui-timer {
    text-align: left;
}

.product-urgency.gibt-tactic .shopui-timer .shopui-timer-text .shopui-timer-arrival {
    color: var(--ekm-warning-colour-text);
}

.product-urgency.fd-tactic {
    margin: 2rem 0;
    text-align: left;
}

/* ==========================================================================
#QUICK VIEW FEATURE V1 CUSTOM MODE
========================================================================= */


.quickview-parent {
	position: relative;
}

.quickview-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: none;
}

@media screen and (min-width: 36.25em) {
    .quickview-parent:hover .quickview-wrapper {display: flex;justify-content: space-evenly;align-items: center;flex-direction: column;}
}

.quickview-wrapper a, .quickview-wrapper span {
    border: 0.675rem solid #fff;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    padding: 1rem 2rem;
    color: #ffffff;
    font-size: 1.8rem;
    transition: 0.2s linear all;
    text-decoration: none;
}

.quickview-wrapper a:hover, .quickview-wrapper span:hover {
    opacity: 1;
    background: #ffffff;
    color: #000000;
    transition: 0.2s linear all;
}

.quickview-icon {
    display: block;
    width: 100%;
    margin-top: 1.2rem;
    cursor: pointer;
    padding: 1rem 0;
    background: [ekm:colour]colour_reference='cta';[/ekm:colour];
    color: #ffffff;
    text-align: center;
}

.quickview-icon a {
    color: #ffffff;
}

.quickview-icon:hover {
    opacity: 0.8;
}

.quickview-icon span.quickview-label {
    display: inline-block;
    margin: 0 0 0 0.5rem;
}

.quickview-icon svg {
    height: 22px;
    width: 22px;
    display: inline-block;
    fill: #ffffff;
    vertical-align: text-top;
}

.quickview-wrapper .ekm-edit-button-wrapper.ekm-design.ekm-design-html a:first-child {
    display: none;
}
[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='Jewellery';
	ifthen='
	#shopui-instalmentPlans img{
			filter: brightness(5);
		}
	';
	ifelse='';
[/ekm:if]



/*----------------------*/
/*PRODUCT TABS*/
/*----------------------*/
.tab-wrapper{
	max-width: none !important;
}