/*

  ======================================================
  $---Contents
  ======================================================

  $-Resets
  $-Modules
  $-Page-header
  $-Main
  $-Product-showdata
  $-Homepage
  $-Category-&-product-pages
  $-Category-page
  $-Product-page
  $-Page-footer
  $-Variants
  $-Media-queries
  $-Soft-cart
  $-Quick-view-feature
  $-Product-Urgency-feature

*/

/* EKM Colour Tags */
/*

[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]
*/

/* 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: 14px;
}

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;
  max-width: 1920px;
  margin: 0 auto;
  line-height: 1.5;
  background-color: #f0f0f0;
  font-family: Lato, Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333;
}

/* main */
main {
  display: block;
}

/* headers */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Montserrat, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}

h1, .h2-title {
  font-size: 2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1rem;
}

/* highlight colors */
::-moz-selection {
  background-color: #333;
  color: #fff;
}

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

/* anchor links */
a {
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: underline;
}

/* form elements */
legend {
  color: inherit;
}

select,
textarea,
input,
button {
  max-width: 100%;
  min-height: 2.25rem;
  padding: .375rem;
  border: 1px solid #ccc;
  margin: 0;
  background-color: #fff;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

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; } /* zoom mobile input fix */

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;
  border-radius: 0;
  color: #fff;
  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;
}

/* img */
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
============================== */



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

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

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

/* ul-reset */
.ul-reset {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
.ul-reset .list-truncation {
  font-style: italic;
}

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

/* container */
.container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.ekm-page-type-main .page-content,
.ekm-page-type-category .page-content,
.ekm-page-type-product .page-content {
  max-width: none;
  padding: 0;
  margin: 0;
}

.ekm-page-type-product .page-content {
  background-color: #fff;
}
.ekm-page-type-product .recent-products {
  background-color: #f0f0f0;
}

/* column setup */
.col {
  display: block;
  float: left;
  margin-left: 1.6%;
}
.col:first-child {
  margin-left: 0;
}

/* fluid grid */
.grid-12 {
  width: 100%;
}

.grid-11 {
  width: 91.53%;
}

.grid-10 {
  width: 83.06%;
}

.grid-9 {
  width: 74.6%;
}

.grid-8 {
  width: 66.13%;
}

.grid-7 {
  width: 57.66%;
}

.grid-6 {
  width: 49.2%;
}

.grid-5 {
  width: 40.73%;
}

.grid-4 {
  width: 32.26%;
}

.grid-3 {
  width: 23.8%;
}

.grid-2 {
  width: 15.33%;
}

.grid-1 {
  width: 6.866%;
}

/* product review stars */
.product-review-stars {
  color: #999;
}

/* pagination */
.pagination {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.pagination-item {
  margin-right: .375rem;
  margin-left: .375rem;
}
.pagination-item .current-page {
  font-weight: 700;
  color: inherit;
}
.pagination-item .current-page:hover {
  text-decoration: none;
  cursor: default;
}

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

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





/* ==============================
$-Page-sidebar
============================== */

.page-sidebar {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 250px;
  height: 100%;
  padding: 3rem;
  background-color: #fff;
  text-align: center;
}

.site-footer {
  display: none;
  padding: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .page-sidebar {
    height: auto;
    position: static;
    width: 100%;
  }

  .page-sidebar-footer {
    display: none;
  }

  .site-footer {
    display: block;
  }
}

/* logo */
.logo {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 900px) {
  .logo img {
    max-width: 120px;
  }
}

.ekm-injected-logo a {
  font-family: Montserrat, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.4rem;
  color: #000;
  -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-injected-logo a:hover {
  text-decoration: none;
  opacity: .75;
}

/* account search cart */
.account-search-cart {
  margin-bottom: 1.125rem;
}
.account-search-cart .ekmps-fa {
  font-size: 1.6rem;
}

/* login */
.login {
  text-align: left;
}

.login a {
  color: inherit;
}

/* cart */
.cart {
  text-align: right;
}

/* drawers on click */
.drawer-btn-cont {
  position: relative;
  line-height: 1;
}

@media screen and (max-width: 900px) {
  .drawer-btn-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sidebar-btn {
  float: left;
  width: 33.33333%;
}

@media screen and (max-width: 900px) {
  .sidebar-btn {
    float: none;
    margin-left: 1rem;
    margin-right: 1rem;
    width: auto;
  }
}

.drawer-btn {
  line-height: 1;
  color: inherit;
}
.drawer-btn i {
  -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);
}
.drawer-btn:hover i {
  opacity: .75;
}

.drawer-btn-active {
  position: relative;
}
.drawer-btn-active:after {
  content: "";
  position: absolute;
  top: calc(100% + .75rem);
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .75rem .75rem .75rem;
  border-color: transparent transparent #333 transparent;
}

.drawer {
  display: none;
  position: absolute;
  top: calc(100% + 1.5rem);
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(250px - 1.5rem);
  padding: .75rem;
  line-height: 1.5;
  background-color: #333;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 900px) {
  .drawer {
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: 100%;
  }
}
.drawer h1, .drawer h2 {
  margin-top: 0;
  margin-bottom: .75rem;
  text-align: center;
  font-size: 1rem;
  color: inherit;
}
.drawer label {
  display: inline-block;
  margin-top: .75rem;
  margin-bottom: .1875rem;
  text-align: left;
  font-size: .8rem;
}
.drawer input {
  display: block;
  width: 100%;
  border: none;
  color: #333;
}
.drawer input[type=submit] {
  color: #fff;
}
.drawer a {
  color: #fff;
}

.drawer-btn-bg {
  background-color: #fff;
}

/* login */
.login .drawer-btn {
  position: relative;
}
.login .drawer-btn:before {
  content: "\f00c";
  visibility: hidden;
  position: absolute;
  top: -50%;
  right: -50%;
  z-index: 2;
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
  width: 1rem;
  height: 1rem;
  font-family: FontAwesome;
  font-style: normal;
}

.login-drawer {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.login-drawer .drawer-btn-bg {
  margin-top: .75rem;
}

.forgotten-password {
  margin-top: .75rem;
  text-align: center;
  font-size: .8rem;
}

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

.logged-in-logout {
  margin-top: .75rem;
}

/* search */
.search .ekmps-fa-search {
  padding-left: 1px;
}
.search-drawer input {
  float: left;
}
.search-drawer .ekmps-search-field {
  padding-right: 2.25rem;
}
.search-drawer .ekmps-search-button {
  width: 2.25rem;
  min-height: 2.25rem;
  padding: 0;
  margin-left: -2.25rem;
  background-color: transparent;
  font-size: 1.4rem;
}

/* cart */
.cart .drawer-btn {
  position: relative;
}

.cart-btn-item-count {
  visibility: hidden;
  position: absolute;
  top: -50%;
  right: -50%;
  z-index: 2;
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  line-height: 1.125rem;
  text-align: center;
  font-size: .7rem;
  color: #fff;
}

.cart-drawer {
  padding: 0;
}

.cart-product-item-list {
  max-height: 300px;
  overflow-y: auto;
}

.cart-product-item {
  padding: .75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.cart-product-item:first-of-type {
  border-top: none;
}

.cart-product-item-image {
  float: left;
  width: 25%;
  min-height: 1px;
  text-align: center;
}

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

.cart-product-item-qty {
  margin-top: .1875rem;
  font-size: .8rem;
  opacity: .75;
}

.cart-total {
  padding: .75rem;
  background-color: rgba(255, 255, 255, 0.15);
  font-size: .8rem;
}

.cart-item-count {
  float: left;
  width: 65%;
  padding-right: .375rem;
}

.cart-total-price {
  float: right;
  width: 35%;
  padding-left: .375rem;
  text-align: right;
}

.cart-btn-cont {
  text-align: center;
}
.cart-btn-cont .cart-btn:first-child {
  padding-right: .375rem;
}
.cart-btn-cont .cart-btn:last-child {
  padding-left: .375rem;
}

.cart-btn {
  float: left;
  width: 50%;
  padding: .75rem;
}
.cart-btn a {
  display: block;
  line-height: 2.25rem;
}
.cart-btn a:hover {
  text-decoration: none;
}

.cart-view-btn {
  border: 2px solid #fff;
  -webkit-transition: background-color 100ms, color 100ms ease-in-out;
  transition: background-color 100ms, color 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}
.cart-view-btn:hover {
  background-color: #fff;
  color: #333;
}

.cart-checkout-btn {
  border: 2px solid;
  text-transform: uppercase;
  -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);
}
.cart-checkout-btn:hover {
  opacity: .75;
}

/* nav */
.nav {
  overflow-y: auto;
}

@media screen and (max-width: 900px) {
  .nav { max-height: none !important; }
}

.nav a {
  display: inline-block;
  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);
}
.nav a:hover {
  text-decoration: none;
	opacity: .75;
}

/* jQuery Accordion Navigation Menu */
.nav-item {
  margin-top: .75rem;
}
.nav-item:first-child {
  margin-top: 0;
}

.nav-item-inner-heading.minus:after,
.nav-item-inner-heading.plus:after {
  display: inline;
  vertical-align: middle;
  height: 1em;
  margin-left: .375rem;
  text-align: center;
  font-family: FontAwesome;
  font-style: normal;
  font-size: .6rem;
}
.nav-item-inner-heading.minus:after {
  content: "\f068";
}
.nav-item-inner-heading.plus:after {
  content: "\f067";
}

.nav-sub-list {
  display: none;
  font-size: .8rem;
  overflow: hidden;
}

.nav-sub-list-inner {
  padding-top: .75rem;
}

.nav-sub-item {
  margin-top: .375rem;
}
.nav-sub-item:first-child {
  margin-top: 0;
  font-style: italic;
}

/* page sidebar footer */
.page-sidebar-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3rem;
  font-size: .7rem;
}

/* social plugins */
.social-plugins {
  margin-bottom: 1.5rem;
}

/* powered by */
.powered-by {
  margin-top: .375rem;
}





.nav__btn {
	display: none;
  padding-left: .75rem;
  padding-right: .75rem;
}

@media screen and (max-width: 900px) {
   .nav__btn {
   	display: inline-block;
   	margin-top: 1.5rem;
   }
}



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

 .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: 1000px;
    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);
  }

}





/* ==============================
$-Main
============================== */

.page-content-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  min-height: 100vh;
  padding-left: 250px;
}

@media screen and (max-width: 900px) {
  .page-content-footer {
    padding-left: 0;
  }
}

.page-content {
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  min-width: 320px;
  max-width: 980px;
  padding: 1.5rem;
  margin: auto;
}

/* recent products */
.recent-products-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 1.4rem;
}





/* ==============================
$-Product-showdata
============================== */

.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
  .product-list {
    background-color: #fff;
  }
}

.product-item {
  position: relative;
  width: 33.33333%;
  background-color: #e0e0e0;
  text-align: center;
}

.product-item:nth-child(even) {
  background-color: #d7d7d7;
}

@media screen and (max-width: 1200px) {
  .product-item:nth-child(even) {
    background-color: transparent;
  }
  .product-item:nth-child(8n+1),
  .product-item:nth-child(8n+4),
  .product-item:nth-child(8n+5),
  .product-item:nth-child(8n+8) {
    background-color: #d7d7d7;
  }

  .product-item {
    width: 50%;
  }
}

@media screen and (max-width: 900px) {
  .product-item,
  .product-item:nth-child(8n+1),
  .product-item:nth-child(8n+4),
  .product-item:nth-child(8n+5),
  .product-item:nth-child(8n+8),
  .product-item:nth-child(even) {
    background-color: #fff;
  }
}

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

@media screen and (min-width: 901px) {
    .product-item a {
      color: #fff;
    }
}

.product-item:hover .product-item-details {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}

.product-item-image {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  /* fixes IE issue */
}
.product-item-image > a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  max-height: 100%;
}

.product-item-image-no-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  max-height: 90%;
  overflow: hidden;
}

.product-item-image-no-image-icon {
  font-size: 5rem;
  opacity: .25;
}

.product-item-image-no-image-title {
  opacity: .5;
}

.product-item-details {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  font-size: .8rem;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
}

@media screen and (max-width: 900px) {
  .product-item-details {
    background-color: #fff;
    color: #333;
    opacity: 1;
    position: static;
    visibility: visible;
  }
}

.product-item-details .product-review-stars {
  margin-top: .75rem;
}
.product-item-details .product-review-number {
  color: #fff;
}

@media screen and (max-width: 900px) {
  .product-item-details .product-review-number {
    color: #333;
  }
}

.product-item-details .product-rrp-price {
  margin-top: .75rem;
}
.product-item-details .product-rrp {
  margin-right: .75rem;
  margin-left: .75rem;
}
.product-item-details .product-price {
  margin-right: .75rem;
  margin-left: .75rem;
  font-size: 1.6rem;
}

.product-item-details-inner {
  position: absolute;
  top: 50%;
  left: -50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 100%;
  max-height: 100%;
  padding: 1.5rem;
  overflow: auto;
}

@media screen and (max-width: 900px) {
  .product-item-details-inner {
    max-height: none;
    overflow: visible;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}

.product-item-title {
  position: relative;
  padding-bottom: .375rem;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
  .product-item-title {
    font-size: 16px;
    line-height: 1;
  }
}

.product-item-title:after {
  content: "";
  position: absolute;
  top: calc(100% - .375rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
  height: .375rem;
}

@media screen and (max-width: 900px) {
  .product-item-title:after {
    display: none;
  }
}

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

.product-review-stars ~ .product-item-short-description {
  margin-top: .75rem;
}

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

.product-rrp {
  text-decoration: line-through;
  color: #aaa;
  vertical-align: baseline;
}

.product-vat {
  vertical-align: baseline;
  font-size: 1.2rem;
  color: #ddd;
}

.product-price {
  font-weight: 700;
  vertical-align: baseline;
}

.product-item-btn {
  padding: .375em 3rem;
  border: 3px solid #fff;
  margin-top: .75rem;
  -webkit-transition: background-color 100ms, color 100ms ease-in-out;
  transition: background-color 100ms, color 100ms ease-in-out;
}

@media screen and (max-width: 900px) {
  .product-item-btn {
    display: none;
  }
}

.product-item-btn:hover {
  background-color: #fff;
  color: #333;
}





/* ==============================
$-Homepage
============================== */

/* newsletter */
.newsletter, .welcome-area {
  padding: 3rem;
  border-top: 1px solid #ccc;
  text-align: center;
}

.newsletter-heading {
  max-width: 980px;
  margin: 0 auto;
  font-size: 1.4rem;
}

.newsletter-description {
  max-width: 980px;
  margin: 1.5rem auto 0;
}

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

.ekmResponseEmailAddress {
  width: 20rem;
  height: 3rem;
  padding-right: .75rem;
  padding-left: .75rem;
  border-right: none;
  vertical-align: top;
}

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

.ekmResponseSignupButton {
  width: 3rem;
  height: 3rem;
  padding-right: .75rem;
  padding-left: .75rem;
  background-image: url(/ekmps/designs/assets/master/1513/images/arrow.png);
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
  vertical-align: top;
}





/* ==============================
$-Category-&-product-pages
============================== */

/* breadcrumb */
.breadcrumb-list {
  padding-bottom: .75rem;
  background-color: #d7d7d7;
}

@media screen and (max-width: 900px) {
  .breadcrumb-list {
    text-align: center;
  }
}

.breadcrumb-item {
  margin-top: .5rem;
}
.breadcrumb-item.current a {
  color: inherit;
  cursor: default;
}
.breadcrumb-item.current a:hover {
  text-decoration: none;
}


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


/* ==============================
$-Category-page
============================== */

.category-controls {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: #f0f0f0;
}




.category-page-title {
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0;
  text-align: center;
  font-size: 1.4rem;
}

@media screen and (max-width: 1084px) {
  .category-page-title {
    max-width: none;
  }
}

/* filter by */
.ekm-filterby-form {
  display: inline-block;
  vertical-align: middle;
  max-width: 70%;
  padding-left: 1.5rem;
  margin-top: -.75rem;
}

@media screen and (max-width: 1084px) {
  .ekm-filterby-form {
    max-width: none;
    padding-left: 0;
  }
}

.filter-item {
  position: relative;
  border-bottom: 2px solid #aaa;
  margin-top: .75rem;
  margin-right: 1.5rem;
  width: 7rem;
  cursor: default;
}

@media screen and (max-width: 1084px) {
  .filter-list {
    margin-bottom: 1.5rem;
    margin-left: -1.5rem;
  }
  .filter-item {
    margin-right: 0;
    margin-left: 1.5rem;
  }
}

.filter-item:last-child {
  margin-right: 0;
}
.filter-item:after {
  content: "\f078";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: FontAwesome;
  font-style: normal;
  font-size: .7rem;
}
.filter-item:hover .filter-attribute-list {
  visibility: visible;
  opacity: 1;
}
.filter-item .filter-price .ui-slider-horizontal {
  width: 96%;
  margin: auto;
  background-color: #999;
}
.filter-item .filter-price .ui-slider-horizontal .ui-slider-range {
  background-color: #fff;
  opacity: .5;
}
.filter-item .filter-price .ui-slider-horizontal .ui-slider-handle {
  background-color: #fff;
}
.filter-item .filter-price .price-label {
  font-weight: 400;
  font-size: inherit;
}
.filter-item .filter-price .price-labels {
  height: 2.5em;
}
.filter-item .filter-price .price-range-low,
.filter-item .filter-price .price-range-high {
  top: inherit;
  bottom: 0;
}

.filter-attribute-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  width: 200px;
  padding-top: .75rem;
  font-size: .9rem;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
}

.filter-attribute-list-inner {
  position: relative;
  padding: .75rem;
  background-color: #333;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}
.filter-attribute-list-inner:before {
  content: "";
  position: absolute;
  top: -.35rem;
  left: .75rem;
  border-style: solid;
  border-width: 0 .375rem .375rem .375rem;
  border-color: transparent transparent #333 transparent;
}

.filter-attribute-item-label {
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
}
.filter-attribute-item-label:hover {
  opacity: .75;
  cursor: pointer;
}

.ekm-fitler-count {
  opacity: .5;
}

.filter-price .filter-attribute-list-inner {
  padding: .75rem .75rem .5rem;
}
.filter-price .filter-attribute-item {
  margin-top: 5px;
}

.filter-label-output {
  font-size: .7rem;
}

.filter-label-group {
  display: inline-block;
  vertical-align: top;
  margin-top: .75rem;
  margin-right: .75rem;
}
.filter-label-group:last-child {
  margin-right: 0;
}

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

.filter-label-name,
.filter-label-value,
.filter-label-cancel {
  display: inline-block;
  vertical-align: middle;
}

.filter-label-name {
  font-weight: bold;
}
.filter-label-name:after {
  content: ":";
}

.filter-label-value {
  padding-right: .375em;
  padding-left: .375em;
  margin-left: .375em;
}

.filter-label-cancel {
  cursor: pointer;
}

/* sort by */
.ekm-sortby-form {
  display: inline-block;
  vertical-align: middle;
}
.sort-by {
  text-align: right;
}
.sort-by select {
  width: 150px;
  background-color: #fff;
}

/* in-category description and subcategories */
.in-category-description,
.subcategory-list {
  max-width: 980px;
  margin: .75rem auto 1.5rem;
  text-align: center;
}

.in-category-description ~ .subcategory-list {
  margin-top: -.75rem;
}

.sub-categories {
	margin-bottom: 4rem;
	margin-top: 4rem;
}

.sub-categories-list {
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	margin-left: -1.5rem;
	margin-top: -4rem;
	text-align: center;
}

.sub-category-item {
	font-size: 1rem;
	padding-left: 1.5rem;
	padding-top: 4rem;
}

.sub-category-image,
.sub-category-no-image {
	height: 0;
    position: relative;
    padding-bottom: 100%;
}

.sub-category-no-image {background: #e0e0e0;}

.sub-category-image img {
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: auto;
}

.sub-category-no-image img {
    display: flex;
    padding-bottom: 100%;
}

.sub-category-name {margin-top: 1rem;}


@media screen and (min-width: 0px) {
	.sub-category-item {
		flex-basis: 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 600px) {
	.sub-category-item {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}
}

@media screen and (min-width: 1100px) {
	.sub-category-item {
		flex-basis: 25%;
		max-width: 25%;
	}
}

@media screen and (min-width: 1400px) {
	.sub-category-item {
		flex-basis: 20%;
		max-width: 20%;
	}
}




/* ==============================
$-Product-page
============================== */

.product-page-col {
  background-color: #f0f0f0;
  float: left;
  width: 50%;
}

@media screen and (max-width: 900px) {
  .product-page-col {
    width: 100%;
  }
}
@media screen and (min-width: 1150px) {
  .product-page-col {
      width: 66.66666666%;
  }
}


/* product images */
.product-image {
  text-align: center;
}
.product-image ~ .product-information {
  border-top: 1px solid #c7c7c7;
}

.primary-image {
  background-color: #e0e0e0;
}

.secondary-image-container {
  border-top: 1px solid #c7c7c7;
  background-color: #d7d7d7;
}

.secondary-image-container-inner {
  width: 60%;
  margin: auto;
}

.secondary-image {
  padding-right: .75rem;
  padding-left: .75rem;
}
.secondary-image img {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

/* product information */
.product-information {
  padding: 1.5em 1.5em 6rem;
}

.product-page-heading {
  margin-top: 0;
  margin-bottom: .75rem;
}

/* product specifications */
.product-specifications {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.product-specifications table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border: none;
}
.product-specifications tr {
  border-top: 1px solid #c7c7c7;
}
.product-specifications tr:nth-of-type(even) {
  background-color: #e0e0e0;
}
.product-specifications tr:last-of-type {
  border-bottom: 1px solid #c7c7c7;
}
.product-specifications td {
  width: 50%;
  padding: .75rem;
  border: none;
}
.product-specifications td:first-child {
  font-weight: 700;
}

/* product reviews */
.product-reviews {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.product-reviews-summary {
  padding-bottom: .75rem;
}

.product-reviews-star-summary {
  float: left;
  width: 40%;
}

.product-reviews-write-a-review {
  float: left;
  width: 60%;
}

.product-reviews-row {
  padding-top: 3rem;
}
.product-reviews-row:first-child {
  border-top: 1px solid #c7c7c7;
}

.product-reviews-reviewer-details {
  float: left;
  width: 200px;
}
.product-reviews-reviewer-details .product-review-stars {
  margin-top: .75rem;
}

.product-reviews-reviewer-name {
  font-weight: 700;
}

.product-reviews-reviewer-content {
  position: relative;
  float: left;
  width: calc(100% - 200px);
  padding: 1.5rem;
  background-color: #e0e0e0;
}
.product-reviews-reviewer-content:after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: -1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 1em 1em 0;
  border-color: transparent #e0e0e0 transparent transparent;
}

/* product details */
.product-details {
  background-color: #fff;
  float: right;
  padding: 3em 1.5rem;
  width: 50%;
}

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

.product-details .product-out-of-stock {
  margin-bottom: 3rem;
  font-weight: 700;
  font-size: 1.4rem;
  color: red;
}
.product-details .product-rrp-price {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 3rem;
}
.product-details .product-price {
  font-size: 2rem;
  margin-right: .75rem;
}
.product-details .product-vat {
  margin-right: .75rem;
  color: #333;
  opacity: .75;
  font-size: 1.4rem;
}
.product-details .ekm-bulk-discount {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: .375rem;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  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 .social-plugins {
  margin-top: 1.5rem;
}

.product-page-title {
  margin-top: 0;
  margin-bottom: 0;
}

.product-short-description {
  margin-top: 3rem;
}

/* product options */
.product-options {
  margin-top: 3rem;
}
.product-options select,
.product-options textarea,
.product-options input {
  display: block;
  width: 100%;
}

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

.product-options-label {
  display: inline-block;
  font-weight: 700;
}

/* product qty atc */
.product-qty-atc {
  margin-top: 3rem;
}
input#_EKM_PRODUCTQTY {
  width: 3rem;
  height: 3rem;
  text-align: center;
  margin-right: .75rem;
  vertical-align: top;
}
.product-qty-atc input[type=submit] {
  width: calc(100% - 3.75rem);
  height: 3rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  vertical-align: top;
}

#_EKM_PRODUCTADDCARTMESSAGE {
  line-height: 3rem;
}

/* product back in stock */
.product-back-in-stock {
  margin-top: 1.5rem;
}
.product-back-in-stock input[type=email] {
  width: calc(100% - 7rem);
  max-width: 300px;
  border-right: none;
  margin-top: .75rem;
  vertical-align: top;
}
.product-back-in-stock input[type=button] {
  width: 7rem;
  margin-top: .75rem;
  vertical-align: top;
}

/* product loyalty */
.product-loyalty {
  margin-top: 3rem;
}

/* Wishlist Button Styles */
.wishlist-wrapper { 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 {
    align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
    background: none !important;
    border: 0;
    color: #333;
    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-btn:hover .wishlist-text { opacity: 0.7; }

.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;
}

.i-Clothing-and-Fashion .wishlist-heart-inner-color { fill: #333; }

.i-Homeware .wishlist-heart-inner-color { fill: #333; }

.i-Arts-and-Crafts .wishlist-heart-inner-color { fill: #333; }

.i-Clothing-and-Fashion .wishlist-heart-outer-color,
.i-Clothing-and-Fashion .wishlist-btn:hover .wishlist-heart-inner-color,
.i-Clothing-and-Fashion .wishlist-heart-icon-added { fill: #fff; }

.i-Homeware .wishlist-heart-outer-color,
.i-Homeware .wishlist-btn:hover .wishlist-heart-inner-color,
.i-Homeware .wishlist-heart-icon-added { fill: #efdbc4; }

.i-Arts-and-Crafts .wishlist-heart-outer-color,
.i-Arts-and-Crafts .wishlist-btn:hover .wishlist-heart-inner-color,
.i-Arts-and-Crafts .wishlist-heart-icon-added { fill: #fefdfa; }
		
.i-Clothing-and-Fashion .wishlist-heart { background: #333; }

.i-Homeware .wishlist-heart { background: #333; }

.i-Arts-and-Crafts .wishlist-heart { background: #333; }

@media screen and (max-width: 900px) {
	.wishlist-wrapper { 
		display: flex;        
	    display: -webkit-box;  
	    display: -ms-flexbox;  
	    display: -webkit-flex; 
		justify-content: center;
			-webkit-box-pack: center;
	        -ms-flex-pack: center;
	}
}

/* ==============================
$-Page-footer
============================== */

.page-footer {
  background-color: #333;
  font-size: .7rem;
  color: #fff;
}

/* webpages */
.webpages {
  padding-top: .375rem;
  padding-bottom: .75rem;
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
.webpages .webpages-item a {
  color: inherit;
}

.webpages-item {
  margin: .375rem .375rem 0;
}

/* contact */
.contact {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(255, 255, 255, 0.15);
}

.contact-address {
  width: 50%;
  padding-right: .75rem;
}

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

/* card logos and currency */
.card-logos-currency {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.card-logos {
  width: 60%;
}

.currency {
  width: 100%;
  text-align: center;
}

/* ==============================
$-Variants
============================== */

.i-Homeware .ekmpscart-wrapper a,
.i-Arts-and-Crafts .ekmpscart-wrapper a {
	color: [ekm:colour] colour_reference='stars_and_alt_links'; default_colour='#aa8943'; [/ekm:colour];
}

.i-Homeware input[type=button], .i-Homeware input[type=reset], .i-Homeware button,
.i-Arts-and-Crafts input[type=button], .i-Arts-and-Crafts input[type=reset], .i-Arts-and-Crafts button {
	background-color: [ekm:colour] colour_reference='stars_and_alt_links'; default_colour='#aa8943'; [/ekm:colour];
}

.i-Homeware a {
	color: [ekm:colour] colour_reference='stars_and_alt_links'; default_colour='#aa8943'; [/ekm:colour];
} 

.i-Homeware .page-sidebar,
.i-Homeware .page-sidebar a,
.i-Homeware .product-item-title a {
	color: #fff;
}


.i-Homeware h1,
.i-Homeware h2,
.i-Homeware h3,
.i-Homeware h4,
.i-Homeware h5,
.i-Homeware h6 {
  font-family: "Old Standard TT", serif;
}

.i-Homeware .page-sidebar,
.i-Homeware .breadcrumb-list {
	background-color: #30373e;
	color: #FAFAFA;
}

body.i-Homeware {
	color: #1A1E23;
	background-color: #efdbc4;
}

.i-Homeware .category-controls {
	background-color: #efdbc4;
	border-bottom: 1px solid #ddbf9d;;
}

.i-Homeware .product-item {
	background-color: #FAFAFA;
}

.i-Homeware .product-item:nth-child(even) {
	background-color: #FFF;
}

.i-Homeware .card-logos-currency,
.i-Homeware .login-drawer,
.i-Homeware .cart-drawer {
	background-color: #1A1E23;
}

.i-Homeware .contact {
	background-color: #30373e;
}

.i-Homeware .webpages {
	background-color: #454e57;
}

.i-Homeware .page-sidebar-footer, 
.i-Homeware .page-footer,
.i-Homeware .breadcrumb-list,
.i-Homeware .sort-by,
.i-Homeware .product-description,
.i-Homeware .product-specifications td,
.i-Homeware .product-reviews-write-a-review,
.i-Homeware .page-content {
	font-weight: 300;
}

.i-Homeware .product-reviews-write-a-review a {
	font-weight: 400;
}

.i-Homeware .newsletter, 
.i-Homeware .recent-products-heading,
.i-Homeware .product-details .product-rrp-price {
    border-top: 1px solid #ddbf9d;
    border-bottom: 1px solid #ddbf9d;
}

.i-Homeware .recent-products-heading {
	background-color: #efdbc4;
}

.i-Homeware .welcome-area {
	border-top: 1px solid #ddbf9d;
}

.i-Homeware select,
.i-Homeware textarea,
.i-Homeware input {
	border-left: 1px solid #ddbf9d;
	border-top: 1px solid #ddbf9d;
	border-bottom: 1px solid #ddbf9d;
}

.i-Homeware .newsletter-description,
.i-Homeware .c-welcome {
	color: #1a1e239c;
}

.i-Homeware .product-details,
.i-Homeware .product-page-wrapper {
	background-color: #efdbc4;
}

.i-Homeware .product-qty-atc input[type=submit],
.i-Homeware .drawer input[type=submit] {
	border: none;
}

.i-Homeware .sub-category-no-image {
    background: #ffffffa1;
}

.i-Homeware .primary-image,
.i-Homeware .secondary-image-container {
	background-color: #FFF;
}

.i-Homeware .product-information {
	background-color: #efdbc4;
	border-right: 1px solid #ddbf9d;
}

.i-Homeware .secondary-image-container,
.i-Homeware .product-specifications tr:last-of-type,
.i-Homeware .ekmpscart-cart-items-column-header,
.i-Homeware .ekmpscart-totals .ekmpscart-total {
	border-bottom: 1px solid #ddbf9d;
}

.i-Homeware .product-specifications tr,
.i-Homeware .ekmpscart-checkout-buttons {
	border-top: 1px solid #ddbf9d;
}

.i-Homeware .product-specifications tr:nth-of-type(even) {
    background-color: #ffffff52;
}

.i-Homeware .ekmpscart-cart-items .ekmpscart-cart-items-product {
	border-color: #ddbf9d;
}

.i-Homeware .ekmpscart-contents {
	border: 1px solid #ddbf9d;
}

.i-Homeware .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-actions .ekmpscart-cart-items-product-action-remove {
	color: #FF0000;
}

@media screen and (max-width: 900px) {
.i-Homeware .nav-list:not(.is-expanded):after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#30373e));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #30373e 100%);
}
}

@media screen and (max-width: 900px) {
.i-Homeware .site-footer {
	background-color: #1A1E23;
}
}


/* ---------------- */


.i-Arts-and-Crafts h1,
.i-Arts-and-Crafts h2,
.i-Arts-and-Crafts h3,
.i-Arts-and-Crafts h4,
.i-Arts-and-Crafts h5,
.i-Arts-and-Crafts h6 {
  font-family: "Gloria Hallelujah", cursive;
}

.i-Arts-and-Crafts .page-sidebar,
.i-Arts-and-Crafts .breadcrumb-list {
	background-color: #C6B5C6;
	color: #381e39;
}

.i-Arts-and-Crafts .sidebar-btn {
	color: #381e39;
}

.i-Arts-and-Crafts .ekm-softcart-wrapper .ekm-softcart-header h1 {
	background-color: #C6B5C6;
	color: #381e39;
	font-family: "Gloria Hallelujah", cursive;
}

body.i-Arts-and-Crafts,
.i-Arts-and-Crafts .ekm-softcart-wrapper .ekm-softcart-inner, 
.i-Arts-and-Crafts  div.ekm-softcart-totals,
.i-Arts-and-Crafts div.ekm-softcart-links,
.i-Arts-and-Crafts .ekmpscart-contents,
.i-Arts-and-Crafts .ekmpscart-cart-items .ekmpscart-cart-items-product,
.i-Arts-and-Crafts .ekmpscart-cart-items-column-header {
	color: #381e39;
	background-color: #fefdfa;
	font-family: 'Quattrocento Sans', sans-serif;
}

.i-Arts-and-Crafts .product-item {
	background-color: #fefdfa;
}

.i-Arts-and-Crafts .product-item:nth-child(even),
.i-Arts-and-Crafts .secondary-image-container {
	background-color: #f5f4f6;
}

.i-Arts-and-Crafts .nav-item {
    font-weight: 600;
    font-size: 16px;
}

.i-Arts-and-Crafts .newsletter,
.i-Arts-and-Crafts .recent-products-heading,
.i-Arts-and-Crafts .product-details .product-rrp-price {
    border-bottom: 1px solid #cbb77d;
    border-top: 1px solid #cbb77d;
}

.i-Arts-and-Crafts input,
.i-Arts-and-Crafts .ekm-softcart-wrapper .ekm-softcart-item-qty-value,
.i-Arts-and-Crafts .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-box, 
.i-Arts-and-Crafts .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-image .ekmpscart-cart-items-product-image-inner-border,
.i-Arts-and-Crafts .ekmpscart-estimate-delivery,
.i-Arts-and-Crafts .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row input[type=text], .i-Arts-and-Crafts  .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row select {
	border: 1px solid #cbb77d;
}

.i-Arts-and-Crafts .ekmpscart-contents {
	border: none;
}

.i-Arts-and-Crafts input[type=submit], 
.i-Arts-and-Crafts input[type=button],
.i-Arts-and-Crafts .ekmpscart-checkout-button.ekmpscart-checkout-button-continue {
	border: none;
}

.i-Arts-and-Crafts .welcome-area,
.i-Arts-and-Crafts .secondary-image-container,
.i-Arts-and-Crafts .product-specifications tr,
.i-Arts-and-Crafts div.ekm-softcart-item+div.ekm-softcart-item,
.i-Arts-and-Crafts div.ekm-softcart-totals,
.i-Arts-and-Crafts div.ekm-softcart-links,
.i-Arts-and-Crafts .ekmpscart-checkout-buttons,
.i-Arts-and-Crafts .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content,
.i-Arts-and-Crafts .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row-button {
	border-top: 1px solid #cbb77d;
}

.i-Arts-and-Crafts .product-specifications tr:last-of-type,
.i-Arts-and-Crafts .ekmpscart-cart-items-column-header,
.i-Arts-and-Crafts .ekmpscart-cart-items .ekmpscart-cart-items-product,
.i-Arts-and-Crafts .ekmpscart-totals .ekmpscart-total {
	border-bottom: 1px solid #cbb77d;
}

.i-Arts-and-Crafts .product-specifications tr:nth-of-type(even) {
	background-color: #fefcf6;
}

.i-Arts-and-Crafts .page-footer {
	color: #381e39;
    background-color: #b494b4;
    font-size: 0.9rem;
}

.i-Arts-and-Crafts .drawer {
	background-color: #381e39;
}

.i-Arts-and-Crafts .drawer-btn-active:after {
    border-color: transparent transparent #381e39 transparent;
}

.i-Arts-and-Crafts .category-controls,
.i-Arts-and-Crafts .product-details,
.i-Arts-and-Crafts .product-page-wrapper,
.i-Arts-and-Crafts .recent-products-heading {
	background-color: #fefdfa;	
}

.i-Arts-and-Crafts .product-information {
	background-color: #fefdfa;
	border-right: 1px solid #cbb77d;
}

.i-Arts-and-Crafts .ekmpscart-estimate-delivery {
	border-color: #cbb77d;
    background-color: #fefcf6;
}

.i-Arts-and-Crafts .primary-image {
    background-color: #f5f4f6;
}

@media screen and (max-width: 900px) {
.i-Arts-and-Crafts .nav-list:not(.is-expanded):after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#C6B5C5));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #C6B5C5 100%);
}
}

@media screen and (max-width: 900px) {
.i-Arts-and-Crafts .site-footer {
	background-color: #B494B3;
}
}

/* ==============================
$-Media-queries
============================== */

/* min width queries */
@media only screen and (min-width: 1366px) {
  .page-sidebar-footer,
  .page-footer {
    font-size: .8rem;
  }
  .page-content {
    min-width: 320px;
  }
  .product-item-details {
    font-size: 1rem;
  }
  .product-options {
    width: 80%;
  }
  .product-qty-atc input[type=submit] {
    width: 12rem;
  }
}

@media only screen and (min-width: 1920px) {
  .product-options {
    width: 60%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .page-content-footer {
    display: block;
  }
}



/* ==============================
$-Soft-cart
============================== */

/* softcart 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);
}

/* close button */
.ekm-softcart-wrapper a.ekm-softcart-close {
  top: 5px!important;
}

.ekm-softcart-close::before {
  color: #e03f31;
}

/* softcart header */
.ekm-softcart-wrapper .ekm-softcart-header h1 {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #e8e8e8;
  line-height: inherit;
  background-color: #f0f0f0;
  font-family: Montserrat, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: inherit;
  color: inherit;
}

/* 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;
}

/* 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: #e8e8e8;
}

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

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

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

.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: #e8e8e8;
  color: inherit;
}

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

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

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

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

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

/* links */
.ekm-softcart-wrapper .ekm-softcart-links {
  border-color: #e8e8e8;
  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;
  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 {
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  font-weight: 400;
  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 {
  opacity: .75;
  -webkit-filter: none;
          filter: none;
}





/* ==============================
$-Write-a-review-page
============================== */

@media screen and (max-width: 480px) {
  .ekmps-write-your-own-review .ekmps-form-section .ekmps-frm-row .text-field {
    width: 100% !important;
  }
}

/* ==========================================================================
#QUICK VIEW FEATURE
========================================================================= */


@media only screen and (min-width: 768px){
	.quickview-btn-wrapper {
	    left: 0px !important;
	    height: calc(100% + 20px) !important;
	}
}


/* ==========================================================================
    #QUICK VIEW 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;
}


.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='links_and_buttons';[/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;
}

.quickview-container .product-item {
    width: 100%;
}