.font-body {
  font-family: var(--font-body);
}

.font-heading {
  font-family: var(--font-heading);
}

.max-w-1440 {
  --at-site-box-max-width: 1440px;
}

.max-w-1600 {
  --at-site-box-max-width: 1600px;
}


.lead-animation {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.lead-animation.in-view {
  opacity: 1;
  transform: translateY(0);
}

.slide-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition-delay: 0.3s;
}

.slide-in-up.in-view {
  opacity: 1;
  transform: translateY(0);
}

.slide-in-up-long {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition-delay: 0.3s;
}

.slide-in-up-long.in-view {
  opacity: 1;
  transform: translateY(0);
}




.brxe-button {
  --btn-border-width: 3px;
  --btn-shadow-step: 1px;
  --btn-press-distance: calc(var(--btn-shadow-step) * 5);
  text-transform: capitalize;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  background-color: transparent !important;
  border: var(--btn-border-width) solid var(--btn-color, currentColor) !important;
  border-radius: 0 !important;
  box-shadow:
    calc(var(--btn-shadow-step) * 1) calc(var(--btn-shadow-step) * 1) 0 0 var(--btn-color, currentColor),
    calc(var(--btn-shadow-step) * 2) calc(var(--btn-shadow-step) * 2) 0 0 var(--btn-color, currentColor),
    calc(var(--btn-shadow-step) * 3) calc(var(--btn-shadow-step) * 3) 0 0 var(--btn-color, currentColor),
    calc(var(--btn-shadow-step) * 4) calc(var(--btn-shadow-step) * 4) 0 0 var(--btn-color, currentColor),
    calc(var(--btn-shadow-step) * 5) calc(var(--btn-shadow-step) * 5) 0 0 var(--btn-color, currentColor) !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
  transition: top 120ms ease, left 120ms ease, box-shadow 120ms ease, transform 120ms ease !important;
}

.brxe-button:hover {
  transform: translateY(-2px);
}

.brxe-button:active {
  top: var(--btn-press-distance) !important;
  left: var(--btn-press-distance) !important;
  box-shadow: 0 0 0 0 var(--btn-color, currentColor) !important;
}

.brxe-button.bricks-background-primary {
  --btn-color: var(--orange);
  color: var(--black);
}


.btn-primary {
  font-family: var(--font-heading);
}

.bricks-button {
  font-family: var(--font-heading);
  padding-top: 0.7em !important;
  padding-bottom: 0.75em !important;
}

.main-header-section .text-link-phone .text {
  display: none;
}


.woocommerce-form-register .woocommerce-button {
  text-transform: capitalize !important;
}


.brxe-woocommerce-products-filter .box-list li {
  padding-right: 4px;
  padding-left: 4px;
}

.brxe-woocommerce-products-filter .box-list li label {
  font-weight: 600;
  transition: 0.25s;
}

.brxe-woocommerce-products-filter .box-list li label:hover {
  color: var(--black);
}

.brxe-woocommerce-products-filter .box-list li.checked {
  background-color: var(--black);
}

.brxe-woocommerce-products-filter .box-list li.checked label:hover {
  color: #ffffff;
}

.brxe-filter-search input[type="search"] {
  font-size: medium;
}


.bm-product-single__product-stock.brxe-product-stock {
  padding-top: var(--at-space--2xs) !important;
  padding-bottom: var(--at-space--2xs) !important;
}



.wcwp-field-wrap {
  margin-bottom: 20px;
}

.ff-el-input--label label,
.wcwp-field-wrap label,
.woocommerce-form .form-row label {
  color: var(--black);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
textarea,
select,
.ff-el-form-control {
  border: 1px solid var(--form-field-border-color) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: var(--at-text--s) !important;
  font-family: var(--font-body) !important;
  line-height: 1.4;
  min-height: 50px !important;
  padding: 11px 15px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus,
.ff-el-form-control:focus {
  border-color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
}

.ff_submit_btn_wrapper {
  margin-top: 30px !important;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
textarea::placeholder,
.ff-el-form-control::placeholder {
  color: #9ca3af !important;
}


input[type="submit"],
button[type="submit"],
.ff-btn-submit,
.woocommerce button[type="submit"],
.woocommerce input[type="submit"] {
  --btn-color: var(--orange);
  --btn-border-width: 3px;
  --btn-shadow-step: 1px;
  --btn-press-distance: calc(var(--btn-shadow-step) * 5);
  text-transform: capitalize;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  background-color: transparent !important;
  color: var(--black) !important;
  border: var(--btn-border-width) solid var(--btn-color) !important;
  border-radius: 0 !important;
  box-shadow:
    calc(var(--btn-shadow-step) * 1) calc(var(--btn-shadow-step) * 1) 0 0 var(--btn-color),
    calc(var(--btn-shadow-step) * 2) calc(var(--btn-shadow-step) * 2) 0 0 var(--btn-color),
    calc(var(--btn-shadow-step) * 3) calc(var(--btn-shadow-step) * 3) 0 0 var(--btn-color),
    calc(var(--btn-shadow-step) * 4) calc(var(--btn-shadow-step) * 4) 0 0 var(--btn-color),
    calc(var(--btn-shadow-step) * 5) calc(var(--btn-shadow-step) * 5) 0 0 var(--btn-color) !important;
  cursor: pointer !important;
  transition: top 120ms ease, left 120ms ease, box-shadow 120ms ease, transform 120ms ease !important;
  font-size: var(--at-btn-medium-font-size) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  line-height: 1 !important;
  font-family: var(--font-heading) !important;
  padding-top: 0.7em !important;
  padding-bottom: 0.75em !important;
}

.ff-default .ff_btn_style:focus,
.ff-default .ff_btn_style:hover {
  opacity: 1 !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.ff-btn-submit:hover,
.woocommerce button[type="submit"]:hover,
.woocommerce input[type="submit"]:hover {
  opacity: 1 !important;
  transform: translateY(-2px);
}

input[type="submit"]:active,
button[type="submit"]:active,
.ff-btn-submit:active,
.woocommerce button[type="submit"]:active,
.woocommerce input[type="submit"]:active {
  opacity: 1 !important;
  top: var(--btn-press-distance) !important;
  left: var(--btn-press-distance) !important;
  box-shadow: 0 0 0 0 var(--btn-color) !important;
}



.brxe-woocommerce-mini-cart .cart-count {
  background-color: var(--orange);
}

.wpo-field label.wpo-radio span.wpo-radio-inner {
  background-color: transparent !important;
}

.wpo-field label.wpo-radio input:checked+span.wpo-radio-inner {
  background-color: var(--orange) !important;
  border-color: var(--orange) !important;
}

.wpo-totals-label {
  color: var(--at-black) !important;
  font-size: var(--at-text--xl) !important;
}

form.cart table.variations .reset_variations:before,
form.woocommerce-cart-form table.variations .reset_variations:before {
  line-height: 1.3;
}

form.cart table.variations,
form.woocommerce-cart-form table.variations {
  margin-bottom: 20px;
}

.wpo-options-container .wpo-field {
  padding: 0;
  border: none;
}

.wc-empty-cart-message {
  margin-bottom: 20px;
}

.cart-container .woocommerce-notices-wrapper .woocommerce-message a.restore-item {
  color: #ffffff !important;
}


.ff-el-group.helper-text p {
  font-size: 14px !important;
  opacity: 0.7 !important;
}

.ff-el-group+.ff-el-group.helper-text {
  margin-top: -20px !important;
}

body.bricks-is-frontend input:focus-visible {
  outline: none;
}

body.bricks-is-frontend input:focus-visible {
  outline-offset: unset;
}

.wholesale-registration-form-shortcode h2 {
  text-transform: uppercase;
  margin-bottom: var(--at-space--s);
}

.woocommerce-form-track-order input.input-text {
  border-color: var(--form-field-border-color) !important;
}

.woocommerce-form-track-order input.input-text:focus {
  border-color: #000000 !important;
}

.woocommerce-form-track-order>.form-row:has(button[type="submit"]) {
  margin-top: 10px !important;
}

@media (max-width: 991px) {
  .woocommerce-form-track-order>.form-row:not(:first-child) {
    margin-top: 20px !important;
  }

  .woocommerce-form-track-order>.form-row:has(button[type="submit"]) {
    margin-top: 30px !important;
  }
}



.woocommerce-account .brxe-social-icons a {
  transition: color 0.25s ease;
}

.woocommerce-account .brxe-social-icons a:hover {
  color: var(--orange);
}

.brxe-woocommerce-account-page a {
  color: var(--orange);
}

.brxe-woocommerce-account-page a:hover {
  text-decoration: underline;
}

.woocommerce-notices-wrapper .woocommerce-error a {
  background-color: unset;
  color: var(--orange);
  font-weight: normal;
  min-height: unset;
  padding: 0;
}

.hero-headings:last-child {
  margin-bottom: 0 !important;
}


@media (min-width: 768px) {
  .main-header-section .btn-primary {
    font-size: 14px !important;
    padding: 8px 10px 9px 10px !important;
  }
}

@media (min-width: 992px) {
  .main-header-section .bricks-nav-menu {
    column-gap: 10px !important;
  }

  .main-header-section .bricks-nav-menu>li {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #brx-header .bricks-nav-menu>li:last-child {
    margin-right: 0;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {}

@media (min-width: 1200px) {
  .main-header-section .bricks-nav-menu {
    column-gap: 20px !important;
  }

  .main-header-section .btn-primary {
    font-size: 15px !important;
  }
}

@media (min-width: 1281px) {}

@media (min-width: 1366px) {
  .main-header-section .text-link-phone .text {
    display: inline-flex;
  }
}

@media (min-width: 1440px) {
  .main-header-section .bricks-nav-menu {
    column-gap: 32px !important;
  }

  .main-header-section .btn-primary {
    font-size: 16px !important;
    padding: 12px 16px 13px 16px !important;
  }
}