@charset "utf-8";
/* CSS Document */

/* Colours */
:root {
--backgroundblack: #787780;
--backgroundgrey: #F3F3F3;
--backgroundgreen: #003B1D;
--bordergreydark: #2d2e2e;

--primarytext: #000;
--grey: #787780;
--bordergrey: #5A5960;
--bordergreylight: #E2E2E2;

--menugreyhover: #eaeaea;

--green: #22A89C;
--greenhover: #056f5f;
--buttonprimary: #22A89C;
--buttonprimaryhover: #056f5f;
--buttonprimarytext: #fff;
--buttonprimaryhovertext: #fff;
--greybutton: #f3f3f3;
--greybuttonhover: #e8e8e8;

--yellow: #FFCD29;
--yellowhover: #ffa507;
--buttonsecondary: #FFCD29;
--buttonsecondaryhover: #ffa507;
--buttonsecondarytext: #000;
--buttonsecondaryhovertext: #000;


--orange: #f06322;
--purple: #635a91;
--blue: #06a3e3;
--red: #E50000; 
--redhover: #ce0000; 

--black: #000;
--white: #fff;

}

/* FONTS https://gwfh.mranftl.com/fonts/inter?subsets=latin */
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter'; font-style: normal; font-weight: 300; src: url('../fonts/inter-v12-latin-300.eot');  src: url('../fonts/inter-v12-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v12-latin-300.woff2') format('woff2'), url('../fonts/inter-v12-latin-300.woff') format('woff'), url('../fonts/inter-v12-latin-300.ttf') format('truetype'), url('../fonts/inter-v12-latin-300.svg#Inter') format('svg'); }
/* inter-regular - latin */
@font-face {
  font-display: swap; font-family: 'Inter';  font-style: normal;  font-weight: 400;  src: url('../fonts/inter-v12-latin-regular.eot'); src: url('../fonts/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v12-latin-regular.woff2') format('woff2'), url('../fonts/inter-v12-latin-regular.woff') format('woff'), url('../fonts/inter-v12-latin-regular.ttf') format('truetype'), url('../fonts/inter-v12-latin-regular.svg#Inter') format('svg'); }
/* inter-600 - latin */
@font-face {
  font-display: swap; font-family: 'Inter'; font-style: normal;  font-weight: 600;  src: url('../fonts/inter-v12-latin-600.eot'); src: url('../fonts/inter-v12-latin-600.eot?#iefix') format('embedded-opentype'),   url('../fonts/inter-v12-latin-600.woff2') format('woff2'),  url('../fonts/inter-v12-latin-600.woff') format('woff'), url('../fonts/inter-v12-latin-600.ttf') format('truetype'), url('../fonts/inter-v12-latin-600.svg#Inter') format('svg'); }
/* inter-800 - latin */
@font-face {
  font-display: swap; font-family: 'Inter';  font-style: normal; font-weight: 800;  src: url('../fonts/inter-v12-latin-800.eot');  src: url('../fonts/inter-v12-latin-800.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v12-latin-800.woff2') format('woff2'),  url('../fonts/inter-v12-latin-800.woff') format('woff'),  url('../fonts/inter-v12-latin-800.ttf') format('truetype'),  url('../fonts/inter-v12-latin-800.svg#Inter') format('svg'); }

/* REPEATABLE POSITION CLASSES - TOO MANY VARS FOR TAILWIND! */
.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-bottom { position: absolute; left:50%; bottom:0; transform: translate(-50%,0); }
.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; }
.grey-roundal { border-radius: 50%; background:var(--greybutton); box-sizing: border-box; padding: 10px; transition:all 200ms ease; }
.grey-roundal:hover { background:var(--greybuttonhover); }
.grey-roundal svg { width:30px; height: 30px; }
.rainbow { background: rgb(105,84,146); background: linear-gradient(90deg, rgba(105,84,146,1) 0%, rgba(178,14,131,1) 7%, rgba(208,68,100,1) 15%, rgba(218,118,80,1) 22%, rgba(234,151,35,1) 30%, rgba(236,197,45,1) 39%, rgba(232,79,18,1) 46%, rgba(221,14,5,1) 55%, rgba(124,184,69,1) 66%, rgba(71,171,113,1) 75%, rgba(45,165,134,1) 83%, rgba(10,164,216,1) 92%); }
.animate-gradient { animation: gradient 15s ease infinite; background-size: 200% 200%; }

/* ANIMATIONS */
@keyframes gradient { 0% {background-position: 0% 50%;	}50% {background-position: 100% 50%;}100% {	background-position: 0% 50%;}}
@keyframes scalePop { 0%   {transform: scale(1)  rotate(0deg);} 50%  {transform: scale(1.05) rotate(1deg);  } 100% {transform: scale(1) rotate(0deg); } }

/* DEF STYLES AND BUTTONS FOR USE IN WIDGETS ETC */
body.pixiedust span.xxlarge { font-size: clamp(40px,3.0vw,100px) !important; display:block; line-height:1.1; font-weight:600; margin-bottom: clamp(10px,2vw,20px) !important; display:block;  }
body.pixiedust span.xlarge { font-size: clamp(32px,3.0vw,68px) !important; display:block; line-height:1.1; font-weight:600; margin-bottom: clamp(10px,2vw,20px) !important;display:block;  }
body.pixiedust span.large { font-size: clamp(22px,3.0vw,38px) !important; display:block; line-height:1.1; font-weight:600; margin-bottom: clamp(10px,2vw,20px) !important;display:block;  }
body.pixiedust span.medium { font-size: clamp(16px,1.6vw,22px) !important; line-height:1.1; margin-bottom: clamp(10px,2vw,30px) !important; display:block; }
body.pixiedust span.small { font-size: clamp(12px,1.2vw,14px) !important; line-height:1.4; margin-bottom: clamp(10px,2vw,30px) !important; display:block; }
body.pixiedust p { font-size: clamp(12px,1.2vw,14px) !important; margin-bottom: clamp(10px,2vw,20px) !important; display:block; }
body.pixiedust .title {  font-weight: 700 !important; }
body.pixiedust .title.frame { margin-bottom: clamp(20px,2vw,35px) !important; }

body.pixiedust .green { color: var(--green) !important; }
body.pixiedust .red { color: var(--red) !important; }
body.pixiedust .grey { color:var(--grey) !important; }
body.pixiedust u.yellow,body.pixiedust .pm-banner-content u.yellow { position: relative; color: #000!important; font-weight: 700; text-decoration: none; z-index: 9;}
body.pixiedust u.yellow:before {  background: var(--yellow); position: absolute; z-index: -1; width: calc(100% + 6px);  height: calc(100% - 8px);  content: ''; top: 4px; left: -3px}

/* TRUSTPILOT SHARED STYLES */
.pm-trust-pilot-ave-wrap { width: auto; }
.trust-star-container { width:100%; display: flex; margin-right:7px; }
.pm-trust-pilot-ave-wrap .aligner { display: flex; align-items: center; }
.pm-trust-pilot-ave-wrap .num-reviews { font-size: 12px; white-space: nowrap; }
.trust-star-container .trust-star { width: 20px; min-width:20px; height:20px; display:flex; align-items: center; box-sizing: border-box; padding: 1px 2px;margin-right: 1px; }
.trust-star-container .trust-star svg, .trust-star-container .trust-star img { filter: brightness(100); width:100%; }
@media screen and (max-width:1024px) {
	.trust-star-container .trust-star { width:14px; min-width:14px; height: 14px; }
}
@media screen and (max-width:640px) {
	.pm-trust-pilot-ave-wrap .aligner { flex-direction: column;  text-align: left; }
	.trust-star-container { margin-right: 0; }
	.pm-trust-pilot-ave-wrap .num-reviews { width:100%;}
}

/* BUTTONS */
body.pixiedust .button, body.pixiedust .idpc-button { display:inline-block;  transition:all 200ms ease; background:var(--green); border:1px solid var(--green); box-sizing: border-box; padding:14px 30px; color:#fff !important; font-weight: 600; font-size:12px; line-height: 12px; text-align: center; }
body.pixiedust .idpc-button { font-size: 16px; }
body.pixiedust .button, button.button, button.btn { border-radius: 4px; }
body.pixiedust .button:hover { background:var(--greenhover); border-color:var(--greenhover); }
body.pixiedust .button.whitebutton {  background:#fff; border-color:#fff; color:#000 !important;  }
body.pixiedust .button.whitebutton:hover { background:var(--green); border-color:var(--green); color:#fff !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:#000000; border-color:#000000; color:#fff !important;  }
body.pixiedust .button.blackbutton:hover { background:#000; border-color:#000; }
body.pixiedust .button.greybutton { background:var(--greybutton); border-color:var(--greybutton);  color:#000 !important;  }
body.pixiedust .button.greybutton:hover { background:var(--greybuttonhover); border-color:var(--greybuttonhover); }
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 svg, body.pixiedust .btn svg { display: inline-block; width: 25px; height: 25px; }
body.pixiedust .product-item button.btn-primary { background:var(--backgroundgrey) !important; border-color:var(--backgroundgrey) !important; }
body.pixiedust .product-item button.btn-primary svg { filter:brightness(0);  }
body.pixiedust .product-item button.btn-primary span { color:#000; }
body.pixiedust .product-item button.btn-primary:hover { background:var(--green) !important; border-color:var(--green) !important; }
body.pixiedust .product-item button.btn-primary:hover svg { filter: none; }
body.pixiedust .product-item button.btn-primary:hover span { color:#fff; }

@media screen and (max-width:640px) {
	body.pixiedust .button svg, body.pixiedust .btn svg { width:20px; min-width:20px; height:20px; }
	body.pixiedust .button span, body.pixiedust .btn span { font-size: 12px; }
}

/* FORMS */
body [type='checkbox'], body [type='radio'], body [type='checkbox']:hover, body [type='radio']:hover { color:var(--green); outline-color:var(--green); border:1px solid var(--bordergreylight); 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/checkmark.svg) no-repeat center / 90%; border:1px solid var(--bordergreylight); outline:0; }
body.pixiedust input, body.pixiedust select, body.pixiedust textarea { box-shadow:none !important; }
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; }
/* 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:var(--red) !important; outline:1px solid var(--red); background-clip:content-box !important; position:relative; float:left; margin-top:5px; transform:scale(1.1); }
body .splide__pagination button.splide__pagination__page.is-active:after { content:''; width:5px !important; height:5px !important; border-radius:50%; background:var(--red); 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__arrows { position:absolute; right:0; top: -70px; width: 105px; }
body .splide__arrow { background:var(--backgroundgrey); opacity: 1; border:0; width:45px; height:45px; border-radius: 50%; }
body .splide__arrow.splide__arrow--prev { left:0; }
body .splide__arrow.splide__arrow--next { right:0; }
body .splide__arrow svg { transform: scale(0.7); width:100%; height:100%; }
body .splide__arrow .cls-2 { fill:#fff; stroke:#fff; }
@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 svg { opacity:0.4; transition:all 200ms ease; } body .splide__arrow:hover { opacity: 1 !important; background:var(--bordergreylight); } body .splide__arrow:hover svg { opacity: 1; } }

/* STRUCTURAL - TO DO - FIND IN CONFIG */
body { overflow-x:hidden; }
body .container { max-width: 1350px !important; margin-left:auto; margin-right: auto; }
#pm-searchbar .leading-normal.flex-col { display:none !important; }
@media screen and (max-width:1270px) { html { overflow-x:hidden; } }
.breadcrumbs { max-width:1350px; margin:auto; }
@media screen and (max-width:1370px) {
	body .columns { max-width:100%; }
	.breadcrumbs { max-width: calc(100vw - 40px); }
	body .container { padding-left: 20px !important; padding-right: 20px !important; }
}
@media screen and (max-width:640px) {
	.breadcrumbs { max-width: calc(100vw - 20px); }
	body .container-foot { padding-left:10px; padding-right:10px; }
	body .container { padding-left: 10px !important; padding-right: 10px !important; }

}
@media screen and (max-width:450px) {
	#header #menu-burgerstack img, #header #menu-searchtoggle img, #header #account-button img, #header #menu-cart-icon img { min-height: 30px; min-width: 30px; width:30px; height: 30px; }
	body .cartshelf-qty-wrapper .pm-qty-input input { width: 35px !important; font-size: 10px !important;  }
	body .pm-cart-popup-item .price { font-size: 14px !important; }
}
@media screen and (max-width:400px) {
	#foot4 img { width: 100px; }
}

.in-compare { background:var(--green); }

body.page-products .product-item a.btn-secondary:hover { background: var(--green) !important; border-color: var(--green) !important; }
body.pixiedust .btn-secondary { border-width: 0; }
body.page-products a.btn { border-radius: 4px; }

@media screen and (max-width: 900px) {
    body.catalog-category-view .products-grid .pm-cart-button span.inline { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 170px; }
}

@media screen and (max-width: 640px) {
    body.catalog-category-view .products-grid .pm-cart-button span.inline { max-width: 160px; }
}

@media screen and (max-width: 500px) {
    body.catalog-category-view .products-grid .pm-cart-button span.inline { max-width: 90px; }
}

@media screen and (max-width: 400px) {
    body.catalog-category-view .products-grid .pm-cart-button span.inline { max-width: 70px; }
}

.columns .main ul {list-style-position: inside;list-style-type: circle;}
.columns .pm-product-content ul {list-style-type: none;}

/* Webforms */
.webforms .control { padding: 0 10px; }
.webforms .label { padding-left: 10px; }

body.cms-index-index .amshopby-option-link,
body.checkout-cart-index .amshopby-option-link,
body.catalog-product-view .amshopby-option-link,
body.page-products .amshopby-option-link { 
    display: none;
}

@font-face {
font-family: 'luma-icons';
src: url('../fonts/Luma-Icons.eot');
src: url('../fonts/Luma-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Luma-Icons.woff2') format('woff2'), url('../fonts/Luma-Icons.woff') format('woff'), url('../fonts/Luma-Icons.ttf') format('truetype'), url('../fonts/Luma-Icons.svg#luma-icons') format('svg');
font-weight: normal;
font-style: normal;
}

.ratingshort { margin-left: 5px; float: left; } 
.product-reviews-summary { padding: 0; margin: 0; border: none; width: auto; margin-top: 0px; float: left; } 
.ratingshort .rating-summary { height: 21px; display: table-cell; left: -5px; position: relative; text-align: left; vertical-align: middle; overflow: hidden; white-space: nowrap; } 
.rating-result { margin-left: 0; width: 88px; display: inline-block; position: relative; vertical-align: middle; }
.rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; display: block; font-style: normal; font-weight: normal; speak: none; } 
.rating-summary .rating-result > span { display: block; overflow: hidden; } 
.rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ffd004; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; display: block; font-style: normal; font-weight: normal; speak: none; } 
.rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 
.review-count { float: left; font-size: 12px; margin-top: 5px; }
.rating-summary .rating-result:before { content: '\e605' '\e605' '\e605' '\e605' '\e605'; }
.rating-summary .rating-result > span:before {  content: '\e605' '\e605' '\e605' '\e605' '\e605'; }






/*** BUNDLES ***/

.page-product-bundle .fieldset-bundle-options .control{display: none;}
.page-product-bundle .fieldset-bundle-options .bundle-row.active .control{display: block;}
.page-product-bundle .advance-summery-container .sticky-add-to-cart{display: none;}
.page-product-bundle .product-info-main #target_questions iframe{height: auto !important}
.page-product-bundle .product-options-bottom.container{margin: 3rem 0;}
