@charset "UTF-8";

/* @font-face {
	font-family: Creolia;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: local("Creolia"), url('../fonts/creolia-700.woff2') format('woff2'), url('../fonts/creolia-700.woff') format('woff');
}
@font-face {
	font-family: "TT Interphases";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("TT Interphases Regular"), url("../fonts/tt-interphases-400.woff2") format('woff2'), url("../fonts/tt-interphases-400.woff") format('woff');
}
@font-face {
	font-family: "TT Interphases";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: local("TT Interphases Medium"), url("../fonts/tt-interphases-500.woff2") format('woff2'), url("../fonts/tt-interphases-500.woff") format('woff');
}
@font-face {
	font-family: "TT Interphases Mono";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("TT Interphases Mono Regular"), url("../fonts/tt-interphases-mono-400.woff2") format('woff2'), url("../fonts/tt-interphases-mono-400.woff") format('woff');
} */
@font-face {
  font-family: "Brighton Bike Sheds Icons";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/icons.woff2") format('woff2'), url("../fonts/icons.woff") format('woff');
}


@font-face {
  font-family: 'lineicons';
  src: url('../fonts/lineicons.eot');
  src: url('../fonts/lineicons.eot') format('embedded-opentype'),
    url('../fonts/lineicons.woff2') format('woff2'),
    url('../fonts/lineicons.woff') format('woff'),
    url('../fonts/lineicons.ttf') format('truetype'),
    url('../fonts/lineicons.svg') format('svg');
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, var(--offset, 2em), 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translate3d(calc(var(--offset, 2em) * -1), 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translate3d(var(--offset, 2em), 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(359deg);
  }
}

:root {
  --gutter: 0.75rem;
  --margin: 20px;
  --margin-sm: calc(1.25rem + 0.25 * (100vw - 20rem) / 3.4375);
  --size-lg-14-max-16: 0.875rem;
  --size-md-16-lg-18: 1rem;
  --size-md-16-lg-18-max-20: var(--size-md-16-lg-18);
  --size-md-16-lg-20-max-24: 1rem;
  --size-md-16-lg-20-max-32: var(--size-md-16-lg-20-max-24);
  --size-lg-24-max-32: 1.5rem;
  --size-md-24-lg-32: 1.5rem;
  --size-md-24-lg-32-max-40: var(--size-md-24-lg-32);
  --size-md-24-lg-32-max-48: var(--size-md-24-lg-32-max-40);
  --size-sm-32-md-40-lg-48: 2rem;
  --size-sm-32-md-48-lg-64: 2rem;
  --size-sm-40-md-48-lg-64: 2.5rem;
  --size-md-40-lg-48-max-80: 2.5rem;
  --size-md-40-lg-64: 2.5rem;
  --size-md-40-lg-64-max-80: var(--size-md-40-lg-64);
  --size-md-40-lg-64-max-96: var(--size-md-40-lg-64);
  --size-md-40-lg-64-max-120: var(--size-md-40-lg-64);
  --accent-500: #646134;
  --accent-700: #3A381F;
  --accent-800: #131313;
  --accent-100: #EBEBD6;
  --white: #fff;
  --yellow: #FFC020;
  --grey-100: #E3E5E5;
  --grey-300: #C6CACC;
  --grey-700: #5E6366;
  --beige: #E6DFD8;
  --beige-100: #E8E1DA;
  --black: #000000;
}

*,
::after,
::before {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin: var(--gutter) 0;
}

.o-wave {
  display: none !important;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

[type=button],
a,
button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: background-color .3s, border-color .3s, color .3s;
  cursor: pointer;
}

[type=button],
button {
  appearance: none;
  outline: 0;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: 0 0;
  color: inherit;
  font: inherit;
}

.no-js [type=button] {
  display: none;
}

:disabled {
  cursor: not-allowed;
}

img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

svg {
  fill: currentColor;
  stroke: currentColor;
}

iframe,
img,
svg,
video {
  border: 0;
  max-width: 100%;
  vertical-align: bottom;
}

img,
svg,
video {
  height: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

body {
  overflow-x: hidden;
  --heading-size: 1.25rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  background: var(--white);
  color: #646d63;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", serif;
  font-weight: 600;
  color: var(--heading-color, inherit);
  font-size: var(--heading-size);
  line-height: 1.125;
  margin: calc(var(--spacing) * 1.5) 0 0;
}

dl,
ol,
p,
ul {
  margin: var(--spacing) 0;
}

li {
  margin: calc(var(--spacing)/ 2) 0;
}

a {
  color: inherit;
  -webkit-text-decoration: var(--link-decoration, underline);
  text-decoration: var(--link-decoration, underline);
}

a:hover {
  --link-decoration: none;
}

hr {
  margin: var(--size-sm-32-md-40-lg-48) 0;
  border: 0;
  border-top: 1px solid #d4deb8;
}

ins {
  text-decoration: none;
}

mark {
  padding: .25em .5em;
  border-radius: 4px;
  color: #805919;
  background: #faf2e5;
}

[type=date],
[type=email],
[type=number],
[type=password],
[type=tel],
[type=text],
[type=time],
[type=url],
select,
textarea {
  width: 100%;
  border: 1px solid #e3ddd1;
  padding: .75em .875em;
  border-radius: 4px;
  box-shadow: none;
  background: 0 0;
  color: inherit;
  font: inherit;
}

[type=checkbox],
[type=radio] {
  margin-right: .25em;
}

select {
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
}

label[for] {
  cursor: pointer;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
}

legend+* {
  clear: left;
}

fieldset {
  margin: 2rem 0;
  border: 0;
  padding: 0;
}

.button {
  display: inline-block;
  padding: .75rem 1.125em;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(203, 199, 154, .3);
  background: var(--accent-700);
  background-blend-mode: multiply;
  color: #EBEBD6;
}

.c-modal__close,
.control-button {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  font-size: .875rem;
  width: 2.5em;
  height: 2.5em;
  border-radius: 100%;
  border: 1px dashed #d4deb8;
  color: #EBEBD6;
}

.c-modal__close:hover,
.control-button:hover {
  color: var(--accent-700);
  background: #FFC020;
  border-color: transparent;
}

.c-modal__close::before,
.control-button::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -.5em;
  line-height: 1;
  text-indent: 0;
}

.control-choice,
.wc_payment_method>label,
.woocommerce-PaymentMethod>label,
.woocommerce-shipping-methods label {
  position: relative;
  display: block;
  padding: .75em 3em .75em 1em;
  border: 1px dashed #d4deb8;
  border-radius: 4px;
  line-height: 1.25;
  font-weight: 700;
}

.control-choice::after,
.wc_payment_method>label::after,
.woocommerce-PaymentMethod>label::after,
.woocommerce-shipping-methods label::after {
  content: " ";
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 1em;
  border: 2px solid var(--white);
  border-radius: 100%;
  margin-top: -.625em;
  box-shadow: 0 0 0 2px #cbc8c2;
}

.wc_payment_method>input:checked+label,
.woocommerce-PaymentMethod>input:checked+label,
.woocommerce-shipping-methods input:checked+label,
input:checked+.control-choice {
  background: var(--white);
  border-color: var(--accent-700);
}

.wc_payment_method>input:checked+label::after,
.woocommerce-PaymentMethod>input:checked+label::after,
.woocommerce-shipping-methods input:checked+label::after,
input:checked+.control-choice::after {
  background: var(--accent-700);
}

.wc_payment_method>input:focus+label,
.woocommerce-PaymentMethod>input:focus+label,
.woocommerce-shipping-methods input:focus+label,
input:focus+.control-choice {
  border-color: var(--accent-700);
}

.wc_payment_method>input:focus+label::after,
.woocommerce-PaymentMethod>input:focus+label::after,
.woocommerce-shipping-methods input:focus+label::after,
input:focus+.control-choice::after {
  box-shadow: 0 0 0 2px var(--accent-700);
}

input:disabled+.control-choice {
  cursor: default;
}

input:disabled+.control-choice::after {
  content: none;
}

.control-select,
.ginput_container_select {
  position: relative;
  display: block;
}

.control-select select,
.ginput_container_select select {
  padding-right: 2em;
  position: relative;
}

.control-select::before,
.ginput_container_select::before {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  font-size: .875em;
  line-height: 1;
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 1em;
  margin-top: -.45em;
}

.control-swatch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0/cover var(--white);
  border: 2px solid #d4deb8;
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px var(--white);
  cursor: pointer;
}

.control-swatch:hover {
  border-color: inherit;
}

.control-swatch::after {
  content: " ";
  width: 1px;
  margin-right: -1px;
  padding-bottom: 100%;
}

.control-swatch img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--white);
  border-radius: 100%;
}

input:checked+.control-swatch {
  box-shadow: inset 0 0 0 2px var(--white), 0 0 12px 0 rgba(45, 63, 43, .16), 0 0 4px 0 rgba(45, 63, 43, .3);
  border-color: inherit;
  color: var(--accent-700);
}

input:focus+.control-swatch {
  border-color: #d3a14e;
}

.gsection_title,
.o-legend {
  font-family: "Open Sans", sans-serif;
  font-weight: 400 !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .2em !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gsection_title::after,
.gsection_title::before,
.o-legend::after,
.o-legend::before {
  content: " ";
  flex: 1 0 1px;
  height: 1px;
  margin-top: -.25em;
  background: #cbc79a;
}

.gsection_title::before,
.o-legend::before {
  margin-right: 1em;
}

.gsection_title::after,
.o-legend::after {
  margin-left: 1em;
}

#ship-to-different-address input,
.datalist-attributes dt,
.datalist-product dt[data-key=attribute],
.hidden_label>.gfield_label,
.screen-reader-text,
.wc_payment_method>input,
.woocommerce-PaymentMethod>input,
.woocommerce-shipping-methods input,
table.cart .coupon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.notice>:first-child,
.o-content>:first-child,
.woocommerce-terms-and-conditions>:first-child {
  margin-top: 0;
}

.notice>:last-child,
.o-content>:last-child,
.woocommerce-terms-and-conditions>:last-child {
  margin-bottom: 0;
}

.aligncenter {
  display: block;
  margin: auto;
  max-width: 100%;
}

.button+.button:not(:hover) {
  background-color: var(--white);
  color: var(--accent-700);
}

.button:hover {
  background-color: #FFC020;
  color: var(--accent-700)
}

.goto {
  text-decoration: none;
}

.goto::after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  display: inline-block;
  margin-left: calc(2em/3);
  transition: transform 150ms;
}

.goto:hover::after {
  transform: translateX(.5em);
}

.legend {
  font-size: calc(14em/20);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--accent-700);
}

.legend+* {
  margin-top: var(--size-md-16-lg-20-max-24);
}

.notice {
  --heading-color: initial;
  color: var(--accent-700);
  background: #EBEBD6;
  background-blend-mode: multiply;
  margin: var(--size-sm-32-md-40-lg-48) 0;
  padding: var(--size-md-24-lg-32);
  border-radius: 8px;
  text-align: center;
}

.notice>h1:first-child,
.notice>h2:first-child,
.notice>h3:first-child,
.notice>h4:first-child,
.notice>h5:first-child,
.notice>h6:first-child {
  margin-top: calc(var(--size-md-24-lg-32) * -1 - .5em);
}

.size-14 {
  font-size: .875rem;
}

.size-16 {
  font-size: 1rem;
}

.size-18 {
  font-size: 1.125rem;
}

.size-24 {
  font-size: 1.5rem;
}

.size-x2 {
  font-size: var(--size-md-16-lg-18);
}

.size-x3 {
  font-size: var(--size-md-16-lg-18-max-20);
}

.tag {
  display: inline-block;
  font-size: calc(12em/14);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0 .75em;
  padding: .125em .5em;
  border-radius: 3px;
  background: var(--accent-700);
  color: var(--white);
}

.tag:first-child {
  margin-left: 0;
}

.tag:last-child {
  margin-right: 0;
}

img[class*=wp-image-] {
  border-radius: 4px;
  background: #f4f4f4;
}

img[class*=wp-image-][src$=".png"] {
  padding: var(--size-sm-32-md-48-lg-64);
}

.o-buttons {
  display: flex;
  flex-direction: column;
}

.o-buttons>* {
  box-shadow: none;
}

.o-buttons>*+* {
  margin-top: .5rem;
}

.o-content {
  --spacing: 1.25em;
}

.o-content ol,
.o-content ul {
  padding-left: 1.25em;
}

.o-content ul {
  list-style: disc;
}

.o-content ol {
  list-style: decimal;
}

.o-content.is-center {
  text-align: center;
}

.o-content.is-center>* {
  margin-left: auto;
  margin-right: auto;
}

.o-content.is-large {
  --heading-size: var(--size-md-24-lg-32-max-40);
  font-size: var(--size-md-16-lg-20-max-24);
}

.o-content.is-large p:first-of-type {
  --spacing: 0.75rem;
}

.o-content.is-large>* {
  max-width: 32.8125rem;
}

.o-dot {
  width: 1em;
  height: 1em;
  padding: 2px;
  border: 2px solid transparent;
  border-radius: 100%;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  text-decoration: none;
  transition: border-color .3s, color .3s;
}

.o-dot.is-active {
  border-color: inherit;
}

.o-frame {
  --offset: var(--margin);
  position: relative;
  padding: var(--offset) 0;
  margin-right: var(--offset);
}

.o-frame::before {
  content: " ";
  display: block;
  padding-bottom: calc(100% / (var(--ratio, 4/3)));
}

.o-frame>* {
  position: absolute;
  top: var(--offset);
  left: var(--offset);
  width: 100%;
  height: calc(100% - var(--offset) * 2);
  max-width: none;
  object-fit: var(--fit, cover);
}

.o-heading {
  font-family: "Open Sans", serif;
  font-weight: 600;
  color: var(--heading-color, inherit);
  font-size: var(--heading-size);
  line-height: 1.125;
}

.o-legend {
  margin: 0 0 1rem;
}

.o-media {
  --offset: 0px;
  position: relative;
  border-radius: var(--radius, 4px);
}

.o-media::before {
  content: " ";
  display: block;
  padding-bottom: calc(100% / (var(--ratio, 1)));
}

.o-media>* {
  position: absolute;
  top: 0;
  left: var(--offset);
  width: calc(100% - var(--offset) * 2);
  height: 100%;
  max-width: none;
  object-fit: var(--fit, contain);
  border-radius: var(--radius, 0);
}

.o-message:empty {
  display: none;
}

.o-price {
  font-size: .875rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.o-price .amount {
  font-family: "Open Sans", serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--accent-700);
}

.o-price .woocommerce-price-suffix,
.o-price .woocommerce-price-suffix .amount,
.o-price del .amount {
  font: inherit;
}

.o-price .woocommerce-price-prefix {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--accent-700);
}

.o-slides {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.o-slides::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.o-slides>* {
  -webkit-user-select: none;
  user-select: none;
  scroll-margin: 0;
  scroll-snap-align: center;
  flex: 0 0 auto;
  width: calc((100% - var(--slides-gutter, 0px) * (var(--slides-count, 1) - 1))/ var(--slides-count, 1));
  transform: translate3d(calc(var(--slides-offset, 0) * (-100% - var(--slides-gutter, 0))), 0, 0);
  margin-left: var(--slides-gutter, 0);
  transition: transform .6s;
}

.o-slides>:first-child {
  margin: 0;
}

.has-js .o-slides[data-ui-slides] {
  overflow: hidden;
  scroll-snap-type: none;
}

.has-js .o-slides[data-ui-slides]>* {
  scroll-snap-align: none;
}

.has-js .o-slides[data-ui-slides=fade] {
  position: relative;
}

.has-js .o-slides[data-ui-slides=fade]>* {
  margin: 0;
  transform: none;
  transition: opacity .6s, visibility .6s;
}

.has-js .o-slides[data-ui-slides=fade]>:not(.is-active) {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.block-accordion {
  margin: var(--size-sm-32-md-40-lg-48) auto;
  padding: var(--margin);
  max-width: 63.5rem;
}

.has-js .block-accordion__item:not(.is-active),
.no-js .block-accordion__item:not(:target) {
  opacity: .35;
}

.block-accordion .c-accordion__title {
  font-size: var(--size-lg-24-max-32);
  margin: 0 0 .75rem;
}

.block-accordion .c-accordion__content {
  font-size: calc(.875rem + .25 * (100vw - 20rem)/ 28);
}

.block-callout {
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-md-40-lg-48-max-80) auto;
  max-width: 76.5rem;
}

.block-callout .o-heading {
  font-size: var(--size-md-24-lg-32-max-48);
}

.block-callout .o-content {
  font-size: var(--size-md-16-lg-20-max-24);
}

.block-callout .o-content a {
  color: var(--accent-700);
}

.block-cards {
  width: calc(100% - var(--margin));
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: calc(90rem - var(--margin) * 2);
  display: grid;
  grid-row-gap: calc(var(--gutter) * 2);
  grid-column-gap: var(--gutter);
  grid-template-columns: repeat(var(--columns, 1), 1fr);
}

.block-cards.is-large {
  --columns: 1;
  max-width: 63.5rem;
}

.block-cards.is-large .o-frame {
  --offset: 16px;
  --ratio: 480/248;
}

.block-content {
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-32-md-40-lg-48) auto;
  max-width: 50rem;
}

.block-content.is-large {
  max-width: 63.5rem;
}

.block-content[data-step] {
  border: 1px solid #e3ddd1;
  padding: var(--size-md-24-lg-32-max-48);
  border-radius: 8px;
}

.block-content[data-step]::before {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  content: attr(data-step);
  display: block;
  width: 2.5em;
  height: 2.5em;
  margin: calc(var(--size-md-24-lg-32-max-48) * -1 - 1.25em) auto .5rem;
  text-align: center;
  line-height: 2.4em;
  font-size: var(--size-md-24-lg-32);
  border: 1px dashed #d4deb8;
  background: var(--white);
  border-radius: 100%;
}

.block-content>[class*=block-] {
  margin: var(--size-sm-32-md-40-lg-48) calc(var(--margin) * -1);
}

.block-faqs-group {
  margin: var(--size-md-40-lg-64) auto;
  max-width: 76.5rem;
}

.block-faqs-group .block-faqs .o-buttons {
  max-width: none;
}

.block-faqs-group>.o-content {
  --heading-size: 1.75rem;
  font-size: var(--size-md-16-lg-18);
  padding: 2.5rem 1.333em;
}

.block-faqs-group>.o-form {
  padding: 0 var(--margin);
}

.block-faqs {
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-md-40-lg-64) auto;
  max-width: 50rem;
  text-align: center;
}

.block-faqs .o-heading {
  font-size: 1.25rem;
}

.block-faqs .o-heading+* {
  margin-top: calc(var(--size-md-16-lg-20-max-32)/ 2);
}

.block-faqs .o-wave {
  margin-top: var(--size-md-16-lg-20-max-24);
  margin-bottom: calc(var(--size-md-16-lg-20-max-32)/ 2);
}

.block-faqs .c-tabs {
  margin-bottom: var(--size-sm-32-md-48-lg-64);
}

.block-faqs .c-accordion {
  text-align: left;
}

.block-faqs .o-buttons {
  margin: var(--size-lg-24-max-32) auto 0;
  max-width: 31rem;
}

.block-features {
  --icon-size: 2.5rem;
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-32-md-40-lg-48) auto;
  max-width: 76.5rem;
}

.is-home .block-features h2 {
  color: var(--accent-700);
}

.block-features__icons {
  margin: var(--size-sm-32-md-40-lg-48) 0;
  display: flex;
  justify-content: space-between;
}

.block-features__icon {
  width: 1em;
  height: 1em;
  line-height: .75em;
  border-radius: 100%;
  background: var(--white);
  font-size: var(--icon-size);
}

.block-features__icon>* {
  width: 1em;
  height: .75em;
  vertical-align: middle;
}

.block-features__icon.is-active,
.block-features__icon:hover {
  background: #E8E1DA;
}

.block-features__items {
  display: grid;
  grid-row-gap: var(--gutter);
  grid-column-gap: var(--gutter);
  grid-template-columns: 1fr;
}

.block-features__item {
  font-size: var(--size-lg-14-max-16);
  padding: var(--size-lg-24-max-32);
  border-radius: 4px;
  scroll-margin-top: calc(var(--icon-size) + 3rem);
  transition: background-color .3s, color .3s, border-radius .3s;
}

.block-features__item.bg {
  background-color: #EBEBD6;
}

.block-features__item .o-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  display: block;
  color: var(--accent-700);
}

.block-features__item.is-active,
.block-features__item:target {
  background-color: var(--accent-700);
  color: #cbc79a;
  border-radius: 8px;
}

.block-features__item.is-active .o-title,
.block-features__item:target .o-title {
  color: #EBEBD6;
}

.block-gallery {
  --offset-y: 3rem;
  --offset-x: var(--margin);
  font-size: .875rem;
  position: relative;
  margin: var(--size-md-40-lg-64-max-80) auto;
  max-width: 63.5rem;
  padding-top: var(--offset-x);
}

.block-gallery::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: calc(100% - var(--offset-x));
  height: 100%;
  background: #f4f4f4;
}

.block-gallery .o-media {
  --ratio: 16/9;
  --fit: cover;
}

.block-gallery .o-slides {
  box-sizing: content-box;
  margin-left: var(--offset-x);
  padding-bottom: var(--offset-y);
}

.block-gallery figcaption {
  top: 100%;
  height: var(--offset-y);
  display: flex;
  align-items: center;
  font-weight: 700;
}

.block-gallery .control-button {
  font-size: 1em;
  width: var(--offset-y);
  height: var(--offset-y);
  border: 0;
  border-radius: 0;
  position: absolute;
  right: var(--offset-x);
  bottom: 0;
  text-align: left;
  color: #7e461b;
  background: #f6e3d5;
}

.block-gallery .control-button::before {
  padding: 0 .4em;
  transition: transform .3s;
}

.block-gallery .control-button:hover::before {
  transform: translateX(.4em);
}

.block-gallery .control-button[data-ui-slider-goto=prev] {
  text-align: right;
  margin-right: var(--offset-y);
}

.block-gallery .control-button[data-ui-slider-goto=prev]:hover::before {
  transform: translateX(-.4em);
}

.block-group--sm {
  margin: var(--size-md-40-lg-64-max-80) 0;
}

.block-group--md {
  margin: var(--size-md-40-lg-64-max-96) 0;
}

.block-group--lg {
  margin: var(--size-md-40-lg-64-max-120) 0;
}

.block-group.bg::after,
.block-group.bg::before {
  content: " ";
  display: table;
}

.block-info {
  font-size: .75rem;
  position: relative;
  padding: 1rem calc(var(--margin) * 3/4);
  display: flex;
  align-items: center;
  line-height: 1.25;
}

.block-info__title {
  display: block;
}

.block-info__icon {
  width: 1.5rem;
  height: auto;
  display: inline-block;
  margin-right: 1rem;
}

.block-info__link {
  text-decoration: none;
}

.block-items {
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: 76.5rem;
  display: grid;
  grid-row-gap: 1.5rem;
  grid-column-gap: var(--gutter);
  grid-template-columns: 1fr;
}

.block-items .o-heading {
  font-size: 1.125rem;
}

.block-items .o-heading+* {
  margin-top: .5em;
}

.block-items .o-content {
  font-size: .875rem;
  padding: 0 var(--margin);
  font-weight: 700;
  line-height: 1.25;
}

.block-items .o-content a {
  font-weight: 400;
}

.block-items .o-media {
  --offset: calc((var(--margin) - var(--gutter)) * -1);
  --ratio: 328/304;
  margin-bottom: var(--size-md-16-lg-20-max-32);
}

.block-panel {
  position: relative;
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: 76.5rem;
}

.block-panel a::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block-panel .button {
  margin-top: .5rem;
}

.block-panel .o-content {
  --heading-size: 1.5rem;
  font-size: .875rem;
  margin: var(--size-sm-32-md-48-lg-64) var(--margin) var(--size-sm-40-md-48-lg-64);
}

.block-panel--right .o-frame {
  margin-left: var(--offset);
  margin-right: 0;
}

.block-panel--right .o-frame>* {
  left: auto;
  right: var(--offset);
}

.block-product-builder {
  width: calc(100% - var(--margin) * 2);
  margin: 1rem auto 0;
  max-width: 76.5rem;
}

.block-product-content {
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: 76.5rem;
}

.block-product-content>* {
  margin: var(--size-sm-32-md-48-lg-64) var(--margin-sm);
}

.block-product-content__content {
  --heading-size: var(--size-md-24-lg-32);
  max-width: 24.5em;
}

.block-product-content__content .o-wave {
  margin: 1.5rem 0 0;
}

.block-product-content__gallery {
  max-width: 43.5rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.block-product-content__gallery .o-media {
  --ratio: 4/3;
  --fit: cover;
}

.block-product-content__gallery .o-dot {
  margin-top: 1em;
  color: #f6e3d5;
}

.block-product-content__gallery .o-dot:hover {
  color: var(--accent-700);
}

.block-product-content__gallery .o-dot.is-active {
  color: var(--accent-700);
  border-color: var(--accent-700);
}

.block-product {
  width: calc(100% - var(--margin) * 2);
  margin: auto;
  max-width: 76.5rem;
}

.block-product::after,
.block-product::before {
  content: " ";
  display: table;
  clear: both;
}

.block-product__banner {
  font-size: var(--size-lg-14-max-16);
  position: sticky;
  z-index: 101;
  top: 0;
  padding: 1rem 0;
}

footer.block-product__banner {
  top: auto;
  bottom: 0;
  z-index: 100;
}

.block-product__banner::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: #f4f4f4;
}

.block-product__banner.is-sticky::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 1.5em;
  background: linear-gradient(to top, transparent, rgba(35, 56, 37, 0) 50%, rgba(35, 56, 37, .1));
}

footer.block-product__banner.is-sticky::after {
  top: -1.5em;
  transform: rotate(180deg);
}

.block-product__banner .o-content {
  --spacing: 0.5em;
}

.block-product__banner .o-heading {
  font-size: var(--size-lg-24-max-32);
}

.block-product__description {
  font-size: .875rem;
  position: relative;
}

.block-product__description[data-expand] {
  height: 3em;
  -webkit-mask-image: linear-gradient(to bottom, var(--white), rgba(255, 255, 255, 0));
  mask-image: linear-gradient(to bottom, var(--white), rgba(255, 255, 255, 0));
}

.block-product__description[data-expand].is-active,
.block-product__description[data-expand]:target {
  -webkit-mask-image: none;
  mask-image: none;
}

.block-product__description [data-ui-toggle] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.block-product__preview {
  position: relative;
}

.block-product__preview .o-media {
  margin: auto;
  max-width: 37.5rem;
}

.block-product__preview .o-media [data-product-image] {
  transition: opacity .5s;
}

.block-product__preview .o-media [data-product-image]+[data-product-image],
.block-product__preview .o-media:hover [data-product-image] {
  opacity: 0;
}

.block-product__preview .o-media:hover [data-product-image]+[data-product-image] {
  opacity: 1;
}

.block-product__preview .o-content {
  --spacing: 0;
  font-size: .875rem;
}

.block-product__fields {
  margin: var(--size-sm-32-md-40-lg-48) 0;
  font-size: var(--size-lg-14-max-16);
}

.block-product__addons {
  margin: var(--size-sm-32-md-40-lg-48) 0;
}

.block-product__addons .o-legend {
  margin-bottom: 1em;
}

.block-product__cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-product__cart .o-price {
  margin-right: var(--gutter);
}

.block-product__cart .amount {
  margin-top: .125em;
}

.block-product__cart .button {
  font-size: 1rem;
  line-height: 1.2;
}

.block-product__cart .is-loading::before {
  left: calc(50% - 50vw);
  width: 100vw;
}

.block-products {
  margin: var(--size-md-40-lg-64) var(--gutter) var(--size-md-40-lg-64-max-96);
}

.block-products .o-heading {
  font-size: var(--size-md-24-lg-32-max-40);
}

.block-products .o-media {
  max-width: 19.625rem;
}

.block-products .item-product {
  margin: 0 auto 15%;
  max-width: 24.5rem;
  text-align: center;
}

.block-reviews {
  position: relative;
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-md-40-lg-64-max-80) auto;
  max-width: 76.5rem;
}

.block-reviews .o-slides {
  --slides-gutter: var(--gutter);
  width: 100vw;
  padding: 0 var(--margin);
  margin-left: calc(50% - 50vw);
}

.block-slides {
  position: relative;
  overflow: hidden;
  margin: auto;
  max-width: 84rem;
}

.block-slides .o-media {
  --fit: cover;
  --ratio: 375/250;
}

.block-slides .o-content {
  padding: calc(2rem + .5 * (100vw - 23.4375rem)/ 40.5625) var(--margin);
}

.block-slides .o-heading {
  font-size: 1.5rem;
}

.block-slides .c-link {
  font-size: 1.125rem;
  margin-top: .5em;
  color: var(--white);
}

.block-slides .o-wave {
  color: #a8a257;
}

.has-js .block-slides .c-link,
.has-js .block-slides .o-heading {
  opacity: 0;
  transform: translateY(1em);
  transition: transform .3s, opacity .3s;
}

.has-js .block-slides .is-active .c-link,
.has-js .block-slides .is-active .o-heading {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .6s;
}

.block-slides__dots {
  z-index: 1;
  position: absolute;
  right: calc(var(--margin) - 4px);
  bottom: var(--margin);
  display: flex;
}

.block-slides__dots .o-dot {
  font-size: .75rem;
  color: #a8a257;
}

.block-slides__dots .o-dot:hover {
  color: #f4f7eb;
}

.block-slides__dots .o-dot.is-active {
  color: #f4f7eb;
  border-color: #cbc79a;
}

.block-slides__dots .o-dot+.o-dot {
  margin-left: .5em;
}

.block-thumbnails {
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-32-md-40-lg-48) auto;
  max-width: 76.5rem;
  display: grid;
  grid-row-gap: var(--size-sm-32-md-40-lg-48);
  grid-column-gap: var(--gutter);
  grid-template-columns: 1fr 1fr;
}

.block-thumbnails .o-content {
  --spacing: 0.5em;
  line-height: 1.125;
  font-size: .75rem;
}

.block-thumbnails .o-heading {
  font-size: 1rem;
}

.block-thumbnails .o-media {
  transition: background-color .3s;
  margin-bottom: 1rem;
}

.block-thumbnails>a {
  text-decoration: none;
}

.block-thumbnails>a:hover .o-media {
  background-color: var(--accent-700);
}

.c-accordion__item {
  margin: 1rem 0;
  border-bottom: 1px solid #e6eadb;
}

.c-accordion__title {
  --link-decoration: none;
  margin: 1rem 0;
  font-size: var(--size-md-16-lg-18);
  font-weight: 700;
  line-height: calc(4/3);
  display: flex;
  justify-content: space-between;
}

.c-accordion__title::after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  font-size: .762em;
  line-height: 1.8;
  margin-left: 1em;
}

.is-active>.c-accordion__title::after {
  content: "";
}

.c-accordion__content>:last-child {
  padding-bottom: 1.5em;
}

.c-accordion .is-active>[data-expand],
.c-accordion :target>[data-expand] {
  height: var(--height, auto);
}

.c-addons {
  display: grid;
  grid-row-gap: .5rem;
  grid-template-columns: 1fr;
}

.c-addon {
  position: relative;
  border: 1px solid #e6eadb;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 0 1.5rem 10.5rem;
  min-height: 6.625rem;
  font-size: .875rem;
  line-height: 1.125;
}

.c-addon .o-media {
  --ratio: 3/2;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 1.5rem;
  width: 7.5rem;
}

.c-addon .o-title {
  margin: .25rem 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.c-addon .control-select select {
  border-color: #e6eadb;
  padding-top: .5em;
  padding-bottom: .5em;
}

.c-addon[data-disabled] .control-select {
  display: none;
}

.c-addon .button {
  position: absolute;
  top: auto;
  bottom: auto;
  right: 1.5rem;
}

.c-card .o-frame {
  --offset: var(--gutter);
  margin-bottom: 1.5rem;
}

.c-card .o-content {
  max-width: 28em;
}

a.c-card {
  display: block;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

a.c-card::after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  float: right;
  font-size: .9em;
}

a.c-card .o-frame {
  transition: background-color .3s;
  margin-bottom: var(--gutter);
}

a.c-card:hover {
  color: #a8a257;
}

a.c-card:hover .o-frame {
  background-color: #cbc79a;
}

.c-carousel {
  --slides-gutter: var(--gutter);
  position: relative;
}

.c-carousel .control-button {
  position: absolute;
  top: 50%;
  width: 3.25em;
  height: 3.25em;
  margin-top: -1.625em;
}

.c-carousel .control-button:not(:hover) {
  background-color: var(--white);
}

.c-carousel .control-button[data-ui-slides-target=prev] {
  left: calc(var(--margin) - 1.625em);
}

.c-carousel .control-button[data-ui-slides-target=next] {
  right: calc(var(--margin) - 1.625em);
}

.c-link {
  display: inline-block;
  line-height: 1.25;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  padding-bottom: .75em;
}

.c-link .o-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: .5em;
  max-width: none;
  transition: color .3s;
}

.c-link:hover .o-wave {
  color: inherit;
}

.c-mini-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1em 8px;
  border-radius: 8px;
  background: #f4f4f4;
}

.c-mini-card>* {
  margin-left: calc(25% + 16px);
}

.c-mini-card .o-media {
  --offset: 5%;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 25%;
  height: calc(100% - 16px);
  margin: 0;
  border: 1px solid #e3ddd1;
  background: var(--white);
  border-radius: 4px;
}

.c-mini-card .o-price {
  gap: .5em;
  flex-direction: row;
}

.c-mini-card a::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-modal {
  --modal-margin: calc(var(--margin) / 2);
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--modal-margin);
  padding-bottom: 0;
  background: var(--white);
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s, visibility .5s, transform .5s;
  display: flex;
  flex-direction: column;
}

.c-modal[role=dialog] {
  opacity: 1;
  visibility: visible;
}

.c-modal:not([role=dialog]) img {
  display: none;
}

.c-modal__header {
  --heading-size: 1.25rem;
  font-size: .875rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}

.c-modal__header>*+* {
  margin-left: 1em;
}

.c-modal__header::after {
  content: " ";
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1.5rem;
  background: linear-gradient(to bottom, var(--white), rgba(255, 255, 255, 0));
  margin-bottom: -1.5rem;
}

.c-modal::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--modal-margin);
  background: linear-gradient(to top, var(--white), rgba(255, 255, 255, 0));
}

.c-modal__content {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  position: relative;
  overflow: auto;
  padding: 1.5rem 0 var(--modal-margin);
}

.c-modal__content::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.c-modal__close {
  position: relative;
  z-index: 2;
  border: 1px solid #e6eadb;
  background: var(--white);
  margin-left: auto;
}

.c-modal__close::before {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
}

.has-modal body {
  overflow: hidden;
}

.c-slider {
  position: relative;
}

.c-slider .control-button {
  position: absolute;
  top: 50%;
  width: 3.25em;
  height: 3.25em;
  margin-top: -1.625em;
}

.c-slider .control-button:not(:hover) {
  background-color: var(--white);
}

.c-slider .control-button[disabled] {
  display: none;
}

.c-slider .control-button[data-ui-slider-goto=prev] {
  left: -1.625em;
}

.c-slider .control-button[data-ui-slider-goto=next] {
  right: -1.625em;
}

.c-slider:not(.is-active) .control-button {
  display: none;
}

.c-tabs {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  display: flex;
  overflow-x: auto;
}

.c-tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.c-tabs>* {
  flex: 1 0 7.5rem;
}

.c-tabs>*+* {
  margin-left: var(--gutter);
}

.c-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1.5em;
  border: 1px dashed;
  border-radius: 8px;
  text-decoration: none;
  color: #e6eadb;
}

.c-tab>svg {
  width: 3.5em;
  height: 2em;
  margin-bottom: .5rem;
}

.c-tab.is-active,
.c-tab:hover {
  color: var(--accent-700);
}

.c-tooltip {
  font-size: .875rem;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  z-index: 500;
  bottom: 100%;
  left: 50%;
  transform: translateX(calc(-50% + .5px));
  margin: 0 0 1rem;
  padding: .5rem .625rem;
  border: 1px solid #e3ddd1;
  border-radius: 8px;
  color: var(--accent-700);
  background: var(--white);
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s 150ms, visibility .3s 150ms;
}

:hover>.c-tooltip {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.c-tooltip::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid;
  border-color: var(--white) transparent transparent;
}

.control-addon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-700);
  border: 1px dashed #cbc79a;
  border-radius: 8px;
}

.control-addon.is-active {
  background: var(--white);
  border-color: var(--accent-700);
}

.control-addon::before {
  content: " ";
  width: 1px;
  margin-left: -1px;
  padding-bottom: 100%;
}

.control-addon img {
  position: absolute;
  top: .75rem;
  left: .75rem;
  width: calc(100% - 1.5rem);
  height: calc(100% - 3rem);
  object-fit: contain;
}

.control-addon__label {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: .75em;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  font-size: .75rem;
  line-height: 1;
}

.control-addon__remove {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  height: 2em;
}

.control-addon__remove::before {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-indent: 0;
  text-align: center;
  line-height: 2em;
}

.control-choice>* {
  font-size: .75rem;
}

.control-swatch[data-value]::before {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  content: attr(data-value);
  color: #a8a257;
}

.control-swatch[data-icon]::before {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  color: var(--white);
}

.datalist-attributes {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  display: flex;
  overflow: auto;
  white-space: nowrap;
  line-height: 1;
}

.datalist-attributes::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.datalist-attributes dd~dd::before {
  content: "•";
  padding: 0 .25em;
}

.datalist-dimensions {
  display: flex;
}

.datalist-dimensions dt::after {
  content: ": ";
}

.datalist-dimensions dt~dt::before {
  content: "/";
  padding: 0 .25em;
}

.datalist-meta {
  position: relative;
}

.datalist-meta>* {
  margin: 0 0 2em;
}

.datalist-meta>:last-child {
  margin-bottom: 0;
}

.datalist-meta>dt {
  font-weight: 700;
  width: 34.5%;
  float: left;
}

.datalist-meta>dt~dt::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  margin: -1em 0 0;
  background: #e6eadb;
}

.datalist-meta>dd {
  padding-left: 34.5%;
}

.datalist-meta>dd+dd {
  font-size: .875em;
  margin-top: -2em;
}

.datalist-meta .datalist-table+dd {
  margin-top: 1em;
  padding-left: 0;
  font-size: 1em;
  color: #646d63;
}

.datalist-product::after {
  content: " ";
  display: table;
  clear: both;
}

.datalist-product dt {
  float: left;
  clear: left;
  width: 7.5em;
  font-weight: 700;
  margin-top: .25em;
}

.datalist-product dd {
  float: left;
  width: calc(100% - 7.5em);
  margin-top: .25em;
}

.datalist-product dd[data-key=attribute] {
  clear: none;
  width: auto;
  margin: 0;
}

.datalist-product dd~dd[data-key=attribute]::before {
  content: "•";
  padding: 0 .25em;
  float: left;
}

.datalist-supports dt {
  margin: .5em 0;
  display: flex;
  justify-content: space-between;
}

.datalist-supports dt::after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  width: 1em;
  text-align: center;
}

.datalist-supports dt[data-disabled] {
  opacity: .35;
}

.datalist-supports dt[data-disabled]::after {
  content: "";
}

.datalist-supports dd {
  height: 1px;
  overflow: hidden;
  background: #e6eadb;
}

.datalist-supports dd:last-child {
  position: absolute;
  height: 0;
}

.datalist-table dt {
  float: left;
  width: 10em;
  max-width: 50%;
}

.datalist-table dd {
  margin: 0 0 .5em;
}

.field-addons {
  margin: 0 -.25rem;
  display: flex;
  justify-content: space-between;
}

.field-addons>* {
  flex: 1 0 1px;
  margin: 0 .25rem;
}

.field-addons--left {
  flex-direction: row-reverse;
}

.field-options {
  border: 1px dashed #d4deb8;
  border-radius: 4px;
}

.field-options .control-choice {
  margin: .75em 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: 0 0 !important;
}

.field-options [data-prop=price] {
  margin-left: .5em;
}

.field-radio {
  display: grid;
  grid-row-gap: .5rem;
  grid-column-gap: .5rem;
  grid-template-columns: 1fr 1fr;
}

.field-swatch {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.field-swatch>* {
  flex: 1 0 1px;
  max-width: 3.75rem;
}

.field-swatch>*+* {
  margin-left: 1.5%;
}

.gform_confirmation_message,
.validation_error {
  margin: 0 0 1.5em;
  padding: 1rem 1.5rem;
  border-radius: 4px;
  color: #1c6267;
  background: #f1feff;
  background-blend-mode: multiply;
}

.validation_error {
  color: #623d3d;
  background-color: var(--white)5f5;
}

.validation_message {
  color: #623d3d;
}

.gform_required_legend {
  display: none;
}

.gform_footer {
  margin-top: var(--gutter);
}

.gfield {
  margin: 0 0 1em;
}

.gfield_error {
  color: #623d3d;
}

.gfield_error input,
.gfield_error select,
.gfield_error textarea {
  border-color: #623d3d;
}

.gfield_label {
  font-size: var(--size-md-16-lg-18) !important;
  font-weight: 700;
  color: var(--accent-700);
}

.gfield_description {
  margin: .5em 0;
  font-size: .875em;
}

.ginput_container {
  margin-top: .25rem;
}

.gform_button_select_files {
  margin: 0 0 0 .5em;
  padding: .25em 1em;
  font-size: 1em;
}

.gform_drop_area {
  border: 1px solid #e3ddd1;
  padding: 1.5em 1em;
  text-align: center;
  border-radius: 4px;
}

.ginput_recaptcha>div {
  max-width: 100%;
}

.item-product {
  color: var(--accent-700);
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.item-product>* {
  width: 100%;
}

.item-product a::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-product__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item-review {
  --heading-size: 1.25rem;
  font-size: 1rem;
  line-height: 1.4;
  padding: 2.5rem;
  color: var(--accent-700);
  background: #f4f4f4;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.item-review::before {
  content: " ";
  flex: 0 0 auto;
  width: 7.5rem;
  height: 1.25rem;
  background: url("../images/stars.svg") 0 0/contain;
  margin-bottom: var(--size-md-24-lg-32);
}

.item-review>*+* {
  margin: .75rem 0 0;
}

.page-description,
.term-description {
  width: calc(100% - var(--margin) * 2);
  margin: 1em auto var(--size-sm-32-md-48-lg-64);
  max-width: 29.375em;
  font-size: var(--size-md-16-lg-20-max-24);
  line-height: 1.4;
  text-align: center;
}

.page-description .o-wave,
.term-description .o-wave {
  margin-top: calc(4em/3);
}

.page-title {
  font-size: var(--size-md-24-lg-32-max-40);
  color: var(--accent-700);
  margin: 0 0 .6em;
  padding: .6em 0 0;
  text-align: center;
  position: relative;
}

.page-title::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((100% - .6em)/ 2 + .6em);
  background: #f4f4f4;
  border-radius: 0 0 8px 8px;
}

.page-title+.o-wave {
  width: auto;
  margin: auto;
  display: block;
}

.payment-cards {
  display: flex;
}

.payment-cards img {
  width: 3.375em;
  background: #f8f8f8;
  border-radius: 3px;
}

.payment-cards img+img {
  margin-left: calc(2em/3);
}

.privacy-notice {
  z-index: 250;
  position: fixed;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #F4F4F4;
}

.privacy-notice__content {
  margin: auto;
  padding: 1.875rem var(--size-md-24-lg-32-max-48);
  max-width: 90rem;
}

.privacy-notice__content .o-content {
  --spacing: 0.25rem;
  max-width: 56.75rem;
}

.privacy-notice__content .o-footer {
  margin-top: 1.25em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.privacy-notice__content .o-footer>*+* {
  margin-left: 2rem;
}

.privacy-notice__content .button {
  font-size: 1em;
}

.privacy-notice__content a {
  font-weight: 700;
  text-decoration: none;
}

.privacy-notice__content a:hover {
  text-decoration: underline;
}

.site-footer {
  --link-decoration: none;
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-40-md-48-lg-64) auto;
  max-width: 76.5rem;
}

.site-footer a:hover {
  --link-decoration: underline;
}

.site-footer__menu {
  line-height: 1.2;
}

.site-footer__menu>li>a {
  font-family: "Open Sans", serif;
  font-weight: 600;
  color: #805919;
}

.site-footer__menu>li+li {
  margin-top: 2rem;
}

.site-footer__menu ul {
  font-size: .875rem;
}

.site-footer__menu li li {
  margin-top: 1.25rem;
}

.site-footer .social-networks {
  font-size: 1em;
  margin: 3em 0;
}

.site-footer__copyright,
.site-footer__links {
  font-size: .75rem;
  font-weight: 700;
}

.site-footer__copyright {
  margin: 3em 0 1.5em;
}

.site-footer__links li {
  margin-top: .75em;
}

.site-footer__links li:first-child {
  margin-top: 0;
}

.site-header {
  --link-decoration: none;
  position: relative;
  z-index: 1000;
  padding: 1.75rem 1.5rem;
  background: 0 100% #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.25;
}

.site-header__logo {
  position: absolute;
  z-index: 1;
  top: calc(50% - 1rem);
  left: calc(50% - 3.1875rem);
  width: 6.375rem;
  height: auto;
}

.site-header__logo img {
  width: 100%;
}

.site-header__cart,
.site-header__menu {
  position: relative;
  z-index: 1;
  color: var(--accent-700);
}

.site-header__cart [data-cart-total="0"] {
  display: none;
}

.site-nav-bars {
  margin: -.125rem .375rem 0 -.375rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: background 250ms;
}

.has-site-nav .site-nav-bars {
  background: 0 0;
}

.site-nav-bars,
.site-nav-bars::after,
.site-nav-bars::before {
  width: 1.125rem;
  height: .125rem;
  background: var(--accent-700);
}

.site-nav-bars::after,
.site-nav-bars::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 250ms;
}

.site-nav-bars::before {
  transform: translateY(-.375rem);
}

.has-site-nav .site-nav-bars::before {
  transform: rotate(-45deg);
}

.site-nav-bars::after {
  transform: translateY(.375rem);
}

.has-site-nav .site-nav-bars::after {
  transform: rotate(45deg);
}

.site-nav .c-mini-card {
  font-size: .875rem;
  font-weight: 700;
}

.site-nav .c-mini-card a+* {
  margin-top: .125em;
}

.site-nav .c-mini-card .o-price {
  margin-top: .5em;
}

.site-notice {
  padding: 1rem;
  font-size: .875rem;
  line-height: 1rem;
  text-align: center;
  border-bottom: 1px solid #e6eadb;
  background: #E8E1DA;
  color: var(--accent-700);
}

.site-notice a {
  margin-left: 1rem;
  font-weight: 700;
  text-decoration: none;
}

.site-notice a:hover {
  text-decoration: underline;
}

.site-notice span.tag {
  background-color: var(--accent-700);
  color: #E8E1DA;
}

.social-networks {
  display: flex;
  font-size: 1.5em;
}

.social-networks>a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 4px;
}

.social-networks>a:hover {
  background-color: var(--accent-700);
  color: #f4f7eb;
}

.social-networks>a+a {
  margin-left: calc(2em/3);
}

.u-column1,
.u-column2,
.woocommerce-column {
  flex: 1 0 1px;
  margin: 3rem 0;
}

.u-column1>h2,
.u-column2>h2 {
  margin: 0 0 .5em;
}

.woocommerce-MyAccount-content {
  --spacing: 1em;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  margin: var(--size-lg-24-max-32) 0;
  text-align: center;
}

.woocommerce-MyAccount-content legend {
  font-family: "Open Sans", serif;
  font-weight: 600;
  font-size: var(--heading-size);
  margin: 1em 0 1rem;
}

.woocommerce-MyAccount-content .woocommerce-column__title {
  margin: 1em 0 1rem;
  text-align: left;
}

.woocommerce-MyAccount-navigation {
  --spacing: 0;
  background: #f4f4f4;
  border-radius: 4px;
  margin: var(--size-md-24-lg-32-max-48) 0;
  padding: .5em 1em;
}

.woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-MyAccount-navigation li {
  margin: .5em 0;
}

.woocommerce-table td {
  vertical-align: top;
}

.woocommerce-orders-table,
.woocommerce-table {
  --spacing: 0;
  margin: 1em 0 var(--size-md-24-lg-32-max-48);
}

.woocommerce-orders-table thead th,
.woocommerce-table thead th {
  background: #f4f4f4;
}

.woocommerce-orders-table td,
.woocommerce-orders-table th,
.woocommerce-table td,
.woocommerce-table th {
  padding: .75em 1em;
}

.woocommerce-orders-table td:first-child,
.woocommerce-orders-table th:first-child,
.woocommerce-table td:first-child,
.woocommerce-table th:first-child {
  border-radius: 4px 0 0 4px;
}

.woocommerce-orders-table td:last-child,
.woocommerce-orders-table th:last-child,
.woocommerce-table td:last-child,
.woocommerce-table th:last-child {
  border-radius: 0 4px 4px 0;
}

.woocommerce-orders-table tr:nth-child(even) td,
.woocommerce-orders-table tr:nth-child(even) th,
.woocommerce-table tr:nth-child(even) td,
.woocommerce-table tr:nth-child(even) th {
  background: #f4f4f4;
}

.woocommerce-orders-table__cell-order-actions,
.woocommerce-orders-table__header-order-actions {
  text-align: center;
}

.woocommerce-orders-table .button {
  font-size: 1em;
  padding: .25em 1.5em;
  margin: .25em;
  border: 1px solid;
}

.button.alt {
  display: flex;
  justify-content: space-between;
}

.button.alt::after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  display: inline-block;
  margin-left: .5em;
  transition: transform 150ms;
}

.button.alt:hover::after {
  transform: translateX(.5em);
}

.cart-collaterals {
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-md-40-lg-64-max-80) auto;
  max-width: 76.5rem;
  color: var(--accent-700);
}

.cross-sells {
  --slides-count: 2;
  --slides-gutter: var(--gutter);
  margin: 3rem 0;
}

.cross-sells>.o-heading {
  margin: 0 var(--margin) 1em;
  text-align: center;
}

.cross-sells .item-product {
  font-size: var(--size-lg-14-max-16);
}

.cross-sells .item-product .o-media {
  --ratio: 23/24;
}

.cross-sells .item-product .o-heading {
  margin: .75rem 0 .25rem;
  font-size: var(--size-md-16-lg-18-max-20);
  text-align: left;
}

.cross-sells .item-product .button {
  margin: .5rem 0 0;
  padding: .25rem 0;
  font-size: .75rem;
  text-transform: uppercase;
}

.cross-sells .item-product .button:not(:hover) {
  background-color: var(--accent-700);
}

input.qty {
  width: 3em;
  border: 1px solid #e3ddd1;
  padding: .375em 0;
  text-align: center;
  background: #f7f6f4;
  color: var(--accent-700);
}

a.remove {
  font-size: 1rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
  width: 2em;
  height: 2em;
  text-indent: 100%;
  white-space: nowrap;
  border-radius: 100%;
  color: var(--accent-700);
  background: #f4f7eb;
}

a.remove:hover {
  color: var(--white);
  background: var(--accent-700);
}

a.remove::before {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 2em;
  text-indent: 0;
  text-align: center;
}

.cart_totals,
.woocommerce-checkout-review-order-table {
  background: #f4f4f4;
  border-radius: 4px;
  font-size: var(--size-md-16-lg-18-max-20);
  line-height: 1.25;
}

.cart_totals td,
.cart_totals th,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  padding: 1rem 2rem;
  font-weight: 700;
  vertical-align: top;
}

.order-total small {
  font-size: .875rem;
  white-space: nowrap;
}

.cart_totals {
  margin: 4rem 0;
}

.cart_totals h2 {
  text-align: center;
  position: relative;
  top: -.5em;
}

.wc-proceed-to-checkout {
  padding: 1.5rem .5rem .5rem;
}

.woocommerce-cart-form {
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: 76.5rem;
}

.return-to-shop {
  text-align: center;
}

table.cart {
  --link-decoration: none;
  color: var(--accent-700);
  font-weight: 700;
}

table.cart .actions {
  padding: .5rem;
  border-radius: 4px;
  background: #f4f4f4;
  font-size: var(--size-md-16-lg-18-max-20);
}

table.cart .actions .button {
  width: 100%;
  padding: .5rem 0;
  font-size: 1em;
  text-transform: capitalize;
}

table.cart .actions .button:not(:hover) {
  color: var(--accent-700);
  background-color: #efeee7;
}

table.cart .coupon {
  position: relative;
  margin: 0 0 1em;
}

table.cart .coupon .button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  padding: 0 1em;
  border-radius: 0 4px 4px 0;
}

table.cart .cart_item {
  font-size: 1.25rem;
}

table.cart .cart_item.cart_item--builder-item {
  font-size: 1em;
}

table.cart .datalist-product {
  font-size: var(--size-lg-14-max-16);
  font-weight: 400;
}

table.cart th.product-name {
  opacity: 0;
}

table.cart .product-name .edit {
  font-size: .75em;
  font-weight: 400;
}

table.cart .product-name .edit:not(:hover) {
  text-decoration: underline;
}

table.cart .product-thumbnail a {
  display: block;
}

table.cart .product-thumbnail img {
  display: block;
  margin: auto;
  width: 12.5rem;
  height: 12.5rem;
  object-fit: contain;
}

[data-cart-minimal]+table.cart {
  width: auto;
  margin: auto;
  min-width: 75%;
}

[data-cart-minimal]+table.cart td {
  width: auto;
}

[data-cart-minimal]+table.cart .product-price,
[data-cart-minimal]+table.cart .product-quantity,
[data-cart-minimal]+table.cart .product-thumbnail,
[data-cart-minimal]+table.cart thead {
  display: none;
}

.woocommerce-form-coupon {
  display: flex;
}

.woocommerce-form-coupon>:first-child,
.woocommerce-form-coupon>:last-child {
  display: none;
}

.woocommerce-form-coupon .button {
  font-size: 1em;
  margin-left: 1em;
}

.place-order {
  --spacing: 1em;
  font-size: .875rem;
  padding: .5rem;
  background: #f4f4f4;
  border-radius: 4px;
}

.place-order>* {
  margin: 1rem;
}

.place-order .button {
  width: 100%;
  margin: 0;
}

.woocommerce-checkout-review-order-table thead {
  display: none;
}

.woocommerce-checkout-review-order-table .datalist-product {
  font-size: .875rem;
  margin: .5em 0;
}

.woocommerce-shipping-fields {
  margin: 2rem 0;
}

#ship-to-different-address {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--size-md-16-lg-18);
}

#ship-to-different-address label {
  display: block;
  cursor: pointer;
}

#ship-to-different-address span {
  display: block;
  border: 1px dashed #e3ddd1;
  padding: 1em 0;
  border-radius: 4px;
  text-align: center;
  transition: color .3s, background-color .3s, border-color .3s;
}

#ship-to-different-address input:checked+span,
#ship-to-different-address span:hover {
  color: var(--white);
  background: var(--accent-700);
  border-color: transparent;
}

form.checkout {
  color: var(--accent-700);
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: 76.5rem;
}

form.checkout h3 {
  margin: 1.25em 0 1em;
}

form.checkout h3:first-child {
  margin-top: 0;
}

#order_review_heading {
  margin: 2em 0 -.625em;
  text-align: center;
  position: relative;
  z-index: 1;
}

.form-row {
  margin: 1em 0;
}

.form-row>label {
  font-size: var(--size-md-16-lg-18);
  font-weight: 700;
  text-transform: capitalize;
}

.form-row>label[for*=password] {
  text-transform: none;
}

.form-row>label.checkbox,
.payment_box .form-row>label {
  font-size: 1em;
  text-transform: none;
}

.woocommerce-input-wrapper {
  display: block;
  margin: .5em 0;
}

.required {
  color: #623d3d;
  text-decoration: none;
  visibility: hidden;
}

.optional {
  visibility: hidden;
  text-transform: none;
}

.woocommerce-highlight-required .optional,
.woocommerce-highlight-required .required {
  visibility: visible;
}

.woocommerce-form .button {
  display: block;
  margin-top: 1em;
}

.cart-empty,
.woocommerce-form-coupon,
.woocommerce-form-coupon-toggle,
.woocommerce-notices-wrapper {
  width: calc(100% - var(--margin-sm) * 2);
  margin: auto;
  max-width: 76.5rem;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  font-size: var(--size-lg-14-max-16);
  margin: var(--gutter) auto;
  padding: 1rem var(--size-md-16-lg-20-max-32);
  border-radius: 4px;
  color: #1c6267;
  background: #f1feff;
  background-blend-mode: multiply;
}

.woocommerce-error {
  color: #623d3d;
  background-color: var(--white)5f5;
}

.woocommerce-info .button,
.woocommerce-message .button {
  display: block;
  padding: .5em 1em;
  margin-bottom: .5em;
  font-size: 1em;
  font-weight: 400;
}

.woocommerce-info .button:not(:hover),
.woocommerce-message .button:not(:hover) {
  color: var(--white);
  background-color: #1c6267;
}

div.woocommerce-order {
  --spacing: 1.5em;
  color: var(--accent-700);
  width: calc(100% - var(--margin) * 2);
  margin: var(--size-sm-32-md-48-lg-64) auto;
  max-width: 50rem;
}

.wc_payment_methods {
  margin: 2em 0;
}

.wc_payment_method,
.woocommerce-PaymentMethod {
  margin: 1em 0;
  padding: 1.5em 2em 1.5em 3.75em;
  position: relative;
}

.wc_payment_method .payment_box,
.woocommerce-PaymentMethod .payment_box {
  font-size: .875em;
  line-height: 1.25;
  padding-top: .5em;
}

.wc_payment_method fieldset,
.woocommerce-PaymentMethod fieldset {
  margin: 2em 0 0;
}

.wc_payment_method>label,
.woocommerce-PaymentMethod>label {
  position: static;
  padding: 0;
  border-width: 0;
  display: flex;
  align-items: center;
}

.wc_payment_method>label img,
.woocommerce-PaymentMethod>label img {
  width: auto;
  height: 1.5rem;
  max-width: none !important;
  margin-left: .25rem;
}

.wc_payment_method>label img:first-of-type,
.woocommerce-PaymentMethod>label img:first-of-type {
  margin-left: auto !important;
}

.wc_payment_method>label::before,
.woocommerce-PaymentMethod>label::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed;
  border-color: inherit;
  border-radius: inherit;
  background-color: inherit;
}

.wc_payment_method>label::after,
.woocommerce-PaymentMethod>label::after {
  top: 2.25em;
  left: 1.75em;
  right: auto;
}

.woocommerce-shipping-calculator {
  margin-top: .5rem;
}

.woocommerce-shipping-calculator p {
  margin-top: .25rem;
}

.shipping-calculator-button {
  display: block;
  padding: .625rem 0;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  background: #efeee7;
  color: var(--accent-700);
}

.shipping-calculator-button:hover {
  background: #d3a14e;
  color: var(--white);
}

.shipping-calculator-form .button {
  width: 100%;
  display: block;
  padding: .25rem 1.125em;
  font-size: 1em;
  text-transform: uppercase;
  box-shadow: none;
  background: var(--accent-700);
}

.shipping-calculator-form .button:hover {
  background-color: #d3a14e;
}

.woocommerce-shipping-information {
  font-size: .875rem;
}

.woocommerce-shipping-information td,
.woocommerce-shipping-information th {
  padding-top: 0;
}

.woocommerce-shipping-methods li {
  margin: 0 0 .25rem;
}

.woocommerce-shipping-methods li:last-child {
  margin-bottom: .75rem;
}

.woocommerce-shipping-methods li:first-child:last-child label {
  border: 0;
  padding: 0;
  font-size: var(--size-md-16-lg-18-max-20);
}

.woocommerce-shipping-methods li:first-child:last-child label::after {
  content: none;
}

.woocommerce-shipping-totals td {
  font-size: .875rem;
}

.shop_table {
  width: 100%;
}

.bg {
  background: #f4f4f4;
  background-blend-mode: multiply;
}

.bg.bg-gray {
  background-blend-mode: normal;
}

.bg-light-pink {
  background-color: #E8E1DA;
}

.bg-gray {
  background-color: #f4f4f4;
  color: var(--accent-700);
}

.bg-lighter-gray {
  background-color: #f8f8f5;
}

.bg-green {
  background-color: #f4f7eb;
}

.bg-dark-green {
  background-color: var(--accent-700);
}

.bg-dark-green h1,
.bg-dark-green h2,
.bg-dark-green h3,
.bg-dark-green h4,
.bg-dark-green h5,
.bg-dark-green h6 {
  color: #FFC020;
}

.bg-gold {
  background-color: #faf2e5;
}

.bg-brown {
  background-color: #f6e3d5;
}

.color-body {
  color: #646d63;
}

.color-green {
  color: var(--accent-700);
}

.color-brown {
  color: var(--accent-700);
}

.color-gold {
  color: #d3a14e;
}

.color-lighter-gold {
  color: #faf2e5;
}

.color-lighter-green {
  color: #f4f7eb;
}

.color-lighter-brown {
  color: #f6e3d5;
}

.heading-color-green {
  --heading-color: var(--accent-700);
}

.heading-color-brown {
  --heading-color: var(--accent-700);
}

.heading-color-light-brown {
  --heading-color: var(--accent-700);
}

[data-disabled] {
  opacity: .5;
}

[data-expand] {
  height: 0;
  overflow: hidden;
  transition: height .3s;
}

[data-expand].is-active,
[data-expand]:target {
  height: var(--height, auto);
}

[data-icon]::before {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
}

[data-icon=angle-left]::before {
  content: "";
}

[data-icon=angle-right]::before {
  content: "";
}

[data-icon=angle-down]::before {
  content: "";
}

[data-icon=arrow-left]::before {
  content: "";
}

[data-icon=arrow-right]::before {
  content: "";
}

[data-icon=long-arrow-left]::before {
  content: "";
}

[data-icon=long-arrow-right]::before {
  content: "";
}

[data-icon=plus]::before {
  content: "";
}

[data-icon=minus]::before {
  content: "";
}

[data-icon=check]::before {
  content: "";
}

[data-icon=times]::before {
  content: "";
}

[data-icon=cog]::before {
  content: "";
}

[data-icon=paint]::before {
  content: "";
}

[data-icon=facebook]::before {
  content: "";
}

[data-icon=instagram]::before {
  content: "";
}

[data-icon=pinterest]::before {
  content: "";
}

[data-icon=twitter]::before {
  content: "";
}

.has-js [data-reveal*=lazy] {
  --reveal-state: paused;
}

[data-reveal] {
  animation: 1s backwards fade-in;
  animation-play-state: var(--reveal-state, playing);
}

[data-reveal*=delay] {
  animation-delay: calc(var(--reveal-delay, 0) * 150ms);
}

[data-reveal*=up] {
  animation-name: fade-in-up;
  animation-timing-function: cubic-bezier(.19, 1, .22, 1);
}

[data-reveal*=left] {
  animation-name: fade-in-left;
  animation-timing-function: cubic-bezier(.19, 1, .22, 1);
}

[data-reveal*=right] {
  animation-name: fade-in-right;
  animation-timing-function: cubic-bezier(.19, 1, .22, 1);
}

[data-reveal*=out] {
  animation-name: fade-out;
  animation-fill-mode: forwards;
}

[data-tab] {
  animation: 1s fade-in;
}

.has-js [data-tab]:not(.is-active),
.no-js [data-tab]:not(:target) {
  display: none;
  animation: none;
}

[data-trigger]>* {
  pointer-events: none;
}

:focus {
  outline: #d3a14e auto 2px;
  transition: outline-offset 250ms;
  outline-offset: 5px;
}

.has-pointer-focus :focus {
  outline: 0;
}

.is-loading::before {
  content: " ";
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
}

.is-loading::after {
  content: " ";
  position: absolute;
  z-index: 501;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  margin: -1.5em 0 0 -1.5em;
  border-radius: 50%;
  border: .25em solid;
  border-color: #646d63 transparent;
  animation: 1s infinite spin;
}

body.is-loading::before {
  position: fixed;
  z-index: 1500;
}

body.is-loading::after {
  position: fixed;
  z-index: 1501;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-nowrap {
  white-space: nowrap;
}

/* manual edits */

.is-home .block-accordion {
  background-color: #EBEBD6;
  color: var(--accent-700);
}

.is-home #content>.block-group.bg-gray {
  background-color: #f4f4f4;
}

@media (min-width: 20em) {
  .block-slides .c-link {
    font-size: calc(1.125rem + .375 * (100vw - 20rem)/ 44);
  }
}

@media (min-width: 320px) {
  :root {
    --margin: calc(21.81818vw - 49.81818px);
  }
}

@media (min-width: 23.4375em) {
  :root {
    --gutter: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 24.5625);
  }

  body {
    --heading-size: calc(1.25rem + 0.25 * (100vw - 23.4375rem) / 10.3125);
  }

  .block-faqs .o-heading {
    font-size: calc(1.25rem + .25 * (100vw - 23.4375rem)/ 24.5625);
  }

  .block-panel .o-content {
    --heading-size: calc(1.5rem + 0.5 * (100vw - 23.4375rem) / 24.5625);
    font-size: calc(.875rem + .25 * (100vw - 23.4375rem)/ 24.5625);
  }

  .block-products {
    font-size: calc(1rem + .125 * (100vw - 23.4375rem)/ 24.5625);
  }

  .block-slides .o-heading {
    font-size: calc(1.5rem + 1 * (100vw - 23.4375rem)/ 24.5625);
  }
}

@media (min-width: 23.4375em) and (max-width:63.999em) {
  .site-footer__links {
    display: flex;
  }

  .site-footer__links li {
    margin: 0;
  }

  .site-footer__links li+li::before {
    content: "•";
    padding: 0 .333em;
  }
}

@media (min-width: 375px) {
  :root {
    --margin: calc(7.12468vw + 5.28244px);
  }
}

@media (min-width: 33.75em) {
  :root {
    --size-sm-32-md-40-lg-48: calc(2rem + 0.5 * (100vw - 33.75rem) / 14.25);
    --size-sm-32-md-48-lg-64: calc(2rem + 1 * (100vw - 33.75rem) / 14.25);
    --size-sm-40-md-48-lg-64: calc(2.5rem + 0.5 * (100vw - 33.75rem) / 14.25);
  }

  body {
    --heading-size: 1.5rem;
  }

  .alignleft {
    float: left;
    max-width: 50%;
    margin-right: 1.5em;
  }

  .alignright {
    float: right;
    max-width: 50%;
    margin-left: 1.5em;
  }

  .o-buttons {
    flex-direction: row;
    justify-content: space-between;
  }

  .o-buttons>* {
    flex: 1 0 1px;
    max-width: calc(50% - var(--gutter)/ 2);
  }

  .o-buttons>*+* {
    margin-top: 0;
    margin-left: var(--gutter);
  }

  .o-price .amount {
    font-size: calc(1.5rem + .5 * (100vw - 33.75rem)/ 14.25);
  }

  .block-callout {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
  }

  .block-cards {
    --columns: 2;
  }

  .block-gallery {
    --offset-y: calc(3rem + 1 * (100vw - 33.75rem) / 14.25);
    font-size: calc(.875rem + .25 * (100vw - 33.75rem)/ 30.25);
  }

  .block-info {
    font-size: calc(.75rem + .375 * (100vw - 33.75rem)/ 14.25);
  }

  .block-items {
    width: calc(100% - var(--margin));
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .block-items .o-media {
    --offset: -10%;
  }

  .block-items .o-content {
    padding: 0 7.5%;
  }

  .block-product__fields {
    display: grid;
    grid-row-gap: 2rem;
    grid-column-gap: var(--gutter);
    grid-template-columns: 1fr 1fr;
  }

  .block-product__fields fieldset {
    margin: 0;
  }

  .block-product__fields .field-radio {
    grid-template-columns: 1fr;
  }

  .block-thumbnails .o-content {
    font-size: .875rem;
  }

  .block-thumbnails .o-heading {
    font-size: 1.125rem;
  }

  .c-modal__header {
    font-size: calc(.875rem + .375 * (100vw - 33.75rem)/ 14.25);
  }

  .gform_fields {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto-fill, auto);
    grid-row-gap: var(--gutter);
    grid-column-gap: var(--gutter);
  }

  .gfield {
    margin: 0;
    grid-column: 1/-1;
  }

  .gfield--width-full {
    grid-column: span 12;
  }

  .gfield--width-eleven-twelfths {
    grid-column: span 11;
  }

  .gfield--width-five-sixths {
    grid-column: span 10;
  }

  .gfield--width-three-quarter {
    grid-column: span 9;
  }

  .gfield--width-two-thirds {
    grid-column: span 8;
  }

  .gfield--width-seven-twelfths {
    grid-column: span 7;
  }

  .gfield--width-half {
    grid-column: span 6;
  }

  .gfield--width-five-twelfths {
    grid-column: span 5;
  }

  .gfield--width-third {
    grid-column: span 4;
  }

  .gfield--width-quarter {
    grid-column: span 3;
  }

  .item-review {
    font-size: calc(1rem + .125 * (100vw - 33.75rem)/ 14.25);
  }

  .u-columns,
  .woocommerce-columns {
    display: flex;
  }

  .u-column1,
  .u-column2,
  .woocommerce-column {
    margin: 0;
  }

  .u-column2,
  .woocommerce-column+.woocommerce-column {
    margin-left: var(--gutter);
  }

  .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .woocommerce-MyAccount-navigation li {
    margin: .25em 1em;
  }

  .cross-sells {
    --slides-count: 3;
    margin: 4rem 0;
  }

  .cross-sells>.o-heading {
    margin: 0 0 1em;
  }

  .woocommerce-checkout-review-order-table td:first-child,
  .woocommerce-checkout-review-order-table th {
    width: 47.5%;
    padding-right: .5rem;
  }

  .woocommerce-checkout-review-order-table td:last-child {
    padding-left: .5rem;
  }

  .woocommerce-checkout-review-order-table .cart_item:first-child td {
    padding-top: 3rem;
  }

  .woocommerce-checkout-review-order-table .cart_item--builder-base:not(:first-child) {
    border-top: 1px solid;
  }

  .woocommerce-checkout-review-order-table .cart_item--builder-item td {
    padding-top: 0;
    font-size: .875rem;
  }

  .woocommerce-checkout-review-order-table .order-total td,
  .woocommerce-checkout-review-order-table .order-total th {
    padding-bottom: 3rem;
  }

  .woocommerce-info .button,
  .woocommerce-message .button {
    float: right;
    margin-top: -.5em;
    margin-bottom: 0;
  }

  .woocommerce-shipping-totals .woocommerce-shipping-methods~* {
    max-width: 13.5rem;
  }
}

@media (min-width: 540px) {
  :root {
    --margin-sm: var(--margin);
  }
}

@media (min-width: 48em) {
  :root {
    --gutter: 1.5rem;
    --size-md-16-lg-18: calc(1rem + 0.125 * (100vw - 48rem) / 16);
    --size-md-16-lg-20-max-24: calc(1rem + 0.25 * (100vw - 48rem) / 16);
    --size-md-24-lg-32: calc(1.5rem + 0.5 * (100vw - 48rem) / 16);
    --size-sm-32-md-40-lg-48: calc(2.5rem + 0.5 * (100vw - 48rem) / 16);
    --size-sm-32-md-48-lg-64: calc(3rem + 1 * (100vw - 48rem) / 16);
    --size-sm-40-md-48-lg-64: calc(3rem + 1 * (100vw - 48rem) / 16);
    --size-md-40-lg-48-max-80: calc(2.5rem + 0.5 * (100vw - 48rem) / 16);
    --size-md-40-lg-64: calc(2.5rem + 1.5 * (100vw - 48rem) / 16);
  }

  .o-content.is-large>* {
    max-width: calc(32.8125rem + 6.3125 * (100vw - 48rem)/ 16);
  }

  .o-frame {
    --offset: 32px;
  }

  .o-price .amount {
    font-size: 2rem;
  }

  .block-accordion {
    padding: var(--size-sm-32-md-40-lg-48) var(--margin);
  }

  .block-accordion .c-accordion__title {
    margin: 0 0 .875rem;
  }

  .block-accordion .c-accordion__content {
    font-size: calc(.875rem + .125 * (100vw - 48rem)/ 16);
  }

  .block-accordion .c-accordion {
    min-height: var(--height);
    position: relative;
  }

  .block-accordion__item {
    width: calc(50% - var(--gutter)/ 2);
    margin: 0 0 .5em;
  }

  .block-accordion__content {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 0;
    width: calc(50% - var(--gutter)/ 2);
    max-width: 20.5rem;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s, visibility .6s;
  }

  .block-accordion__content .o-media {
    --ratio: 312/294;
  }

  .is-active>.block-accordion__content,
  .no-js :target>.block-accordion__content {
    opacity: 1;
    visibility: visible;
  }

  .block-cards {
    --columns: 4;
  }

  .block-cards.is-large {
    --columns: 2;
  }

  .block-content[data-step] {
    padding: var(--size-md-24-lg-32-max-48) var(--size-sm-32-md-48-lg-64);
  }

  .block-faqs-group>.o-content {
    line-height: 1.4;
    border-radius: 4px;
  }

  .block-faqs .o-heading {
    font-size: var(--size-md-24-lg-32);
  }

  .block-features {
    --icon-size: calc(2.5rem + 1.5 * (100vw - 48rem) / 16);
  }

  .block-features__items {
    grid-template-columns: 1fr 1fr;
  }

  .block-gallery {
    --offset-y: 4rem;
    padding-top: var(--offset-y);
  }

  .block-gallery figcaption::before {
    content: " ";
    width: .5rem;
    height: .5rem;
    margin-right: 1rem;
    background: #cbc79a;
  }

  .block-info {
    font-size: calc(.75rem + .375 * (100vw - 48rem)/ 16);
    text-align: center;
    justify-content: center;
  }

  .block-info__title {
    display: inline;
  }

  .block-items .o-heading {
    font-size: calc(1.25rem + .25 * (100vw - 48rem)/ 16);
  }

  .block-panel .o-content {
    --heading-size: 2rem;
    font-size: calc(.875rem + .25 * (100vw - 48rem)/ 16);
  }

  .block-product__banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .block-product__description {
    display: none;
  }

  .block-product__preview .o-content {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f0f0f0;
    border-radius: 4px;
    padding: .625rem 1rem;
  }

  .block-product__addons {
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: var(--gutter);
    grid-template-columns: 1fr 1fr;
  }

  .block-product__addons fieldset {
    margin: 0;
  }

  footer.block-product__cart {
    display: none;
  }

  .block-products {
    font-size: .875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: var(--size-md-40-lg-64-max-96);
    column-gap: var(--gutter);
  }

  .block-products .o-heading {
    max-width: 5.5em;
  }

  .block-products .o-price {
    margin-bottom: 1.5rem;
  }

  .block-products p {
    width: 90%;
    margin: auto;
  }

  .block-products .item-product {
    flex: 1 0 auto;
    width: calc((100% - var(--gutter))/ 2);
    margin: 0;
  }

  .block-products .item-product__meta {
    display: block;
  }

  .block-reviews {
    --slides-count: 2;
  }

  .block-slides {
    --margin: calc(var(--size-md-16-lg-20-max-32) * 2);
  }

  .block-slides .o-heading {
    font-size: var(--size-md-24-lg-32-max-40);
  }

  .block-slides .o-slide {
    display: flex;
  }

  .block-slides .o-media {
    --ratio: 3/2;
    flex: 11 0 50%;
    order: 1;
    max-height: none;
  }

  .block-slides .o-content {
    flex: 5 0 24rem;
  }

  .block-slides__dots {
    left: var(--margin);
    right: auto;
  }

  .block-slides__dots .o-dot {
    font-size: calc(.75rem + .25 * (100vw - 48rem)/ 32);
  }

  .block-thumbnails {
    grid-template-columns: repeat(3, 1fr);
  }

  .c-card .o-frame {
    --offset: calc(var(--size-md-24-lg-32-max-40) / 2);
  }

  .c-modal {
    --modal-margin: var(--size-md-40-lg-64);
    left: 2rem;
    right: 2rem;
    width: auto;
    height: auto;
    margin: 4.25rem auto;
    max-width: 50rem;
    max-height: calc(100% - 8.5rem);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(224, 231, 224, .33), 0 10px 30px rgba(103, 131, 111, .12);
    transform: translateY(68px);
  }

  .c-modal[role=dialog] {
    transform: translateY(0);
  }

  .c-modal__header {
    --heading-size: var(--size-lg-24-max-32);
    font-size: 1.25rem;
    justify-content: space-between;
  }

  .c-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    margin: -1.25em -1.25em 0 0;
  }

  .item-review {
    --heading-size: calc(1.25rem + 0.25 * (100vw - 48rem) / 16);
    font-size: 1.125rem;
  }

  .privacy-notice__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .privacy-notice__content .o-content {
    flex: 0 1 auto;
  }

  .privacy-notice__content .o-footer {
    flex: 0 0 auto;
    margin: 0 0 0 2rem;
    white-space: nowrap;
  }

  .site-footer__menu {
    display: flex;
  }

  .site-footer__menu>li {
    flex: 1 0 1px;
  }

  .site-footer__menu>li+li {
    margin: 0 0 0 var(--gutter);
  }

  .site-footer__menu li li {
    margin: 1.5em 0 0;
  }

  .site-header {
    --site-header-item-space-x: 1.5rem;
    --site-header-item-space-y: 2.25rem;
    padding: 0 40px;
    justify-content: flex-end;
  }

  .site-header a:hover {
    color: #a8a257;
  }

  .site-header__logo {
    left: 40px;
  }

  .site-header__menu {
    display: none;
  }

  .site-header__cart {
    order: 2;
    margin-left: var(--site-header-item-space-x);
  }

  .site-nav__menu {
    display: flex;
    justify-content: center;
  }

  .site-nav__menu a {
    color: var(--accent-700);
  }

  .site-nav__menu>li:not(.is-mega-menu) {
    position: relative;
    white-space: nowrap;
  }

  .site-nav__menu>li+li {
    margin-left: var(--site-header-item-space-x);
  }

  .site-nav__menu>li>a {
    position: relative;
    z-index: 1;
    display: block;
    padding: var(--site-header-item-space-y) 0;
  }

  .site-nav__menu>.is-parent>a::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: calc(50% - 12px);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--white);
    opacity: 0;
    transition: opacity 333ms;
  }

  .site-nav__menu>.is-parent:hover>a::after {
    opacity: 1;
  }

  .site-nav__submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 3rem 2rem 2.25rem;
    transform: translate3d(calc(.5px - 50%), 0, 0);
    box-shadow: 0 6px 12px rgba(100, 109, 99, .05), 0 24px 48px rgba(100, 109, 99, .1);
    background: var(--white);
    opacity: 0;
    visibility: hidden;
    transition: opacity 333ms, visibility 333ms;
    min-width: 15.5rem;
  }

  .site-nav__submenu.is-mega-menu {
    display: flex;
    left: 0;
    width: 100%;
    padding: 3rem max(40px, (100% - 1016px) / 2) 2.25rem;
    transform: none;
  }

  .site-nav__submenu.is-mega-menu>li {
    flex: 0 1 11.5rem;
    margin-bottom: 0;
  }

  .site-nav__submenu.is-mega-menu>li+li {
    margin-left: 1.5rem;
  }

  .site-nav__submenu.is-mega-menu>.is-card,
  .site-nav__submenu.is-mega-menu>.is-featured-menu {
    flex-basis: 18rem;
    margin-left: auto;
  }

  .site-nav__submenu .is-parent>a {
    font-family: "Open Sans", serif;
    font-weight: 600;
  }

  .site-nav__submenu ul {
    margin-top: 1.5rem;
  }

  .site-nav__submenu li {
    margin-bottom: .75rem;
  }

  .site-nav__menu>li.is-open>.site-nav__submenu,
  .site-nav__menu>li:hover>.site-nav__submenu {
    opacity: 1;
    visibility: visible;
  }

  .site-nav .social-networks,
  .site-nav__menu__back,
  .site-nav__meta {
    display: none;
  }

  .site-nav .c-mini-card {
    font-size: .75rem;
  }

  .site-nav .c-mini-card .o-heading {
    font-size: 1rem;
  }

  .site-nav .c-mini-card .o-price {
    font-size: .625rem;
  }

  .site-nav .c-mini-card .o-price .amount {
    font-size: 1rem;
  }

  table.cart th {
    padding: 0 .5rem;
  }

  table.cart td {
    padding: 1.5rem .5rem;
  }

  table.cart .cart_item--builder-base:not(:first-child) {
    border-top: 1px solid;
  }

  table.cart .cart_item--builder-item td {
    padding-top: 0;
  }

  table.cart tbody>tr:nth-last-child(2) td {
    padding-bottom: 3rem;
  }

  table.cart .product-remove {
    width: 2rem;
  }

  table.cart .product-thumbnail img {
    width: calc(6.25rem + 3 * (100vw - 48rem)/ 32);
    height: calc(6.25rem + 3 * (100vw - 48rem)/ 32);
  }

  table.cart .product-price,
  table.cart .product-quantity,
  table.cart .product-subtotal {
    width: 1%;
  }

  table.cart .coupon {
    float: left;
    width: 50%;
    margin: 0;
    max-width: 18.75rem;
  }

  table.cart .actions {
    text-align: right;
  }

  table.cart .actions>.button {
    width: auto;
    padding: .875em 2em;
  }
}

@media (min-width: 48em) and (max-width:63.999em) {
  .block-features__icons {
    width: calc(50% - var(--gutter)/ 2);
    margin: 2.875rem 0 2.375rem;
  }

  .block-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .block-panel .o-frame {
    width: calc(50% - var(--gutter)/ 2);
    margin: 0;
    padding-left: var(--offset);
  }

  .block-panel .o-frame>* {
    width: calc(100% - var(--offset));
  }

  .block-panel .o-content {
    width: calc(50% - var(--gutter)/ 2);
    margin: 0;
    padding: 0 var(--gutter);
  }

  .block-panel--right {
    flex-direction: row-reverse;
  }

  .block-panel--right .o-content {
    padding: 0 var(--gutter) 0 var(--margin);
  }
}

@media (min-width: 768px) {
  :root {
    --margin: calc(12.5vw - 36px);
  }
}

@media (min-width: 1024px) {
  :root {
    --margin: calc(3.84615vw + 52.61538px);
  }
}

@media (min-width: 64em) {
  :root {
    --size-lg-14-max-16: calc(0.875rem + 0.125 * (100vw - 64rem) / 26);
    --size-md-16-lg-18: 1.125rem;
    --size-md-16-lg-18-max-20: calc(1.125rem + 0.125 * (100vw - 64rem) / 26);
    --size-md-16-lg-20-max-24: calc(1.25rem + 0.25 * (100vw - 64rem) / 26);
    --size-md-16-lg-20-max-32: calc(1.25rem + 0.75 * (100vw - 64rem) / 26);
    --size-lg-24-max-32: calc(1.5rem + 0.5 * (100vw - 64rem) / 26);
    --size-md-24-lg-32: 2rem;
    --size-md-24-lg-32-max-40: calc(2rem + 0.5 * (100vw - 64rem) / 26);
    --size-md-24-lg-32-max-48: calc(2rem + 1 * (100vw - 64rem) / 26);
    --size-sm-32-md-40-lg-48: 3rem;
    --size-sm-32-md-48-lg-64: 4rem;
    --size-sm-40-md-48-lg-64: 4rem;
    --size-md-40-lg-48-max-80: calc(3rem + 2 * (100vw - 64rem) / 26);
    --size-md-40-lg-64: 4rem;
    --size-md-40-lg-64-max-80: calc(4rem + 1 * (100vw - 64rem) / 26);
    --size-md-40-lg-64-max-96: calc(4rem + 2 * (100vw - 64rem) / 26);
    --size-md-40-lg-64-max-120: calc(4rem + 3.5 * (100vw - 64rem) / 26);
  }

  .o-content.is-large {
    line-height: 1.4;
  }

  .o-content.is-large>* {
    max-width: calc(39.125rem + 4.9375 * (100vw - 64rem)/ 26);
  }

  .block-accordion {
    width: calc(100% - var(--margin) * 2);
    padding: 3rem;
  }

  .block-accordion .c-accordion__content {
    font-size: calc(1rem + .125 * (100vw - 64rem)/ 26);
  }

  .block-callout {
    display: grid;
    text-align: inherit;
    column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .block-callout .o-heading {
    grid-column: 1/6;
    max-width: 12em;
  }

  .block-callout .o-content {
    grid-column: 7/13;
    font-size: 1.25rem;
    --spacing: 0.5rem;
    max-width: 23em;
  }

  .block-faqs-group {
    width: calc(100% - var(--margin) * 2);
    display: grid;
    column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .block-faqs-group .block-faqs {
    width: auto;
    margin: 0;
    text-align: left;
  }

  .block-faqs-group.has-form .o-heading {
    font-size: 1.5rem;
  }

  .block-faqs-group.has-form .block-faqs {
    grid-column: 8/13;
  }

  .block-faqs-group.has-content .block-faqs {
    grid-column: 1/8;
  }

  .block-faqs-group>.o-form {
    padding: 0;
    grid-row: 1;
    grid-column: 1/8;
  }

  .block-faqs-group>.o-content {
    --heading-size: calc(1.75rem + 0.75 * (100vw - 64rem) / 26);
    grid-row: 1;
    grid-column: 8/13;
  }

  .block-features {
    --icon-size: 4rem;
  }

  .block-features__item .o-title {
    font-size: var(--size-md-16-lg-20-max-24);
  }

  .block-gallery {
    --offset-x: var(--offset-y);
    font-size: 1.125rem;
  }

  .block-group--sm .block-panel {
    margin: var(--size-md-40-lg-64-max-80) auto;
  }

  .block-group--md .block-panel {
    margin: var(--size-md-40-lg-64-max-96) auto;
  }

  .block-group--lg .block-panel {
    margin: var(--size-md-40-lg-64-max-120) auto;
  }

  .block-info {
    font-size: var(--size-md-16-lg-18-max-20);
    margin: 2rem auto;
    padding: 0 1.5rem;
    max-width: 63.5rem;
    box-sizing: content-box;
    text-align: inherit;
    justify-content: flex-start;
    line-height: 1.4;
  }

  .block-slides+.block-info {
    max-width: calc(90rem - var(--margin) * 2);
  }

  .block-info__title {
    display: block;
  }

  .block-info__icon {
    width: 2.75rem;
    margin: 0 1.75rem 0 .875rem;
  }

  .block-info__link {
    margin-left: auto;
  }

  .block-info__link::after {
    font-family: "Brighton Bike Sheds Icons" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    content: "";
    display: inline-block;
    font-size: 1rem;
    margin-left: .75em;
    transition: transform 150ms;
  }

  .block-info__link:hover::after {
    transform: translateX(.5em);
  }

  .block-items {
    grid-template-columns: repeat(3, 1fr);
  }

  .block-items .o-heading {
    font-size: 1.5rem;
  }

  .block-items .o-content {
    font-size: calc(.875rem + .25 * (100vw - 64rem)/ 26);
  }

  .block-panel {
    width: calc(100% - var(--margin) * 2);
    display: grid;
    align-items: center;
    grid-column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .block-panel .o-frame {
    grid-column: 1/7;
  }

  .block-panel .o-content {
    --heading-size: calc(2rem + 0.75 * (100vw - 64rem) / 26);
    font-size: calc(1.125rem + .125 * (100vw - 64rem)/ 26);
    margin: 0;
    grid-column: 8/13;
  }

  .block-panel--right .o-frame {
    grid-column: 7/13;
  }

  .block-panel--right .o-content {
    grid-row: 1;
    grid-column: 1/6;
  }

  .block-product-content {
    width: calc(100% - var(--margin) * 2);
    display: grid;
    grid-column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .block-product-content>* {
    margin: 0;
    grid-column: 2/12;
  }

  .block-product-content>*+* {
    margin-top: var(--size-sm-32-md-48-lg-64);
  }

  .block-product-content__content {
    grid-column: 1/5;
  }

  .block-product-content__content+* {
    margin-top: 0;
    grid-column: 6/13;
  }

  .block-product-content__gallery {
    max-width: none;
  }

  .block-product__description {
    font-size: calc(.875rem + .25 * (100vw - 64rem)/ 26);
    display: block;
    float: left;
    width: 40%;
    max-width: 24.5rem;
    margin-top: calc(var(--size-md-24-lg-32-max-48) - 1rem);
  }

  .block-product__description[data-expand] {
    height: auto;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .block-product__description [data-ui-toggle] {
    display: none;
  }

  .block-product__preview {
    float: right;
    width: 47.5%;
  }

  .block-product__fields {
    float: left;
    width: 40%;
    max-width: 21.75rem;
    margin-bottom: var(--size-md-40-lg-48-max-80);
    grid-template-columns: 1fr;
  }

  .block-product__fields .o-legend {
    font-size: .875rem;
  }

  .block-product__fields .field-radio {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .block-product__fields .control-swatch[data-value]::before {
    font-size: 1.25rem;
  }

  .block-product__addons {
    float: right;
    width: 47.5%;
    margin-bottom: var(--size-md-40-lg-48-max-80);
    grid-template-columns: 1fr;
  }

  .block-product__addons .o-legend {
    margin-bottom: .5rem;
  }

  .block-product__addons .o-legend::after,
  .block-product__addons .o-legend::before {
    content: none;
  }

  .block-product__cart .button {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .block-products {
    font-size: calc(.875rem + .25 * (100vw - 64rem)/ 26);
  }

  .block-slides {
    width: calc(100% - 3rem);
    border-radius: 4px;
  }

  .block-slides .o-media {
    --radius: 0 4px 4px 0;
  }

  .block-slides .o-content {
    padding: calc(2.5rem + 2.5 * (100vw - 64rem)/ 26) var(--margin);
  }

  .block-slides .c-link {
    font-size: 1.5rem;
  }

  .gfield_label {
    font-size: 1.125em;
  }

  .item-review {
    --heading-size: 1.5rem;
  }

  .site-footer {
    margin: var(--size-md-40-lg-64-max-96) auto;
    display: grid;
    grid-column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .site-footer__menu {
    grid-column: 1/10;
  }

  .site-footer__menu ul {
    font-size: 1em;
    margin-top: 1.75em;
  }

  .site-footer__meta {
    grid-column: 10/13;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .site-footer .social-networks {
    margin: 0 0 auto;
  }

  .site-footer .payment-cards {
    font-size: .75rem;
  }

  .site-footer .payment-cards img {
    flex-grow: 1;
  }

  .site-footer__copyright {
    margin: 1.5rem 0 1rem;
  }

  .site-header {
    --site-header-item-space-x: 2rem;
    padding: var(--site-header-item-space-y) 36px;
    font-size: 1.125rem;
  }

  .site-header__logo {
    top: calc(50% - 1.5rem);
    left: 40px;
    width: 8rem;
    height: 2.5rem;
  }

  .site-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .cart-collaterals {
    display: grid;
    align-items: start;
    grid-column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .cart-collaterals .cross-sells {
    --slides-count: 2;
    margin: 0;
    grid-column: 1/6;
  }

  .cart-collaterals .cross-sells .o-heading {
    text-align: inherit;
  }

  .cart-collaterals .cart_totals {
    margin: .75rem 0 0;
    grid-column: 7/13;
  }

  table.cart .cart_item {
    font-size: var(--size-md-16-lg-20-max-24);
  }
}

@media (min-width: 64em) and (max-width:79.999em) {
  .block-features__icons {
    width: auto;
    margin: 2rem 0;
    justify-content: center;
  }

  .block-features__icons>* {
    margin: 0 .2em;
  }
}

@media (min-width: 80em) {
  .o-frame {
    --offset: 40px;
  }

  .block-accordion__item {
    width: 52.5%;
  }

  .block-accordion__content .o-media {
    --ratio: 328/309;
    margin-bottom: 54px;
  }

  .block-accordion__content .o-media>* {
    left: -48px;
    width: calc(100% + 128px);
    height: calc(100% + 42px);
  }

  .block-faqs-group.has-content .block-faqs {
    grid-column: 2/7;
  }

  .block-faqs-group>.o-form {
    grid-column: 1/7;
  }

  .block-faqs-group>.o-content {
    grid-column: 8/12;
  }

  .block-features {
    display: grid;
    grid-row-gap: 4rem;
    grid-column-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);
  }

  .block-features__content {
    grid-column: 1/7;
  }

  .block-features__icons {
    grid-column: 8/13;
    align-self: center;
  }

  .block-features__items {
    grid-column: 1/13;
    grid-template-columns: repeat(3, 1fr);
  }

  .block-info__icon {
    margin-left: 0;
  }

  .block-items {
    width: calc(100% - var(--margin) * 2);
  }

  .block-panel .o-frame {
    left: calc(var(--offset) * -1);
    margin: 0;
    grid-column: 2/7;
  }

  .block-panel .o-content {
    grid-column: 8/12;
  }

  .block-panel--right .o-frame {
    left: var(--offset);
    grid-column: 7/12;
  }

  .block-panel--right .o-content {
    grid-column: 2/6;
  }

  .block-product-content__content+:nth-last-child(2) {
    grid-row: 2/3;
    grid-column: 1/6;
    margin-top: 2rem;
  }

  .block-product-content__content~:nth-child(3) {
    grid-row: 1/3;
    grid-column: 7/13;
    margin-top: 0;
  }

  .block-product__preview {
    width: 60%;
  }

  .block-product__addons {
    width: 66%;
    grid-template-columns: 1fr 1fr;
  }

  .block-reviews {
    --slides-count: 3;
  }

  .block-reviews .o-slides {
    width: auto;
    padding: 0;
    margin-left: 0;
  }

  .block-slides__dots .o-dot {
    font-size: 1rem;
  }

  .block-thumbnails {
    grid-template-columns: repeat(6, 1fr);
  }

  a.c-card {
    font-size: calc(1rem + .25 * (100vw - 80rem)/ 10);
  }

  .site-footer .social-networks {
    font-size: 1.25rem;
  }

  .site-header {
    --site-header-item-space-y: 3rem;
    padding: var(--site-header-item-space-y) max(48px, (100% - 1344px) / 2);
  }

  .site-header__logo {
    top: calc(50% - 1.5rem);
    left: max(48px, (100% - 1344px) / 2);
    width: 9.5rem;
    height: 3rem;
  }

  .cart-collaterals .cross-sells {
    --slides-count: 3;
    grid-column-end: 7;
  }

  .cart-collaterals .cart_totals {
    grid-column-start: 8;
  }

  table.cart .product-thumbnail {
    width: 20%;
  }

  table.cart .product-thumbnail img {
    width: 9.25rem;
    height: 9.25rem;
  }

  table.cart .product-price,
  table.cart .product-quantity {
    width: 15%;
  }

  table.cart .product-subtotal {
    width: 10%;
  }

  .woocommerce-checkout-review-order-table .datalist-product {
    margin-right: -100%;
  }

  form.checkout::after {
    content: " ";
    display: table;
    clear: both;
  }

  form.checkout .col2-set {
    float: left;
    width: calc(90% - 31rem);
  }

  form.checkout #order_review,
  form.checkout #order_review_heading {
    float: right;
    width: 31rem;
  }
}

@media (min-width: 1440px) {
  :root {
    --margin: 108px;
  }
}

@media (min-width: 90em) {
  :root {
    --size-lg-14-max-16: 1rem;
    --size-md-16-lg-18-max-20: 1.25rem;
    --size-md-16-lg-20-max-24: 1.5rem;
    --size-md-16-lg-20-max-32: 2rem;
    --size-lg-24-max-32: 2rem;
    --size-md-24-lg-32-max-40: 2.5rem;
    --size-md-24-lg-32-max-48: 3rem;
    --size-md-40-lg-48-max-80: 5rem;
    --size-md-40-lg-64-max-80: 5rem;
    --size-md-40-lg-64-max-96: 6rem;
    --size-md-40-lg-64-max-120: 7.5rem;
  }

  .o-content.is-large>* {
    max-width: 44.0625rem;
  }

  .block-accordion .c-accordion__content {
    font-size: 1.125rem;
  }

  .block-callout .o-heading {
    grid-column-end: 7;
  }

  .block-callout .o-content {
    grid-column-start: 8;
  }

  body:not(.elementor-editor-active).is-single-product .block-callout .o-content {
    grid-column-start: 9;
  }

  .block-faqs-group>.o-content {
    --heading-size: 2.5rem;
  }

  .block-items .o-content {
    font-size: 1.125rem;
  }

  .block-panel .o-content {
    --heading-size: 2.75rem;
    font-size: 1.25rem;
  }

  .block-product__description,
  .block-products {
    font-size: 1.125rem;
  }

  .block-products .item-product {
    width: calc((100% - var(--gutter) * 3)/ 4);
  }

  .block-slides .o-content {
    padding: 5rem var(--margin);
  }

  a.c-card {
    font-size: 1.25rem;
  }

  .site-footer__menu {
    grid-column: 1/7;
  }

  body:not(.elementor-editor-active).is-single-product .site-footer__menu {
    grid-column: 1/9;
  }

  .site-footer__meta {
    grid-column: 9/13;
    align-items: flex-end;
  }

  .site-footer .social-networks {
    font-size: 1.5rem;
  }

  .site-footer .payment-cards {
    order: 1;
    font-size: .9375rem;
    margin-top: 1.5rem;
  }

  .site-footer__copyright {
    font-size: .875rem;
  }

  .site-footer__links {
    font-size: .875rem;
    display: flex;
  }

  .site-footer__links li {
    margin: 0;
  }

  .site-footer__links li+li::before {
    content: "•";
    padding: 0 .5em;
  }
}

@media (max-width: 63.999em) {
  .block-callout .o-content {
    margin: 1em 0 0;
    max-width: 25em;
  }

  .block-info__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .block-info__link>span {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }

  .block-info__link::after {
    content: " ";
  }

  .site-header__cart [data-cart-total] {
    display: none;
  }
}

@media (max-width: 47.999em) {
  .block-accordion__item {
    display: flex;
    flex-direction: column;
  }

  .block-accordion__item+.block-accordion__item {
    margin-top: .5em;
  }

  .block-accordion__item>* {
    padding-left: 8px;
    padding-right: 8px;
  }

  .block-accordion__content {
    order: -1;
  }

  .block-accordion__content>:last-child {
    padding-bottom: 1.5rem;
  }

  .block-accordion__content .o-media {
    --ratio: 295/240;
    --offset: -8px;
    margin-bottom: 1.5rem;
  }

  .block-faqs .c-tabs {
    width: 100vw;
    padding: 0 var(--margin);
    margin-left: calc(50% - 50vw);
  }

  .block-features__icons {
    position: sticky;
    top: 1.5rem;
  }

  header .block-product__cart {
    display: none;
  }

  .c-carousel .control-button,
  .c-slider .control-button {
    font-size: .75rem;
  }

  .site-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: var(--white);
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 333ms, visibility 333ms;
  }

  .has-site-nav .site-nav,
  .site-nav:target {
    opacity: 1;
    visibility: visible;
  }

  .site-nav::before {
    content: " ";
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.75rem;
    background: linear-gradient(to bottom, var(--white) 50%, rgba(255, 255, 255, 0));
  }

  .site-nav>* {
    flex: 0 0 auto;
    margin: 1rem var(--margin);
    opacity: 0;
    transition: opacity 333ms 666ms;
  }

  .site-nav>:last-child {
    margin-bottom: 3rem;
  }

  .has-site-nav .site-nav>*,
  .site-nav:target>* {
    opacity: 1;
  }

  .site-nav__menu.is-open~* {
    opacity: 0;
  }

  .site-nav li+li {
    margin-top: 1em;
  }

  .site-nav__item {
    display: flex;
    opacity: 0;
    transform: translateY(.5em);
    visibility: hidden;
    transition: opacity 333ms, transform 333ms, visibility 333ms;
  }

  .has-site-nav .site-nav__menu:not(.is-open)>li>.site-nav__item,
  .site-nav:target .site-nav__menu:not(.is-open)>li>.site-nav__item,
  .site-nav__menu .is-open.is-active>ul>li>.site-nav__item {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition-delay: var(--delay);
  }

  .site-nav__menu {
    position: relative;
    opacity: 1;
    transition: none;
    margin-top: 7.375rem;
    margin-bottom: auto;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
  }

  .site-nav__menu li:nth-child(1) {
    --delay: 333ms;
  }

  .site-nav__menu li:nth-child(2) {
    --delay: 433ms;
  }

  .site-nav__menu li:nth-child(3) {
    --delay: 533ms;
  }

  .site-nav__menu li:nth-child(4) {
    --delay: 633ms;
  }

  .site-nav__menu li:nth-child(5) {
    --delay: 733ms;
  }

  .site-nav__menu li:nth-child(6) {
    --delay: 833ms;
  }

  .site-nav__menu li:nth-child(7) {
    --delay: 933ms;
  }

  .site-nav__menu li:nth-child(8) {
    --delay: 1033ms;
  }

  .site-nav__menu li:nth-child(9) {
    --delay: 1133ms;
  }

  .site-nav__menu li:nth-child(10) {
    --delay: 1233ms;
  }

  .site-nav__menu a {
    color: var(--accent-700);
  }

  .site-nav__menu .is-parent>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .site-nav__menu .is-parent>a::after {
    font-family: "Brighton Bike Sheds Icons" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    content: "";
    font-size: .9375rem;
    line-height: 1;
  }

  .site-nav__menu ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 333ms, visibility 333ms;
  }

  .site-nav__menu .is-open>ul {
    opacity: 1;
    visibility: visible;
    transition: none;
  }

  .site-nav__menu__back {
    color: #85825f;
    font-size: .875rem;
    font-weight: 400;
    position: absolute;
    top: -2.625rem;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 333ms, visibility 333ms;
    animation: 333ms 333ms backwards fade-in;
    pointer-events: none;
  }

  .is-open.is-active>.site-nav__menu__back {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition-delay: 333ms;
  }

  .site-nav__menu__back::before {
    font-family: "Brighton Bike Sheds Icons" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    content: "";
    margin-right: .5em;
  }

  .has-site-nav body {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .woocommerce-orders-table thead {
    display: none;
  }

  .woocommerce-orders-table__row {
    display: block;
  }

  .woocommerce-orders-table__cell[data-title]::before {
    content: attr(data-title);
    font-weight: 700;
  }

  .woocommerce-orders-table__cell-order-actions[data-title]::before {
    content: none;
  }

  .woocommerce-orders-table td {
    display: block;
    padding: .125em 1em;
  }

  .woocommerce-orders-table td:first-child {
    padding-top: 1em;
  }

  .woocommerce-orders-table td:last-child {
    padding-bottom: 1em;
  }

  table.cart thead {
    display: none;
  }

  table.cart td,
  table.cart tr {
    display: block;
  }

  table.cart .cart_item {
    position: relative;
    margin-bottom: 1em;
  }

  table.cart .cart_item--builder-base:not(:first-child) {
    border-top: 1px solid;
    padding-top: 1em;
  }

  table.cart .cart_item--builder-base:not(:first-child) .product-remove {
    top: 1em;
  }

  table.cart .product-remove {
    position: absolute;
    top: 0;
    right: 0;
  }

  table.cart .product-price {
    display: none;
  }

  table.cart .product-quantity {
    float: right;
    margin-top: -1.25em;
  }
}

@media (max-width: 33.749em) {
  .block-callout .o-heading {
    max-width: 12.5em;
  }

  .block-faqs-group.has-content+.block-panel {
    margin-top: -2.5rem;
  }

  .block-features__item {
    margin: 0 calc(var(--margin)/ -2);
  }

  .c-addons {
    grid-row-gap: 1rem;
    grid-column-gap: .75rem;
    grid-template-columns: 1fr 1fr;
  }

  .c-addon {
    align-items: stretch;
    padding: 0;
    min-height: 12.5rem;
    text-align: center;
    font-size: .875rem;
  }

  .c-addon .o-message {
    font-size: .75rem;
  }

  .c-addon .o-media {
    position: relative;
    left: auto;
    margin: auto;
  }

  .c-addon .o-title {
    padding: 0 .625rem;
    font-size: 1em;
  }

  .c-addon .control-select {
    overflow: hidden;
    margin-top: auto;
  }

  .c-addon .control-select+.button {
    margin-top: 0;
  }

  .c-addon .control-select select {
    border-width: 1px 0;
    border-radius: 0;
  }

  .c-addon .button {
    position: static;
    margin: auto -1px -1px;
    border-radius: 0 0 4px 4px;
    font-size: 1em;
    line-height: 1;
  }

  .page-description br,
  .term-description br {
    display: none;
  }

  .site-header__cart,
  .site-header__menu {
    font-size: .875rem;
  }

  .cross-sells .o-slides {
    width: 100vw;
    padding: 0 var(--margin);
    margin-left: calc(50% - 50vw);
  }

  .cart_totals tr,
  .woocommerce-checkout-review-order-table tr {
    display: block;
  }

  .cart_totals td,
  .cart_totals th,
  .woocommerce-checkout-review-order-table td,
  .woocommerce-checkout-review-order-table th {
    display: block;
    padding: 0 1.5rem 1.5rem;
  }

  .cart_totals .cart-subtotal th,
  .cart_totals .order-total th,
  .woocommerce-checkout-review-order-table .cart-subtotal th,
  .woocommerce-checkout-review-order-table .order-total th {
    float: left;
    width: 6.5em;
  }

  .cart_totals .cart-subtotal td,
  .cart_totals .order-total td,
  .woocommerce-checkout-review-order-table .cart-subtotal td,
  .woocommerce-checkout-review-order-table .order-total td {
    float: left;
    width: calc(100% - 6.5em);
  }

  .wc-proceed-to-checkout .button {
    font-size: 1.125rem;
  }

  .woocommerce-checkout-review-order-table .cart_item {
    margin: 1.5em 0;
  }

  .woocommerce-checkout-review-order-table .cart_item td {
    padding-bottom: 0;
  }

  .woocommerce-checkout-review-order-table .cart_item--builder-base:not(:first-child) {
    border-top: 1px solid;
    padding-top: 1.5em;
  }

  .woocommerce-shipping-information th {
    display: none;
  }

  .woocommerce-shipping-information td {
    padding-top: .5em;
    padding-bottom: 1.5em;
  }

  .woocommerce-shipping-totals td {
    padding-bottom: 0;
  }
}

/* New css elementor */
.cus-offset {
  --offset: 20px !important;
}

.title-after .elementor-heading-title a:after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  float: right;
  font-size: .9em;
  margin-right: -1.3rem;
}

.title-after .elementor-heading-title a:hover,
.title-after .elementor-heading-title:hover:after {
  color: #a8a257;
}

.cus-fi img {
  padding: 0 !important;
  width: 100% !important;
}

.content-box .notice {
  text-align: unset !important;
}

.cus-fi a {
  width: 100%;
}

.o-frame.cus-fi::before {
  padding-bottom: calc(100% /(var(--ratio, 4 / 2.9)));
}

.cus-faq-tab .e-n-tab-title span.e-n-tab-icon {
  height: 40px !important;
}

.cus-faq-tab button.e-n-tab-title {
  flex: 1 0 7.5rem !important;
}

.cus-faq span.elementor-accordion-icon-closed:after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  font-size: .762em;
  line-height: 1.8;
}

.cus-faq span.elementor-accordion-icon-closed svg {
  display: none !important;
}

.cus-faq span.elementor-accordion-icon-opened svg {
  display: none !important;
}

.cus-faq span.elementor-accordion-icon-opened:after {
  content: "";
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-size: .762em;
  line-height: 1.8;
}

.elementor .elementor-tab-content a,
.elementor .elementor-widget-text-editor a,
.elementor .elementor-widget-theme-post-content a {
  text-decoration: underline;
}

.elementor .elementor-tab-content a:hover,
.elementor .elementor-widget-text-editor a:hover,
.elementor .elementor-widget-theme-post-content a:hover {
  text-decoration: none;
}

.cus-faq .elementor-accordion .elementor-accordion-item .elementor-tab-content {
  border: 0;
}

.cus-faq .elementor-accordion .elementor-accordion-item {
  border: 0;
  border-bottom: 1px solid #e6eadb !important;
}

.cus-faq .elementor-tab-content ul,
.elementor-tab-content ol {
  list-style: disc;
  padding-left: 1.25em;
  margin: 1.25em 0;
}

.cus-faq .elementor-tab-content ul li,
.elementor-tab-content ol li {
  margin: 0.625em 0;
}

.cus-faq .elementor-tab-content ol {
  list-style: auto;
}

.cus-faq-tab button.e-n-tab-title:hover span.e-n-tab-icon svg:first-child {
  display: none;
}

.cus-faq-tab button.e-n-tab-title:hover span.e-n-tab-icon svg:last-child {
  transform: unset !important;
  height: 40px !important;
  opacity: unset !important;
}

/* h2.elementor-heading-title {
    font-size: 1.5rem!important;
}
h1.elementor-heading-title {
    font-size: 1.5rem!important;
} */
/* .elementor-widget-text-editor p {
    font-size: .875rem!important;
} */
.cus-accou .elementor-tab-title {
  display: block !important;
}

.image-box .elementor-image-box-title {
  font-size: var(--size-md-16-lg-20-max-24);
  font-weight: 700;
  line-height: 1;
  display: block;
}

.image-box p.elementor-image-box-description {
  margin: var(--spacing) 0;
  --spacing: 1.25em;
}

.home-slider a.elementor-button {
  box-shadow: none;
  padding: 0;
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  text-align: left !important;
}

/* .home-slider a.elementor-button:after {
    content: "";
    width: 175px;
    height: 12px;
    display: block;
    background-image: url('https://brightonbikesheds.devbuildpro.com/wp-content/uploads/2024/03/wave-normal.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.home-slider a.elementor-button:hover:after {
    background-image: url(https://brightonbikesheds.devbuildpro.com/wp-content/uploads/2024/03/wave-hover.svg);
} */
.home-slider .swiper-pagination {
  display: inline-block;
  width: auto;
  right: unset;
  left: 45px;
  bottom: 50px !important;
  top: unset;
}

.home-slider .swiper-pagination {
  width: auto !important;
  right: unset;
  left: 45px !important;
  bottom: 50px !important;
  top: unset;
  display: flex;
  align-items: center;
}

.home-slider .swiper-pagination span {
  width: 1em !important;
  height: 1em !important;
  padding: 2px;
  border: 2px solid transparent;
  border-radius: 100%;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: currentColor;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  text-decoration: none;
  transition: border-color .3s, color .3s;
}

.home-slider .swiper-pagination span.swiper-pagination-bullet-active {
  border-color: #cbc79a;
}

.home-slider .swiper-slide-inner {
  align-items: unset !important;
  padding: 5rem 4rem !important;
}

.Cus-banner-botom-btn span.elementor-button-text:after {
  font-family: "Brighton Bike Sheds Icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  display: inline-block;
  font-size: 1rem;
  margin-left: 0.75em;
  transition: transform 150ms;
}

span.elementor-button-text:hover:after {
  transform: translateX(0.5em);
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
  font-size: 24px !important;
  line-height: 27px !important;
  font-weight: 600 !important;
}

.single-post-content.elementor-widget-theme-post-content h2 {
  margin-top: 1.5em;
}

.single-post-content p {
  font-size: 16px !important;
  line-height: 24px !important;
  margin-top: 1.25em !important;
}

.single-post-content ul {
  list-style: disc;
  padding-left: 1.25em;
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 1.25em 0 !Important;
}

.single-post-content ol {
  padding-left: 1.25em;
  font-size: 16px !important;
  line-height: 24px !important;
}

.single-post-content ul li {
  margin: 0.625em 0;
}

.single-post-content ul li strong {
  margin-top: 1.5em !important;
  display: block;
}

.single-post-content hr {
  margin: 3rem 0 !important;
}

.single-post-content input,
.single-post-content textarea,
.single-post-content select {
  font-size: 16px;
  line-height: 24px;
}

.single-post-content .gform_button_select_files {
  margin: 0 0 0 0.5em !important;
  padding: 0.25em 1em !IMPORTANT;
  font-size: 1em !IMPORTANT;
}

.single-post-content .gfield_description {
  margin: 0.5em 0 !important;
  font-size: 14px !important;
  line-height: 21px !important;
}

.single-post-content img {
  border-radius: 4px !important
}

.cus-div div {
  font-size: 16px !important;
  line-height: 24px !important;
}

.page-description p {
  margin-bottom: 0 !important;
}

.cus-new-list ul {
  list-style: disc;
  padding-left: 1.25em;
  margin: 1.25em 0;
}

.cus-new-list ul li {
  margin: 0.625em 0;
}

.home-slider .swiper-slide-bg {
  background-position: right !important;
  background-size: 64% 100% !important;
  margin-right: -5px !important;
}

.block-gallery .control-button:hover {
  background: #f6e3d5 !important;
}

.add-on-list-section .elementor-image-box-title a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.add-on-list-section .elementor-image-box-content {
  position: relative;
}

.cus-anchor-tag .elementor-button:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cus-anchor-tag-first.cus-anchor-tag .e-flex.e-con.e-child:last-child {
  position: relative;
}

.cus-anchor-tag-first.cus-anchor-tag .e-flex.e-con.e-child:first-child {
  position: unset;
}

.cus-anchor-tag .e-con-inner {
  position: relative;
}

.cus-anchor-tag .elementor-widget-button {
  position: unset;
}

.cus-anchor-tag .e-flex.e-con.e-child:last-child {
  position: unset;
}

.cus-anchor-tag .e-con-inner .elementor-widget-image {
  position: unset;
}

.cus-anchor-tag .elementor-widget-image img {
  padding: 0;
}

.add-on-list-section img {
  padding: 0 !important;
  background: transparent;
  height: 184px !important;
  object-fit: contain;
}

.add-on-list-section a:hover img {
  background: var(--accent-700);
}

.add-on-list-section h3.elementor-image-box-title {
  margin-bottom: 0.5em !important;
}

.cus-p-space p {
  margin: 0 !important;
}

.notice p {
  margin-top: 0 !important;
}

.cus-gallery-slider img {
  height: 100% !important;
}

.cus-gallery-slider button.control-button {
  text-indent: 300% !important;
}

#imageContainer img {
  padding: 0 !important;
  background: transparent !important;
  position: relative;
  width: 100%;
}

#accordionContainer .elementor-tab-title.elementor-active {
  opacity: 1;
}

#accordionContainer .elementor-tab-title {
  opacity: .35;
}

.title-after a {
  color: var(--accent-700) !important;
  position: relative;
  width: 100%;
  display: block;
  line-height: 1.5 !important;
}

.title-after a:hover {
  color: #a8a257 !important;
}

.no-box-main {
  width: 2.5em !important;
  height: 2.5em;
  text-align: center;
  line-height: 2.4em;
  font-size: var(--size-md-24-lg-32);
  border: 1px dashed #d4deb8;
  background: var(--white);
  border-radius: 100%;
}

.p-margin-bottom-0 p {
  margin-bottom: 0 !important;
}

.img-background img {
  background: transparent !important;
}

.single-post-content span.gform_drop_instructions {
  font-size: 16px;
  line-height: 24px;
}

.single-post-content button.button.gform_button_select_files.gform-theme-button.gform-theme-button--control {
  font-size: 16px !important;
  line-height: 24px;
}

.elementor-shortcode .gsection_title,
.o-legend {
  font-family: "Open Sans", sans-serif;
  font-weight: 400 !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .2em !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gform_validation_errors ol {
  list-style: auto;
  margin: 1.25em 0;
}

.gform_validation_errors ol li {
  margin: 0.625em 0;
}

.gform_validation_errors ol li a {
  text-decoration: underline;
}

.gform_validation_errors ol li a:hover {
  text-decoration: none;
}

/*
@media (min-width: 23.4375rem) {
    h2.elementor-heading-title {
    font-size: calc(1.5rem + 0.5*(100vw - 23.4375rem) / 24.5625)!important; 
}
    .elementor-widget-text-editor p {
    font-size: calc(.875rem + .25 * (100vw - 23.4375rem)/ 24.5625)!important;
}
}
@media (min-width: 48em) {
    h2.elementor-heading-title {
    font-size: 2rem!important;
}
    h1.elementor-heading-title {
    font-size: calc(1.5rem + 0.5*(100vw - 48rem) / 16)!important;
}
    .elementor-widget-text-editor p {
    font-size: calc(.875rem + .25 * (100vw - 48rem)/ 16)!important;
}
}
@media (min-width: 64em) {
    h2.elementor-heading-title {
    font-size: calc(2rem + 0.75*(100vw - 64rem) / 26)!important;  
}
    h1.elementor-heading-title {
    font-size: calc(2rem + 0.5*(100vw - 64rem) / 26)!important;
}
    .elementor-widget-text-editor p {
    font-size: calc(1.125rem + .125 * (100vw - 64rem)/ 26)!important;
}
}
@media (min-width: 90em) {
h2.elementor-heading-title {
    font-size: 2.75rem!important;
}
    h1.elementor-heading-title {
    font-size: 2.5rem!important;
}
    .elementor-widget-text-editor p {
    font-size: 1.25rem!important;
}
} */
@media (max-width: 768px) {
  .home-slider .swiper-slide-active {
    display: flex;
    flex-direction: column;
    height: fit-content !important;
  }

  .home-slider .swiper-slide-contents {
    position: relative;
  }

  .home-slider .swiper-slide-bg {
    height: 300px !important;
    background-size: cover !important;
  }

  .home-slider .swiper-slide-inner {
    position: relative !important;
    background: var(--accent-700) !important;
    margin: 0 !important;
    padding: 2.5rem !important;
  }

  .home-slider .swiper-slide-contents {
    max-width: 100% !important;
  }

  .home-slider .swiper-pagination {
    left: unset !important;
    right: 45px !important;
    bottom: 20px !important;
  }

  .home-slider .swiper-slide-contents {
    padding-bottom: 30px;
  }

  .cus-gallery-slider .elementor-widget-shortcode {
    margin: 0 !important;
    width: 100% !important;
  }

  .cus-faq .elementor-accordion-item .elementor-tab-content {
    padding: 0 0 0 0 !important;
  }

  .elementor .page-title.elementor-widget-heading {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .elementor .page-description.elementor-widget.elementor-widget-text-editor .elementor-widget-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 1200px) {
  #imageContainer figure.elementor-image-box-img {
    max-width: 100% !important;
  }
}


.left-side>div {
  margin-left: 0 !important;
}

.right-side>div {
  margin-right: 0 !important;
}

.elementor-image-box-img img,
.elementor-widget-image img {
  padding: 0 !important;
  background-color: transparent;
  border-radius: 0;
}

.related-product-module article,
.related-product-module article>div,
.related-product-module article>div>div,
.related-product-module article>div>div>div,
.related-product-module article>div>div>div>div,
.related-product-module article>div>div>div>div>div,
.related-product-module article>div>div>div>div>div>div {
  height: 100%;
}

.testimonial-module .swiper-pagination>span {
  margin: 0 !important;
  width: 100%;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}

.testimonial-module .swiper-pagination {
  display: flex;
}

.testimonial-module .elementor-testimonial__image img {
  width: 100% !important;
  height: 100% !important;
}

.testimonial-module .swiper-slide {
  align-items: center;
  justify-content: center;
  display: flex;
}

.WC-slider .owl-dots>button {
  margin: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  height: 5px !important;
}

.WC-slider .owl-dots {
  display: flex;
}

.testimonial-module cite.elementor-testimonial__cite {
  margin-top: 15px !important;
}

.gallery-module figure.swiper-slide-inner {
  height: 400px;
}

.gallery-module figure.swiper-slide-inner img {
  object-fit: cover;
  height: 100%;
}

.gallery-module .elementor-image-carousel-wrapper {
  width: 100% !important;
}

.gallery-module .elementor-swiper-button-prev {
  left: -5% !important;
}

.gallery-module .elementor-swiper-button-next {
  right: -5% !important;
}

.product-slider-section .product-slider .swiper-slide {
  height: 500px;
}

.product-slider-section .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-slider-section .product-slider {
  margin-bottom: 20px;
}

.product-slider-section .product-thumb .swiper-slide {
  height: 105px;
}

.product-slider-section .swiper-button-prev,
.product-slider-section .swiper-button-next {
  display: none;
}

.pp-price {
  display: flex;
  align-items: center !important;
}

.pp-price p.price {
  margin-bottom: 0;
}

.pp-price:before {
  content: 'From';
  font-size: 18px;
  font-weight: 400;
  margin-right: 10px;
}

.cp-price p.price {
  margin-bottom: 0;
}


.ctooltip .tooltip-single p {
  color: var(--accent-700);
  margin: 0 8px !important;
}

.ctooltip .tooltip-single {
  display: flex;
  align-items: center;
  position: relative;
}

.ctooltip span.tooltip-icon {
  width: 24px;
}

.ctooltip .tooltip-container {
  display: flex;
  justify-content: space-between;
}

.ctooltip span.tooltip-content {
  cursor: pointer;
  font-size: 16px;
}

.ctooltip .tooltip-single:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -10px;
  width: 2px;
  height: 80%;
  background-color: #c5c5c5;
}

.ctooltip .tooltip-single:last-child:before {
  display: none;
}

.ctooltip span.tooltip-content i {
  display: none;
}

.ctooltip span.tooltip-content:before {
  content: '';
  font-family: "eicons";
}

#add2btn a {
  width: 100%;
}

#add2btn a:hover {
  color: #000;
}

body:not(.elementor-editor-active).is-single-product {
  overflow-x: hidden !important;
}

body:not(.elementor-editor-active).is-single-product .block-callout,
body:not(.elementor-editor-active).is-single-product .site-footer {
  max-width: 1345px;
}

.is-single-product .tooltip-box .content-div .inner-container {
  display: flex;
  flex-direction: column;
}

.is-single-product .tooltip-box .content-div .inner-container .content {
  display: flex;
}

.is-single-product .tooltip-box .content-div .inner-container .content .left-col,
.is-single-product .tooltip-box .content-div .inner-container .content .right-col {
  width: 50%;
  flex-shrink: 0;
}

.custom-tooltip-btn span.elementor-icon-list-text:after {
  content: '';
  font-family: "eicons";
}

.ctooltip span.tooltip-content:before {
  content: '';
  font-family: "eicons";
}


.is-single-product main#content+div {
  margin-top: 0;
}

.variation-container table tbody tr {
  position: relative;
}

.variation-container table tbody tr .reset_variations {
  position: absolute;
  top: 5px;
  right: -50px;
  font-size: 14px;
}

.variation-container table tbody th {
  font-size: 16px;
  line-height: 1.2;
  min-width: 130px;
}

.variation-container table tbody .value {
  position: relative;
}

.variation-container table tbody .value:after {
  content: "\f107";
  font-weight: 600;
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
  line-height: 1;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.variation-container table tbody th label {
  position: relative;
  top: -8px;
}

.variation-container table tbody td select {
  padding: 5px 10px;
  font-size: 16px;
  margin-bottom: 15px;
  position: relative;
  padding-right: 30px;
  z-index: 1;
}

.variation-container .single_variation_wrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}

.variation-container .single_variation_wrap .single_add_to_cart_button:after {
  display: none;
}

/* --- Scrollbar Code --- */
.tltp-scroll .elementor-widget-container::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}

.tltp-scroll .elementor-widget-container::-webkit-scrollbar-track {
  background: #000000;
}

.tltp-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  transition: all 0.3s ease-in-out;
}

.tltp-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
  background: #d7d7d7;
}

/* --- Nested Tab - Product Page --- */

body:not(.elementor-editor-active).is-single-product .tab-container>.e-con-inner>.elementor-element,
body:not(.elementor-editor-active).is-single-product .tooltip-container .tooltip-content,
body:not(.elementor-editor-active).is-single-product .tab-wrapper .tab-content .tab-inner-content .read-more-content {
  display: none;
}

.ui-widget {
  font-family: "Open Sans", serif !important;
  padding: 0;
  border: none !important;
}

.tab-wrapper .ui-tabs {
  border: none !important;
  padding: 0 !important;
}

.tab-wrapper .ui-tabs .ui-tabs-nav li {
  margin: 0;
  padding: 0;
}

.tab-wrapper .ui-widget-header {
  background: transparent;
}

.tab-wrapper>.ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor {
  text-align: center;
  font-weight: 600;
}

.tab-wrapper>.ui-tabs-nav {
  border-radius: 5px;
  border: solid 1px #C6CACC;
  align-self: baseline;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

.tab-wrapper>.ui-tabs-nav>li {
  padding: 0 !important;
  margin: 0 !important;
}

.tab-wrapper>.ui-tabs-nav>li:first-child>a {
  border-right: solid 1px transparent;
}

.tab-wrapper>.ui-tabs-nav>li:last-child>a {
  border-left: solid 1px transparent;
}

.tab-wrapper>.ui-tabs-nav>li>a {
  min-width: 230px;
  font-size: 28px;
  padding: 7px 10px !important;
  background-color: #F4F4F4 !important;
  color: #919699;
  border-radius: 5px;
}

.tab-wrapper>.ui-tabs-nav>li.ui-tabs-active {
  border: none !important;
  background: transparent !important;
}

.tab-wrapper>.ui-tabs-nav>li.ui-tabs-active>a {
  border-radius: 5px;
  border-color: #C6CACC !important;
  background-color: #e8e8e8 !important;
  color: var(--accent-700);
}

.tab-wrapper>.ui-state-default,
.tab-wrapper>.ui-widget-content .ui-state-default,
.tab-wrapper>.ui-widget-header .ui-state-default {
  border: none;
}

.tab-wrapper .ui-tabs-panel {
  padding: 0 !important;
  border-radius: 0;
}

.tab-wrapper .tab-content>.tab-cc {
  display: flex;
  border: none;
}

.tab-wrapper .tab-content .tab-inner-content {
  margin-left: 30px;
}

.tab-wrapper .tab-content .tab-inner-content .elementor-button-content-wrapper .elementor-button-text {
  flex-grow: 0;
}

.tab-wrapper .tab-content .tab-inner-content .elementor-button-content-wrapper .elementor-button .elementor-align-icon-left {
  margin-right: 15px;
}

.tab-wrapper .tab-content .tab-cc ul {
  max-height: 290px;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 320px;
  padding: 0;
  border: none;
  width: 100%;
  background-color: #F4F4F4;
  border-radius: 5px;
}

.tab-wrapper .tab-content .tab-cc ul::-webkit-scrollbar {
  width: 5px;
  background-color: #B9B7BD;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.tab-wrapper .tab-content .tab-cc ul::-webkit-scrollbar-thumb {
  background-color: var(--accent-700);
}

.tab-wrapper .tab-content .tab-cc ul li,
.tab-wrapper>.ui-tabs>ul>li {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

.tab-wrapper .tab-content .tab-cc ul li a {
  border: none;
  border-radius: 0;
  font-size: 24px;
}

.tab-wrapper .tab-content .tab-cc ul li a,
.tab-wrapper>.ui-tabs>ul>li>a {
  width: 100%;
  color: #919699;
  font-weight: 600;
  font-family: "Open Sans", serif;
  text-align: center;
  background-color: #F4F4F4;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.tab-wrapper .tab-content .tab-cc ul li a:hover,
.tab-wrapper .tab-content .tab-cc ul li.ui-tabs-active a,
.tab-wrapper>.ui-tabs>ul>li>a:hover,
.tab-wrapper>.ui-tabs>ul>li.ui-tabs-active>a {
  background-color: #E3E5E5;
  color: var(--accent-700);
}

.tab-wrapper .tab-content .tab-inner-content>.e-con-inner {
  display: flex;
  column-gap: 30px;
}

.tab-wrapper .tab-content .tab-inner-content>.e-con-inner>.elementor-element {
  padding: 0;
}

.tab-wrapper .tab-content .tab-inner-content .tab-button .elementor-button-icon {
  position: relative;
  top: -4px;
}

.tab-wrapper .tab-content .tab-inner-content .read-more-button .elementor-button {
  box-shadow: none;
  padding: 0;
}

.tab-wrapper .tab-content .tab-inner-content .read-more-button .elementor-button-icon {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.tab-wrapper .tab-content .tab-inner-content .read-more-button .btn-active .elementor-button-icon {
  transform: rotate(180deg);
}

.classic-bike-shed-customisations-section .tab-wrapper .tab-content .tab-cc ul {
  max-height: 331px;
}

.tltp-scroll ul.elementor-icon-list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.tooltip-container .tooltip-trigger {
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  margin-left: 4px;
}

.tooltip-container .tooltip-list {
  padding-left: 0;
}

.tooltip-container .tooltip-list ul li:not(:last-child) {
  margin-right: 20 !important;
}

.tooltip-container .tooltip-trigger svg {
  position: relative;
  top: -15px;
  width: 13px;
}

.tippy-box {
  padding: 0;
  background-color: transparent;
  border-radius: 5px;
}

.tippy-box .tippy-content {
  padding: 0;
  border-radius: 5px;
}

.tippy-box .tooltip-cc {
  background-color: #d7d7d7;
  padding: 10px;
  box-shadow: none;
  border-radius: 5px;
}

.tab-wrapper>.ui-tabs>.ui-tabs-nav {
  display: flex;
}

.tab-wrapper .tab-content .tab-inner-content span.elementor-button-icon {
  display: flex;
  align-items: center;
}

.is-single-product .tippy-arrow {
  color: #d7d7d7;
}

.is-single-product .tooltip-cc .trci-div {
  display: flex;
  padding: 0;
  flex-direction: row !important;
  gap: 5px;
}

.is-single-product .tooltip-cc .tr-title span.elementor-icon-list-text {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.is-single-product .tooltip-cc .tr-content .elementor-widget-container {
  color: #000;
  font-size: 16px;
}

.is-single-product .tooltip-cc .trci-div>div {
  padding: 0;
}

.is-single-product .product-specs p {
  margin-bottom: 0;
}

.is-single-product .product-specs .elementor-divider {
  padding-block-start: 5px !important;
  padding-block-end: 5px !important;
}

.is-single-product .our-bestseller .price {
  color: var(--accent-700);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.is-single-product .our-bestseller .product-single-add-to-cart .btn {
  font-weight: 600;
  padding: 13px 20px;
}

.is-single-product .our-bestseller .product-single-add-to-cart {
  text-align: center;
}

@media (max-width: 1024px) {
  .tab-wrapper .tab-content .tab-inner-content>.e-con-inner {
    flex-wrap: wrap;
  }

  .tab-wrapper .tab-content .tab-inner-content>.e-con-inner .elementor-widget-image {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .tippy-box #top-tooltip {
    min-width: 600px;
    padding: 0 10px 0 20px;
  }

  .is-single-product .tooltip-cc .tr-content {
    width: 65%;
    padding-left: 0;
    padding-right: 0;
  }

  .is-single-product .tooltip-cc .tr-image {
    width: 35%;
  }
}

@media (max-width: 991px) {
  .is-single-product .tooltip-cc .trci-div {
    flex-direction: column !important;
    gap: 10px;
  }

  .is-single-product .tooltip-cc .tr-content {
    width: 100%;
  }

  .tippy-box #top-tooltip {
    padding: 15px;
    padding-top: 0;
  }

  .is-single-product .tooltip-cc .tr-title,
  .is-single-product .tooltip-cc .e-con-full {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .related-product-module article>div>div>div>div>div>div>div:first-child {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .di-section .elementor-image-box-wrapper {
    display: flex;
  }

  .di-section .elementor-image-box-wrapper figure.elementor-image-box-img {
    margin-right: 15px !important;
  }

  .gallery-module figure.swiper-slide-inner {
    height: 300px;
  }

  .tab-wrapper .tab-content>.tab-cc {
    flex-wrap: wrap;
  }

  .tab-wrapper .tab-content .tab-cc ul {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .tab-wrapper .tab-content .tab-inner-content {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .gallery-module figure.swiper-slide-inner {
    height: 240px;
  }

  .tab-wrapper>.ui-tabs>ul {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
  }

  .tab-wrapper>.ui-tabs-nav>li,
  .tab-wrapper>.ui-tabs-nav>li>a {
    width: 100% !important;
  }

  .tab-wrapper>.ui-tabs-nav>li>a {
    min-width: 166px;
  }

  .is-single-product .trci-div {
    flex-wrap: wrap;
  }

  .is-single-product .tr-image .elementor-widget-container {
    text-align: left;
  }
}


/*==================================
    Header
==================================*/

body {
  position: relative;
}

body:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .8);
  z-index: 3;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

body.mobile-menu-active {
  overflow: hidden !important;
}

body.mobile-menu-active:before {
  opacity: 1;
  visibility: visible;
}

.site-header {
  display: none;
}

.custom-header {
  position: relative;
}

.custom-header .logo {
  max-width: 158px;
  width: 100%;
}

.custom-header .inner-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-header .img-fluid {
  max-width: 100%;
  height: auto;
}

.custom-header nav {
  background-color: var(--white);
}

.custom-header nav>ul>li {
  display: inline-block;
  padding-top: 40px;
  padding-bottom: 40px;
  cursor: pointer;
}

.custom-header nav>ul>li>a {
  font-weight: 500;
  color: var(--accent-700);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.custom-header nav>ul>li:hover>a {
  font-weight: 700;
}

.custom-header nav>ul>li>a {
  text-decoration: none;
  position: relative;
}

.custom-header nav>ul>li:not(:last-child) {
  margin-right: 40px;
}

.custom-header nav>ul>.has-children>a {
  padding-right: 20px;

}

.custom-header nav>ul>.has-children>a:after {
  content: "\f107";
  font-weight: 600;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 4px;
  line-height: 1;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.custom-header nav>ul>.has-children:hover>a:after {
  transform: rotate(-180deg);
}

.custom-header nav>ul>.has-children>.desktop {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 2;
  padding: 20px;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--white);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: solid 1px var(--grey-100);
  box-shadow: 0 2px 4px 0 rgba(8, 35, 48, 0.1);
  visibility: hidden;
  clip: rect(0, 200vw, 0, 0);
  opacity: 0;
  transform: translateZ(0);
  cursor: default;
}

.custom-header nav>ul>.has-children>.best-sellers {
  max-width: 700px;
}

.custom-header nav>ul>.has-children>.about {
  max-width: 780px;
}

.custom-header nav>ul>.has-children:hover>.desktop {
  visibility: visible;
  opacity: 1;
  clip: rect(0, 100vw, 200vh, -30px);
  transition: clip .6s linear, opacity .4s linear;
}

.custom-header .has-image {
  display: flex;
  border-radius: 12px;
  border: solid 1px var(--beige);
}

.custom-header .has-image:not(:last-child) {
  margin-bottom: 20px;
}

.custom-header .has-image .left-col {
  padding: 20px 10px;
  display: flex;
  column-gap: 15px;
  width: 63%;
}

.custom-header .has-image .left-col .title,
.custom-header .has-image .left-col .title a {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  text-decoration: none;
  color: var(--accent-700);
}

.custom-header .has-image .left-col p {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--grey-700);
  line-height: 1.5;
}

.custom-header .has-image .left-col .product-image {
  width: 20%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.custom-header .has-image .left-col .sub-title {
  color: var(--accent-500);
  font-size: 18px;
  font-weight: 600;
}

.custom-header .has-image .left-col .specifications>li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-700);
  line-height: 1;
}

.custom-header .has-image .left-col .specifications>li:not(:last-child) {
  margin-right: 25px;
}

.custom-header .has-image .left-col .specifications>li:not(:last-child):after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
  background-color: var(--grey-300);
}

.custom-header .has-image .right-col {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
  background-color: var(--beige);
  width: 38%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.custom-header .has-image .right-col .btn {
  padding: 15px 20px;
}

.custom-header .has-image .right-col .product-price {
  font-size: 24px;
  font-weight: 600;
  color: var(--accent-700);
  margin-bottom: 10px;
}

.custom-header .about.desktop>li {
  width: calc(33.33% - 10px);
}

.custom-header .about.desktop li:not(:last-child) {
  margin-bottom: 5px;
}

.custom-header .about.desktop li {
  position: relative;
  padding-right: 7.5px;
}

.custom-header .about.desktop li ul {
  position: absolute;
  top: 0;
  left: calc(100% + 50px);
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.custom-header .about.desktop li ul li:not(:first-of-type) ul {
  bottom: -92px;
  top: auto;
}

.custom-header .about.desktop li:hover>ul {
  opacity: 1;
  visibility: visible;
  left: calc(100% + 20px);
}

.custom-header .about.desktop li a {
  text-decoration: none;
  padding: 10px;
  min-height: 92px;
  background-color: #F7F9FA;
  color: var(--accent-700);
  display: block;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.custom-header .about.desktop li a:hover {
  background-color: #F1F3F4;
  color: var(--accent-700);
}

.custom-header .about.desktop li h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.custom-header .about.desktop li p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
}

.custom-header .about.desktop li.has-children>a:after {
  content: "\f105";
  font-weight: 600;
  font-family: FontAwesome;
  color: var(--accent-700);
  opacity: .5;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 1;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.custom-header .about.desktop li a:hover:after {
  opacity: 1;
}

.custom-header .btn,
.is-single-product .our-bestseller .btn {
  color: var(--accent-100);
  background-color: var(--accent-700);
  text-decoration: none;
  line-height: 1;
  display: inline-flex;
  white-space: nowrap;
  padding: 13px 30px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.custom-header .btn:hover,
.is-single-product .our-bestseller .btn:hover {
  color: var(--accent-700);
  background-color: var(--yellow);
}

.custom-header .cart-icon {
  position: relative;
  width: 30px;
}

.custom-header .cart-icon .cart-quantity {
  position: absolute;
  top: 7px;
  right: -7px;
  border-radius: 100%;
  font-size: 10px;
  border: solid .5px var(--black);
  width: 18px;
  height: 18px;
  background-color: var(--beige-100);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.top-bar-section {
  margin-bottom: 25px;
}

.top-bar-section .inner-col {
  background-color: var(--beige-100);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.top-bar-section .benefit-single {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}

.top-bar-section .benefit-single .left-col {
  flex-shrink: 0;
  max-width: 32px;
  width: 100%;
}

.top-bar-section .benefit-single:first-of-type .left-col {
  max-width: 26px;
}

.top-bar-section .benefit-single .right-col .star-rating {
  line-height: 1;
}

.top-bar-section .benefit-single .title {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-800);
  line-height: 1.2;
}

.top-bar-section .benefit-single .sub-title {
  font-weight: 400;
  font-size: 12px;
  color: var(--accent-800);
  line-height: 1.2;
}

.top-bar-section .benefit-single:not(:last-of-type):after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: var(--accent-700);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*==================================
  Configurator
==================================*/

.configurator-active {
  padding-right: 17px;
  overflow: hidden;
}

.configurator-popup-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(33, 37, 41, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.configurator-popup {
  position: relative;
  max-width: 80vw;
  max-height: 90vh;
  width: 100%;
  height: 100%;
  padding: 40px 0;
  background-color: var(--white);
  overflow-y: auto;
}

.configurator-popup #configurator-loader {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.configurator-popup-container.active {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
}

.configurator-popup-content {
  width: 100%;
  height: 100%;
}


.close-configurator {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: var(--white);
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.close-configurator:hover {
  opacity: 1;
}

.close-configurator:before,
.close-configurator:after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: var(--accent-700);
  position: absolute;
  top: 50%;
  left: 50%;
}

.close-configurator:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close-configurator:after {
  transform: translate(-50%, -50%) rotate(45deg);
}

/*==================================
    Cart Page
==================================*/

.woocommerce-cart .woocommerce-message {
  background: #F4F4F4 !important;
}

.woocommerce-cart .woocommerce-message .button:not(:hover) {
  background-color: #3A381F;
}

.cart-collaterals .cart_totals {
  padding: 40px 10px 30px;
}

/*==================================
    Product Single Page
==================================*/

#variations-per-page-form {
  margin-bottom: 20px;
}

#variations-per-page {
  margin-left: 10px;
  padding: 5px;
}

/*==================================
    Shop Page
==================================*/

.is-post-type-archive.woocommerce-shop .page-title,
.is-post-type-archive.woocommerce-shop .page-description {
  display: none;
}

/*==================================
    Configurator Loader
==================================*/

.configurator-container {
  display: none;
}

#configurator-loader {
  position: relative;
  text-align: center;
}

#configurator-loader .configurator-title {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
}

.loader-indicator {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #3a381f 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, #3a381f);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}

@keyframes l13 {
  100% {
    transform: rotate(1turn)
  }
}

/*==================================
  Garden Storage Page
==================================*/

.pp-price.d-none,
.pp-changed-price.d-none,
.single_variation_wrap .single_variation {
  display: none !important;
}

.pp-changed-price {
  margin-top: 3px;
}

.pp-changed-price .amount {
  color: var(--accent-700);
  font-size: 36px;
  font-weight: 600;
}

/*==================================
    Responsive
==================================*/

@media (min-width:1024px) {

  .custom-header .mobile-nav-container,
  .custom-header .mobile-menu,
  .mobile-menu-trigger,
  .custom-header .mobile-header,
  .custom-header .sub-menu-trigger,
  .top-bar-section .mobile {
    display: none;
  }
}

@media (min-width: 48em) {

  .custom-header .container,
  .top-bar-section .container {
    --site-header-item-space-x: 1.5rem;
    --site-header-item-space-y: 2.25rem;
    padding: 0 40px;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 64em) {

  .custom-header .container,
  .top-bar-section .container {
    --site-header-item-space-x: 2rem;
    padding: var(--site-header-item-space-y) 36px;
    font-size: 1.125rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 80em) {

  .custom-header .container,
  .top-bar-section .container {
    --site-header-item-space-y: 3rem;
    padding: var(--site-header-item-space-y) max(48px, (100% - 1344px) / 2);
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 1299px) {
  .custom-header .header-cta-btn {
    display: none;
  }

  .product-slider-section .product-slider .swiper-slide {
    height: 428px;
  }
}

@media (max-width: 1200px) {
  .custom-header nav>ul>li:not(:last-child) {
    margin-right: 20px;
  }
}

@media (max-width: 1100px) {
  .custom-header nav>ul>li:not(:last-child) {
    margin-right: 10px;
  }
}

@media (max-width:1023px) {
  .product-slider-section .product-slider .swiper-slide {
    height: 600px;
  }

  .site-notice {
    display: none;
  }

  .top-bar-section {
    margin-bottom: 20px;
  }

  .custom-header .inner-col>.cart,
  .custom-header .desktop-nav-container,
  .top-bar-section .desktop {
    display: none;
  }

  .custom-header .container {
    padding: 15px;
  }

  .custom-header .mobile-header {
    text-align: center;
    border-bottom: solid 1px var(--grey-100);
    position: relative;
  }

  .custom-header .mobile-header .menu-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .custom-header .mobile-header .menu-close span {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: var(--grey-100);
    top: 13px;
    left: 0;
  }

  .custom-header .mobile-header .menu-close span:nth-child(1) {
    transform: rotate(-45deg);
  }

  .custom-header .mobile-header .menu-close span:nth-child(2) {
    transform: rotate(45deg);
  }

  .custom-header .mobile-header .title {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--accent-700);
    font-size: 20px;
    padding: 15px;
  }

  .top-bar-section .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .top-bar-section .benefits-slider .benefit-single {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-menu {
    display: flex;
    align-items: center;
    column-gap: 30px;
  }

  .mobile-menu-trigger {
    display: block;
    width: 30px;
    height: 20px;
    position: relative;
  }

  .mobile-menu-trigger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--accent-800);
    opacity: 1;
    left: 0;
    top: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .mobile-menu-trigger span:nth-child(2) {
    top: 10px;
  }

  .mobile-menu-trigger span:nth-child(3) {
    top: 20px;
  }

  .custom-header nav {
    position: fixed;
    top: 0;
    left: -575.98px;
    height: 100%;
    max-width: 575.98px;
    width: 100%;
    z-index: 99;
    overflow-y: auto;
    border-right: solid 1px var(--grey-100);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .mobile-menu-active .custom-header nav {
    left: 0;
  }

  .mobile-menu-active .mobile-nav-container {
    position: relative;
    height: calc(100% - 64px);
    overflow-y: auto;
  }

  .custom-header nav>ul li {
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: solid 1px var(--grey-100);
    margin-right: 0 !important;
    position: relative;
  }

  .custom-header nav>ul li a {
    padding: 15px;
    display: block;
    font-size: 18px;
    text-decoration: none;
  }

  .custom-header nav>ul>.has-children>a:after {
    display: none;
  }

  .custom-header nav>ul>.has-children .sub-menu-trigger {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border-left: solid 1px var(--grey-100);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .custom-header nav>ul>.has-children .sub-menu-trigger:before,
  .custom-header nav>ul>.has-children .sub-menu-trigger:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    transform: translate(-50%, -50%);
    background-color: var(--grey-100);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .custom-header nav>ul>.has-children .sub-menu-trigger:before {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .custom-header nav>ul>.has-children .sub-menu-trigger.active:before {
    opacity: 0;
    visibility: hidden;
  }

  .custom-header nav>ul li ul {
    border-top: solid 1px var(--grey-100);
    padding: 0;
    display: none;
  }

  .custom-header nav>ul>.has-children>ul>li>a {
    padding-left: 30px;
  }

  .custom-header nav>ul>.has-children>ul>li>ul>li>a {
    padding-left: 60px;
  }

  .custom-header nav>ul>.has-children>ul>li>ul>li>ul>li>a {
    padding-left: 90px;
  }

  .custom-header nav>ul>.has-children>ul li:last-child {
    border-bottom: none;
  }
}

@media (max-width: 575px) {
  .product-slider-section .product-slider .swiper-slide {
    height: 245px;
  }

  .close-configurator {
    top: 10px;
    right: 10px;
  }

  .variation-container .single_variation_wrap {
    padding-top: 20px;
  }

  .variation-container table tbody tr .reset_variations {
    position: relative;
    top: 0;
    right: 0;
  }

  .is-single-product .our-bestseller .product-single-add-to-cart {
    padding: 20px;
  }
}

@media (max-width: 380px) {
  .product-slider-section .product-slider .swiper-slide {
    height: 240px;
  }
}