.btn-ghost span { position: relative; display: inline-block; } .btn-ghost span::after { content: ''; position: absolute; width: 0; height: 1px; bottom: 0; left: 0; background: var(--color-primary-0); transition: width 0.2s ease; } .btn-ghost:hover span::after { width: 100%; } .btn-ghost.btn-small { padding: 0; } .bc-glowing-card .btn-ghost.btn-small { margin: 8px 0; } .btn-ghost { display: flex; flex-direction: row; gap: 7px; align-items: center; } .btn .btn-icon, .btn-ghost .btn-icon { width: 10px; height: 10px; min-height: unset; min-width: unset; } .btn-ghost .btn-icon.btn-icon-info { width: 12px; height: 12px; }  #woofc-area .woofc-item-thumb img { background: var(--bg-primary-light); border-radius: 8px; } #woofc-area .woofc-item-qty { border-radius: 20px; overflow: hidden; border-color: var(--color-primary-800); height: 30px; width: 90px; flex-shrink: 0; border: 1px solid var(--color-primary-800); } #woofc-area .woofc-item-qty-inner .woofc-item-qty-minus, #woofc-area .woofc-item-qty-inner .quantity input, #woofc-area .woofc-item-qty-inner .woofc-item-qty-plus { background: var(--color-primary-0); } #woofc-area .woofc-item-qty-inner .quantity input { font-family: var(--heading-font-family); font-size: var(--font-size-s); font-weight: 500; line-height: var(--font-line-height-s); } #woofc-area .woofc-item-title { font-family: var(--heading-font-family); font-weight: 500; font-size: var(--font-size-m); line-height: var(--font-line-height-m); } #woofc-area .fly-cart-item-upsells { width: calc(100% + 100px); } #woofc-area .woofc-item-thumb { align-self: flex-start; } #woofc-area .woofc-area-top { background: var(--bg-secondary-light); text-transform: capitalize; font-weight: 500; font-family: var(--heading-font-family); border-bottom: 1px solid var(--color-primary-200); } #woofc-area .woofc-area-bot { padding-top: 20px; border-top: 1px solid var(--color-primary-200); } #woofc-area .woofc-cart-area { border-radius: var(--radius-standard); } #woofc-area .woofc-item { padding: 0 20px; margin: 0; border-bottom: 1px solid var(--color-primary-200); padding-bottom: 22px; margin-bottom: 20px; } #woofc-area .woofc-item-inner { border: none; }   .btn.btn-dark.btn-full:hover, .card:hover .btn.btn-dark.btn-full, .btn-trigger:hover .btn.btn-dark.btn-full, #woofc-area .woofc-action-checkout.woofc-action-checkout:hover { color: #131415 !important; } .btn.btn-dark.btn-full:hover span, .card:hover .btn.btn-dark.btn-full span, .btn-trigger:hover .btn.btn-dark.btn-full span, #woofc-area .woofc-action-checkout.woofc-action-checkout:hover span { color: #131415 !important; }   .woocommerce:has(.wc-empty-cart-message) { min-height: 100vh; display: flex; flex-direction: column; align-items: center; padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }  .wc-empty-cart-message, .return-to-shop { max-width: 50%; width: 100%; margin-left: auto; margin-right: auto; }  .wc-empty-cart-message .cart-empty.woocommerce-info {  font-size: var(--font-size-6xl); line-height: var(--font-line-height-6xl); font-family: var(--heading-font-family); font-weight: 500;  background: transparent; border: none; padding: 0; margin-bottom: var(--space-xl); color: var(--color-primary-900); } .wc-empty-cart-message .cart-empty.woocommerce-info::before { display: none;  } .return-to-shop a.button.wc-backward {  display: inline-flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 20px; border-radius: var(--button-radius); cursor: pointer; transition: .4s cubic-bezier(.42, 0, .58, 1); background-color: transparent; position: relative; overflow: hidden; border: 1px solid; font-size: 14px;  color: var(--color-primary-900); border: 1px solid var(--color-primary-900); text-decoration: none; } .return-to-shop a.button.wc-backward::after { position: absolute; height: calc(100% + 2px); transition: .4s cubic-bezier(.42, 0, .58, 1); border-radius: var(--button-radius); content: ""; display: block; top: -1px; right: -1px; width: 0; z-index: 0; background: var(--color-primary-900); } .return-to-shop a.button.wc-backward:hover::after { left: 0; right: auto; width: calc(100% + 2px); } .return-to-shop a.button.wc-backward:hover { color: var(--color-primary-100); background: var(--color-primary-900); }  .wc-empty-cart-message, .return-to-shop { text-align: center; }  @media (max-width: 1024px) { .wc-empty-cart-message, .return-to-shop { max-width: 70%; } } @media (max-width: 768px) { .wc-empty-cart-message, .return-to-shop { max-width: 85%; } } @media (max-width: 480px) { .wc-empty-cart-message, .return-to-shop { max-width: 90%; } } .banner__stuck.banner__stuck { top: 0; position: fixed; } .banner__stick.banner__stuck.banner__scroll-up { top: var(--header-height); } :where(p) { margin: 0; } .copy__text p { margin-bottom: var(--space-xs); } strong { font-weight: 500 !important; } p a { font-weight: 500 !important; text-decoration: underline; } img.brxe-cloudinary-image, .cloudinary-video, .brxe-cloudinary-video { width: 100%; } .brxe-cloudinary-video video { display: block; }  .reviews__snippet { display: flex; flex-direction: column; align-items: flex-start; } .reviews__snippet__text { display: flex; flex-direction: row; gap: 6px; align-items: flex-start; margin-bottom: 9px; flex-wrap: wrap; }  .breadcrumbs { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }  .breadcrumbs a { padding-bottom: 1px; border-width: 0 0 1px; border-style: solid; font-weight: 400; } .banner__container.brxe-container { flex-direction: row; align-items: center; justify-content: space-between; column-gap: var(--space-l); display: flex; grid-template-columns: 2fr 1fr; grid-gap: var(--space-xl); padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .image-included .banner__container { display: flex; align-items: flex-start; flex-direction: row; } .banner__text.brxe-div { position: relative; max-width: 600px; } .breadcrumbs.brxe-breadcrumbs { font-size: var(--font-size-xs); margin-bottom: var(--space-xs); } .banner__title.brxe-heading { margin-bottom: var(--space-4xs); font-size: var(--font-size-6xl); line-height: var(--font-line-height-6xl); } .banner__description.brxe-text-basic { margin-bottom: var(--space-m); font-size: var(--font-size-m); } .banner__image.brxe-div { border-radius: var(--card-radius); overflow: hidden; width: 100%; max-width: 400px; } .banner__social svg path { fill: var(--bricks-border-color); } .banner__social { display: flex; flex-direction: row; gap: var(--space-s); } .banner__social_link { display: flex; gap: var(--space-xs); flex-direction: row; font-size: var(--font-size-s); } .banner__social_link a { display: flex; align-items: center; } .banner__stick { position: relative; width: 100%; z-index: 98; height: var(--sticky-nav-height); display: flex; align-items: center; justify-content: flex-start; gap: 1rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; transition: top 0.4s ease, background 0.2s ease; } .banner__stick::-webkit-scrollbar { display: none; } .banner__stick .content-padded { display: flex; flex-direction: row; justify-content: space-between; gap: 40px; align-items: center; flex-wrap: nowrap; } .banner__anchors { display: flex; flex-direction: row; gap: var(--space-m); } .banner__anchors__link { opacity: 0.5; transition: opacity 0.2s ease; font-size: var(--font-size-s); font-weight: 500; } .banner__anchors__link.active, .banner__anchors__link:hover { opacity: 1; } .banner__stick.is-sticky { position: fixed; left: 0; right: 0; } .banner__social_link:first-child { font-size: var(--font-size-s); }  @media (max-width: 768px) { .banner__text.brxe-div { max-width: 100%; } .banner__image.brxe-div { width: 100%; max-width: 100%; order: -1; } } @media (max-width: 600px) { .banner__text.brxe-div { width: unset; padding: unset; margin-top: var(--space-l); } }  #woofc-area .woofc-action-inner a { text-transform: capitalize; font-weight: 400; } .btn, #woofc-area .woofc-action-cart.woofc-action-cart, #woofc-area .woofc-action-checkout.woofc-action-checkout { display: inline-flex; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; transition: .4s cubic-bezier(.42, 0, .58, 1); background-color: transparent; position: relative; border-radius: var(--button-radius); -webkit-border-radius: var(--button-radius); -moz-border-radius: var(--button-radius); overflow: hidden; border: 1px solid; padding: 8px 20px; font-size: 14px } .btn span, #woofc-area .woofc-action-cart.woofc-action-cart, #woofc-area .woofc-action-checkout.woofc-action-checkout { display: flex; flex-direction: row; align-items: center; } .btn svg path, #woofc-area .woofc-action-cart.woofc-action-cart path, #woofc-area .woofc-action-checkout.woofc-action-checkout path { transition: fill .5s ease-in-out } .btn::after, #woofc-area .woofc-action-cart.woofc-action-cart::after, #woofc-area .woofc-action-checkout.woofc-action-checkout::after { position: absolute; height: calc(100% + 2px); transition: .4s cubic-bezier(.42, 0, .58, 1); -webkit-transition: .4s cubic-bezier(.42, 0, .58, 1); -o-transition: .4s cubic-bezier(.42, 0, .58, 1); -moz-transition: .4s cubic-bezier(.42, 0, .58, 1); border-radius: var(--button-radius); -webkit-border-radius: var(--button-radius); -moz-border-radius: var(--button-radius); content: ""; display: block; top: -1px; right: -1px; width: 0; content: ""; height: -webkit-calc(100% + 2px); height: -moz-calc(100% + 2px); z-index: 0 } .btn:hover::after, .bc-glowing-card a:hover .btn::after, #woofc-area .woofc-action-cart.woofc-action-cart:hover::after, #woofc-area .woofc-action-checkout.woofc-action-checkout:hover::after, .card:hover .btn::after, .btn-trigger:hover .btn::after{ left: 0; right: auto; width: -webkit-calc(100% + 2px); width: -moz-calc(100% + 2px); width: calc(100% + 2px) } .btn span, #woofc-area .woofc-action-cart.woofc-action-cart span, #woofc-area .woofc-action-checkout.woofc-action-checkout span{ line-height: 1.7; } .btn span, .btn svg, #woofc-area .woofc-action-cart.woofc-action-cart svg, #woofc-area .woofc-action-cart.woofc-action-cart span, #woofc-area .woofc-action-checkout.woofc-action-checkout svg, #woofc-area .woofc-action-checkout.woofc-action-checkout span { z-index: 1 } .btn svg, #woofc-area .woofc-action-cart.woofc-action-cart svg, #woofc-area .woofc-action-checkout.woofc-action-checkout svg{ margin-left: 8px; height: 10px; width: 9px; } .btn-small { padding: 8px 20px; font-size: 12px } .btn-large { padding: 10px 22px; font-size: 16px } .btn.btn-dark.btn-outline, #woofc-area .woofc-action-cart.woofc-action-cart { color: var(--color-primary-900); border: 1px solid var(--color-primary-900); } .btn.btn-dark.btn-full, #woofc-area .woofc-action-checkout.woofc-action-checkout { color: var(--color-primary-100); background: var(--color-primary-900); border: 1px solid var(--color-primary-900); } .btn.btn-light.btn-outline { color: var(--color-primary-100); border: 1px solid var(--color-primary-100); } .btn.btn-light.btn-full { color: var(--color-primary-900); background: var(--color-primary-100); border: 1px solid var(--color-primary-100); } .btn.btn-light.btn-full path, .btn.btn-dark.btn-outline path, #woofc-area .woofc-action-cart.woofc-action-cart path{ fill: var(--color-primary-900); } .btn.btn-dark.btn-full path, .btn.btn-light.btn-outline path, #woofc-area .woofc-action-checkout.woofc-action-checkout path { fill: var(--color-primary-100) } .bc-glowing-card a:hover .btn-light.btn-outline, .btn-light.btn-outline:hover, .card:hover .btn-light.btn-outline, .btn-trigger:hover .btn-light.btn-outline { color: var(--color-primary-900); background: var(--color-primary-100) } .btn.btn-light.btn-outline:hover path, .bc-glowing-card a:hover .btn.btn-light.btn-outline path, .card:hover .btn.btn-light.btn-outline path, .btn-trigger:hover .btn.btn-light.btn-outline path { fill: var(--color-primary-900) } .btn-light.btn-outline::after { background: var(--color-primary-100) } .btn-light.btn-full::after { background: var(--color-primary-900) } .btn-light.btn-full:hover, .card:hover .btn-light.btn-full, .btn-trigger:hover .btn-light.btn-full { color: var(--color-primary-100) } .btn.btn-light.btn-full:hover path, .card:hover .btn.btn-light.btn-full path, .btn-trigger:hover .btn.btn-light.btn-full path { fill: var(--color-primary-100) } .btn-dark.btn-outline:hover, #woofc-area .woofc-action-cart.woofc-action-cart:hover, .card:hover .btn-dark.btn-outline, .btn-trigger:hover .btn-dark.btn-outline{ color: var(--color-primary-100); background: var(--color-primary-900) } .btn.btn-dark.btn-outline:hover path, #woofc-area .woofc-action-cart.woofc-action-cart:hover path, .card:hover .btn.btn-dark.btn-outline path, .btn-trigger:hover .btn.btn-dark.btn-outline path{ fill: var(--color-primary-100); } .btn-dark.btn-outline::after, #woofc-area .woofc-action-cart.woofc-action-cart::after { background: var(--color-primary-900) } .btn-dark.btn-full::after, #woofc-area .woofc-action-checkout.woofc-action-checkout::after { background: var(--color-primary-100) } .btn-dark.btn-full:hover, .card:hover .btn-dark.btn-full, ..btn-trigger:hover .btn-dark.btn-full, #woofc-area .woofc-action-checkout.woofc-action-checkout:hover { color: var(--color-primary-900) } .btn.btn-dark.btn-full:hover path, .card:hover .btn.btn-dark.btn-full path, .btn-trigger:hover .btn.btn-dark.btn-full path, #woofc-area .woofc-action-checkout.woofc-action-checkout:hover path { fill: var(--color-primary-900) }  main#brx-content > :nth-child(1):not(.brxe-post-content) { padding-top: calc(var(--header-height) + var(--header-hello-height)); } .brxe-post-content > :nth-child(1) { padding-top: calc(var(--header-height) + var(--header-hello-height)); }  .cloudinary-picture img { width: 100%; height: 100%; }  form input, form textarea{ border-radius: var(--radius-l); } form { column-gap: var(--space-m); } form .message.success { margin-top: 20px; border-radius: var(--radius-m); }  header { color: var(--color-primary-900); } header path { fill: var(--color-primary-900); } .dark-header header { color: var(--color-primary-0); } .dark-header header path { fill: var(--color-primary-0); } .dark-header.light-header header, .dark-header .header__menu-links > li::after { background: var(--color-primary-0); } .header__menu-links > li::after { background: var(--color-primary-800); } .dark-header.dark-header header path { fill: var(--color-primary-0); } header .header-nav { justify-content: space-between; align-items: center; flex-direction: row; height: var(--header-height); z-index: 10000; } .dark-header header .header__logo__dark { display: none; } header .header__logo__light { display: none; } .dark-header header .header__logo__light { display: block; } header.scrolling .header__logo__light { display: block; } header.scrolling .header__logo__dark { display: none; } header.scrolling path { fill: var(--color-primary-0); } header.scrolling { color: var(--color-primary-0); }  body:has(.brxe-offcanvas.brx-open) { overflow: hidden !important; position: fixed !important; width: 100% !important; } header:has(.offcanvas-menu.brx-open) .header__logo__light { display: none; } header:has(.offcanvas-menu.brx-open) .header__logo__dark { display: block; } header:has(.offcanvas-menu.brx-open).scrolling { color: var(--color-primary-900); } header:has(.offcanvas-menu.brx-open).scrolling path { fill: var(--color-primary-900); } header:has(.offcanvas-menu.brx-open) .header__left-nav { color: var(--color-primary-900); } header:has(.offcanvas-menu.brx-open) path { fill: var(--color-primary-900); } header:has(.offcanvas-menu.brx-open) .header__right-nav .brxa-inner, header:has(.offcanvas-menu.brx-open) .header__right-nav .brxa-inner:after, header:has(.offcanvas-menu.brx-open) .header__right-nav .brxa-inner:before, header:has(.offcanvas-menu.brx-open) .header__menu-links > li::after { background: var(--color-primary-900); } .header__menu-links > li::after { content: ""; position: absolute; width: 0%; height: 2px; bottom: 3px; right: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; } header:has(.offcanvas-menu.brx-open) .header__menu-links > li.is-active::after, .header__menu-links > li:hover::after { left: 0; right: auto; width: 100%; }  .close-offcanvas-button { display: none; }  body:has(#mega-menu__stands-and-mounts.brx-open) .close-offcanvas-button, body:has(#mega-menu__accessories.brx-open) .close-offcanvas-button { display: flex; }  .focus-within { box-shadow: 0 0 0 var(--focus-width) var(--focus-color); }  .brxe-cloudinary-video video { box-shadow: unset !important; }  .woocommerce-checkout button#place_order, .woocommerce-checkout button[name="woocommerce_checkout_place_order"] { all: revert; display: block !important; width: 100% !important; padding: 12px 24px !important; background: var(--color-primary-900) !important; color: var(--color-primary-100) !important; border: none !important; border-radius: var(--button-radius) !important; cursor: pointer !important; font-weight: 500 !important; text-align: center !important; position: relative !important; overflow: visible !important; } .woocommerce-checkout button#place_order::after, .woocommerce-checkout button[name="woocommerce_checkout_place_order"]::after { display: none !important; } .woocommerce-checkout button#place_order:hover, .woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover { opacity: 0.9 !important; }  .social-login-wrapper { margin-top: 24px; padding-top: 24px; border-top: 1px solid #e5e5e5; }  .social-login-wrapper::before { content: "Or login with:"; display: block; text-align: center; margin-bottom: 16px; font-size: 14px; color: #666; font-weight: 500; }  .nsl-container-buttons { display: flex; gap: 12px; justify-content: center; align-items: center; }  .social-login-icon, .nsl-button { width: 50px !important; height: 50px !important; min-width: 50px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 2px solid #131415 !important; background-color: transparent !important; transition: all 0.3s ease !important; }  .social-login-icon svg, .nsl-button svg, .nsl-button-svg-container { width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease; }  .nsl-button-google, .nsl-button-linkedin, .nsl-button-apple { border-color: #131415 !important; } .nsl-button-google svg, .nsl-button-google svg path, .nsl-button-linkedin svg, .nsl-button-linkedin svg path, .nsl-button-apple svg, .nsl-button-apple svg path { fill: #131415 !important; transition: fill 0.3s ease; }  .nsl-button-google:hover, .nsl-button-linkedin:hover, .nsl-button-apple:hover { background-color: #131415 !important; border-color: #131415 !important; } .nsl-button-google:hover svg path, .nsl-button-linkedin:hover svg path, .nsl-button-apple:hover svg path { fill: #ffffff !important; }  .nsl-button-label-container { display: none !important; }  .cky-banner-element { display: none !important; }  .cky-consent-bar-element .cky-banner-element { display: inline !important; }