:root {
--header-height: 90px;
--header-sticky-height: 0px;
--header-background-height: 90px;
}
.no-js {
--header-sticky-height: 0px;
}
.main-content > .shopify-section.supports-transparent-header:first-child [data-prevent-transparent-header] {
--full-height: var(--content-full);
}
@supports not (selector(:has(*))) {
.is-first-section-transparent .main-content > .shopify-section.supports-transparent-header:first-child {
--full-height: var(--content-full);
--content-full: calc(100vh - var(--announcement-height));
}
.is-first-section-transparent .shopify-section-header { height: auto; }
.is-first-section-transparent .site-header { position: absolute; }
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .banner-content,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .banners--cols .banner,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .banners--row .banners__content,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .banner-image__text-wrapper,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .slide__text__wrapper,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .split-images__content,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .video-text-wrapper {
padding-top: calc(var(--header-height) + var(--gutter));
}
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .countdown__text-container {
padding-top: calc(var(--header-height) + var(--gutter) / 2);
}
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .countdown__content,
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .countdown__aside {
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.is-first-section-transparent .main-content > .supports-transparent-header:first-child .banners--row .banners__content {
padding-top: calc(var(--header-height) + var(--gutter-mobile));
padding-bottom: calc(var(--header-height) + var(--gutter-mobile));
}
}
}
.logo__image-link {
width: 200px;
height: 60px;
}
.has-scrolled .logo__image-link {
width: 134px;
height: 40px;
}
Kona
Frog
Frequently Asked QuestionsOpen navigation menu
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Substance Cycles","logo": "https:\/\/substancecycles.co.uk\/cdn\/shop\/files\/substance_cycles_logo_1246x.png?v=1703962788","sameAs": [
null,
null,
null,
null,
null,
null,
null
],
"url": "https:\/\/substancecycles.co.uk"
}
#shopify-section-sections--20458360832342__header .logo, #shopify-section-sections--20458360832342__header .nav--compress .tmenu_wrapper {display: none;} #shopify-section-sections--20458360832342__header #NavStandard:not(.nav--compress) {margin: 0 auto; width: var(--site-width);} #shopify-section-sections--20458360832342__header #SiteHeader:not(.site-header--hovered) {background-color: none; color: #fff;} #shopify-section-sections--20458360832342__header #SiteHeader:not(.site-header--hovered) a {color: #fff;} #shopify-section-sections--20458360832342__header .header__dropdown {overflow-y: hidden;} #shopify-section-sections--20458360832342__header .drawer__logo-image {width: 80%; height: auto;} #shopify-section-sections--20458360832342__header #searchInput-desktop {background: 0 0; border: 1px solid #000;} #shopify-section-sections--20458360832342__header .tmenu_wrapper {width: auto;} #shopify-section-sections--20458360832342__header #searchInput-desktop-compress, #shopify-section-sections--20458360832342__header #searchInput-mobile {background: none;}
Open image lightbox
-
#SectionBannerImage--template--21668926947670__2fdcf875-f472-4d4e-8a6c-8136fe9b7ee7 {
--min-hei
- #Text--heading_QXfJpr.text__heading { --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 0.8);--highlight-color: var(--text);--highlight-color: #D43747;--highlight-text-color: #000;} @media screen and (min-width: 1024px) { #Text--heading_QXfJpr.text__heading { --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 0.8); } }
oper use, or other issues that are not attributable to a manufacturer defects.
-
#Text--text_DRtVmw.text__content { --adjust-body: calc(var(--FONT-ADJUST-BODY) * 0.75);
-
We use all major carriers, and local courier partners. Use the shipping estimator in the cart to check your shipping rates.