@charset "UTF-8"; :root { --theme-component-transition-duration: .3s; --theme-input-transition-duration: .1s; --theme-link-underline-offset: 2px; --theme-link-underline-thickness: 1.5px; --theme-link-underline-color: currentColor; } /* ------------ Responsive ------------ */ /* ------------ Typography ------------ */ /* ------------ Layout ------------ */ /* ------------ Typography ------------ */ html { scroll-behavior: smooth; overflow-wrap: break-word; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } *, *::before, *::after { box-sizing: border-box; } body { margin: 0; border: none; } p, em, tr, th, td, dl, ins, sub, sup, big, cite, code, form, small, label, table, figure, button, legend, strike, address, caption, fieldset, blockquote { margin: 0; padding: 0; border: none; } ul:not(.wp-block-list, .woocommerce-Tabs-panel--description ul, .wc-block-components-product-summary ul), ol:not(.wp-block-list, .woocommerce-Tabs-panel--description ol, .wc-block-components-product-summary ol) { padding: 0; list-style-type: none; } ul:not(.wp-block-list, .embla__container, .woocommerce-Tabs-panel--description ul, .wc-block-components-product-summary ul), ol:not(.wp-block-list, .embla__container, .woocommerce-Tabs-panel--description ol, .wc-block-components-product-summary ol) { margin: 0; } input, select, textarea { margin: 0; } b, strong, caption, dt { font-weight: 600; } em { font-style: italic; } small { font-size: 80%; } ins { text-decoration: none; } del { color: var(--wp--preset--color--brandy-secondary-text); } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } hr { height: 1px; border: none; } mark { color: inherit; font-weight: inherit; background: transparent; } figure, iframe:not(.block-editor-block-preview__content > iframe), textarea { display: block; } textarea { font-family: inherit; } audio, canvas, progress, video { display: inline-block; } embed, iframe:not(.block-editor-block-preview__content > iframe, .block-editor-iframe__scale-container > iframe), object, video { max-width: 100%; } code, kbd, samp { padding: 3px 6px; } code, kbd, samp, pre { tab-size: 4; border-radius: 2px; background: var(--wp--preset--color--brandy-border); } code:focus, kbd:focus, samp:focus, pre:focus { outline: none; } pre { overflow: auto; padding: 15px 20px; } pre code { padding: 0; background: transparent; } svg { display: block; } /* ------------ Tables ------------- */ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; width: 100%; max-width: 100%; } caption { padding: 0.7rem; } .required { color: #EE8884; text-decoration: none; } .wp-caption-text, .bypostauthor { color: inherit; } button { font-family: inherit; } .wp-block-image img[style^="width:"], .wp-block-image img[style*=";width:"] { max-width: unset; } body * { text-underline-offset: 2px; } input { font-weight: inherit; font-size: inherit; } @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .text-primary { color: var(--wp--preset--color--brandy-primary-text); } .text-secondary { color: var(--wp--preset--color--brandy-secondary-text); } .text-description { font-size: 0.875rem; line-height: 1.25rem; font-weight: 300; } .w-full { width: 100%; } .text-center { text-align: center; } @media screen and (max-width: 975px) { .md-text-left { text-align: left !important; } } @media screen and (max-width: 975px) { .md-text-right { text-align: right !important; } } @media screen and (max-width: 975px) { .md-text-center { text-align: center !important; } } @media screen and (max-width: 767px) { .sm-text-left { text-align: left !important; } } @media screen and (max-width: 767px) { .sm-text-right { text-align: right !important; } } @media screen and (max-width: 767px) { .sm-text-center { text-align: center !important; } } @media screen and (max-width: 975px) { .md-justify-center { justify-content: center !important; } } @media screen and (max-width: 975px) { .md-justify-left { justify-content: left !important; } } @media screen and (max-width: 975px) { .md-justify-right { justify-content: right !important; } } @media screen and (max-width: 767px) { .sm-justify-left { justify-content: left !important; } } @media screen and (max-width: 767px) { .sm-justify-right { justify-content: right !important; } } @media screen and (max-width: 767px) { .sm-justify-center { justify-content: center !important; } } @media screen and (max-width: 975px) { .md-items-left { align-items: left !important; } } @media screen and (max-width: 975px) { .md-items-right { align-items: right !important; } } @media screen and (max-width: 975px) { .md-items-center { align-items: center !important; } } @media screen and (max-width: 767px) { .sm-items-left { align-items: left !important; } } @media screen and (max-width: 767px) { .sm-items-right { align-items: right !important; } } @media screen and (max-width: 767px) { .sm-items-center { align-items: center !important; } } .w-fit { width: fit-content; } .w-full { width: 100%; } .relative { position: relative !important; } .absolute { position: absolute !important; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .top-0 { top: 0; } .right-0 { right: 0; } .brandy-link-underline, .brandy-link-underline-to-a a { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .brandy-link-underline:hover, .brandy-link-underline-to-a a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } @media screen and (max-width: 479px) { .hidden-sm { display: none !important; } [display-mode=show][device=mobile] { display: block !important; } } @media screen and (min-width: 480px) and (max-width: 1023px) { .hidden-md { display: none !important; } [display-mode=show][device=tablet] { display: block !important; } } @media screen and (min-width: 1024px) { .hidden-lg { display: none !important; } [display-mode=show][device=desktop] { display: block !important; } } .hidden { display: none !important; } .brandy-footer-toggle-label { cursor: pointer; } .brandy-theme-icon { width: var(--icon-width, var(--icon-size)); height: var(--icon-height, var(--icon-size)); background-color: var(--icon-background-color); border-radius: var(--icon-border-radius); } .brandy-theme-icon svg { width: 100%; height: 100%; color: currentColor; } .brandy-theme-icon svg *[stroke]:not([stroke=white]) { stroke: currentColor; } .brandy-theme-icon svg *[fill]:not([fill=white]) { fill: currentColor; } .brandy-theme-icon { overflow: hidden; display: flex; } .trigger-icon:hover .brandy-theme-icon { transform: scaleX(1.1) scaleY(1.1); } @media screen and (min-width: 1024px) { .trigger-tooltip:hover .is-tooltip { opacity: 1; visibility: visible; top: calc(100% + 4px); } .is-tooltip { position: absolute; display: block; z-index: 10; background-color: var(--wp--custom--foreground) !important; color: var(--wp--custom--background) !important; line-height: unset !important; font-weight: 400 !important; text-decoration: none !important; text-transform: none !important; font-size: 0.75rem !important; line-height: 1rem !important; width: max-content; padding: 0.25rem 6px; border-radius: 0.125rem; text-align: center; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all ease-in-out var(--theme-component-transition-duration, 0.2s); } .is-tooltip::after { content: ""; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: var(--wp--custom--foreground); border-top-color: transparent; border-bottom-width: 6px; border-right-width: 6px; border-left-width: 6px; } } @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body { --wp-adminbar-height: 0px; --wp--preset--color--brandy-theme-background: #ffffff; } body.admin-bar { --wp-adminbar-height: 32px; } @media screen and (max-width: 782px) { body.admin-bar { --wp-adminbar-height: 46px; } } @media screen and (max-width: 600px) { body.admin-bar { --wp-adminbar-height: 0px; } } :where(.wp-site-blocks) > .wp-block-template-part { margin: 0; } .wp-site-blocks, .block-editor-iframe__body { padding-top: 0; } .wp-site-blocks > *:first-child, .block-editor-iframe__body .is-root-container:not(.wp-block-post-content) > *:first-child { padding-top: var(--wp--style--root--padding-top); } .wp-block-cover, .wp-block-cover-image { padding: unset; } .single-post .wp-block-post-content h2, .post-type-post .wp-block-post-content h2 { margin: 50px 0 20px 0; } .single-post .wp-block-post-content h3, .post-type-post .wp-block-post-content h3 { margin: 40px 0 20px 0; } .single-post .wp-block-post-content a .post-type-post .wp-block-post-content a { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .single-post .wp-block-post-content a .post-type-post .wp-block-post-content a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } [display-mode=hide] { display: none; } @media screen and (max-width: 479px) { [display-mode=show][device=mobile] { display: block !important; } } @media screen and (min-width: 480px) and (max-width: 1023px) { [display-mode=show][device=tablet] { display: block !important; } } @media screen and (min-width: 1024px) { [display-mode=show][device=desktop] { display: block !important; } } #content.site-content { min-height: 500px; } /* ------------ Buttons block font weight and line height ------------ */ .wp-block-buttons:where([style*=font-weight]) .wp-element-button, .wp-block-button:where([style*=font-weight]) .wp-element-button { font-weight: inherit !important; } .wp-block-buttons:where([style*=line-height]) .wp-element-button, .wp-block-button:where([style*=line-height]) .wp-element-button { line-height: inherit !important; } /* ------------ Loaders ------------ */ .brandy-loader { display: inline-flex; box-sizing: border-box; border: 2px solid var(--wp--preset--color--brandy-primary-text); border-bottom-color: transparent; border-radius: 50%; width: 1rem; height: 1rem; animation: brandy-spinning 1s linear infinite; } .wp-element-button .brandy-loader { border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; align-self: center; margin-left: 7px; } .blockUI.blockOverlay, .brandy-loading-layout, .brandy-mini-cart.refreshing { overflow: hidden; user-select: none; } .blockUI.blockOverlay::before, .brandy-loading-layout::before, .brandy-mini-cart.refreshing::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.4; user-select: none; background-color: var(--brandy-loading-layout-background, var(--wp--preset--color--brandy-border)); } .blockUI.blockOverlay::after, .brandy-loading-layout::after, .brandy-mini-cart.refreshing::after { content: ""; position: absolute; display: inline-flex; box-sizing: border-box; top: calc(50% - 12.5px); left: calc(50% - 12.5px); width: 25px; height: 25px; border: 2px solid var(--wp--preset--color--brandy-primary-text); border-bottom-color: transparent; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2; animation: brandy-spinning 1s linear infinite; } .blockUI.blockOverlay { border-radius: 9px; z-index: 10 !important; } /* ------------ Links underline animation ------------ */ .brandy-html-element a, .brandy-list-link__items .brandy-list-link-item { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .brandy-html-element a:hover, .brandy-list-link__items .brandy-list-link-item:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { width: 300px; } .builder-boxed { width: 100%; max-width: var(--wp--style--global--wide-size, 1500px); margin-left: auto; margin-right: auto; } .brandy-processing-bar .wp-element-button { box-shadow: none !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* ------------ Buttons disabled ------------ */ .wp-element-button[disabled], .wp-element-button.disabled, .wp-element-button.disabled:hover, .wp-element-button[disabled]:hover { background-color: #eee !important; border-color: #eee !important; color: #c4c4c4 !important; cursor: not-allowed !important; box-shadow: none !important; } #reply-title { font-weight: 600; } .yay-currency-checkout-notice, .yay-currency-checkout-notice-admin { background-color: var(--wp--preset--color--brandy-gray-2); } .wp-block-comments ul, .wp-block-comments li, .wp-block-comments ol { list-style-type: none !important; } .wp-block-comments li > ol { margin-left: calc(60px + var(--wp--preset--spacing--20)) !important; } @media screen and (max-width: 975px) { .wp-block-column.md-justify-center > *, .wp-block-group.is-layout-constrained.md-justify-center > * { margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 975px) { .wp-block-column.md-justify-right > *, .wp-block-group.is-layout-constrained.md-justify-right > * { margin-right: 0 !important; } } @media screen and (max-width: 767px) { .wp-block-column.sm-justify-center > *, .wp-block-group.is-layout-constrained.sm-justify-center > * { margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 767px) { .wp-block-column.sm-justify-right > *, .wp-block-group.is-layout-constrained.sm-justify-right > * { margin-right: 0 !important; } } .wp-block-post-featured-image :where(img) { width: 100%; height: 100%; } #coming-soon-footer-banner { background-color: var(--wp--custom--card--background); border-top-color: var(--wp--preset--color--brandy-border); } input[type=number] { -moz-appearance: textfield; /* Firefox */ } /* Components */ /* Pagination */ .woocommerce-pagination .ul.page-numbers > li > *, .woocommerce-pagination .ul.page-numbers > li .page-number, .wp-block-comments-pagination-numbers > *, .wp-block-query-pagination-numbers > *, .wc-block-pagination.wc-block-components-pagination > button, .wp-block-query-pagination > a { display: flex; justify-content: center; align-items: center; gap: 7px; min-width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: rgb(242, 242, 242); border-radius: 0.75rem; color: rgb(90, 109, 128); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: var(--theme-component-transition-duration, 0.2s); text-decoration: none; width: max-content; } .woocommerce-pagination .ul.page-numbers > li > *.current, .woocommerce-pagination .ul.page-numbers > li > *.current-page, .woocommerce-pagination .ul.page-numbers > li > *.wc-block-components-pagination__page--active[disabled], .woocommerce-pagination .ul.page-numbers > li > *:hover, .woocommerce-pagination .ul.page-numbers > li .page-number.current, .woocommerce-pagination .ul.page-numbers > li .page-number.current-page, .woocommerce-pagination .ul.page-numbers > li .page-number.wc-block-components-pagination__page--active[disabled], .woocommerce-pagination .ul.page-numbers > li .page-number:hover, .wp-block-comments-pagination-numbers > *.current, .wp-block-comments-pagination-numbers > *.current-page, .wp-block-comments-pagination-numbers > *.wc-block-components-pagination__page--active[disabled], .wp-block-comments-pagination-numbers > *:hover, .wp-block-query-pagination-numbers > *.current, .wp-block-query-pagination-numbers > *.current-page, .wp-block-query-pagination-numbers > *.wc-block-components-pagination__page--active[disabled], .wp-block-query-pagination-numbers > *:hover, .wc-block-pagination.wc-block-components-pagination > button.current, .wc-block-pagination.wc-block-components-pagination > button.current-page, .wc-block-pagination.wc-block-components-pagination > button.wc-block-components-pagination__page--active[disabled], .wc-block-pagination.wc-block-components-pagination > button:hover, .wp-block-query-pagination > a.current, .wp-block-query-pagination > a.current-page, .wp-block-query-pagination > a.wc-block-components-pagination__page--active[disabled], .wp-block-query-pagination > a:hover { background: #272829 !important; color: #ffffff !important; } .woocommerce-pagination ul.page-numbers, .wp-block-comments-pagination-numbers, .wp-block-query-pagination-numbers, .wc-block-pagination.wc-block-components-pagination, .wp-block-query-pagination { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { margin-left: 0; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { margin-right: 0; } .post-link-pagination { padding-top: var(--content-spacing); border-top: 1px solid var(--wp--preset--color--brandy-border); } /* Checkbox and Radio */ input[type=checkbox]:not(.components-checkbox-control__input), input[type=radio]:not(.components-radio-control__input) { display: inline-flex; appearance: none; -webkit-appearance: none; position: relative; cursor: inherit; width: 20px; height: 20px; min-width: 20px; min-height: 20px; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: var(--input-border-color); border-radius: 5px; transition: transform var(--theme-input-transition-duration) ease-in-out; } input[type=checkbox]:not(.components-checkbox-control__input):focus-visible, input[type=checkbox]:not(.components-checkbox-control__input):focus, input[type=radio]:not(.components-radio-control__input):focus-visible, input[type=radio]:not(.components-radio-control__input):focus { outline: none; } input[type=radio]:not(.components-radio-control__input):checked::after { content: ""; position: absolute; background-color: #272829; width: 8px; height: 8px; top: 50%; left: 50%; transform: translate(-50%, -50%); } input[type=checkbox]:not(.components-checkbox-control__input):checked::after { content: ""; position: absolute; left: 6px; top: 1.5px; width: 6.5px; height: 12px; border: solid #272829; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg); } .wc-block-product-filter-checkbox-list__input-wrapper { display: flex; align-items: center; justify-content: center; } .wc-block-product-filter-checkbox-list__input-wrapper .wc-block-product-filter-checkbox-list__mark { display: none !important; } input[type=radio] { border-radius: 100% !important; } input[type=radio]:checked::after { border-radius: 100% !important; width: 10px; height: 10px; } .select2.select2-container--open .select2-selection__arrow::after { rotate: 180deg; } .select2 .select2-selection { position: relative; height: fit-content; width: 100%; background-image: none; } .select2 .select2-selection .select2-selection__arrow { top: 50% !important; transform: translateY(-50%); z-index: 1; width: 17x; height: 6px; right: 14px; } .select2 .select2-selection .select2-selection__arrow b { display: none; } .select2 .select2-selection .select2-selection__arrow::after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; transition: rotate var(--theme-input-transition-duration) ease-in-out; } .select2 .select2-selection .select2-selection__rendered { padding-left: 0; padding-right: 0; line-height: 1.1; } .select2 .dropdown-wrapper { display: none; } .select2-container .select2-dropdown { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--input-border-color); } .select2-container .select2-search.select2-search--dropdown { padding: 12px; border-bottom: 1px solid var(--input-border-color); } .select2-container .select2-search.select2-search--dropdown input { padding: 10px; border-radius: 7px; border-color: var(--input-border-color); outline: 1px solid transparent; transition-property: outline, border; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; } .select2-container .select2-search.select2-search--dropdown input:focus { outline-color: var(--input-focus-border-color); outline-width: 2px; border-color: transparent; } .select2-container .select2-results ul.select2-results__options li { padding: 12px; color: #272829; background-color: var(--wp--preset--color--white); outline: none; } .select2-container .select2-results ul.select2-results__options li.select2-results__option--highlighted, .select2-container .select2-results ul.select2-results__options li:hover { background-color: var(--wp--preset--color--brandy-gray-2); } .select2-container .select2-results ul.select2-results__options li[data-selected=true] { background-color: var(--wp--preset--color--brandy-border); } .select2-container .select2-results ul.select2-results__options li { transition: background-color var(--theme-input-transition-duration) ease-in-out; } /* * Count Badge */ .brandy-count-badge { padding: 2px 0.5rem; border-radius: 50px; background-color: var(--wp--custom--card--background); color: var(--wp--custom--foreground); font-size: 0.875rem; line-height: 1.25rem; font-weight: normal; text-align: center; } .brandy-element-count-badge { /* Microcosm */ display: flex; position: absolute; /* Content */ background-color: var(--wp--preset--color--brandy-border); border-radius: 9px; /* Internal content */ color: var(--wp--preset--color--brandy-primary-text); /* Typographic */ font-size: 10px; font-style: normal; font-weight: 700; line-height: 0; /* Display */ min-width: 17px; height: 17px; padding: 5px; bottom: calc(100% - 17px); left: calc(100% - 15px); /* Relational */ align-items: center; justify-content: center; z-index: 11; /* State */ } .brandy-element-count-badge:empty { display: none !important; } .wp-block-post-template .wp-block-post-excerpt__more-text a { display: inline-block; background-image: linear-gradient(90deg, currentColor 33%, rgba(0, 0, 0, 0) 33% 66%, currentColor 66%); background-position: 100% 100%; background-repeat: no-repeat; background-size: 300% 2px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.5s; } .wp-block-post-template .wp-block-post-excerpt__more-text a:hover { background-position: 0 100%; } .ui-datepicker { background-color: white !important; padding: 1rem !important; margin-top: 0 !important; border-radius: 9px !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important; } .ui-datepicker .ui-datepicker-header { margin-bottom: 0.75rem; display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid rgb(226, 226, 226); } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { order: 2; flex: 1; font-weight: 600; text-align: center; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { margin-right: 0 !important; margin-left: 0 !important; width: 70px; font-size: 0.875rem; font-weight: 400; color: initial; color: #272829; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev *:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next *:hover { text-decoration: underline; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { order: 3; text-align: right; } .ui-datepicker table th, .ui-datepicker table td { padding: 2px; text-align: center; } .ui-datepicker table th > *, .ui-datepicker table td > * { padding: 0.5rem 0.75rem; display: block; } .ui-datepicker table tr td { cursor: auto !important; } .ui-datepicker table tr td > * { cursor: pointer; background-color: #f6f6f6; border-radius: 5px; color: #272829; transition: all var(--theme-input-transition-duration) ease-in-out; } .ui-datepicker table tr td > *:not(.ui-state-active):hover { background-color: #dcdcdc; } .ui-datepicker table tr td > *.ui-state-active { background-color: #272829; color: #ffffff; } /* WooCommerce */ :root { --woocommerce: #7F54B3; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #7F54B3; --wc-primary-text: hsl(267.1578947368, 20.4615384615%, 101.568627451%); --wc-secondary: rgb(233.5, 233.5, 233.5); --wc-secondary-text: rgb(80.5, 80.5, 80.5); --wc-highlight: rgb(179, 174.5, 84); --wc-highligh-text: hsl(57.1578947368, 20.4615384615%, 101.568627451%); --wc-content-bg: #fff; --wc-subtext: #767676; --wc-information-background: var(--wp--custom--card--background); --wc-information-text: var(--wp--preset--color--brandy-secondary-text); --wc-success-background: #20824C; --wc-success-text: #f4fff7; --wc-error-background: #e2411e; --wc-error-text: #fff0f0; } @font-face { font-family: "star"; src: url("/wp-content/themes/brandy/assets/fonts/woocommerce/WooCommerce.woff2") format("woff2"), url("/wp-content/themes/brandy/assets/fonts/woocommerce/WooCommerce.woff") format("woff"), url("/wp-content/themes/brandy/assets/fonts/woocommerce/WooCommerce.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "WooCommerce"; src: url("/wp-content/themes/brandy/assets/fonts/woocommerce/WooCommerce.woff2") format("woff2"), url("/wp-content/themes/brandy/assets/fonts/woocommerce/WooCommerce.woff") format("woff"), url("/wp-content/themes/brandy/assets/fonts/woocommerce/WooCommerce.ttf") format("truetype"); font-weight: normal; font-style: normal; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes loading__animation { to { transform: translateX(100%); } } /** * Totals Wrapper */ .wc-block-components-totals-wrapper { border-top: 1px solid var(--wp--preset--color--brandy-border); padding: 16px 0; } .wc-block-components-totals-wrapper.has-bottom-border:after { border-bottom-width: 1px; } .wc-block-components-totals-wrapper:empty { border-width: 0; padding: 0; } .wc-block-components-totals-wrapper:empty:after { content: none; } .wc-block-components-totals-wrapper.slot-wrapper { padding: 0; } .wc-block-components-totals-wrapper.slot-wrapper > * > * { padding: 16px 0; } .wc-block-components-totals-wrapper.slot-wrapper > * > :after { border-width: 0; } /** * Totals Item */ .wc-block-components-totals-item { box-sizing: border-box; display: flex; flex-wrap: wrap; width: 100%; padding: 0; align-items: center; } .wc-block-components-totals-item__label { flex-grow: 1; } .wc-block-components-totals-item__description { font-size: 0.875em; width: 100%; } /** * Panel ( usually used for coupon form ) */ .wc-block-components-panel__button { position: relative; } .wc-block-components-panel__button[aria-expanded=true] { margin-bottom: 16px; } .wc-block-components-panel__button > .wc-block-components-panel__button-icon { fill: currentColor; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto; } .wc-block-components-panel__content[hidden] { display: none; } /** * WC Button */ .wp-block-button.wc-block-components-product-button .wp-block-button__link.loading { opacity: 0.25; } .wp-block-button.wc-block-components-product-button .wp-block-button__link.loading:after { animation: brandy-spinning 2s linear infinite; content: "\e031"; display: inline-block; font-family: WooCommerce; height: auto; margin-left: 0.5em; margin-right: 0; width: auto; } .wp-block-button.wc-block-components-product-button a[hidden] { display: none; } .wp-block-button.has-custom-width .wp-block-button__link { box-sizing: border-box; } .wp-block-button.wp-block-button__width-25 .wp-block-button__link { width: 25%; } .wp-block-button.wp-block-button__width-50 .wp-block-button__link { width: 50%; } .wp-block-button.wp-block-button__width-75 .wp-block-button__link { width: 75%; } .wp-block-button.wp-block-button__width-100 .wp-block-button__link { width: 100%; } .wc-block-components-product-button.block-editor-block-list__block > * { width: 100%; } .wc-block-components-product-button.block-editor-block-list__block .wp-block-button { width: 100%; } .wc-block-components-product-button.block-editor-block-list__block .wp-block-button.align-left .wp-block-button__link { text-align: left; } .wc-block-components-product-button.block-editor-block-list__block .wp-block-button.align-center .wp-block-button__link { text-align: center; } .wc-block-components-product-button.block-editor-block-list__block .wp-block-button.align-right .wp-block-button__link { text-align: right; } .wp-block-button__link { width: auto; } /* Loading */ .wc-block-components-loading-mask { min-height: 34px; pointer-events: none; position: relative; } .wc-block-components-loading-mask .components-spinner { left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); } .wc-block-components-loading-mask .wc-block-components-loading-mask__children { opacity: 0.25; } .wc-block-components-button .wc-block-components-spinner { display: none; } .wc-block-components-button--loading .wc-block-components-spinner { display: inline-flex; } .wc-block-components-button__text { position: relative; } .wc-block-components-spinner { box-sizing: content-box; color: inherit; font-size: 1.25em; height: 100%; position: absolute; text-align: center; width: 100%; left: 50%; } .wc-block-components-button__text .wc-block-components-spinner { display: inline-flex; width: fit-content; } .wc-block-components-spinner:after { animation: spinner__animation 1s linear infinite; backface-visibility: hidden; border: 0.2em solid; border-left: 0.2em solid transparent; border-radius: 50%; box-sizing: border-box; content: " "; height: 1em; left: 50%; margin: -0.5em 0 0 -0.5em; position: absolute; top: 50%; transform: translateZ(0) scale(0.5); transform-origin: 50% 50%; width: 1em; } /** * Notices */ .wc-block-components-notices { display: block; margin: 1.5em 0; } .wc-block-components-notices:first-child { margin-top: 0; } .wc-block-components-notices:empty { margin: 0; } .wc-block-components-notices .wc-block-components-notices__notice { display: flex; flex-wrap: nowrap; margin: 0; } .wc-block-components-notices .wc-block-components-notices__notice a { text-decoration: underline; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss { background: transparent none; border: 0; color: currentColor; margin: 0 0 0 auto; outline: 0; padding: 0; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss svg { fill: currentColor; vertical-align: text-top; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__content > div:not(.components-notice__actions) :first-child { margin-top: 0; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__content > div:not(.components-notice__actions) :last-child { margin-bottom: 0; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__content ul { list-style: none; margin: 0; padding: 0; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__content li + li { margin: 0.25em 0 0; } .wc-block-components-notices .wc-block-components-notices__notice + .wc-block-components-notices__notice { margin-top: 1em; } /** Need to update later */ .wc-block-components-notices__snackbar { bottom: 20px; left: 16px; position: fixed; width: auto; } @media (max-width: 782px) { .wc-block-components-notices__snackbar { bottom: auto; left: 0; position: fixed; top: 10px; } .wc-block-components-notices__snackbar .components-snackbar-list__notice-container { margin-left: 10px; margin-right: 10px; } } /** * Notice Banner */ .wc-block-components-error { align-items: center; color: var(--wc-error-text_color-normal); display: flex; flex-direction: column; justify-content: center; margin: 48px 0; padding: 48px 0; text-align: center; } .wc-block-components-error__header { color: var(--wc-error-text_color-normal); font-size: 2em; margin: 0; } .wc-block-components-error__image { margin: 0 0 24px; width: 25%; } .wc-block-components-error__text { color: var(--wc-error-text_color-normal); font-size: 1.25em; margin: 1em 0 0; max-width: 60ch; } .wc-block-components-error__message { color: var(--wc-error-text_color-normal); font-style: italic; margin: 1em auto 0; max-width: 60ch; } .wc-block-error__button { margin: 48px 0 0; } .wc-block-components-notice-banner { align-content: flex-start; align-items: stretch; background-color: var(--wc-information-background); border: none; border-radius: 4px; box-sizing: border-box; color: var(--wc-information-text); outline: none; display: flex; font-size: 0.875em; font-weight: 400; gap: 12px; line-height: 1.5; margin: 16px 0; padding: 16px !important; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content { -ms-grid-row-align: center; align-self: center; flex-basis: 100%; padding-right: 16px; white-space: normal; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content:last-child { padding-right: 0; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary { font-weight: 600; margin: 0 0 8px; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ol, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ul { margin: 0 0 0 24px; padding: 0; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ol li:after, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content ul li:after { clear: both; content: ""; display: block; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward { -moz-appearance: none; appearance: none; background: transparent !important; border: 0; color: currentColor !important; float: right; margin: 0; opacity: 1; padding: 0 !important; text-decoration: none !important; transition: all 0.2s ease-in-out; box-shadow: none !important; } .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:active, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:focus, .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover { text-decoration: underline !important; } .wc-block-components-notice-banner > .wc-block-components-button { background: transparent !important; margin: 0 !important; padding: 0 !important; height: unset !important; width: unset !important; } .wc-block-components-notice-banner > .wc-block-components-button > svg { width: 14px; height: 14px; } .wc-block-components-notice-banner > .wc-block-components-button:active, .wc-block-components-notice-banner > .wc-block-components-button:focus, .wc-block-components-notice-banner > .wc-block-components-button:hover { opacity: 1; } .wc-block-components-notice-banner > .wc-block-components-button:focus { outline: 2px solid currentColor !important; outline-offset: 0; } .wc-block-components-notice-banner.is-error { background-color: var(--wc-error-background); color: var(--wc-error-text); } .wc-block-components-notice-banner.is-warning { background-color: #fffbf4; color: #f0b849; } .wc-block-components-notice-banner.is-success { background-color: var(--wc-success-background); color: var(--wc-success-text); } .wc-block-components-notice-banner.is-info { background-color: var(--wc-information-background); color: var(--wc-information-text); } .woocommerce.wc-block-store-notices.alignwide { max-width: var(--wp--style--global--wide-size); } .wc-block-components-notice-snackbar-list { bottom: 24px; box-sizing: border-box; left: 24px; pointer-events: none; position: fixed; right: 24px; z-index: 100000; } .wc-block-components-notice-banner.wc-block-components-notice-snackbar, .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner { border: 1px solid transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: inline-flex; margin: 24px 16px 0 0; max-width: 600px; pointer-events: all; position: relative; width: auto; } .wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-error, .wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-info, .wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-success, .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-error, .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-info, .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-success { border-color: transparent; } .wc-block-components-notice-banner.wc-block-components-notice-snackbar.is-default, .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner.is-default { border-color: #2f2f2f; } @media (max-width: 782px) { .wc-block-components-notice-banner.wc-block-components-notice-snackbar, .wc-block-components-notice-snackbar-list .wc-block-components-notice-banner { max-width: none; width: 100%; } } .notice-transition-enter { max-height: 0; } .notice-transition-enter.notice-transition-enter-active { max-height: 99em; transition: max-height 0.5s ease-in; } .notice-transition-enter-done { max-height: auto; } .notice-transition-exit { opacity: 1; } .notice-transition-exit.notice-transition-exit-active { opacity: 0; transition: opacity 0.5s ease-in; } .notice-transition-exit-done { opacity: 0; } /** * Inputs */ .wc-block-components-text-input, .wc-block-components-state-input { position: relative; } .wc-block-components-text-input label { color: inherit; cursor: text; font-family: inherit; font-size: inherit; font-size: 16px; font-style: inherit; font-weight: inherit; left: 16px; letter-spacing: inherit; line-height: inherit; line-height: 1.5; margin: 0; max-width: calc(100% - 32px); overflow: hidden; position: absolute; text-decoration: inherit; text-overflow: ellipsis; text-transform: inherit; top: 25px; transform: translateY(-50%); transform-origin: top left; transition: all 0.2s ease; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label { transition: none; } } .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=number] { -moz-appearance: textfield; } .wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-inner-spin-button, .wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-outer-spin-button, .wc-block-components-text-input input[type=number]::-webkit-inner-spin-button, .wc-block-components-text-input input[type=number]::-webkit-outer-spin-button, .brandy-qty-input::-webkit-outer-spin-button, .brandy-qty-input::-webkit-inner-spin-button { appearance: none; margin: 0; } .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] { height: 50px; padding: 16px; } .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=password], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url] { padding: 22px 16px 4px; } .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill + label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill + label, .wc-block-components-text-input.is-active label { top: 0; transform: translateY(5px) scale(0.75); } .wc-block-components-form .wc-block-components-text-input.has-error input, .wc-block-components-form .wc-block-components-text-input.has-error input:active, .wc-block-components-form .wc-block-components-text-input.has-error input:focus, .wc-block-components-form .wc-block-components-text-input.has-error input:hover, .wc-block-components-text-input.has-error input, .wc-block-components-text-input.has-error input:active, .wc-block-components-text-input.has-error input:focus, .wc-block-components-text-input.has-error input:hover { border-color: var(--wc-error-border-color-normal); } .wc-block-components-form .wc-block-components-text-input.has-error input:active, .wc-block-components-form .wc-block-components-text-input.has-error input:focus, .wc-block-components-text-input.has-error input:active, .wc-block-components-text-input.has-error input:focus { outline-color: var(--wc-error-border-color-normal); border-color: transparent; outline-width: calc(var(--input-border-width) + 1px); outline-style: solid; } .wc-block-components-form .wc-block-components-text-input.has-error input:focus, .wc-block-components-text-input.has-error input:focus { box-shadow: 0 0 0 0.5px var(--wc-error-border-color-normal); } .wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label { color: var(--wc-error-text_color-normal); } .wc-block-components-form .wc-block-components-text-input:only-child, .wc-block-components-text-input:only-child { margin-top: 1.5em; } .wc-block-components-validation-error { color: var(--wc-error-text_color-normal); font-size: 0.75em; max-width: 100%; min-height: 1em; padding: 9px 0 0; white-space: normal; } .wc-block-components-validation-error > p { align-items: center; display: flex; gap: 2px; line-height: 1; margin: 0; padding: 0; } .wc-block-components-validation-error svg { fill: currentColor; height: 1.5em; margin: -0.4735em 0; width: 1.5em; } .wc-block-components-select + .wc-block-components-validation-error { margin-bottom: 24px; } /** * Chips */ .wc-block-components-chip { position: relative; display: inline-flex; align-items: center; padding: 2px 0.5rem; background-color: #ffffff; color: #272829; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1019607843); border-radius: 20px; padding-right: 22px; border: 0; font-size: 12px; text-transform: uppercase; line-height: 15px; font-weight: 500; margin: 0; } .wc-block-components-chip .wc-block-components-chip__text { font-size: 0.75rem; line-height: 1rem; } .wc-block-components-chip .wc-block-components-chip__remove { position: absolute; cursor: pointer; top: 50%; right: 2px; border-radius: 100%; background: rgba(211, 220, 229, 0.5019607843); width: 16px; height: 16px; padding: 0; color: #272829; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .wc-block-components-chip .wc-block-components-chip__remove svg { width: 100%; height: 100%; } .wc-block-components-chip .wc-block-components-chip__remove:hover svg, .wc-block-components-chip .wc-block-components-chip__remove:focus svg { fill: #272829; } /** */ .wc-block-components-title { border: 0; border-radius: 0; font-size: 1.25em; margin: 0; padding: 0; vertical-align: baseline; word-break: break-word; } .wc-block-components-title textarea { font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; } /** * Checkbox */ .wc-block-components-checkbox { line-height: 1; } .wc-block-components-checkbox label { align-items: center; cursor: pointer; display: inline-flex; font-size: 0.875em; margin-bottom: 0 !important; position: relative; gap: 10px; } .wc-block-components-checkbox .wc-block-components-checkbox__mark { display: none; } .wc-block-components-checkbox.has-error, .wc-block-components-checkbox.has-error a { color: var(--wc-error-text_color-normal); } .wc-block-components-checkbox.has-error .wc-block-components-checkbox__input, .wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:active, .wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus, .wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:hover { border-color: var(--wc-error-border-color-normal); } .wc-block-components-checkbox.has-error .wc-block-components-checkbox__input:focus { outline: 2px solid var(--wc-error-border-color-normal); outline-offset: 2px; } .wc-block-components-checkbox__mark { fill: #000; height: 1.125em; margin-left: 0.1875em; margin-top: 0.0625em; pointer-events: none; position: absolute; width: 1.125em; } @media screen and (prefers-reduced-motion: reduce) { .editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li, .wc-block-components-checkbox-list.is-loading li { animation: none; } } /** * Radio control */ .wc-block-components-radio-control { display: flex; flex-direction: column; gap: 16px; } .wc-block-components-radio-control__option { display: flex; align-items: center; gap: 10px; cursor: pointer; } .wc-block-components-radio-control__option-layout { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; } /** * Sort select */ .wc-block-components-sort-select { margin-bottom: 12px; } .wc-block-components-sort-select__label { display: inline-block; font-weight: 400; margin-right: 12px; } .wc-block-components-sort-select__select { font-size: inherit; width: -moz-max-content; width: max-content; } /** Product Image */ .wc-block-components-product-image { display: block; position: relative; text-decoration: none; } .wc-block-components-product-image img { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .wc-block-components-product-image img[hidden] { display: none; } /** Product Title */ .wc-block-components-product-title { display: block; font-size: inherit; font-weight: 700; line-height: 1.5; margin-bottom: 12px; margin-top: 0; padding: 0; } .wc-block-components-panel__button { cursor: pointer; } .wc-blocks-components-select .wc-blocks-components-select__label { margin-bottom: 4px; } .wc-blocks-components-select .wc-blocks-components-select__expand { display: none; } /** Quantity Selector */ .wc-block-components-quantity-selector, .brandy-qty-selector { display: flex; align-items: center; justify-content: space-between; padding: 4px; background: var(--wp--custom--card--background); border-width: 0; border-radius: var(--input-border-radius); gap: 3px; width: fit-content; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input, .wc-block-components-quantity-selector .brandy-qty-input, .brandy-qty-selector .wc-block-components-quantity-selector__input, .brandy-qty-selector .brandy-qty-input { outline: none; background-color: transparent; text-align: center; padding: 0; border: 0; font-weight: 600; font-size: 16px; width: 30px; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input:hover, .wc-block-components-quantity-selector .brandy-qty-input:hover, .brandy-qty-selector .wc-block-components-quantity-selector__input:hover, .brandy-qty-selector .brandy-qty-input:hover { background-color: transparent; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input:focus, .wc-block-components-quantity-selector .brandy-qty-input:focus, .brandy-qty-selector .wc-block-components-quantity-selector__input:focus, .brandy-qty-selector .brandy-qty-input:focus { outline: none; box-shadow: none; background-color: transparent; } .wc-block-components-quantity-selector, .brandy-qty-selector { /* Chrome, Safari, Edge, Opera */ } .wc-block-components-quantity-selector input::-webkit-outer-spin-button, .wc-block-components-quantity-selector input::-webkit-inner-spin-button, .brandy-qty-selector input::-webkit-outer-spin-button, .brandy-qty-selector input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, .wc-block-components-quantity-selector .brandy-qty-button, .brandy-qty-selector .wc-block-components-quantity-selector__button, .brandy-qty-selector .brandy-qty-button { min-width: 30px; cursor: pointer; background-color: transparent; color: var(--wp--preset--color--brandy-secondary-text); padding: 5px; font-size: 16px; font-weight: 600; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:not(:disabled):hover, .wc-block-components-quantity-selector .brandy-qty-button:not(:disabled):hover, .brandy-qty-selector .wc-block-components-quantity-selector__button:not(:disabled):hover, .brandy-qty-selector .brandy-qty-button:not(:disabled):hover { color: var(--wp--custom--foreground); } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus-visible, .wc-block-components-quantity-selector .brandy-qty-button:focus, .wc-block-components-quantity-selector .brandy-qty-button:focus-visible, .brandy-qty-selector .wc-block-components-quantity-selector__button:focus, .brandy-qty-selector .wc-block-components-quantity-selector__button:focus-visible, .brandy-qty-selector .brandy-qty-button:focus, .brandy-qty-selector .brandy-qty-button:focus-visible { box-shadow: none; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled, .wc-block-components-quantity-selector .brandy-qty-button:disabled, .brandy-qty-selector .wc-block-components-quantity-selector__button:disabled, .brandy-qty-selector .brandy-qty-button:disabled { box-shadow: none; cursor: default; opacity: 0.2; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus, .brandy-qty-selector .wc-block-components-quantity-selector__button--minus { order: 1; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input, .brandy-qty-selector .wc-block-components-quantity-selector__input { order: 2; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus, .brandy-qty-selector .wc-block-components-quantity-selector__button--plus { order: 3; } /* Coupon */ .wc-block-components-totals-coupon__form { display: flex; margin-bottom: 0; width: 100%; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { flex-grow: 1; margin-bottom: 0; margin-top: 0; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { margin-left: 8px; } .wc-block-components-totals-coupon__content { display: flex; flex-direction: column; position: relative; gap: 8px; } .wc-block-components-totals-item.wc-block-components-totals-discount { gap: 25px; } .wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-item__label { flex-grow: unset; } .wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-item__description { flex: 1; } .wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-formatted-money-amount { order: 2; } .wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-discount__coupon-list { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; } /* Cart Slider Item variations */ .variations:not(.single-product-variations-select) { display: flex; font-size: 0.875rem; line-height: 1.25rem; color: var(--wp--preset--color--brandy-secondary-text); gap: 3px; align-items: center; flex-wrap: wrap; } .variations:not(.single-product-variations-select) .variation-separator { margin-left: 0.25rem; margin-right: 0.25rem; } /* Shipping Calculator */ .wc-block-components-shipping-calculator { padding: 1.25rem 1.5rem; margin-top: 0.75rem; background-color: var(--wp--preset--color--white); border-radius: 9px; margin-bottom: 1rem; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0.12); } .wc-block-components-shipping-calculator .wc-block-components-text-input input, .wc-block-components-shipping-calculator .wc-blocks-components-select select { font-size: 14px; } .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-address-form { display: flex; flex-direction: column; gap: 16px; } .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-address-form label { font-size: 14px; } .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address__button { margin-top: 1.25rem; width: 100%; } .wc-block-components-shipping-calculator .wc-blocks-components-select__container { display: flex; flex-direction: column; } .wc-block-components-shipping-calculator .wc-blocks-components-select__container .wc-blocks-components-select__select { width: 100%; } /* Product Price */ .wc-block-components-product-price del { margin-right: 4px; } .wc-block-components-product-price .woocommerce-Price-salePrice { margin-left: 0; } /** Notices */ .woocommerce-notice { text-align: center; font-weight: 600; margin-bottom: 10px; font-size: 1.125rem; line-height: 1.75rem; } .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-success { display: flex; padding: 1rem 1.25rem; background: rgb(250, 250, 250); border-radius: 9px; gap: 7px; margin-bottom: 15px; font-size: 0.875rem; line-height: 1.25rem; } .wc-block-components-notice-banner__content .wp-element-button { box-shadow: none; } .wc-block-grid__products { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(21rem, 100%), 1fr)); container-type: inline-size; gap: var(--wp--preset--spacing--30); } .brandy-loop-product { gap: 8px; } .brandy-loop-product > * { margin-block-end: 5px; } .brandy-loop-product > a { display: inline-block; } .brandy-loop-product__image { position: relative; } .brandy-loop-product__image img { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; border-radius: 0.75rem; } .brandy-loop-product__title { font-size: var(--wp--preset--font-size--large); font-weight: 500; margin-bottom: 5px; margin-top: 0; } .brandy-loop-product__title a { color: currentColor; } .brandy-loop-product__category { color: var(--wp--preset--color--brandy-secondary-text); text-transform: uppercase; font-size: 12px; } .brandy-loop-product__category:hover { color: var(--wp--preset--color--brandy-primary-text); } .woocommerce-product-gallery__image { border-radius: var(--wp--custom--input--border-radius); overflow: hidden; } .woocommerce-product-gallery__image > a { display: flex; width: auto; } .woocommerce-product-gallery__image img { width: 100%; height: auto; object-fit: cover; object-position: 50% 50%; aspect-ratio: var(--wp--custom--product-image-ratio); } .wc-block-product-template:not(.embla__container) { column-gap: 30px; row-gap: 42px; } .wc-block-product-template__responsive.columns-5:not(.embla__container) { grid-template-columns: repeat(auto-fill, minmax(max(250px, 20% - 30px), 1fr)); } .wc-block-product-template__responsive.columns-4:not(.embla__container) { grid-template-columns: repeat(auto-fill, minmax(max(250px, 25% - 30px), 1fr)); } .wc-block-product-template__responsive.columns-3:not(.embla__container) { grid-template-columns: repeat(auto-fill, minmax(max(250px, 33.333333% - 30px), 1fr)); } .wc-block-product-template__responsive.columns-2:not(.embla__container) { grid-template-columns: repeat(auto-fill, minmax(max(250px, 50% - 30px), 1fr)); } .wc-blocks-components-select__container { position: relative; } .wp-block-breadcrumbs nav { display: flex !important; align-items: center !important; gap: 5px !important; flex-wrap: wrap; } body:has(dialog[open]) #brandy-header, body:has(dialog[open]) #coming-soon-footer-banner { z-index: 0; } dialog.wc-block-product-gallery-dialog .wc-block-product-gallery-dialog__images img { max-width: 700px; } .wc-block-product-filter-price-slider__range:before { background: var(--slider-track-background, #f5f5f5) !important; opacity: 1 !important; } .wc-block-product-filter-price-slider__range { --track-background: linear-gradient(to right, transparent var(--low), var(--slider-range-color, #171717) 0, var(--slider-range-color, #171717) var(--high), transparent 0) no-repeat 0 100% /100% 100% !important; } /* Chrome, Safari, Edge Chromium */ .wc-block-product-filter-price-slider__range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: var(--slider-thumb-color, #ffffff); border: 1px solid var(--slider-thumb-border-color, #171717); border-radius: 100px; height: 1rem; width: 1rem; cursor: default; transition: box-shadow 0.2s ease-in-out; } /* Firefox */ .wc-block-product-filter-price-slider__range input[type=range]::-moz-range-thumb { background-color: var(--slider-thumb-color, #ffffff); border: 1px solid var(--slider-thumb-border-color, #171717); /* Firefox may add a default border */ border-radius: 100px; height: 1rem; width: 1rem; } .wc-block-product-filter-price-slider__range input[type=range]:hover::-webkit-slider-thumb { background-color: var(--slider-thumb-color, #ffffff); border: 1px solid var(--slider-thumb-border-color, #171717); box-shadow: var(--slider-thumb-hover-shadow, 0 0 0 4px color-mix(in oklab, #a1a1a1 50%, transparent)); } .wc-block-product-filter-price-slider__range input[type=range]:focus::-webkit-slider-thumb { background-color: var(--slider-thumb-color, #ffffff); border: 1px solid var(--slider-thumb-border-color, #171717); box-shadow: var(--slider-thumb-hover-shadow, 0 0 0 4px color-mix(in oklab, #a1a1a1 50%, transparent)); } .dark { --slider-track-background: #262626; --slider-range-color: #ffffff; --slider-thumb-border-color: #ffffff; } .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid > .block-editor-inner-blocks > .block-editor-block-list__layout { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image { overflow: visible; } .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image::before, .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image__inner-blocks::before, .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image::after { width: 100%; height: 100%; content: ""; position: absolute; background-image: url("/wp-content/uploads/woocommerce-placeholder.webp"); z-index: 1; background-size: cover; border-radius: 1rem; } .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image::before { top: 0 !important; left: calc(100% + var(--wp--preset--spacing--10)) !important; } .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image::after { left: 0 !important; top: calc(100% + var(--wp--preset--spacing--10)) !important; } .wc-block-product-gallery.block-editor-block-list__block.show-all.as-grid .wc-block-product-gallery-large-image__inner-blocks::before { left: calc(100% + var(--wp--preset--spacing--10) + 5px) !important; top: calc(100% + var(--wp--preset--spacing--10) + 5px) !important; width: calc(100% + 10px) !important; height: calc(100% + 10px) !important; } .wc-block-product-gallery.block-editor-block-list__block.show-all:not(.as-grid) > .block-editor-inner-blocks > .block-editor-block-list__layout { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); } .wc-block-product-gallery.block-editor-block-list__block.show-all:not(.as-grid) .wc-block-product-gallery-large-image { overflow: visible; } .wc-block-product-gallery.block-editor-block-list__block.show-all:not(.as-grid) .wc-block-product-gallery-large-image::before, .wc-block-product-gallery.block-editor-block-list__block.show-all:not(.as-grid) .wc-block-product-gallery-large-image::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; background-image: url("/wp-content/uploads/woocommerce-placeholder.webp"); z-index: 1; background-size: cover; border-radius: 1rem; } .wc-block-product-gallery.block-editor-block-list__block.show-all:not(.as-grid) .wc-block-product-gallery-large-image::before { top: calc(100% + var(--wp--preset--spacing--10)) !important; } .wc-block-product-gallery.block-editor-block-list__block.show-all:not(.as-grid) .wc-block-product-gallery-large-image::after { top: calc(200% + 2 * var(--wp--preset--spacing--10)) !important; } .wc-block-product-gallery-dialog__close-button { z-index: 10; } .wc-block-woocommerce-product-gallery-large-image__image { cursor: default; } .wc-block-woocommerce-product-gallery-large-image__image.wc-block-woocommerce-product-gallery-large-image__image--hoverZoom, .wc-block-woocommerce-product-gallery-large-image__image.wc-block-woocommerce-product-gallery-large-image__image--full-screen-on-click { cursor: zoom-in; } /* Components */ .wc-block-components-product-rating.has-text-align-center .brandy-ratings { justify-content: center; } .wc-block-components-product-rating.has-text-align-right .brandy-ratings { justify-content: flex-end; } .brandy-ratings { display: flex; align-items: center; gap: 7px; } .brandy-ratings__stars { display: flex; align-items: center; gap: 0.25rem; } .brandy-ratings__stars > svg:last-child { margin-right: 0; } .brandy-ratings__add-text { font-size: 0.875rem; line-height: 1.25rem; } .brandy-ratings__text-overall { font-size: 0.875rem; line-height: 1.25rem; color: var(--wp--preset--color--brandy-secondary-text); } #brandy-rating .brandy-ratings__stars input[type=radio] { display: none; } #brandy-rating .brandy-ratings__stars > .star-item { margin-right: 0; cursor: pointer; } #brandy-rating .brandy-ratings__stars > .star-item.active svg *[fill], #brandy-rating .brandy-ratings__stars > .star-item.highlight svg *[fill] { fill: var(--brandy-product-rating-star-color-active, #FFAC70); } #brandy-rating .brandy-ratings__stars svg { width: 30px; height: 30px; } #brandy-rating .brandy-ratings__stars svg *[fill] { fill: var(--brandy-product-rating-star-color-normal, #D5DDE7); transition: fill ease-in-out var(--theme-component-transition-duration, 0.2s); } .brandy-ratings__stars .active-rating-star *[fill] { fill: var(--brandy-product-rating-star-color-active, #FFAC70); } .brandy-ratings__stars svg *[fill] { fill: var(--brandy-product-rating-star-color-normal, #D5DDE7); } .brandy-ratings__stars .st0 { fill: #d5dde7; } .brandy-ratings__stars .st1 { fill: #fb0; filter: url(#Adobe_OpacityMaskFilter); } .brandy-ratings__stars .st2 { mask: url(#mask0_126_1216_00000016763313929093347650000009477849712184371857_); } .brandy-ratings__stars .st3 { fill: #fb0; } .wc-block-components-product-sale-badge, .wc-block-components-product-image .wc-block-components-product-sale-badge { position: absolute; top: var(--wc-sale-badge-distance, 0.875rem); left: var(--wc-sale-badge-distance, 0.875rem); right: auto; } .wc-block-components-product-image .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right { right: var(--wc-sale-badge-distance, 0.875rem); left: auto; } .wc-block-components-product-image .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-center { right: auto; left: 50%; transform: translateX(-50%); } [data-wc-bind--hidden="!state.displayViewCart"], [data-wp-bind--hidden="!state.displayViewCart"] { display: none; } .added_to_cart { display: none; } .pswp__caption__center { text-align: center; } .pswp.pswp--open { z-index: 10000; } #coming-soon-footer-banner .coming-soon-footer-banner__content { max-width: var(--wp--style--global--wide-size); margin: auto; padding: 1rem 1.25rem; background: rgb(250, 250, 250); color: #111111; border-radius: 9px; gap: 7px; font-size: 0.875rem; line-height: 1.25rem; } .wp-block-woocommerce-product-image-gallery { position: relative; } /* Product loop legacy */ .brandy-product-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(150px, 25% - 30px), 1fr)); column-gap: 30px; row-gap: 42px; } .brandy-product-list .brandy-loop-product { position: relative; } .brandy-product-list .brandy-loop-product__image img { object-fit: cover; } .wp-block-post-template .wp-block-post.type-product { position: relative; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[alt=""], .wc-block-components-product-image img[alt=""] { border: none !important; } @media (min-width: 601px) { .wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)) :where(.wc-block-product-gallery-thumbnails) { aspect-ratio: 1/calc(100 / var(--wc-block-product-gallery-thumbnails-size)); flex-basis: calc(var(--wc-block-product-gallery-thumbnails-size) * 1%); } } /* ------------ Responsive ------------ */ /* ------------ Typography ------------ */ /* ------------ Layout ------------ */ /* ------------ Typography ------------ */ @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .wc-block-components-sidebar-layout { display: flex; flex-wrap: wrap; margin: 0 auto 40px; position: relative; gap: 40px; } .wc-block-components-sidebar-layout .wc-block-components-main { margin: 0; flex: 7; flex-basis: 600px; max-width: 100%; } .wc-block-components-sidebar-layout .wc-block-must-login-prompt { display: block; } /* Cart items */ .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } /* Cart item sale badge */ .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: flex-end; display: flex; flex-direction: column; } .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge { margin-top: 10px; } .wc-block-components-sale-badge { display: inline-block; width: max-content; } .wc-block-components-product-name:has(a) { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .wc-block-components-product-name:has(a):hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .wc-block-components-product-details.wc-block-components-product-details { list-style: none; margin: 0.5em 0; padding: 0; } .wc-block-components-product-details__name { font-weight: 700; } .wc-block-components-product-metadata { font-size: 0.75em; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p, .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data { margin: 0.25em 0; } table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image { width: 100px; } table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product { visibility: hidden; } table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total { text-align: right; width: 100px; } table.wc-block-cart-items .wc-block-cart-items__header th { font-size: 1rem; line-height: 1.5rem; text-transform: none; font-weight: 700; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > *, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { margin-bottom: 12px; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > :last-child { margin-bottom: 0; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { margin: 0; width: 100%; object-fit: cover; aspect-ratio: var(--wp--custom--product-image-ratio); border-radius: var(--wp--custom--input--border-radius); } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { display: block; line-height: 1.4; max-width: -moz-max-content; max-width: max-content; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { font-size: 1em; line-height: 1.8; text-align: right; } table.wc-block-cart-items .wc-block-cart-items__row.is-disabled { opacity: 0.5; pointer-events: none; transition: opacity 0.2s ease; } .wc-block-cart-item__remove-link { color: var(--wp--preset--color--brandy-secondary-text); cursor: pointer; background: none; margin-bottom: 8px; } .wc-block-cart-item__remove-link:hover { color: var(--wp--preset--color--brandy-primary-text); } .is-medium table.wc-block-cart-items .wc-block-cart-items__header, .is-mobile table.wc-block-cart-items .wc-block-cart-items__header, .is-small table.wc-block-cart-items .wc-block-cart-items__header { display: none; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { -ms-grid-columns: 80px 132px; display: -ms-grid; display: grid; grid-template-columns: 80px 132px; padding: 16px 0; } .is-medium 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, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row: 1; grid-row-start: 1; padding-right: 16px; } .is-medium 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, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { -ms-grid-column-span: 2; -ms-grid-column-align: stretch; -ms-grid-column: 2; grid-column-end: 4; grid-column-start: 2; -ms-grid-row: 1; grid-row-start: 1; justify-self: stretch; padding: 0; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { -ms-grid-row-align: end; align-self: end; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row: 2; grid-row-start: 2; padding-right: 16px; padding-top: 0; vertical-align: bottom; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { -ms-grid-row: 1; grid-row-start: 1; } .is-large.wc-block-cart .wc-block-cart-items th { padding: 8px 16px 8px 16px; white-space: nowrap; } .is-large.wc-block-cart .wc-block-cart-items td { padding: 24px 0 24px 16px; vertical-align: top; } .is-large.wc-block-cart .wc-block-cart-items th:last-child { padding-right: 16px; } .is-large.wc-block-cart .wc-block-cart-items td:last-child { padding-right: 16px; } /* Cart totals section */ .wc-block-cart .wc-block-cart__totals-title { font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; padding: 0 0 10px 0; margin: 0; } .wc-block-components-payment-method-label--with-icon { display: inline-block; vertical-align: middle; } .wc-block-components-payment-method-label--with-icon > img, .wc-block-components-payment-method-label--with-icon > svg { margin: -2px 4px 0 0; vertical-align: middle; } .is-mobile .wc-block-components-payment-method-label--with-icon > img, .is-mobile .wc-block-components-payment-method-label--with-icon > svg, .is-small .wc-block-components-payment-method-label--with-icon > img, .is-small .wc-block-components-payment-method-label--with-icon > svg { display: none; } .wc-block-components-payment-method-icons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 0 14px; } .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { display: inline-block; height: 24px; margin: 0 4px 2px; max-height: 24px; max-width: 38px; padding: 0; width: auto; } .wc-block-components-payment-method-icons--align-left { justify-content: flex-start; } .wc-block-components-payment-method-icons--align-left .wc-block-components-payment-method-icon { margin-left: 0; margin-right: 8px; } .wc-block-components-payment-method-icons--align-right { justify-content: flex-end; } .wc-block-components-payment-method-icons--align-right .wc-block-components-payment-method-icon { margin-left: 8px; margin-right: 0; } .wc-block-components-payment-method-icons:last-child { margin-bottom: 0; } .is-mobile .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon, .is-small .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { height: 16px; } .wc-block-cart__submit { margin: 0; position: relative; } .wc-block-cart__submit-button { box-sizing: border-box; margin: 0; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; padding: 0.75rem 1.5rem; display: block; text-align: center; width: 100%; } .wc-block-cart__empty-cart__title { font-size: 20px; } .wc-block-cart__empty-cart__title.with-empty-cart-icon:before { background-color: currentColor; content: ""; display: block; height: 5em; margin: 0 auto 2em; mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=); mask-position: center; mask-repeat: no-repeat; mask-size: 5em; width: 5em; } .wp-block-woocommerce-empty-cart-block > .wp-block-separator { margin-bottom: 4rem; } .wp-block-woocommerce-empty-cart-block > .wp-block-separator::before { letter-spacing: 1px; padding-left: 0; } .wp-block-woocommerce-empty-cart-block > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .wc-block-components-totals-shipping .wc-block-components-shipping-address { display: block; margin-top: 16px; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options { margin-top: 12px; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__description, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__label, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__secondary-description, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__secondary-label { flex-basis: 100%; text-align: left; } .wc-block-components-totals-shipping .wc-block-components-shipping-rates-control__no-results-notice { margin: 0 0 0.75em; } .wc-block-components-form .wc-block-components-text-input, .wc-block-components-form .wc-block-components-state-input { margin-top: 16px; white-space: nowrap; } @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .with-scroll-to-top__scroll-point { position: relative; top: -36px; } .wp-block-woocommerce-checkout .with-scroll-to-top__scroll-point { top: -96px; } .wc-block-components-sidebar-layout { display: flex; flex-wrap: wrap; margin: 0 auto 40px; position: relative; gap: 40px; } .is-medium.wc-block-components-sidebar-layout, .is-small.wc-block-components-sidebar-layout { gap: 20px; } .wc-block-components-sidebar-layout .wc-block-components-main { margin: 0; flex: 7; flex-basis: 400px; max-width: 100%; } .wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package { border-bottom: 0; margin: 0 0 1em; } .wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package:last-child { margin-bottom: 0; } .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt { float: right; font-size: 1em; margin-top: -24px; } .wp-block-woocommerce-checkout .wc-block-checkout__create-account { margin-top: 24px !important; } .wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice { font-size: 0.75em; margin: 4px 0 0; } .wc-block-checkout-empty { padding: 48px; text-align: center; width: 100%; } .wc-block-checkout-empty .wc-block-checkout-empty__image { color: inherit; display: block; margin: 0 auto 1em; max-width: 150px; } .wc-block-checkout-empty .wc-block-checkout-empty__title { display: block; font-weight: 700; margin: 0; } .wc-block-checkout-empty .wc-block-checkout-empty__description { display: block; margin: 0.25em 0 1em; } .wc-block-checkout__billing-fields .wc-block-components-address-form, .wc-block-checkout__shipping-fields .wc-block-components-address-form { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; } .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input { box-sizing: border-box; flex: 1 0 calc(50% - 12px); } .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input { flex: 0 0 100%; } .wc-block-components-address-form__address_2-toggle { cursor: pointer; width: fit-content; flex: 100%; transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .wc-block-components-address-form__address_2-toggle:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .wc-block-checkout__sidebar .wc-block-components-product-name { color: inherit; display: block; flex-grow: 1; font-family: inherit; line-height: inherit; margin: 0; } .is-medium .wc-block-checkout__sidebar, .is-small .wc-block-checkout__sidebar { margin-top: 20px; order: -1; } .is-large .wc-block-checkout__sidebar.is-sticky { position: sticky; top: 24px; } .wc-block-components-address-address-wrapper { position: relative; } .wc-block-components-address-address-wrapper .wc-block-components-address-card-wrapper, .wc-block-components-address-address-wrapper .wc-block-components-address-form-wrapper { transition: all 0.3s ease-in-out; width: 100%; margin-bottom: 16px; } .wc-block-components-address-address-wrapper .wc-block-components-address-card { padding: 8px 16px; border-radius: 12px; background: var(--wp--preset--color--brandy-gray-2); font-weight: 300; } .wc-block-components-address-card__edit { cursor: pointer; transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .wc-block-components-address-card__edit:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .wc-block-components-address-address-wrapper.is-editing .wc-block-components-address-form-wrapper { opacity: 1; } .wc-block-components-address-address-wrapper.is-editing .wc-block-components-address-card-wrapper { display: none; } .wc-blocks-components-select { width: 100%; } .wc-blocks-components-select .wc-blocks-components-select__select { width: 100%; height: 50px; padding: 24px 16px 4px; } .has-error .wc-blocks-components-select .wc-blocks-components-select__select { border-color: var(--wc-error-border-color-normal); color: var(--wc-error-text_color-normal); } .has-error .wc-blocks-components-select .wc-blocks-components-select__select:focus, .has-error .wc-blocks-components-select .wc-blocks-components-select__select:active { outline-color: var(--wc-error-border-color-normal); border-color: transparent; outline-width: calc(var(--input-border-width) + 1px); outline-style: solid; } .has-error .wc-blocks-components-select .wc-blocks-components-select__label { color: var(--wc-error-text_color-normal); } .wc-blocks-components-select .wc-blocks-components-select__label { color: inherit; font-family: inherit; font-size: inherit; font-size: 1em; font-style: inherit; font-weight: inherit; left: 16px; letter-spacing: inherit; line-height: inherit; line-height: 1.25; margin: 0; max-width: calc(100% - 32px); overflow: hidden; position: absolute; text-decoration: inherit; text-overflow: ellipsis; text-transform: inherit; top: 2px; transform: translateY(5px) scale(0.75); transform-origin: top left; transition: all 0.2s ease; white-space: nowrap; z-index: 1; } @media screen and (prefers-reduced-motion: reduce) { .wc-blocks-components-select .wc-blocks-components-select__label { transition: none; } } .wc-block-components-address-form__address_2-hidden-input { display: none; } .wc-block-checkout__terms { margin: 0 0 48px; } .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { border-top: 1px solid hsla(0, 0%, 7%, 0.11); padding-top: 48px; } .is-medium .wc-block-checkout__terms.wc-block-checkout__terms--with-separator, .is-mobile .wc-block-checkout__terms.wc-block-checkout__terms--with-separator, .is-small .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { border-top: 0; } .wc-block-checkout__terms textarea { position: relative; top: -5px; } .wc-block-checkout__terms.wc-block-checkout__terms--disabled { opacity: 0.6; } .wc-block-checkout__terms a { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .wc-block-checkout__terms a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .wc-block-components-password-strength { align-items: center; display: flex; flex-direction: row; font-size: 0.75em; gap: 8px; height: 1em; line-height: 1; padding: 8px 0 0; text-align: right; } .wc-block-components-password-strength.hidden { opacity: 0; } .wc-block-components-password-strength .wc-block-components-password-strength__meter { background-color: hsla(0, 0%, 7%, 0.11); border: 0; border-radius: 4px; color: #cc1818; display: block; height: 8px; margin: 0; width: 100%; } .wc-block-components-password-strength .wc-block-components-password-strength__meter::-webkit-meter-bar, .wc-block-components-password-strength .wc-block-components-password-strength__meter::-webkit-meter-inner-element { background: none; border: 0; height: 8px; vertical-align: middle; } .wc-block-components-password-strength .wc-block-components-password-strength__meter::-webkit-meter-even-less-good-value, .wc-block-components-password-strength .wc-block-components-password-strength__meter::-webkit-meter-optimum-value, .wc-block-components-password-strength .wc-block-components-password-strength__meter::-webkit-meter-suboptimum-value { background: none; background-color: currentColor; border: 0; border-radius: 4px; height: 8px; -webkit-transition: 0.2s ease; transition: 0.2s ease; vertical-align: middle; } .wc-block-components-password-strength .wc-block-components-password-strength__meter:-moz-meter-optimum::-moz-meter-bar, .wc-block-components-password-strength .wc-block-components-password-strength__meter:-moz-meter-sub-optimum::-moz-meter-bar, .wc-block-components-password-strength .wc-block-components-password-strength__meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: none; background-color: currentColor; border: 0; border-radius: 4px; height: 8px; -moz-transition: 0.2s ease; transition: 0.2s ease; vertical-align: middle; } .wc-block-components-password-strength .wc-block-components-password-strength__result { color: var(--wc-error-text_color-normal); } .wc-block-components-password-strength .wc-block-components-password-strength__result:after { content: " "; } .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="1"], .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="1"] + .wc-block-components-password-strength__result { color: var(--wc-error-text_color-normal); } .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="2"], .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="2"] + .wc-block-components-password-strength__result { color: var(--wc-error-text_color-normal); } .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="3"], .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="3"] + .wc-block-components-password-strength__result { color: #f0b849; } .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="4"], .wc-block-components-password-strength .wc-block-components-password-strength__meter[value="4"] + .wc-block-components-password-strength__result { color: var(--wc-success-text); } .wc-block-components-checkout-return-to-cart-button { box-shadow: none; color: inherit; display: flex; align-items: center; gap: 7px; transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .wc-block-components-checkout-return-to-cart-button:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .wc-block-components-checkout-return-to-cart-button svg { fill: currentColor; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row { align-items: center; display: flex; justify-content: space-between; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { padding: 1.07rem 1.5rem; min-width: 50%; font-size: 1.125rem; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width { width: 100%; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text--visually-hidden { visibility: hidden; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text { text-wrap: balance; text-wrap: pretty; align-items: center; display: flex; justify-content: center; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__separator { margin: 0 20px; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-button__text > svg { fill: currentColor; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); vertical-align: top; } .wp-block-woocommerce-checkout-actions-block .is-mobile .wc-block-checkout__actions .wc-block-checkout__actions_row { flex-direction: column-reverse; } .wp-block-woocommerce-checkout-actions-block .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-place-order-button { width: 100%; } .wp-block-woocommerce-checkout-actions-block .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { margin: 16px auto; } .wp-block-woocommerce-checkout-actions-block .is-large .wc-block-checkout__actions { padding: 0 0 48px; } .wc-block-checkout__add-note .wc-block-components-textarea { margin-top: 16px; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1rem; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-weight: 700; } .wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax { margin-bottom: 0; } .wc-block-components-totals-shipping .wc-block-components-totals-item strong { text-transform: uppercase; } .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount { font-weight: 600; } .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title { align-items: center; display: flex; justify-content: space-between; padding: 0; font-size: 1.25em; font-weight: 700; line-height: 1.33; } .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text { flex-grow: 1; } .wc-block-components-checkout-order-summary__title-icon { display: none; } .wc-block-components-checkout-order-summary__content { padding: 16px 0 0 0; } .wc-block-components-checkout-order-summary__content > *:last-child { padding-bottom: 0; } .is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title, .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title, .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title { cursor: pointer; } .is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-icon, .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-icon, .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-icon { fill: currentColor; } .is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content, .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content, .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content { display: none; } .is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open, .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open, .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open { border-bottom: 1px solid hsla(0, 0%, 7%, 0.11); display: block; } /* Payment Method */ .wc-block-checkout__payment-method .wc-block-components-radio-control { border: 1px solid var(--input-border-color); border-radius: 5px; display: block; } .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option { border-bottom: 1px solid var(--input-border-color); } .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option:last-child { border-bottom: 0; } .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option > * { padding: 1.25rem 1.875rem 1.25rem 3rem; } .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control__option { position: relative; } .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__input { position: absolute; left: 16px; } .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-content { padding-top: 0; } .wc-block-checkout__payment-method .wc-block-components-checkout-step__content { padding-top: 8px; } .components-notice.wc-block-checkout__no-payment-methods-notice { margin: 0 0 16px; } .wc-block-components-radio-control-accordion-content:empty, .wc-block-components-radio-control-accordion-content:has(> :only-child:empty) { display: none; } .wc-block-checkout__order-notes .wc-block-components-checkout-step__content { padding-bottom: 0; } /* Shipping */ .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description-group { font-size: 0.75em; } .wc-block-components-shipping-rates-control__package--disabled { opacity: 0.7; transition: opacity 0.2s ease; } .wc-block-checkout__shipping-option .wc-block-checkout__shipping-option--free, .wc-block-components-local-pickup-rates-control .wc-block-checkout__shipping-option--free { text-transform: uppercase; } .wc-block-components-shipping-rates-control__no-results-notice { margin: 0.75em 0; } .wc-block-checkout__shipping-option .wc-block-components-radio-control, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control, .wc-block-checkout__shipping-method-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.25rem; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option, .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option { padding: 1.5rem 1.25rem; outline: 1px solid var(--input-border-color); border-radius: 8px; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:hover, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option:hover, .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option:hover { outline-color: var(--input-hover-border-color); } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option-checked, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option-checked, .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option-checked { outline-color: var(--input-focus-border-color) !important; outline-width: 1.5px !important; box-shadow: none; } .wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option { display: flex; align-items: center; justify-content: center; gap: 7px; flex-wrap: wrap; font-weight: 600; cursor: pointer; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout { flex-direction: column; align-items: flex-start; gap: 7px; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option .wc-block-components-radio-control__label-group, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option .wc-block-components-radio-control__label-group { display: flex; align-items: center; gap: 10px; justify-content: space-between; width: 100%; font-weight: 600; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label { text-transform: uppercase; font-style: normal; padding: 5px 12px; font-weight: 600; background-color: var(--wp--preset--color--brandy-primary); color: var(--brandy-general-badge-text-color, #ffffff); border-radius: 40px; font-size: 11px; line-height: 1; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label > *, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label > * { font-style: inherit; } .wc-block-checkout__shipping-option .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group, .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group { color: var(--wp--preset--color--brandy-secondary-text); font-size: 16px; } .wc-block-components-product-name { font-size: 1em; overflow-wrap: anywhere; word-break: break-word; font-weight: 600; margin: 0; } .wc-block-components-product-details.wc-block-components-product-details { list-style: none; margin: 0.5em 0; padding: 0; } .wc-block-components-product-details.wc-block-components-product-details:last-of-type { margin-bottom: 0; } .wc-block-components-product-details.wc-block-components-product-details li { margin-left: 0; } .wc-block-components-product-details__name, .wc-block-components-product-details__value { display: inline-block; } .wc-block-components-product-metadata { font-size: 0.75em; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p, .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data { margin: 0.25em 0; } /* Order Summary */ .wc-block-components-order-summary .wc-block-components-order-summary__button-text { font-weight: 500; } .wc-block-components-order-summary .wc-block-components-panel__button { margin-top: 0; padding-top: 0; } .wc-block-components-order-summary .wc-block-components-panel__content { margin-bottom: 0; } .wc-block-components-order-summary .wc-block-components-order-summary__content { display: table; width: 100%; font-size: 16px; } .wc-block-components-order-summary .wc-block-components-order-summary-item { display: flex; font-size: 0.875em; padding-bottom: 1px; padding-top: 16px; width: 100%; } .wc-block-components-order-summary .wc-block-components-order-summary-item:first-child { padding-top: 0; } .wc-block-components-order-summary .wc-block-components-order-summary-item:last-child { border-bottom: 0; } .wc-block-components-order-summary .wc-block-components-order-summary-item:last-child > div { padding-bottom: 0; } .wc-block-components-order-summary .wc-block-components-order-summary-item:last-child:after { display: none; } .wc-block-components-order-summary .wc-block-components-order-summary-item .wc-block-components-product-metadata { font-size: 1em; } .wc-block-components-order-summary .wc-block-components-order-summary-item__image { max-width: 70px; width: 70px; border-radius: var(--wp--custom--input--border-radius); padding: 0; position: relative; } .wc-block-components-order-summary .wc-block-components-order-summary-item__image img { width: 100%; height: auto; aspect-ratio: var(--wp--custom--product-image-ratio); } .wc-block-components-order-summary .wc-block-components-order-summary-item__image img { max-width: 70px; width: 70px; object-fit: cover; border-radius: var(--wp--custom--input--border-radius); } .wc-block-components-order-summary .wc-block-components-order-summary-item__image img img { width: 100%; height: auto; aspect-ratio: var(--wp--custom--product-image-ratio); } .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { align-items: center; background: #fff; border: 2px solid hsla(0, 0%, 7%, 0.11); border-radius: 1em; box-shadow: 0 0 0 2px #fff; color: #000; display: flex; justify-content: center; line-height: 1; min-height: 20px; min-width: 20px; padding: 0 0.4em; position: absolute; right: 0; top: 0; transform: translate(50%, -50%); white-space: nowrap; z-index: 1; } .wc-block-components-order-summary .wc-block-components-order-summary-item__description { padding-bottom: 16px; padding-left: 24px; padding-right: 12px; } .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary .wc-block-components-order-summary-item__description p { line-height: 1.375; margin-top: 8px; } .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { font-weight: 700; margin-left: auto; text-align: right; } .wc-block-components-order-summary .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via { padding-top: 4px; } .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices { display: block; padding-top: 8px; } .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-step__heading { margin: 0; padding: 16px; } /** * Checkout Steps */ .wc-block-components-form { counter-reset: checkout-step; } .wc-block-components-form .wc-block-components-checkout-step { background: none; border: none; margin: 0 0 48px; padding: 0; position: relative; } .wc-block-components-checkout-step--disabled { opacity: 0.6; } .wc-block-components-checkout-step__content > * { margin-bottom: 20px; } .wc-block-components-checkout-step__content > :last-child { margin-bottom: 0; } .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content > :last-child { margin-bottom: 0; } .wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading { margin-top: 10px; } .wc-block-components-checkout-step__heading { margin: 0 0 10px; position: relative; } .wc-block-components-checkout-step:first-child .wc-block-components-checkout-step__heading { margin-top: 0; } .wc-block-components-checkout-step__heading-content { font-size: 0.75em; } .wc-block-components-checkout-step__heading-content a { color: inherit; font-weight: 700; } .wc-block-components-checkout-step__description { font-size: 0.875em; line-height: 1.2; margin: 0 0 16px; } /* ------------ Responsive ------------ */ /* ------------ Typography ------------ */ /* ------------ Layout ------------ */ /* ------------ Typography ------------ */ @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .woocommerce-order-details { margin-top: 40px; margin-bottom: 40px; } .woocommerce-order-details .product-items { margin-bottom: 40px; } .woocommerce-order-details .product-items__title { font-weight: 500; margin: 0; margin-bottom: 10px; } .woocommerce-order-details .product-items__table { width: 100%; font-weight: 300; border-collapse: collapse; } .woocommerce-order-details .product-items__table tr td { padding: 1rem 0.5rem; } .woocommerce-order-details .product-items__table .woocommerce-table__line-item td { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-order-details .product-items__table .product-thumbnail { width: 80px; } .woocommerce-order-details .product-items__table .product-thumbnail a { width: 75px; height: 100px; border-radius: 7px; overflow: hidden; display: block; } .woocommerce-order-details .product-items__table .product-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .woocommerce-order-details .product-items__table .product-name a { font-weight: 400; position: relative; transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .woocommerce-order-details .product-items__table .product-name a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .woocommerce-order-details .product-items__table .product-quantity { text-align: right; } .woocommerce-order-details .product-items__table .product-total { text-align: right; } .woocommerce-order-details .order-detail { background: rgb(249, 249, 249); padding: 1.5rem 30px; border-radius: 0.5rem; } .woocommerce-order-details .order-detail .detail-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 300; } .woocommerce-order-details .order-detail .detail-row:last-child { margin-bottom: 0; } .woocommerce-order-details .order-detail .detail-row.order_total { border-top: 1px solid var(--wp--preset--color--brandy-border); padding-top: 20px; font-weight: 500; margin-top: 1.5rem; } .woocommerce-order-details .order-detail__title { font-weight: 500; margin: 0; margin-bottom: 15px; } .woocommerce-customer-details { background: rgb(249, 249, 249); padding: 1.5rem 30px; border-radius: 0.5rem; } .woocommerce-customer-details .woocommerce-column__title { margin: 0; margin-bottom: 15px; font-weight: 500; } .woocommerce-customer-details .addresses > div { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed rgb(210, 210, 210); } .woocommerce-customer-details .addresses > div:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .woocommerce-customer-details .addresses address { font-weight: 300; } .my-account-wrapper { display: flex; gap: 40px; flex-wrap: wrap; } .my-account-navigation { background: transparent; min-width: 200px; width: 20%; max-width: 100%; } .my-account-navigation ul { display: flex; flex-direction: column; line-height: 24px; gap: 10px; } .my-account-navigation ul li a { display: inline-flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: var(--wp--custom--nav--item--background); color: var(--wp--custom--nav--item--foreground); width: 100%; border-radius: var(--wp--custom--input--border-radius); transition: background var(--theme-component-transition-duration, 0.2s) ease-in-out; text-decoration: none; } .my-account-navigation ul li a:hover { background: var(--wp--custom--nav--item--hover-background); } .my-account-navigation ul li.is-active a, .my-account-navigation ul li:where(.my-account-navigation:not(:has(.is-active)) li:first-child) a { background: var(--wp--custom--nav--item--active-background) !important; color: var(--wp--custom--nav--item--active-foreground); font-weight: 600; } .my-account-navigation ul li .navigation-link__arrow svg path { stroke: currentColor; } @media screen and (max-width: 650px) { .my-account-navigation { width: 100%; } } .my-account-content { flex: 1; } .woocommerce-form-login, .woocommerce-ResetPassword { max-width: 500px; padding: 20px; background: var(--my-account-card-bg, var(--wp--preset--color--brandy-gray-2)); border-radius: 9px; margin-top: 2rem; margin-left: auto; margin-right: auto; } .woocommerce-form-login__title, .woocommerce-ResetPassword__title { margin-top: 0; } .woocommerce-form-login .form-row, .woocommerce-ResetPassword .form-row { margin-bottom: 15px; } .woocommerce-form-login .form-row label, .woocommerce-ResetPassword .form-row label { cursor: pointer; margin-bottom: 5px; display: inline-block; } .woocommerce-form-login .woocommerce-form-login__rememberme, .woocommerce-ResetPassword .woocommerce-form-login__rememberme { display: flex !important; align-items: center; } .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-login .woocommerce-Button, .woocommerce-ResetPassword .woocommerce-form-login__submit, .woocommerce-ResetPassword .woocommerce-Button { margin-top: 1rem; width: 100% !important; font-size: 1rem !important; line-height: 1.75rem !important; } .woocommerce-form-login .woocommerce-LostPassword, .woocommerce-ResetPassword .woocommerce-LostPassword { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .woocommerce-form-login .woocommerce-LostPassword:hover, .woocommerce-ResetPassword .woocommerce-LostPassword:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } /** Login form */ .woocommerce-form-login .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } /** Lost password form */ .woocommerce-ResetPassword .instruction { margin-bottom: 20px; } .my-account-content h3 { margin-top: 0; } .my-account-content a { transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .my-account-content a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .my-account-content .woocommerce-Addresses { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px; } .my-account-content .woocommerce-Addresses .woocommerce-Address { flex: 1; padding: 20px; border-radius: 12px; background: var(--wp--custom--card--background); font-weight: 300; min-width: 300px; } .my-account-content .woocommerce-Addresses .woocommerce-Address header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-weight: 500; } .my-account-content .woocommerce-Addresses .woocommerce-Address header a.edit { font-weight: 500; font-size: 1rem; transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .my-account-content .woocommerce-Addresses .woocommerce-Address header a.edit:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; } .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > * { width: 100%; } .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > *:first-child, .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > *:nth-child(2) { width: calc(50% - 20px); } .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > * label { cursor: pointer; } .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper fieldset legend { font-weight: 500; } .my-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper fieldset { padding: 20px; margin-top: 20px; border: 1px dashed rgb(211, 220, 229); } .my-account-content .woocommerce-address-fields .address-edit-actions { margin-top: 40px; } .woocommerce-EditAccountForm { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; } .woocommerce-EditAccountForm > * { width: 100%; } .woocommerce-EditAccountForm > *:first-child, .woocommerce-EditAccountForm > *:nth-child(2) { width: calc(50% - 20px); } .woocommerce-EditAccountForm > * label { cursor: pointer; } .woocommerce-EditAccountForm fieldset legend { font-weight: 500; } .woocommerce-EditAccountForm fieldset { padding: 20px; margin-top: 20px; border: 1px dashed rgb(211, 220, 229); } .woocommerce-EditAccountForm fieldset .woocommerce-form-row { margin-bottom: 15px; } .woocommerce-EditAccountForm .account-edit-actions { margin-top: 20px; } .woocommerce-orders-table { width: 100%; font-weight: 300; } .woocommerce-orders-table thead { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-orders-table th, .woocommerce-orders-table td { padding: 1rem; } .woocommerce-orders-table th { text-align: left; font-weight: 500; } .woocommerce-orders-table a:not(.wp-element-button) { font-weight: 400; transition-property: text-decoration; transition-duration: var(--theme-component-transition-duration); transition-timing-function: ease-in-out; text-decoration-color: transparent; } .woocommerce-orders-table a:not(.wp-element-button):hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; text-decoration-color: currentColor; } @media screen and (min-width: 480px) and (max-width: 1023px) { .woocommerce-orders-table .woocommerce-orders-table__header-order-total, .woocommerce-orders-table .woocommerce-orders-table__cell-order-total { display: none; } } @media screen and (max-width: 479px) { .woocommerce-orders-table .woocommerce-orders-table__header-order-total, .woocommerce-orders-table .woocommerce-orders-table__header-order-date, .woocommerce-orders-table .woocommerce-orders-table__cell-order-total, .woocommerce-orders-table .woocommerce-orders-table__cell-order-date { display: none; } } /* ------------ Responsive ------------ */ /* ------------ Typography ------------ */ /* ------------ Layout ------------ */ /* ------------ Typography ------------ */ .woocommerce-thankyou-wrapper .woocommerce-notice { text-align: center; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1.25rem; } .wc-block-order-confirmation-summary .wc-block-order-confirmation-summary-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; justify-content: space-between; list-style: none outside; margin: 0; padding: 0; } .wc-block-order-confirmation-summary .wc-block-order-confirmation-summary-list-item__key { font-weight: 500; font-size: 14px; color: var(--wp--preset--color--brandy-secondary-text); text-transform: uppercase; } .wc-block-order-confirmation-summary .wc-block-order-confirmation-summary-list-item__value { font-weight: 600; font-size: 16px; display: block; } .wc-block-order-confirmation-totals table th, .wc-block-order-confirmation-totals table td, .wc-block-order-confirmation-downloads__table th, .wc-block-order-confirmation-downloads__table td { padding: 20px 35px; text-align: left; } .wc-block-order-confirmation-totals table thead, .wc-block-order-confirmation-totals table tfoot, .wc-block-order-confirmation-downloads__table thead, .wc-block-order-confirmation-downloads__table tfoot { font-weight: 600; font-size: 18px; text-align: left; } .wc-block-order-confirmation-totals table tbody tr:last-child, .wc-block-order-confirmation-downloads__table tbody tr:last-child { border-bottom: none; } .wc-block-order-confirmation-totals table thead, .wc-block-order-confirmation-totals table tbody tr, .wc-block-order-confirmation-downloads__table thead, .wc-block-order-confirmation-downloads__table tbody tr { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .wc-block-order-confirmation-totals table tfoot, .wc-block-order-confirmation-downloads__table tfoot { border-top: 1px solid var(--wp--preset--color--brandy-border); } /* ------------ Responsive ------------ */ /* ------------ Typography ------------ */ /* ------------ Layout ------------ */ /* ------------ Typography ------------ */ /** Product image */ body.single-product .woocommerce-product-gallery { position: relative; width: 100%; overflow: hidden; justify-content: center; max-width: 612px; } @media screen and (max-width: 1000px) { body.single-product .woocommerce-product-gallery { width: 100%; } } .woocommerce-product-gallery__trigger { position: absolute; z-index: 11; display: inline-flex; top: 10px; right: 10px; height: 30px; width: 30px; align-items: center; justify-content: center; cursor: pointer; text-indent: -9999px; z-index: 1; background: #ffffff; border-radius: 100%; } .woocommerce-product-gallery__trigger::after { content: ""; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 50%; left: 50%; z-index: 10; width: 17px; height: 17px; transform: translate(-50%, -50%); } body.rtl .woocommerce-product-gallery__trigger { right: 10px; left: unset; } .woocommerce-product-gallery .flex-control-thumbs { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; } .woocommerce-product-gallery .flex-control-thumbs > li { width: 100px; } .woocommerce-product-gallery .flex-control-thumbs > li img { width: 100%; height: 100%; border-radius: var(--wp--custom--input--border-radius); overflow: hidden; border: 2px solid transparent; cursor: pointer; object-fit: cover; aspect-ratio: var(--wp--custom--product-image-ratio); } .woocommerce-product-gallery .flex-control-thumbs > li img.flex-active { border-color: #272829; } /** Add to cart form */ form.add_to_cart_form { max-width: 490px; flex-direction: column; } form.add_to_cart_form table.variations { width: 100%; display: table; } form.add_to_cart_form table.variations tr { display: flex; flex-direction: column; margin-bottom: 1.5rem; } form.add_to_cart_form table.variations tr:last-child { margin-bottom: 0; } form.add_to_cart_form table.variations th label { display: block; width: fit-content; margin-bottom: 0.5rem; font-weight: 500; font-size: 1rem; line-height: 1.5rem; } form.add_to_cart_form table.variations select, form.add_to_cart_form table.variations input[type=text], form.add_to_cart_form table.variations textarea { width: 100%; } form.add_to_cart_form table.variations .reset_variations[style="visibility: hidden;"] { display: none !important; } form.add_to_cart_form table.variations .reset_variations { display: block; margin-top: 0.75rem; width: fit-content; } form.add_to_cart_form .woocommerce-variation-description { margin-bottom: 1rem; } /** Add to cart actions */ .wp-block-woocommerce-add-to-cart-form .brandy-cart-actions { display: flex; margin-top: 25px; margin-bottom: 25px; gap: 28px; flex-wrap: wrap; } .wp-block-woocommerce-add-to-cart-form .brandy-cart-actions::before { display: none; } .wp-block-woocommerce-add-to-cart-form .brandy-cart-actions .brandy-qty-selector { padding: 6px 12px; gap: 12px; } .wp-block-woocommerce-add-to-cart-form .brandy-cart-actions .wp-block-woocommerce-product-button { flex: auto; } .wp-block-woocommerce-add-to-cart-form .brandy-cart-actions .add_to_cart_button { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 1.125rem; text-align: center; padding: 13px; line-height: 1.5; display: flex; align-items: center; justify-content: center; } /** Product information */ .woocommerce-tabs { margin-bottom: 90px; padding-bottom: 80px; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-tabs .tabs.wc-tabs { display: flex; border-bottom: 1px solid var(--wp--preset--color--brandy-border); flex-wrap: wrap; } .woocommerce-tabs .tabs.wc-tabs > li { margin-right: 40px; border-bottom: 2px solid transparent; color: var(--wp--preset--color--brandy-secondary-text); font-weight: 500; font-size: 16px; position: relative; } .woocommerce-tabs .tabs.wc-tabs > li a { padding: 12px 0; display: inline-block; color: inherit; font-weight: inherit; font-size: inherit; } .woocommerce-tabs .tabs.wc-tabs > li a::after { content: ""; height: 2px; width: 0; background: transparent; top: 100%; left: 0; position: absolute; transition: width var(--theme-component-transition-duration, 0.2s) ease-in-out; } .woocommerce-tabs .tabs.wc-tabs > li.active ::after { background: var(--wp--preset--color--brandy-primary-text, var(--wp--preset--color--brandy-primary-text)); width: 100%; } .woocommerce-tabs .tabs.wc-tabs > li.active { color: var(--wp--preset--color--brandy-primary-text, var(--wp--preset--color--brandy-primary-text)); } .woocommerce-tabs .tabs.wc-tabs .reviews_tab__reviews-count { margin-left: 0.25rem; } .woocommerce-tabs .woocommerce-Tabs-panel, .woocommerce-tabs div[role=tab] { padding-top: 20px; } .woocommerce-tabs .woocommerce-product-attributes { max-width: 560px; } .woocommerce-tabs .woocommerce-product-attributes-item { margin-bottom: 0.5rem; } .woocommerce-tabs .woocommerce-product-attributes-item__label { width: 10rem; margin-right: 2.5rem; font-weight: 500; text-align: left; } /** Grouped products */ .woocommerce-grouped-product-list { width: 100%; } .woocommerce-grouped-product-list tbody { display: flex; flex-direction: column; gap: 20px; } .woocommerce-grouped-product-list tbody tr { width: 100%; display: flex; gap: 20px; flex-wrap: wrap; align-items: center; } .woocommerce-grouped-product-list tbody tr td.woocommerce-grouped-product-list-item__price del { margin-right: 7px; font-size: 0.875rem; line-height: 1.25rem; color: var(--wp--preset--color--brandy-secondary-text); } .woocommerce-Reviews { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; } @media screen and (max-width: 975px) { .woocommerce-Reviews { gap: 2.5rem; } } @media screen and (max-width: 880px) { .woocommerce-Reviews { grid-template-columns: 1fr; gap: 1rem; } } .woocommerce-Reviews .woocommerce-Reviews-title, .woocommerce-Reviews .review_overall__title { margin-top: 0; } .woocommerce-Reviews .woocommerce-Reviews-title { margin-bottom: 1.25rem; } .woocommerce-Reviews .review_overall__title { margin-bottom: 0; } .woocommerce-Reviews #review_form_wrapper .comment-reply-title { margin-bottom: 10px; display: inline-block; gap: 5px; } .woocommerce-Reviews #review_form_wrapper .comment-reply-title #cancel-comment-reply-link { margin-left: 0.875rem; color: var(--wp--preset--color--brandy-secondary-text); } .woocommerce-Reviews #review_form_wrapper .review_overall { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.5rem; gap: 0.5rem; } .woocommerce-Reviews #review_form_wrapper #commentform { display: flex; flex-direction: column; gap: 1.75rem; font-size: 0.875rem; line-height: 1.25rem; } .woocommerce-Reviews #review_form_wrapper #commentform label { font-size: inherit; line-height: inherit; font-weight: 500; margin-bottom: 0.5rem; display: block; } .woocommerce-Reviews #review_form_wrapper #commentform input, .woocommerce-Reviews #review_form_wrapper #commentform textarea { font-size: inherit; line-height: inherit; } .woocommerce-Reviews #review_form_wrapper #commentform input::placeholder, .woocommerce-Reviews #review_form_wrapper #commentform textarea::placeholder { color: #B5BBC3; opacity: 1; } .woocommerce-Reviews #review_form_wrapper #commentform .star-item svg { width: 30px; height: 30px; } .woocommerce-Reviews #review_form_wrapper #commentform .comment-form-cookies-consent { display: flex; align-items: center; gap: 5px; } .woocommerce-Reviews #review_form_wrapper #commentform .comment-form-cookies-consent label { margin-bottom: 0; } .woocommerce-Reviews #review_form_wrapper #commentform .form-submit { order: 102; } .woocommerce-Reviews li.comment > .comment_container, .woocommerce-Reviews li.review > .comment_container { padding-bottom: 25px; margin-top: var(--wp--preset--spacing--20); margin-bottom: var(--wp--preset--spacing--20); border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-Reviews li.comment > ul, .woocommerce-Reviews li.review > ul { margin-left: 60px; } .woocommerce-Reviews .commentlist .brandy-ratings__stars { gap: 2px; } .woocommerce-Reviews .commentlist .brandy-ratings__stars svg { width: 12px; height: 12px; } .woocommerce-Reviews .comment-header { display: flex; justify-content: space-between; margin-bottom: 1rem; } .woocommerce-Reviews .comment-author__avatar { border-radius: 50%; overflow: hidden; width: 44px; height: 44px; } .woocommerce-Reviews .comment-author__avatar img { width: 100%; height: 100%; } .woocommerce-Reviews .comment-header__start { display: flex; gap: 0.75rem; } .woocommerce-Reviews .woocommerce-pagination { padding-top: 1.25rem; padding-bottom: 50px; } .woocommerce-Reviews .comment-footer { display: flex; align-items: center; gap: 0.875rem; margin-top: 10px; font-size: var(--wp--preset--font-size--small); } .woocommerce-Reviews .comment-footer a { color: var(--wp--preset--color--brandy-secondary-text); } /* Patterns */ [data-brandy-blocks-installed=false] [class*=wp-block-brandy-] { display: none; } :root { --brandy-scrolling-banner-duration: 30s; } .block-editor-iframe__body .brandy-scrolling-banner__content { padding-left: 0 !important; animation: none !important; } @keyframes scroll-left { from { transform: translateX(100%); } to { transform: translateX(-120%); } } @keyframes scroll-right { from { transform: translateX(-100%); } to { transform: translateX(120%); } } .brandy-scrolling-banner { overflow: hidden; white-space: nowrap; position: relative; } .brandy-scrolling-banner__content { width: fit-content; display: inline-block; white-space: nowrap; flex-wrap: nowrap !important; } .brandy-scrolling-banner__content.block-editor-block-list__block { flex-wrap: wrap !important; } .brandy-scrolling-banner.scroll-to-left .brandy-scrolling-banner__content:not(.block-editor-block-list__block) { padding-left: 5%; animation: scroll-left var(--brandy-scrolling-banner-duration) linear infinite; } .brandy-scrolling-banner.scroll-to-right .brandy-scrolling-banner__content:not(.block-editor-block-list__block) { padding-right: 5%; animation: scroll-right var(--brandy-scrolling-banner-duration) linear infinite; } .brandy-scrolling-banner__content .wp-block-image img { max-width: unset; } .edit-site-layout.is-full-canvas .edit-site-site-hub__site-title { display: none; } .block-editor-block-patterns-list .block-editor-block-patterns-list__item { height: fit-content; } .block-editor-block-list__block .block-list-appender.is-drag-over .block-editor-inserter { opacity: 1 !important; } .block-editor-block-list__block .block-list-appender.is-drag-over .block-editor-button-block-appender { background-color: var(--wp-admin-theme-color); color: #ffffff; } .block-editor-block-list__block.wp-block-image .components-resizable-box__container { max-width: 100% !important; } .block-editor-block-list__block.wp-block-button.wc-block-components-product-button { box-shadow: none !important; } .block-editor-block-patterns-list__item[id*="brandy/"] iframe { width: 1850px !important; }