/* Mixins */ .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { width: 300px; } html :where(.has-border-color) { border-style: initial; } /* Setup */ :root { /* Theme */ --theme-system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --theme-component-transition-duration: .3s; --theme-overlay-color: #122940cc; /* Content */ --brandy-post-img-aspect-ratio: 4.5/3; /* Count badge for elements */ --brandy-count-badge-text-color: #ffffff; --pagination-item-background-color: rgb(242 242 242); --pagination-item-color: rgb(90 109 128); --pagination-item-hover-background-color: #272829; --pagination-item-hover-color: #ffffff; --theme-tooltip-background-color: #272819; --theme-tooltip-color: #ffffff; --cart-totals-block-brightness: 97%; --checkout-totals-block-brightness: 97%; --theme-product-background-color: rgb(245 245 245); --theme-post-background-color: rgb(245 245 245); --theme-product-thumb-radius: 9px; /** */ --brandy-my-account-nav-item-bg-normal: var(--wp--preset--color--brandy-theme-third-background); --brandy-login-card-bg: var(--wp--preset--color--brandy-theme-third-background); --brandy-address-card-bg: var(--wp--preset--color--brandy-theme-third-background); --wp-block-cat-item-background-color: var(--wp--preset--color--brandy-theme-third-background); --brandy-my-account-nav-item-bg-hover: var(--wp--preset--color--brandy-theme-fourth-background); --wp-block-cat-item-background-color-hover: var(--wp--preset--color--brandy-theme-fourth-background); --brandy-my-account-nav-item-bg-active: var(--wp--preset--color--brandy-theme-fifth-background); --wp-block-cat-item-background-color-active: var(--wp--preset--color--brandy-theme-fifth-background); --brandy-my-account-nav-item-bg-active: var(--wp--preset--color--brandy-accent); --brandy-my-account-nav-item-color-normal: var(--wp--preset--color--brandy-primary-text); --brandy-my-account-nav-item-color-active: #ffffff; } body { --brandy-count-badge-background-color: var(--wp--preset--color--brandy-accent, #000000); } 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, ol, ul, li, 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; } h1, h2, h3, h4, h5, h6 { border: none; } input, select, textarea { margin: 0; } b, strong { font-weight: 500; } em { font-style: italic; font-weight: 300; } small { font-size: 80%; } ins { text-decoration: none; } del { color: var(--wp--preset--color--brandy-secondary-text, #5A6D80); } 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%; } ul, ol, li { list-style-type: none; } 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 { font-weight: 600; padding: 0.7rem; } /* ---------- Definition List ------------ */ dl { --theme-description-list-indent: 1.5em; --theme-description-list-spacing: 0.5em; } dl > *:last-child { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-top: calc(var(--theme-description-list-spacing) / 2); margin-left: var(--theme-description-list-indent); margin-bottom: calc(var(--theme-description-list-spacing) * 2); } dd p { --theme-content-spacing: var(--theme-description-list-spacing); } dd p:last-child { margin-bottom: 0; } .required { color: #EE8884; text-decoration: none; } .wp-caption-text, .bypostauthor { color: inherit; } button { font-family: inherit; } :where(.wp-site-blocks) > .wp-block-template-part { margin: 0; } @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .text-primary { color: var(--wp--preset--color--brandy-primary-text, #272829); } .text-secondary { color: var(--wp--preset--color--brandy-secondary-text, #5A6D80); } .text-description { font-size: 0.875rem; line-height: 1.25rem; font-weight: 300; } .w-full { width: 100%; } .text-center { text-align: center; } .brandy-link-underline { text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); display: inline !important; } .brandy-link-underline:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .brandy-link-underline-to-child > * { display: inline !important; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .brandy-link-underline-to-child > *:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .brandy-link-underline-to-a-child > a { display: inline !important; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .brandy-link-underline-to-a-child > a:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .brandy-text-ellipsis-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .brandy-text-ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .brandy-text-ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .brandy-text-ellipsis-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .brandy-text-ellipsis-5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } :root { --brandy-card-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #00000026; --brandy-card-shadow-hover: 0 0 #0000, 0 0 #0000, 0 9px 40px #00000014; } .brandy-card-shadow { transition: box-shadow var(--theme-component-transition-duration, 0.2s) ease-in-out; box-shadow: var(--brandy-card-shadow); } .brandy-card-shadow:hover { box-shadow: var(--brandy-card-shadow-hover); } @media screen and (max-width: 767px) { .sm-justify-center { justify-content: center !important; } } @media screen and (max-width: 767px) { .sm-text-center { text-align: center !important; } } .brandy-secondary-button.wp-element-button, .brandy-secondary-button .wp-element-button { background-color: var(--secondary-button-background-color); border-style: var(--secondary-button-border-style); border-width: var(--secondary-button-border-width); border-color: var(--secondary-button-border-color); color: var(--secondary-button-color); box-shadow: var(--secondary-button-box-shadow); } .brandy-secondary-button.wp-element-button:hover, .brandy-secondary-button .wp-element-button:hover { background-color: var(--secondary-button-hover-background-color); border-color: var(--secondary-button-hover-border-color); color: var(--secondary-button-hover-color); box-shadow: var(--secondary-button-hover-box-shadow); } :root { --brandy-outline-text-inside-color: #3a261c; --brandy-outline-text-wrap-color: var(--wp--preset--color--brandy-accent); } .brandy-outline-text, p.brandy-outline-text { color: var(--brandy-outline-text-inside-color) !important; text-shadow: -1px -1px 0 var(--brandy-outline-text-wrap-color), 1px -1px 0 var(--brandy-outline-text-wrap-color), -1px 1px 0 var(--brandy-outline-text-wrap-color), 1px 1px 0 var(--brandy-outline-text-wrap-color); } .brandy-no-shadow { box-shadow: none !important; } .brandy-no-shadow:hover { box-shadow: none !important; } .brandy-no-shadow .wp-element-button { box-shadow: none !important; } .brandy-no-shadow .wp-element-button:hover { box-shadow: none !important; } .brandy-image-full-width img { width: 100%; } .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; } [display-mode=hide] { display: none; } @media screen and (max-width: 479px) { .hide-mobile { display: none !important; } [display-mode=show][device=mobile] { display: block !important; } } @media screen and (min-width: 480px) and (max-width: 1023px) { .hide-tablet { display: none !important; } [display-mode=show][device=tablet] { display: block !important; } } @media screen and (min-width: 1024px) { .hide-desktop { display: none !important; } [display-mode=show][device=desktop] { display: block !important; } } #content.site-content { min-height: 500px; } .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: 3rem; height: 3rem; animation: brandy-spinning 1s linear infinite; } .blockUI.blockOverlay { border-radius: 9px; z-index: 10 !important; overflow: hidden; user-select: none; } .blockUI.blockOverlay::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-theme-secondary-background)); } .blockUI.blockOverlay::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; } .brandy-loading-layout { overflow: hidden; user-select: none; } .brandy-loading-layout::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-theme-secondary-background)); } .brandy-loading-layout::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; } /* Components */ a:not(.wp-block-button__link):where(:not(.brandy-link-underline-to-child > *, .brandy-link-underline-to-a-child > a)) { transition: all var(--theme-component-transition-duration, 0.2s) ease-in-out; } input[type=radio]:not(.components-radio-control__input) { position: relative; display: inline-flex; appearance: none; -webkit-appearance: none; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #272829; border-radius: 100%; box-shadow: inset 0 0 0 3px #fff; width: 20px; height: 20px; min-width: 20px; min-height: 20px; cursor: pointer; transition: transform var(--theme-component-transition-duration, 0.2s) ease-in-out; } 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; border-radius: 100%; width: 10px; height: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); } input[type=radio]:not(.components-radio-control__input):checked + label { font-weight: 400; } .wc-block-components-radio-control input.wc-block-components-radio-control__input { min-width: 20px; min-height: 20px; } .wc-block-components-radio-control input.wc-block-components-radio-control__input:focus { outline: none; } input[type=checkbox]:not(.components-checkbox-control__input), .wc-block-components-checkbox input.wc-block-components-checkbox__input[type=checkbox]:not(.components-checkbox-control__input) { display: inline-flex; appearance: none; -webkit-appearance: none; border-radius: 5px; border-width: 1px; border-style: solid; border-color: var(--input-border-color-normal); width: 20px; height: 20px; min-width: 20px; min-height: 20px; box-shadow: inset 0 0 0 3px #fff; background-color: #ffffff; position: relative; cursor: pointer; transition: transform var(--theme-component-transition-duration, 0.2s) ease-in-out; } input[type=checkbox]:not(.components-checkbox-control__input):focus-visible, input[type=checkbox]:not(.components-checkbox-control__input):focus, .wc-block-components-checkbox input.wc-block-components-checkbox__input[type=checkbox]:not(.components-checkbox-control__input):focus-visible, .wc-block-components-checkbox input.wc-block-components-checkbox__input[type=checkbox]:not(.components-checkbox-control__input):focus { outline: none; } input[type=checkbox]:not(.components-checkbox-control__input):hover, .wc-block-components-checkbox input.wc-block-components-checkbox__input[type=checkbox]:not(.components-checkbox-control__input):hover { transform: scale(1.2); } input[type=checkbox]:not(.components-checkbox-control__input):checked::after, .wc-block-components-checkbox input.wc-block-components-checkbox__input[type=checkbox]:not(.components-checkbox-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 + label, .wc-block-components-checkbox input.wc-block-components-checkbox__input[type=checkbox]:not(.components-checkbox-control__input):checked + label { font-weight: 400; } .wc-block-components-checkbox .wc-block-components-checkbox__mark { display: none; } input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], input[type=search], textarea { background-color: var(--input-background-color-normal); color: var(--input-text-color-normal); font-size: var(--input-typography-font_size); font-weight: var(--input-typography-font_weight); font-style: var(--input-typography-font_style); line-height: var(--input-typography-line_height); letter-spacing: var(--input-typography-letter_spacing); text-transform: var(--input-typography-transform); text-decoration: var(--input-typography-decoration); width: 100%; border-width: var(--input-border-width); border-color: var(--input-border-color-normal); border-style: solid; border-radius: var(--input-border-radius); outline-width: var(--input-border-width); outline-color: transparent; outline-style: solid; padding: var(--input-padding); box-shadow: none; transition-property: outline, border; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } input[type=text]:hover, input[type=tel]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, textarea:hover { border-color: var(--input-border-color-hover); color: var(--input-text-color-hover); background-color: var(--input-background-color-hover); } input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus { outline-color: var(--input-border-color-focus); border-color: transparent; outline-width: calc(var(--input-border-width) + 1px); } input[type=text]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, textarea::placeholder { color: var(--wp--preset--color--brandy-secondary-text); opacity: 0.5; } input[type=text]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, textarea::-ms-input-placeholder { color: var(--wp--preset--color--brandy-secondary-text); } .wc-block-components-textarea { background-color: var(--input-background-color-normal) !important; color: var(--input-text-color-normal) !important; font-size: var(--input-typography-font_size) !important; font-weight: var(--input-typography-font_weight) !important; font-style: var(--input-typography-font_style) !important; line-height: var(--input-typography-line_height) !important; letter-spacing: var(--input-typography-letter_spacing) !important; text-transform: var(--input-typography-transform) !important; text-decoration: var(--input-typography-decoration) !important; width: 100% !important; border-width: var(--input-border-width) !important; border-color: var(--input-border-color-normal) !important; border-style: solid !important; border-radius: var(--input-border-radius) !important; outline-width: var(--input-border-width) !important; outline-color: transparent !important; outline-style: solid !important; padding: var(--input-padding) !important; box-shadow: none !important; transition-property: outline, border !important; transition-duration: var(--theme-component-transition-duration, 0.2s) !important; transition-timing-function: ease-in-out !important; } .wc-block-components-textarea:hover { border-color: var(--input-border-color-hover) !important; color: var(--input-text-color-hover) !important; background-color: var(--input-background-color-hover) !important; } .wc-block-components-textarea:focus { outline-color: var(--input-border-color-focus) !important; border-color: transparent !important; outline-width: calc(var(--input-border-width) + 1px) !important; } .wc-block-components-textarea::placeholder { color: var(--wp--preset--color--brandy-secondary-text); opacity: 0.5; } .wc-block-components-textarea::-ms-input-placeholder { color: var(--wp--preset--color--brandy-secondary-text); } .wc-block-components-state-input input.components-combobox-control__input[type=text][value=""]:not([aria-expanded=true]), .wc-block-components-country-input input.components-combobox-control__input[type=text][value=""]:not([aria-expanded=true]) { border-bottom-left-radius: var(--input-border-radius) !important; border-bottom-right-radius: var(--input-border-radius) !important; } select:not(.components-select-control__input, .attachment-filters) { display: inline-flex; width: fit-content; background-color: var(--select-background-color-normal); color: var(--select-text-color-normal); font-size: var(--select-typography-font_size); font-weight: var(--select-typography-font_weight); font-style: var(--select-typography-font_style); line-height: var(--select-typography-line_height); letter-spacing: var(--select-typography-letter_spacing); text-transform: var(--select-typography-transform); text-decoration: var(--select-typography-decoration); padding: var(--select-padding); border-width: var(--select-border-width); border-color: var(--select-border-color-normal); border-style: solid; border-radius: var(--select-border-radius); outline-width: var(--select-border-width); outline-color: transparent; outline-style: solid; box-shadow: none; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%234F5D6D' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-size: 8px auto, 100%; background-position: right 10px top 50%, 0 0; min-height: 44px; cursor: pointer; transition-property: outline, border; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } select:not(.components-select-control__input, .attachment-filters):hover { border-color: var(--select-border-color-hover); color: var(--select-text-color-hover); background-color: var(--select-background-color-hover); } select:not(.components-select-control__input, .attachment-filters):focus { outline-color: var(--select-border-color-focus); border-color: transparent; outline-width: calc(var(--select-border-width) + 1px); color: var(--select-text-color-focus); background-color: var(--select-background-color-focus); } select:not(.components-select-control__input, .attachment-filters)::placeholder { color: var(--wp--preset--color--brandy-secondary-text); opacity: 0.5; } select:not(.components-select-control__input, .attachment-filters)::-ms-input-placeholder { color: var(--wp--preset--color--brandy-secondary-text); } .select2.select2-container--open .select2-selection__arrow::after { rotate: 180deg; } .select2 .select2-selection { display: inline-flex; width: fit-content; background-color: var(--select-background-color-normal); color: var(--select-text-color-normal); font-size: var(--select-typography-font_size); font-weight: var(--select-typography-font_weight); font-style: var(--select-typography-font_style); line-height: var(--select-typography-line_height); letter-spacing: var(--select-typography-letter_spacing); text-transform: var(--select-typography-transform); text-decoration: var(--select-typography-decoration); padding: var(--select-padding); border-width: var(--select-border-width); border-color: var(--select-border-color-normal); border-style: solid; border-radius: var(--select-border-radius); outline-width: var(--select-border-width); outline-color: transparent; outline-style: solid; box-shadow: none; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%234F5D6D' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-size: 8px auto, 100%; background-position: right 10px top 50%, 0 0; min-height: 44px; cursor: pointer; transition-property: outline, border; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; position: relative; height: fit-content; width: 100%; background-image: none; } .select2 .select2-selection:hover { border-color: var(--select-border-color-hover); color: var(--select-text-color-hover); background-color: var(--select-background-color-hover); } .select2 .select2-selection:focus { outline-color: var(--select-border-color-focus); border-color: transparent; outline-width: calc(var(--select-border-width) + 1px); color: var(--select-text-color-focus); background-color: var(--select-background-color-focus); } .select2 .select2-selection::placeholder { color: var(--wp--preset--color--brandy-secondary-text); opacity: 0.5; } .select2 .select2-selection::-ms-input-placeholder { color: var(--wp--preset--color--brandy-secondary-text); } .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-component-transition-duration, 0.2s) ease-in-out; } .select2 .select2-selection .select2-selection__rendered { padding-left: 0; padding-right: 0; } .select2 .dropdown-wrapper { display: none; } .select2-container .select2-dropdown { border-bottom-width: var(--select-border-width); border-bottom-style: solid; border-color: var(--select-border-color-normal); } .select2-container .select2-search.select2-search--dropdown { padding: 12px; border-bottom: 1px solid var(--select-border-color-normal); } .select2-container .select2-search.select2-search--dropdown input { padding: 10px; border-radius: 7px; border-color: var(--select-border-color-normal); outline: 1px solid transparent; transition-property: outline, border; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } .select2-container .select2-search.select2-search--dropdown input:focus { outline-color: var(--select-border-color-focus); outline-width: 2px; border-color: transparent; } .select2-container .select2-results ul.select2-results__options li { padding: 12px; color: #272829; background-color: #ffffff; outline: none; transition: background-color var(--theme-component-transition-duration, 0.2s) ease-in-out; } .select2-container .select2-results ul.select2-results__options li[data-selected=true] { background-color: #edf3f9; } .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: #F2F2F2; } .brandy-count-badge { position: relative; background-color: var(--brandy-count-badge-bg-color, rgb(237, 243, 249)); color: var(--brandy-count-badge-color, #000000); font-size: 0.875rem; line-height: 1.25rem; font-weight: normal; border-radius: 50px; padding: 2px 0.5rem; text-align: center; } .brandy-pagination, .woocommerce-pagination { margin-top: 20px; } .brandy-pagination ul.page-numbers, .woocommerce-pagination ul.page-numbers { display: inline-flex; align-items: center; gap: 10px !important; flex-wrap: wrap; } .brandy-pagination ul.page-numbers > li > *, .brandy-pagination ul.page-numbers > li .page-number, .woocommerce-pagination ul.page-numbers > li > *, .woocommerce-pagination ul.page-numbers > li .page-number { display: flex; justify-content: center; align-items: center; min-width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: var(--pagination-item-background-color); border-radius: 0.75rem; color: var(--pagination-item-color); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: var(--theme-component-transition-duration, 0.2s); text-decoration: none !important; width: max-content; } .brandy-pagination ul.page-numbers > li > *.current, .brandy-pagination ul.page-numbers > li > *.current-page, .brandy-pagination ul.page-numbers > li > *.wc-block-components-pagination__page--active[disabled], .brandy-pagination ul.page-numbers > li > *:hover, .brandy-pagination ul.page-numbers > li .page-number.current, .brandy-pagination ul.page-numbers > li .page-number.current-page, .brandy-pagination ul.page-numbers > li .page-number.wc-block-components-pagination__page--active[disabled], .brandy-pagination ul.page-numbers > li .page-number:hover, .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 { background: var(--pagination-item-hover-background-color) !important; color: var(--pagination-item-hover-color) !important; } .wp-block-comments-pagination-numbers, .wp-block-query-pagination-numbers { display: inline-flex; align-items: center; gap: 10px !important; flex-wrap: wrap; } .wp-block-comments-pagination-numbers > *, .wp-block-query-pagination-numbers > * { display: flex; justify-content: center; align-items: center; min-width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: var(--pagination-item-background-color); border-radius: 0.75rem; color: var(--pagination-item-color); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: var(--theme-component-transition-duration, 0.2s); text-decoration: none !important; width: max-content; } .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 { background: var(--pagination-item-hover-background-color) !important; color: var(--pagination-item-hover-color) !important; } .wc-block-pagination.wc-block-components-pagination { display: inline-flex; align-items: center; gap: 10px !important; flex-wrap: wrap; } .wc-block-pagination.wc-block-components-pagination > button { display: flex; justify-content: center; align-items: center; min-width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: var(--pagination-item-background-color); border-radius: 0.75rem; color: var(--pagination-item-color); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: var(--theme-component-transition-duration, 0.2s); text-decoration: none !important; width: max-content; } .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 { background: var(--pagination-item-hover-background-color) !important; color: var(--pagination-item-hover-color) !important; } .wp-block-query-pagination { display: inline-flex; align-items: center; gap: 10px !important; flex-wrap: wrap; } .wp-block-query-pagination .wp-block-query-pagination-numbers { margin: 0; } .wp-block-query-pagination > a { display: flex; justify-content: center; align-items: center; min-width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: var(--pagination-item-background-color); border-radius: 0.75rem; color: var(--pagination-item-color); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: var(--theme-component-transition-duration, 0.2s); text-decoration: none !important; width: max-content; margin: 0 !important; } .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: var(--pagination-item-hover-background-color) !important; color: var(--pagination-item-hover-color) !important; } .wp-block-query-pagination > a .wp-block-query-pagination-next-arrow { margin-left: 0; } .wp-block-query-pagination > a .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); } .brandy-swiper-navigation-button { display: var(--brandy-swiper-navigation-display, inline-flex); width: var(--brandy-swiper-navigation-button-width, 42px); height: var(--brandy-swiper-navigation-button-height, 42px); background: var(--brandy-swiper-navigation-button-background-color, #ffffff); align-items: center; justify-content: center; border-radius: var(--brandy-swiper-navigation-button-radius, 50%); box-shadow: var(--brandy-swiper-navigation-button-shadow, 0px 10px 25px 0px rgba(55, 126, 98, 0.0509803922)); border: var(--brandy-swiper-navigation-button-border, none); cursor: pointer; transition: all ease-in-out var(--theme-component-transition-duration, 0.2s); } .brandy-swiper-navigation-button svg { width: var(--brandy-swiper-navigation-button-icon-width, 7px); height: var(--brandy-swiper-navigation-button-icon-height, 12px); } .brandy-swiper-navigation-button svg path { stroke: var(--brandy-swiper-navigation-button-icon-color, #5A6D80); fill: var(--brandy-swiper-navigation-button-icon-fill-color, transparent); transition: all ease-in-out var(--theme-component-transition-duration, 0.2s); } .brandy-swiper-navigation-button.swiper-button-disabled { background-color: var(--brandy-swiper-navigation-button-background-color-disabled, #eee); cursor: default; box-shadow: var(--brandy-swiper-navigation-button-shadow-disabled, none); border: var(--brandy-swiper-navigation-button-border-disabled, none); } .brandy-swiper-navigation-button.swiper-button-disabled svg path { stroke: var(--brandy-swiper-navigation-button-icon-color-disabled, #c4c4c4); fill: var(--brandy-swiper-navigation-button-icon-fill-color-disabled, transparent); } .brandy-swiper-navigation-button:hover:not(.swiper-button-disabled) { background: var(--brandy-swiper-navigation-button-background-color-hover, #EDF3F9); box-shadow: var(--brandy-swiper-navigation-button-shadow-hover, 0px 10px 25px 0px rgba(18, 41, 64, 0.1490196078)); border: var(--brandy-swiper-navigation-button-border-hover, none); } .brandy-swiper-navigation-button:hover:not(.swiper-button-disabled) svg path { stroke: var(--brandy-swiper-navigation-button-icon-color-hover, #1D1E20); fill: var(--brandy-swiper-navigation-button-icon-fill-color-hover, transparent); } .brandy-swiper-navigation { display: var(--swiper-navigation-display, block); } .brandy-swiper-scrollbar { display: var(--swiper-scrollbar-display, none); position: var(--swiper-position, relative) !important; margin-top: var(--swiper-scrollbar-margin-top, 20px); --swiper-scrollbar-sides-offset: 0px; --swiper-scrollbar-top: unset; --swiper-scrollbar-bottom: unset; --swiper-scrollbar-left: unset; } .brandy-swiper-scrollbar .swiper-scrollbar-drag { cursor: grab; } .brandy-product-collection-slider .brandy-site-product-template.is-layout-grid, .brandy-block-query-slider .wp-block-post-template.is-layout-grid { display: flex; gap: 0; } /* Layout */ body { --wp-adminbar-height: 0px; } 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; } } .page-container { width: 100%; padding: var(--wp--preset--spacing--30); max-width: var(--wp--style--global--wide-size, 1500px); margin-left: auto; margin-right: auto; } .builder-boxed { width: 100%; max-width: var(--wp--style--global--wide-size, 1500px); margin-left: auto; margin-right: auto; } .site-contented { width: 100%; max-width: var(--wp--style--global--content-size, 1500px); margin-left: auto; margin-right: auto; } .brandy-add-to-wishlist-icon { display: inline-block; width: fit-content; fill: var(--brandy-global-wishlist-icon-color-normal); transition: fill var(--theme-component-transition-duration, 0.2s) ease-in-out; } .brandy-loop-product, .wp-block-post.type-product { position: relative; } .brandy-loop-product .brandy-wishlist-floating-fragment, .wp-block-post.type-product .brandy-wishlist-floating-fragment { position: absolute; top: 10px; right: 10px; display: inline-flex; height: fit-content; z-index: 10; } .brandy-loop-product .brandy-wishlist-floating-fragment .brandy-wishlist-floating-icon, .wp-block-post.type-product .brandy-wishlist-floating-fragment .brandy-wishlist-floating-icon { display: inline-flex; height: fit-content; visibility: hidden; opacity: 0; transition-property: opacity, visibility; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; margin-top: 0; } .brandy-loop-product .brandy-wishlist-floating-fragment .brandy-wishlist-floating-icon.wishlisted, .wp-block-post.type-product .brandy-wishlist-floating-fragment .brandy-wishlist-floating-icon.wishlisted { visibility: visible; opacity: 1; } .brandy-loop-product .brandy-wishlist-floating-fragment .brandy-wishlist-floating-icon.wishlisted .brandy-add-to-wishlist-icon, .wp-block-post.type-product .brandy-wishlist-floating-fragment .brandy-wishlist-floating-icon.wishlisted .brandy-add-to-wishlist-icon { fill: var(--brandy-global-wishlist-icon-color-active); } .brandy-loop-product:hover .brandy-wishlist-floating-icon.brandy-add-to-wishlist-btn, .wp-block-post.type-product:hover .brandy-wishlist-floating-icon.brandy-add-to-wishlist-btn { visibility: visible; opacity: 1; fill: var(--brandy-global-wishlist-icon-color-hover); } .brandy-add-to-wishlist-fragment { margin-top: 5px; color: var(--brandy-global-wishlist-text-color-normal); width: fit-content; position: relative; display: flex; align-items: center; gap: 10px; } .brandy-add-to-wishlist-fragment .brandy-view-wishlist { position: relative; } .brandy-add-to-wishlist-fragment .brandy-view-wishlist::before, .brandy-add-to-wishlist-fragment .brandy-view-wishlist::after { background: currentColor; bottom: -2px; content: ""; height: 1px; left: 0; position: absolute; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); -webkit-transform-origin: right; transform-origin: right; transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s); width: 100%; } .brandy-add-to-wishlist-fragment .brandy-view-wishlist:hover { background: none; color: #000; } .brandy-add-to-wishlist-fragment .brandy-view-wishlist:hover::before, .brandy-add-to-wishlist-fragment .brandy-view-wishlist::after { -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .brandy-add-to-wishlist-fragment .brandy-view-wishlist::after { -webkit-transform-origin: left; transform-origin: left; } .brandy-add-to-wishlist-fragment .brandy-view-wishlist:hover::after { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) var(--theme-component-transition-duration, 0.2s); } .brandy-add-to-wishlist-fragment .brandy-add-to-wishlist-icon { width: 20px; } .brandy-add-to-wishlist-fragment .brandy-add-to-wishlist-icon svg { width: 20px; } .brandy-add-to-wishlist-fragment .brandy-wishlist-already-text, .brandy-add-to-wishlist-fragment .brandy-wishlist-added-text { font-size: 16px; color: var(--brandy-global-wishlist-text-color-hover); } .brandy-add-to-wishlist-fragment a { color: inherit; } .brandy-wishlist-dropdown .brandy-wishlist-drawer__item:last-child { border-bottom: none !important; } .page-content .brandy-wishlist-shortcode .brandy-wishlist-drawer__content { border-top: 0 !important; } .page-content .brandy-wishlist-shortcode .brandy-wishlist-drawer__content .brandy-wishlist-drawer__list .brandy-wishlist-drawer__item .item-detail { display: flex; flex-direction: row; } .page-content .brandy-wishlist-shortcode .brandy-wishlist-drawer__content .brandy-wishlist-drawer__list .brandy-wishlist-drawer__item .item-name { width: 20%; } .page-content .brandy-wishlist-shortcode .brandy-wishlist-drawer__content .brandy-wishlist-drawer__list .brandy-wishlist-drawer__item .item-price { justify-content: space-between; margin-left: 2rem; margin-top: 0; } .page-content .brandy-wishlist-shortcode .brandy-wishlist-drawer__content .brandy-wishlist-drawer__list .brandy-wishlist-drawer__item .item-actions { margin-top: 0; } .wc-block-breadcrumbs:not(.block-editor-block-list__block) { color: var(--breadcrumb-text-color-active); } .wc-block-breadcrumbs:not(.block-editor-block-list__block) .brandy-breadcrumb-container { width: fit-content; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--breadcrumb-item-spacing, 5); background-color: var(--breadcrumb-container-background-color, transparent); border-radius: var(--breadcrumb-container-border-radius, 0); } .wc-block-breadcrumbs:not(.block-editor-block-list__block) .brandy-breadcrumb-container .brandy-breadcrumb-item-link { color: var(--breadcrumb-text-color-normal); padding: var(--breadcrumb-item-padding, 0); background-color: var(--breadcrumb-item-background-color, transparent); border-radius: var(--breadcrumb-item-border-radius, 0); text-align: center; font-size: var(--breadcrumb-font_size); font-weight: var(--breadcrumb-font_weight); font-style: var(--breadcrumb-font_style); line-height: var(--breadcrumb-line_height); letter-spacing: var(--breadcrumb-letter_spacing); text-transform: var(--breadcrumb-transform); text-decoration: var(--breadcrumb-decoration); } .wc-block-breadcrumbs:not(.block-editor-block-list__block) .brandy-breadcrumb-container .brandy-breadcrumb-item-link:hover { color: var(--breadcrumb-text-color-hover); } .wc-block-breadcrumbs:not(.block-editor-block-list__block) .brandy-breadcrumb-container .brandy-breadcrumb-separator svg *[fill] { fill: var(--breadcrumb-separator-color, #A1ABB7); } .wc-block-breadcrumbs:not(.block-editor-block-list__block) .brandy-breadcrumb-container .brandy-breadcrumb-separator svg *[stroke] { stroke: var(--breadcrumb-separator-color, #A1ABB7); } .wc-block-breadcrumbs:not([class*=wp-elements-]) .brandy-breadcrumb-item-link a { color: currentColor; } .post_format-post-format-gallery .gallery-item { margin-bottom: 0.5rem; } .post_format-post-format-gallery .gallery-item img { width: 95%; height: auto; object-fit: cover; border: none !important; border-radius: 7px; transition: all ease-in-out var(--theme-component-transition-duration, 0.2s); } .post_format-post-format-gallery .gallery-item:hover img { box-shadow: 0px 5px 25px 0px rgba(39, 40, 41, 0.1215686275); } .post_format-post-format-gallery .gallery-item .gallery-caption { font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .post_format-post-format-image .post-content .wp-caption { width: 100%; } .post_format-post-format-image .post-content img { width: 100%; border-radius: 7px; } .post-password-form [name=post_password] { margin-top: 5px; } .post-password-form input[type=submit] { margin-top: 1rem; } .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; } /* WooCommerce */ /** * WooCommerce CSS Variables */ :root { --woocommerce: #7F54B3; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #7F54B3; --wc-primary-text: white; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #b3af54; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; } @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; } /* 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; } .brandy-ratings__stars > svg { margin-right: 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; padding-right: 0.5rem; cursor: pointer; } #brandy-rating .brandy-ratings__stars > .star-item:last-child { margin-right: 0; padding-right: 0; } #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-sale-tag, .wc-block-components-product-sale-badge, .wc-block-components-sale-badge.wc-block-components-product-badge, .wc-block-grid .wc-block-grid__product-onsale.wc-block-components-product-sale-badge, .wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-components-product-sale-badge { color: var(--wc-sale-badge-text-color, #fff); font-size: var(--wc-sale-badge-font-size, 0.875rem); text-transform: uppercase; line-height: 1.4; font-weight: var(--wc-sale-badge-font-weight, 600); background: var(--wc-sale-badge-background-color, rgb(255, 172, 112)); border-style: solid; border-width: var(--wc-sale-badge-border-width, 0); border-radius: var(--wc-sale-badge-border-radius, 0.5rem); border-color: var(--wc-sale-badge-border-color, #000000); padding: var(--wc-sale-badge-padding, 1px 0.5rem); z-index: 10; text-align: center; } .brandy-loop-product__image .brandy-sale-tag, .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%); } .elementor-products-grid ul.products.elementor-grid li.product .onsale.brandy-sale-tag { padding: var(--wc-sale-badge-padding, 1px 0.5rem); } :root { --woocommerce-quantity-input-background-color: #F5F5F5; --woocommerce-quantity-input-border-radius: var(--input-border-radius); --woocommerce-quantity-input-border-color: var(--input-border-color); --woocommerce-quantity-input-border-width: 0; --woocommerce-quantity-input-color-normal: #272829; --woocommerce-quantity-input-color-hover: #272829; --woocommerce-quantity-input-button-color-normal: #5A6D80; --woocommerce-quantity-input-button-color-hover: #272829; } .brandy-quantity, .wc-block-components-quantity-selector { display: flex; align-items: center; justify-content: space-between; padding: 10px 6px; background: var(--woocommerce-quantity-input-background-color); border-radius: var(--woocommerce-quantity-input-border-radius); border-width: var(--woocommerce-quantity-input-border-width); border-color: var(--woocommerce-quantity-input-border-color); border-style: solid; width: fit-content; gap: 3px; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .brandy-quantity::after, .wc-block-components-quantity-selector::after { content: none !important; } .brandy-quantity input[type=number], .brandy-quantity input[type=text], .wc-block-components-quantity-selector input[type=number], .wc-block-components-quantity-selector input[type=text] { outline: none; background: transparent; width: 3rem; text-align: center; padding: 0; border: 0; color: var(--woocommerce-quantity-input-color-normal); font-weight: 600; font-size: 16px; } .brandy-quantity input[type=number]:hover, .brandy-quantity input[type=text]:hover, .wc-block-components-quantity-selector input[type=number]:hover, .wc-block-components-quantity-selector input[type=text]:hover { color: var(--woocommerce-quantity-input-color-hover); } .brandy-quantity input[type=number]:focus, .brandy-quantity input[type=text]:focus, .wc-block-components-quantity-selector input[type=number]:focus, .wc-block-components-quantity-selector input[type=text]:focus { outline: none !important; box-shadow: none !important; } .brandy-quantity input::-webkit-outer-spin-button, .brandy-quantity input::-webkit-inner-spin-button, .wc-block-components-quantity-selector input::-webkit-outer-spin-button, .wc-block-components-quantity-selector input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .brandy-quantity input[type=number], .wc-block-components-quantity-selector input[type=number] { -moz-appearance: textfield; } .brandy-quantity .qty-minus, .brandy-quantity .qty-plus, .brandy-quantity .wc-block-components-quantity-selector__button, .wc-block-components-quantity-selector .qty-minus, .wc-block-components-quantity-selector .qty-plus, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { cursor: pointer; background: inherit; padding: 0; color: var(--woocommerce-quantity-input-button-color-normal); } .brandy-quantity .qty-minus:hover, .brandy-quantity .qty-plus:hover, .brandy-quantity .wc-block-components-quantity-selector__button:hover, .wc-block-components-quantity-selector .qty-minus:hover, .wc-block-components-quantity-selector .qty-plus:hover, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { color: var(--woocommerce-quantity-input-button-color-hover); } .brandy-quantity .qty-minus:focus, .brandy-quantity .qty-minus:focus-visible, .brandy-quantity .qty-plus:focus, .brandy-quantity .qty-plus:focus-visible, .brandy-quantity .wc-block-components-quantity-selector__button:focus, .brandy-quantity .wc-block-components-quantity-selector__button:focus-visible, .wc-block-components-quantity-selector .qty-minus:focus, .wc-block-components-quantity-selector .qty-minus:focus-visible, .wc-block-components-quantity-selector .qty-plus:focus, .wc-block-components-quantity-selector .qty-plus:focus-visible, .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 { box-shadow: none !important; } .wc-block-add-to-cart-form .quantity.brandy-quantity { display: inline-flex; margin-bottom: 0; } /* Blocks */ .wc-blocks-components-select__container .wc-blocks-components-select__expand { fill: var(--input-border-color-normal); } .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=tel], .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=search], .wc-block-components-text-input textarea, .wc-block-components-state-input input[type=text], .wc-block-components-state-input input[type=tel], .wc-block-components-state-input input[type=email], .wc-block-components-state-input input[type=number], .wc-block-components-state-input input[type=password], .wc-block-components-state-input input[type=search], .wc-block-components-state-input textarea, .wc-block-components-country-input .wc-block-components-combobox input[type=text], .wc-block-components-country-input .wc-block-components-combobox input[type=tel], .wc-block-components-country-input .wc-block-components-combobox input[type=email], .wc-block-components-country-input .wc-block-components-combobox input[type=number], .wc-block-components-country-input .wc-block-components-combobox input[type=password], .wc-block-components-country-input .wc-block-components-combobox input[type=search], .wc-block-components-country-input .wc-block-components-combobox textarea { background-color: var(--input-background-color-normal) !important; color: var(--input-text-color-normal) !important; font-size: var(--input-typography-font_size) !important; font-weight: var(--input-typography-font_weight) !important; font-style: var(--input-typography-font_style) !important; line-height: var(--input-typography-line_height) !important; letter-spacing: var(--input-typography-letter_spacing) !important; text-transform: var(--input-typography-transform) !important; text-decoration: var(--input-typography-decoration) !important; width: 100% !important; border-width: var(--input-border-width) !important; border-color: var(--input-border-color-normal) !important; border-style: solid !important; border-radius: var(--input-border-radius) !important; outline-width: var(--input-border-width) !important; outline-color: transparent !important; outline-style: solid !important; padding: var(--input-padding) !important; box-shadow: none !important; transition-property: outline, border !important; transition-duration: var(--theme-component-transition-duration, 0.2s) !important; transition-timing-function: ease-in-out !important; } .wc-block-components-text-input input[type=text]:hover, .wc-block-components-text-input input[type=tel]:hover, .wc-block-components-text-input input[type=email]:hover, .wc-block-components-text-input input[type=number]:hover, .wc-block-components-text-input input[type=password]:hover, .wc-block-components-text-input input[type=search]:hover, .wc-block-components-text-input textarea:hover, .wc-block-components-state-input input[type=text]:hover, .wc-block-components-state-input input[type=tel]:hover, .wc-block-components-state-input input[type=email]:hover, .wc-block-components-state-input input[type=number]:hover, .wc-block-components-state-input input[type=password]:hover, .wc-block-components-state-input input[type=search]:hover, .wc-block-components-state-input textarea:hover, .wc-block-components-country-input .wc-block-components-combobox input[type=text]:hover, .wc-block-components-country-input .wc-block-components-combobox input[type=tel]:hover, .wc-block-components-country-input .wc-block-components-combobox input[type=email]:hover, .wc-block-components-country-input .wc-block-components-combobox input[type=number]:hover, .wc-block-components-country-input .wc-block-components-combobox input[type=password]:hover, .wc-block-components-country-input .wc-block-components-combobox input[type=search]:hover, .wc-block-components-country-input .wc-block-components-combobox textarea:hover { border-color: var(--input-border-color-hover) !important; color: var(--input-text-color-hover) !important; background-color: var(--input-background-color-hover) !important; } .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=search]:focus, .wc-block-components-text-input textarea:focus, .wc-block-components-state-input input[type=text]:focus, .wc-block-components-state-input input[type=tel]:focus, .wc-block-components-state-input input[type=email]:focus, .wc-block-components-state-input input[type=number]:focus, .wc-block-components-state-input input[type=password]:focus, .wc-block-components-state-input input[type=search]:focus, .wc-block-components-state-input textarea:focus, .wc-block-components-country-input .wc-block-components-combobox input[type=text]:focus, .wc-block-components-country-input .wc-block-components-combobox input[type=tel]:focus, .wc-block-components-country-input .wc-block-components-combobox input[type=email]:focus, .wc-block-components-country-input .wc-block-components-combobox input[type=number]:focus, .wc-block-components-country-input .wc-block-components-combobox input[type=password]:focus, .wc-block-components-country-input .wc-block-components-combobox input[type=search]:focus, .wc-block-components-country-input .wc-block-components-combobox textarea:focus { outline-color: var(--input-border-color-focus) !important; border-color: transparent !important; outline-width: calc(var(--input-border-width) + 1px) !important; } .wc-block-components-text-input input[type=text]::placeholder, .wc-block-components-text-input input[type=tel]::placeholder, .wc-block-components-text-input input[type=email]::placeholder, .wc-block-components-text-input input[type=number]::placeholder, .wc-block-components-text-input input[type=password]::placeholder, .wc-block-components-text-input input[type=search]::placeholder, .wc-block-components-text-input textarea::placeholder, .wc-block-components-state-input input[type=text]::placeholder, .wc-block-components-state-input input[type=tel]::placeholder, .wc-block-components-state-input input[type=email]::placeholder, .wc-block-components-state-input input[type=number]::placeholder, .wc-block-components-state-input input[type=password]::placeholder, .wc-block-components-state-input input[type=search]::placeholder, .wc-block-components-state-input textarea::placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=text]::placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=tel]::placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=email]::placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=number]::placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=password]::placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=search]::placeholder, .wc-block-components-country-input .wc-block-components-combobox textarea::placeholder { color: var(--wp--preset--color--brandy-secondary-text); opacity: 0.5; } .wc-block-components-text-input input[type=text]::-ms-input-placeholder, .wc-block-components-text-input input[type=tel]::-ms-input-placeholder, .wc-block-components-text-input input[type=email]::-ms-input-placeholder, .wc-block-components-text-input input[type=number]::-ms-input-placeholder, .wc-block-components-text-input input[type=password]::-ms-input-placeholder, .wc-block-components-text-input input[type=search]::-ms-input-placeholder, .wc-block-components-text-input textarea::-ms-input-placeholder, .wc-block-components-state-input input[type=text]::-ms-input-placeholder, .wc-block-components-state-input input[type=tel]::-ms-input-placeholder, .wc-block-components-state-input input[type=email]::-ms-input-placeholder, .wc-block-components-state-input input[type=number]::-ms-input-placeholder, .wc-block-components-state-input input[type=password]::-ms-input-placeholder, .wc-block-components-state-input input[type=search]::-ms-input-placeholder, .wc-block-components-state-input textarea::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=text]::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=tel]::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=email]::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=number]::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=password]::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox input[type=search]::-ms-input-placeholder, .wc-block-components-country-input .wc-block-components-combobox textarea::-ms-input-placeholder { color: var(--wp--preset--color--brandy-secondary-text); } .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=tel], .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=search], .wc-block-components-text-input.is-active textarea, .wc-block-components-state-input.is-active input[type=text], .wc-block-components-state-input.is-active input[type=tel], .wc-block-components-state-input.is-active input[type=email], .wc-block-components-state-input.is-active input[type=number], .wc-block-components-state-input.is-active input[type=password], .wc-block-components-state-input.is-active input[type=search], .wc-block-components-state-input.is-active textarea, .wc-block-components-country-input .wc-block-components-combobox.is-active input[type=text], .wc-block-components-country-input .wc-block-components-combobox.is-active input[type=tel], .wc-block-components-country-input .wc-block-components-combobox.is-active input[type=email], .wc-block-components-country-input .wc-block-components-combobox.is-active input[type=number], .wc-block-components-country-input .wc-block-components-combobox.is-active input[type=password], .wc-block-components-country-input .wc-block-components-combobox.is-active input[type=search], .wc-block-components-country-input .wc-block-components-combobox.is-active textarea { padding: 24px 16px 8px !important; } .wc-block-components-text-input.is-active label, .wc-block-components-state-input.is-active label, .wc-block-components-country-input .wc-block-components-combobox.is-active label { transform: translateY(8px) scale(0.875) !important; } .wc-block-components-text-input label, .wc-block-components-state-input label, .wc-block-components-country-input .wc-block-components-combobox label { left: 16px !important; } .wc-block-components-state-input, .wc-block-components-country-input { position: relative; } .wc-block-components-state-input input[type=text][value=""], .wc-block-components-country-input input[type=text][value=""] { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .wc-block-components-state-input .components-form-token-field__suggestions-list, .wc-block-components-country-input .components-form-token-field__suggestions-list { border-color: transparent !important; outline: calc(var(--select-border-width)) solid var(--select-border-color-normal); margin: 0px !important; position: absolute; top: calc(100% + var(--select-border-width)); width: 100%; } .wc-block-components-state-input .components-form-token-field__suggestions-list li, .wc-block-components-country-input .components-form-token-field__suggestions-list li { padding: 12px !important; color: #272829 !important; background-color: #ffffff !important; outline: none !important; } .wc-block-components-state-input .components-form-token-field__suggestions-list li.is-selected, .wc-block-components-country-input .components-form-token-field__suggestions-list li.is-selected { background-color: #F2F2F2 !important; } .wc-block-components-state-input .components-form-token-field__suggestions-list li:hover, .wc-block-components-country-input .components-form-token-field__suggestions-list li:hover { background-color: #edf3f9 !important; } .wc-block-checkout { /** Delivery */ /** Local Pickup */ /** Shipping */ /** Payment */ /** Submit */ } .wc-block-checkout .wc-block-components-loading-mask { min-height: unset !important; } .wc-block-checkout .wc-block-components-checkout-step__heading { font-size: 1.125rem; line-height: 1.75rem; } .wc-block-checkout .wc-block-components-checkout-step__heading * { font-size: inherit !important; } .wc-block-checkout .wc-block-components-form .wc-block-components-checkout-step { padding: 0; } .wc-block-checkout .wc-block-components-form .wc-block-components-checkout-step .wc-block-components-checkout-step__title::before { position: relative; left: 0; transform: none; margin-right: 8px; } .wc-block-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after { display: none; } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container { background-color: var(--input-background-color-normal) !important; color: var(--input-text-color-normal) !important; font-size: var(--input-typography-font_size) !important; font-weight: var(--input-typography-font_weight) !important; font-style: var(--input-typography-font_style) !important; line-height: var(--input-typography-line_height) !important; letter-spacing: var(--input-typography-letter_spacing) !important; text-transform: var(--input-typography-transform) !important; text-decoration: var(--input-typography-decoration) !important; width: 100% !important; border-width: var(--input-border-width) !important; border-color: var(--input-border-color-normal) !important; border-style: solid !important; border-radius: var(--input-border-radius) !important; outline-width: var(--input-border-width) !important; outline-color: transparent !important; outline-style: solid !important; padding: var(--input-padding) !important; box-shadow: none !important; transition-property: outline, border !important; transition-duration: var(--theme-component-transition-duration, 0.2s) !important; transition-timing-function: ease-in-out !important; padding: 0 !important; overflow: hidden; } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container:hover { border-color: var(--input-border-color-hover) !important; color: var(--input-text-color-hover) !important; background-color: var(--input-background-color-hover) !important; } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container:focus { outline-color: var(--input-border-color-focus) !important; border-color: transparent !important; outline-width: calc(var(--input-border-width) + 1px) !important; } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container::placeholder { color: var(--wp--preset--color--brandy-secondary-text); opacity: 0.5; } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container::-ms-input-placeholder { color: var(--wp--preset--color--brandy-secondary-text); } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container select { border: none; color: inherit; background-color: inherit; padding: 24px 16px 8px; height: 50px; } .wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container .wc-blocks-components-select__label { color: currentColor; transform: translateY(3px) scale(0.875); left: 16px; font-size: 1rem; } .wc-block-checkout .wc-block-components-checkout-step__container .wc-block-components-checkout-step__content #shipping-method { gap: 1rem; } .wc-block-checkout .wc-block-components-checkout-step__container .wc-block-components-checkout-step__content #shipping-method .wc-block-checkout__shipping-method-option { outline: 1px solid var(--wp--preset--color--brandy-border) !important; background-color: transparent; transition: outline-color var(--theme-component-transition-duration, 0.2s) ease-in-out !important; } .wc-block-checkout .wc-block-components-checkout-step__container .wc-block-components-checkout-step__content #shipping-method .wc-block-checkout__shipping-method-option:hover { outline-color: var(--input-border-color-hover) !important; } .wc-block-checkout .wc-block-components-checkout-step__container .wc-block-components-checkout-step__content #shipping-method .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected { outline: 1.5px solid var(--input-border-color-focus) !important; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option { margin-top: 1rem; outline: 1px solid var(--wp--preset--color--brandy-border); border-radius: var(--input-border-radius); padding: 1.25rem 1.875rem 1.25rem 3rem; position: relative; transition: outline-color var(--theme-component-transition-duration, 0.2s) ease-in-out; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option:hover { outline-color: var(--input-border-color-hover); } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked { outline-color: var(--input-border-color-focus); outline-width: 1.5px; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option > .wc-block-components-radio-control__input { position: absolute; top: 23px; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option:first-child { margin-top: 0; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group { padding: 0; margin: 0; margin-top: 20px; width: 100%; font-size: 0.875rem; line-height: 1.25rem; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group > * { margin: 0; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group > *:where(.wc-block-components-radio-control__option-checked .wc-block-components-radio-control__description-group > *) { margin-bottom: 10px; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group > *:where(.wc-block-components-radio-control__option-checked .wc-block-components-radio-control__description-group > *):last-child { margin-bottom: 0; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .wc-block-components-radio-control__description { display: flex; gap: 7px; color: currentColor; } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description { color: var(--wp--preset--color--brandy-secondary-text); } .wc-block-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-local-pickup-select > .wc-block-components-radio-control > .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description:empty { display: none; } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option { border-radius: 8px; outline: 1px solid var(--wp--preset--color--brandy-border); padding: 1.5rem 1.25rem; display: flex; gap: 9px; align-items: center; font-weight: 600; transition: outline-color ease-in-out var(--theme-component-transition-duration, 0.2s); } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__input { position: relative; left: 0; } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__label-group { display: flex; justify-content: space-between; align-items: center; } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__label, .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label { font-size: 0.875rem; line-height: 1.25rem; } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option:hover { outline-color: var(--input-border-color-hover); } .wc-block-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked { outline-color: var(--input-border-color-focus); outline-width: 1.5px; box-shadow: none; } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option, .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option { border-top-color: var(--wp--preset--color--brandy-border); } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control { border: 1px solid var(--wp--preset--color--brandy-border); border-radius: 5px; } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child { border-bottom: 0; } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option { padding: 1.25rem 1.875rem 1.25rem 3rem; } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control-accordion-content { padding: 0 1.875rem 1.25rem 3rem; font-size: 0.875rem; line-height: 1.25rem; } .wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__input[type=radio] { position: absolute; } .wc-block-checkout .wc-block-checkout__actions { padding-top: 20px !important; } .wc-block-checkout .wc-block-checkout__actions .wc-block-components-checkout-place-order-button { min-width: 50% !important; padding: 1.07rem 1.5rem !important; font-size: 1.125rem !important; font-weight: 600 !important; } .wc-block-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { display: flex; align-items: center; gap: 13px; color: var(--wp--preset--color--brandy-primary-text); margin-left: calc(24px + 0.25rem); padding: 0; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .wc-block-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .wc-block-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button svg { left: calc((24px + 0.25rem) * -1); } .wc-block-checkout.is-large .wp-block-woocommerce-checkout-order-summary-block { border-radius: var(--checkout-order-summary-radius, 5px); border: var(--checkout-order-summary-border, 1px solid hsla(0, 0%, 7%, 0.11)); } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block { /** Items */ /** Shipping */ /** Footer */ } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper { border-top-color: var(--wp--preset--color--brandy-border); } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:first-child { border-top: 0; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item__label, .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item__value { font-size: 0.875rem; line-height: 1.25rem; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary > div > .wc-block-components-panel__button { background-color: transparent !important; color: var(--wp--preset--color--brandy-primary-text) !important; padding: 0 !important; display: flex !important; width: 100% !important; justify-content: space-between !important; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary > div > .wc-block-components-panel__button:focus, .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary > div > .wc-block-components-panel__button:focus-within, .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary > div > .wc-block-components-panel__button:focus-visible { outline: none; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary > div > .wc-block-components-panel__button .wc-block-components-order-summary__button-text { font-size: 1rem; line-height: 1.5rem; font-weight: 600; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary .wc-block-components-order-summary__content .wc-block-components-order-summary-item__image { min-width: var(--order-item-thumb-width); min-height: var(--order-item-thumb-height); width: var(--order-item-thumb-width); height: var(--order-item-thumb-height); background-color: var(--order-item-thumb-background); border-radius: var(--order-item-thumb-radius); padding: 0 !important; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary .wc-block-components-order-summary__content .wc-block-components-order-summary-item__image img { width: 100%; height: 100%; max-width: unset; max-height: unset; object-fit: cover; border-radius: inherit; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary .wc-block-components-order-summary__content .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity { position: absolute; right: 0; top: 0; height: 20px; padding: 5px 11px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 50px; font-weight: 600; font-size: 12px; border: 1.5px solid #D3DCE5; outline: none; box-shadow: none; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary .wc-block-components-order-summary__content .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; margin-bottom: 5px; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-order-summary .wc-block-components-order-summary__content .wc-block-components-order-summary-item__description > *:not(.wc-block-components-product-name) { font-size: 12px; padding: 0; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon .wc-block-components-panel__button { font-size: 0.875rem; line-height: 1.25rem; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-shipping-block .wc-block-components-totals-shipping > .wc-block-components-totals-item > .wc-block-components-totals-item__description { margin-top: 8px; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-shipping-block .wc-block-components-totals-shipping > .wc-block-components-totals-item > .wc-block-components-totals-item__description .wc-block-components-shipping-address { margin-top: 5px; font-size: 0.875em; } .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-footer-item * { font-size: 1rem; line-height: 1.5rem; } .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: 0; box-shadow: none; } .wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--first-selected:after, .wc-block-components-radio-control--highlight-checked:after { border: 0; } .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child:after, .wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child:after, .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after { background: none; } .wc-block-components-checkout-step__container .wc-block-components-checkout-step__content { padding: 0; } @media screen and (max-width: 600px) { .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after, .is-small .wc-block-components-form .wc-block-components-checkout-step:after { display: none !important; } } .wc-block-cart .wc-block-components-loading-mask { min-height: unset !important; } .is-medium.wc-block-cart .wp-block-woocommerce-cart-order-summary-block > .wc-block-components-totals-wrapper:nth-child(2), .is-small.wc-block-cart .wp-block-woocommerce-cart-order-summary-block > .wc-block-components-totals-wrapper:nth-child(2), .is-mobile.wc-block-cart .wp-block-woocommerce-cart-order-summary-block > .wc-block-components-totals-wrapper:nth-child(2) { border-top: 0; } .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar { padding: 2rem; } .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar, .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar { padding: 1rem; } .wc-block-cart-items .wc-block-cart-items__header * { font-size: 1rem; line-height: 1.5rem; text-transform: none; } .wc-block-cart-items .wc-block-cart-item__image img { aspect-ratio: var(--product-thumb-aspect-ratio); background-color: var(--order-item-thumb-background); object-fit: cover; border-radius: var(--order-item-thumb-radius); } .wc-block-cart-items .wc-block-components-product-name { color: var(--wp--preset--color--brandy-primary-text); text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .wc-block-cart-items .wc-block-components-product-name:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .wp-block-woocommerce-cart-totals-block { background-color: transparent; backdrop-filter: brightness(var(--cart-totals-block-brightness)); padding: 2rem; border-radius: var(--cart-totals-block-radius, 0.5rem); height: fit-content; /** Shipping */ /** Totals */ } .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-heading-block { padding: 0 !important; text-align: left !important; padding-bottom: 10px !important; } .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title { font-size: 1.125rem; line-height: 1.75rem; text-transform: none; } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper { border-top-color: var(--wp--preset--color--brandy-border); } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper > *, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package { padding: 0 !important; } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout { display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__label-group, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__description-group, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__description, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option .wc-block-components-radio-control__label { font-size: inherit; line-height: inherit; } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__input[type=radio] { position: absolute; } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-shipping__change-address__link { font-size: 0.875rem; line-height: 1.25rem; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); background-color: unset; cursor: pointer; font-weight: 600; color: var(--wp--preset--color--brandy-accent); } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-shipping__change-address__link:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator { padding: 0 !important; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address { margin-top: 0.75rem; padding: 1.25rem 1.5rem; background-color: var(--wp--preset--color--brandy-theme-background); 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); } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-address-form > * { margin-bottom: 1.25rem; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-address-form > *:last-child { margin-bottom: 0; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address input, .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address select { font-size: 14px !important; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-blocks-components-select__container { display: flex; flex-direction: column; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-blocks-components-select__container .wc-blocks-components-select__select { width: 100%; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-blocks-components-select__container .wc-blocks-components-select__expand { display: none; } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-shipping-calculator-address__button { padding: 0.5rem 1rem; line-height: 1.6; border-radius: 10px; font-size: 1rem; font-weight: 600; background-color: var(--secondary-button-background-color); border-style: var(--secondary-button-border-style); border-width: var(--secondary-button-border-width); border-color: var(--secondary-button-border-color); color: var(--secondary-button-color); box-shadow: var(--secondary-button-box-shadow); } .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-shipping-calculator-address__button:hover { background-color: var(--secondary-button-hover-background-color); border-color: var(--secondary-button-hover-border-color); color: var(--secondary-button-hover-color); box-shadow: var(--secondary-button-hover-box-shadow); } .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1rem; } .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button { width: 100% !important; font-weight: 600 !important; font-size: 1.125rem; line-height: 1.75rem; padding: 0.75rem 1.5rem !important; } .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit { margin-bottom: 0; } .wp-block-woocommerce-empty-cart-block > .wc-block-cart__empty-cart__title { font-size: 20px; } .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; } .brandy-site-product-template + .brandy-shop-loop-bottom { display: none; } .brandy-site-product-template ~ .wp-block-query-pagination { margin-top: 2.5rem !important; padding-top: 1.75rem; border-top: 1px solid var(--wp--preset--color--brandy-border); } @media screen and (max-width: 767px) { .brandy-site-product-template:not(.columns-1) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 975px) { .brandy-site-product-template [data-block-name="woocommerce/product-image"] img { aspect-ratio: var(--product-thumb-aspect-ratio-tablet, 1.3/1); } } .brandy-site-product-template .brandy-ratings__stars svg { width: 14px; height: 14px; } /** Products Template Spacing */ .brandy-site-product-template { --brandy-products-template-gap: var(--wp--preset--spacing--30); } .brandy-site-product-template.wc-block-product-template__responsive.columns-2 { grid-template-columns: repeat(auto-fill, minmax(max(150px, 50% - var(--brandy-products-template-gap)), 1fr)); } .brandy-site-product-template.wc-block-product-template__responsive.columns-3 { grid-template-columns: repeat(auto-fill, minmax(max(150px, 33.33333% - var(--brandy-products-template-gap)), 1fr)); } .brandy-site-product-template.wc-block-product-template__responsive.columns-4 { grid-template-columns: repeat(auto-fill, minmax(max(150px, 25% - var(--brandy-products-template-gap)), 1fr)); } .brandy-site-product-template.wc-block-product-template__responsive.columns-5 { grid-template-columns: repeat(auto-fill, minmax(max(150px, 20% - var(--brandy-products-template-gap)), 1fr)); } .brandy-site-product-template.wc-block-product-template__responsive.columns-6 { grid-template-columns: repeat(auto-fill, minmax(max(150px, 16.66667% - var(--brandy-products-template-gap)), 1fr)); } .brandy-site-product-template.wc-block-product-template__responsive { grid-gap: var(--brandy-products-template-gap); } .wc-block-order-confirmation-summary .wc-block-order-confirmation-summary-list { flex-direction: column; gap: 8px; } .wc-block-order-confirmation-summary .wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item__value { display: inline-block; } .wp-block-woocommerce-product-image-gallery { position: relative; max-width: unset !important; } .wp-block-woocommerce-product-image-gallery .brandy-sale-tag { position: absolute; top: 0.875rem !important; left: 0.875rem !important; right: auto; } .wp-block-woocommerce-product-price ~ .product-pricing-and-rating { display: none; } .wp-block-woocommerce-product-price ~ .brandy-add-to-wishlist-fragment { display: none; } .wc-block-components-drawer__screen-overlay { z-index: 10000; } .brandy-loop-product__image img, .attachment-woocommerce_thumbnail, .wc-block-grid__product-image img, .wc-block-components-product-image img { aspect-ratio: var(--product-thumb-aspect-ratio); } div#content button.wc-block-cart-item__remove-link { padding: 0; background-color: transparent; color: inherit; font-size: 0.8rem; text-decoration: underline; } [data-block-name="woocommerce/legacy-template"] .woocommerce-breadcrumb { margin-bottom: 1rem; } [data-block-name="woocommerce/legacy-template"] .brandy-shop-loop-header, [data-block-name="woocommerce/legacy-template"] .brandy-shop-loop-bottom { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; } [data-block-name="woocommerce/legacy-template"] .brandy-shop-loop-bottom { padding-top: 1.75rem; margin-top: 2.5rem; border-top: 1px solid var(--wp--preset--color--brandy-border); } [data-block-name="woocommerce/legacy-template"] .woocommerce-result-count { color: var(--wp--preset--color--brandy-secondary-text); } /* Layouts */ /* Loop */ .wc-block-grid__products .wc-block-grid__product, .brandy-loop-product { position: relative; display: flex; width: 100%; flex-direction: column; border: 0; padding-left: 0 !important; padding-right: 0 !important; } .wc-block-grid__products .wc-block-grid__product > *, .brandy-loop-product > * { margin-bottom: 2px; } .wc-block-grid__products .wc-block-grid__product > *:last-child, .brandy-loop-product > *:last-child { margin-bottom: 0; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__image, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image, .brandy-loop-product .brandy-loop-product__image, .brandy-loop-product .wc-block-grid__product-image { margin-bottom: 5px; position: relative; } @media screen and (max-width: 767px) { .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__image, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image, .brandy-loop-product .brandy-loop-product__image, .brandy-loop-product .wc-block-grid__product-image { aspect-ratio: var(--product-thumb-aspect-ratio-mobile, 1.3/1); } } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__image img, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image img, .brandy-loop-product .brandy-loop-product__image img, .brandy-loop-product .wc-block-grid__product-image img { display: block; width: 100%; height: 100%; border-radius: 0.75rem; object-fit: cover; object-position: 50% 50%; transition-property: background-color, opacity; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__image a, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image a, .brandy-loop-product .brandy-loop-product__image a, .brandy-loop-product .wc-block-grid__product-image a { height: 100%; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__category, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-cat, .brandy-loop-product .brandy-loop-product__category, .brandy-loop-product .wc-block-grid__product-cat { font-size: 0.75rem; line-height: 1.5rem; color: var(--wp--preset--color--brandy-secondary-text); text-transform: uppercase; text-align: left; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .brandy-loop-product .brandy-loop-product__title, .brandy-loop-product .wc-block-grid__product-title { margin-top: 0; position: relative; width: fit-content; color: var(--wp--preset--color--brandy-primary-text); font-size: 1.125rem; line-height: 1.5; font-weight: 500; text-align: left; } @media screen and (max-width: 767px) { .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .brandy-loop-product .brandy-loop-product__title, .brandy-loop-product .wc-block-grid__product-title { font-size: 0.875rem; line-height: 1.25rem; } } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__title a, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title a, .brandy-loop-product .brandy-loop-product__title a, .brandy-loop-product .wc-block-grid__product-title a { color: inherit; display: inline; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__title a:hover, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title a:hover, .brandy-loop-product .brandy-loop-product__title a:hover, .brandy-loop-product .wc-block-grid__product-title a:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__price, .wc-block-grid__products .wc-block-grid__product .wp-block-woocommerce-product-price, .brandy-loop-product .brandy-loop-product__price, .brandy-loop-product .wp-block-woocommerce-product-price { font-size: 1rem; text-align: left; } @media screen and (max-width: 767px) { .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__price, .wc-block-grid__products .wc-block-grid__product .wp-block-woocommerce-product-price, .brandy-loop-product .brandy-loop-product__price, .brandy-loop-product .wp-block-woocommerce-product-price { font-size: 0.875rem; line-height: 1.25rem; } } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__price del, .wc-block-grid__products .wc-block-grid__product .wp-block-woocommerce-product-price del, .brandy-loop-product .brandy-loop-product__price del, .brandy-loop-product .wp-block-woocommerce-product-price del { margin-right: 2px; color: rgb(90, 109, 128); font-size: inherit; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__price .wc-block-grid__product-price__value, .wc-block-grid__products .wc-block-grid__product .wp-block-woocommerce-product-price .wc-block-grid__product-price__value, .brandy-loop-product .brandy-loop-product__price .wc-block-grid__product-price__value, .brandy-loop-product .wp-block-woocommerce-product-price .wc-block-grid__product-price__value { margin-left: 0; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__price .wc-block-grid__product-price__regular, .wc-block-grid__products .wc-block-grid__product .wp-block-woocommerce-product-price .wc-block-grid__product-price__regular, .brandy-loop-product .brandy-loop-product__price .wc-block-grid__product-price__regular, .brandy-loop-product .wp-block-woocommerce-product-price .wc-block-grid__product-price__regular { margin-right: 3px; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__price .wc-block-grid__product-price, .wc-block-grid__products .wc-block-grid__product .wp-block-woocommerce-product-price .wc-block-grid__product-price, .brandy-loop-product .brandy-loop-product__price .wc-block-grid__product-price, .brandy-loop-product .wp-block-woocommerce-product-price .wc-block-grid__product-price { margin-bottom: 0; } .wc-block-grid__products .wc-block-grid__product .brandy-ratings__stars > svg, .brandy-loop-product .brandy-ratings__stars > svg { width: 14px; height: 14px; margin-right: 2px; } .wc-block-grid__products .wc-block-grid__product .add_to_cart_button, .brandy-loop-product .add_to_cart_button { display: inline-flex; min-width: 7.5rem; width: fit-content; margin-top: 8px; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: 600 !important; justify-content: center; align-items: center; font-size: 0.875rem; line-height: 1.25rem; } .wc-block-grid__products .wc-block-grid__product .add_to_cart_button.added, .brandy-loop-product .add_to_cart_button.added { display: none; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart, .brandy-loop-product .wc-block-grid__product-add-to-cart { width: fit-content; margin: 0; } /** Loop product layout 2 ================ */ [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image { position: relative; margin-bottom: 10px; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image img, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image img { transition-property: background-color, opacity; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button { position: absolute; width: 44px !important; height: 44px; padding: 10px !important; background-color: #172437 !important; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1019607843); display: flex; align-items: center; justify-content: center; border-radius: 50% !important; bottom: 15px; right: 15px; margin: 0; min-width: unset; transition-property: background-color, box-shadow; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button:hover, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button:hover { background-color: var(--wp--preset--color--brandy-accent); box-shadow: 0px 3px 20px 0px rgba(55, 126, 98, 0.2); } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button:hover .add_to_cart_button__text, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button:hover .add_to_cart_button__text { opacity: 1; visibility: visible; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button.loading::after, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button.loading::after { margin-left: 0 !important; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button.loading svg, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button.loading svg { display: none; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button.added ~ .added-to-cart-btn, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button.added ~ .added-to-cart-btn { opacity: 1; visibility: visible; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button .add_to_cart_button__text, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button .add_to_cart_button__text { position: absolute; width: max-content; padding: 2px 10px; background-color: white; color: #272829; border-radius: 2px; right: calc(100% + 7px); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.0705882353); opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: var(--theme-component-transition-duration, 0.2s); transition-timing-function: ease-in-out; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .add_to_cart_button .add_to_cart_button__text::after, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .add_to_cart_button .add_to_cart_button__text::after { content: ""; width: 0; height: 0; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); border-left-width: 6px; border-top-width: 6px; border-bottom-width: 6px; border-style: solid; border-left-color: white; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .added-to-cart-btn, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .added-to-cart-btn { position: absolute; bottom: 15px; right: 15px; opacity: 0; visibility: hidden; width: 44px; height: 44px; padding: 10px; background-color: white; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1019607843); border-radius: 50%; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__image .added-to-cart-btn:hover, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image .added-to-cart-btn:hover { box-shadow: 0px 3px 20px 0px rgba(55, 126, 98, 0.2); } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__content, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__content { text-align: center; display: flex; flex-direction: column; gap: 7px; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__content .brandy-loop-product__title, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__content .brandy-loop-product__title { text-align: inherit; margin: auto; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__content .brandy-loop-product__title a, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__content .brandy-loop-product__title a { text-align: inherit; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__content .brandy-ratings, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__content .brandy-ratings { margin: auto; } [data-loop-product-layout=option_2] .brandy-loop-product .brandy-loop-product__content .price, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__content .price { line-height: 1.2; text-align: center; } [data-loop-product-layout=option_2] .brandy-loop-product .add_to_cart_button .brandy-loader, .brandy-loop-product[data-layout=option_2] .add_to_cart_button .brandy-loader { margin-left: 0; margin-right: 0; } .brandy-product-list, .wc-block-grid__products { display: grid !important; column-gap: var(--wp--preset--spacing--30); row-gap: 3.125rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 !important; } @media screen and (max-width: 975px) { .brandy-product-list, .wc-block-grid__products { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 767px) { .brandy-product-list, .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .brandy-product-list > *, .wc-block-grid__products > * { max-width: unset !important; width: 100%; } /* Loop product thumb size ================ */ :root { --order-item-thumb-radius: 9px; --order-item-thumb-background: rgb(245 245 245); } /* Cart */ .variations:not(.single-product-variations-select) { display: flex; font-size: 0.875rem; line-height: 1.25rem; color: var(--wp--preset--color--brandy-secondary-text, #5A6D80); gap: 3px; align-items: center; flex-wrap: wrap; } .variations:not(.single-product-variations-select) .variation-separator { margin-left: 0.25rem; margin-right: 0.25rem; } .brandy-mini-cart.refreshing { overflow: hidden; user-select: none; } .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-theme-secondary-background)); } .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; } .brandy-mini-cart .widget_shopping_cart_content { height: 100%; } .brandy-mini-cart .brandy-mini-cart-wrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; background-color: var(--wp--preset--color--brandy-theme-background); } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart-top, .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart-bottom { padding: 1.5rem; } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart-bottom { box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 -1px 0px var(--wp--preset--color--brandy-border), 0 -5px 12px rgba(0, 0, 0, 0.03); } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart-top { overflow-y: auto; /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart-top::-webkit-scrollbar { display: none; } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart__title { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--wp--preset--color--brandy-border); padding-bottom: 15px; margin-bottom: 20px; } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart__title .brandy-mini-cart__title__text { font-weight: 500; font-size: 1.5rem; line-height: 2rem; margin: 0; } .brandy-mini-cart .brandy-mini-cart__list { position: relative; } .brandy-mini-cart .brandy-mini-cart__list::before { content: ""; transition: var(--theme-component-transition-duration, 0.2s); } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item { display: flex; gap: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item:last-child { margin-bottom: 0; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-thumbnail { min-width: var(--order-item-thumb-width); min-height: var(--order-item-thumb-height); width: var(--order-item-thumb-width); height: var(--order-item-thumb-height); overflow: hidden; background-color: var(--order-item-thumb-background); border-radius: var(--order-item-thumb-radius); } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details { flex: 1; display: flex; flex-direction: column; gap: 0.75rem; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-name { position: relative; width: fit-content; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-name a { font-weight: 400; color: var(--wp--preset--color--brandy-primary-text); } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-actions { display: flex; justify-content: space-between; align-items: center; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-actions .item-figure { display: flex; align-items: center; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-actions .item-figure .item-price { margin-left: 1.25rem; font-weight: 600; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-actions .remove { color: var(--cart-remove-icon-color, rgba(90, 109, 128, 0.5)); } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-actions .remove:hover { color: var(--cart-remove-icon-color-hover); } .brandy-mini-cart .blockUI.blockOverlay { background-color: white !important; opacity: 0.4; } .brandy-mini-cart .brandy-mini-cart__total { display: flex; align-items: center; margin-bottom: 20px; } .brandy-mini-cart .brandy-mini-cart__total * { font-weight: 600; } .brandy-mini-cart .brandy-mini-cart__total .woocommerce-Price-amount { margin-left: auto; margin-right: 5px; } .brandy-mini-cart .brandy-mini-cart__buttons { display: flex; flex-direction: column; gap: 20px; align-items: center; } .brandy-mini-cart .brandy-mini-cart__buttons .checkout { width: 100%; padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; } .brandy-mini-cart .brandy-mini-cart__buttons .view-cart { text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 100% 1px; transition: background-size 0.4s; color: var(--primary_color); font-size: 1rem; line-height: 1.5rem; } .brandy-mini-cart .brandy-mini-cart__buttons .view-cart:hover { background-size: 0% 1px; } .brandy-cart-dropdown .mini-cart-slide-figure { display: none !important; } .brandy-cart-dropdown .mini-cart-dropdown-figure .item-price { margin-left: 0 !important; } .brandy-cart-dropdown .brandy-mini-cart__content { max-height: 300px; overflow: auto; /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .brandy-cart-dropdown .brandy-mini-cart__content::-webkit-scrollbar { display: none; } .brandy-cart-drawer .mini-cart-dropdown-figure { display: none !important; } /* Common */ .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.is-error, .woocommerce-error { --wc-error-background: var(--wc-error-background-normal); --wc-error-text_color: var(--wc-error-text_color-normal); --wc-error-border-color: var(--wc-error-border-color-normal); background: var(--wc-error-background-normal) !important; color: var(--wc-error-text_color) !important; border-style: solid; border-color: var(--wc-error-border-color) !important; border-width: var(--wc-error-border-width) !important; } .wc-block-components-notice-banner.is-error:hover, .woocommerce-error:hover { --wc-error-text_color: var(--wc-error-text_color-hover); } .wc-block-components-notice-banner.is-success, .woocommerce-success { --wc-success-background: var(--wc-success-background-normal); --wc-success-text_color: var(--wc-success-text_color-normal); --wc-success-border-color: var(--wc-success-border-color-normal); background: var(--wc-success-background-normal) !important; color: var(--wc-success-text_color) !important; border-style: solid; border-color: var(--wc-success-border-color) !important; border-width: var(--wc-success-border-width) !important; } .wc-block-components-notice-banner.is-success:hover, .woocommerce-success:hover { --wc-success-text_color: var(--wc-success-text_color-hover); } .wc-block-components-notice-banner.is-info, .woocommerce-info { --wc-information-background: var(--wc-information-background-normal); --wc-information-text_color: var(--wc-information-text_color-normal); --wc-information-border-color: var(--wc-information-border-color-normal); background: var(--wc-information-background-normal) !important; color: var(--wc-information-text_color) !important; border-style: solid; border-color: var(--wc-information-border-color) !important; border-width: var(--wc-information-border-width) !important; } .wc-block-components-notice-banner.is-info:hover, .woocommerce-info:hover { --wc-information-text_color: var(--wc-information-text_color-hover); } [data-wc-bind--hidden="!state.displayViewCart"] { display: none; } .added_to_cart { display: none; font-size: 0.875rem; } .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label, .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: currentColor; } .wc-block-components-address-form__address_2-toggle { color: currentColor; } .components-form-token-field__input:focus { outline: none !important; } .components-combobox-control__suggestions-container { box-shadow: none !important; } .pswp__caption__center { text-align: center; } .pswp.pswp--open { z-index: 10000; } .wp-block-group.is-layout-flex .wp-block-image { display: flex; } .brandy-single-featured-product .reset_variations { display: none !important; } /** Coupon form */ .brandy-cart-add-coupon { display: flex; align-items: center; background-color: #ffffff; border-radius: 9px; padding: 0.25rem; border: 1px solid #D3DCE5; transition: border-color var(--theme-component-transition-duration, 0.2s) ease-in-out; } .brandy-cart-add-coupon:hover { border-color: var(--input-border-color-hover); } .brandy-cart-add-coupon:has(input:focus) { border-color: rgb(18, 41, 64) !important; } .brandy-cart-add-coupon input { background-color: inherit; appearance: none; padding: 0.5rem 15px; color: var(--wp--preset--color--brandy-secondary-text); border: none; outline: none; } .brandy-cart-add-coupon .apply-coupon-btn { background-color: rgb(18, 41, 64) !important; border: 2px solid rgb(18, 41, 64) !important; color: #ffffff !important; border-radius: 6px !important; flex-shrink: 0 !important; font-weight: 500 !important; padding: 0.5rem 1rem !important; min-width: 80px; line-height: 1.4 !important; font-size: 1rem !important; } .brandy-cart-add-coupon .apply-coupon-btn:hover { background-color: #ffffff !important; color: rgb(18, 41, 64) !important; } .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link { font-size: 0.875rem; line-height: 1.25rem; color: var(--wp--preset--color--brandy-primary-text); text-decoration: underline; font-weight: 500; } .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link:hover { color: inherit; } .wc-block-components-totals-coupon .wc-block-components-totals-coupon__button { background-color: var(--secondary-button-background-color); border-style: var(--secondary-button-border-style); border-width: var(--secondary-button-border-width); border-color: var(--secondary-button-border-color); color: var(--secondary-button-color); box-shadow: var(--secondary-button-box-shadow); } .wc-block-components-totals-coupon .wc-block-components-totals-coupon__button:hover { background-color: var(--secondary-button-hover-background-color); border-color: var(--secondary-button-hover-border-color); color: var(--secondary-button-hover-color); box-shadow: var(--secondary-button-hover-box-shadow); } .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { height: unset; } .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input { line-height: 1 !important; font-size: 0.875rem; line-height: 1.25rem; } .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-text-input label { font-size: 0.875rem; line-height: 1.25rem; } .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-text-input:not(.is-active) label { transform: translateY(16px) !important; } /** List coupons */ .brandy-coupons { display: flex; align-items: center; justify-content: space-between; } .brandy-coupons .brandy-coupon-list { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; } .brandy-coupons .brandy-coupon-list .brandy-coupon-item { position: relative; display: inline-flex; align-items: center; padding: 2px 0.5rem; background-color: #ffffff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1019607843); color: #272829; border-radius: 20px; padding-right: 22px; font-size: 12px; text-transform: uppercase; line-height: 15px; font-weight: 500; } .brandy-coupons .brandy-coupon-list .brandy-coupon-item .brandy-coupon-item__remove { position: absolute; top: 50%; right: 2px; border-radius: 100%; background: rgba(211, 220, 229, 0.5019607843); width: 16px; height: 16px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .brandy-coupons .brandy-coupon-list .brandy-coupon-item .brandy-coupon-item__remove svg { width: 8px; height: 8px; } .brandy-coupons .brandy-coupons-total { color: var(--wp--preset--color--brandy-accent); } .wc-block-components-totals-discount { align-items: center; gap: 25px; } .wc-block-components-totals-discount .wc-block-components-totals-item__label { flex-grow: unset; } .wc-block-components-totals-discount .wc-block-components-totals-item__description { flex: 1; } .wc-block-components-totals-discount .wc-block-components-formatted-money-amount { color: unset; order: 2; } .wc-block-components-totals-discount .wc-block-components-totals-discount__coupon-list { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; } .wc-block-components-totals-discount .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item { position: relative; display: inline-flex; align-items: center; padding: 2px 0.5rem; background-color: #ffffff; 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-totals-discount .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__text { font-size: 0.75rem; line-height: 1rem; color: #272829; } .wc-block-components-totals-discount .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .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-totals-discount .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove svg { width: 100%; height: 100%; } .wc-block-components-totals-discount .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove:hover svg { fill: #272829; } .woocommerce-shipping-methods__item { margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-between; } .woocommerce-shipping-methods__item:last-child { margin-bottom: 0; } .woocommerce-shipping-methods__item-head > label { display: flex; align-items: center; gap: 8px; color: var(--wp--preset--color--brandy-secondary-text); cursor: pointer; } .woocommerce-shipping-methods__item-head > label:hover input[type=radio] { transform: scale(1.2); } .woocommerce-shipping-methods__item-head .shipping-method:checked ~ .woocommerce-shipping-methods__item-label { color: var(--wp--preset--color--brandy-primary-text); } .woocommerce-shipping-methods__item-tail { color: var(--wp--preset--color--brandy-secondary-text); } .wc_payment_methods { background: #fff; border-radius: 0.75rem; border: 1px solid var(--wp--preset--color--brandy-border); overflow: hidden; } .wc_payment_methods .wc_payment_method { padding: 20px; border-bottom: inherit; } .wc_payment_methods .wc_payment_method:last-child { border-bottom-width: 0; } .wc_payment_methods .wc_payment_method .payment__title { display: flex; align-items: center; cursor: pointer; font-weight: 600; } .wc_payment_methods .wc_payment_method .payment__title:hover input[type=radio] { transform: scale(1.2); } .wc_payment_methods .wc_payment_method .payment__title label { padding-left: 10px; font-weight: inherit; } .wc_payment_methods .wc_payment_method .payment__title > * { cursor: pointer; } .wc_payment_methods .wc_payment_method .payment_box { font-size: 0.875rem; line-height: 1.25rem; line-height: 1.7; margin-top: 0.5rem; } .wc-block-sort-select, .woocommerce-ordering { margin-bottom: 0; } .wc-block-sort-select select, .woocommerce-ordering select { margin-bottom: 0; min-width: 240px; } #coming-soon-footer-banner { margin: 2rem; } #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); border-radius: 9px; gap: 7px; font-size: 0.875rem; line-height: 1.25rem; --wc-information-background: var(--wc-information-background-normal); --wc-information-text_color: var(--wc-information-text_color-normal); --wc-information-border-color: var(--wc-information-border-color-normal); background: var(--wc-information-background-normal) !important; color: var(--wc-information-text_color) !important; border-style: solid; border-color: var(--wc-information-border-color) !important; border-width: var(--wc-information-border-width) !important; } #coming-soon-footer-banner .coming-soon-footer-banner__content:hover { --wc-information-text_color: var(--wc-information-text_color-hover); } /* Pages */ .woocommerce-product-gallery { position: relative; width: 100%; overflow: hidden; justify-content: center; } .woocommerce-product-gallery:where(:not(.brandy-product-image-gallery > .woocommerce-product-gallery)) { max-width: 612px; } @media screen and (max-width: 1000px) { .woocommerce-product-gallery { width: 100%; } } .woocommerce-product-gallery__trigger { position: absolute; z-index: 11; display: inline-flex; top: 10px; right: 10px; height: 55px; width: 55px; align-items: center; justify-content: center; cursor: pointer; text-indent: -9999px; z-index: 1; } .woocommerce-product-gallery__trigger::after { content: ""; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; } .woocommerce-product-gallery__image { border-radius: var(--theme-product-thumb-radius); overflow: hidden; } .woocommerce-product-gallery__image > a { display: flex; width: auto; max-height: 600px; } .woocommerce-product-gallery__image img { width: 100%; height: auto; object-fit: cover; object-position: 50% 50%; aspect-ratio: 1/1; } .woocommerce-product-gallery__image .zoomImg { width: 1600px !important; height: 1600px !important; } .woocommerce-product-gallery .flex-control-thumbs { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; } .woocommerce-product-gallery .flex-control-thumbs > li { max-width: 100px; max-height: 100px; } .woocommerce-product-gallery .flex-control-thumbs > li img { width: 100%; height: 100%; border-radius: 7px; overflow: hidden; border: 2px solid transparent; cursor: pointer; } .woocommerce-product-gallery .flex-control-thumbs > li img.flex-active { border-color: #272829; } form.cart { max-width: 490px; flex-direction: column; } form.cart table.variations { width: 100%; display: table; } form.cart table.variations tr { display: flex; flex-direction: column; margin-bottom: 1.5rem; } form.cart table.variations tr:last-child { margin-bottom: 0; } form.cart table.variations th label { display: block; text-align: left; margin-bottom: 0.5rem; color: var(--wp--preset--color--brandy-primary-text); font-weight: 500; font-size: 1rem; line-height: 1.5rem; } form.cart table.variations select { width: 100%; } form.cart table.variations .reset_variations[style="visibility: hidden;"] { display: none; } form.cart table.variations .reset_variations { display: block; margin-top: 0.5rem; } form.cart .woocommerce-variation-description { margin-bottom: 1rem; } .brandy-cart-actions { display: flex; margin-top: 25px; margin-bottom: 25px; gap: 28px; flex-wrap: wrap; } .brandy-cart-actions .brandy-quantity { padding: 6px 12px; gap: 12px; } .brandy-cart-actions .add_to_cart_button { margin-top: 0 !important; margin-bottom: 0 !important; flex: auto; font-size: 1.125rem; text-align: center; padding: 13px; line-height: 1.5; } .wc-block-add-to-cart-form .brandy-quantity { margin-bottom: 0 !important; margin-right: 0 !important; } .woocommerce-tabs.wc-tabs-wrapper { margin-bottom: 90px; padding-bottom: 80px; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .wp-block-woocommerce-product-details .tabs.wc-tabs, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs { display: flex; border-bottom: 1px solid var(--wp--preset--color--brandy-border) !important; margin: 0 0 10px; padding: 0; flex-wrap: wrap; } .wp-block-woocommerce-product-details .tabs.wc-tabs > li[role=tab], .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li[role=tab] { margin-right: 40px; border-bottom: 2px solid transparent !important; border-left: 0; border-right: 0; border-top: 0; line-height: 24px; position: relative; padding: 0; opacity: 1; } .wp-block-woocommerce-product-details .tabs.wc-tabs > li[role=tab] a, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li[role=tab] a { padding: 12px 0; display: inline-block; color: var(--wp--preset--color--brandy-primary-text); font-weight: normal; } .wp-block-woocommerce-product-details .tabs.wc-tabs > li[role=tab] a::after, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li[role=tab] 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; } .wp-block-woocommerce-product-details .tabs.wc-tabs > li[role=tab].active, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li[role=tab].active { font-weight: 500; } .wp-block-woocommerce-product-details .tabs.wc-tabs > li[role=tab].active a::after, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li[role=tab].active a::after { background: var(--wp--preset--color--brandy-primary-text); width: 100%; } .wp-block-woocommerce-product-details .tabs.wc-tabs .reviews_tab__reviews-count, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs .reviews_tab__reviews-count { margin-left: 0.25rem; } .wp-block-woocommerce-product-details .woocommerce-Tabs-panel, .wp-block-woocommerce-product-details div[role=tab], .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel, .woocommerce-tabs.wc-tabs-wrapper div[role=tab] { padding-top: 20px; } .wp-block-woocommerce-product-details .woocommerce-product-attributes, .woocommerce-tabs.wc-tabs-wrapper .woocommerce-product-attributes { max-width: 560px; } .wp-block-woocommerce-product-details .woocommerce-product-attributes .woocommerce-product-attributes-item, .woocommerce-tabs.wc-tabs-wrapper .woocommerce-product-attributes .woocommerce-product-attributes-item { margin-bottom: 0.5rem; text-align: left; } .wp-block-woocommerce-product-details .woocommerce-product-attributes .woocommerce-product-attributes-item .woocommerce-product-attributes-item__label, .woocommerce-tabs.wc-tabs-wrapper .woocommerce-product-attributes .woocommerce-product-attributes-item .woocommerce-product-attributes-item__label { width: 10rem; margin-right: 2.5rem; font-weight: 500; } .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 { margin-left: auto; } .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, #5A6D80); } .single-product .product { position: relative; } .single-product #primary > #main > * { margin-block-end: 1.75rem; } .single-product .single-product-main { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 90px; } @media screen and (max-width: 770px) { .single-product .single-product-main { grid-template-columns: 1fr; } } .single-product .single-product-main .product_title { margin-top: 0; } .single-product .single-product-main .summary { flex: 1; } .single-product .single-product-main .summary .product_title { font-size: 30px; font-weight: 600; margin-bottom: 1rem; } @media screen and (max-width: 767px) { .single-product .single-product-main .summary .product_title { font-size: 21px; } } .single-product .single-product-main .summary .product-pricing-and-rating { display: flex; align-items: center; gap: 20px; margin-bottom: 1rem; flex-wrap: wrap; } .single-product .single-product-main .summary .product-pricing-and-rating .price { margin-bottom: 0; } .single-product .single-product-main .summary .product-pricing-and-rating .divider { height: 18px; width: 1px; background-color: rgb(211, 220, 229); } .single-product .single-product-main .summary .product-pricing-and-rating .woocommerce-product-rating { color: var(--wp--preset--color--brandy-secondary-text); } .single-product .single-product-main .summary .woocommerce-product-rating { display: flex; align-items: center; gap: 10px; } .single-product .single-product-main .summary .price { font-size: 1.5rem; line-height: 2rem; font-weight: 500; margin-bottom: 1rem; } .single-product .single-product-main .summary .price del { font-size: 1.25rem; line-height: 1.75rem; color: rgb(90, 109, 128); } @media screen and (max-width: 767px) { .single-product .single-product-main .summary .price { font-size: 21px; } .single-product .single-product-main .summary .price del { font-size: 1rem; line-height: 1.5rem; } } .single-product .single-product-main .summary .woocommerce-product-details__short-description { margin-bottom: 1rem; } .single-product .single-product-main .summary .product_meta { margin-top: 2.25rem; margin-bottom: 2.25rem; display: flex; flex-direction: column; } .single-product .single-product-main .summary .product_meta > * { margin-bottom: 0.5rem; } .single-product .single-product-main .summary .product_meta .sku_wrapper .meta_label, .single-product .single-product-main .summary .product_meta .category_list .meta_label { font-weight: 500; } .single-product .single-product-main .summary .product_meta .sku_wrapper { text-transform: uppercase; } .single-product .single-product-main .summary .product_meta .category_list a { color: var(--wp--preset--color--brandy-primary-text); text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .single-product .single-product-main .summary .product_meta .category_list a:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .single-product .single-product-main .summary .product_meta .tag_list { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; text-decoration: none; margin-top: 2rem; } .single-product .single-product-main .summary .cart.grouped_form .add_to_cart_button { margin-top: 20px; } .single-product .single-product-main .single_variation_wrap { margin-top: 20px; } .single-product .related.products > h2 { font-weight: 600; margin-bottom: 2rem; text-align: center; font-size: 2.25rem; line-height: 2.5rem; } .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; } .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-wrap: wrap; 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 > * { width: 100%; } .woocommerce-Reviews #review_form_wrapper #commentform #brandy-rating label { font-weight: 400; } .woocommerce-Reviews #review_form_wrapper #commentform #brandy-rating .star-item svg { width: 30px; height: 30px; } .woocommerce-Reviews #review_form_wrapper #commentform .comment-form-email { margin-left: auto; } .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 .comment-form-comment { order: 100; } .woocommerce-Reviews #review_form_wrapper #commentform .comment-form-cookies-consent { order: 101; } .woocommerce-Reviews #review_form_wrapper #commentform .form-submit { order: 102; } .woocommerce-Reviews .commentlist > li { padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-Reviews .commentlist .comment_container .comment-header { display: flex; justify-content: space-between; margin-bottom: 1rem; } .woocommerce-Reviews .commentlist .comment_container .comment-header .comment-author__avatar { border-radius: 50%; overflow: hidden; width: 44px; height: 44px; } .woocommerce-Reviews .commentlist .comment_container .comment-header .comment-author__avatar img { width: 100%; height: 100%; } .woocommerce-Reviews .commentlist .comment_container .comment-header .brandy-ratings__stars svg { width: 12px; height: 12px; margin-right: 2px; } .woocommerce-Reviews .commentlist .comment_container .comment-header__start { display: flex; gap: 0.75rem; } .woocommerce-Reviews .woocommerce-pagination { padding-top: 1.25rem; padding-bottom: 50px; } .woocommerce-cart-wrapper { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 90px; } .woocommerce-cart-wrapper .woocommerce-cart-form { grid-column: span 8/span 8; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table { width: 100%; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table th { text-align: center; padding: 1rem 0.5rem; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } @media screen and (max-width: 767px) { .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table th { display: none; } } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table th.product-name { text-align: left; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item { display: table-row; grid-template-columns: repeat(6, 1fr); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .item-remove-mobile { display: none; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .item-remove-desktop { display: inline-block; width: fit-content; } @media screen and (max-width: 767px) { .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item { display: grid; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td { border-bottom-width: 0 !important; width: 100% !important; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .item-remove-mobile { display: block; font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.5rem; width: fit-content; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .item-remove-desktop { display: none; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-thumbnail, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-name { padding-bottom: 0.25rem; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-price, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-quantity, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-subtotal { padding-top: 0.25rem; border-bottom-width: 1px !important; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-price, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-subtotal { display: flex; align-items: center; width: 100%; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-price > *, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-subtotal > * { margin-left: 1.25rem; margin-right: 1.25rem; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-quantity .brandy-quantity { width: 100%; min-width: fit-content; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-remove { display: none; } } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td { padding: 1rem 0.5rem; text-align: center; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-thumbnail, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-price, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-quantity, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-subtotal { grid-column: span 2/span 2; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-name { grid-column: span 4/span 4; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-thumbnail, .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-name { text-align: left; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-name a { position: relative; color: var(--wp--preset--color--brandy-primary-text); text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-name a:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-remove a { color: rgba(90, 109, 128, 0.5); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-remove a:hover { color: var(--wp--preset--color--brandy-primary-text); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .product-thumbnail { width: 120px; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .product-thumbnail a { min-width: var(--order-item-thumb-width); min-height: var(--order-item-thumb-height); width: var(--order-item-thumb-width); height: var(--order-item-thumb-height); overflow: hidden; display: block; background-color: var(--order-item-thumb-background); border-radius: var(--order-item-thumb-radius); } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .product-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item .product-quantity > .quantity { margin: auto; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .back-to-shopping { display: flex; gap: 0.75rem; align-items: center; color: var(--wp--preset--color--brandy-primary-text); } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .back-to-shopping .back-to-shopping-text { text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .back-to-shopping .back-to-shopping-text:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .back-to-shopping svg path { stroke: var(--wp--preset--color--brandy-primary-text); } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .primary-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .woocommerce-cart-wrapper .cart-collaterals { grid-column: span 4/span 4; padding: 2rem; background-color: transparent; backdrop-filter: brightness(var(--cart-totals-block-brightness)); border-radius: 0.5rem; height: fit-content; position: sticky; top: 20%; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals__title { margin-top: 0; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .cart-totals__information-group { padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .cart-totals__information-group > * { margin-bottom: 0.5rem; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .cart-totals__information-group > *:last-child { margin-bottom: 0; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .order-total { font-weight: 700; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .cart-totals__item { display: flex; justify-content: space-between; flex-wrap: wrap; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-methods .shipping-method { width: 18px; height: 18px; min-width: 18px; min-height: 18px; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-destination { text-align: left; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-destination strong { font-weight: 500; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-button { font-size: 0.875rem; line-height: 1.25rem; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-button:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-form { margin-top: 0.75rem; padding: 1.25rem 1.5rem; background-color: #ffffff; 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); } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-form > * { margin-bottom: 1.25rem; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-form > *:last-child { margin-bottom: 0; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-form > * .calc-shipping-label { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: var(--wp--preset--color--brandy-secondary-text); margin-bottom: 7px; display: inline-block; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-form > * .calc-shipping-btn { background-color: rgb(18, 41, 64) !important; border: 2px solid rgb(18, 41, 64) !important; color: #ffffff !important; padding: 0.5rem 1rem !important; line-height: 1.6 !important; border-radius: 10px !important; font-size: 1rem !important; font-weight: 600 !important; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-form > * .calc-shipping-btn:hover { color: rgb(18, 41, 64) !important; background-color: #ffffff !important; } .woocommerce-cart-wrapper .cart-collaterals .wc-proceed-to-checkout { margin-top: 20px; } .woocommerce-cart-wrapper .cart-collaterals .wc-proceed-to-checkout .checkout-button { width: 100%; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; padding: 0.75rem 1.5rem; display: block; text-align: center; } .woocommerce-cart-wrapper .cart-collaterals .blockUI.blockOverlay { background: inherit !important; } .woocommerce-cart-wrapper .cart-collaterals .cart-coupons { gap: 10px; } .woocommerce-cart-wrapper .cart-collaterals .cart-coupons .brandy-coupons { flex: 1; } .woocommerce-cart-wrapper .cart-collaterals .cart-coupons .brandy-coupons-total { color: var(--wp--preset--color--brandy-primary-text); } @media screen and (max-width: 1300px) { .woocommerce-cart-wrapper { grid-template-columns: repeat(8, minmax(0, 1fr)); } .woocommerce-cart-wrapper .woocommerce-cart-form { grid-column: span 5/span 5; } .woocommerce-cart-wrapper .cart-collaterals { grid-column: span 3/span 3; } } @media screen and (max-width: 1100px) { .woocommerce-cart-wrapper { grid-template-columns: 1fr; } .woocommerce-cart-wrapper .woocommerce-cart-form { grid-column: 1/-1; } .woocommerce-cart-wrapper .cart-collaterals { grid-column: 1/-1; margin-top: 40px; } } .interface-interface-skeleton__content .wc-block-cart-item__product .wc-block-cart-item__wrap > * { margin-bottom: 10px; } .is-large.wc-block-cart table.wc-block-cart-items { border-bottom-color: var(--wp--preset--color--brandy-border); } .is-large.wc-block-cart table.wc-block-cart-items td { border-top-color: var(--wp--preset--color--brandy-border); } .brandy-checkout-form-coupon { display: flex; flex-wrap: wrap; } form.woocommerce-checkout { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 3.75rem; row-gap: 3rem; margin-top: 40px; /** Order review */ } form.woocommerce-checkout .brandy-checkout-form__left { grid-column: span 7; } form.woocommerce-checkout .brandy-checkout-form__right { grid-column: span 5; } @media screen and (max-width: 975px) { form.woocommerce-checkout { grid-template-columns: 1fr; } form.woocommerce-checkout .brandy-checkout-form__left, form.woocommerce-checkout .brandy-checkout-form__right { grid-column: span 1; } form.woocommerce-checkout .brandy-checkout-form__left { order: 2; padding-top: 3rem; position: relative; } form.woocommerce-checkout .brandy-checkout-form__left::after { content: ""; width: max(80%, 350px); height: 1px; background-color: var(--wp--preset--color--brandy-border); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } } form.woocommerce-checkout .brandy-checkout-form__section-heading { margin-bottom: 25px; } form.woocommerce-checkout .woocommerce-input-wrapper * { font-size: 0.875rem; line-height: 1.25rem; } form.woocommerce-checkout .brandy-checkout-fields__row { display: flex; width: 100%; gap: 1.25rem; margin-bottom: 1.25rem; } form.woocommerce-checkout .brandy-checkout-fields__row .brandy-checkout-fields__column { flex: 1; } form.woocommerce-checkout .brandy-checkout-fields__row .brandy-checkout-fields__column label { display: inline-block; font-size: 0.75rem; line-height: 1rem; font-weight: 500; margin-bottom: 8px; } form.woocommerce-checkout .brandy-checkout-fields__row > * { width: 100%; } form.woocommerce-checkout .brandy-checkout-fields__row:empty { display: none; } form.woocommerce-checkout #ship-to-different-address { width: fit-content; font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; } form.woocommerce-checkout #ship-to-different-address > * { display: flex; align-items: center; gap: 11px; } form.woocommerce-checkout label { cursor: pointer; } form.woocommerce-checkout .brandy-checkout-review-order-table { border: 1px solid var(--wp--preset--color--brandy-border); border-radius: 5px; font-size: 0.875rem; line-height: 1.25rem; /** Order review items */ /** Order review coupons */ /** Order review shipping */ } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-table__row { padding: 1rem 20px; display: flex; justify-content: space-between; border-top: 1px solid var(--wp--preset--color--brandy-border); } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-table__row:first-child { border-top: 0; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order__label, form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-item__quantity { font-weight: 600; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-item__quantity { margin-left: 5px; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-coupon .brandy-checkout-review-order-coupon__remove { margin-right: 10px; font-size: 0.75rem; line-height: 1rem; color: var(--wp--preset--color--brandy-primary-text); text-decoration: underline; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-coupon .brandy-checkout-review-order-coupon__amount { color: var(--wp--preset--color--brandy-accent); } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .brandy-checkout-review-order-shipping-wrapper { width: 100%; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .brandy-checkout-review-order__label { margin-bottom: 0.75rem; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .shipping-method { width: 1rem; height: 1rem; } form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .shipping-method::after { width: 8px; height: 8px; } form.woocommerce-checkout .woocommerce-additional-fields .brandy-checkout-fields__row { flex-direction: column; } form.woocommerce-checkout .woocommerce-checkout-payment { margin-top: 30px; background-color: transparent; backdrop-filter: brightness(var(--checkout-totals-block-brightness)); border-radius: 5px; overflow: hidden; } form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods { background-color: inherit; border: 0; border-radius: inherit; } form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment__title { font-size: 0.875rem; line-height: 1.25rem; width: fit-content; } form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input[type=radio] { width: 1rem; height: 1rem; } form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input[type=radio]::after { width: 8px; height: 8px; } form.woocommerce-checkout .brandy-checkout-submit-section { padding: 20px; font-size: 0.875rem; line-height: 1.25rem; } form.woocommerce-checkout .brandy-checkout-submit-section .woocommerce-terms-and-conditions-wrapper a { color: var(--wp--preset--color--brandy-primary-text); text-decoration: underline; } form.woocommerce-checkout .brandy-checkout-submit-section .brandy-checkout-submit-btn { margin-top: 30px; width: 100%; } .woocommerce-thankyou-wrapper .woocommerce-notice { text-align: center; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1.25rem; } .woocommerce-thankyou-wrapper .woocommerce-thankyou-order-details.order_details { padding: 1.25rem 1.5rem; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 5px 25px rgba(0, 0, 0, 0.03); border-radius: 0.75rem; margin-bottom: 2rem; margin-top: 2rem; display: flex; justify-content: space-between; line-height: 24px; } .woocommerce-thankyou-wrapper .woocommerce-thankyou-order-details.order_details li { display: flex; flex-direction: column; gap: 10px; } .woocommerce-thankyou-wrapper .woocommerce-thankyou-order-details.order_details li > span:first-child { text-transform: uppercase; font-size: 0.875rem; line-height: 1.25rem; color: rgb(90, 109, 128); } .woocommerce-thankyou-wrapper .woocommerce-thankyou-order-details.order_details li > span:last-child { font-weight: 500; } .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-bottom: 10px; } .woocommerce-order-details .product-items__table { width: 100%; font-weight: 300; border-collapse: collapse; } .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; color: var(--wp--preset--color--brandy-primary-text); position: relative; text-decoration: var(--brandy-text-underline-decoration, none); text-underline-offset: var(--brandy-text-underline-offset, 0); background-image: var(--brandy-text-underline-image, linear-gradient(currentColor, currentColor)); background-position: 0% 100%; background-repeat: no-repeat; background-size: var(--brandy-text-underline-image-size, 0% 1px); transition-property: var(--brandy-text-underline-transition-property, all); transition-duration: var(--brandy-text-underline-transition-duration, 0.4s); transition-timing-function: var(--brandy-text-underline-transition-timing-function, ease-in-out); } .woocommerce-order-details .product-items__table .product-name a:hover { background-size: var(--brandy-text-underline-image-size-hover, 100% 1px); text-decoration: var(--brandy-text-underline-decoration-hover, none); } .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 .product-items__table tr td { padding: 1rem 0.5rem; } .woocommerce-order-details .order-detail { background: rgb(249, 249, 249); padding: 1.5rem 30px; border-radius: 0.5rem; } .woocommerce-order-details .order-detail__title { font-weight: 500; margin-bottom: 15px; } .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-customer-details { background: rgb(249, 249, 249); padding: 1.5rem 30px; border-radius: 0.5rem; } .woocommerce-customer-details .woocommerce-column__title { margin-bottom: 20px; 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; } .brandy-account-wrapper { display: flex; gap: 40px; } .brandy-account-wrapper .woocommerce-MyAccount-navigation { background: transparent; width: 20%; } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul { display: flex; flex-direction: column; line-height: 24px; gap: 10px; } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li a { display: inline-flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: var(--brandy-my-account-nav-item-bg-normal, rgb(248, 249, 250)); width: 100%; color: var(--brandy-my-account-nav-item-color-normal); border-radius: 10px; transition: background var(--theme-component-transition-duration, 0.2s) ease-in-out; } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li a:hover { background: var(--brandy-my-account-nav-item-bg-hover, rgb(237, 243, 249)); } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--brandy-my-account-nav-item-bg-active, rgb(235, 245, 255)); color: var(--brandy-my-account-nav-item-color-active); } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li.is-active a .navigation-link__arrow svg path { stroke: var(--brandy-my-account-nav-item-color-active); } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li .navigation-link__arrow svg path { stroke: var(--brandy-my-account-nav-item-color-normal); } .brandy-account-wrapper .woocommerce-MyAccount-content { flex: 1; } .woocommerce-form-login, .woocommerce-ResetPassword { max-width: 500px; padding: 20px; background: var(--brandy-login-card-bg, rgb(250, 250, 250)); 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; } /** 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_orders { width: 100%; font-weight: 300; } .my_account_orders thead { border-bottom: 1px solid var(--wp--preset--color--brandy-border); } .my_account_orders thead th { text-align: left; font-weight: 500; } .my_account_orders tbody .woocommerce-orders-table__cell-order-number a { font-weight: 400; color: var(--wp--preset--color--brandy-primary-text); } .woocommerce-MyAccount-content .woocommerce-Addresses { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 30px; } .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address { flex: 1; padding: 20px; border-radius: 7px; background: var(--brandy-address-card-bg, rgb(249, 249, 249)); font-weight: 300; } .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-weight: 500; } .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header a.edit { font-weight: 300; font-size: 1rem; } .woocommerce-MyAccount-content h3 { font-weight: 500; margin-bottom: 20px; } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > * { width: 100%; } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > *:first-child, .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > *:nth-child(2) { width: calc(50% - 20px); } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > * label { cursor: pointer; } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper fieldset { padding: 20px; margin-top: 20px; border: 1px dashed rgb(211, 220, 229); } .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper fieldset legend { font-weight: 500; } .woocommerce-MyAccount-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 { padding: 20px; margin-top: 20px; border: 1px dashed rgb(211, 220, 229); } .woocommerce-EditAccountForm fieldset legend { font-weight: 500; } .woocommerce-EditAccountForm fieldset .woocommerce-form-row { margin-bottom: 15px; } .woocommerce-EditAccountForm .account-edit-actions { margin-top: 20px; } /* Patterns */ @media screen and (max-width: 767px) { .brandy-hero-banner__content * { text-align: center; } .brandy-hero-banner__content .wp-block-buttons { justify-content: center; } } :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 { display: inline-block; white-space: nowrap; } .brandy-scrolling-banner.scroll-to-left .brandy-scrolling-banner__content { padding-left: 5%; animation: scroll-left var(--brandy-scrolling-banner-duration) linear infinite; } .brandy-scrolling-banner.scroll-to-right .brandy-scrolling-banner__content { 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; }