.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}:root {
--mbf-spacer: 1rem;
--mbf-spacing-10: var(--wp--preset--spacing--10, 0.25rem);
--mbf-spacing-20: var(--wp--preset--spacing--20, 0.5rem);
--mbf-spacing-30: var(--wp--preset--spacing--30, 0.75rem);
--mbf-spacing-40: var(--wp--preset--spacing--40, 1rem);
--mbf-spacing-50: var(--wp--preset--spacing--50, 1.25rem);
--mbf-spacing-60: var(--wp--preset--spacing--60, 1.5rem);
--mbf-spacing-70: var(--wp--preset--spacing--70, 2.5rem);
--mbf-spacing-80: var(--wp--preset--spacing--80, 7.5rem);
--mbf-spacing-90: var(--wp--preset--spacing--90, 1.5rem);
--mbf-spacing-100: var(--wp--preset--spacing--100, 2rem);
--mbf-spacing-110: var(--wp--preset--spacing--110, 2.5rem);
--mbf-spacing-120: var(--wp--preset--spacing--120, 4rem);
--mbf-spacing-130: var(--wp--preset--spacing--130, 5rem);
--mbf-spacing-140: var(--wp--preset--spacing--140, 7.5rem);
--mbf-spacing-150: var(--wp--preset--spacing--150, 5rem);
--mbf-spacing-160: var(--wp--preset--spacing--160, 7.5rem);
--mbf-header-topbar-height: 32px;
--mbf-header-height: 56px;
--mbf-content-size: var(--wp--style--global--content-size, 696px);
--mbf-content-size-wide: var(--wp--style--global--wide-size, 1400px);
--mbf-content-max-width: 540px;
--mbf-content-cart-items-width: 814px;
--mbf-content-cart-totals-width: 464px;
--mbf-product-stack-width: 540px;
--mbf-product-stack-image-width: 160px;
--mbf-product-grid-column-gap: 4px;
--mbf-product-gallery-thumbnails-min-width: 64px;
--mbf-product-grid-row-gap: var(--mbf-spacing-120);
--mbf-site-padding-top: var(--wp--style--root--padding-top, 0px);
--mbf-site-padding-bottom: var(--wp--style--root--padding-bottom, 1.5rem);
--mbf-site-padding-left: var(--wp--style--root--padding-left, 1.5rem);
--mbf-site-padding-right: var(--wp--style--root--padding-right, 1.5rem);
--mbf-textarea-min-height: 140px;
--mbf-color-site-background: var(--wp--preset--color--mbf-site-background, #fff);
--mbf-color-layout-background: var(--wp--preset--color--mbf-layout-background, #f3f5f9);
--mbf-color-primary: var(--wp--preset--color--mbf-primary, #000);
--mbf-color-primary-contrast: var(--wp--preset--color--mbf-primary-contrast, #fff);
--mbf-color-secondary: var(--wp--preset--color--mbf-secondary, #646464);
--mbf-color-secondary-contrast: var(--wp--preset--color--mbf-secondary-contrast, #fff);
--mbf-color-accent: var(--wp--preset--color--mbf-accent, #646464);
--mbf-color-accent-contrast: var(--wp--preset--color--mbf-accent-contrast, #fff);
--mbf-color-button: var(--wp--preset--color--mbf-button, #000);
--mbf-color-button-contrast: var(--wp--preset--color--mbf-button-contrast, #fff);
--mbf-color-button-hover: var(--wp--preset--color--mbf-button-hover, #000);
--mbf-color-button-hover-contrast: var(--wp--preset--color--mbf-button-hover-contrast, #fff);
--mbf-color-border: var(--wp--preset--color--mbf-border, #d4dcf0);
--mbf-color-overlay: var(--wp--preset--color--mbf-overlay, rgba(0, 0, 0, 0.4));
--mbf-color-shadow: var(--wp--preset--color--mbf-shadow, rgba(0, 0, 0, 0.05));
--mbf-color-header-shadow: var(--wp--preset--color--mbf-header-shadow, rgba(102, 134, 208, 0.05));
--mbf-color-input: var(--wp--preset--color--mbf-input, #000);
--mbf-color-input-bg: var(--wp--preset--color--mbf-input-bg, #f3f5f9);
--mbf-color-placeholder: var(--wp--preset--color--mbf-placeholder, #8d9bbc);
--mbf-color-tag: var(--wp--preset--color--mbf-tag, #c25100);
--mbf-color-tag-bg: var(--wp--preset--color--mbf-tag-bg, #fffced);
--mbf-color-success: var(--wp--preset--color--mbf-success, #43ad68);
--mbf-color-success-bg: var(--wp--preset--color--mbf-success-bg, #f7faf5);
--mbf-color-warning: var(--wp--preset--color--mbf-warning, #ed0202);
--mbf-color-warning-bg: var(--wp--preset--color--mbf-warning-bg, #fff7f7);
--mbf-color-notice: var(--wp--preset--color--mbf-notice, #92b2ff);
--mbf-color-notice-bg: var(--wp--preset--color--mbf-notice-bg, #f2f7ff);
--mbf-color-rating: var(--wp--preset--color--mbf-rating, #ffe667);
--mbf-color-gradient: var(--wp--preset--gradient--mbf-gradient, linear-gradient(84deg, #fff1ea 0%, #eaf1ff 100%));
--mbf-font-size-x-small: var(--wp--preset--font-size--x-small, 0.75rem);
--mbf-font-size-small: var(--wp--preset--font-size--small, 0.875rem);
--mbf-font-size-medium: var(--wp--preset--font-size--medium, 1rem);
--mbf-font-size-x-medium: var(--wp--preset--font-size--x-medium, 1.125rem);
--mbf-font-size-xx-medium: var(
--wp--preset--font-size--xx-medium,
clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.185), 1.25rem)
);
--mbf-font-size-large: var(
--wp--preset--font-size--large,
clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 0.037), 1.5rem)
);
--mbf-font-size-larger: var(--wp--preset--font-size--larger, clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.741), 2rem));
--mbf-font-size-x-large: var(
--wp--preset--font-size--x-large,
clamp(2rem, 2rem + ((1vw - 0.2rem) * 0.556), 2.375rem)
);
--mbf-font-size-xx-large: var(
--wp--preset--font-size--xx-large,
clamp(2.375rem, 2.375rem + ((1vw - 0.2rem) * 0.556), 2.75rem)
);
--mbf-font-size-xxx-large: var(
--wp--preset--font-size--xxx-large,
clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 0.741), 3rem)
);
--mbf-font-weight-normal: 400;
--mbf-font-weight-bold: 700;
--mbf-border-width: 1px;
--mbf-border-style: solid;
--mbf-slider-pagination-bullet-border-width: 2px;
--mbf-layout-elements-border-radius: 20px;
--mbf-layout-elements-border-radius-sm: 12px;
--mbf-layout-elements-border-radius-xs: 6px;
--mbf-thumbnail-border-radius: 20px;
--mbf-thumbnail-border-radius-sm: 12px;
--mbf-button-border-radius: 20px;
--mbf-input-border-radius: 22px;
--mbf-textarea-border-radius: 12px;
--mbf-tag-border-radius: 20px;
--mbf-button-border-width: 1px;
--mbf-button-border-type: solid;
--mbf-button-padding-x: var(--wp--preset--spacing--50);
--mbf-button-padding-y: 0.5rem;
--mbf-button-outline-padding-x: calc(var(--wp--preset--spacing--50) - 1px);
--mbf-button-outline-padding-y: calc(0.5rem - 1px);
--mbf-input-border-width: 1px;
--mbf-input-border-type: solid;
--mbf-pulse-size: 6px;
--mbf-pulse-color: currentcolor;
--mbf-pulse-color-transparent: rgba(95, 95, 95, 0);
--mbf-slider-navigation-width: 40px;
--mbf-slider-navigation-height: 40px;
--mbf-slider-navigation-border-radius: 50%;
--mbf-slider-pagination-height: 48px;
--mbf-slider-pagination-padding-top: 0px;
--mbf-slider-nav-prev-final-pos-x: -50%;
--mbf-slider-nav-next-final-pos-x: 50%;
--mbf-slider-nav-prev-shift-x: 8px;
--mbf-slider-nav-next-shift-x: -8px;
--mbf-transition: 0.25s;
--mbf-transition-secondary: 0.4s;
--mbf-hover-scale-ratio: 1.025;
--mbf-button-blur: 12px;
--mbf-icon-width: 40px;
--mbf-accordion-gap: -1px;
--mbf-shadow-h-offset: 0;
--mbf-shadow-v-offset: 0;
--mbf-shadow-blur: 20px;
--mbf-shadow-spread: 0;
--mbf-header-shadow-h-offset: 0;
--mbf-header-shadow-v-offset: 10px;
--mbf-header-shadow-blur: 20px;
--mbf-header-shadow-spread: 0;
--mbf-fade-in-animation-offset: -20px;
--mbf-input-padding-x: 1rem;
--mbf-input-padding-y: 0.8125rem;
--mbf-underline-bg-position: right 98%;
}
@media screen and (max-width: 575px) {
:root {
--mbf-offcanvas-width: 100%;
}
}
@media screen and (min-width: 576px) {
:root {
--mbf-offcanvas-width: 340px;
}
}
@media (max-width: 767.98px) {
:root {
--mbf-product-grid-row-gap: var(--mbf-spacing-70);
}
}
[dir=rtl] {
--mbf-underline-bg-position: left 98%;
--mbf-slider-nav-prev-final-pos-x: 50%;
--mbf-slider-nav-next-final-pos-x: -50%;
--mbf-slider-nav-prev-shift-x: -8px;
--mbf-slider-nav-next-shift-x: 8px;
}   .wc-block-components-checkout-step__heading,
.wc-block-components-checkout-order-summary__title,
.wc-block-components-totals-coupon,
.wc-block-components-totals-item {
color: var(--wp--preset--color--mbf-primary);
} .woocommerce-account .entry-content > .woocommerce {
padding-top: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--70);
}
:root :where(.is-layout-constrained) > .wp-block-spacer {
margin-top: 0;
}
.is-type-mbf-stretch {
height: 100%;
display: flex;
flex-direction: column;
}
.is-type-mbf-stretch > .wp-block-cover__inner-container {
height: 100%;
display: flex;
flex-direction: column;
}
.is-type-mbf-stretch > .wp-block-cover__inner-container > * {
width: 100%;
}
.is-type-mbf-image-stretch,
.is-type-mbf-image-stretch > img {
height: 100%;
}
.wp-block-group.is-type-mbf-stick-bottom {
margin-top: auto !important;
}
.is-type-mbf-label {
position: relative;
display: inline-flex;
align-items: center;
}
.is-type-mbf-label::before {
content: "";
display: flex;
width: 6px;
height: 6px;
margin-right: 10px;
background: currentcolor;
border-radius: 50%;
}
[dir=rtl] .is-type-mbf-label::before {
margin-right: 0;
margin-left: 10px;
}
.is-type-mbf-label.has-text-align-left {
align-self: flex-start;
}
.is-type-mbf-label.has-text-align-center {
align-self: center;
}
.is-type-mbf-label.has-text-align-right {
align-self: flex-end;
}
.wp-block-site-title a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.wp-block-site-title:hover a {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.wp-block-post-title {
max-width: var(--mbf-content-size-wide);
}
.wp-block-post-title a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.wp-block-post-title:hover a {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.wp-block-post-template .wp-block-post-title {
font-size: var(--mbf-font-size-xx-medium);
}
.has-text-color .wp-block-post-title {
color: inherit;
}
.has-link-color .wp-block-post-title {
color: inherit;
}
.has-text-color .wp-block-post-excerpt {
color: inherit;
}
.has-link-color .wp-block-post-excerpt {
color: inherit;
}
.wp-block-query-pagination {
gap: var(--wp--preset--spacing--20);
}
.wp-block-query-pagination .wp-block-query-pagination-previous:has(.is-arrow-chevron),
.wp-block-query-pagination .wp-block-query-pagination-next:has(.is-arrow-chevron) {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-query-pagination .wp-block-query-pagination-previous:has(.is-arrow-chevron)::before,
.wp-block-query-pagination .wp-block-query-pagination-next:has(.is-arrow-chevron)::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wp-block-query-pagination .wp-block-query-pagination-previous:has(.is-arrow-chevron),
.wp-block-query-pagination .wp-block-query-pagination-next:has(.is-arrow-chevron) {
width: 32px;
}
.wp-block-query-pagination .wp-block-query-pagination-previous span,
.wp-block-query-pagination .wp-block-query-pagination-next span {
margin-right: 0;
margin-left: 0;
}
.wp-block-query-pagination .wp-block-query-pagination-previous span.is-arrow-chevron,
.wp-block-query-pagination .wp-block-query-pagination-next span.is-arrow-chevron {
display: none;
}
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
transition: var(--mbf-transition);
color: var(--mbf-color-secondary);
}
.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover {
opacity: 0.6;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
display: flex;
gap: 0.5rem;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > * {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 40px;
overflow: hidden;
text-decoration: none;
transition: var(--mbf-transition);
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > *:not(.current):hover {
opacity: 0.6;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > .current {
background: var(--mbf-color-button);
color: var(--mbf-color-button-contrast);
}
.wp-block-query-pagination .wp-block-query-pagination-previous:has(.is-arrow-chevron)::before {
width: 32px;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
}
[dir=rtl] .wp-block-query-pagination .wp-block-query-pagination-previous:has(.is-arrow-chevron)::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
.wp-block-query-pagination .wp-block-query-pagination-next:has(.is-arrow-chevron)::before {
width: 32px;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
[dir=rtl] .wp-block-query-pagination .wp-block-query-pagination-next:has(.is-arrow-chevron)::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
}
.wp-block-tag-cloud.is-style-outline {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
gap: var(--mbf-spacing-10);
}
.wp-block-tag-cloud.is-style-outline a {
padding: var(--mbf-spacing-10) var(--mbf-spacing-20);
border-radius: var(--mbf-layout-elements-border-radius-xs);
border-color: var(--mbf-color-button);
color: var(--mbf-color-button);
background: var(--mbf-color-button-contrast);
transition: var(--mbf-transition);
}
.wp-block-tag-cloud.is-style-outline a:hover {
border-color: var(--mbf-color-button);
color: var(--mbf-color-button-contrast);
background: var(--mbf-color-button);
}
.wp-block-table {
overflow-x: unset;
}
.post-password-form label > input {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.post-password-form label > input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.post-password-form label > input {
font-size: var(--mbf-font-size-small);
}
}
.post-password-form label > input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.post-password-form label > input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.post-password-form label > input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.post-password-form label > input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.post-password-form label > input:focus, .post-password-form label > input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.post-password-form label > input {
display: inline-flex;
width: auto;
min-height: unset;
padding: var(--mbf-button-outline-padding-y) var(--mbf-button-outline-padding-x);
margin-left: var(--mbf-spacing-20);
}
.post-password-form label + input[type=submit] {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
display: inline-flex;
padding: var(--mbf-button-outline-padding-y) var(--mbf-button-outline-padding-x);
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
border: none;
transition: var(--mbf-transition);
}
.post-password-form label + input[type=submit]:hover {
color: var(--mbf-color-button-hover-contrast);
background-color: var(--mbf-color-button-hover);
}
blockquote.has-mbf-gradient-gradient-background {
border: none;
}
.wp-block-separator:not(.is-style-dots) {
border-top: none;
border-bottom: 1px solid var(--mbf-color-border);
}
.wp-block-columns.has-background {
overflow: hidden;
}
.wp-block-columns { }
.wp-block-columns[class*=is-columns-adaptive-] {
--mbf-adaptive-columns-gap: var(--mbf-spacing-10);
container-name: adaptivecols;
container-type: inline-size;
-moz-column-gap: var(--mbf-adaptive-columns-gap);
column-gap: var(--mbf-adaptive-columns-gap);
}
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
@container adaptivecols ( width < 1145px ) {
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-4 > .wp-block-column {
width: calc((100% - var(--mbf-adaptive-columns-gap)) / 2);
}
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-5 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-6 > .wp-block-column {
width: calc((100% - var(--mbf-adaptive-columns-gap) * 2) / 3);
}
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: unset !important;
flex-grow: 1;
}
}
@container adaptivecols (width < 937px) {
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-2 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-4 > .wp-block-column {
width: calc((100% - var(--mbf-adaptive-columns-gap)) / 2);
}
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-3 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-5 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-6 > .wp-block-column {
width: calc((100% - var(--mbf-adaptive-columns-gap) * 2) / 3);
}
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: unset !important;
flex-grow: 1;
}
}
@container adaptivecols (width < 713px) {
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-2 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-3 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-4 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-5 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-6 > .wp-block-column {
width: calc((100% - var(--mbf-adaptive-columns-gap)) / 2);
}
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: unset !important;
flex-grow: 1;
}
}
@container adaptivecols (width < 521px) {
.wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-2 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-3 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-4 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-5 > .wp-block-column, .wp-block-columns[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-6 > .wp-block-column {
width: 100%;
}
}
.wp-block-button.is-style-fill:not(.mbf-search-button *, .mbf-header-offcanvas__button *, .mbf-button-close *) > .wp-block-button__link, .wp-block-button:not(.mbf-search-button *,
.mbf-header-offcanvas__button *,
.mbf-button-close *,
.is-style-outline,
.is-style-mbf-button-secondary) > .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
}
.is-style-section-1 .wp-block-button.is-style-fill:not(.mbf-search-button *, .mbf-header-offcanvas__button *, .mbf-button-close *) > .wp-block-button__link, .is-style-section-1 .wp-block-button:not(.mbf-search-button *,
.mbf-header-offcanvas__button *,
.mbf-button-close *,
.is-style-outline,
.is-style-mbf-button-secondary) > .wp-block-button__link {
background: var(--mbf-color-primary-contrast);
color: var(--mbf-color-primary);
border-color: var(--mbf-color-primary-contrast);
}
.is-style-section-2 .wp-block-button.is-style-fill:not(.mbf-search-button *, .mbf-header-offcanvas__button *, .mbf-button-close *) > .wp-block-button__link, .is-style-section-3 .wp-block-button.is-style-fill:not(.mbf-search-button *, .mbf-header-offcanvas__button *, .mbf-button-close *) > .wp-block-button__link, .is-style-section-4 .wp-block-button.is-style-fill:not(.mbf-search-button *, .mbf-header-offcanvas__button *, .mbf-button-close *) > .wp-block-button__link, .wp-block-cover:has(.has-background-dim) .wp-block-button.is-style-fill:not(.mbf-search-button *, .mbf-header-offcanvas__button *, .mbf-button-close *) > .wp-block-button__link, .is-style-section-2 .wp-block-button:not(.mbf-search-button *,
.mbf-header-offcanvas__button *,
.mbf-button-close *,
.is-style-outline,
.is-style-mbf-button-secondary) > .wp-block-button__link, .is-style-section-3 .wp-block-button:not(.mbf-search-button *,
.mbf-header-offcanvas__button *,
.mbf-button-close *,
.is-style-outline,
.is-style-mbf-button-secondary) > .wp-block-button__link, .is-style-section-4 .wp-block-button:not(.mbf-search-button *,
.mbf-header-offcanvas__button *,
.mbf-button-close *,
.is-style-outline,
.is-style-mbf-button-secondary) > .wp-block-button__link, .wp-block-cover:has(.has-background-dim) .wp-block-button:not(.mbf-search-button *,
.mbf-header-offcanvas__button *,
.mbf-button-close *,
.is-style-outline,
.is-style-mbf-button-secondary) > .wp-block-button__link {
box-shadow: none;
}
.is-style-outline > .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
padding: var(--mbf-button-outline-padding-y) var(--mbf-button-outline-padding-x);
backdrop-filter: blur(var(--mbf-button-blur));
}
.is-style-mbf-button-secondary > .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
padding: var(--mbf-button-outline-padding-y) var(--mbf-button-outline-padding-x);
color: var(--mbf-color-button);
background: transparent;
}
.is-style-section-1 .is-style-mbf-button-secondary > .wp-block-button__link {
color: var(--mbf-color-primary-contrast);
border-color: var(--mbf-color-primary-contrast);
}
.is-style-section-2 .is-style-mbf-button-secondary > .wp-block-button__link {
color: var(--mbf-color-button-contrast);
border-color: var(--mbf-color-button-contrast);
}
.is-style-section-4 .is-style-mbf-button-secondary > .wp-block-button__link, .wp-block-cover:has(.has-background-dim) .is-style-mbf-button-secondary > .wp-block-button__link {
color: var(--mbf-color-primary-contrast);
border-color: var(--mbf-color-button-contrast);
backdrop-filter: blur(var(--mbf-button-blur));
}
.is-style-section-4 .is-style-mbf-button-secondary:not(.is-type-mbf-button-featured, .is-type-mbf-button-animated) > .wp-block-button__link, .wp-block-cover:has(.has-background-dim) .is-style-mbf-button-secondary:not(.is-type-mbf-button-featured, .is-type-mbf-button-animated) > .wp-block-button__link {
position: relative;
border-color: transparent;
}
.is-style-section-4 .is-style-mbf-button-secondary:not(.is-type-mbf-button-featured, .is-type-mbf-button-animated) > .wp-block-button__link::after, .wp-block-cover:has(.has-background-dim) .is-style-mbf-button-secondary:not(.is-type-mbf-button-featured, .is-type-mbf-button-animated) > .wp-block-button__link::after {
content: "";
display: flex;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: calc(var(--mbf-border-width) * -1);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-button-contrast);
border-radius: var(--mbf-button-border-radius);
opacity: 0.4;
}
@media (hover: hover) {
.is-style-mbf-button-secondary:hover > .wp-block-button__link {
color: var(--mbf-color-button-hover-contrast);
background: var(--mbf-color-button-hover);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-button-hover);
}
.is-style-section-1 .is-style-mbf-button-secondary:hover > .wp-block-button__link, .is-style-section-2 .is-style-mbf-button-secondary:hover > .wp-block-button__link {
color: var(--mbf-color-button-hover);
background: var(--mbf-color-button-hover-contrast);
border-color: var(--mbf-color-button-hover-contrast);
}
.is-style-section-4 .is-style-mbf-button-secondary:hover > .wp-block-button__link, .wp-block-cover:has(.has-background-dim) .is-style-mbf-button-secondary:hover > .wp-block-button__link {
color: var(--mbf-color-primary);
background: var(--mbf-color-button-hover-contrast);
border-color: var(--mbf-color-button-hover-contrast);
}
}
.is-type-mbf-button-featured .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.is-type-mbf-button-featured .wp-block-button__link::before, .is-type-mbf-button-featured .wp-block-button__link::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.is-type-mbf-button-featured .wp-block-button__link::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .is-type-mbf-button-featured .wp-block-button__link::before {
margin-left: 10px;
margin-right: unset;
}
.is-type-mbf-button-featured .wp-block-button__link::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .is-type-mbf-button-featured .wp-block-button__link::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.is-type-mbf-button-featured .wp-block-button__link:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .is-type-mbf-button-featured .wp-block-button__link:hover::before {
margin-left: 0;
margin-right: unset;
}
.is-type-mbf-button-featured .wp-block-button__link:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .is-type-mbf-button-featured .wp-block-button__link:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.is-type-mbf-button-animated .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.is-type-mbf-button-animated .wp-block-button__link::before, .is-type-mbf-button-animated .wp-block-button__link::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.is-type-mbf-button-animated .wp-block-button__link::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .is-type-mbf-button-animated .wp-block-button__link::before {
margin-left: 10px;
margin-right: unset;
}
.is-type-mbf-button-animated .wp-block-button__link::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .is-type-mbf-button-animated .wp-block-button__link::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.is-type-mbf-button-animated .wp-block-button__link:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .is-type-mbf-button-animated .wp-block-button__link:hover::before {
margin-left: 0;
margin-right: unset;
}
.is-type-mbf-button-animated .wp-block-button__link:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .is-type-mbf-button-animated .wp-block-button__link:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.is-type-mbf-button-animated .wp-block-button__link::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.is-type-mbf-button-animated .wp-block-button__link::before::active {
transform: scale(1.5);
}
.is-type-mbf-button-animated .wp-block-button__link::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.is-type-mbf-button-animated .wp-block-button__link:hover::before {
width: 0;
}
.is-type-mbf-button-animated .wp-block-button__link:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.is-type-mbf-button-animated .wp-block-button__link:hover::after::active {
transform: scale(1.5);
}
}
.wp-block-buttons.is-content-justification-center .is-type-mbf-button-featured .wp-block-button__link,
.wp-block-buttons.is-content-justification-center .is-type-mbf-button-animated .wp-block-button__link {
justify-content: center;
}
.wp-block-buttons.is-content-justification-left .is-type-mbf-button-featured .wp-block-button__link,
.wp-block-buttons.is-content-justification-left .is-type-mbf-button-animated .wp-block-button__link {
justify-content: flex-start;
}
.wp-block-buttons.is-content-justification-right .is-type-mbf-button-featured .wp-block-button__link,
.wp-block-buttons.is-content-justification-right .is-type-mbf-button-animated .wp-block-button__link {
justify-content: flex-end;
}
.wp-block-buttons.is-content-justification-space-between .is-type-mbf-button-featured .wp-block-button__link,
.wp-block-buttons.is-content-justification-space-between .is-type-mbf-button-animated .wp-block-button__link {
justify-content: space-between;
}
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit !important;
}
.wp-block-buttons[style*=font-style] .wp-block-button__link {
font-style: inherit !important;
}
.wp-block-buttons[style*=font-weight] .wp-block-button__link {
font-weight: inherit !important;
}
.wp-block-buttons[style*=line-height] .wp-block-button__link {
line-height: inherit !important;
}
.wp-block-buttons[style*=letter-spacing] .wp-block-button__link {
letter-spacing: inherit !important;
}
.wp-block-buttons[style*=text-transform] .wp-block-button__link {
text-transform: inherit !important;
}
.wp-block-buttons .wp-block-button.alignleft {
text-align: left;
}
.wp-block-buttons .wp-block-button.alignright {
text-align: right;
}
.wp-block-buttons .wp-block-button.aligncenter {
text-align: center;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
text-align: center;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wp-block-buttons .wp-block-button .wp-block-button__link:not([href]) {
cursor: default;
}
.wp-block-buttons .wp-block-button[style*=font-style] .wp-block-button__link {
font-style: inherit;
}
.wp-block-buttons .wp-block-button[style*=font-weight] .wp-block-button__link {
font-weight: inherit;
}
.wp-block-buttons .wp-block-button[style*=line-height] .wp-block-button__link {
line-height: inherit;
}
.wp-block-buttons .wp-block-button[style*=letter-spacing] .wp-block-button__link {
letter-spacing: inherit;
}
.wp-block-buttons .wp-block-button[style*=text-transform] .wp-block-button__link {
text-transform: inherit;
}
:root {
--mbf-font-family-default: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
--mbf-font-base-family: var(--wp--preset--font-family--base, "Instrument Sans, sans-serif");
--mbf-font-base-size: var(--mbf-font-size-medium);
--mbf-font-base-weight: 500;
--mbf-font-base-style: normal;
--mbf-font-base-line-height: 1.3;
--mbf-font-base-letter-spacing: -0.03em;
--mbf-font-base-text-transform: none;
--mbf-font-headings-family: var(--wp--preset--font-family--headings, "Instrument Sans, sans-serif");
--mbf-font-headings-weight: 500;
--mbf-font-headings-style: normal;
--mbf-font-headings-line-height: 1.3;
--mbf-font-headings-letter-spacing: -0.03em;
--mbf-font-headings-text-transform: none;
}
.wp-block-comments .comment-reply-title,
.wp-block-comments .wp-block-comments-title {
margin-bottom: var(--mbf-spacing-20);
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
font-size: var(--mbf-font-size-large);
}
.has-text-color .comment-reply-title {
color: inherit;
}
.comment-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.comment-form p {
width: 100%;
margin-top: 0;
}
.comment-form .required {
color: var(--mbf-color-warning);
}
.comment-form .comment-notes,
.comment-form .logged-in-as {
margin-bottom: var(--mbf-spacing-70);
color: var(--mbf-color-secondary);
}
.has-text-color .comment-form .comment-notes,
.has-text-color .comment-form .logged-in-as {
color: inherit;
}
.comment-form .comment-form-comment {
margin-bottom: var(--mbf-spacing-60);
}
.comment-form .comment-form-comment label {
display: block;
margin-bottom: var(--mbf-spacing-20);
}
.comment-form .comment-form-comment textarea {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.comment-form .comment-form-comment textarea {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.comment-form .comment-form-comment textarea {
font-size: var(--mbf-font-size-small);
}
}
.comment-form .comment-form-comment textarea {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-textarea-border-radius);
background: var(--mbf-color-input-bg);
}
.comment-form .comment-form-comment textarea::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.comment-form .comment-form-comment textarea::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.comment-form .comment-form-comment textarea::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.comment-form .comment-form-comment textarea:focus, .comment-form .comment-form-comment textarea:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin-bottom: var(--mbf-spacing-60);
}
.comment-form .comment-form-author label,
.comment-form .comment-form-email label,
.comment-form .comment-form-url label {
margin-bottom: var(--mbf-spacing-20);
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
font-size: var(--mbf-font-size-small);
}
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.comment-form .comment-form-author input::-moz-placeholder, .comment-form .comment-form-email input::-moz-placeholder, .comment-form .comment-form-url input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.comment-form .comment-form-author input::placeholder,
.comment-form .comment-form-email input::placeholder,
.comment-form .comment-form-url input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.comment-form .comment-form-author input::-ms-input-placeholder,
.comment-form .comment-form-email input::-ms-input-placeholder,
.comment-form .comment-form-url input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.comment-form .comment-form-author input:focus, .comment-form .comment-form-author input:focus-visible,
.comment-form .comment-form-email input:focus,
.comment-form .comment-form-email input:focus-visible,
.comment-form .comment-form-url input:focus,
.comment-form .comment-form-url input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
@media (min-width: 576px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex: 0 0 calc(50% - var(--mbf-spacing-10));
max-width: calc(50% - var(--mbf-spacing-10));
}
}
@media (min-width: 576px) {
.comment-form .comment-form-author {
margin-right: var(--mbf-spacing-10);
}
}
@media (min-width: 576px) {
.comment-form .comment-form-email {
margin-left: var(--mbf-spacing-10);
}
}
.comment-form .comment-form-cookies-consent {
display: flex;
align-items: center;
gap: var(--mbf-spacing-20);
}
.comment-form .comment-form-cookies-consent input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 1.5rem;
min-height: 1.5rem;
background: var(--mbf-color-input-bg);
border-radius: 4px;
border: none;
outline: none;
display: inline-block;
position: relative;
cursor: pointer;
}
.comment-form .comment-form-cookies-consent input:checked {
background: var(--mbf-color-button);
}
.comment-form .comment-form-cookies-consent input:checked::after {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid var(--mbf-color-button-contrast);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
border-radius: 1px;
}
.comment-form .comment-form-cookies-consent input {
margin: 0 !important;
}
.comment-form .comment-form-cookies-consent label {
margin: 0;
font-size: var(--mbf-font-size-medium);
color: var(--mbf-color-secondary);
}
.comment-form .form-submit {
margin-top: var(--mbf-spacer);
}
.comment-form button.submit {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.comment-form button.submit::before, .comment-form button.submit::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.comment-form button.submit::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .comment-form button.submit::before {
margin-left: 10px;
margin-right: unset;
}
.comment-form button.submit::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .comment-form button.submit::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.comment-form button.submit:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .comment-form button.submit:hover::before {
margin-left: 0;
margin-right: unset;
}
.comment-form button.submit:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .comment-form button.submit:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.comment-form button.submit::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.comment-form button.submit::before::active {
transform: scale(1.5);
}
.comment-form button.submit::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.comment-form button.submit:hover::before {
width: 0;
}
.comment-form button.submit:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.comment-form button.submit:hover::after::active {
transform: scale(1.5);
}
}
.comment-form a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.comment-form a:hover {
background-size: 0 1px;
color: currentColor;
}
}
@media (min-width: 576px) {
.woocommerce #review_form #respond p.comment-form-author {
margin-right: var(--mbf-spacing-10);
}
}
@media (min-width: 576px) {
.woocommerce #review_form #respond p.comment-form-email {
margin-left: var(--mbf-spacing-10);
}
}
.comment > .wp-block-group > .wp-block-group {
gap: var(--mbf-spacing-20);
}
.comment .wp-block-comment-content p {
color: var(--mbf-color-primary);
font-size: var(--mbf-font-size-x-medium);
margin-top: var(--mbf-spacing-20);
margin-bottom: var(--mbf-spacing-60);
}
.comment .wp-block-comment-author-name,
.comment .wp-block-comment-date {
color: var(--mbf-color-secondary);
text-decoration: none;
font-size: var(--mbf-font-size-small);
}
.comment .wp-block-comment-author-name a,
.comment .wp-block-comment-date a {
color: var(--mbf-color-secondary);
text-decoration: none;
font-size: var(--mbf-font-size-small);
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.comment .wp-block-comment-author-name a:hover,
.comment .wp-block-comment-date a:hover {
background-size: 100% 1px;
color: currentColor;
}
}
.comment .wp-block-comment-reply-link a,
.comment .wp-block-comment-edit-link a,
.comment .comment-reply-title a {
color: var(--mbf-color-primary);
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.comment .wp-block-comment-reply-link a:hover,
.comment .wp-block-comment-edit-link a:hover,
.comment .comment-reply-title a:hover {
background-size: 0 1px;
color: currentColor;
}
}
.wp-block-comment-template > li.comment.depth-1:last-of-type:has(li.comment) li.comment:not(:has(li.comment)) .wp-block-separator:last-of-type {
display: none;
}
.wp-block-comment-template > li.comment.depth-1:last-of-type:not(:has(li.comment)) .wp-block-separator:last-of-type {
display: none;
}
main .wp-block-search .wp-block-search__button {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
main .wp-block-search .wp-block-search__button::before, main .wp-block-search .wp-block-search__button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
main .wp-block-search .wp-block-search__button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] main .wp-block-search .wp-block-search__button::before {
margin-left: 10px;
margin-right: unset;
}
main .wp-block-search .wp-block-search__button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] main .wp-block-search .wp-block-search__button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
main .wp-block-search .wp-block-search__button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] main .wp-block-search .wp-block-search__button:hover::before {
margin-left: 0;
margin-right: unset;
}
main .wp-block-search .wp-block-search__button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] main .wp-block-search .wp-block-search__button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
main .wp-block-search .wp-block-search__input {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
main .wp-block-search .wp-block-search__input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
main .wp-block-search .wp-block-search__input {
font-size: var(--mbf-font-size-small);
}
}
main .wp-block-search .wp-block-search__input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
main .wp-block-search .wp-block-search__input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
main .wp-block-search .wp-block-search__input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
main .wp-block-search .wp-block-search__input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
main .wp-block-search .wp-block-search__input:focus, main .wp-block-search .wp-block-search__input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
main .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {
background: var(--mbf-color-input-bg);
border-radius: var(--mbf-input-border-radius);
padding: 0.375rem;
}
main .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0.8125rem;
height: 32px;
min-height: auto;
}
main .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input:focus, main .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) transparent;
}
.wpcf7-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wpcf7-form .hidden-fields-container {
display: none;
}
.wpcf7-form .wpcf7-form-control-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
}
.wpcf7-form .wpcf7-form-control-wrap > * {
width: 100%;
}
.wpcf7-form > p {
width: 100%;
margin-top: 0;
margin-bottom: var(--mbf-spacer);
display: flex;
}
.wpcf7-form > p:has([type=submit], [type=button]) {
margin-top: var(--mbf-spacing-50);
}
.wpcf7-form label {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
width: 100%;
line-height: 2.2;
}
.wpcf7-form input:not([type=submit], [type=button]) {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.wpcf7-form input:not([type=submit], [type=button]) {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.wpcf7-form input:not([type=submit], [type=button]) {
font-size: var(--mbf-font-size-small);
}
}
.wpcf7-form input:not([type=submit], [type=button]) {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.wpcf7-form input:not([type=submit], [type=button])::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wpcf7-form input:not([type=submit], [type=button])::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wpcf7-form input:not([type=submit], [type=button])::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.wpcf7-form input:not([type=submit], [type=button]):focus, .wpcf7-form input:not([type=submit], [type=button]):focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.wpcf7-form input:not([type=submit], [type=button]) {
min-height: auto;
}
.wpcf7-form textarea {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.wpcf7-form textarea {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.wpcf7-form textarea {
font-size: var(--mbf-font-size-small);
}
}
.wpcf7-form textarea {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-textarea-border-radius);
background: var(--mbf-color-input-bg);
}
.wpcf7-form textarea::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wpcf7-form textarea::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wpcf7-form textarea::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.wpcf7-form textarea:focus, .wpcf7-form textarea:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.wpcf7-form input[type=submit],
.wpcf7-form input[type=button] {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wpcf7-form input[type=submit]::before, .wpcf7-form input[type=submit]::after,
.wpcf7-form input[type=button]::before,
.wpcf7-form input[type=button]::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wpcf7-form input[type=submit]::before,
.wpcf7-form input[type=button]::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wpcf7-form input[type=submit]::before,
[dir=rtl] .wpcf7-form input[type=button]::before {
margin-left: 10px;
margin-right: unset;
}
.wpcf7-form input[type=submit]::after,
.wpcf7-form input[type=button]::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wpcf7-form input[type=submit]::after,
[dir=rtl] .wpcf7-form input[type=button]::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wpcf7-form input[type=submit]:hover::before,
.wpcf7-form input[type=button]:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wpcf7-form input[type=submit]:hover::before,
[dir=rtl] .wpcf7-form input[type=button]:hover::before {
margin-left: 0;
margin-right: unset;
}
.wpcf7-form input[type=submit]:hover::after,
.wpcf7-form input[type=button]:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wpcf7-form input[type=submit]:hover::after,
[dir=rtl] .wpcf7-form input[type=button]:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wpcf7-form input[type=submit],
.wpcf7-form input[type=button] {
border: none;
outline: none;
}
.wpcf7-form .wpcf7-not-valid-tip {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
display: block;
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-warning);
margin-top: var(--mbf-spacing-10);
}
.wpcf7-form .wpcf7-response-output {
width: 100%;
text-align: center;
background-color: var(--mbf-color-layout-background);
border-radius: var(--mbf-layout-elements-border-radius-sm);
border-color: var(--mbf-color-notice);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wpcf7-form .wpcf7-submit {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wpcf7-form .wpcf7-submit::before, .wpcf7-form .wpcf7-submit::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wpcf7-form .wpcf7-submit::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wpcf7-form .wpcf7-submit::before {
margin-left: 10px;
margin-right: unset;
}
.wpcf7-form .wpcf7-submit::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wpcf7-form .wpcf7-submit::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wpcf7-form .wpcf7-submit:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wpcf7-form .wpcf7-submit:hover::before {
margin-left: 0;
margin-right: unset;
}
.wpcf7-form .wpcf7-submit:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wpcf7-form .wpcf7-submit:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wpcf7-form .wpcf7-submit::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.wpcf7-form .wpcf7-submit::before::active {
transform: scale(1.5);
}
.wpcf7-form .wpcf7-submit::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.wpcf7-form .wpcf7-submit:hover::before {
width: 0;
}
.wpcf7-form .wpcf7-submit:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.wpcf7-form .wpcf7-submit:hover::after::active {
transform: scale(1.5);
}
}
.wpcf7-form .wpcf7-submit {
border: unset;
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
}
@media (min-width: 576px) {
.mbf-contact .wpcf7-form p:nth-of-type(1) {
flex: 0 0 calc(50% - var(--mbf-spacing-10));
max-width: calc(50% - var(--mbf-spacing-10));
margin-right: var(--mbf-spacing-10);
}
}
@media (min-width: 576px) {
.mbf-contact .wpcf7-form p:nth-of-type(2) {
flex: 0 0 calc(50% - var(--mbf-spacing-10));
max-width: calc(50% - var(--mbf-spacing-10));
margin-left: var(--mbf-spacing-10);
}
} .wp-block-cover a.wp-block-cover__background {
text-decoration: none;
color: inherit;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
}
.wp-block-cover a.wp-block-cover__background:hover, .wp-block-cover a.wp-block-cover__background:focus, .wp-block-cover a.wp-block-cover__background:active {
text-decoration: none;
color: inherit;
outline: none;
}
.wp-block-cover[data-mbf-raise="1"] a.wp-block-cover__background {
z-index: 5;
}
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container {
position: relative;
}
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container a,
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container button,
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container .wp-block-button__link,
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container input,
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container select,
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container textarea,
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container [role=button],
.wp-block-cover[data-mbf-raise="1"] .wp-block-cover__inner-container [tabindex] {
position: relative;
z-index: 10;
pointer-events: auto;
}
@keyframes pulsing {
from {
box-shadow: 0 0 0 0 var(--mbf-pulse-color);
}
70% {
box-shadow: 0 0 0 var(--mbf-pulse-size) var(--mbf-pulse-color-transparent);
}
to {
box-shadow: 0 0 0 0 var(--mbf-pulse-color-transparent);
}
}
@keyframes sliderPaginationBulletFill {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInLeft {
to {
opacity: 1;
transform: translateX(0);
}
} body {
--mbf-wpadminbar-height: 0px;
overflow-x: hidden;
}
@media screen and (max-width: 600px) {
body.admin-bar {
--mbf-wpadminbar-height: 46px;
}
}
@media screen and (min-width: 601px) and (max-width: 782px) {
body.admin-bar {
--mbf-wpadminbar-height: 46px;
}
}
@media screen and (min-width: 783px) {
body.admin-bar {
--mbf-wpadminbar-height: 32px;
}
}
[dir=rtl] body {
text-align: right;
}
.wp-site-blocks {
display: flex;
flex-direction: column;
min-height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-site-padding-top) - var(--mbf-site-padding-bottom));
padding-top: var(--mbf-site-padding-top);
padding-bottom: var(--mbf-site-padding-bottom);
}
@media (max-width: 575.98px) {
.wp-site-blocks {
--mbf-site-padding-bottom: 0px !important;
}
}
.wp-site-blocks > main.is-layout-flex:not(.is-nowrap) > .alignwide, .wp-site-blocks > main.is-vertical > .alignwide {
width: 100%;
}
.is-type-mbf-section-wrapper {
display: flex !important;
flex-direction: column !important;
}
.is-type-mbf-section-wrapper > .wp-block-group {
width: 100%;
}
.mbf-homepage > .wp-block-group {
width: 100%;
}
.error404 .wp-site-blocks > main:has(.mbf-404) {
margin-top: auto !important;
}
.mbf-header {
z-index: 999;
}
@media (min-width: 576px) {
.mbf-burgermenu-visible .mbf-header, .mbf-editor-overlay-visible .mbf-header {
z-index: initial;
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-left {
order: 2;
flex-basis: unset !important;
width: unset !important;
flex-grow: 3 !important;
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center {
order: 1;
flex: unset;
flex-basis: unset !important;
width: unset !important;
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav {
padding: 0;
margin-left: calc(var(--mbf-spacing-10) * -1);
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button {
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
justify-content: center;
align-items: center;
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:has(svg rect) {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:has(svg rect)::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:has(svg rect) {
background-color: transparent;
font-size: 0;
color: inherit;
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:has(svg rect) svg {
display: none;
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:has(svg rect)::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/menu.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/menu.svg) no-repeat center/contain;
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button svg {
transition: var(--mbf-transition);
}
}
@media (max-width: 1199.98px) and (hover: hover) {
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:hover {
color: var(--mbf-color-accent);
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-center > nav > button:hover svg {
fill: var(--mbf-color-accent);
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-right {
order: 3;
flex-basis: unset !important;
width: unset !important;
}
}
.mbf-header .wp-block-columns:not(.is-not-stacked-on-mobile) .mbf-header__col-right .wp-block-button__link {
white-space: nowrap;
}
@media (max-width: 767.98px) {
.mbf-header > .wp-block-columns {
gap: 8px;
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
}
@media (min-width: 1200px) {
.mbf-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
visibility: hidden;
opacity: 0;
}
}
@media (min-width: 1200px) {
.mbf-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: flex;
}
}
.mbf-header .wc-block-mini-cart:last-child {
margin-right: -0.5rem;
}
.mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge svg {
display: none;
}
.mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/cart.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/cart.svg) no-repeat center/contain;
}
@media (hover: hover) {
.mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge:hover {
color: var(--mbf-color-accent);
}
}
.mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__badge {
width: auto;
min-width: 16px;
height: 16px;
margin: 0;
transform: translateX(-16px) translateY(-12px);
font-size: var(--mbf-font-size-x-small);
color: var(--mbf-color-button-contrast);
background: var(--mbf-color-button);
}
[dir=rtl] .mbf-header .wc-block-mini-cart__button .wc-block-mini-cart__badge {
transform: translateX(16px) translateY(-12px);
}
.mbf-header-topbar {
z-index: 999;
transition: var(--mbf-transition);
}
@media (min-width: 576px) {
.mbf-burgermenu-visible .mbf-header-topbar, .mbf-editor-overlay-visible .mbf-header-topbar {
z-index: initial;
}
}
.mbf-header-topbar a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-accent-contrast);
transition: var(--mbf-transition);
text-decoration: none;
margin-left: var(--mbf-spacing-20);
}
@media (hover: hover) {
.mbf-header-topbar a:hover {
background-size: 0 1px;
color: var(--mbf-color-accent-contrast);
}
}
header + * {
margin-top: 0;
}
.wp-block-search .wp-block-search__label {
display: block;
margin-bottom: var(--mbf-spacing-20);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wp-block-search .wp-block-search__input {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.wp-block-search .wp-block-search__input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.wp-block-search .wp-block-search__input {
font-size: var(--mbf-font-size-small);
}
}
.wp-block-search .wp-block-search__input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.wp-block-search .wp-block-search__input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wp-block-search .wp-block-search__input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wp-block-search .wp-block-search__input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.wp-block-search .wp-block-search__input:focus, .wp-block-search .wp-block-search__input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button, .wp-block-search.wp-block-search__button-outside .wp-block-search__button {
align-items: center;
border-radius: var(--mbf-button-border-radius);
margin-left: var(--mbf-spacing-10);
padding-left: var(--wp--preset--spacing--50) !important;
padding-right: var(--wp--preset--spacing--50) !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {
justify-content: center;
}
.wp-block-search.wp-block-search__icon-button .wp-block-search__button {
position: relative;
width: 44px;
height: 44px;
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-search.wp-block-search__icon-button .wp-block-search__button::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: 44px;
height: 44px;
background: currentcolor;
}
.wp-block-search.wp-block-search__icon-button .wp-block-search__button {
border-radius: 50%;
}
.wp-block-search.wp-block-search__icon-button .wp-block-search__button svg {
display: none;
}
.wp-block-search.wp-block-search__icon-button .wp-block-search__button::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/search.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/search.svg) no-repeat center/contain;
}
.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button {
border-radius: var(--mbf-button-border-radius);
width: 34px;
height: 32px;
padding: 0;
}
.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button::before {
width: 32px;
height: 32px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__button {
border-radius: var(--mbf-button-border-radius);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
align-items: center;
background: var(--mbf-color-input-bg);
border-radius: var(--mbf-input-border-radius);
padding: 0.375rem;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0.8125rem;
height: 32px;
min-height: auto;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) transparent;
}
.mbf-search-popup {
position: fixed;
width: 100%;
height: auto;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
opacity: 0;
}
.editor-styles-wrapper .mbf-search-popup {
display: none;
}
.mbf-search-visible .mbf-search-popup {
opacity: 1;
visibility: visible;
}
.mbf-search-popup[data-editor-visible=true] {
opacity: 1;
visibility: visible;
position: fixed;
display: block;
}
.mbf-search-popup > div.wp-block-group {
position: relative;
max-width: 625px;
top: 152px;
}
.mbf-search-popup .wp-block-search__input {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.mbf-search-popup .wp-block-search__input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.mbf-search-popup .wp-block-search__input {
font-size: var(--mbf-font-size-small);
}
}
.mbf-search-popup .wp-block-search__input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.mbf-search-popup .wp-block-search__input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.mbf-search-popup .wp-block-search__input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.mbf-search-popup .wp-block-search__input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.mbf-search-popup .wp-block-search__input:focus, .mbf-search-popup .wp-block-search__input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.mbf-header-offcanvas {
position: fixed;
top: calc(var(--mbf-wpadminbar-height) + var(--mbf-header-topbar-height) + var(--mbf-header-height) - 1px);
right: 0;
z-index: 110;
display: none;
flex-direction: column;
width: 100%;
height: -moz-max-content;
height: max-content;
padding: 0;
margin-top: var(--mbf-border-width);
background: var(--mbf-color-site-background);
border-bottom-left-radius: var(--mbf-layout-elements-border-radius-sm);
border-bottom-right-radius: var(--mbf-layout-elements-border-radius-sm);
border-top: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
-webkit-overflow-scrolling: touch;
transition: var(--mbf-transition);
overflow: hidden;
}
.mbf-offcanvas-visible .mbf-header-offcanvas {
display: flex;
}
.mbf-header-offcanvas[data-editor-visible=true] {
position: fixed;
display: flex;
}
@media (min-width: 576px) {
.mbf-header-offcanvas .wp-block-group.is-content-justification-space-between {
justify-content: center;
}
}
@media screen and (max-width: 782px) {
.mbf-scroll-sticky .mbf-header-offcanvas {
top: calc(var(--mbf-wpadminbar-height) + var(--mbf-header-height));
}
}
@media screen and (max-width: 600px) {
.mbf-scroll-sticky .mbf-header-offcanvas {
top: var(--mbf-header-height);
}
}
.mbf-offcanvas-active,
.mbf-burgermenu-active {
overflow: hidden;
}
.mbf-header-offcanvas__button .wp-block-button .wp-block-button__link {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-header-offcanvas__button .wp-block-button .wp-block-button__link::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-header-offcanvas__button .wp-block-button .wp-block-button__link {
background-color: transparent;
font-size: 0;
color: inherit;
transition: var(--mbf-transition);
cursor: pointer !important;
}
.mbf-header-offcanvas__button .wp-block-button .wp-block-button__link::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/more.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/more.svg) no-repeat center/contain;
}
@media (hover: hover) {
.mbf-header-offcanvas__button .wp-block-button .wp-block-button__link:hover::before {
background: var(--mbf-color-accent);
}
}
@media (max-width: 575.98px) {
.mbf-header-offcanvas__button {
width: 24px;
}
}
.mbf-header-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1000;
visibility: hidden;
opacity: 0;
transition: opacity var(--mbf-transition);
}
.editor-styles-wrapper .mbf-header-overlay {
display: none;
}
.mbf-offcanvas-active .mbf-header-overlay, .mbf-search-visible .mbf-header-overlay, .mbf-burgermenu-visible .mbf-header-overlay, .sub-menu-active .mbf-header-overlay {
opacity: 1;
visibility: visible;
z-index: 99;
}
.mbf-editor-overlay-visible .mbf-header-overlay, .mbf-header-overlay[data-editor-visible=true] {
position: fixed;
opacity: 1;
visibility: visible;
z-index: 99;
display: block;
}
.mbf-button-close .wp-block-button .wp-block-button__link {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-button-close .wp-block-button .wp-block-button__link::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-button-close .wp-block-button .wp-block-button__link {
background-color: transparent;
font-size: 0;
color: inherit;
}
.mbf-button-close .wp-block-button .wp-block-button__link::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
}
@media (hover: hover) {
.mbf-button-close .wp-block-button:hover {
color: var(--mbf-color-accent);
}
}
.wp-block-woocommerce-customer-account[data-icon-style=alt][data-display-style=icon_only] a {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-woocommerce-customer-account[data-icon-style=alt][data-display-style=icon_only] a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wp-block-woocommerce-customer-account[data-icon-style=alt][data-display-style=icon_only] a svg {
display: none;
}
.wp-block-woocommerce-customer-account[data-icon-style=alt][data-display-style=icon_only] a::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/account.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/account.svg) no-repeat center/contain;
}
@media (hover: hover) {
.wp-block-woocommerce-customer-account[data-icon-style=alt][data-display-style=icon_only]:hover {
color: var(--mbf-color-accent);
}
}
.wp-block-woocommerce-customer-account[data-display-style=text_only] a {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
text-decoration: unset !important;
padding: var(--mbf-button-outline-padding-y) var(--mbf-button-outline-padding-x);
color: var(--mbf-color-accent) !important;
}
.mbf-search-button .wp-element-button {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-search-button .wp-element-button::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-search-button .wp-element-button {
background-color: transparent;
font-size: 0;
color: inherit;
cursor: pointer !important;
}
.mbf-search-button .wp-element-button::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/search.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/search.svg) no-repeat center/contain;
}
@media (hover: hover) {
.mbf-search-button:hover {
color: var(--mbf-color-accent);
}
}
header.wp-block-template-part.mbf-scroll-sticky {
position: fixed;
width: 100%;
box-shadow: var(--mbf-header-shadow-h-offset) var(--mbf-header-shadow-v-offset) var(--mbf-header-shadow-blur) var(--mbf-header-shadow-spread) var(--mbf-color-header-shadow);
}
header.wp-block-template-part.mbf-scroll-sticky .mbf-header-topbar {
opacity: 0;
visibility: hidden;
}
header.wp-block-template-part:has([data-mbf-navbar_sticky=true]) {
position: sticky;
z-index: 99;
top: calc(var(--mbf-header-topbar-height) * -1);
}
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_sticky=true]) {
top: 0;
}
@media screen and (max-width: 782px) {
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_sticky=true]) {
top: calc(46px - var(--mbf-header-topbar-height));
}
}
@media screen and (max-width: 600px) {
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_sticky=true]) {
top: calc(var(--mbf-header-topbar-height) * -1);
}
}
header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]) {
transition: top var(--mbf-transition);
position: sticky;
z-index: 99;
top: calc((32px - var(--mbf-header-topbar-height) - var(--mbf-header-height) - var(--mbf-spacer) * 2) * 1);
}
header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-burgermenu-visible, header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-offcanvas-visible {
top: calc(var(--mbf-header-topbar-height) * -1);
}
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]) {
top: calc((var(--mbf-header-topbar-height) + var(--mbf-header-height)) * -1);
}
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-header-smart-visible {
top: 0;
}
@media screen and (max-width: 782px) {
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]) {
top: calc((var(--mbf-header-topbar-height) + var(--mbf-header-height)) * -1);
}
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-burgermenu-visible, .admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-offcanvas-visible {
top: calc(var(--mbf-header-topbar-height) * -1);
}
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-header-smart-visible {
top: calc(46px - var(--mbf-header-topbar-height));
}
}
@media screen and (max-width: 600px) {
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]) {
top: calc((var(--mbf-header-topbar-height) + var(--mbf-header-height)) * -1);
}
.admin-bar header.wp-block-template-part:has([data-mbf-navbar_smart_sticky=true]).mbf-header-smart-visible {
top: calc(var(--mbf-header-topbar-height) * -1);
}
}
header.wp-block-template-part.mbf-header-smart-visible {
top: calc(var(--mbf-header-topbar-height) * -1);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu {
gap: 0;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item {
position: relative;
}
@media (min-width: 1200px) {
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)),
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container.submenu-visible:not(:has(.open-on-hover-click)) {
display: flex !important;
width: auto !important;
height: auto !important;
opacity: 1;
overflow: visible;
visibility: visible;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container {
padding-left: calc(var(--mbf-spacer) * 0.125);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container::before {
left: calc(var(--mbf-spacer) * 0.125);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content {
padding: var(--mbf-spacing-30) var(--mbf-spacing-60) var(--mbf-spacing-30) var(--mbf-spacing-60);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle {
margin-right: var(--mbf-spacing-60);
}
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle {
margin-left: var(--mbf-spacing-60);
margin-right: unset;
transform: rotate(180deg);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.has-child div.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
top: calc(var(--mbf-spacing-20) * -1);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item::before {
content: "";
position: absolute;
width: calc(100% - var(--mbf-spacing-20));
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--mbf-color-site-background);
border-radius: 200px;
opacity: 0;
transition: var(--mbf-transition);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
width: auto;
height: auto;
color: inherit;
margin-left: 0;
margin-right: 0 !important;
padding: var(--mbf-spacing-30) var(--mbf-spacing-60) var(--mbf-spacing-30) var(--mbf-spacing-60);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.open-on-click .wp-block-navigation__submenu-icon,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.open-on-click .wp-block-navigation__submenu-icon,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.open-on-click .wp-block-navigation__submenu-icon,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.open-on-click .wp-block-navigation__submenu-icon {
margin-right: var(--mbf-spacing-60);
}
}
@media (hover: hover) {
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item:hover::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item:hover::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item:hover::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item:hover::before {
opacity: 1;
}
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.current-menu-item::before, .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.current-menu-ancestor::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.current-menu-item::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.current-menu-ancestor::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.current-menu-item::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.current-menu-ancestor::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.current-menu-item::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.current-menu-ancestor::before {
opacity: 1;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-icon svg,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-icon svg,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-icon svg,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-icon svg {
transform: rotate(90deg);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
left: auto;
right: 100%;
padding-right: calc(var(--mbf-spacer) * 0.125);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before {
right: calc(var(--mbf-spacer) * 0.125);
}
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
left: unset;
right: 100%;
padding-right: calc(var(--mbf-spacer) * 0.125);
}
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before {
right: calc(var(--mbf-spacer) * 0.125);
}
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
left: 100%;
right: unset;
padding-left: calc(var(--mbf-spacer) * 0.125);
}
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu li.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu div.wp-block-navigation-item.mbf-sm-position-right .wp-block-navigation__submenu-container.wp-block-navigation-submenu .mbf-sm-position-left .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before {
left: calc(var(--mbf-spacer) * 0.125);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation-item__content a,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu a.wp-block-navigation-item__content,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation-item__content a {
transition: var(--mbf-transition);
text-decoration: none;
z-index: 3;
}
@media (min-width: 1200px) {
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item {
padding: var(--mbf-spacing-10) calc(var(--mbf-spacer) * 0.625);
border-radius: 20px;
transition: var(--mbf-transition);
cursor: pointer;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item:hover,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item:hover,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item:hover,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item:hover {
background: var(--mbf-color-layout-background);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item .wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item .wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item .wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item .wp-block-navigation__submenu-container::before {
top: calc(var(--mbf-spacer) * 0.125);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item::before,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item::before {
content: unset;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle {
padding-left: 0;
padding-right: calc(var(--mbf-spacer) * 0.85);
padding-bottom: 0;
padding-top: 0;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: calc(var(--mbf-spacer) * 0.375 * -1);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.open-on-hover-click .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.open-on-hover-click .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.open-on-hover-click .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.open-on-hover-click .wp-block-navigation-submenu__toggle {
pointer-events: none;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.current-menu-item, .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.current-menu-ancestor,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.current-menu-item,
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.current-menu-ancestor,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.current-menu-item,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > li.wp-block-navigation-item.current-menu-ancestor,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.current-menu-item,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu > div.wp-block-navigation-item.current-menu-ancestor {
background: var(--mbf-color-layout-background);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation-submenu__toggle,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation-submenu__toggle {
color: var(--mbf-color-secondary);
height: 10px;
width: 10px;
margin-left: var(--mbf-spacing-20);
z-index: 1;
}
[dir=rtl] .mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation-submenu__toggle,
[dir=rtl] .mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation-submenu__toggle {
margin-left: unset;
margin-right: var(--mbf-spacing-20);
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation__submenu-container,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation__submenu-container {
position: absolute;
min-width: 200px;
z-index: 100;
background: transparent;
padding-top: var(--mbf-spacing-20);
padding-bottom: var(--mbf-spacing-20);
gap: calc(var(--mbf-spacer) * 0.125);
border: none;
}
.mbf-header:not(:has(.always-shown)) ul.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation__submenu-container::before,
.mbf-header:not(:has(.always-shown)) div.wp-block-navigation__container.is-style-mbf-primary-menu .wp-block-navigation__submenu-container::before {
content: "";
position: absolute;
width: inherit;
height: inherit;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container {
width: 100%;
align-items: flex-start;
padding: 0;
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container .wp-block-navigation__submenu-container,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container .wp-block-navigation__submenu-container {
width: 100% !important;
padding: 0 !important;
padding-left: var(--mbf-spacing-50) !important;
display: none;
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container .wp-block-navigation-submenu__toggle {
display: block;
width: 24px;
height: 12px;
margin-right: 0;
transition: var(--mbf-transition);
z-index: 9;
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
z-index: 9;
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-item__content,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-item__content {
padding: var(--mbf-spacing-20) 0;
width: calc(100% - var(--mbf-spacer) * 1.875);
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle {
padding: 0.5rem 0;
width: 100%;
height: auto;
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: calc(var(--mbf-spacing-60) * -1);
display: block;
width: 24px;
height: 12px;
transition: var(--mbf-transition);
z-index: 9;
}
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
transform: unset;
}
}
@media (max-width: 1199.98px) and (hover: hover) {
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item:hover > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item:hover > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon {
color: var(--mbf-color-accent);
}
}
@media (max-width: 1199.98px) {
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation__submenu-icon, .mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation__submenu-icon,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation__submenu-icon,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > a,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
.mbf-header .wp-block-navigation.is-style-mbf-primary-menu div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation__submenu-icon {
color: var(--mbf-color-accent);
}
}
@media (min-width: 576px) {
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) .wp-block-navigation__responsive-container {
position: fixed;
height: calc(100% - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50));
top: calc(var(--mbf-wpadminbar-height));
left: calc(var(--mbf-offcanvas-width) * -1);
width: var(--mbf-offcanvas-width);
margin: calc(var(--mbf-spacer) * 0.625) 0 calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625);
padding: 0;
display: flex;
flex-direction: column;
background-color: var(--mbf-color-site-background);
-webkit-overflow-scrolling: touch;
z-index: 110;
transition: var(--mbf-transition);
border-radius: var(--mbf-layout-elements-border-radius-sm);
overflow: hidden;
animation: unset;
animation-fill-mode: unset;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu:has(.always-shown) .wp-block-navigation__responsive-container {
transform: translate3d(var(--mbf-offcanvas-width), 0, 0) !important;
}
[dir=rtl] .mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu:has(.always-shown) .wp-block-navigation__responsive-container {
transform: translate3d(var(--mbf-offcanvas-width), 0, 0);
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) .wp-block-navigation__responsive-container-content {
padding: var(--mbf-spacing-60);
padding-top: calc(var(--mbf-spacer) * 3);
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) .wp-block-navigation__responsive-container-close {
left: var(--mbf-spacing-50);
top: var(--mbf-spacer);
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container {
width: 100%;
align-items: flex-start;
padding: 0;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container .wp-block-navigation__submenu-container,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container .wp-block-navigation__submenu-container {
width: 100% !important;
padding: 0 !important;
padding-left: var(--mbf-spacing-50) !important;
display: none;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container .wp-block-navigation-submenu__toggle {
display: block;
width: 24px;
height: 12px;
transition: var(--mbf-transition);
margin-right: 0;
z-index: 9;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
z-index: 9;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item a {
padding: var(--mbf-spacing-20) 0;
width: calc(100% - var(--mbf-spacer) * 1.875);
transition: var(--mbf-transition);
text-decoration: none;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu__toggle {
padding: 0.5rem 0;
width: 100%;
height: auto;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.open-on-click > .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: calc(var(--mbf-spacing-60) * -1);
display: block;
width: 24px;
height: 12px;
transition: var(--mbf-transition);
z-index: 9;
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
transform: unset;
}
}
@media (min-width: 576px) and (hover: hover) {
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item:hover > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item:hover > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon {
color: var(--mbf-color-accent);
}
}
@media (min-width: 576px) {
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation__submenu-icon, .mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation__submenu-icon,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-item > .wp-block-navigation__submenu-icon,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container li.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation__submenu-icon {
color: var(--mbf-color-accent);
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container > li.wp-block-navigation-item,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container > li.wp-block-navigation-item {
row-gap: var(--mbf-spacer);
}
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container > li.wp-block-navigation-item > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) ul.wp-block-navigation__container > li.wp-block-navigation-item > button,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container > li.wp-block-navigation-item > a,
.mbf-header .is-style-mbf-primary-menu:has(.always-shown) div.wp-block-navigation__container > li.wp-block-navigation-item > button {
font-size: var(--mbf-font-size-large);
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container:not(.hidden-by-default) {
position: fixed;
height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50));
top: var(--mbf-wpadminbar-height);
left: calc(var(--mbf-offcanvas-width) * -1);
width: var(--mbf-offcanvas-width);
margin: calc(var(--mbf-spacer) * 0.625) 0 calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625);
padding: 0;
display: flex;
flex-direction: column;
background-color: var(--mbf-color-site-background);
-webkit-overflow-scrolling: touch;
z-index: 110;
transition: var(--mbf-transition);
border-radius: var(--mbf-layout-elements-border-radius-sm);
overflow: hidden;
animation: unset;
animation-fill-mode: unset;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container:not(.hidden-by-default) {
transform: translate3d(var(--mbf-offcanvas-width), 0, 0) !important;
}
[dir=rtl] .mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container:not(.hidden-by-default) {
transform: translate3d(calc(var(--mbf-offcanvas-width) * -1), 0, 0) !important;
}
[dir=rtl] .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container:not(.hidden-by-default) {
left: unset;
right: calc(var(--mbf-offcanvas-width) * -1);
margin: calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625) 0;
}
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-close {
overflow: hidden;
}
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-content {
padding: var(--mbf-spacing-60);
padding-top: calc(var(--mbf-spacer) * 3);
height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50));
overflow-y: auto;
}
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-close {
top: 0;
left: 0;
right: 0;
z-index: 10;
padding: var(--mbf-spacer) var(--mbf-spacing-50);
background: var(--mbf-color-site-background);
}
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item > a,
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item > button,
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content,
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content a,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item > a,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item > button,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content a {
font-size: var(--mbf-font-size-large);
}
}
@media (max-width: 575.98px) {
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container {
position: fixed;
top: calc(var(--mbf-wpadminbar-height) + var(--mbf-header-topbar-height) + var(--mbf-header-height) - 1px);
left: 0;
width: var(--mbf-offcanvas-width);
height: -moz-max-content;
height: max-content;
max-height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50) - var(--mbf-header-topbar-height) - var(--mbf-header-height));
padding: 0;
display: none;
flex-direction: column;
background-color: var(--mbf-color-site-background);
border-bottom-left-radius: var(--mbf-layout-elements-border-radius-sm);
border-bottom-right-radius: var(--mbf-layout-elements-border-radius-sm);
border-top: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
-webkit-overflow-scrolling: touch;
z-index: 110;
transition: var(--mbf-transition);
overflow: hidden;
animation: unset;
animation-fill-mode: unset;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container {
display: flex;
}
}
@media screen and (max-width: 575.98px) and (max-width: 600px) {
.mbf-scroll-sticky .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container {
top: var(--mbf-header-height);
}
}
@media (max-width: 575.98px) {
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-close {
overflow: hidden;
}
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-content {
padding: var(--mbf-spacing-50) var(--mbf-spacing-60) !important;
max-height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50) - var(--mbf-header-topbar-height) - var(--mbf-header-height));
overflow-y: auto;
}
.mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-close {
display: none;
}
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item > a,
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item > button,
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item .wp-block-navigation-item__content,
.mbf-header .is-style-mbf-primary-menu ul.wp-block-navigation__container > li.wp-block-navigation-item .wp-block-navigation-item__content a,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item > a,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item > button,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item .wp-block-navigation-item__content,
.mbf-header .is-style-mbf-primary-menu div.wp-block-navigation__container > li.wp-block-navigation-item .wp-block-navigation-item__content a {
font-size: var(--mbf-font-size-large);
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-open {
width: inherit;
height: inherit;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-open svg {
display: none;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-open {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-open::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-open {
background-color: transparent;
font-size: 0;
color: inherit;
}
.mbf-burgermenu-active .mbf-header .is-style-mbf-primary-menu .wp-block-navigation__responsive-container-open::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
}
}
.wp-block-navigation__container.block-editor-block-list__layout {
gap: 0;
}
@media (min-width: 1200px) {
.wp-block-navigation__container.block-editor-block-list__layout > li.wp-block-navigation-item,
.wp-block-navigation__container.block-editor-block-list__layout > div.wp-block-navigation-item {
padding: var(--mbf-spacing-10) calc(var(--mbf-spacer) * 0.625);
border-radius: 20px;
transition: var(--mbf-transition);
cursor: pointer;
}
}
footer.wp-block-template-part {
margin-top: auto;
}
@media (max-width: 575.98px) {
.mbf-footer {
padding-left: 0 !important;
padding-right: 0 !important;
}
.mbf-footer > .wp-block-group {
padding-left: var(--mbf-site-padding-left) !important;
padding-right: var(--mbf-site-padding-right) !important;
border-radius: 0 !important;
}
.mbf-footer > .wp-block-group > .wp-block-group > .wp-block-columns > .wp-block-column:has(.wp-block-group .mbf-footer-columns) {
order: -1;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mbf-footer-cols[class*=is-columns-adaptive-]:not(.is-not-stacked-on-mobile).is-columns-adaptive-2 > .wp-block-column {
width: 100%;
}
}
@media (max-width: 575.98px) {
.mbf-footer-columns {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media (max-width: 767.98px) {
.mbf-footer-columns {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.mbf-footer .wp-block-navigation-item .wp-block-navigation-item__content {
font-weight: var(--mbf-font-weight-normal);
}
.mbf-footer a:not(:has(img)) {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.mbf-footer a:not(:has(img)):hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.mbf-content-with-sidebar.wp-block-columns {
justify-content: space-between;
}
@media (max-width: 1199.98px) {
.mbf-content-with-sidebar.wp-block-columns {
flex-wrap: wrap !important;
justify-content: center;
}
}
@media (max-width: 1199.98px) {
.mbf-content-with-sidebar.wp-block-columns > .wp-block-column:nth-child(2) {
flex-basis: 100% !important;
}
}
.wp-block-post-author-name a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.wp-block-post-author-name a:hover {
background-size: 0 1px;
color: currentColor;
}
}
.wp-block-post-author-name a {
white-space: nowrap;
}
@media (max-width: 575.98px) {
.single .mbf-single-featured-header .wp-block-cover {
border-radius: 0 !important;
}
}
.single .entry-content p > a:not(.is-style-outline a) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-accent);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.single .entry-content p > a:not(.is-style-outline a):hover {
background-size: 0 1px;
color: var(--mbf-color-accent);
}
}
.single .entry-content .has-link-color p > a {
color: inherit;
}
.single .entry-content figcaption a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.single .entry-content figcaption a:hover {
background-size: 0 1px;
color: currentColor;
}
}
.single .entry-content cite a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.single .entry-content cite a:hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.single .taxonomy-category.is-style-default a,
.single .taxonomy-post_tag.is-style-default a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.single .taxonomy-category.is-style-default a:hover,
.single .taxonomy-post_tag.is-style-default a:hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.single .taxonomy-category.is-style-default .wp-block-post-terms__separator::before,
.single .taxonomy-post_tag.is-style-default .wp-block-post-terms__separator::before {
content: ", ";
}
.single .taxonomy-category.is-style-post-terms-badge,
.single .taxonomy-post_tag.is-style-post-terms-badge {
display: flex;
flex-wrap: wrap;
gap: var(--mbf-spacing-20);
}
.single .taxonomy-category.is-style-post-terms-badge .wp-block-post-terms__separator,
.single .taxonomy-post_tag.is-style-post-terms-badge .wp-block-post-terms__separator {
display: none;
}
.mbf-single-standard-header > .wp-block-group:has(.wp-block-group .wp-block-post-author-name) .wp-block-group:has(.wp-block-post-author-name) p,
.mbf-single-standard-header > .wp-block-group:has(.wp-block-group .wp-block-post-author-name) .wp-block-group:has(.wp-block-post-author-name) .wp-block-post-author-name,
.mbf-single-featured-header > .wp-block-group:has(.wp-block-group .wp-block-post-author-name) .wp-block-group:has(.wp-block-post-author-name) p,
.mbf-single-featured-header > .wp-block-group:has(.wp-block-group .wp-block-post-author-name) .wp-block-group:has(.wp-block-post-author-name) .wp-block-post-author-name,
.mbf-single-footer > .wp-block-group:has(.wp-block-group .wp-block-post-author-name) .wp-block-group:has(.wp-block-post-author-name) p,
.mbf-single-footer > .wp-block-group:has(.wp-block-group .wp-block-post-author-name) .wp-block-group:has(.wp-block-post-author-name) .wp-block-post-author-name {
word-break: normal;
}
.mbf-single-standard-header .wp-block-post-date,
.mbf-single-featured-header .wp-block-post-date,
.mbf-single-footer .wp-block-post-date {
white-space: nowrap;
}
.wp-block-comments pre {
overflow: auto;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mbf-single-standard-header > .wp-block-post-title,
.mbf-single-standard-header > .wp-block-post-excerpt,
.mbf-single-standard-header > .wp-block-group {
max-width: var(--mbf-content-size);
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 1200px) {
.mbf-single-sidebar {
align-self: stretch !important;
}
.mbf-single-sidebar > .wp-block-group {
height: 100%;
flex-direction: column;
}
.mbf-single-sidebar .is-position-sticky {
transition: top var(--mbf-transition);
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.mbf-single-sidebar .mbf-section {
width: 50%;
flex: 1;
}
.mbf-single-sidebar .mbf-posts > .alignwide {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.mbf-single-sidebar .mbf-posts > .alignwide {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.wp-site-blocks .mbf-single-sidebar .is-position-sticky {
top: calc(var(--mbf-wpadminbar-height) + 24px);
}
.wp-site-blocks:has([data-mbf-navbar_sticky=true][data-mbf-navbar_smart_sticky=false]) .mbf-single-sidebar .is-position-sticky {
top: calc(var(--mbf-header-height) + var(--mbf-wpadminbar-height) + 24px);
}
.wp-site-blocks:has(.mbf-header-smart-visible):has([data-mbf-navbar_smart_sticky=true]) .mbf-single-sidebar .is-position-sticky {
top: calc(var(--mbf-header-height) + var(--mbf-wpadminbar-height) + 24px);
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.mbf-archive-featured-post .wp-block-column-is-layout-flow:nth-child(1) {
flex-basis: 45% !important;
}
.mbf-archive-featured-post .wp-block-column-is-layout-flow:nth-child(2) {
flex-basis: 55% !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mbf-archive-featured-post .wp-block-column-is-layout-flow:nth-child(1) {
flex-basis: 55% !important;
}
.mbf-archive-featured-post .wp-block-column-is-layout-flow:nth-child(2) {
flex-basis: 45% !important;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.mbf-archive-posts .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.wp-block-post.sticky .wp-block-post-title {
display: inline-flex;
align-items: center;
}
.wp-block-post.sticky .wp-block-post-title::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: var(--mbf-spacing-10);
background: currentcolor;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/sticky-post.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/sticky-post.svg) no-repeat center/contain;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
gap: var(--mbf-spacer);
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu .wp-block-navigation__submenu-icon, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu .wp-block-navigation__submenu-icon {
width: 12px;
height: 12px;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu > a, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu > a, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu > a {
padding: 0;
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
font-size: var(--mbf-font-size-x-medium);
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container {
position: relative;
padding: 0;
top: 0;
left: 0;
background: transparent;
gap: var(--mbf-spacer);
border: unset;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li.wp-block-navigation-item, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li.wp-block-navigation-item, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li.wp-block-navigation-item {
width: -moz-max-content;
width: max-content;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
padding: 0;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu > button, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu > button, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu > button {
padding: 0;
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
font-size: var(--mbf-font-size-x-medium);
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu > button.wp-block-navigation__submenu-icon, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu > button.wp-block-navigation__submenu-icon, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu > button.wp-block-navigation__submenu-icon {
align-self: inherit;
margin-left: calc(var(--mbf-spacer) * 0.625 * -1);
}
@media (min-width: 576px) {
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu > span, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu > span, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu > span {
display: none;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container {
height: auto;
width: 100%;
position: relative;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 575.98px) {
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu button, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu button, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu button {
padding-right: var(--mbf-spacer);
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu button[aria-expanded=true] ~ ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu button[aria-expanded=true] ~ ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu button[aria-expanded=true] ~ ul.wp-block-navigation__submenu-container {
display: flex;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon {
margin-left: calc(var(--mbf-spacer) * 1.625 * -1);
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container {
width: 100%;
display: none;
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li, .mbf-footer nav .wp-block-navigation > li.open-on-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container li {
width: -moz-max-content;
width: max-content;
}
}
.mbf-footer nav .wp-block-navigation > li.wp-block-navigation-item.wp-block-navigation-submenu:not(.open-on-click) ul.wp-block-navigation__submenu-container, .mbf-footer nav .wp-block-navigation > li.open-on-hover-click.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container {
display: flex;
height: auto;
width: 100%;
position: relative;
opacity: 1;
visibility: visible;
}
.mega-menu-container {
padding: var(--mbf-spacing-90) !important;
}
.mega-menu-container::before {
border-radius: var(--mbf-layout-elements-border-radius) !important;
}
@media (min-width: 1200px) {
.mega-menu-container {
left: 50% !important;
transform: translateX(-50%);
}
}
.mega-menu-container .mega-menu-content-wrapper,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
max-width: 960px;
width: calc(100% - var(--mbf-site-padding-left) - var(--mbf-site-padding-right));
z-index: 1;
}
@media (min-width: 1200px) {
.mega-menu-container .mega-menu-content-wrapper,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
width: 960px;
}
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item {
padding: 0 !important;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu {
font-weight: inherit !important;
font-size: inherit !important;
text-transform: inherit !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 1199.98px) {
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon::before,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon {
width: 26px !important;
height: 26px !important;
margin-left: -26px !important;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
display: none;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon::before,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon::before {
width: 28px;
height: 28px;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
}
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor {
background-color: transparent !important;
}
@media (min-width: 1200px) {
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-icon {
display: none;
}
}
@media (min-width: 1200px) {
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu > .wp-block-navigation-item__content,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu > .wp-block-navigation-item__content {
padding: 0 !important;
margin-left: var(--mbf-spacing-40) !important;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu > .wp-block-navigation-item__content span,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu > .wp-block-navigation-item__content span {
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
}
@media (min-width: 1200px) {
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
display: flex !important;
position: relative !important;
top: unset !important;
left: 0 !important;
width: auto !important;
height: auto !important;
opacity: 1 !important;
visibility: visible;
padding: unset !important;
background: transparent !important;
border: unset;
gap: var(--mbf-spacing-10) !important;
margin-top: var(--mbf-spacing-20) !important;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container::before, .mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container::after,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container::before,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container::after {
content: unset !important;
}
.mega-menu-container .mega-menu-content-wrapper .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item > a,
.mega-menu-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item > a {
font-size: var(--mbf-font-size-xx-medium);
padding: calc(var(--mbf-spacer) * 0.375) var(--mbf-spacing-40) calc(var(--mbf-spacer) * 0.375) var(--mbf-spacing-40) !important;
}
}
.mbf-mega-menu {
display: flex;
flex-direction: row;
align-items: start;
justify-content: space-between;
-moz-column-gap: var(--mbf-spacing-140);
column-gap: var(--mbf-spacing-140);
}
@media (max-width: 1199.98px) {
.mbf-mega-menu {
flex-wrap: wrap;
row-gap: var(--mbf-spacing-20);
}
}
.mbf-mega-menu > .wp-block-group {
flex: auto;
width: 100%;
gap: 0;
}
@media (min-width: 1200px) {
.mbf-mega-menu > .wp-block-group {
gap: var(--mbf-spacing-110);
}
.mbf-mega-menu > .wp-block-group:first-child {
flex: 2;
flex-wrap: nowrap;
}
.mbf-mega-menu > .wp-block-group:last-child:not(:first-child) {
flex: 2;
margin: unset;
}
}
.mbf-mega-menu > .wp-block-group > .wp-block-navigation-item::before {
display: none !important;
}
.wp-block-custom-mega-menu.block-editor-block-list__block {
display: flex;
flex-direction: row;
}
.wp-block-custom-mega-menu.block-editor-block-list__block > div {
display: none;
}
.wp-block-custom-mega-menu.block-editor-block-list__block.is-selected > div, .wp-block-custom-mega-menu.block-editor-block-list__block.has-child-selected > div {
display: flex;
position: absolute;
width: -moz-max-content;
width: max-content;
left: 50%;
top: 100%;
transform: translate(-50%, 0);
background-color: var(--mbf-color-site-background);
overflow: hidden;
}  .wp-block-group:has(.is-type-mbf-slider) {
position: relative;
}
.wp-block-group:has(.is-type-mbf-slider) .is-type-mbf-slider {
position: static;
}
.is-type-mbf-slider {
--mbf-slider-pagination-bullet-padding-top: 16px;
--mbf-slider-pagination-bullet-padding-bottom: 16px;
--swiper-pagination-top: unset;
--swiper-pagination-bottom: var(--mbf-spacing-50);
--swiper-pagination-bullet-horizontal-gap: 0;
--swiper-pagination-bullet-width: 4px;
--swiper-pagination-bullet-height: 4px;
--swiper-pagination-color: transparent;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-inactive-opacity: 0.5;
--swiper-pagination-bullet-inactive-color: transparent;
--swiper-pagination-bullet-border-radius: 4px;
}
.is-type-mbf-slider:not(.initialized) {
padding-right: 0;
padding-left: 0;
overflow: hidden;
}
@media (max-width: 767.98px) {
.mbf-section[data-mbf-mobile_items="1"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-mobile_items="1"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-mobile_items="1"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: 100%;
}
.mbf-section[data-mbf-mobile_items="2"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-mobile_items="2"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-mobile_items="2"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
}
@media (max-width: 575.98px) {
.mbf-section[data-mbf-mobile_items="2"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.mbf-section[data-mbf-tablet_items="1"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-tablet_items="1"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-tablet_items="1"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: 100%;
}
.mbf-section[data-mbf-tablet_items="2"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-tablet_items="2"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-tablet_items="2"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
.mbf-section[data-mbf-tablet_items="3"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-tablet_items="3"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-tablet_items="3"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
.mbf-section[data-mbf-laptop_items="1"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-laptop_items="1"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-laptop_items="1"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: 100%;
}
.mbf-section[data-mbf-laptop_items="2"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-laptop_items="2"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-laptop_items="2"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
.mbf-section[data-mbf-laptop_items="3"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-laptop_items="3"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-laptop_items="3"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
.mbf-section[data-mbf-laptop_items="4"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-laptop_items="4"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-laptop_items="4"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap) * 3) / 4);
}
}
@media (min-width: 1440px) {
.mbf-section[data-mbf-desktop_items="1"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-desktop_items="1"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-desktop_items="1"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: 100%;
}
.mbf-section[data-mbf-desktop_items="2"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-desktop_items="2"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-desktop_items="2"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
.mbf-section[data-mbf-desktop_items="3"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-desktop_items="3"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-desktop_items="3"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
.mbf-section[data-mbf-desktop_items="4"] .is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item,
.mbf-section[data-mbf-desktop_items="4"] .is-type-mbf-slider:not(.initialized) .wc-block-product,
.mbf-section[data-mbf-desktop_items="4"] .is-type-mbf-slider:not(.initialized) .wp-block-post {
width: calc((100% - var(--mbf-product-grid-column-gap) * 3) / 4);
}
}
.mbf-section[data-mbf-gap="0"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 0px;
}
.mbf-section[data-mbf-gap="1"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 1px;
}
.mbf-section[data-mbf-gap="2"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 2px;
}
.mbf-section[data-mbf-gap="3"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 3px;
}
.mbf-section[data-mbf-gap="4"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 4px;
}
.mbf-section[data-mbf-gap="5"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 5px;
}
.mbf-section[data-mbf-gap="6"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 6px;
}
.mbf-section[data-mbf-gap="7"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 7px;
}
.mbf-section[data-mbf-gap="8"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 8px;
}
.mbf-section[data-mbf-gap="9"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 9px;
}
.mbf-section[data-mbf-gap="10"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 10px;
}
.mbf-section[data-mbf-gap="11"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 11px;
}
.mbf-section[data-mbf-gap="12"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 12px;
}
.mbf-section[data-mbf-gap="13"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 13px;
}
.mbf-section[data-mbf-gap="14"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 14px;
}
.mbf-section[data-mbf-gap="15"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 15px;
}
.mbf-section[data-mbf-gap="16"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 16px;
}
.mbf-section[data-mbf-gap="17"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 17px;
}
.mbf-section[data-mbf-gap="18"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 18px;
}
.mbf-section[data-mbf-gap="19"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 19px;
}
.mbf-section[data-mbf-gap="20"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 20px;
}
.mbf-section[data-mbf-gap="21"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 21px;
}
.mbf-section[data-mbf-gap="22"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 22px;
}
.mbf-section[data-mbf-gap="23"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 23px;
}
.mbf-section[data-mbf-gap="24"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 24px;
}
.mbf-section[data-mbf-gap="25"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 25px;
}
.mbf-section[data-mbf-gap="26"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 26px;
}
.mbf-section[data-mbf-gap="27"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 27px;
}
.mbf-section[data-mbf-gap="28"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 28px;
}
.mbf-section[data-mbf-gap="29"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 29px;
}
.mbf-section[data-mbf-gap="30"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 30px;
}
.mbf-section[data-mbf-gap="31"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 31px;
}
.mbf-section[data-mbf-gap="32"] .is-type-mbf-slider:not(.initialized) {
--mbf-product-grid-column-gap: 32px;
}
.is-type-mbf-slider:not(.initialized) > .wp-block-group {
width: 100%;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.is-type-mbf-slider:not(.initialized) > .wp-block-group .is-type-mbf-slider__item {
position: relative;
width: 100%;
height: 100%;
flex-shrink: 0;
transform: translateZ(0);
backface-visibility: hidden;
transition-property: transform;
}
.is-type-mbf-slider > .wp-block-group {
gap: 0;
margin-left: 0;
margin-right: 0;
}
.block-editor-iframe__body .is-type-mbf-slider > .wp-block-group {
margin-left: 0;
margin-right: 0;
}
.is-type-mbf-slider__button {
cursor: pointer;
position: absolute;
top: 50%;
z-index: 10;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
width: var(--mbf-slider-navigation-width);
height: var(--mbf-slider-navigation-height);
margin: 0;
background: var(--mbf-color-site-background);
box-shadow: var(--mbf-shadow-h-offset) var(--mbf-shadow-v-offset) var(--mbf-shadow-blur) var(--mbf-shadow-spread) var(--mbf-color-shadow);
border-radius: var(--mbf-slider-navigation-border-radius);
transition: var(--mbf-transition);
}
.is-type-mbf-slider__button span {
display: none;
}
@media (hover: hover) {
.is-type-mbf-slider__button:hover {
color: var(--mbf-color-accent);
}
}
.is-type-mbf-slider__button-prev {
left: 0;
}
[dir=rtl] .is-type-mbf-slider__button-prev {
left: unset;
right: 0;
}
[dir=rtl] .is-type-mbf-slider__button-prev svg {
transform: rotate(180deg);
}
.is-type-mbf-slider__button-next {
right: 0;
}
[dir=rtl] .is-type-mbf-slider__button-next {
left: 0;
right: unset;
}
[dir=rtl] .is-type-mbf-slider__button-next svg {
transform: rotate(180deg);
}
@media (hover: none) {
.is-type-mbf-slider .is-type-mbf-slider__button-prev {
transform: translateX(var(--mbf-slider-nav-prev-final-pos-x)) translateY(-50%);
}
.is-type-mbf-slider .is-type-mbf-slider__button-next {
transform: translateX(var(--mbf-slider-nav-next-final-pos-x)) translateY(-50%);
}
}
@media (hover: hover) {
.is-type-mbf-slider .is-type-mbf-slider__button {
opacity: 0;
}
.is-type-mbf-slider .is-type-mbf-slider__button-prev {
transform: translateX(calc(var(--mbf-slider-nav-prev-final-pos-x) + var(--mbf-slider-nav-prev-shift-x))) translateY(-50%);
}
.is-type-mbf-slider .is-type-mbf-slider__button-next {
transform: translateX(calc(var(--mbf-slider-nav-next-final-pos-x) + var(--mbf-slider-nav-next-shift-x))) translateY(-50%);
}
.is-type-mbf-slider:hover .is-type-mbf-slider__button {
opacity: 1;
}
.is-type-mbf-slider:hover .is-type-mbf-slider__button-prev {
transform: translateX(var(--mbf-slider-nav-prev-final-pos-x)) translateY(-50%);
}
.is-type-mbf-slider:hover .is-type-mbf-slider__button-next {
transform: translateX(var(--mbf-slider-nav-next-final-pos-x)) translateY(-50%);
}
.is-type-mbf-slider:hover .is-type-mbf-slider__button:hover {
color: var(--mbf-color-button);
}
}
.is-type-mbf-slider__pagination {
display: flex;
justify-content: center;
align-items: center;
max-width: calc(100% - var(--mbf-spacing-40) * 2);
height: var(--mbf-slider-pagination-height);
padding: 0 var(--mbf-spacing-40);
margin-block-start: 0;
margin: 0 auto;
line-height: 1;
display: flex;
gap: 0;
top: var(--swiper-pagination-top);
bottom: var(--swiper-pagination-bottom);
pointer-events: none;
}
.is-type-mbf-slider__pagination .swiper-pagination-bullet {
display: flex;
justify-content: center;
align-items: center;
width: calc(var(--swiper-pagination-bullet-width) + var(--mbf-slider-pagination-bullet-border-width) * 2 + 8px);
height: calc(var(--swiper-pagination-bullet-height) + var(--mbf-slider-pagination-bullet-border-width) * 2 + 8px);
padding-top: var(--mbf-slider-pagination-bullet-padding-top);
padding-bottom: var(--mbf-slider-pagination-bullet-padding-bottom);
color: var(--mbf-color-accent);
transition: var(--mbf-transition);
pointer-events: all;
}
.is-type-mbf-slider__pagination .swiper-pagination-bullet span {
display: flex;
position: relative;
width: var(--swiper-pagination-bullet-width);
height: var(--swiper-pagination-bullet-width);
border-radius: var(--swiper-pagination-bullet-border-radius);
border: var(--mbf-slider-pagination-bullet-border-width) solid currentColor;
justify-content: center;
align-items: center;
background: transparent;
transition: var(--mbf-transition);
cursor: pointer;
overflow: hidden;
}
.is-type-mbf-slider__pagination .swiper-pagination-bullet span::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: var(--swiper-pagination-bullet-width);
height: var(--swiper-pagination-bullet-width);
background: transparent;
}
@media (hover: hover) {
.is-type-mbf-slider__pagination .swiper-pagination-bullet:hover {
opacity: var(--swiper-pagination-bullet-opacity);
}
}
[data-mbf-autoplay=true] .is-type-mbf-slider__pagination .swiper-pagination-bullet {
position: relative;
overflow: hidden;
}
[data-mbf-autoplay=true] .is-type-mbf-slider__pagination .swiper-pagination-bullet-active {
--swiper-pagination-bullet-width: 34px;
}
[data-mbf-autoplay=true] .is-type-mbf-slider__pagination .swiper-pagination-bullet-active span {
height: 4px;
}
[data-mbf-autoplay=true] .is-type-mbf-slider__pagination .swiper-pagination-bullet-active span::after {
background: currentColor;
height: 100%;
opacity: 1;
animation: sliderPaginationBulletFill var(--mbf-animation-duration) ease-in-out forwards;
animation-play-state: running;
}
.paused .is-type-mbf-slider__pagination .swiper-pagination-bullet-active span::after {
animation-play-state: paused;
}
@media (min-width: 576px) {
.mbf-hero-slider .is-type-mbf-slider__pagination .swiper-pagination-bullet {
color: var(--mbf-color-site-background);
}
}
.mbf-featured-products .is-type-mbf-slider__pagination .swiper-pagination-bullet {
color: var(--mbf-color-site-background);
}
[data-mbf-pagination=true] .is-type-mbf-slider__button {
transform: translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
@media (hover: none) {
[data-mbf-pagination=true] .is-type-mbf-slider__button-prev {
transform: translateX(-50%) translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
[data-mbf-pagination=true] .is-type-mbf-slider__button-next {
transform: translateX(50%) translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
}
@media (hover: hover) {
[data-mbf-pagination=true] .is-type-mbf-slider__button-prev {
transform: translateX(calc(-50% + 8px)) translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
[data-mbf-pagination=true] .is-type-mbf-slider__button-next {
transform: translateX(calc(50% - 8px)) translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
[data-mbf-pagination=true]:hover .is-type-mbf-slider__button-prev {
transform: translateX(-50%) translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
[data-mbf-pagination=true]:hover .is-type-mbf-slider__button-next {
transform: translateX(50%) translateY(calc(-50% - (var(--mbf-slider-pagination-height) + var(--mbf-slider-pagination-padding-top)) / 2));
}
} .mbf-advantages {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@container adaptivecols ( width > 1100px ) {
.mbf-advantages .wp-block-columns[class*=is-columns-adaptive-].is-columns-adaptive-4 > .wp-block-column {
width: -moz-min-content;
width: min-content;
}
.mbf-advantages .wp-block-columns[class*=is-columns-adaptive-].is-columns-adaptive-4 > .wp-block-column .wp-block-buttons {
width: 100%;
}
}
.mbf-advantages .wp-block-columns > .wp-block-column {
opacity: 0;
transform: translateX(var(--mbf-fade-in-animation-offset));
animation: fadeInLeft 0.45s ease forwards;
}
.mbf-advantages .wp-block-columns > .wp-block-column:nth-child(1) {
animation-delay: 0s;
}
.mbf-advantages .wp-block-columns > .wp-block-column:nth-child(2) {
animation-delay: 0.1s;
}
.mbf-advantages .wp-block-columns > .wp-block-column:nth-child(3) {
animation-delay: 0.2s;
}
.mbf-advantages .wp-block-columns > .wp-block-column:nth-child(4) {
animation-delay: 0.3s;
}
.mbf-advantages .wp-block-columns > .wp-block-column .wp-block-buttons {
width: 100%;
} .mbf-banner {
container-name: banner;
container-type: inline-size;
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
overflow: hidden;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.mbf-banner[data-mbf-mobile-aspect-ratio="1-1"] > .wp-block-group::before {
padding-bottom: 100%;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.mbf-banner[data-mbf-mobile-aspect-ratio="4-3"] > .wp-block-group::before {
padding-bottom: 75%;
}
}
@media (max-width: 767.98px) {
.mbf-banner[data-mbf-mobile-aspect-ratio="3-4"] > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-banner[data-mbf-mobile-aspect-ratio="3-2"] > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-banner[data-mbf-mobile-aspect-ratio="2-3"] > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-banner[data-mbf-mobile-aspect-ratio="16-9"] > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-banner[data-mbf-mobile-aspect-ratio="9-16"] > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-banner[data-mbf-mobile-aspect-ratio="21-9"] > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.mbf-banner[data-mbf-tablet-aspect-ratio="1-1"] > .wp-block-group::before {
padding-bottom: 100%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="4-3"] > .wp-block-group::before {
padding-bottom: 75%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="3-4"] > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="3-2"] > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="2-3"] > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="16-9"] > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="9-16"] > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-banner[data-mbf-tablet-aspect-ratio="21-9"] > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (min-width: 1200px) {
.mbf-banner[data-mbf-desktop-aspect-ratio="1-1"] > .wp-block-group::before {
padding-bottom: 100%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="4-3"] > .wp-block-group::before {
padding-bottom: 75%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="3-4"] > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="3-2"] > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="2-3"] > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="16-9"] > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="9-16"] > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-banner[data-mbf-desktop-aspect-ratio="21-9"] > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (max-width: 575.98px) {
.mbf-banner[data-mbf-stretch-mobile=true] {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
border-radius: 0 !important;
}
}
.mbf-banner.alignfull {
padding: 0;
}
.mbf-banner > .wp-block-group {
position: relative;
display: flex !important;
flex-direction: row !important;
align-items: flex-end;
gap: 0;
width: 100%;
height: 100%;
margin: 0;
}
.mbf-banner > .wp-block-group.alignfull {
padding: 0;
}
.mbf-banner > .wp-block-group::before {
content: "";
display: table;
box-sizing: border-box;
width: 0;
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child {
position: static !important;
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image {
position: absolute !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex !important;
flex-direction: column;
width: 100%;
height: 100%;
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image div:has(img),
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image div:has(img) {
width: 100%;
height: 100%;
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image.alignfull,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image.alignfull {
margin: 0;
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image a,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image a {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
}
@media (hover: hover) {
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image a:hover img,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image a:hover img {
transform: scale(var(--mbf-hover-scale-ratio)) translateZ(0);
}
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image img,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image .block-editor-media-placeholder,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image img,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image .block-editor-media-placeholder {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateZ(0);
transition: var(--mbf-transition);
}
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-image figcaption,
.mbf-banner > .wp-block-group > .wp-block-group:first-child .wp-block-post-featured-image figcaption {
position: relative;
z-index: 6;
pointer-events: none;
margin: 0;
padding: 0;
transform: translateY(calc(-100% - var(--mbf-spacing-20)));
}
.mbf-banner > .wp-block-group > .wp-block-group:last-child {
container-name: bannercontent;
container-type: inline-size;
position: relative !important;
z-index: 5;
pointer-events: none;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end;
gap: 0;
width: 100%;
max-width: 100%;
height: 100%;
margin: 0;
flex: 1 0 100%;
}
.mbf-banner > .wp-block-group > .wp-block-group:last-child > .wp-block-group:last-child {
display: flex;
}
.mbf-banner > .wp-block-group > .wp-block-group:last-child .wp-block-button,
.mbf-banner > .wp-block-group > .wp-block-group:last-child a {
position: relative;
z-index: 10;
pointer-events: all;
} .mbf-collections > .wp-block-columns > .wp-block-column {
opacity: 0;
transform: translateX(var(--mbf-fade-in-animation-offset));
animation: fadeInLeft 0.45s ease forwards;
}
.mbf-collections > .wp-block-columns > .wp-block-column:nth-child(1) {
animation-delay: 0s;
}
.mbf-collections > .wp-block-columns > .wp-block-column:nth-child(2) {
animation-delay: 0.1s;
}
.mbf-collections > .wp-block-columns > .wp-block-column:nth-child(3) {
animation-delay: 0.2s;
}
.mbf-collections > .wp-block-columns > .wp-block-column:nth-child(4) {
animation-delay: 0.3s;
}
.mbf-collections > .wp-block-columns > .wp-block-column .wp-block-buttons {
width: 100%;
}
@media (hover: hover) {
.mbf-collections > .wp-block-columns > .wp-block-column .wp-block-buttons {
opacity: 0;
transition: var(--mbf-transition);
}
.mbf-collections > .wp-block-columns > .wp-block-column:hover .wp-block-buttons {
opacity: 1;
}
} .mbf-connect {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-connect .wp-block-image img {
transition: var(--mbf-transition);
}
@media (hover: hover) {
.mbf-connect:hover .wp-block-group .wp-block-image:not(:hover) img {
opacity: 0.7;
}
} .mbf-featured-collection {
container-name: featuredcollection;
container-type: inline-size;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 575.98px) {
.mbf-featured-collection[data-mbf-stretch-mobile=true] {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
border-radius: 0 !important;
}
.mbf-featured-collection[data-mbf-stretch-mobile=true] > .wp-block-columns,
.mbf-featured-collection[data-mbf-stretch-mobile=true] .wp-block-image img {
border-radius: 0 !important;
}
}
@container featuredcollection (max-width: 919.98px) {
.mbf-featured-collection > .wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
.mbf-featured-collection > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
} @media (max-width: 575.98px) {
.mbf-featured-products[data-mbf-stretch-mobile=true] {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
border-radius: 0 !important;
}
.mbf-featured-products[data-mbf-stretch-mobile=true] > .wp-block-columns,
.mbf-featured-products[data-mbf-stretch-mobile=true] .mbf-banner {
border-radius: 0 !important;
}
.mbf-featured-products[data-mbf-stretch-mobile=true] .mbf-banner[data-mbf-stretch-mobile=true] {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@container adaptiveproducts (max-width: 709.98px) {
.mbf-featured-products > .wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-direction: column;
}
.mbf-featured-products > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
}
@media (max-width: 1199.98px) {
.mbf-featured-products > .wp-block-columns {
flex-direction: column;
flex-wrap: nowrap !important;
}
}
.mbf-featured-products .wp-block-cover__inner-container > .wp-block-group {
max-width: 100%;
}
.mbf-featured-products .mbf-banner {
height: 100%;
}
.mbf-featured-products .is-type-mbf-slider {
container-name: adaptiveproducts;
container-type: inline-size;
width: 100%;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.mbf-featured-products .is-type-mbf-slider {
max-width: calc((var(--mbf-content-size-wide) - var(--mbf-product-grid-column-gap) * 3) / 4 * 2);
}
}
@media (min-width: 1200px) {
.mbf-featured-products .is-type-mbf-slider {
max-width: calc((var(--mbf-content-size-wide) - var(--mbf-product-grid-column-gap) * 3) / 4);
}
}
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) {
overflow: hidden;
}
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) .wc-block-product-template {
width: 100%;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) .wc-block-product {
position: relative;
display: block;
height: 100%;
margin-right: var(--mbf-product-grid-column-gap);
flex-shrink: 0;
transform: translateZ(0);
backface-visibility: hidden;
transition-property: transform;
}
@container adaptiveproducts (min-width: 0) and (max-width: 419.98px) {
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) .wc-block-product {
width: 100%;
}
}
@container adaptiveproducts (min-width: 420px) and (max-width: 709.98px) {
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) .wc-block-product {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
}
@container adaptiveproducts (min-width: 710px) and (max-width: 919.98px) {
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) .wc-block-product {
width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
}
@container adaptiveproducts (min-width: 920px) {
.mbf-featured-products .is-type-mbf-slider:not(.swiper-initialized) .wc-block-product {
width: calc((100% - var(--mbf-product-grid-column-gap) * 3) / 4);
}
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template {
display: flex;
gap: 0;
margin-top: 0;
padding-bottom: var(--mbf-spacing-70);
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wp-block-post-terms {
opacity: 0.8;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wp-block-post-terms a {
color: inherit;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wp-block-post-terms a:hover {
color: inherit;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wp-block-post-title a {
color: inherit;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wp-block-post-title a:hover {
color: inherit;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wc-block-components-product-price {
opacity: 0.8;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wc-block-components-product-price:has(del) del,
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wc-block-components-product-price:has(del) ins {
color: inherit;
}
.mbf-featured-products .is-type-mbf-slider .wc-block-product-template .wc-block-components-product-price span {
color: inherit;
}
.mbf-featured-products[data-mbf-autoplay=true] .is-type-mbf-slider__pagination .swiper-pagination-bullet::after {
background: var(--mbf-color-site-background);
}
.mbf-featured-products .is-type-mbf-slider__button {
display: none !important;
}
.mbf-featured-products .is-type-mbf-slider__pagination {
--swiper-pagination-top: unset;
--swiper-pagination-bottom: var(--mbf-spacing-70);
--swiper-pagination-bullet-horizontal-gap: 0;
--swiper-pagination-bullet-width: 4px;
--swiper-pagination-bullet-height: 4px;
--swiper-pagination-color: transparent;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-inactive-opacity: 0.5;
--swiper-pagination-bullet-inactive-color: transparent;
--swiper-pagination-bullet-border-radius: 4px;
justify-content: center;
pointer-events: none;
}
.mbf-featured-products .is-type-mbf-slider__pagination .swiper-pagination-bullet {
border-color: var(--mbf-color-site-background);
} .mbf-hero-slider {
container-name: slider;
container-type: inline-size;
position: relative;
}
@media (max-width: 767.98px) {
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="1-1"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 100%;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="4-3"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 75%;
}
}
@media (max-width: 767.98px) {
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="3-4"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="3-2"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="2-3"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="16-9"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="9-16"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-hero-slider[data-mbf-mobile-aspect-ratio="21-9"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="1-1"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 100%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="4-3"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 75%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="3-4"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="3-2"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="2-3"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="16-9"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="9-16"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-hero-slider[data-mbf-tablet-aspect-ratio="21-9"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (min-width: 1200px) {
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="1-1"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 100%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="4-3"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 75%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="3-4"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="3-2"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="2-3"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="16-9"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="9-16"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-hero-slider[data-mbf-desktop-aspect-ratio="21-9"] .mbf-slider-item > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (max-width: 575.98px) {
.mbf-hero-slider[data-mbf-stretch-mobile=true] {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
border-radius: 0 !important;
}
.mbf-hero-slider[data-mbf-stretch-mobile=true] > .wp-block-group {
gap: 0 !important;
}
.mbf-hero-slider[data-mbf-stretch-mobile=true] .is-type-mbf-slider__item {
border-radius: 0 !important;
}
.mbf-hero-slider[data-mbf-stretch-mobile=true] .mbf-banner[data-mbf-stretch-mobile=true] {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.mbf-hero-slider .mbf-slider-item {
container-name: banner;
container-type: inline-size;
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
width: 100%;
overflow: hidden;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-hero-slider .mbf-slider-item.alignfull {
padding: 0;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group {
position: relative;
display: flex !important;
flex-direction: row !important;
align-items: flex-end;
gap: 0;
width: 100%;
height: 100%;
margin: 0;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group.alignfull {
padding: 0;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group::before {
content: "";
display: table;
box-sizing: border-box;
width: 0;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child {
position: static !important;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child .wp-block-image {
position: absolute !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex !important;
flex-direction: column;
width: 100%;
height: 100%;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child .wp-block-image.alignfull {
margin: 0;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child .wp-block-image a {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
}
@media (hover: hover) {
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child .wp-block-image a:hover img {
transform: scale(var(--mbf-hover-scale-ratio)) translateZ(0);
}
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child .wp-block-image img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: none;
transition: var(--mbf-transition);
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:first-child .wp-block-image figcaption {
position: relative;
z-index: 6;
pointer-events: none;
margin: 0;
padding: 0;
transform: translateY(calc(-100% - var(--mbf-spacing-20)));
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:last-child {
container-name: bannercontent;
container-type: inline-size;
position: relative !important;
z-index: 5;
pointer-events: none;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end;
gap: 0;
width: 100%;
max-width: 100%;
height: 100%;
margin: 0;
flex: 1 0 100%;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:last-child > .wp-block-group:last-child {
display: flex;
}
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:last-child .wp-block-button,
.mbf-hero-slider .mbf-slider-item > .wp-block-group > .wp-block-group:last-child a {
position: relative;
z-index: 10;
pointer-events: all;
}
.mbf-hero-slider .is-type-mbf-slider__button {
position: absolute;
top: 50%;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
opacity: 0;
cursor: pointer;
color: var(--mbf-color-site-background);
}
.mbf-hero-slider .is-type-mbf-slider__button-prev {
left: 0;
}
.mbf-hero-slider .is-type-mbf-slider__button-prev.is-active ~ .is-type-mbf-slider__cursor {
opacity: 1;
}
.mbf-hero-slider .is-type-mbf-slider__button-prev.is-active ~ .is-type-mbf-slider__cursor::before {
display: flex;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
}
.mbf-hero-slider .is-type-mbf-slider__button-next {
right: 0;
}
.mbf-hero-slider .is-type-mbf-slider__button-next.is-active ~ .is-type-mbf-slider__cursor {
opacity: 1;
}
.mbf-hero-slider .is-type-mbf-slider__button-next.is-active ~ .is-type-mbf-slider__cursor::before {
display: flex;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
@media (hover: none) {
.mbf-hero-slider .is-type-mbf-slider__button {
width: var(--mbf-slider-navigation-width);
height: var(--mbf-slider-navigation-height);
background: var(--mbf-color-site-background);
box-shadow: var(--mbf-shadow-h-offset) var(--mbf-shadow-v-offset) var(--mbf-shadow-blur) var(--mbf-shadow-spread) var(--mbf-color-shadow);
border-radius: var(--mbf-slider-navigation-border-radius);
}
}
@media (hover: none) and (max-width: 575.98px) {
.mbf-hero-slider .is-type-mbf-slider__button-prev {
transform: translateY(-50%) translateX(0);
}
}
@media (hover: none) and (min-width: 576px) {
.mbf-hero-slider .is-type-mbf-slider__button-prev {
transform: translateY(-50%) translateX(50%);
}
}
@media (hover: none) and (max-width: 575.98px) {
.mbf-hero-slider .is-type-mbf-slider__button-next {
transform: translateY(-50%) translateX(0);
}
}
@media (hover: none) and (min-width: 576px) {
.mbf-hero-slider .is-type-mbf-slider__button-next {
transform: translateY(-50%) translateX(50%);
}
}
@media (hover: none) {
.mbf-hero-slider .is-type-mbf-slider__cursor {
display: none !important;
}
}
@media (hover: hover) {
.mbf-hero-slider .is-type-mbf-slider__button {
width: 168px;
height: 50%;
transform: translateY(-50%) !important;
opacity: 0 !important;
transition: 0.15s ease;
}
.mbf-hero-slider .is-type-mbf-slider__button.is-active:hover {
cursor: none;
}
.mbf-hero-slider .is-type-mbf-slider__button > svg {
display: none;
}
.mbf-hero-slider .is-type-mbf-slider__cursor {
position: absolute;
z-index: 11;
pointer-events: none;
transform: translate3d(-50%, -50%, 0);
display: flex;
justify-content: center;
align-items: center;
width: var(--mbf-slider-navigation-width);
height: var(--mbf-slider-navigation-height);
margin: 0;
background: var(--mbf-color-site-background);
box-shadow: var(--mbf-shadow-h-offset) var(--mbf-shadow-v-offset) var(--mbf-shadow-blur) var(--mbf-shadow-spread) var(--mbf-color-shadow);
border-radius: var(--mbf-slider-navigation-border-radius);
opacity: 0;
transition: opacity var(--mbf-transition);
}
.mbf-hero-slider .is-type-mbf-slider__cursor::before {
content: "";
display: none;
justify-content: center;
align-items: center;
width: var(--mbf-slider-navigation-width);
height: var(--mbf-slider-navigation-height);
background: currentcolor;
}
}
@media (min-width: 576px) {
.mbf-hero-slider .is-type-mbf-slider__pagination {
position: absolute;
left: 0 !important;
right: 0 !important;
z-index: 9;
justify-content: flex-end;
max-width: calc(100% - var(--mbf-spacing-70) * 2);
padding: 0 var(--mbf-spacing-70);
}
}
.mbf-hero-slider[data-mbf-autoplay=true] .is-type-mbf-slider__pagination .swiper-pagination-bullet::after {
background: var(--mbf-color-site-background);
}
.wp-block-post-template .wp-block-post .wp-block-column:has(.wp-block-post-featured-image),
.wp-block-post-template .wp-block-post .wp-block-group:has(.wp-block-post-featured-image) {
overflow: hidden;
}
.wp-block-post-template .wp-block-post .wp-block-column:has(.wp-block-post-featured-image) .wp-block-post-featured-image,
.wp-block-post-template .wp-block-post .wp-block-group:has(.wp-block-post-featured-image) .wp-block-post-featured-image {
margin-bottom: -1px !important;
}
.wp-block-post-template .wp-block-post .wp-block-column:has(.wp-block-post-featured-image) .wp-post-image,
.wp-block-post-template .wp-block-post .wp-block-group:has(.wp-block-post-featured-image) .wp-post-image {
transition: var(--mbf-transition);
transform: translateZ(0);
}
.wp-block-post-template .wp-block-post .wp-block-column:has(.wp-block-post-featured-image) .wp-post-image:hover,
.wp-block-post-template .wp-block-post .wp-block-group:has(.wp-block-post-featured-image) .wp-post-image:hover {
transform: scale(var(--mbf-hover-scale-ratio));
} .mbf-posts {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (hover: none) {
.mbf-posts p a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
}
@media (hover: hover) {
.mbf-posts p a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
.mbf-posts p a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.mbf-posts .wp-block-post > .wp-block-group {
height: 100%;
}
.mbf-posts .wp-block-post .wp-block-post-title + .wp-block-group:not(:has(figure))::before {
content: "";
display: block;
width: 100%;
margin-top: auto;
}
.mbf-posts .wp-block-post .wp-block-post-title a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.mbf-posts .wp-block-post .wp-block-post-title a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
} .mbf-archive-featured-post p a,
.mbf-archive-posts p a {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (hover: none) {
.mbf-archive-featured-post p a,
.mbf-archive-posts p a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
}
@media (hover: hover) {
.mbf-archive-featured-post p a,
.mbf-archive-posts p a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
.mbf-archive-featured-post p a:hover,
.mbf-archive-posts p a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.mbf-archive-posts .wp-block-post-template {
row-gap: calc(var(--mbf-spacer) * 3);
} .mbf-post-carousel {
container-name: adaptiveposts;
container-type: inline-size;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-post-carousel .wp-block-post-template {
display: flex;
}
.is-type-mbf-slider:not(.swiper-initialized) .wp-block-post-template {
width: 100%;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.is-type-mbf-slider:not(.swiper-initialized) .wp-block-post {
position: relative;
display: block;
height: 100%;
margin-right: var(--mbf-product-grid-column-gap);
flex-shrink: 0;
transform: translateZ(0);
backface-visibility: hidden;
transition-property: transform;
} @media (hover: none) {
.mbf-products:not(.mbf-product *) p a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
}
@media (hover: hover) {
.mbf-products:not(.mbf-product *) p a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
.mbf-products:not(.mbf-product *) p a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
} .mbf-product-carousel {
container-name: adaptiveproducts;
container-type: inline-size;
position: relative;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-product-carousel .wc-block-product-template {
margin: 0;
}
.mbf-product-carousel .wc-block-product-template__responsive {
gap: 0 !important;
}
.mbf-product-carousel p a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.mbf-product-carousel p a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.mbf-product-carousel .wp-block-group:has(.wp-block-woocommerce-product-collection) {
position: static;
}
.mbf-product-carousel .wp-block-group:has(.wp-block-woocommerce-product-collection > .is-product-collection-layout-list) {
position: relative;
}
.mbf-product-carousel .wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product {
margin-top: 0;
}
.mbf-product-carousel .wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product:not(:last-child) {
margin-bottom: 0;
}
.is-type-mbf-slider:not(.swiper-initialized) .wc-block-product-template {
display: flex;
width: 100%;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.is-type-mbf-slider:not(.swiper-initialized) .wc-block-product-template .wc-block-product {
position: relative;
display: block;
height: 100%;
margin-right: var(--mbf-product-grid-column-gap);
flex-shrink: 0;
transform: translateZ(0);
backface-visibility: hidden;
transition-property: transform;
}
.is-type-mbf-slider:not(.swiper-initialized) .wc-block-product-template.is-product-collection-layout-carousel .wc-block-product {
margin-right: 0;
} .mbf-promo {
container-name: promo;
container-type: inline-size;
}
@container promo (max-width: 1149.98px) {
.mbf-promo > .wp-block-group {
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}
@container promo (min-width: 1150px) {
.mbf-promo > .wp-block-group {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767.98px) {
.mbf-promo[data-mbf-mobile-aspect-ratio="1-1"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 100%;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.mbf-promo[data-mbf-mobile-aspect-ratio="4-3"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 75%;
}
}
@media (max-width: 767.98px) {
.mbf-promo[data-mbf-mobile-aspect-ratio="3-4"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-promo[data-mbf-mobile-aspect-ratio="3-2"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-promo[data-mbf-mobile-aspect-ratio="2-3"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-promo[data-mbf-mobile-aspect-ratio="16-9"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-promo[data-mbf-mobile-aspect-ratio="9-16"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-promo[data-mbf-mobile-aspect-ratio="21-9"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.mbf-promo[data-mbf-tablet-aspect-ratio="1-1"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 100%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="4-3"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 75%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="3-4"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="3-2"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="2-3"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="16-9"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="9-16"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-promo[data-mbf-tablet-aspect-ratio="21-9"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (min-width: 1200px) {
.mbf-promo[data-mbf-desktop-aspect-ratio="1-1"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 100%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="4-3"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 75%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="3-4"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 133.33333%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="3-2"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 66.66667%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="2-3"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 150%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="16-9"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 56.25%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="9-16"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 177.77777%;
}
.mbf-promo[data-mbf-desktop-aspect-ratio="21-9"] > .wp-block-group > .wp-block-group::before {
padding-bottom: 42.85%;
}
}
@media (max-width: 575.98px) {
.mbf-promo[data-mbf-stretch-mobile=true] {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
border-radius: 0 !important;
}
.mbf-promo[data-mbf-stretch-mobile=true] > .wp-block-group {
gap: 0 !important;
}
.mbf-promo[data-mbf-stretch-mobile=true] > .wp-block-group > .wp-block-group {
border-radius: 0 !important;
}
}
.mbf-promo > .wp-block-group > .wp-block-group {
position: relative;
display: flex !important;
flex-direction: row !important;
align-items: flex-end;
justify-content: end;
gap: 0;
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
.mbf-promo > .wp-block-group > .wp-block-group.alignfull {
padding: 0;
}
.mbf-promo > .wp-block-group > .wp-block-group::before {
content: "";
display: table;
box-sizing: border-box;
width: 0;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child {
position: static !important;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image {
position: absolute !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex !important;
flex-direction: column;
width: 100%;
height: 100%;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image div:has(img) {
width: 100%;
height: 100%;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image.alignfull {
margin: 0;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image a {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
}
@media (hover: hover) {
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image a:hover img {
transform: scale(var(--mbf-hover-scale-ratio)) translateZ(0);
}
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateZ(0);
transition: var(--mbf-transition);
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:first-child .wp-block-image figcaption {
position: relative;
z-index: 6;
pointer-events: none;
margin: 0;
padding: 0;
transform: translateY(calc(-100% - var(--mbf-spacing-20)));
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:last-child {
container-name: bannercontent;
container-type: inline-size;
position: relative !important;
z-index: 5;
pointer-events: none;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end;
gap: 0;
width: 100%;
max-width: 100%;
height: 100%;
margin: 0;
flex: 1 0 100%;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:last-child > .wp-block-group:last-child {
display: flex;
}
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:last-child .wp-block-button,
.mbf-promo > .wp-block-group > .wp-block-group > .wp-block-group:last-child a {
position: relative;
z-index: 10;
pointer-events: all;
} .mbf-testimonials {
container-name: testimonials;
container-type: inline-size;
position: relative;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mbf-testimonials > .wp-block-group:has(.is-type-mbf-slider) {
max-width: var(--mbf-content-size);
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (hover: hover) {
.mbf-testimonials p a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
.mbf-testimonials p a:hover {
background-size: 0 1px;
color: currentColor;
}
}
.is-type-mbf-slider:not(.initialized) > .wp-block-group {
width: 100%;
display: flex;
gap: var(--mbf-product-grid-column-gap);
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.is-type-mbf-slider:not(.initialized) .is-type-mbf-slider__item {
position: relative;
display: flex;
height: 100%;
flex-shrink: 0;
transform: translateZ(0);
backface-visibility: hidden;
transition-property: transform;
}
@media (max-width: 767.98px) {
.mbf-about-us .wp-block-group.wp-block-group-is-layout-grid {
grid-template-columns: minmax(0, 1fr);
row-gap: var(--mbf-spacing-70);
}
}
.mbf-section {
width: 100%;
}
.alignwide > .mbf-section > .alignfull {
margin-left: 0;
margin-right: 0;
} .wc-block-components-product-price:not(.has-text-color):has(del) del, .wc-block-components-product-price.wc-block-grid__product-price:has(del) del {
color: var(--mbf-color-secondary);
}
.wc-block-components-product-price:not(.has-text-color):has(del) ins, .wc-block-components-product-price.wc-block-grid__product-price:has(del) ins {
color: var(--mbf-color-warning);
}
.wc-block-components-product-price:has(del) {
display: flex;
align-items: center;
gap: var(--mbf-spacing-20);
}
.wc-block-components-product-price:has(del) del {
order: 3;
}
.wc-block-components-product-price:has(del) ins {
order: 1;
margin-left: 0;
}
.wc-block-components-product-price:has(del) .screen-reader-text:first-child {
order: 4;
}
.wc-block-components-product-price:has(del) .screen-reader-text:last-child {
order: 2;
}
.wc-block-components-product-badge,
.wc-block-components-product-sale-badge {
position: static;
color: var(--mbf-color-tag);
background: var(--mbf-color-tag-bg);
border-color: var(--mbf-color-tag);
border-radius: var(--mbf-tag-border-radius);
font-size: var(--mbf-font-size-x-small);
text-transform: var(--mbf-font-base-text-transform);
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevron {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevron::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevron {
width: 32px !important;
height: 32px !important;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevron svg {
display: none;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevron::before {
width: 30px;
height: 30px;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-plus {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-plus::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-plus {
width: 32px !important;
height: 32px !important;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-plus svg {
display: none;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-plus::before {
width: 30px;
height: 30px;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/plus.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/plus.svg) no-repeat center/contain;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-circlePlus {
width: 1.725em !important;
height: 1.725em !important;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-circlePlus svg {
width: 1.725em;
height: 1.725em;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevronRight {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevronRight::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevronRight {
width: 32px !important;
height: 32px !important;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevronRight svg {
display: none;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-chevronRight::before {
width: 30px;
height: 30px;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-caret {
width: 1.725em !important;
height: 1.725em !important;
}
.wp-block-woocommerce-accordion-group .accordion-item__toggle-icon.has-icon-caret svg {
width: 1.725em;
height: 1.725em;
}
.wp-block-woocommerce-accordion-group.is-type-mbf-style-1 .wp-block-woocommerce-accordion-item {
margin-top: calc(var(--mbf-border-width) * -1);
padding-top: calc(var(--mbf-spacer) * 1.125);
padding-bottom: calc(var(--mbf-spacer) * 1.25);
padding-left: calc(var(--mbf-spacer) * 2);
padding-right: calc(var(--mbf-spacer) * 2);
}
.wp-block-woocommerce-accordion-group.is-type-mbf-style-1 .wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-panel .accordion-content__wrapper {
margin-top: 0;
}
.wp-block-woocommerce-accordion-group.is-type-mbf-style-2 .wp-block-woocommerce-accordion-item {
padding-left: 0;
padding-right: 0;
padding-top: var(--mbf-spacing-30);
padding-bottom: var(--mbf-spacing-30);
}
.wp-block-woocommerce-accordion-group:first-child.is-type-mbf-style-2 .wp-block-woocommerce-accordion-item:first-child {
padding-top: 0;
}
.wp-block-woocommerce-accordion-group:first-child.is-type-mbf-style-2 .wp-block-woocommerce-accordion-item:first-child .accordion-item__toggle {
padding-top: 0;
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item {
margin-top: calc(var(--mbf-border-width) * -1);
padding-top: calc(var(--mbf-spacer) * 1.125);
padding-bottom: calc(var(--mbf-spacer) * 1.25);
padding-left: calc(var(--mbf-spacer) * 2);
padding-right: calc(var(--mbf-spacer) * 2);
border-width: var(--mbf-border-width);
border-style: var(--mbf-border-style);
border-color: var(--mbf-color-border);
border-top-left-radius: var(--mbf-layout-elements-border-radius-sm);
border-top-right-radius: var(--mbf-layout-elements-border-radius-sm);
border-bottom-left-radius: var(--mbf-layout-elements-border-radius-sm);
border-bottom-right-radius: var(--mbf-layout-elements-border-radius-sm);
}
.wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item {
padding-left: 0;
padding-right: 0;
padding-top: var(--mbf-spacing-30);
padding-bottom: var(--mbf-spacing-30);
border-radius: 0;
border-top-width: 0;
border-top-style: none;
border-right-width: 0;
border-right-style: none;
border-bottom-width: var(--mbf-border-width);
border-bottom-style: var(--mbf-border-style);
border-bottom-color: var(--mbf-color-border);
border-left-width: 0;
border-left-style: none;
}
.wp-block-accordion:first-child.is-type-mbf-style-2 .wp-block-accordion-item:first-child {
padding-top: 0;
}
.wp-block-accordion:first-child.is-type-mbf-style-2 .wp-block-accordion-item:first-child .accordion-item__toggle {
padding-top: 0;
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-size: var(--wp--preset--font-size--small);
color: var(--mbf-color-secondary);
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:last-child)::after, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:last-child)::after {
content: "";
display: block;
background: currentcolor;
position: relative;
width: 30px;
height: auto;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
transition: var(--mbf-transition);
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:last-child) .wp-block-accordion-heading__toggle-icon, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:last-child) .wp-block-accordion-heading__toggle-icon {
display: none;
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:first-child)::before, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:first-child)::before {
content: "";
display: block;
background: currentcolor;
position: relative;
width: 30px;
height: auto;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-down.svg) no-repeat center/contain;
transition: var(--mbf-transition);
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:first-child) .wp-block-accordion-heading__toggle-icon, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading:has(.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon:first-child) .wp-block-accordion-heading__toggle-icon {
display: none;
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
transition: var(--mbf-transition);
}
@media (hover: hover) {
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover {
color: var(--mbf-color-primary);
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
text-decoration: none;
}
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-panel, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-panel {
margin-block-start: 0;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--wp--preset--font-size--x-medium);
transition: opacity 0.3s ease-out;
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item .wp-block-accordion-panel[inert], .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item .wp-block-accordion-panel[inert] {
display: block;
opacity: 0;
height: 0;
padding: 0 !important;
visibility: hidden;
}
.wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item.is-open .wp-block-accordion-heading::before, .wp-block-accordion.is-type-mbf-style-1 .wp-block-accordion-item.is-open .wp-block-accordion-heading::after, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item.is-open .wp-block-accordion-heading::before, .wp-block-accordion.is-type-mbf-style-2 .wp-block-accordion-item.is-open .wp-block-accordion-heading::after {
transform: rotate(-180deg);
}
.wc-block-components-totals-discount__coupon-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--mbf-spacing-10);
margin-top: var(--mbf-spacing-20);
}
.wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item {
display: flex;
align-items: center;
margin: 0;
padding: 0 0 0 var(--mbf-spacing-20);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-xs);
}
.wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__text {
display: flex;
align-items: center;
padding: 0;
font-size: var(--mbf-font-size-x-small);
}
.wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove {
display: flex;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: var(--mbf-spacing-20);
background: transparent;
cursor: pointer;
transition: var(--mbf-transition);
}
.wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove svg {
fill: var(--mbf-color-secondary);
}
@media (hover: hover) {
.wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove:hover svg {
fill: var(--mbf-color-primary);
}
} .wc-block-components-notice-banner {
position: relative;
outline: unset;
border-radius: var(--mbf-layout-elements-border-radius-sm);
margin-bottom: var(--mbf-spacing-70);
padding: calc(var(--mbf-spacer) * 2) calc(var(--mbf-spacer) * 2) calc(var(--mbf-spacer) * 2) calc(var(--mbf-spacer) * 6.25) !important;
}
[dir=rtl] .wc-block-components-notice-banner {
padding: calc(var(--mbf-spacer) * 2) calc(var(--mbf-spacer) * 6.25) calc(var(--mbf-spacer) * 2) calc(var(--mbf-spacer) * 2) !important;
}
.wc-block-components-notice-banner:first-child {
margin-top: 0;
}
.wc-block-components-notice-banner__content {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-x-medium);
color: var(--mbf-color-primary);
}
.wc-block-components-notice-banner svg {
display: none;
}
.wc-block-components-notice-banner::before {
content: "";
position: absolute;
top: 50%;
left: 38px;
transform: translateY(-50%);
z-index: 2;
display: block;
width: 32px;
height: 32px;
}
[dir=rtl] .wc-block-components-notice-banner::before {
left: unset;
right: 38px;
}
.wc-block-components-notice-banner::after {
content: "";
position: absolute;
left: 32px;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: var(--mbf-layout-elements-border-radius-sm);
background-color: var(--mbf-color-site-background);
}
[dir=rtl] .wc-block-components-notice-banner::after {
left: unset;
right: 32px;
}
@media screen and (max-width: 420px) {
.wc-block-components-notice-banner {
padding-top: calc(var(--mbf-spacer) * 5.25) !important;
padding-left: calc(var(--mbf-spacer) * 2) !important;
}
[dir=rtl] .wc-block-components-notice-banner {
padding-right: calc(var(--mbf-spacer) * 2) !important;
}
.wc-block-components-notice-banner::before {
top: 30px;
left: 50%;
transform: translateX(-50%);
}
.wc-block-components-notice-banner::after {
top: 24px;
left: 50%;
transform: translateX(-50%);
}
.wc-block-components-notice-banner .wc-block-components-notice-banner__content {
text-align: center;
}
}
.wc-block-components-notice-banner.is-success::before {
background: var(--mbf-color-success);
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/success.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/success.svg) no-repeat center/contain;
}
.wc-block-components-notice-banner.is-info::before {
background: var(--mbf-color-notice);
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/info.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/info.svg) no-repeat center/contain;
}
.wc-block-components-notice-banner.is-error::before {
background: var(--mbf-color-warning);
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/warning.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/warning.svg) no-repeat center/contain;
}
.wc-block-components-notice-banner:focus-visible {
outline: unset;
}
@media (max-width: 575.98px) {
.wc-block-components-notice-banner {
flex-wrap: wrap;
}
}
.woocommerce-store-notice,
p.demo_store {
position: fixed;
z-index: 9998;
background: var(--mbf-color-accent);
color: var(--mbf-color-accent-contrast);
} .woocommerce .wc-block-components-quantity-selector,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
display: flex;
align-items: center;
width: unset;
background: var(--mbf-color-layout-background);
border: none;
border-radius: var(--mbf-input-border-radius);
}
.woocommerce .wc-block-components-quantity-selector::after,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector::after {
border: none;
}
.woocommerce .wc-block-components-quantity-selector input,
.woocommerce .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.woocommerce .wc-block-components-quantity-selector input.qty,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.qty {
display: flex;
justify-content: center;
align-items: center;
width: 2.5em;
padding: 0.3rem 0;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce .wc-block-components-quantity-selector input,
.woocommerce .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.woocommerce .wc-block-components-quantity-selector input.qty,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.qty {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce .wc-block-components-quantity-selector input,
.woocommerce .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.woocommerce .wc-block-components-quantity-selector input.qty,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.qty {
font-size: var(--mbf-font-size-small);
}
}
@media (max-width: 575.98px) {
.woocommerce .wc-block-components-quantity-selector input,
.woocommerce .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.woocommerce .wc-block-components-quantity-selector input.qty,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.qty {
font-size: 1rem;
line-height: 1;
}
}
@media (min-width: 576px) {
.woocommerce .wc-block-components-quantity-selector input,
.woocommerce .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.woocommerce .wc-block-components-quantity-selector input.qty,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector input.qty {
font-size: var(--wp--preset--font-size--small);
line-height: 1;
}
}
.woocommerce .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1;
}
.woocommerce .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
outline: none;
box-shadow: none;
}
.woocommerce .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled {
opacity: 0.25;
color: var(--mbf-color-secondary);
}
.woocommerce .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus {
margin-left: 9px;
}
.woocommerce .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus,
.wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus {
margin-right: 9px;
} .woocommerce table.shop_table {
border: none;
border-collapse: separate;
border-spacing: 0;
border-radius: 0;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce table.shop_table thead {
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
@media (min-width: 768px) {
.woocommerce table.shop_table thead {
display: table-header-group;
}
}
.woocommerce table.shop_table thead tr {
border: none;
}
@media (min-width: 768px) {
.woocommerce table.shop_table thead tr {
display: table-row;
}
}
.woocommerce table.shop_table thead th {
font-weight: var(--mbf-font-base-weight);
padding: 0 0 var(--mbf-spacing-30) calc(var(--mbf-spacer) * 1.875);
border: none;
}
.woocommerce table.shop_table tbody,
.woocommerce table.shop_table tfoot {
font-size: var(--mbf-font-size-medium);
}
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot tr,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
background-color: transparent !important;
font-weight: inherit;
}
@media (min-width: 768px) {
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot tr,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
padding: var(--mbf-spacer) calc(var(--mbf-spacer) * 1.875);
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-bottom: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
.woocommerce table.shop_table tbody tr:first-child,
.woocommerce table.shop_table tbody th:first-child,
.woocommerce table.shop_table tbody td:first-child,
.woocommerce table.shop_table tfoot tr:first-child,
.woocommerce table.shop_table tfoot th:first-child,
.woocommerce table.shop_table tfoot td:first-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
[dir=rtl] .woocommerce table.shop_table tbody tr:first-child,
[dir=rtl] .woocommerce table.shop_table tbody th:first-child,
[dir=rtl] .woocommerce table.shop_table tbody td:first-child,
[dir=rtl] .woocommerce table.shop_table tfoot tr:first-child,
[dir=rtl] .woocommerce table.shop_table tfoot th:first-child,
[dir=rtl] .woocommerce table.shop_table tfoot td:first-child {
border-left: none;
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elemnts-border-radius-sm) 0;
}
.woocommerce table.shop_table tbody tr:last-child,
.woocommerce table.shop_table tbody th:last-child,
.woocommerce table.shop_table tbody td:last-child,
.woocommerce table.shop_table tfoot tr:last-child,
.woocommerce table.shop_table tfoot th:last-child,
.woocommerce table.shop_table tfoot td:last-child {
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0;
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
[dir=rtl] .woocommerce table.shop_table tbody tr:last-child,
[dir=rtl] .woocommerce table.shop_table tbody th:last-child,
[dir=rtl] .woocommerce table.shop_table tbody td:last-child,
[dir=rtl] .woocommerce table.shop_table tfoot tr:last-child,
[dir=rtl] .woocommerce table.shop_table tfoot th:last-child,
[dir=rtl] .woocommerce table.shop_table tfoot td:last-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-right: none;
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
}
@media (min-width: 768px) {
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
display: table-cell;
}
.woocommerce table.shop_table tbody th::before,
.woocommerce table.shop_table tbody td::before,
.woocommerce table.shop_table tfoot th::before,
.woocommerce table.shop_table tfoot td::before {
display: none;
}
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th {
color: var(--mbf-color-secondary);
}
@media (min-width: 768px) {
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tfoot tr {
display: table-row;
padding: 0;
}
}
@media (max-width: 767.98px) {
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tfoot tr {
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
overflow: hidden;
}
}
.woocommerce table.shop_table tbody tr:not(:first-child:last-child):not(:first-child),
.woocommerce table.shop_table tfoot tr:not(:first-child:last-child):not(:first-child) {
border-top: unset;
}
.woocommerce table.shop_table tbody tr:not(:first-child:last-child):not(:first-child) th,
.woocommerce table.shop_table tbody tr:not(:first-child:last-child):not(:first-child) td,
.woocommerce table.shop_table tfoot tr:not(:first-child:last-child):not(:first-child) th,
.woocommerce table.shop_table tfoot tr:not(:first-child:last-child):not(:first-child) td {
border-top: unset;
}
.woocommerce table.shop_table:has(tbody):has(tfoot) tbody > tr:first-child:last-child th,
.woocommerce table.shop_table:has(tbody):has(tfoot) tbody > tr:first-child:last-child td {
border-bottom: unset;
}
.woocommerce table.shop_table:has(tbody):has(tfoot) tbody > tr:not(:first-child):last-child th,
.woocommerce table.shop_table:has(tbody):has(tfoot) tbody > tr:not(:first-child):last-child td {
border-bottom: unset;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.woocommerce table.shop_table_responsive tr td {
text-align: left !important;
}
}
.form-row .select2-container {
display: block;
width: 100%;
}
.form-row .select2-container.select2-container--open {
border-left: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border) !important;
border-right: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border) !important;
background: var(--mbf-color-input-bg);
}
.form-row .select2-container.select2-container--open.select2-container--above {
margin-top: calc(var(--mbf-input-border-width) * -1);
border-bottom: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border) !important;
border-radius: 0 0 var(--mbf-input-border-radius) var(--mbf-input-border-radius) !important;
}
.form-row .select2-container.select2-container--open.select2-container--below {
margin-bottom: calc(var(--mbf-input-border-width) * -1);
border-top: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border) !important;
border-radius: var(--mbf-input-border-radius) var(--mbf-input-border-radius) 0 0 !important;
}
.form-row .select2-container .selection .select2-selection {
margin: 0;
}
.form-row .select2-container .selection .select2-selection__rendered {
padding: 0;
}
.select2-container--open .select2-dropdown {
background: var(--mbf-color-input-bg);
border-bottom: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border);
border-left: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border);
border-right: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border);
}
.select2-container--open .select2-dropdown.select2-dropdown--above {
padding-top: var(--mbf-spacing-20);
border-top: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border);
border-radius: var(--mbf-input-border-radius) var(--mbf-input-border-radius) 0 0;
}
.select2-container--open .select2-dropdown.select2-dropdown--below {
border-bottom: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border);
}
.select2-container--open .select2-dropdown .select2-search__field {
border-radius: var(--mbf-input-border-radius);
border: var(--mbf-input-border-width) var(--mbf-input-border-type) var(--mbf-color-border);
}
.select2-container--open .select2-dropdown .select2-results__option.select2-results__option--highlighted {
background: var(--mbf-color-button);
color: var(--mbf-color-button-contrast);
}
.mbf-breadcrumbs:not(:has(*)) {
display: none;
}
.mbf-breadcrumbs + main {
margin-top: 0;
}
.wc-block-breadcrumbs {
min-height: 56px;
margin-top: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.wc-block-breadcrumbs .woocommerce-breadcrumb {
display: flex !important;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0;
}
.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {
margin: 0;
}
.wc-block-breadcrumbs .mbf-breadcrumb-separator {
display: inline-flex;
position: relative;
width: 24px;
height: 24px;
padding: 0;
margin-left: calc(var(--mbf-spacer) * 0.0625);
margin-right: calc(var(--mbf-spacer) * 0.0625);
}
.wc-block-breadcrumbs .mbf-breadcrumb-separator::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: 24px;
height: 24px;
background: currentcolor;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/arrow.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/arrow.svg) no-repeat center/contain;
}
[dir=rtl] .wc-block-breadcrumbs .mbf-breadcrumb-separator {
transform: rotate(180deg);
}
:where(.wp-block-woocommerce-breadcrumbs a) {
text-decoration: none !important;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
}
:where(.wp-block-woocommerce-breadcrumbs a:where(:not(.wp-element-button)):hover) {
background-size: 0 1px;
color: currentColor;
}
.mbf-products {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wc-block-product-template.is-flex-container:not(.wc-block-product-template__responsive) {
-moz-column-gap: var(--mbf-product-grid-column-gap);
column-gap: var(--mbf-product-grid-column-gap);
row-gap: var(--mbf-product-grid-row-gap);
}
@container adaptiveproducts (min-width: 420px) {
.wc-block-product-template.is-flex-container:not(.wc-block-product-template__responsive).columns-2 > li {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
.wc-block-product-template.is-flex-container:not(.wc-block-product-template__responsive).columns-3 > li {
width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
.wc-block-product-template.is-flex-container:not(.wc-block-product-template__responsive).columns-4 > li {
width: calc((100% - var(--mbf-product-grid-column-gap) * 3) / 4);
}
.wc-block-product-template.is-flex-container:not(.wc-block-product-template__responsive).columns-5 > li {
width: calc((100% - var(--mbf-product-grid-column-gap) * 4) / 5);
}
.wc-block-product-template.is-flex-container:not(.wc-block-product-template__responsive).columns-6 > li {
width: calc((100% - var(--mbf-product-grid-column-gap) * 5) / 6);
}
}
.wc-block-product-template.wc-block-product-template__responsive {
-moz-column-gap: var(--mbf-product-grid-column-gap);
column-gap: var(--mbf-product-grid-column-gap);
row-gap: var(--mbf-product-grid-row-gap);
margin-top: 0;
}
.wc-block-product-template.wc-block-product-template__responsive.columns-1 {
grid-template-columns: minmax(0, 1fr);
}
@container adaptiveproducts (min-width: 0) and (max-width: 419.98px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-2, .wc-block-product-template.wc-block-product-template__responsive.columns-3, .wc-block-product-template.wc-block-product-template__responsive.columns-4, .wc-block-product-template.wc-block-product-template__responsive.columns-5, .wc-block-product-template.wc-block-product-template__responsive.columns-6 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap)) / 2), 1fr));
}
}
@container adaptiveproducts (min-width: 420px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-2 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap)) / 2), 1fr));
}
}
@container adaptiveproducts (min-width: 420px) and (max-width: 709.98px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-3, .wc-block-product-template.wc-block-product-template__responsive.columns-4, .wc-block-product-template.wc-block-product-template__responsive.columns-5, .wc-block-product-template.wc-block-product-template__responsive.columns-6 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap)) / 2), 1fr));
}
}
@container adaptiveproducts (min-width: 710px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-3 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap) * 2) / 3), 1fr));
}
}
@container adaptiveproducts (min-width: 710px) and (max-width: 919.98px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-4 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap)) / 2), 1fr));
}
.wc-block-product-template.wc-block-product-template__responsive.columns-5, .wc-block-product-template.wc-block-product-template__responsive.columns-6 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap) * 2) / 3), 1fr));
}
}
@container adaptiveproducts (min-width: 920px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-4 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap) * 3) / 4), 1fr));
}
}
@container adaptiveproducts (min-width: 920px) and (max-width: 1149.98px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-5, .wc-block-product-template.wc-block-product-template__responsive.columns-6 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap) * 2) / 3), 1fr));
}
}
@container adaptiveproducts (min-width: 1150px) {
.wc-block-product-template.wc-block-product-template__responsive.columns-5 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap) * 4) / 5), 1fr));
}
.wc-block-product-template.wc-block-product-template__responsive.columns-6 {
grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--mbf-product-grid-column-gap) * 5) / 6), 1fr));
}
}
.wc-block-product-template.is-product-collection-layout-carousel {
gap: var(--mbf-product-grid-column-gap);
}
.wc-block-product-template .wc-block-product {
container-name: productcard;
container-type: inline-size;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image {
position: relative;
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-thumbnail-border-radius);
overflow: hidden;
z-index: 10;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image > a {
position: relative;
z-index: 1;
display: block;
width: 100%;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image > a img {
transition: var(--mbf-transition);
transform: translateZ(0);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image__inner-container {
position: absolute;
z-index: 2;
justify-content: space-between;
padding: 0;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image__inner-container > a {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button {
transition: var(--mbf-transition);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button .wp-block-button__link {
line-height: 1;
transition: var(--mbf-transition);
}
@media (hover: hover) {
.wc-block-product-template .wc-block-product .wc-block-components-product-button .wp-block-button__link:hover {
color: var(--mbf-color-button-contrast);
background: var(--mbf-color-button);
}
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button .wp-block-button__link span {
background: transparent !important;
font-size: var(--mbf-font-size-medium);
line-height: var(--mbf-font-base-line-height);
padding: 0;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button a:has(button) {
width: 100%;
display: flex;
justify-content: center;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart)[hidden] {
display: block;
margin-left: 0;
width: 0;
opacity: 0;
visibility: hidden;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) {
display: block;
margin-left: var(--mbf-spacing-30);
width: -moz-max-content;
width: max-content;
opacity: 1;
visibility: visible;
transition: var(--mbf-transition);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: var(--mbf-button-padding-y);
margin: 0;
font-size: 0;
color: var(--mbf-color-button);
background-color: var(--mbf-color-button-contrast);
border-radius: 50%;
transition: var(--mbf-transition);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart:hover {
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart::before {
content: "";
display: block;
background: currentcolor;
width: calc(var(--mbf-spacer) * 1.625);
height: calc(var(--mbf-spacer) * 1.625);
margin: calc((var(--mbf-font-base-size) * var(--mbf-font-base-line-height) - var(--mbf-spacer) * 1.625) / 2);
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/cart.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/cart.svg) no-repeat center/contain;
}
@container productcard ( width > 219px ) {
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)) {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::before, .wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::before {
margin-left: 10px;
margin-right: unset;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::before {
margin-left: 0;
margin-right: unset;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::before::active {
transform: scale(1.5);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart))::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::before {
width: 0;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-button span:not([hidden]):not(:has(a.added_to_cart)):hover::after::active {
transform: scale(1.5);
}
}
}
@media (hover: none) {
.wc-block-product-template .wc-block-product .wc-block-components-product-button {
opacity: 1;
}
}
@media (hover: hover) {
.wc-block-product-template .wc-block-product .wc-block-components-product-button {
opacity: 0;
}
.wc-block-product-template .wc-block-product:hover .wc-block-components-product-button {
opacity: 1;
}
.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img {
transform: scale(var(--mbf-hover-scale-ratio)) translateZ(0);
}
}
.wc-block-product-template .wc-block-product .wp-block-post-terms a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.wc-block-product-template .wc-block-product .wp-block-post-terms a:hover {
background-size: 100% 1px;
color: var(--mbf-color-secondary);
}
}
.wc-block-product-template .wc-block-product .wp-block-post-title a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.wc-block-product-template .wc-block-product .wp-block-post-title a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.wp-block-woocommerce-product-collection {
container-name: adaptiveproducts;
container-type: inline-size;
position: relative;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product > .wp-block-group, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product > .wp-block-group,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product > .wp-block-group,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product > .wp-block-group {
display: flex;
flex-direction: column;
gap: var(--mbf-spacing-40);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-image),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image), .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-image),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wc-block-components-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wc-block-components-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) {
position: relative;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image), .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wc-block-components-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) + .wp-block-group .wp-block-group:has(.wp-block-woocommerce-product-image) {
display: none;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-woocommerce-product-image, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-woocommerce-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-woocommerce-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-woocommerce-product-image {
margin-right: 0;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button), .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateZ(0);
z-index: 10;
width: 100%;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button {
width: -moz-max-content;
width: max-content;
margin: 0 auto;
position: relative;
flex-direction: row;
gap: 0;
}
@container productcard ( width < 220px ) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-button), .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wp-block-group:has(.wc-block-components-product-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wp-block-group:has(.wc-block-components-product-button) {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-button, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-button {
padding-left: var(--mbf-spacing-20);
padding-right: var(--mbf-spacing-20);
padding-bottom: var(--mbf-spacing-20);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-button .wp-block-button__link, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-button .wp-block-button__link,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-button .wp-block-button__link,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-button .wp-block-button__link {
padding: calc(var(--mbf-button-padding-y) * 0.5) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
font-size: 0;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-button .wp-block-button__link span, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-button .wp-block-button__link span,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-button .wp-block-button__link span,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-button .wp-block-button__link span {
font-size: var(--mbf-font-size-small);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart), .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart),
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) {
margin-left: var(--mbf-spacing-20);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart {
padding: calc(var(--mbf-button-padding-y) * 0.5);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart::before, .wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart::before,
.wp-block-woocommerce-product-collection .is-product-collection-layout-flex .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart::before,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart::before {
width: calc(var(--mbf-spacer) * 1.375);
height: calc(var(--mbf-spacer) * 1.375);
margin: calc((var(--mbf-font-size-small) * var(--mbf-font-base-line-height) - var(--mbf-spacer) * 1.375) / 2);
}
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"flex"'] .wp-block-group:has(.wc-block-next-previous-buttons) {
display: none;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product {
display: flex;
flex-direction: row;
max-width: var(--mbf-product-stack-width);
width: 100%;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product > .wp-block-group,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product > .wp-block-group {
display: flex;
flex-direction: row;
gap: var(--mbf-spacing-40);
width: 100%;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product > .wp-block-group > .wp-block-group,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product > .wp-block-group > .wp-block-group {
margin-top: 0;
}
@media (max-width: 575.98px) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product > .wp-block-group > .wp-block-group,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product > .wp-block-group > .wp-block-group {
width: clamp(100px, 60%, 200px);
}
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product .wp-block-woocommerce-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product .wp-block-woocommerce-product-image {
max-width: var(--mbf-product-stack-image-width);
margin-bottom: 0;
}
@media (max-width: 575.98px) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product .wp-block-woocommerce-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product .wc-block-components-product-image,
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product .wp-block-woocommerce-product-image {
width: clamp(100px, 40%, 160px);
}
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) {
display: none;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"list"'] .wp-block-group:has(.wc-block-next-previous-buttons),
.wp-block-woocommerce-product-collection .is-product-collection-layout-list .wp-block-group:has(.wc-block-next-previous-buttons) {
display: none;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'],
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel {
margin-top: 0;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wp-block-group:has(.wc-block-next-previous-buttons),
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wp-block-group:has(.wc-block-next-previous-buttons) {
position: absolute;
top: 50%;
left: 0;
z-index: 10;
transform: translateY(-50%);
width: 100%;
max-width: 100%;
margin: 0;
justify-content: flex-start;
pointer-events: none;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wp-block-group:has(.wc-block-next-previous-buttons) .wc-block-next-previous-buttons,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wp-block-group:has(.wc-block-next-previous-buttons) .wc-block-next-previous-buttons {
width: 100%;
justify-content: space-between;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wp-block-group:has(.wc-block-next-previous-buttons) .wc-block-next-previous-buttons__button,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wp-block-group:has(.wc-block-next-previous-buttons) .wc-block-next-previous-buttons__button {
width: var(--mbf-slider-navigation-width);
height: var(--mbf-slider-navigation-height);
background: var(--mbf-color-site-background);
border-radius: var(--mbf-slider-navigation-border-radius);
box-shadow: var(--mbf-shadow-h-offset) var(--mbf-shadow-v-offset) var(--mbf-shadow-blur) var(--mbf-shadow-spread) var(--mbf-color-shadow);
transition: var(--mbf-transition);
}
@media (hover: none) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-next-previous-buttons__button:first-child,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-next-previous-buttons__button:first-child {
transform: translateX(-50%) translateY(-50%);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-next-previous-buttons__button:last-child,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-next-previous-buttons__button:last-child {
transform: translateX(50%) translateY(-50%);
}
}
@media (hover: hover) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-next-previous-buttons,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-next-previous-buttons {
opacity: 0;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-next-previous-buttons__button:first-child,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-next-previous-buttons__button:first-child {
transform: translateX(calc(-50% + 8px)) translateY(-50%);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-next-previous-buttons__button:last-child,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-next-previous-buttons__button:last-child {
transform: translateX(calc(50% - 8px)) translateY(-50%);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"']:hover .wc-block-next-previous-buttons,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel:hover .wc-block-next-previous-buttons {
opacity: 1;
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"']:hover .wc-block-next-previous-buttons__button:first-child,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel:hover .wc-block-next-previous-buttons__button:first-child {
transform: translateX(-50%) translateY(-50%);
}
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"']:hover .wc-block-next-previous-buttons__button:last-child,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel:hover .wc-block-next-previous-buttons__button:last-child {
transform: translateX(50%) translateY(-50%);
}
}
@container adaptiveproducts (min-width: 0) and (max-width: 419.98px) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product {
min-width: 100%;
}
}
@container adaptiveproducts (min-width: 420px) and (max-width: 709.98px) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product {
min-width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
}
@container adaptiveproducts (min-width: 710px) and (max-width: 919.98px) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product {
min-width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
}
@container adaptiveproducts (min-width: 920px) {
.wp-block-woocommerce-product-collection[data-display-layout*='"type":"carousel"'] .wc-block-product,
.wp-block-woocommerce-product-collection .is-product-collection-layout-carousel .wc-block-product {
min-width: calc((100% - var(--mbf-product-grid-column-gap) * 3) / 4);
}
}
.mbf-search-products .wc-block-product-template .wc-block-product .wp-block-group:has(.wc-block-components-product-image),
.mbf-search-products .wc-block-product-template .wc-block-product .wp-block-group:has(.wp-block-woocommerce-product-image) {
position: relative;
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-image,
.mbf-search-products .wc-block-product-template .wc-block-product .wp-block-woocommerce-product-image {
margin-right: 0;
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button),
.mbf-search-products .wc-block-product-template .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateZ(0);
z-index: 10;
width: 100%;
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button,
.mbf-search-products .wc-block-product-template .wc-block-product .wp-block-woocommerce-product-image + .wp-block-group:has(.wp-block-button) .wp-block-button {
width: -moz-max-content;
width: max-content;
margin: 0 auto;
position: relative;
flex-direction: row;
gap: 0;
}
@container productcard ( width < 220px ) {
.mbf-search-products .wc-block-product-template .wc-block-product .wp-block-group:has(.wc-block-components-product-button) {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-button {
padding-left: var(--mbf-spacing-20);
padding-right: var(--mbf-spacing-20);
padding-bottom: var(--mbf-spacing-20);
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-button .wp-block-button__link {
padding: calc(var(--mbf-button-padding-y) * 0.5) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
font-size: 0;
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-button .wp-block-button__link span {
font-size: var(--mbf-font-size-small);
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) {
margin-left: var(--mbf-spacing-20);
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart {
padding: calc(var(--mbf-button-padding-y) * 0.5);
}
.mbf-search-products .wc-block-product-template .wc-block-product .wc-block-components-product-button span:has(a.added_to_cart) a.added_to_cart::before {
width: calc(var(--mbf-spacer) * 1.375);
height: calc(var(--mbf-spacer) * 1.375);
margin: calc((var(--mbf-font-size-small) * var(--mbf-font-base-line-height) - var(--mbf-spacer) * 1.375) / 2);
}
}
@media (max-width: 575.98px) {
.mbf-product-catalog__header {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
}
.mbf-product-catalog__header > .wp-block-group {
padding-left: var(--mbf-site-padding-left) !important;
padding-right: var(--mbf-site-padding-right) !important;
border-radius: 0 !important;
}
}
.mbf-product-catalog__grid > .wp-block-columns {
margin-top: 0;
}
@media (max-width: 991.98px) {
.mbf-product-catalog__grid > .wp-block-columns {
flex-wrap: wrap !important;
}
.mbf-product-catalog__grid > .wp-block-columns .wp-block-column:not(:has(.wp-block-woocommerce-product-collection)) {
flex-basis: 100% !important;
}
.mbf-product-catalog__grid > .wp-block-columns .wp-block-column:has(.wp-block-woocommerce-product-collection) {
flex-basis: 100% !important;
}
}
@media (max-width: 575.98px) {
.mbf-product-catalog__grid .wc-block-product-results-count {
width: 100%;
text-align: center;
}
}
.mbf-product-catalog__grid .wc-block-product-results-count .woocommerce-result-count {
font-size: var(--mbf-font-size-small);
}
@media (max-width: 575.98px) {
.mbf-product-catalog__grid .wp-block-group:has(.wc-block-catalog-sorting) {
width: 100%;
}
.mbf-product-catalog__grid .wp-block-group:has(.wc-block-catalog-sorting) > p:not(.wc-block-catalog-sorting) {
display: none;
}
}
@media (max-width: 575.98px) {
.mbf-product-catalog__grid .wc-block-catalog-sorting {
width: 100%;
}
}
.mbf-product-catalog__grid .wc-block-catalog-sorting .woocommerce-ordering,
.mbf-product-catalog__grid .wc-block-catalog-sorting > div {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-input-border-radius);
}
.mbf-product-catalog__grid .wc-block-catalog-sorting .woocommerce-ordering .orderby,
.mbf-product-catalog__grid .wc-block-catalog-sorting > div .orderby {
width: 100%;
background: var(--mbf-color-layout-background);
border: none;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.mbf-product-catalog__grid .wc-block-catalog-sorting .woocommerce-ordering .orderby,
.mbf-product-catalog__grid .wc-block-catalog-sorting > div .orderby {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.mbf-product-catalog__grid .wc-block-catalog-sorting .woocommerce-ordering .orderby,
.mbf-product-catalog__grid .wc-block-catalog-sorting > div .orderby {
font-size: var(--mbf-font-size-small);
}
}
.mbf-product-catalog__grid .wc-block-catalog-sorting .woocommerce-ordering .orderby:focus, .mbf-product-catalog__grid .wc-block-catalog-sorting .woocommerce-ordering .orderby:focus-visible,
.mbf-product-catalog__grid .wc-block-catalog-sorting > div .orderby:focus,
.mbf-product-catalog__grid .wc-block-catalog-sorting > div .orderby:focus-visible {
border: none;
outline: none;
}
.mbf-product-catalog__grid .wp-block-woocommerce-product-collection {
margin-top: 0;
}
.mbf-product-catalog__grid .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-template {
margin-top: 0;
}
.mbf-product-catalog__grid .wp-block-group:has(.wc-block-product-filters) > .wp-block-group:not(.wc-block-product-filters) {
display: none;
}
@media (max-width: 575.98px) {
.mbf-product-catalog__grid .wc-block-product-filters {
margin-left: auto !important;
margin-right: auto !important;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__open-overlay {
justify-content: center;
}
}
@media (min-width: 576px) {
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters {
margin-right: 0 !important;
}
}
.mbf-product-catalog__grid .wc-block-product-filters .accordion-content__wrapper:has(.wp-block-woocommerce-product-filter-price) {
padding-top: 4px !important;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider {
--wc-product-filter-price-slider-handle-border: var(--mbf-color-button);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__content {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: minmax(0, 1fr) auto;
-moz-column-gap: var(--mbf-spacing-10);
column-gap: var(--mbf-spacing-10);
row-gap: var(--mbf-spacing-20);
width: 100%;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__content .text input {
background: var(--mbf-color-layout-background);
border-color: transparent;
outline: none;
border-radius: var(--mbf-input-border-radius);
padding: var(--mbf-spacing-30) var(--mbf-spacing-40);
width: calc(100% - var(--mbf-spacing-40) * 2);
max-width: unset;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__content .text input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__content .text input {
font-size: var(--mbf-font-size-small);
}
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__range {
grid-area: unset;
grid-column: 1/3;
grid-row: 1/2;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__left {
grid-area: unset;
grid-column: 1/2;
grid-row: 2/3;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-price-slider__right {
grid-area: unset;
grid-column: 2/3;
grid-row: 2/3;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__item:not(:last-child) label {
margin-bottom: 16px;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__text-wrapper svg {
height: 20px;
width: 100%;
color: var(--mbf-color-rating);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper::before {
content: "";
background: var(--mbf-color-layout-background);
width: 24px;
height: 24px;
border-radius: 6px;
opacity: 1;
transition: var(--mbf-transition);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper .wc-block-product-filter-checkbox-list__input {
width: 24px;
height: 24px;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper .wc-block-product-filter-checkbox-list__mark {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 12px;
height: 12px;
padding: 0;
transition: var(--mbf-transition);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper:has(.wc-block-product-filter-checkbox-list__input:checked)::before {
background: var(--mbf-color-button);
color: var(--mbf-color-button-contrast);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper:has(.wc-block-product-filter-checkbox-list__input:checked) .wc-block-product-filter-checkbox-list__mark {
color: var(--mbf-color-button-contrast);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips {
margin-top: var(--mbf-spacing-10);
margin-bottom: var(--mbf-spacing-50);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips__items {
gap: var(--mbf-spacing-20);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips__item {
gap: 0;
padding: 0 0 0 var(--mbf-spacing-30);
border-radius: var(--mbf-layout-elements-border-radius-xs);
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips__item {
padding: 0 var(--mbf-spacing-30) 0 0;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips__label {
color: var(--mbf-color-secondary);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips__remove {
display: flex;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: var(--mbf-spacing-10);
background: transparent;
color: var(--mbf-color-secondary);
cursor: pointer;
transition: var(--mbf-transition);
}
@media (hover: hover) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-removable-chips__remove:hover svg {
fill: var(--mbf-color-primary);
}
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-clear-button.is-style-outline > .wp-block-button__link {
text-transform: capitalize;
text-decoration: none !important;
cursor: pointer !important;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: currentColor;
transition: var(--mbf-transition);
text-decoration: none;
font-size: var(--mbf-font-size-small);
}
@media (hover: hover) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filter-clear-button.is-style-outline > .wp-block-button__link:hover {
background-size: 0 1px;
color: currentColor;
}
}
@media (max-width: 991.98px) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__open-overlay {
display: flex;
cursor: pointer;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__close-overlay {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__close-overlay::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__close-overlay {
background-color: transparent;
font-size: 0;
color: inherit;
margin-left: calc(var(--mbf-spacer) * 0.875 * -1);
cursor: pointer;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__close-overlay::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__close-overlay span,
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__close-overlay svg {
display: none;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1000;
visibility: hidden;
opacity: 0;
transition: opacity var(--mbf-transition);
background: var(--wp--preset--color--mbf-overlay);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-header {
display: flex;
flex-flow: row;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-dialog {
position: fixed;
height: calc(100% - var(--mbf-wpadminbar-height));
top: var(--mbf-wpadminbar-height);
left: calc(var(--mbf-offcanvas-width) * -1);
width: var(--mbf-offcanvas-width);
padding: 0;
display: flex;
flex-direction: column;
background-color: var(--mbf-color-site-background);
-webkit-overflow-scrolling: touch;
z-index: 9999;
transition: var(--mbf-transition);
overflow: hidden;
transform: none;
animation: unset;
animation-fill-mode: unset;
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-dialog {
left: unset;
right: calc(var(--mbf-offcanvas-width) * -1);
}
}
@media (max-width: 991.98px) and (min-width: 576px) {
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-dialog {
margin: calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625) 0;
}
}
@media (max-width: 991.98px) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-content {
height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50));
padding: 0 var(--wp--preset--spacing--40);
overflow-y: auto;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer {
display: flex;
box-shadow: none;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::before, .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::before {
margin-left: 10px;
margin-right: unset;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::after {
margin-left: unset;
margin-right: 0;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply {
justify-content: center;
}
}
@media (max-width: 991.98px) and (hover: hover) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::before {
margin-left: 0;
margin-right: unset;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
@media (max-width: 991.98px) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::before::active {
transform: scale(1.5);
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
}
@media (max-width: 991.98px) and (hover: hover) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::before {
width: 0;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply:hover::after::active {
transform: scale(1.5);
}
}
@media (max-width: 991.98px) {
.mbf-product-catalog__grid .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay {
opacity: 1;
visibility: visible;
z-index: 9998;
}
.mbf-product-catalog__grid .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog {
transform: translate3d(var(--mbf-offcanvas-width), 0, 0) !important;
}
[dir=rtl] .mbf-product-catalog__grid .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog {
transform: translate3d(calc(var(--mbf-offcanvas-width) * -1), 0, 0) !important;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.mbf-product-catalog__grid .wc-block-product-filters .wc-block-product-filters__overlay-dialog {
margin: calc(var(--mbf-spacer) * 0.625) 0 calc(var(--mbf-spacer) * 0.625) calc(var(--mbf-spacer) * 0.625);
border-radius: var(--mbf-layout-elements-border-radius-sm);
height: calc(100% - var(--mbf-wpadminbar-height) - var(--mbf-spacing-50));
}
}
[data-block-name="woocommerce/accordion-item"]:has([hidden="1"]), [data-block-name="woocommerce/accordion-item"]:has([hidden]) {
display: none;
} .wp-site-blocks:has(.mbf-scroll-sticky) .mbf-single-product-col-gallery .is-position-sticky {
top: calc(24px + var(--wp-admin--admin-bar--position-offset, 24px) + var(--wp-admin--admin-bar--position-offset, 0px) + var(--mbf-header-height));
}
@media (max-width: 767.98px) {
.woocommerce .product .mbf-single-product > .wp-block-group {
margin-top: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.woocommerce .product .mbf-single-product .mbf-single-product-cols {
flex-wrap: nowrap !important;
}
}
@media (max-width: 767.98px) {
.woocommerce .product .mbf-single-product .mbf-single-product-col-info {
order: 2;
}
.woocommerce .product .mbf-single-product .mbf-single-product-col-info > .wp-block-group > * {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
.woocommerce .product .mbf-single-product .mbf-single-product-col-info > .wp-block-group > * {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 767.98px) {
.woocommerce .product .mbf-single-product .mbf-single-product-col-gallery {
order: 1;
}
}
.woocommerce .product .mbf-single-product .wp-block-post-terms a {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce .product .mbf-single-product .wp-block-post-terms a:hover {
background-size: 100% 1px;
color: var(--mbf-color-secondary);
}
}
.woocommerce .product .mbf-single-product .wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
color: var(--mbf-color-secondary);
letter-spacing: 0.325em;
width: 6.5em;
margin-right: 8px;
}
.woocommerce .product .mbf-single-product .wc-block-grid__product-rating .wc-block-grid__product-rating__stars > span::before {
letter-spacing: 0.325em;
}
.woocommerce .product .mbf-single-product .wc-block-grid__product-rating .wc-block-grid__product-rating__stars > span:first-of-type {
color: var(--mbf-color-rating);
}
.woocommerce .product .mbf-single-product .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span::before {
color: var(--mbf-color-rating);
}
.woocommerce .product .mbf-single-product .wc-block-grid__product-rating .woocommerce-review-link {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce .product .mbf-single-product .wc-block-grid__product-rating .woocommerce-review-link:hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__label,
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__value {
border-top: none;
border-left: none;
border-right: none;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__label p:first-child,
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__value p:first-child {
margin-top: 0;
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__label p:last-child,
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__value p:last-child {
margin-bottom: 0;
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item:last-child .wp-block-product-specifications-item__label,
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item:last-child .wp-block-product-specifications-item__value {
border-bottom: none;
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item:not(:last-child) .wp-block-product-specifications-item__label,
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item:not(:last-child) .wp-block-product-specifications-item__value {
border-bottom: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__label {
padding-left: 0;
color: var(--mbf-color-secondary);
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-product-specifications table tr.wp-block-product-specifications-item .wp-block-product-specifications-item__value {
padding-right: 0;
}
.woocommerce .product .mbf-single-product .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-name {
margin-bottom: 0;
}
.woocommerce .product .mbf-single-product .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pills {
gap: var(--mbf-spacing-10);
line-height: 1;
}
.woocommerce .product .mbf-single-product .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill {
border-radius: var(--mbf-input-border-radius);
border-color: var(--mbf-color-border);
outline: none;
transition: var(--mbf-transition);
padding: 6px 24px;
margin-bottom: 0;
line-height: var(--mbf-font-base-line-height);
}
.woocommerce .product .mbf-single-product .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input:checked) {
color: var(--mbf-color-button);
background: var(--mbf-color-button-contrast);
border-color: var(--mbf-color-button);
}
.woocommerce .product .mbf-single-product .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:hover {
color: var(--mbf-color-button-hover);
background: var(--mbf-color-button-hover-contrast);
border-color: var(--mbf-color-button-hover);
}
.woocommerce .product .mbf-single-product .price {
display: inline-flex;
gap: var(--mbf-spacing-20);
}
.woocommerce .product .mbf-single-product .price del {
color: var(--mbf-color-secondary);
opacity: 1;
}
.woocommerce .product .mbf-single-product .price ins {
order: -1;
font-weight: var(--mbf-font-base-weight);
color: var(--mbf-color-warning);
}
.woocommerce .product .mbf-single-product form .wp-block-group:has(.wp-block-button.wc-block-components-product-button) {
gap: var(--wp--preset--spacing--20);
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {
color: var(--mbf-color-button-contrast);
background: var(--mbf-color-button);
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::before, .woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::before::active {
transform: scale(1.5);
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::before {
width: 0;
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span:hover::after::active {
transform: scale(1.5);
}
}
.woocommerce .product .mbf-single-product form .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button > span {
background: transparent !important;
font-size: var(--mbf-font-size-medium);
line-height: var(--mbf-font-base-line-height);
padding: 0;
}
.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars,
.wp-block-woocommerce-product-review-rating .wc-block-components-product-rating__stars {
color: var(--mbf-color-secondary);
letter-spacing: 0.325em;
width: 6.5em;
}
.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars > span::before,
.wp-block-woocommerce-product-review-rating .wc-block-components-product-rating__stars > span::before {
letter-spacing: 0.325em;
}
.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars > span:first-of-type,
.wp-block-woocommerce-product-review-rating .wc-block-components-product-rating__stars > span:first-of-type {
color: var(--mbf-color-rating);
}
.mbf-single-product-reviews .wp-block-woocommerce-product-review-template > li:first-child > .wp-block-group:first-child {
padding-top: 0;
margin-top: 0;
border-top: none;
}
.mbf-single-product-reviews .wp-block-woocommerce-product-reviews.is-type-mbf-separated .wp-block-woocommerce-product-review-template > li:not(:last-child) {
padding-bottom: var(--mbf-spacing-60);
margin-bottom: var(--mbf-spacing-60);
border-bottom: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
}
.mbf-single-product-reviews__toggle {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-single-product-reviews__toggle::before, .mbf-single-product-reviews__toggle::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.mbf-single-product-reviews__toggle::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .mbf-single-product-reviews__toggle::before {
margin-left: 10px;
margin-right: unset;
}
.mbf-single-product-reviews__toggle::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .mbf-single-product-reviews__toggle::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.mbf-single-product-reviews__toggle:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .mbf-single-product-reviews__toggle:hover::before {
margin-left: 0;
margin-right: unset;
}
.mbf-single-product-reviews__toggle:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .mbf-single-product-reviews__toggle:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.mbf-single-product-reviews__toggle::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.mbf-single-product-reviews__toggle::before::active {
transform: scale(1.5);
}
.mbf-single-product-reviews__toggle::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.mbf-single-product-reviews__toggle:hover::before {
width: 0;
}
.mbf-single-product-reviews__toggle:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.mbf-single-product-reviews__toggle:hover::after::active {
transform: scale(1.5);
}
}
.mbf-single-product-reviews__toggle {
display: inline-flex;
margin: 0 auto;
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
}
.mbf-single-product-reviews.mbf-single-product-reviews-featured .mbf-single-product-reviews__toggle {
display: flex;
justify-self: center;
}
.mbf-single-product-reviews #review_form_wrapper {
opacity: 0;
visibility: hidden;
max-height: 0;
min-height: 0;
margin-top: 0;
transition: var(--mbf-transition);
}
.mbf-single-product-reviews #review_form_wrapper.is-active {
opacity: 1;
visibility: visible;
max-height: 2000px;
min-height: 100px;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .required {
color: var(--mbf-color-warning);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-reply-title {
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-large);
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-notes {
margin-bottom: var(--mbf-spacing-70);
color: var(--mbf-color-secondary);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .stars-wrapper .stars {
gap: 2px;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .stars-wrapper .stars button {
font-size: 14px;
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .stars-wrapper .stars button svg {
width: 18px;
height: 18px;
transition: var(--mbf-transition);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .stars-wrapper .stars button.is-hovered, .mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .stars-wrapper .stars button.is-selected {
color: var(--mbf-color-rating);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-rating {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--mbf-spacing-20);
margin-bottom: var(--mbf-spacing-60);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-rating label {
margin: 0;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment {
margin-bottom: var(--mbf-spacing-60);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment label {
display: block;
margin-bottom: var(--mbf-spacing-20);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea {
font-size: var(--mbf-font-size-small);
}
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-textarea-border-radius);
background: var(--mbf-color-input-bg);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea:focus, .mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-comment textarea:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email {
margin-bottom: var(--mbf-spacing-60);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author label,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email label {
margin-bottom: var(--mbf-spacing-20);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input {
font-size: var(--mbf-font-size-small);
}
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input::-moz-placeholder, .mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input::placeholder,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input::-ms-input-placeholder,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input:focus, .mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input:focus-visible,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input:focus,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-author input,
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-email input {
max-width: calc(100% - var(--mbf-input-padding-x) * 2);
min-height: unset;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-cookies-consent {
display: flex;
align-items: center;
gap: var(--mbf-spacing-20);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-cookies-consent input {
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 1.5rem;
min-height: 1.5rem;
background: var(--mbf-color-input-bg);
border-radius: 4px;
border: none;
outline: none;
display: inline-block;
position: relative;
cursor: pointer;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-cookies-consent input:checked {
background: var(--mbf-color-button);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-cookies-consent input:checked::after {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid var(--mbf-color-button-contrast);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
border-radius: 1px;
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .comment-form-cookies-consent label {
margin: 0;
font-size: var(--mbf-font-size-medium);
color: var(--mbf-color-secondary);
}
.mbf-single-product-reviews #review_form #respond.wp-block-woocommerce-product-review-form .form-submit {
margin-top: var(--mbf-spacer);
}
.wc-block-product-gallery-thumbnails,
.wc-block-product-gallery-thumbnails__scrollable,
.wc-block-product-gallery-thumbnails__thumbnail,
.wc-block-product-gallery-thumbnails__thumbnail__image {
border-radius: inherit;
}
@media (max-width: 991.98px) {
.wc-block-product-gallery-thumbnails__thumbnail {
flex: 0 0 auto;
height: 100%;
width: auto;
}
}
@media (max-width: 1199.98px) {
.wc-block-product-gallery-thumbnails__thumbnail__image {
max-width: unset !important;
width: auto;
}
}
@media (max-width: 1199.98px) {
.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)) {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 1199.98px) {
.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)) .wc-block-product-gallery-thumbnails {
-webkit-mask-image: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, 0.3) 6%, #000 14%);
mask-image: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, 0.3) 6%, #000 14%);
aspect-ratio: 5/1 !important;
height: 20%;
order: 1;
width: 100%;
}
}
@media (max-width: 1199.98px) {
.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)) .wc-block-product-gallery-thumbnails__scrollable {
flex-direction: row;
overflow-y: hidden;
}
}
.mbf-single-product-col-gallery .wp-block-group:has(.wp-block-woocommerce-product-gallery .wc-block-product-gallery-dialog[open]) {
z-index: 1000;
}
.wp-block-woocommerce-product-gallery {
gap: var(--mbf-spacing-10);
align-items: flex-start;
}
@media (max-width: 767.98px) {
.wp-block-woocommerce-product-gallery {
max-width: 100%;
}
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons {
position: relative;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button {
position: absolute;
top: 50%;
z-index: 100;
width: var(--mbf-slider-navigation-width);
height: var(--mbf-slider-navigation-height);
margin: 0;
background: var(--mbf-color-site-background);
box-shadow: var(--mbf-shadow-h-offset) var(--mbf-shadow-v-offset) var(--mbf-shadow-blur) var(--mbf-shadow-spread) var(--mbf-color-shadow);
border-radius: var(--mbf-slider-navigation-border-radius);
transition: var(--mbf-transition);
font-size: 0;
color: inherit;
cursor: pointer;
}
@media (hover: hover) {
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:hover {
color: var(--mbf-color-accent);
}
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button[aria-disabled=true] {
color: var(--mbf-color-secondary) !important;
cursor: default;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button svg {
display: none;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:first-child {
left: 0;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:first-child::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
}
[dir=rtl] .wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:first-child {
left: unset;
right: 0;
}
[dir=rtl] .wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:first-child::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:last-child {
right: 0;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:last-child::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
[dir=rtl] .wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:last-child {
left: 0;
right: unset;
}
[dir=rtl] .wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:last-child::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
}
@media (hover: none) {
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:first-child {
transform: translateX(0) translateY(-50%);
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:last-child {
transform: translateX(0) translateY(-50%);
}
}
@media (hover: hover) {
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons {
opacity: 0;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:first-child {
transform: translateX(-8px) translateY(-50%);
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons__button:last-child {
transform: translateX(8px) translateY(-50%);
}
.wp-block-woocommerce-product-gallery:hover .wc-block-next-previous-buttons {
opacity: 1;
}
.wp-block-woocommerce-product-gallery:hover .wc-block-next-previous-buttons__button:first-child {
transform: translateX(0) translateY(-50%);
}
.wp-block-woocommerce-product-gallery:hover .wc-block-next-previous-buttons__button:last-child {
transform: translateX(0) translateY(-50%);
}
}
.wp-block-woocommerce-product-gallery .wc-block-product-gallery-thumbnails__scrollable {
gap: var(--mbf-spacing-10);
}
.wc-block-product-gallery-dialog {
display: flex;
border: none;
transform: scale(0);
opacity: 0;
transition: var(--mbf-transition);
}
.wc-block-product-gallery-dialog[open] {
transform: scale(1);
opacity: 1;
}
.wc-block-product-gallery-dialog__content {
padding: 0;
height: 100vh;
}
.wc-block-product-gallery-dialog__close-button {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wc-block-product-gallery-dialog__close-button::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wc-block-product-gallery-dialog__close-button {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
font-size: 0;
color: inherit;
}
.wc-block-product-gallery-dialog__close-button::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
}
.wc-block-product-gallery-dialog__close-button svg {
display: none;
}
@media (hover: hover) {
.wc-block-product-gallery-dialog__close-button:hover {
color: var(--mbf-color-button-hover);
}
}
.wc-block-product-gallery-dialog__images-container .wc-block-product-gallery-dialog__images {
display: flex;
flex-direction: row;
height: calc(100% - var(--mbf-spacing-60) * 2);
padding: var(--mbf-spacing-60) 0;
}
.wc-block-product-gallery-dialog__images-container .wc-block-product-gallery-dialog__images img {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
margin: 0;
}
.wc-block-product-gallery-dialog__images-container-button {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wc-block-product-gallery-dialog__images-container-button::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wc-block-product-gallery-dialog__images-container-button {
position: fixed;
top: 50%;
z-index: 9;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
@media (hover: hover) {
.wc-block-product-gallery-dialog__images-container-button:hover {
color: var(--mbf-color-button-hover);
}
}
.wc-block-product-gallery-dialog__images-container-button svg {
display: none;
}
.wc-block-product-gallery-dialog__images-container-button-prev {
left: 20px;
}
.wc-block-product-gallery-dialog__images-container-button-prev::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-left.svg) no-repeat center/contain;
}
.wc-block-product-gallery-dialog__images-container-button-next {
right: 20px;
}
.wc-block-product-gallery-dialog__images-container-button-next::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/chevron-right.svg) no-repeat center/contain;
}
.wc-block-product-gallery-dialog__images-container-pagination {
--swiper-pagination-top: unset;
--swiper-pagination-bottom: var(--mbf-spacing-10);
--swiper-pagination-bullet-inactive-color: var(--mbf-color-secondary);
--swiper-pagination-color: var(--mbf-color-accent);
position: fixed;
z-index: 8;
margin: 0;
padding: 0;
text-align: center;
}
.mbf-upsells:not(:has(.wp-block-woocommerce-product-collection)) {
display: none;
}
.mbf-related-products-collection:not(:has(.wp-block-woocommerce-product-collection)) {
display: none;
} .wc-block-components-drawer::after {
border: none;
}
.wc-block-components-drawer__content {
height: calc(100dvh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-40)) !important;
margin-left: var(--mbf-spacing-20);
margin-right: var(--mbf-spacing-20);
}
.wc-block-components-drawer__close {
position: relative;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
padding: 0;
transition: var(--mbf-transition);
}
.wc-block-components-drawer__close::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 2;
display: block;
width: var(--mbf-icon-width);
height: var(--mbf-icon-width);
background: currentcolor;
}
.wc-block-components-drawer__close {
background-color: transparent;
font-size: 0;
color: inherit;
margin-left: calc(var(--mbf-spacer) * 0.875 * -1);
cursor: pointer;
}
.wc-block-components-drawer__close::before {
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/close.svg) no-repeat center/contain;
}
.wc-block-components-drawer__close svg {
display: none;
}
.wc-block-components-drawer__screen-overlay {
background: var(--mbf-color-overlay);
}
.wc-block-mini-cart__drawer {
top: var(--mbf-spacing-20);
bottom: var(--mbf-spacing-20);
height: calc(100% - var(--mbf-spacing-20) * 2);
background: transparent;
border-left: none;
}
.wc-block-mini-cart__drawer__content {
height: calc(100dvh - var(--mbf-wpadminbar-height) - var(--mbf-spacing-40)) !important;
}
.wp-block-woocommerce-mini-cart-contents,
.wp-block-woocommerce-empty-mini-cart-contents-block,
.wp-block-woocommerce-filled-mini-cart-contents-block {
border-radius: var(--mbf-layout-elements-border-radius);
}
.wp-block-woocommerce-mini-cart-title-block.wc-block-mini-cart__title {
margin-top: var(--mbf-spacing-70);
margin-left: var(--mbf-spacing-110);
margin-right: var(--mbf-spacing-110);
display: flex;
justify-content: space-between;
align-items: center;
font-weight: inherit;
}
.wp-block-woocommerce-mini-cart-title-block.wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-label-block {
font-weight: inherit;
text-transform: capitalize;
}
.wp-block-woocommerce-mini-cart-title-block.wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-items-counter-block {
border-radius: var(--mbf-button-border-radius);
font-weight: inherit;
}
.wp-block-woocommerce-mini-cart-items-block.wc-block-mini-cart__items {
padding-top: var(--mbf-spacing-20);
padding-left: var(--mbf-spacing-110);
padding-right: var(--mbf-spacing-110);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
gap: var(--mbf-spacing-40);
}
@media (max-width: 575.98px) {
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
grid-template-columns: 64px minmax(0, 1fr) auto;
}
}
@media (min-width: 576px) {
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
grid-template-columns: 80px minmax(0, 1fr) auto;
}
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
padding-right: 0;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a img,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a img,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a img {
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
grid-column-end: 3;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]),
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]),
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]) {
--mbf-underline-bg-position: left 98%;
margin-right: var(--mbf-spacing-40);
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
font-size: var(--mbf-font-size-medium);
}
@media (hover: hover) {
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]):hover,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]):hover,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]):hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]):not(:last-child),
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]):not(:last-child),
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name:not([hidden]):not(:last-child) {
margin-bottom: var(--mbf-spacing-30);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices {
width: 100%;
margin-top: var(--mbf-spacing-10);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices:not(:last-child),
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices:not(:last-child),
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices:not(:last-child) {
margin-bottom: var(--mbf-spacing-30);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices ins.wc-block-components-product-price__value.is-discounted,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices ins.wc-block-components-product-price__value.is-discounted,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices ins.wc-block-components-product-price__value.is-discounted {
margin-left: 0;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge {
transform: translateY(-0.17em);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge:not(:last-child),
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge:not(:last-child),
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge:not(:last-child) {
margin-bottom: var(--mbf-spacing-30);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata {
width: 100%;
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata:not(:last-child),
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata:not(:last-child),
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata:not(:last-child) {
margin-bottom: var(--mbf-spacing-30);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--mbf-spacer) * 0.5);
padding: 0;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
margin-bottom: 0;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)),
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)),
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)):hover,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)):hover,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)):hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg {
transition: var(--mbf-transition);
}
@media (hover: hover) {
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg:hover,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg:hover,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg:hover {
color: var(--mbf-color-primary);
}
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price {
line-height: 1;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price .wc-block-components-product-price__value,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price .wc-block-components-product-price__value,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price .wc-block-components-product-price__value {
font-size: var(--mbf-font-size-medium);
line-height: var(--mbf-font-base-line-height);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-badge,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-badge,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-badge {
display: none;
}
.wc-block-mini-cart__footer {
padding: var(--mbf-spacing-110);
border-top: none;
}
.wc-block-mini-cart__footer::after {
display: none;
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
margin-bottom: var(--mbf-spacing-110);
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__label {
font-size: var(--mbf-font-size-large);
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__value {
font-size: var(--mbf-font-size-large);
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
max-width: 300px;
margin-top: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions {
flex-direction: row-reverse;
gap: var(--mbf-spacing-20);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block {
border-radius: var(--mbf-button-border-radius);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block.wc-block-components-button {
color: var(--mbf-color-button);
background: var(--mbf-color-button-contrast);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-button);
box-shadow: none;
transition: var(--mbf-transition);
}
@media (hover: hover) {
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block:hover {
color: var(--mbf-color-button-hover-contrast);
background: var(--mbf-color-button-hover);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-button-hover);
box-shadow: none;
}
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::before, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::before {
margin-left: 10px;
margin-right: unset;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::before {
margin-left: 0;
margin-right: unset;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::before::active {
transform: scale(1.5);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::before {
width: 0;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block:hover::after::active {
transform: scale(1.5);
}
}
.wc-block-mini-cart__empty-cart-wrapper strong {
font-weight: var(--mbf-font-base-weight);
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::before, .wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::before {
margin-left: 10px;
margin-right: unset;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::before {
margin-left: 0;
margin-right: unset;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::before::active {
transform: scale(1.5);
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::before {
width: 0;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block:hover::after::active {
transform: scale(1.5);
}
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wp-block-woocommerce-mini-cart-shopping-button-block {
display: inline-flex;
}
.wc-block-mini-cart {
visibility: visible !important;
} .woocommerce-cart .wp-block-woocommerce-cart {
margin-top: 0;
}
.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
gap: var(--mbf-spacing-140);
}
}
@media (min-width: 992px) {
.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
justify-content: space-between;
gap: var(--mbf-spacing-90);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block {
padding-right: 0;
}
@media (max-width: 991.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-items-block {
width: 100%;
}
}
@media (min-width: 992px) {
.woocommerce-cart .wp-block-woocommerce-cart-items-block {
width: calc(100% - var(--mbf-content-cart-totals-width) - var(--mbf-spacing-90));
max-width: var(--mbf-content-cart-items-width);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items {
margin-bottom: 0;
border: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__header th {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__header th.wc-block-cart-items__header-image {
max-width: 80px;
padding-bottom: var(--mbf-spacing-30);
text-align: left;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__header th.wc-block-cart-items__header-total {
text-align: right;
padding-right: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__row:first-child {
padding-top: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__row:last-child {
padding-bottom: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__row:last-child .wc-block-cart-item__image,
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__row:last-child .wc-block-cart-item__product,
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-items__row:last-child .wc-block-cart-item__total {
margin-bottom: 0;
padding-bottom: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__image {
padding: 0;
border: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__image a {
display: flex;
max-width: 80px;
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__image img {
max-width: 80px;
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product {
padding: 0 0 var(--mbf-spacing-70) 0;
border: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name {
--mbf-underline-bg-position: left 98%;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
display: inline-flex;
margin-right: var(--mbf-spacing-40);
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name:not(:last-child) {
margin-bottom: var(--mbf-spacing-10);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-badge {
transform: translateY(-0.17em);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-badge:not(:last-child) {
margin-bottom: var(--mbf-spacing-10);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-badge + .wc-block-cart-item__quantity {
margin-top: var(--mbf-spacing-30);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices {
width: 100%;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices:not(:last-child) {
margin-bottom: var(--mbf-spacing-30);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices .wc-block-components-product-price {
display: flex;
gap: var(--mbf-spacing-20);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
line-height: 1;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices .wc-block-components-product-price .wc-block-components-product-price__regular {
color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices .wc-block-components-product-price .wc-block-components-product-price__value {
margin: 0;
line-height: var(--mbf-font-base-line-height);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__prices .wc-block-components-product-price {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata {
width: 100%;
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
@container (min-width: 576px) {
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata__description {
max-width: var(--mbf-content-max-width);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata .wc-block-components-product-details__name {
font-weight: inherit;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity {
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(var(--mbf-spacer) * 0.5);
width: 100%;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity:not(:last-child) {
margin-bottom: var(--mbf-spacing-30);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
display: inline-flex;
margin: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
max-width: -moz-max-content;
max-width: max-content;
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:not(:has(svg)):hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg {
transition: var(--mbf-transition);
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg:hover {
color: var(--mbf-color-primary);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-items-block .wc-block-cart-items .wc-block-cart-item__total {
padding: 0;
border: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
width: 100%;
padding-left: 0;
}
@media (max-width: 991.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
position: static;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
max-width: var(--mbf-content-cart-totals-width);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block {
border: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-heading-block {
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-large);
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
text-transform: capitalize;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon {
padding: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel__button {
color: var(--mbf-color-secondary);
font-size: var(--mbf-font-size-small);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form {
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-input-border-radius);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
height: unset;
border: none;
outline: none;
margin-top: 3px;
margin-bottom: 3px;
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input:focus, .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input:focus {
outline: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label {
opacity: 1;
top: 50%;
left: 1rem;
transform: translateY(-50%);
transition: var(--mbf-transition);
font-size: var(--mbf-font-size-x-small);
color: var(--mbf-color-placeholder);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input.is-active label {
opacity: 0;
top: 50%;
transform: translateY(-50%);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
height: 100%;
margin: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input.has-error input:focus {
box-shadow: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form:has(.wc-block-components-totals-coupon__input.has-error) {
box-shadow: 0 0 0 var(--mbf-border-width) var(--mbf-color-warning);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-validation-error {
color: var(--mbf-color-warning);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__button {
flex: unset;
margin-top: 6px;
margin-right: 6px;
margin-bottom: 6px;
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__button:disabled {
opacity: 0.5;
border-color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__button:disabled .wc-block-components-button__text {
opacity: 1;
color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block:not(:first-child) {
margin-top: var(--mbf-accordion-gap);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper {
padding: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper:not(:first-child):not(:empty) {
padding-top: var(--mbf-spacing-60);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item {
font-size: var(--mbf-font-size-small);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item__label {
color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item__value {
color: var(--mbf-color-primary);
font-weight: var(--mbf-font-base-weight);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item__value strong {
font-weight: var(--mbf-font-base-weight);
text-transform: capitalize;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper__description {
color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) {
padding: var(--mbf-spacing-40) 0 0 0;
border: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item):not(:first-child) {
margin-top: var(--mbf-accordion-gap);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item {
padding: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__label {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-xx-medium);
color: var(--mbf-color-primary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__value {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-xx-medium);
color: var(--mbf-color-primary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__description {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
color: var(--mbf-color-primary);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block {
margin-bottom: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
border-radius: var(--mbf-button-border-radius);
width: -moz-max-content;
width: max-content;
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::before, .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::before::active {
transform: scale(1.5);
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::before {
width: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover::after::active {
transform: scale(1.5);
}
}
.woocommerce-cart .wp-block-group:has(.wp-block-woocommerce-cart .wp-block-woocommerce-empty-cart-block) > .wp-block-heading {
display: none;
}
@media (max-width: 575.98px) {
.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-group {
padding-left: var(--mbf-site-padding-left) !important;
padding-right: var(--mbf-site-padding-right) !important;
border-radius: 0 !important;
}
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-group figure:first-child {
position: relative;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-group figure:first-child::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
transform: translateX(25%) translateY(-25%);
width: 16px;
min-width: 16px;
height: 16px;
min-height: 16px;
padding: 0;
font-size: var(--mbf-font-size-x-small);
color: var(--mbf-color-button-contrast);
background: var(--mbf-color-button);
border: none;
border-radius: 50%;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-group figure:first-child::after {
content: "0";
display: block;
position: absolute;
top: 0;
right: 2px;
transform: translateX(25%) translateY(-25%);
color: var(--mbf-color-button-contrast);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-x-small);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block p a:where(:not(.wp-element-button)) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-empty-cart-block p a:where(:not(.wp-element-button)):hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-cart .mbf-cart-cross-sells:not(:has(.wp-block-woocommerce-cart-cross-sells-block)) {
display: none;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block {
container-name: adaptivecrosssell;
container-type: inline-size;
display: flex;
flex-direction: column;
width: 100%;
max-width: var(--mbf-content-size-wide);
padding-bottom: 0;
}
@media (max-width: 991.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block {
padding-top: 0;
}
}
@media (min-width: 992px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block {
padding-top: var(--mbf-spacing-160);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading {
margin: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) {
display: flex;
flex-wrap: wrap;
-moz-column-gap: var(--mbf-product-grid-column-gap);
column-gap: var(--mbf-product-grid-column-gap);
row-gap: var(--mbf-product-grid-row-gap);
width: 100%;
}
@container adaptivecrosssell (min-width: 0) and (max-width: 419.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product {
width: 100%;
}
}
@container adaptivecrosssell (min-width: 420px) and (max-width: 709.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product {
width: calc((100% - var(--mbf-product-grid-column-gap)) / 2);
}
}
@container adaptivecrosssell (min-width: 710px) and (max-width: 919.98px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product {
width: calc((100% - var(--mbf-product-grid-column-gap) * 2) / 3);
}
}
@container adaptivecrosssell (min-width: 920px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product {
width: calc((100% - var(--mbf-product-grid-column-gap) * 3) / 4);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
padding: 0;
flex-shrink: 0;
transform: translateZ(0);
backface-visibility: hidden;
transition-property: transform;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product > div:not(.wc-block-components-product-button) {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-image {
order: 1;
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-thumbnail-border-radius);
overflow: hidden;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-image img {
transition: var(--mbf-transition);
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-image:hover img {
transform: scale(var(--mbf-hover-scale-ratio)) translateZ(0);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-title {
order: 2;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-title .wc-block-components-product-name {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-title .wc-block-components-product-name:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-price {
order: 3;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-price:not(:last-child) {
margin-bottom: var(--mbf-spacing-20);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-rating-stars {
order: 4;
color: var(--mbf-color-secondary);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-rating-stars span::before {
color: var(--mbf-color-rating);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button {
margin-top: auto;
transition: var(--mbf-transition);
}
@media (min-width: 768px) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
transform: translate3d(-50%, -50%, 0);
}
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::before, .woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::before::active {
transform: scale(1.5);
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::before {
width: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button .wp-block-button__link:hover::after::active {
transform: scale(1.5);
}
}
@media (hover: hover) {
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product .wc-block-components-product-button {
opacity: 0;
}
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div:has(.cross-sells-product) .cross-sells-product:hover .wc-block-components-product-button {
opacity: 1;
}
}
table.wc-block-cart-items .wc-block-cart-items__row:has(.wc-block-components-skeleton__element):not(:first-child) > td {
padding-top: var(--mbf-spacer);
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > * {
margin-left: var(--mbf-spacing-20);
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block {
margin-bottom: var(--mbf-spacing-20);
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block > div {
border: unset !important;
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block > div:not(:first-child) {
margin-top: var(--mbf-spacing-20);
} .wp-block-group[data-block-name="woocommerce/classic-shortcode"] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--mbf-spacing-90);
margin-top: 0;
margin-bottom: 0;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"].alignwide {
max-width: var(--mbf-content-size-wide);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-notices-wrapper {
width: 100%;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-notices-wrapper:not(:has(:first-child)) {
display: none;
}
@media (max-width: 1199.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form {
width: 100%;
}
}
@media (min-width: 1200px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form {
width: calc(100% - var(--mbf-content-cart-totals-width) - var(--mbf-spacing-90));
max-width: var(--mbf-content-cart-items-width);
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents {
margin: 0;
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item td:not(.product-thumbnail) {
padding: var(--mbf-spacing-50) var(--mbf-spacing-20);
}
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents tr:last-child td {
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents td {
padding: var(--mbf-spacing-50) var(--mbf-spacing-50) 0 var(--mbf-spacing-50);
border: none !important;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents td:last-child {
padding-bottom: var(--mbf-spacing-50);
}
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents td {
padding: var(--mbf-spacer) calc(var(--mbf-spacer) * 1.875);
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-bottom: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents td:first-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents td:last-child {
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0;
}
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-remove {
float: right;
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-remove a {
display: flex;
justify-content: center;
align-items: center;
transition: var(--mbf-transition);
color: var(--mbf-color-secondary) !important;
background: transparent;
}
@media (hover: hover) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-remove a:hover {
color: var(--mbf-color-warning) !important;
background: transparent;
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-thumbnail {
max-width: 80px;
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-thumbnail {
display: flex;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-thumbnail::before {
display: none;
}
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-thumbnail {
padding: var(--mbf-spacing-50) 0;
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-thumbnail a {
display: block;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-thumbnail img {
max-width: 80px;
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-name a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .product-name a:hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon {
margin-bottom: var(--mbf-spacing-60);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code {
font-size: 1rem;
}
}
@media (max-width: 767.98px) and (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code {
font-size: var(--mbf-font-size-small);
}
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code:focus, .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon > .wp-element-button {
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
width: -moz-max-content !important;
width: max-content !important;
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
margin: var(--mbf-spacing-20) auto 0 auto;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon > .wp-element-button {
font-size: 1rem;
}
}
@media (max-width: 767.98px) and (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon > .wp-element-button {
font-size: var(--mbf-font-size-small);
}
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
display: flex;
width: -moz-max-content;
width: max-content;
padding: 0 var(--mbf-spacing-10) 0 0;
}
}
@media (min-width: 768px) and (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon {
font-size: 1rem;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon {
font-size: var(--mbf-font-size-small);
}
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon:focus, .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon #coupon_code {
outline: none;
border: none;
background: transparent;
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
margin: 0;
height: auto;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon > .wp-element-button {
margin-top: 6px;
margin-right: 6px;
margin-bottom: 6px;
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon > .wp-element-button:disabled {
opacity: 0.5;
border-color: var(--mbf-color-secondary);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon > .wp-element-button:disabled .wc-block-components-button__text {
opacity: 1;
color: var(--mbf-color-secondary);
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button {
border-radius: var(--mbf-button-border-radius);
width: -moz-max-content;
width: max-content;
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::before, .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::before {
margin-left: 10px;
margin-right: unset;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::before {
margin-left: 0;
margin-right: unset;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::before::active {
transform: scale(1.5);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::before {
width: 0;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button:hover::after::active {
transform: scale(1.5);
}
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button {
justify-self: center;
}
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .woocommerce-cart-form__contents .coupon + .wp-element-button {
justify-self: flex-end;
}
}
@media (max-width: 1199.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals {
width: 100%;
}
}
@media (min-width: 1200px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals {
max-width: var(--mbf-content-cart-totals-width);
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .cart_totals h2 {
margin-top: 0;
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table {
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0 0;
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr {
padding: 0;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.order-total th,
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.order-total td {
font-size: var(--mbf-font-size-medium);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.order-total th strong,
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.order-total td strong {
font-weight: var(--mbf-font-base-weight);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr th {
padding: var(--mbf-spacing-90) 0 var(--mbf-spacing-90) var(--mbf-spacing-100);
font-size: var(--mbf-font-size-small);
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr th {
padding: var(--mbf-spacer) calc(var(--mbf-spacer) * 1.875);
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-bottom: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr th:first-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr th:last-child {
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0;
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
}
@media (max-width: 767.98px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.cart-discount td, .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.shipping td {
text-align: left !important;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.cart-discount td::before, .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr.shipping td::before {
display: flex;
float: none;
padding-bottom: var(--mbf-spacing-40);
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
font-size: var(--mbf-font-size-small);
font-weight: var(--mbf-font-base-weight);
}
@media (min-width: 768px) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td {
padding: var(--mbf-spacer) calc(var(--mbf-spacer) * 1.875);
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-bottom: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td:first-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td:last-child {
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0;
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td #shipping_method label {
color: var(--mbf-color-secondary);
cursor: pointer;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td #shipping_method .woocommerce-Price-amount {
padding-left: var(--mbf-spacing-20);
font-weight: var(--mbf-font-base-weight);
color: var(--mbf-color-primary);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-destination {
color: var(--mbf-color-secondary);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-destination strong {
font-weight: var(--mbf-font-base-weight);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button {
border-radius: var(--mbf-button-border-radius);
width: -moz-max-content;
width: max-content;
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::before, .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::before {
margin-left: 10px;
margin-right: unset;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::before {
margin-left: 0;
margin-right: unset;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::before::active {
transform: scale(1.5);
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::before {
width: 0;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.wp-block-group[data-block-name="woocommerce/classic-shortcode"] .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover::after::active {
transform: scale(1.5);
}
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input {
display: flex;
flex-direction: column;
}
@container (min-width:400px) and (max-width: 519px) {
.woocommerce-page .wc-block-components-form .wc-block-components-text-input {
flex: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
@container (max-width: 999px) {
.woocommerce-page .wc-block-components-form .wc-block-components-text-input {
flex: 100%;
}
}
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input {
order: 2;
height: auto;
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input input:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input label {
order: 1;
position: static;
transform: none;
color: var(--mbf-color-primary);
padding-bottom: 8px;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input .wc-block-components-validation-error {
order: 3;
margin-top: var(--mbf-spacing-20);
padding: 0;
color: var(--mbf-color-warning);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input .wc-block-components-validation-error > p {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
gap: 4px;
font-size: var(--mbf-font-size-small);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input .wc-block-components-validation-error > p svg {
display: none;
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input .wc-block-components-validation-error > p::before {
content: "";
display: block;
width: 24px;
height: 24px;
background: currentcolor;
-webkit-mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/warning.svg) no-repeat center/contain;
mask: url(//www.brighttrailgear.com/wp-content/themes/vault/assets/icons/warning.svg) no-repeat center/contain;
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input,
.woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input:focus {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input.has-error input:not(:focus) {
color: var(--mbf-color-warning);
background: var(--mbf-color-warning-bg);
outline: 1px solid var(--mbf-color-warning);
}
.woocommerce-page .wc-block-components-form .wc-block-components-text-input.wc-block-components-address-form__email {
margin-top: 0;
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__container {
display: flex;
flex-direction: column;
height: unset;
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__label {
position: static;
transform: none;
color: var(--mbf-color-primary);
padding-bottom: 8px;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__select:focus, .woocommerce-page .wc-block-components-form .wc-blocks-components-select__select:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce-page .wc-block-components-form .wc-blocks-components-select__expand {
top: unset;
bottom: 0;
}
.woocommerce-page .wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 1.5rem;
min-height: 1.5rem;
background: var(--mbf-color-input-bg);
border-radius: 4px;
border: none;
outline: none;
display: inline-block;
position: relative;
cursor: pointer;
}
.woocommerce-page .wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__input:checked {
background: var(--mbf-color-button);
}
.woocommerce-page .wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__input:checked::after {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid var(--mbf-color-button-contrast);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
border-radius: 1px;
}
.woocommerce-page .wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__input::after {
opacity: 0;
}
.woocommerce-page .wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__mark {
width: var(--mbf-spacer);
height: var(--mbf-spacer);
margin: 0;
padding: calc(var(--mbf-spacer) * 0.125) calc(var(--mbf-spacer) * 0.25);
fill: var(--mbf-color-button-contrast);
}
.woocommerce-page .wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__label {
align-self: center;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-medium);
color: var(--mbf-color-secondary);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control::after {
border: none;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option {
box-shadow: none;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option:not(:last-child) {
margin-bottom: 0;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option::after {
display: none;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option:not(:last-child) {
margin-bottom: 24px;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control-accordion-content {
width: auto;
padding-left: 40px;
padding-bottom: 0;
color: var(--mbf-color-secondary);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option {
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 40px;
min-height: 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: var(--mbf-font-base-weight);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option:not(:last-child) {
margin-bottom: 24px;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option::after {
display: none;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__input {
display: inline-block;
background: var(--mbf-color-input-bg);
border: 4px solid var(--mbf-color-input-bg);
min-width: 24px;
width: 24px;
height: 24px;
margin: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__input:checked {
border-color: var(--mbf-color-button);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__input:checked::after {
content: "";
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--mbf-color-button-contrast);
position: absolute;
z-index: 1;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__input:focus {
outline: none;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group {
width: 100%;
margin: 0;
padding: 0;
color: var(--mbf-color-secondary);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .wc-block-components-radio-control__description {
margin-top: var(--mbf-spacing-10);
padding-top: 0;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .wc-block-components-radio-control__description:has(svg) {
margin-left: -8px;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description {
margin-top: var(--mbf-spacing-10);
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .read-more-content {
margin-left: 0;
}
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label-group .wc-block-components-radio-control__label,
.woocommerce-page .wc-block-components-form .wc-block-components-radio-control .wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce-page .wc-block-components-form .wc-block-components-textarea {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce-page .wc-block-components-form .wc-block-components-textarea {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-textarea-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea:focus, .woocommerce-page .wc-block-components-form .wc-block-components-textarea:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce-page .wc-block-components-form .wc-block-components-textarea {
min-height: var(--mbf-textarea-min-height);
} .woocommerce-checkout .entry-content {
margin-top: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
justify-content: space-between;
}
@media (max-width: 991.98px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
gap: var(--mbf-spacing-70);
}
}
@media (min-width: 992px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
gap: var(--mbf-spacing-90);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block {
padding-right: 0;
}
@media (max-width: 991.98px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block {
order: 2;
width: 100%;
}
}
@media (min-width: 992px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block {
width: calc(100% - var(--mbf-content-cart-totals-width) - var(--mbf-spacing-90));
max-width: var(--mbf-content-size);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form.wc-block-checkout__form--with-step-numbers .wc-block-components-checkout-step__container::after {
border-color: var(--mbf-color-border);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-step {
margin-bottom: var(--mbf-spacing-70);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-step__description {
color: var(--mbf-color-secondary);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-weight: var(--mbf-font-weight-normal);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-step__content {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-checkout-step__heading {
margin-top: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__login-prompt {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__login-prompt:hover {
background-size: 0 1px;
color: var(--mbf-color-secondary);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-title {
font-size: var(--mbf-font-size-xx-medium);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__guest-checkout-notice {
margin-top: var(--mbf-spacing-20);
color: var(--mbf-color-secondary);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__shipping-method-container {
padding: 0;
background: transparent;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option {
border: 4px solid var(--mbf-color-button);
border-radius: var(--mbf-layout-elements-border-radius-sm);
background: var(--mbf-color-button-contrast);
transition: var(--mbf-transition);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option:hover {
background: var(--mbf-color-button);
color: var(--mbf-color-button-contrast);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
background: var(--mbf-color-button);
color: var(--mbf-color-button-contrast);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-form {
row-gap: var(--mbf-spacing-20);
line-height: 1;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-card__address-section {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-card__address-section:first-child {
margin-bottom: var(--mbf-spacing-40);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-card__address-section:not(:first-child) {
color: var(--mbf-color-secondary);
font-size: var(--mbf-font-size-small);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-card__edit {
--mbf-underline-bg-position: left 98%;
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-card__edit:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-form__address_2-toggle {
width: auto;
margin-top: var(--mbf-spacing-30);
margin-right: 50%;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-small);
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-address-form__address_2-toggle:hover {
background-size: 0 1px;
color: var(--mbf-color-secondary);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__use-address-for-billing {
margin-top: var(--mbf-spacing-60);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__terms {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-medium);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
border-color: var(--mbf-color-border);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__terms a {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__terms a:hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-checkout__actions_row {
flex-direction: row-reverse;
justify-content: flex-end;
gap: var(--mbf-spacing-20);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-return-to-cart-button {
padding: var(--mbf-button-outline-padding-y) var(--mbf-button-outline-padding-x);
transition: var(--mbf-transition);
margin: 0;
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-return-to-cart-button:hover {
color: var(--mbf-color-button-hover-contrast);
background: var(--mbf-color-button-hover);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-return-to-cart-button svg {
display: none;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button {
width: auto;
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::before, .woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::before::active {
transform: scale(1.5);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::before {
width: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover::after::active {
transform: scale(1.5);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-checkout__form .wc-block-components-checkout-place-order-button {
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block {
width: 100%;
padding-left: 0;
}
@media (max-width: 991.98px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block {
position: static;
order: 1;
}
}
@media (min-width: 992px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block {
max-width: var(--mbf-content-cart-totals-width);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block {
border: none;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
margin-top: 0;
margin-bottom: var(--mbf-spacing-40);
font-size: var(--mbf-font-size-large);
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text {
margin: 0;
text-transform: capitalize;
}
@container (max-width: 699px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open {
margin-bottom: 0;
padding-bottom: calc(var(--mbf-spacing-70) + var(--mbf-spacing-50));
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
padding-top: var(--mbf-spacing-100);
padding-bottom: var(--mbf-spacing-100);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary {
padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary__content {
display: flex;
flex-direction: column;
gap: var(--mbf-spacing-60);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item {
padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__image {
display: flex;
flex-direction: column;
width: 80px;
max-width: 80px;
margin: 0;
padding: 0;
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__image img {
width: 80px;
max-width: 80px;
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity {
width: 16px;
min-width: 16px;
height: 16px;
min-height: 16px;
padding: 0;
font-size: var(--mbf-font-size-x-small);
color: var(--mbf-color-button-contrast);
background: var(--mbf-color-button);
border: none;
border-radius: 50%;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__individual-prices {
font-size: var(--mbf-font-size-small);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__individual-price {
color: var(--mbf-color-primary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description {
padding-left: var(--mbf-spacing-40);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-name {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-price {
display: flex;
gap: var(--mbf-spacing-20);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
line-height: 1;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-price .wc-block-components-product-price__regular {
color: var(--mbf-color-secondary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-price .wc-block-components-product-price__value {
margin: 0;
line-height: var(--mbf-font-base-line-height);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-price {
margin-top: var(--mbf-spacing-10);
padding-top: 0;
font-size: var(--mbf-font-size-small);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-metadata {
color: var(--mbf-color-secondary);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__description .wc-block-components-product-metadata__description {
display: none;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__total-price {
display: flex;
flex-direction: column;
font-size: var(--mbf-font-size-medium);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__total-price .wc-block-components-product-price {
display: flex;
gap: var(--mbf-spacing-20);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
line-height: 1;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__total-price .wc-block-components-product-price .wc-block-components-product-price__regular {
color: var(--mbf-color-secondary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__total-price .wc-block-components-product-price .wc-block-components-product-price__value {
margin: 0;
line-height: var(--mbf-font-base-line-height);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__total-price .wc-block-components-product-price {
padding-top: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary-item__total-price .wc-block-components-product-price span {
font-weight: var(--mbf-font-base-weight);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block:not(:first-child) {
margin-top: var(--mbf-accordion-gap);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon {
padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button {
color: var(--mbf-color-secondary);
font-size: var(--mbf-font-size-small);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form {
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-input-border-radius);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
height: unset;
border: none;
outline: none;
margin-top: 3px;
margin-bottom: 3px;
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input:focus, .woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input:focus {
outline: none;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label {
opacity: 1;
top: 50%;
left: 1rem;
transform: translateY(-50%);
transition: var(--mbf-transition);
font-size: var(--mbf-font-size-x-small);
color: var(--mbf-color-placeholder);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input.is-active label {
opacity: 0;
top: 50%;
transform: translateY(-50%);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
height: 100%;
margin: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label {
margin-bottom: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input.has-error input:focus {
box-shadow: none;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__form:has(.wc-block-components-totals-coupon__input.has-error) {
box-shadow: 0 0 0 var(--mbf-border-width) var(--mbf-color-warning);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__button {
margin-top: 6px;
margin-right: 6px;
margin-bottom: 6px;
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__button:disabled {
opacity: 0.5;
border-color: var(--mbf-color-secondary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon__button:disabled .wc-block-components-button__text {
opacity: 1;
color: var(--mbf-color-secondary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block:not(:first-child) {
margin-top: var(--mbf-accordion-gap);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item {
padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper {
padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper:not(:first-child):not(:empty) {
padding-top: var(--mbf-spacing-60);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item__label {
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item__value {
color: var(--mbf-color-primary);
font-weight: var(--mbf-font-base-weight);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item__value strong {
font-weight: var(--mbf-font-base-weight);
text-transform: capitalize;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper__description {
color: var(--mbf-color-secondary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) {
padding: var(--mbf-spacing-40) 0 0 0;
border: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item):not(:first-child) {
margin-top: var(--mbf-accordion-gap);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item {
padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__label {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-xx-medium);
color: var(--mbf-color-primary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__value {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
font-size: var(--mbf-font-size-xx-medium);
color: var(--mbf-color-primary);
}
.woocommerce-checkout .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) .wc-block-components-totals-item__description {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
color: var(--mbf-color-primary);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
width: 100%;
margin-top: var(--mbf-spacing-110);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .wc-block-components-notice-banner:last-child {
margin-bottom: 0;
}
.woocommerce-checkout form.woocommerce-checkout {
width: 100%;
}
@media (max-width: 991.98px) {
.woocommerce-checkout form.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout form.woocommerce-checkout #customer_details .col-2 {
width: 100%;
}
}
@media (min-width: 992px) {
.woocommerce-checkout form.woocommerce-checkout {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--mbf-content-cart-totals-width);
grid-template-rows: auto minmax(0, 1fr);
-moz-column-gap: var(--mbf-spacing-60);
column-gap: var(--mbf-spacing-60);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details {
grid-column: 1/2;
grid-row: 1/3;
display: flex;
flex-direction: column;
width: 100%;
max-width: var(--mbf-content-size);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout form.woocommerce-checkout #customer_details .col-2 {
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
grid-column: 2/3;
grid-row: 1/2;
max-width: var(--mbf-content-cart-totals-width);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order {
grid-column: 2/3;
grid-row: 2/3;
max-width: var(--mbf-content-cart-totals-width);
}
}
.woocommerce-checkout form.woocommerce-checkout #customer_details h3 {
margin-top: var(--mbf-spacing-70);
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-xx-medium);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper .form-row {
margin-bottom: 0;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper .form-row label {
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-small);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details #ship-to-different-address input,
.woocommerce-checkout form.woocommerce-checkout #customer_details #ship-to-different-address span {
cursor: pointer;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-additional-fields__field-wrapper {
margin-top: var(--mbf-spacing-70);
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-additional-fields__field-wrapper #order_comments {
min-height: var(--mbf-textarea-min-height);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
margin-top: var(--mbf-spacing-70);
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-xx-medium);
}
.woocommerce-checkout form.woocommerce-checkout #payment {
background: var(--mbf-color-layout-background);
border-radius: var(--mbf-layout-elements-border-radius-sm);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-checkout form.woocommerce-checkout #payment .wc_payment_methods {
padding: var(--mbf-spacing-90) var(--mbf-spacing-100);
border-bottom: none;
}
.woocommerce-checkout form.woocommerce-checkout #payment .wc_payment_methods .payment_box {
margin-top: 0;
padding: 0;
background: transparent;
}
.woocommerce-checkout form.woocommerce-checkout #payment .wc_payment_methods .payment_box::before {
display: none;
}
.woocommerce-checkout form.woocommerce-checkout #payment .wc_payment_methods .payment_box p:first-child {
margin-top: 0;
}
.woocommerce-checkout form.woocommerce-checkout #payment .place-order {
display: block;
padding: 0 var(--mbf-spacing-100) var(--mbf-spacing-90) var(--mbf-spacing-100);
}
.woocommerce-checkout form.woocommerce-checkout #payment .place-order .woocommerce-privacy-policy-text p:first-child {
margin-top: 0;
}
.woocommerce-checkout form.woocommerce-checkout #payment .place-order .wp-element-button {
width: unset !important;
float: none !important;
margin-top: var(--mbf-spacing-90);
}
@media (max-width: 767.98px) {
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper .form-row {
margin-bottom: var(--mbf-spacing-60);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field {
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: grid;
gap: var(--mbf-spacing-60);
-moz-column-gap: var(--mbf-spacing-10);
column-gap: var(--mbf-spacing-10);
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field {
grid-column: span 6;
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field {
grid-column: span 6;
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_country_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_country_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_country_field {
grid-column: span 12;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_address_1_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field {
grid-column: span 6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_address_2_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field {
grid-column: span 6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_city_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_city_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_city_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_city_field {
grid-column: 1/6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_state_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_state_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_state_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_state_field {
grid-column: 6/10;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_postcode_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {
grid-column: span 3;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_phone_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_phone_field {
grid-column: span 6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_email_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_email_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_email_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_email_field {
grid-column: span 6;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper .form-row {
margin-bottom: var(--mbf-spacing-60);
}
}
@media (min-width: 1200px) {
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: grid;
gap: var(--mbf-spacing-60);
-moz-column-gap: var(--mbf-spacing-10);
column-gap: var(--mbf-spacing-10);
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field {
grid-column: span 6;
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field {
grid-column: span 6;
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_country_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_country_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_country_field {
grid-column: span 12;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_address_1_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field {
grid-column: span 6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_address_2_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field {
grid-column: span 6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_city_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_city_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_city_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_city_field {
grid-column: 1/6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_state_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_state_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_state_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_state_field {
grid-column: 6/10;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_postcode_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {
grid-column: span 3;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_phone_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_phone_field {
grid-column: span 6;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #billing_email_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper #shipping_email_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #billing_email_field,
.woocommerce-checkout form.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper #shipping_email_field {
grid-column: span 6;
}
}
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block {
margin-left: auto;
}
.wp-block-woocommerce-checkout .wc-block-components-skeleton--cart-line-items-checkout .wc-block-components-order-summary-item__image {
overflow: hidden;
}
.wp-block-woocommerce-checkout .wc-block-components-skeleton--cart-line-items-checkout .wc-block-components-order-summary-item__image .wc-block-components-skeleton__element {
width: 100% !important;
height: 100% !important;
} .woocommerce-account main .woocommerce,
.woocommerce-account.woocommerce-lost-password main .woocommerce {
max-width: var(--mbf-content-size-wide);
}
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login), .woocommerce-account main .woocommerce:has(form.lost_reset_password), .woocommerce-account main .woocommerce:has(> p),
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login),
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password),
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) {
width: 100%;
background: var(--mbf-color-gradient);
border-radius: var(--mbf-layout-elements-border-radius);
padding-top: var(--mbf-spacing-70);
padding-bottom: var(--mbf-spacing-70);
overflow: hidden;
}
@media (min-width: 992px) {
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login), .woocommerce-account main .woocommerce:has(form.lost_reset_password), .woocommerce-account main .woocommerce:has(> p),
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login),
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password),
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) {
padding-top: var(--mbf-spacing-130);
padding-bottom: var(--mbf-spacing-130);
}
}
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > h2, .woocommerce-account main .woocommerce:has(form.lost_reset_password) > h2, .woocommerce-account main .woocommerce:has(> p) > h2,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > h2,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) > h2,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) > h2 {
font-size: var(--mbf-font-size-x-large);
}
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > .woocommerce-form-login,
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > form.lost_reset_password,
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > h2,
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > p, .woocommerce-account main .woocommerce:has(form.lost_reset_password) > .woocommerce-form-login,
.woocommerce-account main .woocommerce:has(form.lost_reset_password) > form.lost_reset_password,
.woocommerce-account main .woocommerce:has(form.lost_reset_password) > h2,
.woocommerce-account main .woocommerce:has(form.lost_reset_password) > p, .woocommerce-account main .woocommerce:has(> p) > .woocommerce-form-login,
.woocommerce-account main .woocommerce:has(> p) > form.lost_reset_password,
.woocommerce-account main .woocommerce:has(> p) > h2,
.woocommerce-account main .woocommerce:has(> p) > p,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > .woocommerce-form-login,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > form.lost_reset_password,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > h2,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > p,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) > .woocommerce-form-login,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) > form.lost_reset_password,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) > h2,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) > p,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) > .woocommerce-form-login,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) > form.lost_reset_password,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) > h2,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) > p {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) .woocommerce-notices-wrapper,
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) .wc-block-components-notice-banner, .woocommerce-account main .woocommerce:has(form.lost_reset_password) .woocommerce-notices-wrapper,
.woocommerce-account main .woocommerce:has(form.lost_reset_password) .wc-block-components-notice-banner, .woocommerce-account main .woocommerce:has(> p) .woocommerce-notices-wrapper,
.woocommerce-account main .woocommerce:has(> p) .wc-block-components-notice-banner,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) .woocommerce-notices-wrapper,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) .wc-block-components-notice-banner,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) .woocommerce-notices-wrapper,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) .wc-block-components-notice-banner,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) .woocommerce-notices-wrapper,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) .wc-block-components-notice-banner {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.woocommerce-account main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > p, .woocommerce-account main .woocommerce:has(form.lost_reset_password) > p, .woocommerce-account main .woocommerce:has(> p) > p,
.woocommerce-account.woocommerce-lost-password main .woocommerce:not(:has(.woocommerce-form-register)):has(form.woocommerce-form-login) > p,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) > p,
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(> p) > p {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
margin-bottom: 0;
color: var(--mbf-color-secondary);
}
.woocommerce-account main .woocommerce:has(form.lost_reset_password),
.woocommerce-account.woocommerce-lost-password main .woocommerce:has(form.lost_reset_password) {
width: calc(100% - var(--mbf-spacing-70) * 2);
padding: var(--mbf-spacing-70);
}
.woocommerce-account #customer_login.u-columns.col2-set {
display: flex;
flex-wrap: wrap;
gap: var(--mbf-spacing-10);
}
.woocommerce-account #customer_login.u-columns.col2-set::before, .woocommerce-account #customer_login.u-columns.col2-set::after {
content: unset;
}
.woocommerce-account #customer_login.u-columns.col2-set .u-column1.col-1,
.woocommerce-account #customer_login.u-columns.col2-set .u-column2.col-2 {
float: unset;
width: 100%;
background: var(--mbf-color-gradient);
border-radius: var(--mbf-layout-elements-border-radius);
padding: var(--mbf-spacing-70);
overflow: hidden;
}
@media (min-width: 992px) {
.woocommerce-account #customer_login.u-columns.col2-set .u-column1.col-1,
.woocommerce-account #customer_login.u-columns.col2-set .u-column2.col-2 {
flex: 1;
padding: var(--mbf-spacing-130) var(--mbf-spacing-140);
}
}
.woocommerce-account #customer_login.u-columns.col2-set .u-column1.col-1 > h2,
.woocommerce-account #customer_login.u-columns.col2-set .u-column2.col-2 > h2 {
margin-top: 0;
font-size: var(--mbf-font-size-x-large);
}
@media (max-width: 991.98px) {
.woocommerce-account #customer_login.u-columns.col2-set .u-column1.col-1 > h2,
.woocommerce-account #customer_login.u-columns.col2-set .u-column2.col-2 > h2 {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
}
.woocommerce form.woocommerce-form, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
display: flex;
flex-direction: column;
border: none;
border-radius: 0;
padding: 0;
margin: 0;
}
@media (max-width: 991.98px) {
.woocommerce form.woocommerce-form, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
}
.woocommerce form .form-row {
padding: 0;
margin-bottom: var(--mbf-spacing-60);
}
.woocommerce form .form-row button.button {
margin-top: var(--mbf-spacing-70);
width: -moz-max-content;
width: max-content;
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce form .form-row button.button::before, .woocommerce form .form-row button.button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce form .form-row button.button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce form .form-row button.button::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce form .form-row button.button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce form .form-row button.button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce form .form-row button.button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce form .form-row button.button:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce form .form-row button.button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce form .form-row button.button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row select::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row select::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce form .form-row input.input-text::-ms-input-placeholder,
.woocommerce form .form-row select::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row input.input-text:focus-visible,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row select:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce form .form-row textarea.input-text {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce form .form-row textarea.input-text {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce form .form-row textarea.input-text {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce form .form-row textarea.input-text {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-textarea-border-radius);
background: var(--mbf-color-input-bg);
}
.woocommerce form .form-row textarea.input-text::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce form .form-row textarea.input-text::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce form .form-row textarea.input-text::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce form .form-row textarea.input-text:focus, .woocommerce form .form-row textarea.input-text:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce form .form-row label {
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-medium);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce form .form-row .select2-container .select2-selection {
background-color: var(--mbf-color-layout-background);
border: 0;
border-radius: var(--mbf-input-border-radius);
border-color: transparent;
}
.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
padding: calc(var(--mbf-spacer) * 0.8125) var(--mbf-spacer);
color: var(--mbf-color-primary);
}
.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce form .form-row .required {
color: var(--mbf-color-warning);
}
.woocommerce form .form-row:last-child {
margin-bottom: 0;
}
.woocommerce form.woocommerce-form-login p:nth-child(3) {
order: 2;
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.woocommerce form.woocommerce-form-login p.lost_password {
order: 1;
margin-top: calc(var(--mbf-spacer) * -1);
}
.woocommerce form.woocommerce-form-login p.lost_password a {
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme {
display: flex;
gap: var(--mbf-spacing-30);
align-items: center;
margin-bottom: 0;
}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme span {
color: var(--mbf-color-secondary);
}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme [name=rememberme] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 1.5rem;
min-height: 1.5rem;
background: var(--mbf-color-input-bg);
border-radius: 4px;
border: none;
outline: none;
display: inline-block;
position: relative;
cursor: pointer;
}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme [name=rememberme]:checked {
background: var(--mbf-color-button);
}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme [name=rememberme]:checked::after {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid var(--mbf-color-button-contrast);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
border-radius: 1px;
}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme [name=rememberme] {
margin: 0;
width: 24px;
height: 24px;
border-color: transparent;
background: var(--mbf-color-site-background);
}
.woocommerce form.woocommerce-form-register > p:not([class]),
.woocommerce form.woocommerce-form-register .woocommerce-privacy-policy-text {
color: var(--mbf-color-secondary);
}
.woocommerce form.woocommerce-form-register > p:not([class]) {
margin-top: 0;
margin-bottom: var(--mbf-spacing-60);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce form.woocommerce-form-register .woocommerce-privacy-policy-text {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce form.woocommerce-form-register .woocommerce-privacy-policy-text p {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce form.lost_reset_password p {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
margin-bottom: 0;
}
.woocommerce form.lost_reset_password p:first-child {
margin-top: 0;
margin-bottom: var(--mbf-spacing-60);
color: var(--mbf-color-secondary);
}
.woocommerce form.lost_reset_password .form-row {
width: 100%;
}
.woocommerce form.login input.input-text,
.woocommerce form.login select,
.woocommerce form.login textarea.input-text, .woocommerce form.register input.input-text,
.woocommerce form.register select,
.woocommerce form.register textarea.input-text, .woocommerce form.lost_reset_password input.input-text,
.woocommerce form.lost_reset_password select,
.woocommerce form.lost_reset_password textarea.input-text {
display: block;
width: 100%;
min-height: 44px;
color: var(--mbf-color-input);
background: var(--mbf-color-input-bg);
border: 0;
border-color: transparent;
font-family: var(--mbf-font-base-family), sans-serif;
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: 1;
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
@media (max-width: 767.98px) {
.woocommerce form.login input.input-text,
.woocommerce form.login select,
.woocommerce form.login textarea.input-text, .woocommerce form.register input.input-text,
.woocommerce form.register select,
.woocommerce form.register textarea.input-text, .woocommerce form.lost_reset_password input.input-text,
.woocommerce form.lost_reset_password select,
.woocommerce form.lost_reset_password textarea.input-text {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.woocommerce form.login input.input-text,
.woocommerce form.login select,
.woocommerce form.login textarea.input-text, .woocommerce form.register input.input-text,
.woocommerce form.register select,
.woocommerce form.register textarea.input-text, .woocommerce form.lost_reset_password input.input-text,
.woocommerce form.lost_reset_password select,
.woocommerce form.lost_reset_password textarea.input-text {
font-size: var(--mbf-font-size-small);
}
}
.woocommerce form.login input.input-text,
.woocommerce form.login select,
.woocommerce form.login textarea.input-text, .woocommerce form.register input.input-text,
.woocommerce form.register select,
.woocommerce form.register textarea.input-text, .woocommerce form.lost_reset_password input.input-text,
.woocommerce form.lost_reset_password select,
.woocommerce form.lost_reset_password textarea.input-text {
padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
border-radius: var(--mbf-input-border-radius);
background: var(--mbf-color-site-background);
}
.woocommerce form.login input.input-text::-moz-placeholder, .woocommerce form.login select::-moz-placeholder, .woocommerce form.login textarea.input-text::-moz-placeholder, .woocommerce form.register input.input-text::-moz-placeholder, .woocommerce form.register select::-moz-placeholder, .woocommerce form.register textarea.input-text::-moz-placeholder, .woocommerce form.lost_reset_password input.input-text::-moz-placeholder, .woocommerce form.lost_reset_password select::-moz-placeholder, .woocommerce form.lost_reset_password textarea.input-text::-moz-placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce form.login input.input-text::placeholder,
.woocommerce form.login select::placeholder,
.woocommerce form.login textarea.input-text::placeholder, .woocommerce form.register input.input-text::placeholder,
.woocommerce form.register select::placeholder,
.woocommerce form.register textarea.input-text::placeholder, .woocommerce form.lost_reset_password input.input-text::placeholder,
.woocommerce form.lost_reset_password select::placeholder,
.woocommerce form.lost_reset_password textarea.input-text::placeholder {
color: var(--mbf-color-placeholder);
opacity: 1;
}
.woocommerce form.login input.input-text::-ms-input-placeholder,
.woocommerce form.login select::-ms-input-placeholder,
.woocommerce form.login textarea.input-text::-ms-input-placeholder, .woocommerce form.register input.input-text::-ms-input-placeholder,
.woocommerce form.register select::-ms-input-placeholder,
.woocommerce form.register textarea.input-text::-ms-input-placeholder, .woocommerce form.lost_reset_password input.input-text::-ms-input-placeholder,
.woocommerce form.lost_reset_password select::-ms-input-placeholder,
.woocommerce form.lost_reset_password textarea.input-text::-ms-input-placeholder {
color: var(--mbf-color-placeholder);
}
.woocommerce form.login input.input-text:focus, .woocommerce form.login input.input-text:focus-visible,
.woocommerce form.login select:focus,
.woocommerce form.login select:focus-visible,
.woocommerce form.login textarea.input-text:focus,
.woocommerce form.login textarea.input-text:focus-visible, .woocommerce form.register input.input-text:focus, .woocommerce form.register input.input-text:focus-visible,
.woocommerce form.register select:focus,
.woocommerce form.register select:focus-visible,
.woocommerce form.register textarea.input-text:focus,
.woocommerce form.register textarea.input-text:focus-visible, .woocommerce form.lost_reset_password input.input-text:focus, .woocommerce form.lost_reset_password input.input-text:focus-visible,
.woocommerce form.lost_reset_password select:focus,
.woocommerce form.lost_reset_password select:focus-visible,
.woocommerce form.lost_reset_password textarea.input-text:focus,
.woocommerce form.lost_reset_password textarea.input-text:focus-visible {
outline: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-accent);
border: transparent;
}
.woocommerce form.login a:where(:not(.wp-element-button)), .woocommerce form.register a:where(:not(.wp-element-button)), .woocommerce form.lost_reset_password a:where(:not(.wp-element-button)) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce form.login a:where(:not(.wp-element-button)):hover, .woocommerce form.register a:where(:not(.wp-element-button)):hover, .woocommerce form.lost_reset_password a:where(:not(.wp-element-button)):hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce form .cart_item .product-name a:where(:not(.wp-element-button)) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce form .cart_item .product-name a:where(:not(.wp-element-button)):hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-account .wp-block-post-title {
max-width: var(--mbf-content-size-wide);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
flex: 1;
width: 17%;
max-width: 230px;
font-size: var(--mbf-font-size-x-medium);
}
@media (max-width: 991.98px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
width: 100%;
max-width: 100%;
flex: none;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: wrap;
-moz-column-gap: calc(var(--mbf-spacer) * 0.125);
column-gap: calc(var(--mbf-spacer) * 0.125);
row-gap: var(--mbf-spacer);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li {
margin-bottom: 0 !important;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
display: flex;
padding: var(--mbf-spacing-20) 0;
border-radius: var(--mbf-layout-elements-border-radius);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:first-child {
padding-top: var(--mbf-spacing-20);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:not(:last-child) {
margin-bottom: var(--mbf-spacer);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li > a {
width: 100%;
text-decoration: none;
display: inline-block;
padding: 0 var(--mbf-spacing-60);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li > a:hover {
text-decoration: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active {
background: var(--mbf-color-layout-background);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a {
text-decoration: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:hover {
background: var(--mbf-color-layout-background);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
color: var(--mbf-color-warning);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
flex: 1;
width: 83%;
}
@media (min-width: 992px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
padding-left: calc(var(--mbf-spacer) * 3);
padding-right: calc(var(--mbf-spacer) * 3);
}
}
@media (min-width: 1200px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
padding-left: calc(var(--mbf-spacer) * 5.25);
padding-right: calc(var(--mbf-spacer) * 5.25);
}
}
@media (max-width: 991.98px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
width: 100%;
flex: none;
}
}
@media (min-width: 992px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content form {
max-width: var(--mbf-content-size);
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form h2 {
font-size: var(--mbf-font-size-large);
margin-top: 0;
margin-bottom: var(--mbf-spacer);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
padding: calc(var(--mbf-spacer) * 2);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
padding: 0;
margin: 0 0 var(--mbf-spacing-60);
}
@media (min-width: 768px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row-first {
flex: 0 0 calc(50% - var(--mbf-spacer) * 1.25);
max-width: calc(50% - var(--mbf-spacer) * 1.25);
width: 100%;
margin-right: calc(var(--mbf-spacer) * 1.25);
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row-first {
margin-left: calc(var(--mbf-spacer) * 1.25);
margin-right: unset;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row-last {
flex: 0 0 calc(50% - var(--mbf-spacer) * 1.25);
max-width: calc(50% - var(--mbf-spacer) * 1.25);
width: 100%;
margin-left: calc(var(--mbf-spacer) * 1.25);
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row-last {
margin-left: unset;
margin-right: calc(var(--mbf-spacer) * 1.25);
}
}
@media (min-width: 768px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .address-field:nth-child(odd) {
flex: 0 0 calc(50% - var(--mbf-spacer) * 1.25);
max-width: calc(50% - var(--mbf-spacer) * 1.25);
width: 100%;
margin-right: calc(var(--mbf-spacer) * 1.25);
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .address-field:nth-child(odd) {
margin-left: calc(var(--mbf-spacer) * 1.25);
margin-right: unset;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .address-field:nth-child(even) {
flex: 0 0 calc(50% - var(--mbf-spacer) * 1.25);
max-width: calc(50% - var(--mbf-spacer) * 1.25);
width: 100%;
margin-left: calc(var(--mbf-spacer) * 1.25);
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-address-fields .address-field:nth-child(even) {
margin-left: unset;
margin-right: calc(var(--mbf-spacer) * 1.25);
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input) {
margin-top: var(--mbf-spacing-70);
width: -moz-max-content;
width: max-content;
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::before, .woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::before::active {
transform: scale(1.5);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input)::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::before {
width: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input):hover::after::active {
transform: scale(1.5);
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:not(.show-password-input) {
font-size: var(--mbf-font-size-medium);
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type {
padding: var(--mbf-spacing-60) calc(var(--mbf-spacer) * 2);
background: var(--mbf-color-gradient);
border-radius: var(--mbf-layout-elements-border-radius-sm);
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type mark {
font-weight: inherit;
}
@media (min-width: 768px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type {
margin-bottom: var(--mbf-spacing-70);
}
}
@media (max-width: 767.98px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type {
margin-bottom: calc(var(--mbf-spacer) * 3);
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard {
padding: calc(var(--mbf-spacer) * 5) calc(var(--mbf-spacer) * 2);
background: var(--mbf-color-gradient);
border-radius: var(--mbf-layout-elements-border-radius-sm);
text-align: center;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard-icon svg {
border-radius: var(--mbf-thumbnail-border-radius-sm);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard > p {
max-width: var(--mbf-content-size);
margin-left: auto;
margin-right: auto;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard > p:nth-of-type(1) {
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: var(--mbf-font-size-x-large);
margin-top: var(--mbf-spacer);
margin-bottom: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard > p:nth-of-type(1) a {
display: flex;
font-size: initial;
text-align: center;
justify-content: center;
align-items: center;
text-decoration: none;
width: -moz-max-content;
width: max-content;
margin-top: var(--mbf-spacer);
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-secondary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard > p:nth-of-type(1) a:hover {
background-size: 100% 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard > p:nth-of-type(2) {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
max-width: 580px;
color: var(--mbf-color-secondary);
font-size: var(--mbf-font-size-xx-medium);
font-weight: inherit;
margin-top: var(--mbf-spacer);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content a:where(:not(.wp-element-button):not(.edit)) {
display: inline;
padding-bottom: 0.02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: var(--mbf-underline-bg-position);
color: var(--mbf-color-primary);
transition: var(--mbf-transition);
text-decoration: none;
}
@media (hover: hover) {
.woocommerce-account.logged-in .woocommerce-MyAccount-content a:where(:not(.wp-element-button):not(.edit)):hover {
background-size: 0 1px;
color: var(--mbf-color-primary);
}
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content {
display: grid;
grid-template-columns: minmax(0, 1fr);
row-gap: 0;
-moz-column-gap: calc(var(--mbf-spacer) * 5);
column-gap: calc(var(--mbf-spacer) * 5);
align-items: flex-start;
position: relative;
}
@media (min-width: 1200px) {
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content {
grid-template-columns: 542px minmax(0, 1fr);
}
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content h2 {
font-size: var(--mbf-font-size-large);
font-weight: var(--mbf-font-headings-weight);
margin-top: 0;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
grid-column: 1;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-downloads {
grid-column: 1;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details {
grid-column: 1;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details {
grid-column: 1;
}
@media (min-width: 1200px) {
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details {
grid-column: 2;
width: 100%;
position: absolute;
right: 0;
top: 0;
}
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 {
display: flex;
flex-direction: column;
width: 100%;
gap: var(--mbf-spacing-70);
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 > .woocommerce-column {
float: none;
width: 100%;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2::before, .woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2::after {
content: unset;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details address {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
border: none;
line-height: 1.5;
background: var(--mbf-color-layout-background);
padding: var(--mbf-spacing-60) calc(var(--mbf-spacer) * 2);
border-radius: var(--mbf-layout-elements-border-radius-sm);
color: var(--mbf-color-secondary);
word-break: break-word;
}
.woocommerce-account.logged-in.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details address::first-line {
color: var(--mbf-color-primary);
font-size: var(--mbf-font-size-x-medium);
}
.woocommerce-account.logged-in .woocommerce {
display: flex;
flex-wrap: wrap;
}
.woocommerce-account .button.wp-element-button {
border-radius: var(--mbf-button-border-radius);
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button), .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--mbf-spacer);
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button {
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button::before, .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button::after,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button::before,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button::after, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button::before, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button::after,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button::before,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button::before,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button::before, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button::before,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button::before,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button::before, [dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button::before,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button::after,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button::after, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button::after,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button::after,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button::after, [dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button::after,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button:hover::before,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button:hover::before, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button:hover::before,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button:hover::before,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button:hover::before, [dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button:hover::before,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button:hover::after,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button:hover::after, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button:hover::after,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button:hover::after,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button:hover::after, [dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button:hover::after,
[dir=rtl] .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .woocommerce-Button,
.woocommerce-account .wc-block-components-notice-banner__content:has(.woocommerce-Button) .wp-element-button, .woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .woocommerce-Button,
.woocommerce-account .wc-block-components-notice-banner__content:has(.wp-element-button) .wp-element-button {
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x) !important;
background-color: var(--mbf-color-button) !important;
color: var(--mbf-color-button-contrast) !important;
text-decoration: unset !important;
opacity: 1;
}
.woocommerce-account.woocommerce-view-order.logged-in .woocommerce-MyAccount-content > p:first-of-type {
margin-bottom: calc(var(--mbf-spacer) * 2);
}
.woocommerce-Address header {
display: flex;
flex-direction: column;
gap: var(--mbf-spacer);
}
.woocommerce-Address header::after, .woocommerce-Address header::before {
content: unset !important;
}
.woocommerce-Address header h2 {
font-size: var(--mbf-font-size-large);
margin-top: 0;
margin-bottom: 0;
}
.woocommerce-Address header.title a.edit {
width: -moz-max-content;
width: max-content;
float: unset !important;
text-decoration: none !important;
display: flex !important;
position: relative;
display: flex;
align-items: center;
border-radius: var(--mbf-button-border-radius);
transition: var(--mbf-transition);
cursor: pointer;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.woocommerce-Address header.title a.edit::before, .woocommerce-Address header.title a.edit::after {
content: "";
display: flex;
height: 6px;
background: currentcolor;
border-radius: 50%;
transition: var(--mbf-transition);
}
.woocommerce-Address header.title a.edit::before {
opacity: 1;
width: 6px;
margin-right: 10px;
}
[dir=rtl] .woocommerce-Address header.title a.edit::before {
margin-left: 10px;
margin-right: unset;
}
.woocommerce-Address header.title a.edit::after {
opacity: 0;
width: 0;
margin-left: 0;
}
[dir=rtl] .woocommerce-Address header.title a.edit::after {
margin-left: unset;
margin-right: 0;
}
@media (hover: hover) {
.woocommerce-Address header.title a.edit:hover::before {
opacity: 0;
width: 0;
margin-right: 0;
}
[dir=rtl] .woocommerce-Address header.title a.edit:hover::before {
margin-left: 0;
margin-right: unset;
}
.woocommerce-Address header.title a.edit:hover::after {
opacity: 1;
width: 6px;
margin-left: 10px;
}
[dir=rtl] .woocommerce-Address header.title a.edit:hover::after {
margin-left: unset;
margin-right: 10px;
}
}
.woocommerce-Address header.title a.edit::before {
content: "";
width: var(--mbf-pulse-size);
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
animation: pulsing 2s infinite;
}
.woocommerce-Address header.title a.edit::before::active {
transform: scale(1.5);
}
.woocommerce-Address header.title a.edit::after {
content: "";
width: 0;
height: var(--mbf-pulse-size);
box-shadow: 0 0 0 var(--mbf-pulse-color);
}
@media (hover: hover) {
.woocommerce-Address header.title a.edit:hover::before {
width: 0;
}
.woocommerce-Address header.title a.edit:hover::after {
width: var(--mbf-pulse-size);
animation: pulsing 2s infinite;
}
.woocommerce-Address header.title a.edit:hover::after::active {
transform: scale(1.5);
}
}
.woocommerce-Address header.title a.edit {
font-size: var(--mbf-font-size-medium);
padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
color: var(--mbf-color-button-contrast);
background-color: var(--mbf-color-button);
}
.woocommerce-Address address {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
line-height: 2;
background: var(--mbf-color-layout-background);
padding: var(--mbf-spacing-60) calc(var(--mbf-spacer) * 2);
border-radius: var(--mbf-layout-elements-border-radius-sm);
color: var(--mbf-color-secondary);
}
.woocommerce-Address address::first-line {
color: var(--mbf-color-primary);
font-size: var(--mbf-font-size-x-medium);
}
@media (max-width: 767.98px) {
.woocommerce-Address:not(:first-child) {
margin-top: calc(var(--mbf-spacer) * 3);
}
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-Heading {
font-size: var(--mbf-font-size-large);
padding: 0;
margin-bottom: var(--mbf-spacer);
font-family: var(--mbf-font-headings-family), sans-serif;
font-weight: var(--mbf-font-headings-weight);
font-style: var(--mbf-font-headings-style);
line-height: var(--mbf-font-headings-line-height);
letter-spacing: var(--mbf-font-headings-letter-spacing);
text-transform: var(--mbf-font-headings-text-transform);
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-Fields {
padding: calc(var(--mbf-spacer) * 2);
border: var(--mbf-border-width) var(--mbf-border-style) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-MainInfo {
margin-bottom: var(--mbf-spacing-70);
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-MainInfo .woocommerce-EditAccountForm-Fields {
display: grid;
grid-template-columns: minmax(0, 1fr);
-moz-column-gap: var(--mbf-spacing-10);
column-gap: var(--mbf-spacing-10);
row-gap: var(--mbf-spacing-60);
}
@media (min-width: 992px) {
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-MainInfo .woocommerce-EditAccountForm-Fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-MainInfo .woocommerce-EditAccountForm-Fields > p {
width: 100%;
float: none;
margin-bottom: 0;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-EditAccountForm-MainInfo .woocommerce-EditAccountForm-Fields > div.clear {
display: none;
}
.woocommerce-edit-account .woocommerce-EditAccountForm fieldset legend {
display: none;
}
.woocommerce-edit-account .woocommerce-EditAccountForm fieldset {
border: none;
padding: 0;
margin: 0;
}
.woocommerce-edit-account .woocommerce-EditAccountForm #account_display_name_description {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
display: inline-block;
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
margin-top: var(--mbf-spacing-60);
}
.woocommerce-edit-account .woocommerce-EditAccountForm #account_display_name_description em {
font-style: normal;
}
@media (max-width: 991.98px) {
.woocommerce-view-order .woocommerce table.shop_table tbody tr,
.woocommerce-view-order .woocommerce table.shop_table tbody th,
.woocommerce-view-order .woocommerce table.shop_table tbody td,
.woocommerce-view-order .woocommerce table.shop_table tfoot tr,
.woocommerce-view-order .woocommerce table.shop_table tfoot th,
.woocommerce-view-order .woocommerce table.shop_table tfoot td {
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-bottom: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
.woocommerce-view-order .woocommerce table.shop_table tbody tr:first-child,
.woocommerce-view-order .woocommerce table.shop_table tbody th:first-child,
.woocommerce-view-order .woocommerce table.shop_table tbody td:first-child,
.woocommerce-view-order .woocommerce table.shop_table tfoot tr:first-child,
.woocommerce-view-order .woocommerce table.shop_table tfoot th:first-child,
.woocommerce-view-order .woocommerce table.shop_table tfoot td:first-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
.woocommerce-view-order .woocommerce table.shop_table tbody tr:last-child,
.woocommerce-view-order .woocommerce table.shop_table tbody th:last-child,
.woocommerce-view-order .woocommerce table.shop_table tbody td:last-child,
.woocommerce-view-order .woocommerce table.shop_table tfoot tr:last-child,
.woocommerce-view-order .woocommerce table.shop_table tfoot th:last-child,
.woocommerce-view-order .woocommerce table.shop_table tfoot td:last-child {
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0;
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.woocommerce table.shop_table tbody tr.woocommerce-orders-table__cell-order-actions,
.woocommerce table.shop_table tbody th.woocommerce-orders-table__cell-order-actions,
.woocommerce table.shop_table tbody td.woocommerce-orders-table__cell-order-actions,
.woocommerce table.shop_table tfoot tr.woocommerce-orders-table__cell-order-actions,
.woocommerce table.shop_table tfoot th.woocommerce-orders-table__cell-order-actions,
.woocommerce table.shop_table tfoot td.woocommerce-orders-table__cell-order-actions {
display: flex;
align-items: center;
gap: var(--mbf-spacer);
}
.woocommerce table.shop_table tbody tr.woocommerce-orders-table__cell-order-actions a,
.woocommerce table.shop_table tbody th.woocommerce-orders-table__cell-order-actions a,
.woocommerce table.shop_table tbody td.woocommerce-orders-table__cell-order-actions a,
.woocommerce table.shop_table tfoot tr.woocommerce-orders-table__cell-order-actions a,
.woocommerce table.shop_table tfoot th.woocommerce-orders-table__cell-order-actions a,
.woocommerce table.shop_table tfoot td.woocommerce-orders-table__cell-order-actions a {
margin-top: 0;
margin-bottom: 0;
}
}
@media (max-width: 767.98px) {
.woocommerce-orders .woocommerce table.shop_table tbody tr:not(:first-child:last-child) th,
.woocommerce-orders .woocommerce table.shop_table tbody tr:not(:first-child:last-child) td,
.woocommerce-orders .woocommerce table.shop_table tfoot tr:not(:first-child:last-child) th,
.woocommerce-orders .woocommerce table.shop_table tfoot tr:not(:first-child:last-child) td {
border-top: unset;
}
}
.woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions a {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
background: transparent;
backdrop-filter: blur(var(--mbf-button-blur));
color: var(--mbf-color-accent);
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-accent);
border-radius: var(--mbf-button-border-radius);
}
.woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions a:last-child {
margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions a {
width: -moz-max-content;
width: max-content;
}
}
@media (max-width: 575.98px) {
.password-input input {
padding-right: calc(var(--mbf-spacer) * 2.75) !important;
}
}
.woocommerce-password-strength {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
margin-top: var(--mbf-spacing-10);
border-radius: var(--mbf-layout-elements-border-radius);
}
.woocommerce-password-hint {
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
color: var(--mbf-color-secondary);
}
.woocommerce-edit-address .u-columns.woocommerce-Addresses.addresses {
display: flex;
gap: var(--mbf-spacing-70);
}
@media (max-width: 767.98px) {
.woocommerce-edit-address .u-columns.woocommerce-Addresses.addresses {
gap: 0;
flex-wrap: wrap;
}
}
.woocommerce-edit-address .u-columns.woocommerce-Addresses.addresses::after, .woocommerce-edit-address .u-columns.woocommerce-Addresses.addresses::before {
content: unset;
} @media (max-width: 575.98px) {
.mbf-wc-order-confirmation > .wp-block-group:has(.wc-block-order-confirmation-status) {
width: calc(100% + var(--mbf-site-padding-left) + var(--mbf-site-padding-right)) !important;
margin-left: calc(var(--mbf-site-padding-left) * -1) !important;
margin-right: calc(var(--mbf-site-padding-right) * -1) !important;
border-radius: 0 !important;
}
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-status {
text-align: center;
text-transform: capitalize;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-additional-information {
text-align: center;
margin-top: var(--mbf-spacer);
}
.mbf-wc-order-confirmation .wp-block-woocommerce-order-confirmation-summary {
margin-top: calc(var(--mbf-spacer) * 2);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-summary-list {
gap: var(--mbf-spacing-10);
justify-content: center;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-summary-list li {
background-color: var(--mbf-color-site-background);
padding: var(--mbf-spacer);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item__key {
display: block;
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
font-weight: inherit;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item__value {
width: 100%;
word-break: break-word;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-order-note__label {
display: block;
margin-bottom: var(--mbf-spacing-20);
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-shipping-wrapper .wp-block-heading,
.mbf-wc-order-confirmation .wc-block-order-confirmation-billing-wrapper .wp-block-heading,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals-wrapper .wp-block-heading {
margin-top: 0;
font-size: var(--mbf-font-size-large);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-shipping-wrapper .wp-block-heading,
.mbf-wc-order-confirmation .wc-block-order-confirmation-billing-wrapper .wp-block-heading {
margin-bottom: var(--mbf-spacer);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals-wrapper .wp-block-heading {
margin-bottom: calc(var(--mbf-spacer) * 2);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-order-note,
.mbf-wc-order-confirmation .wc-block-order-confirmation-shipping-address,
.mbf-wc-order-confirmation .wc-block-order-confirmation-billing-address {
border: none;
line-height: 2;
background: var(--mbf-color-layout-background);
padding: var(--mbf-spacing-60) calc(var(--mbf-spacer) * 2);
border-radius: var(--mbf-layout-elements-border-radius-sm);
}
@media (max-width: 575.98px) {
.mbf-wc-order-confirmation .wc-block-order-confirmation-order-note,
.mbf-wc-order-confirmation .wc-block-order-confirmation-shipping-address,
.mbf-wc-order-confirmation .wc-block-order-confirmation-billing-address {
word-break: break-word;
}
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-shipping-address::first-line,
.mbf-wc-order-confirmation .wc-block-order-confirmation-billing-address::first-line {
color: var(--mbf-color-primary);
font-size: var(--mbf-font-size-x-medium);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table {
border: none;
border-collapse: separate;
border-spacing: 0;
border-radius: 0;
font-family: var(--mbf-font-base-family), sans-serif;
font-size: var(--mbf-font-base-size);
font-weight: var(--mbf-font-base-weight);
font-style: var(--mbf-font-base-style);
line-height: var(--mbf-font-base-line-height);
letter-spacing: var(--mbf-font-base-letter-spacing);
text-transform: var(--mbf-font-base-text-transform);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table thead {
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table thead tr {
border: none;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table thead th {
font-weight: 500 !important;
padding: 0 0 var(--mbf-spacer) calc(var(--mbf-spacer) * 2);
border: none;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table thead th:last-child {
padding-right: calc(var(--mbf-spacer) * 2);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot {
font-size: var(--mbf-font-size-medium);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody td,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot td {
background-color: transparent !important;
padding: var(--mbf-spacing-60) calc(var(--mbf-spacer) * 2);
border-top: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-bottom: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:first-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody th:first-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody td:first-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:first-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot th:first-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot td:first-child {
border-left: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm) 0 0 var(--mbf-layout-elements-border-radius-sm);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:last-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody th:last-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody td:last-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:last-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot th:last-child,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot td:last-child {
border-radius: 0 var(--mbf-layout-elements-border-radius-sm) var(--mbf-layout-elements-border-radius-sm) 0;
border-right: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
}
@media (max-width: 991.98px) {
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr {
border: var(--mbf-button-border-width) var(--mbf-button-border-type) var(--mbf-color-border);
border-radius: var(--mbf-layout-elements-border-radius-sm);
overflow: hidden;
}
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:last-child td,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:last-child th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:last-child td,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:last-child th {
border-bottom-width: var(--mbf-button-border-width);
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:not(:first-child:last-child):not(:first-child),
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:not(:first-child:last-child):not(:first-child) {
border-top: unset;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:not(:first-child:last-child):not(:first-child) th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody tr:not(:first-child:last-child):not(:first-child) td,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:not(:first-child:last-child):not(:first-child) th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot tr:not(:first-child:last-child):not(:first-child) td {
border-top: unset;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tbody th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table tfoot th {
font-size: var(--mbf-font-size-small);
color: var(--mbf-color-secondary);
font-weight: inherit;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table:has(tbody):has(tfoot) tbody > tr:first-child:last-child th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table:has(tbody):has(tfoot) tbody > tr:first-child:last-child td {
border-bottom: unset;
}
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table:has(tbody):has(tfoot) tbody > tr:not(:first-child):last-child th,
.mbf-wc-order-confirmation .wc-block-order-confirmation-totals__table:has(tbody):has(tfoot) tbody > tr:not(:first-child):last-child td {
border-bottom: unset;
}
@media (max-width: 575.98px) {
.wc-block-order-confirmation-shipping-wrapper,
.wc-block-order-confirmation-billing-wrapper {
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.wc-block-order-confirmation-shipping-wrapper,
.wc-block-order-confirmation-billing-wrapper {
width: 45%;
}
}
@media (min-width: 768px) {
.wc-block-order-confirmation-shipping-wrapper,
.wc-block-order-confirmation-billing-wrapper {
width: 100%;
}
} .page-template-coming-soon header .is-layout-flex {
justify-content: center;
}
.mbf-coming-soon > .wp-block-group {
height: calc(100vh - var(--mbf-wpadminbar-height) - var(--mbf-header-topbar-height) - var(--mbf-header-height));
}  @media (max-width: 767px) {
.mbf-hide-on-mobile:not(.is-root-container .mbf-hide-on-mobile) {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.mbf-hide-on-tablet:not(.is-root-container .mbf-hide-on-tablet) {
display: none !important;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.mbf-hide-on-laptop:not(.is-root-container .mbf-hide-on-laptop) {
display: none !important;
}
}
@media (min-width: 1440px) {
.mbf-hide-on-desktop:not(.is-root-container .mbf-hide-on-desktop) {
display: none !important;
}
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//www.brighttrailgear.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - var(--wp-admin--admin-bar--height,0px));top:var(--wp-admin--admin-bar--height,0)}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//www.brighttrailgear.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//www.brighttrailgear.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//www.brighttrailgear.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}