: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: .2s; --theme-container-padding: 0 20px; --theme-overlay-color: rgb(18 41 64/.5); /* Content */ --brandy-img-hover-opacity: .8; --brandy-img-hover-opacity-duration: .5s; --brandy-post-img-aspect-ratio: 4.5/3; /* Count badge for elements */ --brandy-count-badge-background-color: var(--accent, #000000); --brandy-count-badge-text-color: #ffffff; --element-transition-duration: .2s; --button-shadow: 0 0 #0000, 0 0 #0000, 0 7px 25px rgba(47, 112, 179, .2); --button-hover-shadow: 0 0 #0000, 0 0 #0000, 0 7px 35px rgba(0, 0, 0, .1); --input-border-color: #ACB6BF; --input-hover-border-color: #7B8A99; --input-focus-border-color: #272829; } html { scroll-behavior: smooth; overflow-wrap: break-word; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } *, *::before, *::after { box-sizing: border-box; padding: 0; margin: 0; border: 0; } body, 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 { padding: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0.5rem; border: none; } input, select, textarea { margin: 0; } b, strong { font-weight: bold; } em { font-style: italic; font-weight: 300; } small { font-size: 80%; } ins { text-decoration: none; } del { color: var(--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: 600; 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), 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(--palette_6); } 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; } figcaption { text-align: center; } .required { color: #EE8884; text-decoration: none; } .wp-caption-text, .bypostauthor { color: inherit; } @keyframes brandy-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .text-primary { color: var(--primary_text, #272829); } .text-secondary { color: var(--secondary_text, #5A6D80); } .text-description { font-size: 0.875rem; line-height: 1.25rem; font-weight: 300; } [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; } } .brandy-loader { display: inline-flex; box-sizing: border-box; border: 2px solid var(--palette_3); border-bottom-color: transparent; border-radius: 50%; width: 3rem; height: 3rem; animation: brandy-spinning 1s linear infinite; } .blockUI.blockOverlay { border-radius: 9px; overflow: hidden; z-index: 10 !important; } .blockUI.blockOverlay::after { content: ""; position: absolute; display: inline-flex; box-sizing: border-box; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; border: 2px solid var(--palette_3); border-bottom-color: transparent; border-radius: 50%; transform: translate(-50%, -50%); animation: brandy-spinning 1s linear infinite; } a { color: var(--brandy-link-normal, var(--wp--preset--color--vivid-cyan-blue)); text-decoration: none; cursor: pointer; transition: color var(--theme-component-transition-duration, 0.2s) ease-in-out; } a:hover { color: var(--brandy-link-hover, var(--wp--preset--color--vivid-cyan-blue)); } 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: var(--palette_3, #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 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: var(--palette_3, #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); 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 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: var(--palette_3, #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: 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); color: var(--input-text-color-focus); background-color: var(--input-background-color-focus); } 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(--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(--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: 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; color: var(--input-text-color-focus) !important; background-color: var(--input-background-color-focus) !important; } .wc-block-components-textarea::placeholder { color: var(--secondary_text); opacity: 0.5; } .wc-block-components-textarea::-ms-input-placeholder { color: var(--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: 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(--secondary_text); opacity: 0.5; } select:not(.components-select-control__input, .attachment-filters)::-ms-input-placeholder { color: var(--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: 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(--secondary_text); opacity: 0.5; } .select2 .select2-selection::-ms-input-placeholder { color: var(--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 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: 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: var(--palette_3); background-color: #ffffff; outline: none; transition: background-color 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; } button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn), .brandy-btn, div#content .add_to_cart_button, div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link, .elementor-button { display: inline-flex; width: fit-content; justify-content: center; align-items: center; text-align: center; cursor: pointer; transition-property: color, background, background-color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; background-color: var(--button-primary-background-normal); color: var(--button-primary-color-normal); font-size: var(--button-primary-font_size); font-weight: var(--button-primary-font_weight); font-style: var(--button-primary-font_style); line-height: var(--button-primary-line_height); letter-spacing: var(--button-primary-letter_spacing); text-transform: var(--button-primary-transform); text-decoration: var(--button-primary-decoration); font-family: var(--body-font-family); border-width: var(--button-primary-border-width); border-style: solid; border-radius: var(--button-primary-border-radius); border-color: var(--button-primary-border-color-normal); padding-top: var(--button-primary-padding-top); padding-bottom: var(--button-primary-padding-bottom); padding-left: var(--button-primary-padding-left); padding-right: var(--button-primary-padding-right); } button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn)[disabled]:not(.loading), button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn)[disabled]:not(.loading):hover, button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn).disabled:not(.loading), button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn).disabled:not(.loading):hover, button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn).disable:not(.loading), button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn).disable:not(.loading):hover, .brandy-btn[disabled]:not(.loading), .brandy-btn[disabled]:not(.loading):hover, .brandy-btn.disabled:not(.loading), .brandy-btn.disabled:not(.loading):hover, .brandy-btn.disable:not(.loading), .brandy-btn.disable:not(.loading):hover, div#content .add_to_cart_button[disabled]:not(.loading), div#content .add_to_cart_button[disabled]:not(.loading):hover, div#content .add_to_cart_button.disabled:not(.loading), div#content .add_to_cart_button.disabled:not(.loading):hover, div#content .add_to_cart_button.disable:not(.loading), div#content .add_to_cart_button.disable:not(.loading):hover, div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link[disabled]:not(.loading), div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link[disabled]:not(.loading):hover, div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link.disabled:not(.loading), div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link.disabled:not(.loading):hover, div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link.disable:not(.loading), div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link.disable:not(.loading):hover, .elementor-button[disabled]:not(.loading), .elementor-button[disabled]:not(.loading):hover, .elementor-button.disabled:not(.loading), .elementor-button.disabled:not(.loading):hover, .elementor-button.disable:not(.loading), .elementor-button.disable:not(.loading):hover { background: #eeeeee; color: #c4c4c4; border-color: #eeeeee; cursor: not-allowed; } button:not(#brandy-header button, #brandy-footer button, .qty-plus, .qty-minus, .wc-block-cart-item__quantity button, .block-list-appender button, .edit-post-header button, .interface-navigable-region button, .components-popover__fallback-container button, .wp-admin button, .wc-block-pagination-page, .mejs-button button, .brandy-secondary-btn):not(.disabled, .disable, [disabled]):hover, .brandy-btn:not(.disabled, .disable, [disabled]):hover, div#content .add_to_cart_button:not(.disabled, .disable, [disabled]):hover, div#content .wp-block-button.wc-block-components-product-button .wp-block-button__link:not(.disabled, .disable, [disabled]):hover, .elementor-button:not(.disabled, .disable, [disabled]):hover { color: var(--button-primary-color-hover); background-color: var(--button-primary-background-hover); border-color: var(--button-primary-border-color-hover); } .wp-element-button, .wp-block-button__link { display: inline-flex; width: fit-content; justify-content: center; align-items: center; text-align: center; cursor: pointer; transition-property: color, background, background-color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .wp-element-button[disabled]:not(.loading), .wp-element-button[disabled]:not(.loading):hover, .wp-element-button.disabled:not(.loading), .wp-element-button.disabled:not(.loading):hover, .wp-element-button.disable:not(.loading), .wp-element-button.disable:not(.loading):hover, .wp-block-button__link[disabled]:not(.loading), .wp-block-button__link[disabled]:not(.loading):hover, .wp-block-button__link.disabled:not(.loading), .wp-block-button__link.disabled:not(.loading):hover, .wp-block-button__link.disable:not(.loading), .wp-block-button__link.disable:not(.loading):hover { background: #eeeeee; color: #c4c4c4; border-color: #eeeeee; cursor: not-allowed; } .brandy-btn-shadow:not(.disabled, .disable, [disabled]) { box-shadow: var(--button-shadow); } .brandy-btn-shadow:not(.disabled, .disable, [disabled]):hover { box-shadow: var(--button-hover-shadow); } .brandy-secondary-btn { display: inline-flex; width: fit-content; justify-content: center; align-items: center; text-align: center; cursor: pointer; transition-property: color, background, background-color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; background-color: var(--button-secondary-background-normal); color: var(--button-secondary-color-normal); font-size: var(--button-secondary-font_size); font-weight: var(--button-secondary-font_weight); font-style: var(--button-secondary-font_style); line-height: var(--button-secondary-line_height); letter-spacing: var(--button-secondary-letter_spacing); text-transform: var(--button-secondary-transform); text-decoration: var(--button-secondary-decoration); border-width: var(--button-secondary-border-width); border-radius: var(--button-secondary-border-radius); border-style: solid; border-color: var(--button-secondary-border-color-normal); padding-top: var(--button-secondary-padding-top); padding-bottom: var(--button-secondary-padding-bottom); padding-left: var(--button-secondary-padding-left); padding-right: var(--button-secondary-padding-right); } .brandy-secondary-btn[disabled]:not(.loading), .brandy-secondary-btn[disabled]:not(.loading):hover, .brandy-secondary-btn.disabled:not(.loading), .brandy-secondary-btn.disabled:not(.loading):hover, .brandy-secondary-btn.disable:not(.loading), .brandy-secondary-btn.disable:not(.loading):hover { background: #eeeeee; color: #c4c4c4; border-color: #eeeeee; cursor: not-allowed; } .brandy-secondary-btn:hover { color: var(--button-secondary-color-hover); background-color: var(--button-secondary-background-hover); border-color: var(--button-secondary-border-color-hover); } button.single_add_to_cart_button { padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 13px !important; padding-right: 13px !important; font-size: 1.125rem !important; line-height: 1.75rem !important; font-weight: 600 !important; } .add_to_cart_button.loading .add_to_cart_button__text { display: none; } .add_to_cart_button::after { display: none !important; } .add_to_cart_button .brandy-loader { width: 1.25rem; height: 1.25rem; border-top-color: white; border-left-color: white; border-right-color: white; margin-left: 5px; margin-right: 5px; } .wp-block-button { font-size: var(--button-primary-font_size); font-weight: var(--button-primary-font_weight); font-style: var(--button-primary-font_style); line-height: var(--button-primary-line_height); letter-spacing: var(--button-primary-letter_spacing); text-transform: var(--button-primary-transform); text-decoration: var(--button-primary-decoration); border-radius: var(--button-primary-border-radius); } .wp-block-button .wp-element-button { font-size: inherit !important; font-weight: inherit !important; font-style: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; text-decoration: inherit !important; } .brandy-count-badge { position: relative; background-color: rgb(237, 243, 249); color: var(--primary_text, "#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; 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; width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: rgb(242, 242, 242); border-radius: 0.75rem; color: rgb(90, 109, 128); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: 0.2s; } .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(--palette_3); color: #fff; } .wc-block-pagination.wc-block-components-pagination { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; } .wc-block-pagination.wc-block-components-pagination > button { display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; padding: 0.75rem 0.5rem; background: rgb(242, 242, 242); border-radius: 0.75rem; color: rgb(90, 109, 128); transition-property: background, color; transition-timing-function: ease-in-out; transition-duration: 0.2s; } .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(--palette_3); color: #fff; } .post-link-pagination { padding-top: var(--content-spacing); border-top: 1px solid var(--brandy-border-color); } /* Core pages */ [page-type=home] .wp-block-latest-posts__list { margin-bottom: 2.5rem; } .page-container .page__title { margin-top: 40px; margin-bottom: 40px; } .editor-styles-wrapper .wp-block-post-title, .page-container .page__title { display: var(--page-title-display, block); } .single-post-main:not(.has-sidebar) { max-width: 960px; margin: auto; } .single-post-main:not(.has-sidebar) .single-post-container .post-container .post__tags { justify-content: center; } .single-post-main:not(.has-sidebar) .single-post-container .post-container .post__title { text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; } .single-post-main:not(.has-sidebar) .single-post-container .post-container .post__breadcrumb { justify-content: center; } .single-post-main .single-post__relative-blogs-title { font-size: 2.25rem; line-height: 2.5rem; margin-bottom: 2rem; } @media screen and (max-width: 975px) { .single-post-main .single-post__relative-blogs-title { font-size: 28px; } } @media screen and (max-width: 1439px) { .single-post-main .single-post__relative-blogs-title { margin-bottom: 1.25rem; } } .single-post-main .relative-blogs { margin-top: 130px; } @media screen and (max-width: 1439px) { .single-post-main .relative-blogs { margin-top: 60px; } } .post-container { margin-top: 40px; } .post-container .post-header { margin-bottom: 20px; text-align: center; } .post-container .post-header .post__tags { margin-bottom: 15px; } .post-container .post-header .post__title { text-align: left; } .post-container .post-header .post__breadcrumb { margin-bottom: 1.75rem; } .post-container .post-header .post-thumbnail img { width: 100%; height: auto; border-radius: 12px; overflow: hidden; } .post-container .post-header .post__metae { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 20px; margin-bottom: 40px; font-weight: 300; font-size: 14px; flex-wrap: wrap; } .post-container .post-header .post__metae__main { display: flex; gap: 13px; align-items: center; } .post-container .post-header .post__metae__content { text-align: left; } .post-container .post-header .post__metae__content .post-author-name { font-size: 16px; text-transform: capitalize; font-weight: 500; line-height: 1.3; } .post-container .post-header .post__metae__content .post-author-name a { color: var(--primary_text); } .post-container .post-header .post__metae__content__detail { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--secondary_text); } .post-container .post-header .post__metae .post-comments-count { border-radius: 80px; background: #F9FBFD; padding: 5px 10px; display: flex; gap: 10px; align-items: center; color: var(--secondary_text); cursor: pointer; } .post-container .post-header .post__metae .post-comments-count svg *[stroke] { stroke: var(--secondary_text); } .post-container .post-content { padding-bottom: 60px; border-bottom: 1px solid #EDF3F9; margin-bottom: 40px; } .post-container .post-footer .post-footer__tags { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .post-container .post-footer__tags-and-sharing { display: flex; justify-content: space-between; margin-bottom: 70px; } .post-container .post-footer__tags-and-sharing .post-footer__sharing { margin-left: 20px; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator { position: relative; width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; background-color: #ffffff; border-radius: 100%; cursor: pointer; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator:hover { box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 25px rgba(0, 0, 0, 0.07); } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator:hover .post-footer__sharing-popover { opacity: 1; visibility: visible; transform: translateY(0); } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-popover-container { min-width: 225px; background-color: #ffffff; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-popover-container > * { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid rgb(211, 220, 229); } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-popover-container > *:last-child { border-bottom: 0; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-popover { position: absolute; top: 0; right: 100%; padding-right: 15px; padding-top: 15px; opacity: 0; visibility: hidden; transform: translateY(1.25rem); transition-property: opacity, transform, visibility; transition-duration: 0.3s; transition-timing-function: ease-in-out; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-item { padding: 0.75rem 14px; display: flex; align-items: center; color: var(--secondary_text); transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-item:hover { background-color: #F3F5F8; color: var(--primary_text); } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator .post-footer__sharing-item svg { margin-right: 10px; } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator li.post-footer__sharing-item:hover a { color: var(--primary_text); } .post-container .post-footer__tags-and-sharing .post-footer__sharing-activator li.post-footer__sharing-item > a { display: flex; align-items: center; color: var(--secondary_text); } .post-container .post-footer__author-card { border-radius: 12px; background: rgb(249, 250, 252); padding: 2.5rem; display: flex; gap: 30px; } @media screen and (max-width: 975px) { .post-container .post-footer__author-card { padding: 1.5rem 1.25rem; } } @media screen and (max-width: 767px) { .post-container .post-footer__author-card { display: block; } } .post-container .post-footer__author-card .author-name { text-transform: capitalize; font-size: 18px; font-weight: 600; } .post-container .post-footer__author-card .author-name a { color: var(--primary_text); } .post-container .post-footer__author-card .author-written-by { font-size: 12px; color: var(--secondary_text); font-weight: 300; text-transform: uppercase; } .post-container .post-footer__author-card .author-description { margin-top: 0.5rem; font-weight: 300; } .post-container .post-footer .post-footer__navigation { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; gap: 30px; } .post-container .post-footer .post-footer__navigation .post__navigation-action { display: flex; align-items: center; gap: 15px; max-width: 500px; cursor: pointer; } .post-container .post-footer .post-footer__navigation .post__navigation-action:hover .post__navigation-action__image::after { opacity: 1; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation-next, .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation-previous { flex: 1; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation-next { justify-content: flex-end; margin-left: auto; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation-next .post__navigation-action__content { text-align: right; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation__blog { position: relative; justify-content: center; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation__blog:hover svg { fill: var(--primary_text); } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation__blog:hover .post__navigation__blog__tooltip { opacity: 1; visibility: visible; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation__blog .post__navigation__blog__tooltip { position: absolute; width: max-content; left: 30%; bottom: calc(100% + 10px); transform: translateX(-50%); padding: 9px 11px; background: #1D1E20; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 3px; line-height: 1.2; color: #ffffff; opacity: 0; visibility: hidden; transition: all ease-in-out 0.2s; } .post-container .post-footer .post-footer__navigation .post__navigation-action.post__navigation__blog .post__navigation__blog__tooltip::after { content: ""; display: block; height: 10px; width: 10px; background-color: inherit; border: inherit; position: absolute; left: 50%; bottom: -5px; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(-45deg); border-radius: 0 0 0 3px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); } .post-container .post-footer .post-footer__navigation .post__navigation-action__image { display: flex; position: relative; } .post-container .post-footer .post-footer__navigation .post__navigation-action__image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 9px; opacity: 0.5; transition: all ease-in-out 0.2s; z-index: 10; } .post-container .post-footer .post-footer__navigation .post__navigation-action__image .post__navigation__arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all ease-in-out 0.2s; z-index: 11; } .post-container .post-footer .post-footer__navigation .post__navigation-action__image img { object-fit: cover; position: relative; border-radius: 9px; width: 95px; height: 75px; } .post-container .post-footer .post-footer__navigation .post__navigation-action__content { max-width: 240px; } .post-container .post-footer .post-footer__navigation .post__navigation-action__content > :last-child { font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .post-author__avatar-link { display: flex; width: fit-content; height: fit-content; border-radius: 50%; } @media screen and (max-width: 767px) { .post-author__avatar-link { margin-bottom: 0.5rem; margin-right: 0.75rem; } } .post-author__avatar-link > img { border-radius: 50%; border: 0px solid #FFF; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); overflow: hidden; width: 72px; height: 72px; } @media screen and (max-width: 1439px) { .post-author__avatar-link > img { width: 50px; height: 50px; } } .post__tags { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .post__date { font-size: 14px; color: var(--secondary_text); font-weight: 300; } .post-comments { margin-top: var(--wp--preset--spacing--70); margin-bottom: 40px; } .editor-styles-wrapper .wp-block-post-title, .post-container .post__title { display: var(--page-title-display, block); } .single-post-container { display: flex; justify-content: space-between; gap: 100px; } @media screen and (max-width: 1200px) { .single-post-container { flex-direction: column; } } .single-post-container .post-container { flex: 1; } .single-blog__sidebar { width: 330px; margin-top: 120px; } .search-page__title { text-align: center; } .search-page__empty-text { text-align: center; } .search-page form.search-form { margin: auto; margin-top: 30px; width: fit-content; position: relative; overflow: hidden; border-radius: 5px !important; } .search-page form.search-form input[type=search] { width: 400px; max-width: calc(100vw - 30px); border-radius: 5px !important; border: 1px solid var(--input-border-color); outline: none; box-shadow: none; transition: all ease-in-out 0.2s; color: var(--primary_text); padding-right: 120px !important; } .search-page form.search-form input[type=search]:hover { border-color: var(--input-hover-border-color); } .search-page form.search-form input[type=search]:focus, .search-page form.search-form input[type=search]:active { border-color: var(--input-focus-border-color); } .search-page form.search-form input[type=search]:hover .search-page form.search-form input[type=search]:focus, .search-page form.search-form input[type=search]:active { outline: none; box-shadow: none; } .search-page form.search-form input[type=search]::-webkit-search-cancel-button { cursor: pointer; } .search-page form.search-form .search-submit { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); display: inline-flex; width: fit-content; justify-content: center; align-items: center; text-align: center; cursor: pointer; transition-property: color, background, background-color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; background-color: var(--button-secondary-background-normal); color: var(--button-secondary-color-normal); font-size: var(--button-secondary-font_size); font-weight: var(--button-secondary-font_weight); font-style: var(--button-secondary-font_style); line-height: var(--button-secondary-line_height); letter-spacing: var(--button-secondary-letter_spacing); text-transform: var(--button-secondary-transform); text-decoration: var(--button-secondary-decoration); border-width: var(--button-secondary-border-width); border-radius: var(--button-secondary-border-radius); border-style: solid; border-color: var(--button-secondary-border-color-normal); padding-top: var(--button-secondary-padding-top); padding-bottom: var(--button-secondary-padding-bottom); padding-left: var(--button-secondary-padding-left); padding-right: var(--button-secondary-padding-right); border-radius: 5px; background-color: var(--primary_text); color: white; cursor: pointer; } .search-page form.search-form .search-submit[disabled]:not(.loading), .search-page form.search-form .search-submit[disabled]:not(.loading):hover, .search-page form.search-form .search-submit.disabled:not(.loading), .search-page form.search-form .search-submit.disabled:not(.loading):hover, .search-page form.search-form .search-submit.disable:not(.loading), .search-page form.search-form .search-submit.disable:not(.loading):hover { background: #eeeeee; color: #c4c4c4; border-color: #eeeeee; cursor: not-allowed; } .search-page form.search-form .search-submit:hover { color: var(--button-secondary-color-hover); background-color: var(--button-secondary-background-hover); border-color: var(--button-secondary-border-color-hover); } .search-page form.search-form .search-submit:hover { background-color: white; color: var(--primary_text); } .search-page__results .list-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media screen and (max-width: 1200px) { .search-page__results .list-posts { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 700px) { .search-page__results .list-posts { grid-template-columns: 1fr; } } .search-page__results .list-posts .post-thumbnail { height: 400px; } .search-page__results .list-posts .post-thumbnail img { height: 100%; object-fit: cover; } .search-page__results .posts-pagination { margin-top: 50px; } .page-404 { text-align: center; } .page-404__title { font-size: 5rem; font-weight: 600; line-height: 5rem; margin-bottom: 20px; margin-top: 40px; } .page-404__sub-title { font-size: 2rem; margin-bottom: 20px; font-weight: 500; } .page-404__content { font-weight: 300; margin-bottom: 20px; } .page-404__image { width: 100%; } .page-404__image svg { width: 100%; } /* External pages */ @media screen and (max-width: 767px) { .wc-about-us-banners { flex-wrap: wrap !important; padding-right: 0 !important; } } .wp-block-calendar .wp-calendar-table caption { font-weight: 500; padding: 10px; } .wp-block-calendar .wp-calendar-table td { border-color: var(--brandy-border-color); } .wp-block-cover h1:where(:not(.has-text-color)), .wp-block-cover-image h1:where(:not(.has-text-color)) { color: var(--heading_1, var(--heading, #000000)); } .wp-block-cover h2:where(:not(.has-text-color)), .wp-block-cover-image h2:where(:not(.has-text-color)) { color: var(--heading_2, var(--heading, #000000)); } .wp-block-cover h3:where(:not(.has-text-color)), .wp-block-cover-image h3:where(:not(.has-text-color)) { color: var(--heading_3, var(--heading, #000000)); } .wp-block-cover h4:where(:not(.has-text-color)), .wp-block-cover-image h4:where(:not(.has-text-color)) { color: var(--heading_4, var(--heading, #000000)); } .wp-block-cover h5:where(:not(.has-text-color)), .wp-block-cover-image h5:where(:not(.has-text-color)) { color: var(--heading_5, var(--heading, #000000)); } .wp-block-cover h6:where(:not(.has-text-color)), .wp-block-cover-image h6:where(:not(.has-text-color)) { color: var(--heading_6, var(--heading, #000000)); } .wp-block-cover p:where(:not(.has-text-color)), .wp-block-cover-image p:where(:not(.has-text-color)) { color: var(--primary_text, #000000); } .wp-block-latest-posts.is-grid { justify-content: space-between; gap: var(--wp--preset--spacing--30); display: grid; } .wp-block-latest-posts.is-grid.columns-3 { grid-template-columns: repeat(3, 1fr); } .wp-block-latest-posts.is-grid.columns-2 { grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 767px) { .wp-block-latest-posts.is-grid { grid-template-columns: 1fr !important; } } .wp-block-latest-posts.is-grid li { display: flex; flex-direction: column; align-items: center; margin: 0; width: 100%; } @media screen and (max-width: 599px) { .wp-block-latest-posts.is-grid li { margin-bottom: 1.25rem; } .wp-block-latest-posts.is-grid li:last-child { margin-bottom: 0; } } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-title { text-align: center; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-title a { color: var(--primary_text); font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; display: inline; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-title a:hover { background-size: 100% 1px; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-date { color: var(--secondary_text); font-size: 0.875rem; line-height: 1.25rem; display: block; text-align: center; margin-bottom: 0.25rem; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__featured-image { border-radius: 10px; overflow: hidden; margin-bottom: 1rem !important; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__featured-image:hover img { opacity: var(--brandy-img-hover-opacity); } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__featured-image a { display: block; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__featured-image a img { display: block; object-fit: cover; aspect-ratio: var(--brandy-post-img-aspect-ratio); transition: opacity var(--brandy-img-hover-opacity-duration) ease-in-out; } .wp-block-latest-posts .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 0; } @media screen and (max-width: 767px) { .wp-block-latest-posts .wp-block-latest-posts__list { margin-bottom: 1.25rem !important; } .wp-block-latest-posts .wp-block-latest-posts__list li { width: 100% !important; margin-bottom: 0 !important; } } .wp-block-latest-posts__view-more { display: block; font-size: 1rem; line-height: 1.5rem; font-weight: 600; padding: 0.625rem 1.25rem; text-align: center; margin: auto; width: fit-content; } .wp-block-pullquote { border: 10px solid var(--accent); border-radius: 3px; padding: 3em; text-align: center; } .wp-block-pullquote blockquote, .wp-block-pullquote .wp-block-quote { padding: 0; border: none; font-weight: 600; position: relative; } .wp-block-pullquote blockquote::before, .wp-block-pullquote .wp-block-quote::before { content: ""; position: absolute; width: 70px; height: 70px; top: -23.3333333333px; left: 0; opacity: 0.15; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0,19.04v-8.62c-0.04-1.24,0.14-2.4,0.54-3.49S1.49,4.88,2.2,4.06C2.92,3.23,3.77,2.55,4.76,2C5.76,1.46,6.84,1.11,8,0.96 v3.72C6.58,5.17,5.6,5.89,5.07,6.85C4.55,7.8,4.29,8.98,4.29,10.37H8v8.67H0zM12,19.04v-8.62c-0.04-1.24,0.14-2.4,0.53-3.49 s0.95-2.05,1.66-2.87c0.71-0.83,1.57-1.51,2.56-2.06c0.99-0.54,2.08-0.89,3.24-1.04v3.72c-1.43,0.49-2.4,1.21-2.93,2.17c-0.53,0.96-0.79,2.13-0.79,3.52H20v8.67H12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0,19.04v-8.62c-0.04-1.24,0.14-2.4,0.54-3.49S1.49,4.88,2.2,4.06C2.92,3.23,3.77,2.55,4.76,2C5.76,1.46,6.84,1.11,8,0.96 v3.72C6.58,5.17,5.6,5.89,5.07,6.85C4.55,7.8,4.29,8.98,4.29,10.37H8v8.67H0zM12,19.04v-8.62c-0.04-1.24,0.14-2.4,0.53-3.49 s0.95-2.05,1.66-2.87c0.71-0.83,1.57-1.51,2.56-2.06c0.99-0.54,2.08-0.89,3.24-1.04v3.72c-1.43,0.49-2.4,1.21-2.93,2.17c-0.53,0.96-0.79,2.13-0.79,3.52H20v8.67H12z'/%3E%3C/svg%3E"); } .wp-block-query .wp-block-post-template li.wp-block-post { margin-bottom: 30px; border-bottom: 1px solid var(--brandy-border-color); padding-bottom: 20px; } .wp-block-query .wp-block-post-template li.wp-block-post > * { margin: 20px 0; } .wp-block-query .wp-block-post-template li.wp-block-post:last-child { border-bottom: 0; padding-bottom: 0; } .wp-block-query .wp-block-post-template li.wp-block-post .wp-block-post-title a { text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .wp-block-query .wp-block-post-template li.wp-block-post .wp-block-post-title a:hover { background-size: 100% 1px; } .wp-block-query .wp-block-post-template li.wp-block-post .wp-block-post-date { color: var(--secondary_text); font-size: 14px; font-weight: 300; } .wp-block-query .wp-block-post-template li.wp-block-post .wp-block-separator { display: none; } .wp-block-quote, blockquote { padding: 0 1rem; border-left: 4px solid var(--accent); font-style: italic; font-weight: 300; color: var(--secondary_text, #5A6D80); } .wp-block-quote > p, blockquote > p { margin-bottom: 1em; } .wp-block-search .wp-block-search__input { border-color: var(--brandy-border-color, #5A6D80); } .wp-block-separator { border-color: var(--brandy-border-color); } .wp-block-table table thead, .wp-block-table table tfoot, .wp-block-table table td, .wp-block-table table th { border-color: var(--brandy-border-color); } .wp-block-post-terms { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } /* Components */ .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(--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: #FFAC70; } #brandy-rating .brandy-ratings__stars svg { width: 30px; height: 30px; } #brandy-rating .brandy-ratings__stars svg *[fill] { fill: #D5DDE7; transition: fill ease-in-out 0.2s; } .wc-processing-bar { position: relative; padding-top: 30px; padding-bottom: 30px; max-width: 550px; margin: auto; } .wc-processing-bar .wc-processing-bar__list { position: relative; display: flex; justify-content: space-between; font-weight: 600; } .wc-processing-bar .wc-processing-bar__list::after { content: ""; top: 50%; background-color: rgba(211, 220, 229, 0.5); border-radius: 0.5rem; transform: translateY(-50%); height: 0.125rem; left: 0; width: 100%; position: absolute; } .wc-processing-bar .wc-processing-bar__item { z-index: 10; display: flex; padding: 0.75rem; font-size: 18px; align-items: center; justify-content: center; background-color: #ffffff; gap: 8px; color: var(--secondary_text); } .wc-processing-bar .wc-processing-bar__item-number { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: var(--secondary_text); background-color: rgb(249, 249, 249); border-radius: 100%; } .wc-processing-bar .wc-processing-bar__item.is-active, .wc-processing-bar .wc-processing-bar__item.is-passed { color: var(--accent); } .wc-processing-bar .wc-processing-bar__item.is-active .wc-processing-bar__item-number, .wc-processing-bar .wc-processing-bar__item.is-passed .wc-processing-bar__item-number { background-color: var(--accent); color: #ffffff; } @media screen and (max-width: 700px) { .wc-processing-bar .wc-processing-bar__item { flex-direction: column; font-size: 0.75rem; line-height: 1; } .wc-processing-bar .wc-processing-bar__list::after { top: 30px; } } .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: 400; 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.wc-block-components-product-sale-badge--align-right { position: absolute; top: 0.875rem; left: 0.875rem; right: auto; } .elementor-products-grid ul.products.elementor-grid li.product .onsale.brandy-sale-tag { padding: var(--wc-sale-badge-padding, 1px 0.5rem); } .brandy-quantity, .wc-block-components-quantity-selector { display: flex; align-items: center; justify-content: space-between; padding: 6px; background: rgb(242, 242, 242) !important; border-radius: 0.5rem !important; 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], .wc-block-components-quantity-selector input[type=number] { outline: none; background: transparent; width: 3rem; text-align: center; padding: 0; border: 0; } .brandy-quantity input[type=number]:focus, .wc-block-components-quantity-selector input[type=number]: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: rgb(90, 109, 128); } .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: currentColor; } .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; } /* Blocks */ .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: 0.2s !important; transition-timing-function: ease-in-out !important; padding: 16px !important; line-height: 1.6 !important; font-size: 16px !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; color: var(--input-text-color-focus) !important; background-color: var(--input-background-color-focus) !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(--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(--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 { transform: translateY(20px) !important; 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: var(--palette_3) !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: rgba(0, 0, 0, 0.03) !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: rgb(211, 220, 229) !important; } .wc-block-checkout { /** 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-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(--brandy-border-color); padding: 1.5rem 1.25rem; display: flex; gap: 9px; align-items: center; font-weight: 600; } .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, .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: rgba(90, 109, 128, 0.8); } .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: #5A6D80; outline-width: 1.5px; } .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 0.875rem 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__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(--primary_text); margin-left: calc(24px + 0.25rem); padding: 0; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .wc-block-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button:hover { background-size: 100% 1px; } .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 .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: #EDF3F9; } .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(--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 { width: var(--order-item-thumb-width); height: var(--order-item-thumb-height); background-color: #CFCFCF; border-radius: 8px; 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 .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; } .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-cart { /** Items */ } .wc-block-cart .wc-block-components-loading-mask { min-height: unset !important; } .wc-block-cart .wc-block-cart-items .wc-block-cart-items__header * { font-size: 1rem; line-height: 1.5rem; text-transform: none; } .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image img { width: 75px !important; height: 100px !important; background-color: rgb(245, 245, 245); object-fit: cover; border-radius: 7px; } .wc-block-cart .wc-block-cart-items .wc-block-components-product-name { color: var(--primary_text); text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .wc-block-cart .wc-block-cart-items .wc-block-components-product-name:hover { background-size: 100% 1px; } .wc-block-cart .wp-block-woocommerce-cart-totals-block { background-color: rgb(249, 249, 249); padding: 2rem; border-radius: 0.5rem; /** Add coupon */ /** Shipping */ /** Totals */ } .wc-block-cart .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; } .wc-block-cart .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; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper { border-top-color: var(--brandy-border-color); } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper > *, .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item, .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper .wc-block-components-shipping-rates-control__package { padding: 0 !important; } .wc-block-cart .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; } .wc-block-cart .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, .wc-block-cart .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, .wc-block-cart .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, .wc-block-cart .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; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon-link { color: var(--primary_text); text-decoration: underline; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-shipping__change-address__link { font-size: 0.875rem; line-height: 1.25rem; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-shipping__change-address__link:hover { background-size: 100% 1px; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator { padding: 0 !important; } .wc-block-cart .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: #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); } .wc-block-cart .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; } .wc-block-cart .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; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-shipping-calculator .wc-block-components-shipping-calculator-address .wc-block-components-shipping-calculator-address__button { 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; } .wc-block-cart .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 { color: rgb(18, 41, 64) !important; background-color: #ffffff !important; } .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1rem; } .wc-block-cart .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; } div#content button.wc-block-cart-item__remove-link { padding: 0; background-color: transparent; color: inherit; font-size: 0.8rem; text-decoration: underline; } /* 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 { height: 160px; } } .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%; background-color: rgb(245, 245, 245); transition-property: background-color, opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .wc-block-grid__products .wc-block-grid__product .brandy-loop-product__image:hover img, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image:hover img, .brandy-loop-product .brandy-loop-product__image:hover img, .brandy-loop-product .wc-block-grid__product-image:hover img { opacity: var(--brandy-img-hover-opacity, 0.8); } .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(--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(--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: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .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: 100% 1px; } .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; margin-top: 8px; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: 600 !important; justify-content: flex-start; 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:hover img, .brandy-loop-product[data-layout=option_2] .brandy-loop-product__image:hover img { opacity: var(--brandy-img-hover-opacity, 0.8); } [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 { background-color: rgb(245, 245, 245); transition-property: background-color, opacity; 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: 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(--palette_1); 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: var(--primary_text); 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: 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-loop-product__image img, .attachment-woocommerce_thumbnail, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image img { aspect-ratio: var(--product-thumb-aspect-ratio); } .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-width: 63px; --order-item-thumb-height: 63px; --product-thumb-aspect-ratio: 0; } /** Order item thumb size */ [data-loop-product-thumb-size=size_1] { --order-item-thumb-width: 72px; --order-item-thumb-height: 100px; } [data-loop-product-thumb-size=size_2] { --order-item-thumb-width: 63px; --order-item-thumb-height: 63px; } /** Thumb aspect ratio */ [data-loop-product-thumb-size=size_1], .brandy-loop-product[data-thumb-size=size_1] { --product-thumb-aspect-ratio: 3/4; } [data-loop-product-thumb-size=size_2], .brandy-loop-product[data-thumb-size=size_2] { --product-thumb-aspect-ratio: 0; } /* Cart */ .variations:not(.single-product-variations-select) { display: flex; font-size: 0.875rem; line-height: 1.25rem; color: var(--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 .widget_shopping_cart_content { height: 100%; } .brandy-mini-cart .brandy-mini-cart-wrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .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 #edf3f9, 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(--brandy-border-color); 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-wrapper .brandy-mini-cart__close { --element-cart-icon-close-color: var(--element-cart-icon-close-color-normal); --element-cart-icon-close-background-color: var(--element-cart-icon-close-background-color-normal); --element-cart-icon-close-stroke-color: var(--element-cart-icon-close-stroke-color-normal); padding: 0.5rem; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--element-cart-icon-close-border-radius); background-color: var(--element-cart-icon-close-background-color); color: var(--element-cart-icon-close-color); border: var(--element-cart-icon-close-stroke-width) solid var(--element-cart-icon-close-stroke-color); } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart__close:hover { color: var(--element-cart-icon-close-color-hover); background-color: var(--element-cart-icon-close-background-color-hover); } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart__close .sr-only { clip: rect(0, 0, 0, 0); border-width: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .brandy-mini-cart .brandy-mini-cart-wrapper .brandy-mini-cart__close svg { width: var(--element-cart-icon-close-size); height: var(--element-cart-icon-close-size); } .brandy-mini-cart .brandy-mini-cart__list { position: relative; } .brandy-mini-cart .brandy-mini-cart__list::before { content: ""; transition: 0.3s; } .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(--brandy-border-color); } .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 { width: var(--order-item-thumb-width); height: var(--order-item-thumb-height); border-radius: 9px; overflow: hidden; background-color: rgb(245, 245, 245); } .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(--palette_3); text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-name a:hover { background-size: 100% 1px; } .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: rgb(90, 109, 128); opacity: 0.5; } .brandy-mini-cart .brandy-mini-cart__list .brandy-mini-cart__item .item-details .item-actions .remove:hover { color: var(--primary_color); opacity: 1; } .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 a { display: block; } .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); } .added_to_cart { display: none !important; } .woocommerce-result-count { color: rgb(90, 109, 128); } /** 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 0.2s ease-in-out; } .brandy-cart-add-coupon:hover { border-color: var(--input-hover-border-color); } .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(--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-link { font-size: 0.875rem; line-height: 1.25rem; color: var(--primary_text); text-decoration: underline; font-weight: 500; } .wc-block-components-totals-coupon-link:hover { color: inherit; } .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__form .wc-block-components-text-input label { font-size: 0.875rem; line-height: 1.25rem; } .wc-block-components-totals-coupon__form .wc-block-components-text-input:not(.is-active) label { transform: translateY(16px) !important; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { padding: 0.6rem 1.6rem !important; min-width: 95px; border-width: 2px !important; border-style: solid !important; font-size: 0.875rem !important; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:not([disabled]) { background-color: var(--palette_3) !important; color: white !important; border-color: var(--palette_3) !important; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:not([disabled]):hover { background-color: #ffffff !important; color: var(--primary_text) !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); 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(--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-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; } .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; top: 50%; right: 2px; border-radius: 100%; background: rgba(211, 220, 229, 0.5019607843) !important; width: 16px !important; height: 16px !important; padding: 0 !important; color: var(--primary_text) !important; 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: var(--primary_text); } .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(--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(--primary_text); } .woocommerce-shipping-methods__item-tail { color: var(--secondary_text); } .wc_payment_methods { background: #fff; border-radius: 0.75rem; border: 1px solid var(--brandy-border-color); 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; } /* Pages */ .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 .woocommerce-product-gallery { position: relative; width: 100%; max-width: 612px; overflow: hidden; justify-content: center; } @media screen and (max-width: 1000px) { .single-product .single-product-main .woocommerce-product-gallery { width: 100%; } } .single-product .single-product-main .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; } .single-product .single-product-main .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%; } .single-product .single-product-main .woocommerce-product-gallery__image { border-radius: 7px; } .single-product .single-product-main .woocommerce-product-gallery__image img { width: 100%; height: auto; object-fit: cover; object-position: 50% 50%; background-color: rgb(245, 245, 245); } .single-product .single-product-main .woocommerce-product-gallery__image .zoomImg { width: 1600px !important; height: 1600px !important; } .single-product .single-product-main .woocommerce-product-gallery .flex-control-thumbs { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; } .single-product .single-product-main .woocommerce-product-gallery .flex-control-thumbs > li { max-width: 100px; max-height: 100px; } .single-product .single-product-main .woocommerce-product-gallery .flex-control-thumbs > li img { width: 100%; height: 100%; border-radius: 7px; overflow: hidden; border: 2px solid transparent; cursor: pointer; } .single-product .single-product-main .woocommerce-product-gallery .flex-control-thumbs > li img.flex-active { border-color: #272829; } .single-product .single-product-main .summary { flex: 1; /** Grouped product */ } .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(--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(--primary_text); text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .single-product .single-product-main .summary .product_meta .category_list a:hover { background-size: 100% 1px; } .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 .brandy-cart-actions { display: flex; margin-top: 25px; margin-bottom: 25px; gap: 28px; } .single-product .single-product-main .summary .brandy-cart-actions .brandy-quantity { padding: 6px 12px; gap: 12px; } .single-product .single-product-main .summary form.cart { max-width: 490px; flex-direction: column; } .single-product .single-product-main .summary form.cart table.variations { width: 100%; display: table; } .single-product .single-product-main .summary form.cart table.variations tr { display: flex; flex-direction: column; margin-bottom: 1.5rem; } .single-product .single-product-main .summary form.cart table.variations tr:last-child { margin-bottom: 0; } .single-product .single-product-main .summary form.cart table.variations th label { display: block; text-align: left; margin-bottom: 0.5rem; color: var(--primary_text); font-weight: 500; font-size: 1rem; line-height: 1.5rem; } .single-product .single-product-main .summary form.cart table.variations select { width: 100%; border-radius: 12px !important; } .single-product .single-product-main .summary form.cart table.variations .reset_variations[style="visibility: hidden;"] { display: none; } .single-product .single-product-main .summary form.cart table.variations .reset_variations { display: block; margin-top: 0.5rem; } .single-product .single-product-main .summary form.cart .woocommerce-variation-description { margin-bottom: 1rem; } .single-product .single-product-main .summary .woocommerce-grouped-product-list { width: 100%; } .single-product .single-product-main .summary .woocommerce-grouped-product-list tbody { display: flex; flex-direction: column; gap: 20px; } .single-product .single-product-main .summary .woocommerce-grouped-product-list tbody tr { width: 100%; display: flex; gap: 20px; flex-wrap: wrap; align-items: center; } .single-product .single-product-main .summary .woocommerce-grouped-product-list tbody tr td.woocommerce-grouped-product-list-item__price { margin-left: auto; } .single-product .single-product-main .summary .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(--secondary_text, #5A6D80); } .single-product .single-product-main .summary .cart.grouped_form .add_to_cart_button { margin-top: 20px; } .single-product .single-product-main .brandy-cart-actions .add_to_cart_button { margin-top: 0 !important; width: 100% !important; } .single-product .single-product-main .single_variation_wrap { margin-top: 20px; } .single-product .woocommerce-tabs.wc-tabs-wrapper { margin-bottom: 90px; padding-bottom: 80px; border-bottom: 1px solid var(--brandy-border-color); } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs { display: flex; border-bottom: 1px solid #edf3f9; margin: 0 0 10px; padding: 0; flex-wrap: wrap; } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li { margin-right: 40px; border-bottom: 2px solid transparent; line-height: 24px; position: relative; } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li a { padding: 12px 0; display: inline-block; } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li::after { content: ""; height: 2px; width: 0; background: transparent; top: 100%; left: 0; position: absolute; transition: width 0.2s ease-in-out; } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li > a { color: var(--palette_3); } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li.active { font-weight: 500; } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs > li.active::after { background: var(--palette_3); width: 100%; } .single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs .reviews_tab__reviews-count { margin-left: 0.25rem; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel { padding-top: 20px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-product-attributes { max-width: 560px; } .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-product-attributes .woocommerce-product-attributes-item { margin-bottom: 0.5rem; text-align: left; } .single-product .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; } .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 #review_form_wrapper #commentform .form-submit button { color: #ffffff; background-color: var(--palette_3); font-weight: 500; border: 2px solid var(--palette_3); font-size: 1rem; line-height: 1.5rem; } .woocommerce-Reviews #review_form_wrapper #commentform .form-submit button:hover { background-color: #ffffff; color: var(--palette_3); } .woocommerce-Reviews .commentlist > li { padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid rgb(237, 243, 249); } .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(--brandy-border-color); } @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(--brandy-border-color); } .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(--palette_3); text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .woocommerce-cart-wrapper .woocommerce-cart-form table.shop_table tbody .cart_item td.product-name a:hover { background-size: 100% 1px; } .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(--palette_3); } .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 { width: 75px; height: 100px; border-radius: 7px; overflow: hidden; display: block; background-color: rgb(245, 245, 245); } .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(--primary_text); } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .back-to-shopping .back-to-shopping-text { text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .back-to-shopping .back-to-shopping-text:hover { background-size: 100% 1px; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .primary-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .primary-actions .update-cart-btn { background-color: #fff !important; border: 2px solid var(--palette_3) !important; color: var(--palette_3) !important; font-size: 1rem !important; line-height: 1.5rem !important; font-weight: 600 !important; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .primary-actions .update-cart-btn:hover { background-color: var(--palette_3) !important; color: #ffffff !important; } .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .primary-actions .update-cart-btn[disabled], .woocommerce-cart-wrapper .woocommerce-cart-form .cart-actions .primary-actions .update-cart-btn[disabled]:hover { background: #eeeeee !important; color: #c4c4c4 !important; border-color: #eeeeee !important; cursor: not-allowed; } .woocommerce-cart-wrapper .cart-collaterals { grid-column: span 4/span 4; padding: 2rem; background: rgb(249, 249, 249); 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 rgb(237, 243, 249); } .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: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .woocommerce-cart-wrapper .cart-collaterals .cart-totals .woocommerce-shipping-calculator .shipping-calculator-button:hover { background-size: 100% 1px; } .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(--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; } .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(--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; } } [data-post-slug=cart] .page__title { margin-top: 0; } .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(--brandy-border-color); } .is-large.wc-block-cart table.wc-block-cart-items td { border-top-color: var(--brandy-border-color); } [data-post-slug=checkout] #content.page-container { padding: 0; } @media screen and (min-width: 1440px) { [data-post-slug=checkout] #content.page-container { max-width: none !important; } } [data-post-slug=checkout] .site__services { display: none; } [data-post-slug=checkout] .checkout-page { margin-top: 3.75rem; } .checkout-page.woocommerce-checkout-layout .page__title { text-align: center; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon-toggle a { color: var(--primary_text); text-decoration: underline; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon-toggle .showcoupon { font-weight: 600; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon { display: flex; flex-wrap: wrap; gap: 10px; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon input { max-width: 200px; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon input, .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon button { font-size: 0.875rem; line-height: 1.25rem; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon button { padding: 0.75rem 2rem !important; background-color: var(--palette_3) !important; border: 2px solid var(--palette_3) !important; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon button:hover { background-color: #ffffff !important; color: var(--primary_text) !important; } .checkout-page.woocommerce-checkout-layout .brandy-checkout-form, .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon, .checkout-page.woocommerce-checkout-layout .brandy-checkout-form-coupon-toggle { max-width: 1000px; margin-left: auto; margin-right: auto; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 3.75rem; row-gap: 3rem; margin-top: 40px; /** Order review */ } @media screen and (max-width: 975px) { .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout { grid-template-columns: 1fr; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-form__left { order: 2; padding-top: 3rem; position: relative; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-form__left::after { content: ""; width: max(80%, 350px); height: 1px; background-color: #f3f5f8; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-form__section-heading { margin-bottom: 25px; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .woocommerce-input-wrapper * { font-size: 0.875rem; line-height: 1.25rem; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-fields__row { display: flex; width: 100%; gap: 1.25rem; margin-bottom: 1.25rem; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-fields__row .brandy-checkout-fields__column { flex: 1; } .checkout-page.woocommerce-checkout-layout 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; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-fields__row > * { width: 100%; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-fields__row:empty { display: none; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout #ship-to-different-address { width: fit-content; font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout #ship-to-different-address > * { display: flex; align-items: center; gap: 11px; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout label { cursor: pointer; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table { border: 1px solid var(--brandy-border-color); border-radius: 5px; font-size: 0.875rem; line-height: 1.25rem; /** Order review items */ /** Order review coupons */ /** Order review shipping */ } .checkout-page.woocommerce-checkout-layout 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(--brandy-border-color); } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-table__row:first-child { border-top: 0; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order__label, .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-item__quantity { font-weight: 600; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-item__quantity { margin-left: 5px; } .checkout-page.woocommerce-checkout-layout 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(--primary_text); text-decoration: underline; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-coupon .brandy-checkout-review-order-coupon__amount { color: var(--accent); } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .brandy-checkout-review-order-shipping-wrapper { width: 100%; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .brandy-checkout-review-order__label { margin-bottom: 0.75rem; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .shipping-method { width: 1rem; height: 1rem; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-review-order-table .brandy-checkout-review-order-shipping .shipping-method::after { width: 8px; height: 8px; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .woocommerce-checkout-payment { margin-top: 30px; background-color: #F9F9F9; border-radius: 5px; overflow: hidden; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods { background-color: inherit; border: 0; border-radius: inherit; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method { border-bottom: 1px solid rgba(211, 220, 229, 0.5019607843); } .checkout-page.woocommerce-checkout-layout 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; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input[type=radio] { width: 1rem; height: 1rem; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input[type=radio]::after { width: 8px; height: 8px; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-submit-section { padding: 20px; font-size: 0.875rem; line-height: 1.25rem; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-submit-section .woocommerce-terms-and-conditions-wrapper a { color: var(--primary_text); text-decoration: underline; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-submit-section .brandy-checkout-submit-btn { margin-top: 30px; width: 100% !important; padding: 15px !important; font-weight: 600 !important; background-color: var(--palette_3) !important; border: 2px solid var(--palette_3) !important; } .checkout-page.woocommerce-checkout-layout form.woocommerce-checkout .brandy-checkout-submit-section .brandy-checkout-submit-btn:hover { background-color: white !important; color: var(--palette_3) !important; } [data-post-slug=thankyou] .page-container { max-width: 1195px !important; } .single-page.thankyou .page__title { text-align: center; display: none; } .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(--brandy-border-color); } .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(--palette-3); position: relative; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.4s; } .woocommerce-order-details .product-items__table .product-name a:hover { background-size: 100% 1px; } .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(--brandy-border-color); 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; } [data-post-slug=my-account] .page__title { text-align: center; } [data-post-slug=my-account]:not(.logged-in) .page__title { display: none; } .brandy-account-wrapper { display: flex; gap: 40px; } .brandy-account-wrapper .woocommerce-MyAccount-navigation { background: #ffffff; 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: rgb(248, 249, 250); width: 100%; color: var(--palette_3); border-radius: 10px; transition: background 0.2s ease-in-out; } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li a:hover { background: rgb(237, 243, 249); } .brandy-account-wrapper .woocommerce-MyAccount-navigation ul li.is-active a { background: rgb(237, 243, 249); } .brandy-account-wrapper .woocommerce-MyAccount-content { flex: 1; } .woocommerce-form-login, .woocommerce-ResetPassword { width: 500px; padding: 20px; background: 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 rgb(237, 243, 249); } .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(--palette_3); } .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: 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; } .brandy-shop-loop-header, .brandy-shop-loop-bottom { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; } .brandy-shop-loop-bottom { padding-top: 1.75rem; margin-top: 2.5rem; border-top: 1px solid rgb(237, 243, 249); } .wp-block-latest-posts li a { display: inline; order: 2; text-align: center; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--primary_text); font-size: 18px; font-weight: 500; } .wc-about-us-banners .components-resizable-box__container { max-width: unset !important; max-height: unset !important; }