@charset "utf-8";
/* CSS Document */

/* Colours */
:root {
--grey: #3d3d3c;
--blue: #1e71b6; 
--bggrey_light: #6e6e6e;
--bggrey_light_alt:	#939598;
--bggrey_mid: #f5f5f5;
--bggrey_mid_alt: #eeeeef;
--grey_line: #939598;
--grey_tile: #e0e1e1;

--black: #000000;
--blue_light: #33aef0;	
--blue_dark: #1a2d44;
	
	
--altgrey: #d4d5d6;

--blue_mid: #2E86E0;

--red: #e2001b;
--redhover: #430204;
	
--green: #0cb14b;
--green_hover: #017b16;
	
--green_light: #7ED47F;
--green_garden: #AECC2C;
--orange: #faa300;
--orange_hover: #f56800;
--orange_pale: #fef0db;

--purple: #BC7AEF;
--purple_hover: #8b3ae0;
--yellow: #faa300;
--yellow_hover: #ffb200;	
--yellowhover: #ffa500;
--pink: #e2087e;
--pink_hover: #c8003e;
--pink_light: #fcebee;
	
--tint_pink: #f9cee5;
--tint_blue: #d6effc;
--tint_purple: #e6e0ec;
--tint_green: #9ee0b7;
--tint_green2: #3dc16f;
--tint_orange: #ffdfcc;
--tint_yellow: #fef1cd;
	
--buttonprimary: var(--green);
--buttonprimary_border: var(--green);
--buttonprimary_colour: #fff;
--buttonprimaryhover: var(--green_hover);
--buttonprimaryhover_border: var(--green_hover);
--buttonprimaryhover_colour: #fff;
--buttonprimarytext: #fff;
--buttonprimaryhovertext: #fff;
--greybutton: var(--bggrey_light);
--greybuttonhover: var(--bggrey_mid);
	
--buttonsecondary: #F4F4F4;
--buttonsecondary_border: #333;
--buttonsecondary_colour: #333;
--buttonsecondaryhover: #ECECEC;
--buttonsecondaryhover_border: #000;
--buttonsecondaryhover_colour: #333;
--buttonsecondarytext: #000;
--buttonsecondaryhovertext: #000;
	
--font_title: 'Teko';
--font_standard: 'Reddit-Sans';

}


/* FONTS */
/* teko */
@font-face {
  font-display: swap;
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/teko/teko-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/figtree/teko-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap;
  font-family: 'Teko';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/teko/teko-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/figtree/teko-v20-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap;
  font-family: 'Teko';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/teko/teko-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/figtree/teko-v20-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* reddit-sans */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Reddit-Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/reddit-sans/reddit-sans-v4-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/reddit-sans/reddit-sans-v4-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Reddit-Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/reddit-sans/reddit-sans-v4-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/reddit-sans/reddit-sans-v4-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Reddit-Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/reddit-sans/reddit-sans-v4-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/reddit-sans/reddit-sans-v4-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* REPEATABLE POSITION CLASSES - TOO MANY VARS FOR TAILWIND! */
body .text-sm { font-size: 14px; }
body #uppernav .text-sm { font-size: 13px; }
.absolute-center-left { position: absolute; left:0; top:50%; transform: translate(0,-50%); }
.absolute-center-right { position: absolute; right:0; top:50%; transform: translate(0,-50%); }
.absolute-center-center { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.absolute-center-top { position: absolute; left:50%; top:0%; transform: translate(-50%,0%); }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.wish-button {  }
.wish-button span {  float:left; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); }
.wish-button span.wish-icon-active { position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%);  opacity: 0; transition: all 200ms ease; }
.wish-button:hover span.wish-icon-active { opacity: 1; }
body .cls-product-favourite-green--2 { fill:var(--green); }
body .reach-sides:before { width: calc(calc(100vw - 100%) / 2) !important; left: calc(0px - calc(calc(100vw - 100%) / 2)) !important; }
body .reach-sides:after { width: calc(calc(100vw - 100%) / 2) !important; right: calc(0px - calc(calc(100vw - 100%) / 2)) !important; }

body.pixiedust  .pm-alignment { display:flex; flex-direction: column; }
body.pixiedust  .pm-alignment a.button { align-self: baseline; }
body.pixiedust  .pm-alignment.topleft { top: 0; bottom:0; left: 0; text-align:left; justify-content:left; transform:none !important; }	
body.pixiedust  .pm-alignment.topcenter { top:0; left: 50%; transform:translate(-50%,0); text-align:center; justify-content:center; }
body.pixiedust  .pm-alignment.topright  { top:0; right:0; left: auto; text-align:right; justify-content:right; transform:none !important; }
body.pixiedust  .pm-alignment.centerleft { top:50%; bottom:0; left: 0; transform:translate(0,-50%); text-align:left; justify-content:left; }
body.pixiedust  .pm-alignment.center { top:50%; left: 50%; transform:translate(-50%,-50%); text-align:center; justify-content:center; }
body.pixiedust  .pm-alignment.centerright { top:50%; right: 0; left:auto; transform:translate(0,-50%); text-align:right; justify-content:right; }
body.pixiedust  .pm-alignment.bottomleft {  bottom:0; left:0; top:auto; text-align:left; justify-content:left; transform:none !important; }
body.pixiedust  .pm-alignment.bottomcenter { bottom:0; left: 50%; top:auto; transform:translate(-50%,0); text-align:center; justify-content:center; }
body.pixiedust  .pm-alignment.bottomright { bottom:0; right:0; top:auto; left: auto; text-align:right; justify-content:right;  transform:none !important; }

body.pixiedust  .pm-alignment.topleft *, body.pixiedust  .pm-alignment.bottomleft * { justify-content: left !important; }
body.pixiedust  .pm-alignment.topright *, body.pixiedust  .pm-alignment.bottomright * { justify-content: right !important; }
body.pixiedust  .pm-alignment.topcenter *, body.pixiedust  .pm-alignment.bottomcenter *, body.pixiedust  .pm-alignment.center * { justify-content: center !important; }

/* DEF STYLES AND BUTTONS FOR USE IN WIDGETS ETC */
body.pixiedust span.nomargin { margin-bottom: 0 !important; }
body.pixiedust span.xxlarge, body.pixiedust .xxlarge { font-size: clamp(44px, 4.5vw, 80px) !important; display:block; line-height:1.2; margin-bottom: 20px; display:block;  }
body.pixiedust span.xlarge, body.pixiedust .xlarge { font-size: clamp(40px,4.5vw,64px) !important; display:block; line-height:1.2;  margin-bottom: 20px;display:block;  }
body.pixiedust span.large, body.pixiedust .large { font-size:  clamp(24px, 3.5vw, 38px) !important; display:block; line-height:1.2;  margin-bottom: 20px;display:block;  }
body.pixiedust span.medium { font-size: clamp(18px, 2.0vw, 24px) !important; line-height:1.3; margin-bottom: 20px; display:block;  } 
body.pixiedust span.small { font-size: clamp(12px, 2.0vw, 14px) !important; line-height:1.4; margin-bottom: 20px; display:block; } 
body.pixiedust span.xsmall { font-size: 12px; }
body.pixiedust p { font-size: clamp(14px,1.2vw,14px) !important; margin-bottom: 20px;  }

/* TITLE OVERRIDE */
body.pixiedust .title { font-family: var(--font_title); font-weight: 600 !important; line-height: 1 !important; display:inline-flex !important; flex-wrap: wrap; gap: 6px; }
body.pixiedust .center .title, body.pixiedust .text-center .title { justify-content: center; }
body.pixiedust .xlarge.title, body.pixiedust .xxlarge.title { line-height: 0.9 !important; }
body.pixiedust span.large.title, body.pixiedust .large.title { font-size:  clamp(34px, 3.5vw, 55px) !important; }
body.pixiedust span.medium.title, body.pixiedust .medium.title { font-size: clamp(26px, 2.0vw, 36px) !important; }
body.pixiedust span.small.title, body.pixiedust .small.title { font-size: clamp(18px, 2.0vw, 22px) !important; }
body.pixiedust .pm-banner-position, body.pixiedust .pm-imgcar-alignment-override { gap: 15px; }
body.pixiedust .pm-banner-position span, body.pixiedust .caro-title-content span { margin-bottom:0 !important;}

body.pixiedust label, body.pixiedust label span, body.pixiedust .label, body.pixiedust .label span {  font-weight: 500 !important; }
body.pixiedust .text-shadow { text-shadow: 1px 2px 8px #00000094; }
body.pixiedust .grey { color:var(--grey) !important; }
body.pixiedust .lightgrey { color: var(--bggrey_light_alt) !important; }
body.pixiedust .green { color:var(--green) !important; }
body.pixiedust .yellow { color:var(--yellow) !important; }
body.pixiedust .orange { color:var(--orange) !important; }
body.pixiedust .red { color:var(--red) !important; }
body.pixiedust .blue { color:var(--blue_dark) !important }
body.pixiedust .pink { color:var(--pink) !important }
body.pixiedust u.green { color:inherit !important; position:relative; z-index:5; text-decoration: none; }
body.pixiedust u.green:before { content:''; position: absolute; z-index:-1; left: -5px; bottom:5px; width:calc(100% + 10px); height: 40%; background: var(--tint_green); }
body.pixiedust u.darkgreen { color:inherit !important; position:relative; z-index:5; text-decoration: none; }
body.pixiedust u.darkgreen:before { content:''; position: absolute; z-index:-1; left: -5px; bottom:5px; width:calc(100% + 10px); height: 40%; background: var(--green); }
body.pixiedust .divider { position: relative; font-size:0; width:100%; display:flex; height: 1px; margin: 6rem 0; }
body.pixiedust .divider span { display:none; }
body.pixiedust .divider:before { content:''; position:absolute; top:0; width: 100vw !important; left: calc(0px - calc(calc(100vw - 100%) / 2)) !important; height:1px; background:var(--bggrey-light);  }

/* LET ADMINS HAVE LISTS */
body.pixiedust .columns ul:not([class]) { list-style: inside;  }

@media screen and (max-width:1270px) { body.pixiedust .divider { margin: 3rem 0; }}

/* BUTTONS */
body.pixiedust .button, body.pixiedust a.btn, body.pixiedust .btn-primary, body.pixiedust a.action.primary { font-weight:500; border-radius:1px; display:inline-flex; align-items: center; justify-content: center; gap:3px; transition:all 200ms ease; background:var(--green); border:1px solid var(--green); box-sizing: border-box; padding:16px 24px; color:#fff !important; font-weight: 500; font-size:14px; line-height: 1; text-align: center; box-sizing: border-box; height: 50px;}
body.pixiedust .button, body.pixiedust a.btn span { font-weight:600; }
body.pixiedust .button, body.pixiedust .button span { gap: 4px; }
body.pixiedust .button:hover, body.pixiedust .btn-primary:hover, body.pixiedust a.action.primary:hover { background:var(--green_hover); border-color:var(--green_hover); }
body.pixiedust .button.whitebutton {  background:#fff; border-color:#fff; color:var(--black) !important;  }
body.pixiedust .button.whitebutton:hover { background:var(--bggrey_mid); border-color:var(--bggrey_mid); color:var(--black) !important;   }
body.pixiedust .button.yellowbutton { background:var(--yellow); border-color:var(--yellow);  color:#000 !important;  }
body.pixiedust .button.yellowbutton:hover { background:var(--yellowhover); border-color:var(--yellowhover); }
body.pixiedust .button.blackbutton {  background:#333; border-color:#333; color:#fff !important;  }
body.pixiedust .button.blackbutton:hover { background:#000; border-color:#000; }
body.pixiedust .button.greybutton { background:var(--bggrey_mid_alt); border-color:var(--bggrey_mid_alt);  color:var(--grey) !important;  }
body.pixiedust .button.greybutton:hover { background:var(--grey); border-color:var(--grey); color:#fff !important; }

body.pixiedust .button.lightgreybutton { background:var(--bggrey_light); border-color:var(--bggrey_light);  color:#000 !important;  }
body.pixiedust .button.lightgreybutton:hover { background:var(--bggrey_mid); border-color:var(--bggrey_mid); }
body.pixiedust .button.redbutton { background:var(--red); border-color:var(--red);  color:#fff !important;  }
body.pixiedust .button.redbutton:hover { background:var(--redhover); border-color:var(--redhover); }
body.pixiedust .button.bluebutton { background:var(--blue_light); border-color:var(--blue_light);  color:#fff !important;  }
body.pixiedust .button.bluebutton:hover { background:var(--blue); border-color:var(--blue); }
body.pixiedust .button.lightbluebutton { background:var(--blue_light); border-color:var(--blue_light);  color:#fff !important;  }
body.pixiedust .button.lightbluebutton:hover { background:var(--blue); border-color:var(--blue); }

body.pixiedust .button.orangebutton { background:var(--orange); border-color:var(--orange);  color:#fff !important;  }
body.pixiedust .button.orangebutton:hover { background:var(--orange_hover); border-color:var(--orange_hover); }

body.pixiedust .button.greenbutton { background:var(--green); border-color:var(--green);  color:#fff !important;  }
body.pixiedust .button.greenbutton:hover { background:var(--green_hover); border-color:var(--green_hover); }
body.pixiedust .button.greenbutton .cls-cta-arrow-black--2, body.pixiedust .button.greenbutton .cls-cta-configre-black--3, body.pixiedust .button.greenbutton .cls-cta-configre-black--2, body.pixiedust .button.greenbutton .cls-cta-configre-black--3 { stroke: #fff; }


body.pixiedust .button.pinkbutton { background:var(--pink); border-color:var(--pink);  color:#fff !important;  }
body.pixiedust .button.pinkbutton:hover { background:var(--pink_hover); border-color:var(--pink_hover); }
body.pixiedust .button.purplebutton { background:var(--purple); border-color:var(--purple);  color:#fff !important;  }
body.pixiedust .button.purplebutton:hover { background:var(--purple_hover); border-color:var(--purple_hover); }

body.pixiedust .button.greygreenbutton {  background:var(--bggrey_mid_alt); border-color:var(--bggrey_mid_alt);  color:var(--grey) !important;  }
body.pixiedust .button.greygreenbutton:hover { background:var(--green); border-color:var(--green);  color:#fff !important; }
body.pixiedust .button.greygreenbutton .cls-cta-arrow-black--2, body.pixiedust .button.greygreenbutton .cls-cta-configre-black--2, body.pixiedust .button.greygreenbutton .cls-cta-configre-black--3 { transition: all 200ms ease; }
body.pixiedust .button.greygreenbutton:hover .cls-cta-arrow-black--2, body.pixiedust .button.greygreenbutton:hover .cls-cta-configre-black--2, body.pixiedust .button.greygreenbutton:hover .cls-cta-configre-black--3 { stroke: #fff; }

body.pixiedust .button.greenshadowbutton { background:var(--green); border-color:var(--green);  color:#fff !important; box-shadow: 5px 5px 0 var(--green_hover);  }
body.pixiedust .button.greenshadowbutton:hover { background:var(--green_hover); border-color:var(--green_hover); box-shadow: 5px 5px 0 var(--grey); }
body.pixiedust .button.greenshadowbutton .cls-cta-arrow-black--2 { stroke: #fff; }

body.pixiedust .button svg, body.pixiedust .btn svg { display: inline-block; width: 18px; height: 18px; margin:0; }
body.pixiedust .scrollbutton:after { background:url(../images/assets/header-menu-arrow-black.svg) no-repeat center / 17px; content:''; width: 17px; height:12px; margin:0 -5px 0 5px; transform: rotate(90deg); filter: invert(1); }
body.pixiedust .button span, body.pixiedust .btn span { font-weight: 600; line-height: 1;  align-items: center; }
body.pixiedust .button span:not(.hidden), body.pixiedust .btn span:not(.hidden) { display:flex; }

@media screen and (max-width:1199px) {
	body.pixiedust .button.greygreenbutton { background:var(--green); border-color:var(--green);  color:#fff !important; }
	body.pixiedust .button.greygreenbutton .cls-cta-arrow-black--2, body.pixiedust .button.greygreenbutton .cls-cta-configre-black--2, body.pixiedust .button.greygreenbutton .cls-cta-configre-black--3 { stroke: #fff; }
}

@media screen and (max-width:880px) {
	body.pixiedust .button, body.pixiedust a.btn { height: 46px; padding: 14px; }
}

@media screen and (max-width:640px) {
	body.pixiedust .button svg, body.pixiedust .btn svg { width:17px; height:17px; margin-top:-1px; }
	body.pixiedust .button span, body.pixiedust .btn span { font-size: 12px; }
	body.pixiedust .button, body.pixiedust a.btn { font-size: 12px;  }
}

/* MESSAGES */
body .page.messages { position: static; }
.messages .message, body .message { justify-content: left; position: relative; }
.messages .message .close, body .message .close { position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); width:18px; height:18px; }
.messages .message .close svg, .message .close svg  { background:var(--red); border-color:var(--red); border-radius: 50%; width: 22px; height: 22px; box-sizing: border-box; padding: 2px;}
.messages .message:before, body .message:before { margin-right: 10px;  }
.message.error:before { background:var(--red) url(../images/assets/cart/cart-message-error.svg) no-repeat center / calc(100% - 8px); box-sizing: border-box; padding: 5px; width:22px; min-width:22px; height: 22px; border-radius: 50%; content:''; }
.message.info:before, .message.warning:before, .message.notice:before { background:var(--orange) url(../images/assets/cart/cart-message-alert.svg) no-repeat center / calc(100% - 8px); box-sizing: border-box; padding: 5px; min-width:22px; width:22px; height: 22px; border-radius: 50%; content:''; }
.messages .message.info .close svg, .messages .message.warning .close svg, .messages .message.notice .close svg { background:var(--orange); border-color:var(--orange); }
body .message.success { border-color:var(--green); color:var(--green); background-color: var(--tint_green);}
.message.success:before { background:var(--green) url(../images/assets/cart/cart-message-success.svg) no-repeat center / calc(100% - 8px); box-sizing: border-box; padding: 5px; min-width:22px; width:22px; height: 22px; border-radius: 50%; content:''; }
.messages .message.success .close svg { background:var(--blue); border-color:var(--blue); }

/* FORMS */
body [type='checkbox'], body [type='radio'], body [type='checkbox']:hover, body [type='radio']:hover { color:var(--grey); outline-color:var(--grey); border:1px solid var(--altgrey); box-shadow:none !important; background-color:#fff; outline:0; cursor: pointer; }
body input[type='checkbox']:checked, body input[type='checkbox']:checked:active, body input[type='checkbox']:checked:focus, body input[type='checkbox']:checked:hover { background:#fff url(../images/assets/checkbox-checkmark.svg) no-repeat center / calc(100% - 6px); border:1px solid var(--grey); outline:0; }
body.pixiedust input, body.pixiedust select, body.pixiedust textarea { box-shadow:none !important; border-radius: 1px; }
body.pixiedust input:focus, body.pixiedust select:focus, body.pixiedust input:active, body.pixiedust select:active { box-shadow: none !important; border-color:var(--bordergreylight); }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{  -webkit-box-shadow: 0 0 0 30px white inset !important; }
body.pixiedust select { min-width: 80px; }
div.required label { position: relative; }
div.required label:after { position: absolute; line-height:1 !important; font-size:12px !important; right:-10px; top:0;  }
body.pixiedust .pm-overlay input.form-input, body.pixiedust .pm-overlay select.form-select, body.pixiedust .pm-overlay select.renderer-select { min-height: 0; height: 60px; border-radius: 1px; background-color:var(--bggrey_mid); border-color:var(--bggrey_mid); border-width:1px; padding:22px 10px 10px 17px; max-width:100%; }
body.pixiedust .pm-overlay input.form-input:focus, body.pixiedust .pm-overlay input.form-input:active, body.pixiedust .pm-overlay select.form-select:focus, body.pixiedust .pm-overlay select.form-select:active { background-color:#fff; border-color:var(--black);}

/* PAGINATION */
body .widget ul.splide__pagination { text-align: center; width:100%; margin: 30px 0 20px;  }
body .splide__pagination li { margin:0 5px; }
body .splide__pagination button.splide__pagination__page  { background:var(--grey) !important; border:8px solid transparent; opacity:1; transform:scale(0.6); position:relative;}
body .splide__pagination button.splide__pagination__page.is-active { background:#000 !important; outline:1px solid #000; background-clip:content-box !important; position:relative; float:left; margin-top:5px; transform:scale(1.4); }
body .splide__pagination button.splide__pagination__page.is-active:after { content:''; width:5px !important; height:5px !important; border-radius:50%; background:#000; top:50%; left:50%; transform:translate(-50%,-50%); display:block; }

/* ARROWS & SPLIDE */
body .splide--draggable>.splide__track>.splide__list>.splide__slide { vertical-align: top; }
body .splide__arrow { background:transparent; position:absolute; opacity: 1; border:1px solid var(--bggrey_mid); width:50px; height:50px; z-index:9; }
body .splide__arrow svg { width:100%; height:100%; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); }
body .splide__arrow .cls-2 {  }
body .splide__arrow--prev svg { left: calc(50% - 1px); }
body .splide__arrow--next svg { left: calc(50% + 1px); }
body .splide__arrow--prev { left: 0px; }
body .splide__arrow--next { right: 0px; }
body .splide__arrow:disabled { display:none; }
@media screen and (min-width:1390px) { body .splide__arrow--prev { left: 0px; } body .splide__arrow--next { right: 0px; } }
@media screen and (min-width:1200px) { body .splide__arrow { transition:all 200ms ease; } body .splide__arrow:hover { opacity: 1 !important;  } }
@media screen and (max-width: 1020px) { body .splide__arrow { width: 42px; height: 42px;  } }
@media screen and (max-width: 500px) { body .splide__arrow { width: 36px; height: 36px;  } body .splide__arrow--prev { left: -12px; } body .splide__arrow--next { right: -12px; } }

body.pixiedust .splide__arrow { background:#fff; border-radius: 1px; box-shadow: 0 0 12px -6px var(--grey); transition: all 200ms ease; }
body.pixiedust .splide__arrow:hover { box-shadow: 0 0 12px -4px #000; }
body.pixiedust .splide__arrow svg { width: 50%;  }

body.pixiedust #pixie-giftwrap-container .splide__arrow--prev { left: 10px; }
body.pixiedust #pixie-giftwrap-container .splide__arrow--next { right: 10px; }

@media screen and (min-width: 1390px) {
	body.pixiedust .splide__arrow--prev { left: -10px; }
	body.pixiedust .splide__arrow--next { right: -10px; }
}


/* ANIMATIONS */

/* STRUCTURAL - TO DO - FIND IN CONFIG */
html { max-width: 100vw; overflow-x:hidden; color:var(--grey); }
form legend, fieldset legend { color:var(--grey); }
body { overflow-x:hidden; width:100vw; overflow-y:scroll; }
body.pixiedust { color:var(--grey); }
body .text-primary { color:var(--grey); }
.page-wrapper { position: relative;  }
.cms-index-index .columns { gap:0; }
.cms-index-index .page-main { margin:0; }
.breadcrumbs { max-width:1960px; width:100%; margin:auto; padding:0 20px; font-size: 12px; }
body.pixiedust .breadcrumbs li { color:var(--bggrey_light_alt); }
body.pixiedust .breadcrumbs li:last-child { color:var(--grey); }

@media screen and (min-width: 1960px) {
	.breadcrumbs { max-width:1960px !important; }
}
@media screen and (min-width: 1370px) {
	body .page-wrapper .container { max-width:1960px !important; box-sizing: border-box; }
	body .page-wrapper .columns { max-width: 1960px !important; box-sizing: border-box; padding-left:20px; padding-right: 20px; }
}
@media screen and (max-width:1370px) {
	body .columns { max-width:100%; }
	
}