@font-face{font-family:"Fjalla One";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/fjallaone.woff2) format("woff2")}
@font-face{font-family:Barlow;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:Barlow;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-600.woff2) format("woff2")}
:root { --colorAnnouncement: #cf2424; --colorAnnouncementText: #ffffff; --colorBody: #000000; --colorBodyAlpha05: rgba(0, 0, 0, .05); --colorBodyDim: #000000; --colorBodyLightDim: #000000; --colorBodyMediumDim: #000000; --colorBorder: #fae80b; --colorBtnPrimary: #fae80b; --colorBtnPrimaryLight: #fbed3d; --colorBtnPrimaryDim: #e7d605; --colorBtnPrimaryText: #111111; --colorCartDot: #b30000; --colorDrawers: #000000; --colorDrawersDim: #000000; --colorDrawerBorder: #2b2a27; --colorDrawerText: #ffffff; --colorDrawerTextDark: #d9d9d9; --colorDrawerButton: #fae80b; --colorDrawerButtonText: #ffffff; --colorFooter: #000000; --colorFooterText: #ffffff; --colorFooterTextAlpha01: #ffffff; --colorGridOverlay: #000000; --colorGridOverlayOpacity: .1; --colorHeaderTextAlpha01: rgba(255, 255, 255, .1); --colorHeroText: #ffffff; --colorSmallImageBg: #000000; --colorLargeImageBg: #111111; --colorImageOverlay: #000000; --colorImageOverlayOpacity: .15; --colorImageOverlayTextShadow: .3; --colorLink: #ffffff; --colorModalBg: rgba(103, 99, 93, .6); --colorNav: #000000; --colorNavText: #ffffff; --colorPrice: #d1ba98; --colorSaleTag: #990000; --colorSaleTagText: #ffffff; --colorTextBody: #ffffff; --colorTextBodyAlpha015: rgba(255, 255, 255, .15); --colorTextBodyAlpha005: rgba(255, 255, 255, .05); --colorTextBodyAlpha008: rgba(255, 255, 255, .08); --colorTextSavings: #b30000; --urlIcoSelect: url(//hnnrecords.com/cdn/shop/t/2/assets/ico-select.svg); --urlIcoSelectFooter: url(//hnnrecords.com/cdn/shop/t/2/assets/ico-select-footer.svg); --urlIcoSelectWhite: url(//hnnrecords.com/cdn/shop/t/2/assets/ico-select-white.svg); --grid-gutter: 17px; --drawer-gutter: 20px; --sizeChartMargin: 25px 0; --sizeChartIconMargin: 5px; --newsletterReminderPadding: 40px; --color-body-text: #ffffff; --color-body: #000000; --color-bg: #000000; }
@media only screen and (min-width: 769px){:root { --grid-gutter: 22px; --drawer-gutter: 30px; }}
.grid__image-ratio image-element, .image-wrap:not(.image-wrap__thumbnail) image-element, .social-section__image-wrapper image-element, .svg-mask image-element { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
img { border: 0px; display: block; height: auto; max-width: 100%; }
.image-element { opacity: 0; }
.image-element[loading="eager"], [data-animate_images="false"] .image-element, [data-media-gallery-layout="stacked"] .image-element { opacity: 1; }
.no-js .image-element { opacity: 1; }
.image-wrap img { height: auto; object-fit: cover; width: 100%; }
.svg-mask { background: transparent !important; padding-bottom: 100% !important; position: relative !important; }
.svg-mask img, .svg-mask svg:not(.icon), .svg-mask video { height: 100% !important; object-fit: cover !important; position: absolute !important; }
.svg-mask img, .svg-mask svg:not(.icon), .svg-mask video { mask-position: center center; mask-repeat: no-repeat; mask-size: 100% 100%; }
.svg-mask--rounded img, .svg-mask--rounded svg:not(.icon), .svg-mask--rounded video { border-radius: 50%; }
.feature-row-wrapper .feature-row__images { min-width: 0px; width: 100%; }
@media only screen and (max-width: 959px){.feature-row-wrapper .feature-row__images { padding-top: 30px; }}
.feature-row-wrapper .feature-row__text { min-width: 0px; width: 100%; }
@media only screen and (min-width: 769px){.feature-row-wrapper .feature-row__text { flex: 0 1 43%; min-width: 43%; }}
.feature-row--66 .feature-row__images { max-width: 100%; padding-left: 20px; padding-right: 20px; }
@media only screen and (min-width: 769px){.feature-row--66 .feature-row__images { flex: 0 1 66.666%; max-width: none; padding-left: 0px; padding-right: 0px; }}
[data-dark="false"] input { color: rgb(0, 0, 0) !important; }
*, ::after, ::before, input { box-sizing: border-box; }
body, html { margin: 0px; padding: 0px; }
aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
.grid { list-style: none; margin: 0px 0px 0px -22px; padding: 0px; }
.grid::after { clear: both; content: ""; display: table; }
@media only screen and (max-width: 768px){.grid { margin-left: -17px; }html[dir="rtl"] .grid { margin-left: 0px; margin-right: -17px; }}
html[dir="rtl"] .grid { margin-left: 0px; margin-right: -22px; }
.grid--small { margin-left: -10px; }
.grid--small .grid__item { padding-left: 10px; }
.grid__item { float: left; min-height: 1px; padding-left: 22px; width: 100%; }
@media only screen and (max-width: 768px){.grid__item { padding-left: 17px; }html[dir="rtl"] .grid__item { padding-left: 0px; padding-right: 17px; }}
html[dir="rtl"] .grid__item { float: right; padding-left: 0px; padding-right: 22px; }
.grid--flush-bottom { margin-bottom: -22px; overflow: auto; }
.grid--flush-bottom > .grid__item { margin-bottom: 22px; }
html[dir="rtl"] .grid--center .grid__item { text-align: right; }
.one-half { width: 50%; }
@media only screen and (min-width: 769px){.medium-up--one-half { width: 50%; }.medium-up--one-third { width: 33.3333%; }}
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
@media only screen and (max-width: 768px){.small--hide { display: none !important; }}
@media only screen and (min-width: 769px){.medium-up--hide { display: none !important; }}
html:not(.no-js):not(.tab-outline) :focus { outline: none; }
.visually-hidden { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.skip-link:focus { clip: auto; background-color: var(--colorBody); color: var(--colorTextBody); height: auto; margin: 0px; opacity: 1; padding: 10px; transition: none; width: auto; z-index: 10000; }
html { touch-action: manipulation; }
html[dir="rtl"] { direction: rtl; }
body, html { background-color: var(--colorBody); color: var(--colorTextBody); }
.page-width { margin: 0px auto; max-width: 1500px; }
.page-full, .page-width { padding: 0px 17px; }
@media only screen and (min-width: 769px){.page-full, .page-width { padding: 0px 40px; }}
.page-width--narrow { max-width: 1000px; }
.main-content { display: block; min-height: 300px; }
@media only screen and (min-width: 769px){.main-content { min-height: 700px; }}
.faux-select, body, button, input, select, textarea { -webkit-font-smoothing: antialiased; text-size-adjust: 100%; font-family: var(--typeBasePrimary),var(--typeBaseFallback); font-size: calc(var(--typeBaseSize)*.92); letter-spacing: var(--typeBaseSpacing); line-height: var(--typeBaseLineHeight); text-rendering: optimizespeed; }
@media only screen and (min-width: 769px){.faux-select, body, button, input, select, textarea { font-size: var(--typeBaseSize); }}
body { font-weight: var(--typeBaseWeight); }
p { margin: 0px 0px 15px; }
b, strong { font-weight: 700; }
p[data-spam-detection-disclaimer], small { font-size: 0.85em; }
.label { font-size: 0.8em; letter-spacing: 0.3em; text-transform: uppercase; }
label, .label-info { display: block; margin-bottom: 10px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { display: block; margin: 0px 0px 10px; }
@media only screen and (min-width: 769px){.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0px 0px 15px; }}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
.h1, .h2, .h3, h1, h2, h3 { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight); }
[data-type_header_capitalize="true"] .h1, [data-type_header_capitalize="true"] .h2, [data-type_header_capitalize="true"] .h3, [data-type_header_capitalize="true"] h1, [data-type_header_capitalize="true"] h2, [data-type_header_capitalize="true"] h3 { text-transform: uppercase; }
.h1, h1 { font-size: calc(var(--typeHeaderSize)*.85); }
.h2, h2 { font-size: calc(var(--typeHeaderSize)*.73); }
.h3, h3 { font-size: calc(var(--typeHeaderSize)*.62); }
@media only screen and (min-width: 769px){.h1, h1 { font-size: var(--typeHeaderSize); }.h2, h2 { font-size: calc(var(--typeHeaderSize)*.85); }.h3, h3 { font-size: calc(var(--typeHeaderSize)*.65); }}
.h4, h4 { font-size: 0.8em; letter-spacing: 0.3em; text-transform: uppercase; }
.text-spacing, .text-spacing.rte:last-child { margin-bottom: 15px; }
.rte .enlarge-text { font-size: 1.3em; margin: 0px; }
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
ol, ul { margin: 0px 0px 15px 30px; padding: 0px; text-rendering: optimizelegibility; }
li { margin-bottom: 0.25em; }
.no-bullets { list-style: outside none; margin-left: 0px; }
.inline-list { margin: 0px; padding: 0px; }
html[dir="rtl"] td, html[dir="rtl"] th { text-align: right; }
.text-link, a { background: transparent; color: var(--colorTextBody); text-decoration: none; }
.text-link:hover, a:hover { color: var(--colorTextBody); }
.text-link { background: none; border: 0px; display: inline; margin: 0px; padding: 0px; }
button { color: currentcolor; overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
.btn, .rte .btn { appearance: none; background: var(--colorBtnPrimary); border: 1px solid transparent; border-radius: var(--buttonRadius); color: var(--colorBtnPrimaryText); cursor: pointer; display: inline-block; font-size: max(calc(var(--typeBaseSize) - 4px),13px); font-weight: 700; letter-spacing: 0.3em; line-height: 1.42; margin: 0px; min-width: 90px; padding: 11px 20px; text-align: center; text-decoration: none; text-transform: uppercase; user-select: none; vertical-align: middle; white-space: normal; width: auto; }
@media only screen and (max-width: 768px){.btn, .rte .btn { font-size: max(calc(var(--typeBaseSize) - 5px),11px); padding: 9px 17px; }}
.btn:hover, .rte .btn:hover { background-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText); }
[data-button_style="angled"] .btn, [data-button_style="angled"] .rte .btn { border: 0px; margin-left: 10px; margin-right: 10px; position: relative; }
[data-button_style="angled"] .btn::after, [data-button_style="angled"] .btn::before, [data-button_style="angled"] .rte .btn::after, [data-button_style="angled"] .rte .btn::before { background-color: inherit; bottom: 0px; content: ""; display: block; position: absolute; top: 0px; transform: skew(-12deg); width: 20px; }
[data-button_style="angled"] .btn::before, [data-button_style="angled"] .rte .btn::before { left: -6px; }
[data-button_style="angled"] .btn::after, [data-button_style="angled"] .rte .btn::after { right: -6px; }
[data-button_style="angled"] .btn.btn--small::before, [data-button_style="angled"] .rte .btn.btn--small::before { left: -5px; }
[data-button_style="angled"] .btn.btn--small::after, [data-button_style="angled"] .rte .btn.btn--small::after { right: -5px; }
.btn--secondary, .rte .btn--secondary { background-color: transparent; border-width: 1px; border-style: solid; border-image: none; border-color: var(--colorBorder); color: var(--colorTextBody); }
[data-button_style="angled"] .btn--secondary, [data-button_style="angled"] .rte .btn--secondary { border-width: 1px 0px; border-style: solid none; border-bottom-color: var(--colorBorder); border-left-color: currentcolor; border-right-color: currentcolor; border-top-color: var(--colorBorder); }
[data-button_style="angled"] .btn--secondary::after, [data-button_style="angled"] .btn--secondary::before, [data-button_style="angled"] .rte .btn--secondary::after, [data-button_style="angled"] .rte .btn--secondary::before { background-color: transparent; bottom: -1px; top: -1px; }
[data-button_style="angled"] .btn--secondary::before, [data-button_style="angled"] .rte .btn--secondary::before { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--colorBorder); border-left-width: 1px; border-left-style: solid; border-left-color: var(--colorBorder); }
[data-button_style="angled"] .btn--secondary::after, [data-button_style="angled"] .rte .btn--secondary::after { border-right-width: 1px; border-right-style: solid; border-right-color: var(--colorBorder); border-top-width: 1px; border-top-style: solid; border-top-color: var(--colorBorder); }
.btn--secondary:hover, .rte .btn--secondary:hover { background-color: transparent; border-color: var(--colorTextBody); color: var(--colorTextBody); transition: border 0.3s; }
.btn--secondary:hover::before, .rte .btn--secondary:hover::before { border-color: var(--colorTextBody); transition: border 0.3s; }
.btn--secondary:hover::after, .rte .btn--secondary:hover::after { border-color: var(--colorTextBody); transition: border 0.3s; }
.btn--body, .btn--body:active, .btn--body:hover { background-color: var(--colorBody); border-width: 1px; border-style: solid; border-image: none; border-color: var(--colorBorder); color: var(--colorTextBody); }
.btn--circle { border-radius: 50%; line-height: 1; min-width: 0px; padding: 10px; }
.btn--circle .icon { height: 20px; width: 20px; }
.btn--circle::after, .btn--circle::before { background: none; content: none; width: auto; }
.btn--circle.btn--large .icon { height: 30px; width: 30px; }
.btn--circle.btn--large { padding: 15px; }
[data-button_style="angled"] .btn--circle { border-width: 1px; border-style: solid; border-image: none; border-color: var(--colorBorder); }
[data-button_style="angled"] .btn--circle::after, [data-button_style="angled"] .btn--circle::before { display: none; }
.btn--small { background-position: 150% 45%; font-size: max(calc(var(--typeBaseSize) - 6px),12px); min-width: 90px; padding: 8px 14px; }
[data-button_style="angled"] .btn--small { margin-left: 10px; padding-left: 16px; padding-right: 16px; }
.btn--secondary.btn--small { font-weight: 400; }
.btn--large { padding: 15px 20px; }
.collapsible-trigger-btn { text-align: left; }
[data-center-text="true"] .collapsible-trigger-btn { text-align: center; }
.collapsible-trigger-btn { display: block; font-size: 0.8em; letter-spacing: 0.3em; padding: 15px 10px 15px 0px; text-transform: uppercase; width: 100%; }
svg:not(:root) { overflow: hidden; }
form { margin: 0px; }
[data-center-text="true"] .form-vertical { text-align: center; }
.form-vertical { margin-bottom: 15px; }
.form-vertical label { text-align: left; }
@media only screen and (max-width: 959px){input, select, textarea { font-size: 16px !important; }}
button, input, textarea { appearance: none; }
button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: inline-block; }
button, input[type="submit"] { cursor: pointer; }
input, select, textarea { border-width: 1px; border-style: solid; border-image: none; border-color: var(--colorBorder); border-radius: 0px; max-width: 100%; padding: 8px 10px; }
input.input-full, select.input-full, textarea.input-full { width: 100%; }
textarea { min-height: 100px; }
.hidden-label { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
label[for] { cursor: pointer; }
.form-vertical input, .form-vertical select, .form-vertical textarea { display: block; margin-bottom: 30px; }
.form-vertical .btn, .form-vertical input[type="checkbox"], .form-vertical input[type="radio"] { display: inline-block; }
.form-vertical .btn:not(:last-child) { margin-bottom: 30px; }
small { display: block; }
.icon { fill: currentcolor; display: inline-block; height: 20px; vertical-align: middle; width: 20px; }
svg.icon circle, svg.icon ellipse, svg.icon g, svg.icon line, svg.icon path, svg.icon polygon, svg.icon polyline, svg.icon rect, symbol.icon circle, symbol.icon ellipse, symbol.icon g, symbol.icon line, symbol.icon path, symbol.icon polygon, symbol.icon polyline, symbol.icon rect { fill: inherit; stroke: inherit; }
svg.icon-bag circle, svg.icon-bag ellipse, svg.icon-bag g, svg.icon-bag line, svg.icon-bag path, svg.icon-bag polygon, svg.icon-bag polyline, svg.icon-bag rect, svg.icon-bag-minimal circle, svg.icon-bag-minimal ellipse, svg.icon-bag-minimal g, svg.icon-bag-minimal line, svg.icon-bag-minimal path, svg.icon-bag-minimal polygon, svg.icon-bag-minimal polyline, svg.icon-bag-minimal rect, svg.icon-chevron-down circle, svg.icon-chevron-down ellipse, svg.icon-chevron-down g, svg.icon-chevron-down line, svg.icon-chevron-down path, svg.icon-chevron-down polygon, svg.icon-chevron-down polyline, svg.icon-chevron-down rect, svg.icon-circle-checkmark circle, svg.icon-circle-checkmark ellipse, svg.icon-circle-checkmark g, svg.icon-circle-checkmark line, svg.icon-circle-checkmark path, svg.icon-circle-checkmark polygon, svg.icon-circle-checkmark polyline, svg.icon-circle-checkmark rect, svg.icon-close circle, svg.icon-close ellipse, svg.icon-close g, svg.icon-close line, svg.icon-close path, svg.icon-close polygon, svg.icon-close polyline, svg.icon-close rect, svg.icon-email circle, svg.icon-email ellipse, svg.icon-email g, svg.icon-email line, svg.icon-email path, svg.icon-email polygon, svg.icon-email polyline, svg.icon-email rect, svg.icon-gift circle, svg.icon-gift ellipse, svg.icon-gift g, svg.icon-gift line, svg.icon-gift path, svg.icon-gift polygon, svg.icon-gift polyline, svg.icon-gift rect, svg.icon-globe circle, svg.icon-globe ellipse, svg.icon-globe g, svg.icon-globe line, svg.icon-globe path, svg.icon-globe polygon, svg.icon-globe polyline, svg.icon-globe rect, svg.icon-hamburger circle, svg.icon-hamburger ellipse, svg.icon-hamburger g, svg.icon-hamburger line, svg.icon-hamburger path, svg.icon-hamburger polygon, svg.icon-hamburger polyline, svg.icon-hamburger rect, svg.icon-heart circle, svg.icon-heart ellipse, svg.icon-heart g, svg.icon-heart line, svg.icon-heart path, svg.icon-heart polygon, svg.icon-heart polyline, svg.icon-heart rect, svg.icon-leaf circle, svg.icon-leaf ellipse, svg.icon-leaf g, svg.icon-leaf line, svg.icon-leaf path, svg.icon-leaf polygon, svg.icon-leaf polyline, svg.icon-leaf rect, svg.icon-lock circle, svg.icon-lock ellipse, svg.icon-lock g, svg.icon-lock line, svg.icon-lock path, svg.icon-lock polygon, svg.icon-lock polyline, svg.icon-lock rect, svg.icon-package circle, svg.icon-package ellipse, svg.icon-package g, svg.icon-package line, svg.icon-package path, svg.icon-package polygon, svg.icon-package polyline, svg.icon-package rect, svg.icon-phone circle, svg.icon-phone ellipse, svg.icon-phone g, svg.icon-phone line, svg.icon-phone path, svg.icon-phone polygon, svg.icon-phone polyline, svg.icon-phone rect, svg.icon-ribbon circle, svg.icon-ribbon ellipse, svg.icon-ribbon g, svg.icon-ribbon line, svg.icon-ribbon path, svg.icon-ribbon polygon, svg.icon-ribbon polyline, svg.icon-ribbon rect, svg.icon-shield circle, svg.icon-shield ellipse, svg.icon-shield g, svg.icon-shield line, svg.icon-shield path, svg.icon-shield polygon, svg.icon-shield polyline, svg.icon-shield rect, svg.icon-size-chart circle, svg.icon-size-chart ellipse, svg.icon-size-chart g, svg.icon-size-chart line, svg.icon-size-chart path, svg.icon-size-chart polygon, svg.icon-size-chart polyline, svg.icon-size-chart rect, svg.icon-tag circle, svg.icon-tag ellipse, svg.icon-tag g, svg.icon-tag line, svg.icon-tag path, svg.icon-tag polygon, svg.icon-tag polyline, svg.icon-tag rect, svg.icon-tcwi-bills circle, svg.icon-tcwi-bills ellipse, svg.icon-tcwi-bills g, svg.icon-tcwi-bills line, svg.icon-tcwi-bills path, svg.icon-tcwi-bills polygon, svg.icon-tcwi-bills polyline, svg.icon-tcwi-bills rect, svg.icon-tcwi-calendar circle, svg.icon-tcwi-calendar ellipse, svg.icon-tcwi-calendar g, svg.icon-tcwi-calendar line, svg.icon-tcwi-calendar path, svg.icon-tcwi-calendar polygon, svg.icon-tcwi-calendar polyline, svg.icon-tcwi-calendar rect, svg.icon-tcwi-charity circle, svg.icon-tcwi-charity ellipse, svg.icon-tcwi-charity g, svg.icon-tcwi-charity line, svg.icon-tcwi-charity path, svg.icon-tcwi-charity polygon, svg.icon-tcwi-charity polyline, svg.icon-tcwi-charity rect, svg.icon-tcwi-chat circle, svg.icon-tcwi-chat ellipse, svg.icon-tcwi-chat g, svg.icon-tcwi-chat line, svg.icon-tcwi-chat path, svg.icon-tcwi-chat polygon, svg.icon-tcwi-chat polyline, svg.icon-tcwi-chat rect, svg.icon-tcwi-gears circle, svg.icon-tcwi-gears ellipse, svg.icon-tcwi-gears g, svg.icon-tcwi-gears line, svg.icon-tcwi-gears path, svg.icon-tcwi-gears polygon, svg.icon-tcwi-gears polyline, svg.icon-tcwi-gears rect, svg.icon-tcwi-gift circle, svg.icon-tcwi-gift ellipse, svg.icon-tcwi-gift g, svg.icon-tcwi-gift line, svg.icon-tcwi-gift path, svg.icon-tcwi-gift polygon, svg.icon-tcwi-gift polyline, svg.icon-tcwi-gift rect, svg.icon-tcwi-globe circle, svg.icon-tcwi-globe ellipse, svg.icon-tcwi-globe g, svg.icon-tcwi-globe line, svg.icon-tcwi-globe path, svg.icon-tcwi-globe polygon, svg.icon-tcwi-globe polyline, svg.icon-tcwi-globe rect, svg.icon-tcwi-open-envelope circle, svg.icon-tcwi-open-envelope ellipse, svg.icon-tcwi-open-envelope g, svg.icon-tcwi-open-envelope line, svg.icon-tcwi-open-envelope path, svg.icon-tcwi-open-envelope polygon, svg.icon-tcwi-open-envelope polyline, svg.icon-tcwi-open-envelope rect, svg.icon-tcwi-package circle, svg.icon-tcwi-package ellipse, svg.icon-tcwi-package g, svg.icon-tcwi-package line, svg.icon-tcwi-package path, svg.icon-tcwi-package polygon, svg.icon-tcwi-package polyline, svg.icon-tcwi-package rect, svg.icon-tcwi-phone circle, svg.icon-tcwi-phone ellipse, svg.icon-tcwi-phone g, svg.icon-tcwi-phone line, svg.icon-tcwi-phone path, svg.icon-tcwi-phone polygon, svg.icon-tcwi-phone polyline, svg.icon-tcwi-phone rect, svg.icon-tcwi-plant circle, svg.icon-tcwi-plant ellipse, svg.icon-tcwi-plant g, svg.icon-tcwi-plant line, svg.icon-tcwi-plant path, svg.icon-tcwi-plant polygon, svg.icon-tcwi-plant polyline, svg.icon-tcwi-plant rect, svg.icon-tcwi-recycle circle, svg.icon-tcwi-recycle ellipse, svg.icon-tcwi-recycle g, svg.icon-tcwi-recycle line, svg.icon-tcwi-recycle path, svg.icon-tcwi-recycle polygon, svg.icon-tcwi-recycle polyline, svg.icon-tcwi-recycle rect, svg.icon-tcwi-ribbon circle, svg.icon-tcwi-ribbon ellipse, svg.icon-tcwi-ribbon g, svg.icon-tcwi-ribbon line, svg.icon-tcwi-ribbon path, svg.icon-tcwi-ribbon polygon, svg.icon-tcwi-ribbon polyline, svg.icon-tcwi-ribbon rect, svg.icon-tcwi-sales-tag circle, svg.icon-tcwi-sales-tag ellipse, svg.icon-tcwi-sales-tag g, svg.icon-tcwi-sales-tag line, svg.icon-tcwi-sales-tag path, svg.icon-tcwi-sales-tag polygon, svg.icon-tcwi-sales-tag polyline, svg.icon-tcwi-sales-tag rect, svg.icon-tcwi-shield circle, svg.icon-tcwi-shield ellipse, svg.icon-tcwi-shield g, svg.icon-tcwi-shield line, svg.icon-tcwi-shield path, svg.icon-tcwi-shield polygon, svg.icon-tcwi-shield polyline, svg.icon-tcwi-shield rect, svg.icon-tcwi-stopwatch circle, svg.icon-tcwi-stopwatch ellipse, svg.icon-tcwi-stopwatch g, svg.icon-tcwi-stopwatch line, svg.icon-tcwi-stopwatch path, svg.icon-tcwi-stopwatch polygon, svg.icon-tcwi-stopwatch polyline, svg.icon-tcwi-stopwatch rect, svg.icon-tcwi-store circle, svg.icon-tcwi-store ellipse, svg.icon-tcwi-store g, svg.icon-tcwi-store line, svg.icon-tcwi-store path, svg.icon-tcwi-store polygon, svg.icon-tcwi-store polyline, svg.icon-tcwi-store rect, svg.icon-tcwi-thumbs-up circle, svg.icon-tcwi-thumbs-up ellipse, svg.icon-tcwi-thumbs-up g, svg.icon-tcwi-thumbs-up line, svg.icon-tcwi-thumbs-up path, svg.icon-tcwi-thumbs-up polygon, svg.icon-tcwi-thumbs-up polyline, svg.icon-tcwi-thumbs-up rect, svg.icon-tcwi-trophy circle, svg.icon-tcwi-trophy ellipse, svg.icon-tcwi-trophy g, svg.icon-tcwi-trophy line, svg.icon-tcwi-trophy path, svg.icon-tcwi-trophy polygon, svg.icon-tcwi-trophy polyline, svg.icon-tcwi-trophy rect, svg.icon-tcwi-truck circle, svg.icon-tcwi-truck ellipse, svg.icon-tcwi-truck g, svg.icon-tcwi-truck line, svg.icon-tcwi-truck path, svg.icon-tcwi-truck polygon, svg.icon-tcwi-truck polyline, svg.icon-tcwi-truck rect, svg.icon-tcwi-wallet circle, svg.icon-tcwi-wallet ellipse, svg.icon-tcwi-wallet g, svg.icon-tcwi-wallet line, svg.icon-tcwi-wallet path, svg.icon-tcwi-wallet polygon, svg.icon-tcwi-wallet polyline, svg.icon-tcwi-wallet rect, svg.icon-truck circle, svg.icon-truck ellipse, svg.icon-truck g, svg.icon-truck line, svg.icon-truck path, svg.icon-truck polygon, svg.icon-truck polyline, svg.icon-truck rect, svg.icon-user circle, svg.icon-user ellipse, svg.icon-user g, svg.icon-user line, svg.icon-user path, svg.icon-user polygon, svg.icon-user polyline, svg.icon-user rect { fill: none; stroke-width: var(--iconWeight); stroke: currentcolor; stroke-linecap: var(--iconLinecaps); stroke-linejoin: var(--iconLinecaps); }
.icon__fallback-text { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.drawer { background-color: var(--colorDrawers); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 150px; color: var(--colorDrawerText); display: none; max-width: 95%; overflow: hidden; position: fixed; top: 0px; transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 30; }
@media screen and (max-height: 400px){.drawer { overflow: scroll; }.drawer .drawer__contents { height: auto; }}
.drawer a:not(.btn) { color: var(--colorDrawerText); }
.drawer a:not(.btn):hover { color: var(--colorDrawerText); }
.drawer .btn { background-color: var(--colorDrawerButton); color: var(--colorDrawerButtonText); }
.drawer--left { left: -350px; width: 350px; }
.drawer--right { right: -350px; width: 350px; }
@media only screen and (min-width: 769px){.drawer--right { right: -450px; width: 450px; }}
.drawer__fixed-header, .drawer__footer, .drawer__header, .drawer__scrollable { padding-left: var(--drawer-gutter); padding-right: var(--drawer-gutter); }
.drawer__header { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--colorDrawerBorder); display: table; margin-bottom: 0px; min-height: 70px; padding: 11.5385px 0px; width: 100%; }
.drawer__fixed-header { min-height: 70px; overflow: visible; }
.drawer__fixed-header, .drawer__header { height: auto; }
@media only screen and (min-width: 769px){.drawer__fixed-header, .drawer__header { min-height: 80px; }}
.drawer__close, .drawer__title { display: table-cell; vertical-align: middle; }
.drawer__title { width: 100%; }
.drawer__close { text-align: center; width: 1%; }
.drawer__close-button { color: inherit; height: 100%; padding: 0 var(--drawer-gutter); position: relative; right: calc(var(--drawer-gutter)*-1); }
.drawer__close-button:active { background-color: var(--colorDrawersDim); }
.drawer__close-button .icon { height: 28px; width: 28px; }
.drawer__contents { display: flex; flex-direction: column; height: 100%; }
.drawer__inner, .drawer__scrollable { display: flex; flex: 1 1 auto; flex-direction: column; overflow-y: hidden; }
.drawer__scrollable { overflow: hidden auto; padding-top: var(--drawer-gutter); }
.drawer__footer { border-top-width: 1px; border-top-style: solid; border-top-color: var(--colorDrawerBorder); padding-bottom: var(--drawer-gutter); padding-top: 15px; }
@media only screen and (min-width: 769px){.drawer__footer { padding-top: 22.2222px; }}
.appear-delay-6 { transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s; }
.appear-delay-5 { transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; }
.appear-delay-4 { transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s; }
.appear-delay-3 { transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s; }
.appear-delay-2 { transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; }
.appear-delay-1 { transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }
.image-wrap { background: var(--colorSmallImageBg); overflow: hidden; position: relative; }
.appear-animation { opacity: 0; transform: translateY(60px); }
.site-footer { background-color: var(--colorFooter); color: var(--colorFooterText); padding-bottom: 30px; }
@media only screen and (min-width: 769px){.site-footer { padding-bottom: 60px; padding-top: 60px; }}
.site-footer .footer__collapsible { font-size: calc(var(--typeBaseSize)*.85); }
@media only screen and (min-width: 769px){.site-footer input, .site-footer select, .site-footer textarea { font-size: calc(var(--typeBaseSize)*.85); }}
@media only screen and (max-width: 768px){[data-center-text="true"] .site-footer { text-align: center; }.site-footer { padding-bottom: 0px; }.site-footer .grid__item::after { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--colorFooterText); content: ""; display: block; opacity: 0.12; }.site-footer .grid__item:last-child::after { display: none; }.site-footer button.footer__title { margin: 0px; }}
.site-footer a { color: var(--colorFooterText); }
.footer__small-text { font-size: max(calc(var(--typeBaseSize)*.7),12px); margin: 0px; padding: 7.5px 0px; text-align: center; }
.footer__clear { clear: both; height: 30px; }
@media only screen and (min-width: 769px){.footer__item-padding { padding-right: 60px; }}
.footer__title { color: var(--colorFooterText); }
@media only screen and (min-width: 769px){.footer__title { margin-bottom: 20px; }}
@media only screen and (max-width: 768px){[data-center-text="true"] .footer__title { text-align: center; }}
.footer__newsletter { display: inline-block; max-width: 300px; position: relative; width: 100%; }
.footer__newsletter-input { background-color: var(--colorFooter); border-width: 0px 0px 2px; border-style: none none solid; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; border-bottom-color: var(--colorFooterText); border-radius: 0px; color: var(--colorFooterText); max-width: 300px; padding: 10px 45px 10px 0px; width: 100%; }
.footer__newsletter-input:focus { border-width: 0px 0px 2px; border-style: none none solid; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; border-bottom-color: var(--colorFooterText); }
.footer__newsletter-input::-webkit-input-placeholder { color: var(--colorFooterText); opacity: 1; }
.footer__newsletter-btn { color: var(--colorFooterText); padding: 0px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.footer__newsletter-btn .icon { height: 24px; width: 26px; }
.footer__newsletter-btn-label { display: none; font-size: calc(var(--typeBaseSize)*.85); }
.footer__social { margin: 0px; }
form + .footer__social { margin-top: 30px; }
@media only screen and (max-width: 768px){.footer__collapsible { padding: 0px 0px 15px; }}
.rte { margin-bottom: 7.5px; }
.rte::after { clear: both; content: ""; display: table; }
@media only screen and (min-width: 769px){.rte { margin-bottom: 15px; }}
.rte:last-child { margin-bottom: 0px; }
.rte ol, .rte p, .rte table, .rte ul { margin-bottom: 15px; }
@media only screen and (min-width: 769px){.rte ol, .rte p, .rte table, .rte ul { margin-bottom: 25px; }}
.rte ol:last-child, .rte p:last-child, .rte table:last-child, .rte ul:last-child { margin-bottom: 0px; }
.rte > div { margin-bottom: 15px; }
.rte > div:last-child { margin-bottom: 0px; }
.header-layout { display: flex; justify-content: space-between; }
.header-item { align-items: center; display: flex; flex: 1 1 auto; }
.header-item--logo { flex: 0 0 auto; }
.header-item--icons { flex: 0 1 auto; justify-content: flex-end; }
@media only screen and (min-width: 769px){.header-layout[data-logo-align="center"] .header-item--logo { margin: 0px 30px; }}
.header-layout[data-logo-align="center"] .header-item--icons, .header-layout[data-logo-align="center"] .header-item--navigation { flex: 1 1 130px; }
.header-item--left .site-nav { margin-left: -12px; }
@media only screen and (max-width: 768px){.header-item--left .site-nav { margin-left: -7.5px; }}
.header-item--icons .site-nav { margin-right: -12px; }
@media only screen and (max-width: 768px){.header-item--icons .site-nav { margin-right: -7.5px; }}
.site-header { background: var(--colorNav); padding: 7px 0px; position: relative; }
@media only screen and (min-width: 769px){.site-header { padding: 20px 0px; }}
.site-header__logo { display: block; font-size: 30px; margin: 10px 0px; position: relative; z-index: 6; }
.header-layout[data-logo-align="center"] .site-header__logo { margin-left: auto; margin-right: auto; text-align: center; }
.site-header__logo a { max-width: 100%; }
.site-header__logo a, .site-header__logo a:hover { text-decoration: none; }
.site-header__logo img { display: block; }
.site-header .site-header__logo img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.site-header__logo-link { align-items: center; color: var(--colorNavText); display: flex; position: relative; }
.site-header__logo-link:hover { color: var(--colorNavText); }
@media only screen and (max-width: 768px){.site-header__logo-link { margin: 0px auto; }}
.header-sticky-wrapper { position: relative; z-index: 28; }
.header-wrapper--sticky { background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, transparent); left: 0px; position: absolute; right: 0px; top: 0px; z-index: 6; }
.header-wrapper--sticky .site-header:not(.site-header--stuck) { background: none; }
.site-nav { margin: 0px; }
.site-nav__icons { white-space: nowrap; }
.site-nav__item { display: inline-block; margin: 0px; position: relative; }
.site-nav__link { color: var(--colorNavText); display: inline-block; padding: 7.5px 15px; text-decoration: none; vertical-align: middle; white-space: nowrap; }
.site-header--heading-style .site-nav__link { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight); }
[data-type_header_capitalize="true"] .site-header--heading-style .site-nav__link { text-transform: uppercase; }
.site-nav__link:hover { color: var(--colorNavText); }
.is-light .site-nav__link, .is-light .site-nav__link:hover { color: rgb(255, 255, 255); }
@media only screen and (max-width: 959px){.site-nav__link { padding: 7.5px; }}
.site-nav__link--underline { position: relative; }
.site-nav__link--underline::after { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: var(--colorNavText); bottom: 0px; content: ""; display: block; left: 0px; margin: 0px 15px; position: absolute; right: 100%; transition: right 0.5s; }
.is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline::after { border-bottom-color: rgb(255, 255, 255); }
.site-nav__item:hover .site-nav__link--underline::after { right: 0px; }
.site-nav__link--icon { padding-left: 12px; padding-right: 12px; }
@media only screen and (max-width: 768px){.site-nav__link--icon { padding-left: 7.5px; padding-right: 7.5px; }.site-nav__link--icon + .site-nav__link--icon { margin-left: -4px; }}
.site-nav__link--icon .icon { height: 30px; width: 30px; }
.mobile-nav { margin: calc(var(--drawer-gutter)*-1) calc(var(--drawer-gutter)*-1) 0; }
.mobile-nav li { list-style: none; margin-bottom: 0px; }
.mobile-nav__item { display: block; position: relative; }
.mobile-nav > .mobile-nav__item { background-color: var(--colorDrawers); }
.mobile-nav__item::after { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--colorDrawerBorder); bottom: 0px; content: ""; left: var(--drawer-gutter); position: absolute; right: var(--drawer-gutter); }
.mobile-nav__faux-link, .mobile-nav__link { display: block; }
.mobile-nav__link--top-level { font-size: 1.4em; }
.mobile-nav--heading-style .mobile-nav__link--top-level { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight); }
[data-type_header_capitalize="true"] .mobile-nav--heading-style .mobile-nav__link--top-level { text-transform: uppercase; }
.mobile-nav__faux-link, .mobile-nav__link, .mobile-nav__toggle .faux-button, .mobile-nav__toggle button { color: var(--colorDrawerText); padding: 15px var(--drawer-gutter); text-decoration: none; }
.mobile-nav__faux-link:active, .mobile-nav__link:active, .mobile-nav__toggle .faux-button:active, .mobile-nav__toggle button:active { color: var(--colorDrawerTextDark); }
.mobile-nav__faux-link:active, .mobile-nav__link:active, .mobile-nav__toggle .faux-button:active, .mobile-nav__toggle button:active { background-color: var(--colorDrawersDim); }
.mobile-nav__item--secondary a { padding-bottom: 5px; padding-top: 10px; }
.mobile-nav__item--secondary::after { display: none; }
.mobile-nav__item:not(.mobile-nav__item--secondary) + .mobile-nav__item--secondary { margin-top: 10px; }
.mobile-nav__social { display: flex; flex-wrap: wrap; justify-content: stretch; list-style: outside none; margin: 15px 0px 20px; }
@media only screen and (min-width: 769px){.mobile-nav__social { margin-left: calc(var(--drawer-gutter)*-1); margin-right: calc(var(--drawer-gutter)*-1); }}
@media only screen and (min-width: 769px){.site-nav__link--icon .icon { height: 28px; width: 28px; }.site-nav__link--icon .icon.icon-user { position: relative; top: 1px; }}
.collapsible-trigger { color: inherit; position: relative; }
.collapsible-trigger__icon { display: block; height: 10px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 10px; }
@media only screen and (min-width: 769px){.collapsible-trigger__icon { height: 12px; width: 12px; }}
.collapsible-trigger__icon .icon { display: block; height: 10px; transition: 0.1s ease-in; width: 10px; }
@media only screen and (min-width: 769px){.collapsible-trigger__icon .icon { height: 12px; width: 12px; }}
.collapsible-content { transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@media only screen and (max-width: 768px){.collapsible-content--small { backface-visibility: hidden; height: 0px; opacity: 0; overflow: hidden; visibility: hidden; }.collapsible-content--small .collapsible-content__inner { transform: translateY(40px); }}
.collapsible-content__inner { transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
::-webkit-input-placeholder { color: inherit; opacity: 0.5; }
input, select, textarea { background-color: inherit; color: inherit; }
input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus { border-width: 1px; border-style: solid; border-image: none; border-color: var(--colorTextBody); }
.index-section { margin: 40px 0px; }
.index-section + .index-section, .index-section + .index-section--hidden, .main-content + .index-section { margin-top: 0px; }
@media only screen and (min-width: 769px){.index-section { margin: 75px 0px; }}
.feature-row-wrapper { direction: ltr; overflow: hidden; }
.feature-row { align-items: center; display: flex; justify-content: space-between; margin: 0px auto; }
@media only screen and (min-width: 1050px){.feature-row { margin: 0px 6%; }}
@media only screen and (max-width: 768px){.feature-row { flex-direction: column; margin: 0px; }}
.feature-row__item { flex: 0 1 57%; margin: 0px auto; }
@media only screen and (max-width: 768px){.feature-row__item { flex: 1 1 auto; max-width: 100%; min-width: 100%; }}
.feature-row__image { display: block; margin: 0px auto; order: 1; }
@media only screen and (min-width: 769px){.feature-row__image { order: 2; }}
.feature-row__text { flex: 0 1 43%; min-width: 43%; padding: 0px; }
@media only screen and (max-width: 768px){.feature-row__text { margin-top: 0px; order: 2; padding: 30px 20px 0px; }}
.feature-row__text .rte { margin: 0px; }
.feature-row__text .btn { margin-top: 15px; }
@media only screen and (min-width: 769px){.feature-row__text--left { padding-left: 60px; }}
.theme-block { margin-bottom: 30px; }
.theme-block:last-child { margin-bottom: 0px; }
.hero { background: var(--colorLargeImageBg); overflow: hidden; position: relative; }
.hero__media-container, .hero__image-wrapper, .hero__media { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.hero__image-wrapper::before, .hero__media::before { background-color: var(--colorImageOverlay); inset: 0px; content: ""; opacity: var(--colorImageOverlayOpacity); position: absolute; z-index: 3; }
.hero__media { background-position: center top; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.hero__text-wrap { color: var(--colorHeroText); height: 100%; position: relative; }
.hero__text-wrap .page-width { display: table; height: 100%; width: 100%; }
.hero__text-content { padding: 15px 0px; position: relative; z-index: 4; }
@media only screen and (min-width: 769px){.hero__text-content { padding: 45px 0px; }}
.hero__text-shadow { display: inline-block; position: relative; }
.hero__text-shadow::before { background: radial-gradient(rgba(0,0,0,var(--colorImageOverlayTextShadow)) 0%,transparent 60%); inset: 0px; content: ""; margin: -100px -200px; position: absolute; z-index: -1; }
.hero__text-content { display: table-cell; }
.hero__text-content.horizontal-center { text-align: center; }
.hero__text-content.vertical-center { vertical-align: middle; }
.hero--100vh { height: 100vh; }
@media only screen and (max-width: 768px){.hero--mobile--100vh[data-mobile-natural="false"] { height: 90vh; }}
.is-light .site-header__logo .logo--has-inverted, .site-header__logo .logo--inverted { display: none; }
.is-light .site-header__logo .logo--inverted { display: block; }
@media only screen and (min-width: 769px){.site-header__logo { text-align: left; }}
.header-logo a, .site-header__logo a { color: var(--colorNavText); }
.is-light .header-logo a, .is-light .site-header__logo a, .is-light .header-logo a:hover, .is-light .site-header__logo a:hover { color: rgb(255, 255, 255); }
.is-light .site-header { box-shadow: none; }
.logo-bar { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -30px; text-align: center; }
.logo-bar__item { flex: 0 1 110px; margin: 0px 15px 20px; vertical-align: middle; }
@media only screen and (min-width: 769px){.logo-bar__item { flex: 0 1 160px; margin: 0px 20px 30px; }}
.logo-bar__image { display: block; height: 100%; margin: 0px auto; object-fit: cover; width: 100%; }
.logo-bar__link { display: block; }
[data-aos="logo__animation"] .logo-bar__item { opacity: 0; }
@media only screen and (max-width: 768px){html[dir="rtl"] .background-media-text__video { left: auto; right: -150%; }}
html[dir="rtl"] .background-media-text__text { text-align: right; }
.drawer.is-empty .drawer__inner { display: none; }
@media print{h2, h3, p { orphans: 3; widows: 3; }h2, h3 { break-after: avoid; }body, html { background-color: rgb(255, 255, 255); }.add-to-apple-wallet, .site-header__logo-link img:nth-child(2), .tooltip { display: none; }}
:root { --typeHeaderPrimary: "Fjalla One"; --typeHeaderFallback: sans-serif; --typeHeaderSize: 45px; --typeHeaderWeight: 400; --typeHeaderLineHeight: 1.2; --typeHeaderSpacing: 0.15em; --typeBasePrimary: Barlow; --typeBaseFallback: sans-serif; --typeBaseSize: 18px; --typeBaseWeight: 500; --typeBaseSpacing: 0.05em; --typeBaseLineHeight: 1.4; --typeBaselineHeightMinus01: 1.3; --typeCollectionTitle: 23px; --iconWeight: 5px; --iconLinecaps: miter; --buttonRadius: 0; --colorGridOverlayOpacity: 0.1; }
/* ---------- Additions for the static (non-Shopify) version ---------- */

/* Shopify's theme script faded images in; show them straight away */
.image-element { opacity: 1; }

/* Background video: same sizing/animation rules as the original theme */
.hero__media iframe, .hero__media video { height: 100%; pointer-events: none; width: 100%; }
.hero__media iframe { left: -100%; max-width: none; position: absolute; top: 0; width: 300%; }
@media screen and (min-width: 1140px) {
  .hero__media iframe { height: 300%; left: auto; top: -100%; width: 100%; }
}
.video-parent-section.loading .hero__media iframe { opacity: 0.01; }
.video-parent-section.loaded .hero__media iframe {
  animation: zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  opacity: 1;
  transition: none;
}
@keyframes zoom-fade { 0% { opacity: 0; transform: scale(1.3); } to { opacity: 1; transform: scale(1); } }

/* Mobile navigation drawer (open/close handled in site.js) */
html.js-drawer-open { overflow: hidden; }
.drawer--left.is-visible { display: block; }
html.js-drawer-open .drawer--left { transform: translateX(350px); }
html.js-drawer-open .main-content:after {
  content: "";
  display: block;
  position: fixed;
  inset: 0;
  background-color: var(--colorModalBg);
  z-index: 26;
}
html.js-drawer-open .appear-animation { opacity: 1; transform: translateY(0); }
.site-nav__link--icon { background: none; border: 0; cursor: pointer; }

/* Footer newsletter: expand/collapse on mobile */
.collapsible-content--small.collapsible-content--expanded {
  height: auto;
  opacity: 1;
  overflow: visible;
  visibility: visible;
}
.collapsible-content--expanded .collapsible-content__inner { transform: none; }
.collapsible-trigger[aria-expanded="true"] .icon { transform: rotate(180deg); }

/* Form status messages */
.form-status { margin: 15px 0 0; }
.form-status[hidden] { display: none; }
.form-status--error { color: #ff6b6b; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Site-specific styling from the live site's section settings ---------- */

/* Header / navigation */
.site-nav__link, .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { font-size: 15px; }
.site-nav__link, .mobile-nav__link--top-level { text-transform: uppercase; letter-spacing: 0.2em; }
.mobile-nav__link--top-level { font-size: 1.1em; }
.site-header { box-shadow: 0 0 1px rgba(0,0,0,0.2); }
.header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { flex: 0 1 100px; }
@media only screen and (min-width: 769px) {
  .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { flex: 0 0 150px; }
}
.site-header__logo a { width: 100px; }
.is-light .site-header__logo .logo--inverted { width: 100px; }
@media only screen and (min-width: 769px) {
  .site-header__logo a { width: 150px; }
  .is-light .site-header__logo .logo--inverted { width: 150px; }
}
#SiteHeader a.site-nav__link.site-nav__link--underline { font-weight: 900; }
#NavDrawer a.mobile-nav__link.mobile-nav__link--top-level { font-size: 16px; padding-top: 25px; padding-bottom: 25px; font-weight: bold; }
#SiteHeader a.site-nav__link.site-nav__link--underline:hover { color: #fae80b; }

/* Footer */
.site-footer { border-top: 1px solid #fae80b; }
@media only screen and (min-width: 769px) and (max-width: 959px) {
  .footer__item--footer2 { width: 50%; padding-top: 40px; }
  .footer__item--footer2:nth-child(2n + 1) { clear: left; }
  .footer__item--footer-0 { width: 50%; padding-top: 40px; }
  .footer__item--footer-0:nth-child(2n + 1) { clear: left; }
}
@media only screen and (min-width: 960px) {
  .footer__item--footer2 { width: 50%; }
  .footer__item--footer-0 { width: 95%; }
}
.site-footer p.footer__small-text { font-weight: bold; }
.site-footer a { color: #fae80b; }

/* Roster */
.page-roster h3 { font-size: 20px; margin-bottom: 20px; }
.page-roster a.btn.btn--secondary.btn--small { font-weight: bold; margin-bottom: 30px; }

/* About */
.about-intro h2 { font-size: 25px; }
.about-intro p { font-size: 16px; font-weight: bold; margin: auto; width: 60%; line-height: 25px; margin-bottom: 50px; }
@media only screen and (max-width: 640px) { .about-intro p { margin: auto; width: 90%; } }

/* Contact */
.page-contact .form-vertical label { font-size: 12px; font-weight: bold; }

/* Artist pages */
.page-artist .feature-row__text p { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 30px; }
.page-artist .logo-bar { opacity: 1; }
.page-artist .logo-bar__item { max-width: 20px; margin-top: 50px; margin-bottom: 100px; }
.page-rowdy .logo-bar__item { margin-top: 0; margin-bottom: 0; }
.page-max .feature-row__text p { margin-top: 20px; }
.page-max .feature-row__text h2 { font-size: 35px; }
@media only screen and (max-width: 640px) {
  .page-artist h2.h1.appear-delay, .page-artist .feature-row__text p, .page-artist div.appear-delay-2 {
    display: flex; justify-content: center; align-items: center; text-align: center;
  }
}