:root { --wd-text-line-height: 1.6; --wd-brd-radius: .001px; --wd-form-height: 42px; --wd-form-color: inherit; --wd-form-placeholder-color: inherit; --wd-form-bg: transparent; --wd-form-brd-color: rgba(0, 0, 0, 0.1); --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15); --wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==); --btn-height: 42px; --btn-transform: uppercase; --btn-font-weight: 600; --btn-font-family: inherit; --btn-font-style: unset; --wd-main-bgcolor: #fff; --wd-scroll-w: .001px; --wd-admin-bar-h: .001px; --wd-tags-mb: 20px; --wd-block-spacing: 20px; --wd-header-banner-mt: .001px; --wd-sticky-nav-w: .001px; --color-white: #fff; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255, 255, 255; --bgcolor-white: #fff; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --bgcolor-gray-400: rgba(187, 187, 187, 0.4); --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2) } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100% } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { line-height: 1; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; font-family: sans-serif; overflow-x: hidden } ol, ul { list-style: none; margin-bottom: var(--list-mb); padding-left: var(--li-pl); --list-mb: 20px; --li-mb: 10px; --li-pl: 17px } caption, th, td { vertical-align: middle; text-align: left } q, blockquote { quotes: none } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none } a img { border: none } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } a, button, input { touch-action: manipulation } button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit } button { overflow: visible } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; padding: 0; border: 0 } body { margin: 0; background-color: #fff; color: var(--wd-text-color); text-rendering: optimizeLegibility; font-weight: var(--wd-text-font-weight); font-style: var(--wd-text-font-style); font-size: var(--wd-text-font-size); font-family: 'Craftwork Grotesk'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: var(--wd-text-line-height); --wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h)); --wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h)) } @supports (overflow: clip) { body { overflow: clip } } /* p { margin-bottom: var(--wd-tags-mb) } */ a { color: var(--wd-link-color); text-decoration: none; transition: all .25s ease } /* a:is(:hover, :focus, :active) { outline: none; text-decoration: none } a:hover { color: var(--wd-link-color-hover) } */ a:focus { outline: none } :is(h1, h2, h3, h4, h5, h6, .title) a { color: inherit } :is(h1, h2, h3, h4, h5, h6, .title) a:hover { color: var(--wd-link-color-hover) } label { display: block; margin-bottom: 5px; color: var(--wd-title-color); vertical-align: middle; font-weight: 400 } em { font-style: italic } .elementor-default i:not([class]) { font-style: italic } big { font-size: larger } abbr { border-bottom: 1px dotted; color: #D62432; text-decoration: none } acronym { border-bottom: 1px dotted; text-decoration: none } .required { border: none; color: #E01020; font-size: 16px; line-height: 1 } abbr[title] { border: none } dl { margin-bottom: 20px; margin-bottom: 20px } strong, b { font-weight: 600 } mark { display: inline-block; padding: 5px 8px; background-color: #f7f7f7; color: #242424; font-weight: 600; line-height: 1 } code, kbd { padding: 2px 5px } code, kbd, pre, samp { -webkit-hyphens: none; hyphens: none; font-family: monospace, serif } ins { text-decoration: none } pre { overflow: auto; margin-bottom: 20px; padding: 20px; background: #f7f7f7; text-align: left; white-space: pre; white-space: pre-wrap; word-wrap: break-word } dfn { font-style: italic } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 1 } sup { top: -.5em } sub { bottom: -.25em } var { font-style: italic } small { font-size: 80% } hr { margin-top: 20px; margin-bottom: 20px; max-width: 35px; border: none; border-bottom: 1px solid currentColor; opacity: .2 } iframe, embed { max-width: 100% } blockquote { margin-bottom: 20px; padding-left: 30px; border-left: 2px solid var(--wd-primary-color); text-align: left; font-size: 110%; --wd-tags-mb: 10px } blockquote cite { display: block; margin-top: 10px; color: var(--wd-primary-color); font-weight: 600; font-size: 90% } blockquote cite a { color: inherit } cite { font-style: italic } address { margin-bottom: 20px; font-style: italic; font-size: 110%; line-height: 1.8 } fieldset { margin-bottom: 20px; padding: 20px 40px; border: 2px solid var(--brdcolor-gray-300); border-radius: var(--wd-brd-radius) } fieldset legend { margin-bottom: 0; padding-right: 15px; padding-left: 15px; width: auto } legend { text-transform: uppercase; font-size: 22px } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } img { max-width: 100%; height: auto; border: 0; vertical-align: middle } .svg-icon { display: inline-block } .svg-icon svg { width: inherit !important; height: inherit !important } svg:not(:root) { overflow: hidden } :is(.wd-custom-icon, picture.wd-custom-icon img) { min-width: 100%; max-width: 38px; width: auto; height: auto } h1 { font-size: 28px } h2 { font-size: 24px } h3 { font-size: 22px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 12px } .wd-entities-title a { color: inherit } .element-title { display: flex !important; align-items: center; text-transform: uppercase; font-size: 22px } .element-title .title-icon { flex: 0 0 auto; margin-inline-end: 10px } .products-bordered-grid .element-title { padding-left: 0 !important; padding-right: 0 !important } legend, h1, h2, h3, h4, h5, h6, .title { display: block; margin-bottom: var(--wd-tags-mb); color: #0a0a0a; text-transform: var(--wd-title-transform); font-weight: var(--wd-title-font-weight); font-style: var(--wd-title-font-style); line-height: 1.4 } .wd-entities-title { display: block; color: var(--wd-entities-title-color); word-wrap: break-word; font-weight: var(--wd-entities-title-font-weight); font-style: var(--wd-entities-title-font-style); text-transform: var(--wd-entities-title-transform); line-height: 1.4 } a.wd-entities-title:hover, .wd-entities-title a:hover { color: var(--wd-entities-title-color-hover) } li { margin-bottom: var(--li-mb) } li:last-child { margin-bottom: 0 } li>ul, li>ol { margin-top: var(--li-mb); margin-bottom: 0 } ul { list-style: disc } ol { list-style: decimal } dl dt { color: var(--color-gray-800); font-weight: 600 } dl dd { margin-bottom: 20px } .unordered-list ul, .unordered-list ol { margin-left: 20px } .unordered-list li:before { margin-right: 10px; font-size: 8px; content: "\f113"; font-family: "woodmart-font" } .unordered-list, .wd-sub-menu, .textwidget .menu, .unordered-list ul, .wd-sub-menu ul, .textwidget .menu ul, .unordered-list ol, .wd-sub-menu ol, .textwidget .menu ol, .wd-nav, nav[class*="-pagination"] ul { list-style: none; --li-pl: 0 } .wd-sub-menu, .wd-sub-menu ul, .wd-sub-menu ol, .wd-nav, nav[class*="-pagination"] ul { --list-mb: 0; --li-mb: 0 } .wd-z-index { position: relative; z-index: 35 } .text-center { --content-align: center; --text-align: center; text-align: center } .text-right { --text-align: right; text-align: right; --content-align: flex-end } .text-left { --text-align: left; text-align: left; --content-align: flex-start } .wd-fontsize-xs { font-size: 14px } .wd-fontsize-s { font-size: 16px } .wd-fontsize-m { font-size: 18px } .wd-fontsize-l { font-size: 22px } .wd-fontsize-xl { font-size: 26px } .wd-fontsize-xxl { font-size: 36px } .wd-fontsize-xxxl { font-size: 46px } .text-larger { font-size: 110% } .wd-items-top { align-items: flex-start } .wd-items-middle { align-items: center } .wd-items-bottom { align-items: flex-end } .wd-justify-left { justify-content: flex-start } .wd-justify-center { justify-content: center } .wd-justify-right { justify-content: flex-end } [class*="color-scheme-light"] { --color-white: #000; --color-gray-100: rgba(255, 255, 255, 0.1); --color-gray-200: rgba(255, 255, 255, 0.2); --color-gray-300: rgba(255, 255, 255, 0.5); --color-gray-400: rgba(255, 255, 255, 0.6); --color-gray-500: rgba(255, 255, 255, 0.7); --color-gray-600: rgba(255, 255, 255, 0.8); --color-gray-700: rgba(255, 255, 255, 0.9); --color-gray-800: #fff; --color-gray-900: #fff; --bgcolor-white-rgb: 0, 0, 0; --bgcolor-white: #0f0f0f; --bgcolor-gray-100: #0a0a0a; --bgcolor-gray-200: #121212; --bgcolor-gray-300: #141414; --bgcolor-gray-400: #171717; --brdcolor-gray-200: rgba(255, 255, 255, 0.1); --brdcolor-gray-300: rgba(255, 255, 255, 0.15); --brdcolor-gray-400: rgba(255, 255, 255, 0.25); --brdcolor-gray-500: rgba(255, 255, 255, 0.3); --wd-text-color: rgba(255, 255, 255, 0.8); --wd-title-color: #fff; --wd-widget-title-color: var(--wd-title-color); --wd-entities-title-color: #fff; --wd-entities-title-color-hover: rgba(255, 255, 255, 0.8); --wd-link-color: rgba(255, 255, 255, 0.9); --wd-link-color-hover: #fff; --wd-form-brd-color: rgba(255, 255, 255, 0.2); --wd-form-brd-color-focus: rgba(255, 255, 255, 0.3); --wd-form-placeholder-color: rgba(255, 255, 255, 0.6); --wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KSI+PHBhdGggZD0iTTYgOWw2IDYgNi02Ii8+PC9zdmc+); --wd-main-bgcolor: #1a1a1a; color: var(--wd-text-color) } .color-scheme-dark { --color-white: #fff; --color-gray-100: #f7f7f7; --color-gray-200: #f1f1f1; --color-gray-300: #bbb; --color-gray-400: #a5a5a5; --color-gray-500: #777; --color-gray-600: #666; --color-gray-700: #555; --color-gray-800: #333; --color-gray-900: #242424; --bgcolor-white-rgb: 255, 255, 255; --bgcolor-white: #fff; --bgcolor-gray-100: #f7f7f7; --bgcolor-gray-200: #f7f7f7; --bgcolor-gray-300: #f1f1f1; --bgcolor-gray-400: rgba(187, 187, 187, 0.4); --brdcolor-gray-200: rgba(0, 0, 0, 0.075); --brdcolor-gray-300: rgba(0, 0, 0, 0.105); --brdcolor-gray-400: rgba(0, 0, 0, 0.12); --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --wd-text-color: #777; --wd-title-color: #242424; --wd-entities-title-color: #333; --wd-entities-title-color-hover: rgba(51, 51, 51, 0.65); --wd-link-color: #333; --wd-link-color-hover: #242424; --wd-form-brd-color: rgba(0, 0, 0, 0.1); --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15); --wd-form-placeholder-color: #777; color: var(--wd-text-color) } [class*="color-scheme-hover"] { transition: all .25s ease } [class*="color-scheme-hover"] .title { transition: all .25s ease } .color-scheme-hover-dark:hover { --color-gray-400: #a5a5a5; --color-gray-800: #333; --bgcolor-gray-200: #f7f7f7; --brdcolor-gray-500: rgba(0, 0, 0, 0.2); --wd-text-color: #777; --wd-title-color: #242424; --wd-link-color: #333; --wd-link-color-hover: #242424; color: var(--wd-text-color) } .color-scheme-hover-light:hover { --color-gray-400: rgba(255, 255, 255, 0.8); --color-gray-800: #fff; --brdcolor-gray-300: rgba(255, 255, 255, 0.15); --brdcolor-gray-500: rgba(255, 255, 255, 0.3); --wd-text-color: rgba(255, 255, 255, 0.8); --wd-title-color: #fff; --wd-link-color: rgba(255, 255, 255, 0.9); --wd-link-color-hover: #fff; color: var(--wd-text-color) } .color-primary { color: var(--wd-primary-color) } .color-alt { color: var(--wd-alternative-color) } .color-title { color: var(--wd-title-color) } .font-text { font-family: var(--wd-text-font) } .font-primary { font-family: var(--wd-title-font) } .font-alt { font-style: var(--wd-alternative-font-style); font-family: var(--wd-alternative-font) } .clear { clear: both; width: 100% } .cursor-pointer { cursor: pointer } .wd-fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .wd-display-none, .wd-hide { display: none !important } .set-mb-s { --margin-bottom: 10px } .set-mb-s>* { margin-bottom: var(--margin-bottom) } .set-mb-m { --margin-bottom: 15px } .set-mb-m>* { margin-bottom: var(--margin-bottom) } .set-mb-l { --margin-bottom: 20px } .set-mb-l>* { margin-bottom: var(--margin-bottom) } .set-cont-mb-s { --wd-tags-mb: 10px } .reset-last-child>*:last-child { margin-bottom: 0 } .is_stuck { z-index: 2 } @keyframes wd-rotate { 100% { transform: rotate(360deg) } } @keyframes wd-fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes wd-fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes wd-fadeInBottomShort { from { transform: translate3d(0, 20px, 0) } to { transform: none } } @keyframes wd-ShakePrev { 25% { transform: translate3d(0px, 0, 0) } 50% { transform: translate3d(3px, 0, 0) } 75% { transform: translate3d(-3px, 0, 0) } } @keyframes wd-ShakeNext { 25% { transform: translate3d(0px, 0, 0) } 50% { transform: translate3d(-3px, 0, 0) } 75% { transform: translate3d(3px, 0, 0) } } @keyframes wd-FadeInLoader { from { opacity: 0 } to { opacity: .8 } } table { margin-bottom: 35px; width: 100%; border-spacing: 0; border-collapse: collapse; line-height: 1.4 } table th { padding: 15px 10px; border-bottom: 2px solid var(--brdcolor-gray-200); color: var(--wd-title-color); text-transform: uppercase; font-weight: var(--wd-title-font-weight); font-style: var(--wd-title-font-style); font-size: 16px; font-family: var(--wd-title-font) } table td { padding: 15px 12px; border-bottom: 1px solid var(--brdcolor-gray-300) } table :is(tbody, tfoot) th { border-bottom: 1px solid var(--brdcolor-gray-300); text-transform: none; font-size: inherit } .responsive-table { overflow-x: auto; margin-bottom: 35px } .responsive-table table { margin-bottom: 0 } .responsive-table .responsive-table { overflow-x: visible; margin-bottom: 0 } input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], input[type='password'], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none } /* input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select { padding: 0 15px; max-width: 100%; width: 100%; height: var(--wd-form-height); border: var(--wd-form-brd-width) solid var(--wd-form-brd-color); border-radius: var(--wd-form-brd-radius); background-color: var(--wd-form-bg); box-shadow: none; color: var(--wd-form-color); vertical-align: middle; font-size: 14px; transition: border-color .5s ease } */ input[type='email']:focus, input[type='date']:focus, input[type='search']:focus, input[type='number']:focus, input[type='text']:focus, input[type='tel']:focus, input[type='url']:focus, input[type='password']:focus, textarea:focus, select:focus { outline: none; border-color: var(--wd-form-brd-color-focus); transition: border-color .4s ease } ::-webkit-input-placeholder { color: var(--wd-form-placeholder-color) } ::-moz-placeholder { color: var(--wd-form-placeholder-color) } :-moz-placeholder { color: var(--wd-form-placeholder-color) } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; margin-top: 0; padding: 0; vertical-align: middle; margin-inline-end: 5px } input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } input[type="number"] { padding: 0; text-align: center } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="date"]::-webkit-inner-spin-button { display: none } input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0 } input[type="date"]::-webkit-clear-button { position: relative; right: 5px; width: 30px; opacity: .4; filter: grayscale(100%) } [class*="color-scheme-light"] input[type="date"]::-webkit-clear-button { opacity: .6; filter: grayscale(100%) invert(100%) saturate(800%) } html:not(.browser-Firefox) input[type="date"] { background: no-repeat url("../../inc/admin/assets/images/calend-d.svg") right 15px top 50%; background-size: auto 14px } html:not(.browser-Firefox) [class*="color-scheme-light"] input[type='date'] { background-image: url("../../inc/admin/assets/images/calend-l.svg") } textarea { overflow: auto; } select { padding-right: 30px; background-image: var(--wd-form-chevron); background-position: right 10px top 50%; background-size: auto 18px; background-repeat: no-repeat } select option { background-color: var(--bgcolor-white) } input:-webkit-autofill { border-color: var(--wd-form-brd-color); -webkit-box-shadow: 0 0 0 1000px var(--wd-form-bg) inset; -webkit-text-fill-color: var(--wd-form-color) } input:focus:-webkit-autofill { border-color: var(--wd-form-brd-color-focus) } :is(.btn, .button, button, [type="submit"], [type="button"]) { font-size: 13px; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: none; border: 0px solid transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: var(--btn-transform); text-shadow: none; font-weight: var(--btn-font-weight); font-family: var(--btn-font-family); font-style: var(--btn-font-style); line-height: 1.2; cursor: pointer; transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease; color: var(--btn-color, #3E3E3E); background-color: var(--btn-bgcolor, #F3F3F3) } /* :is(.btn, .button, button, [type="submit"], [type="button"]):hover { color: var(--btn-color-hover, #3E3E3E); background-color: var(--btn-bgcolor-hover, #e0e0e0) } */ button[disabled], input[disabled] { opacity: 0.6 !important; cursor: default } [class*="wd-grid"] { display: flex; flex-wrap: wrap } [class*="wd-grid-col-"] { --wd-col: 1 } [class*="wd-grid-col-"]>.wd-col { flex: 0 0 calc(100% / var(--wd-col)); max-width: calc(100% / var(--wd-col)) } .wd-grid-stretch>.wd-col { flex: 1 1 200px; width: 0px } .wd-grid-inline>.wd-col { flex: 0 0 auto } /* [class*="wd-spacing-"] { margin-right: calc((var(--wd-sp) / 2) * -1); margin-left: calc((var(--wd-sp) / 2) * -1); --wd-sp: .001px } */ /* [class*="wd-spacing-"]>[class*="col"] { margin-bottom: var(--wd-sp); padding-right: calc(var(--wd-sp) / 2); padding-left: calc(var(--wd-sp) / 2) } */ .elementor-default [class*="wd-spacing-"] { margin-bottom: calc(var(--wd-sp) * -1) } .wd-spacing-2 { --wd-sp: 2px } .wd-spacing-6 { --wd-sp: 6px } .wd-spacing-10 { --wd-sp: 10px } .wd-spacing-20 { --wd-sp: 20px } .wd-spacing-30 { --wd-sp: 30px } .wd-loader:after { content: ""; display: inline-block; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: var(--color-gray-900); border-radius: 50%; vertical-align: middle } .wd-scroll-content { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 50vh; scrollbar-width: thin } .wd-dropdown { position: absolute; top: 100%; left: 0; z-index: 380; margin-top: 15px; margin-right: 0; margin-left: calc(var(--nav-gap, .001px) / 2 * -1); background-color: var(--bgcolor-white); background-position: bottom right; background-clip: border-box; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); text-align: left; border-radius: var(--wd-brd-radius); visibility: hidden; opacity: 0; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transform: translateY(15px) translateZ(0); pointer-events: none } .wd-dropdown:after { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 15px } .whb-col-right .wd-dropdown-menu.wd-design-default { right: 0; left: auto; margin-left: 0; margin-right: calc(var(--nav-gap, .001px) / 2 * -1) } .wd-event-hover:hover>.wd-dropdown, .wd-event-click.wd-opened>.wd-dropdown, .wd-dropdown.wd-opened { visibility: visible; opacity: 1; transform: none !important; pointer-events: visible; pointer-events: unset } .wpb-js-composer .wd-dropdown-menu>.container>p { display: none } .wd-dropdown-menu { min-height: min(var(--wd-dropdown-height), var(--wd-content-h, var(--wd-dropdown-height))); width: var(--wd-dropdown-width); background-image: var(--wd-dropdown-bg-img) } .wd-dropdown-menu .wd-dropdown-inner { overflow: inherit; height: min(var(--wd-dropdown-height), var(--wd-content-h)) } .wd-dropdown-menu.wd-scroll>.wd-scroll-content { max-height: none; border-radius: inherit } .dropdowns-loading .dropdown-load-ajax.menu-mega-dropdown:not(.dropdown-with-height)>.wd-dropdown-menu { min-height: 400px } .dropdowns-loaded .dropdown-load-ajax>.wd-dropdown-menu>.container { animation: wd-fadeIn .3s ease } .dropdown-html-placeholder { display: flex; align-items: center; justify-content: center; background-color: rgba(var(--bgcolor-white-rgb), 0.6); border-radius: var(--wd-brd-radius) } .dropdown-html-placeholder:after { content: ""; display: inline-block; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0); border-left-color: var(--color-gray-900); border-radius: 50%; vertical-align: middle } .dropdowns-loading .dropdown-html-placeholder:after { animation: wd-rotate 450ms infinite linear } .wd-dropdown-menu.wd-design-default { padding: 12px 20px; --wd-dropdown-width: 220px } .wd-dropdown-menu.wd-design-default>.container { padding: 0; width: auto } .wd-dropdown-menu.wd-design-default .wd-dropdown { top: 0; left: 100%; padding: 12px 20px; width: var(--wd-dropdown-width); margin: 0 0 0 20px } .wd-dropdown-menu.wd-design-default .wd-dropdown:after { top: 0; right: 100%; bottom: 0; left: auto; width: 20px; height: auto } .wd-dropdown-menu.wd-design-default .menu-item-has-children>a:after { margin-left: auto; color: rgba(82, 82, 82, 0.45); font-weight: 600; font-size: 55%; line-height: 1; font-family: "woodmart-font"; content: "\f113" } .wd-dropdown-menu.wd-design-default.color-scheme-light .menu-item-has-children>a:after { color: rgba(255, 255, 255, 0.6) } .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height) .wd-sub-menu>li { margin-bottom: 25px; width: 200px } .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height) .vc_row .wd-sub-menu>li { width: auto } .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height) .elementor-element .wd-sub-menu>li { margin-bottom: 0; width: auto } .wd-dropdown-menu.wd-design-full-width { --wd-dropdown-width: 100vw } :is(.wd-nav-sticky, .wd-header-nav) .wd-dropdown-menu.wd-design-full-width { border-radius: 0 } .wd-dropdown-menu.wd-design-sized:not(.wd-scroll), .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner { padding: 30px 35px 0 35px } .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner { padding-top: 30px; padding-left: calc(var(--wd-scroll-w) + var(--wd-sticky-nav-w)) } .wd-dropdown-menu.wd-design-sized:not(.wd-scroll)>.container, .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner>.container { padding: 0; width: auto } .wd-side-hidden { position: fixed; top: var(--wd-admin-bar-h); bottom: 0; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 340px; background-color: var(--bgcolor-white); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) } .wd-side-hidden.wd-left { right: auto; left: 0; transform: translate3d(-100%, 0, 0) } .wd-side-hidden.wd-right { right: 0; left: auto; transform: translate3d(100%, 0, 0) } .wd-side-hidden.wd-opened { transform: none } @media (max-width: 350px) { div.website-wrapper .wd-side-hidden { width: 270px !important } } .wd-sub-menu { --sub-menu-color: #848484; --sub-menu-color-hover: var(--wd-primary-color) } .wd-sub-menu li { position: relative } .wd-sub-menu li>a { position: relative; display: flex; align-items: center; padding-top: 8px; padding-bottom: 8px; color: var(--sub-menu-color); font-size: 14px; line-height: 1.3 } .wd-sub-menu li>a .wd-nav-icon { margin-right: 7px; font-size: 115% } .wd-sub-menu li>a .menu-label { position: relative; margin-top: -20px; align-self: flex-start } .wd-sub-menu li>a:hover { color: var(--sub-menu-color-hover) } [class*="color-scheme-light"] .wd-sub-menu { --sub-menu-color: rgba(255, 255, 255, 0.6); --sub-menu-color-hover: #fff } .widget .wd-sub-menu { --li-mb: 0 } .widget .wd-sub-menu ul { --li-mb: 0 } .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height) .wd-sub-menu>li>a, .mega-menu-list>li>a { --sub-menu-color: #333; --sub-menu-color-hover: var(--wd-primary-color); text-transform: uppercase; font-weight: 600 } .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height).color-scheme-light .wd-sub-menu>li>a, [class*="color-scheme-light"] .mega-menu-list>li>a { --sub-menu-color: #fff; --sub-menu-color-hover: rgba(255, 255, 255, 0.6) } .wd-color-light .searchform { --wd-form-brd-color: rgba(255, 255, 255, 0.2); --wd-form-brd-color-focus: rgba(255, 255, 255, 0.3); --wd-form-color: rgba(255, 255, 255, 0.8) } .wd-color-dark .searchform { --wd-form-brd-color: rgba(0, 0, 0, 0.1); --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15); --wd-form-color: #777; --wd-form-placeholder-color: var(--wd-form-color) } .create-nav-msg a { font-weight: 600 } .wd-nav-img, .mega-menu-list img { display: inline-block; margin-right: 7px; max-height: 18px; width: auto !important } .wd-nav-img img, .mega-menu-list img img { max-height: 18px } .wd-nav { --nav-gap: 12px; display: inline-flex; flex-wrap: wrap; justify-content: var(--text-align); text-align: left; gap: 1px var(--nav-gap) } .wd-nav>li { position: relative } .wd-nav>li>a { position: relative; display: flex; align-items: center; flex-direction: row; text-transform: uppercase; font-weight: 600; font-size: 13px; line-height: 1.2 } .wd-nav>li>a .wd-nav-icon { margin-right: 7px; font-size: 115% } .wd-nav>li>a .menu-label { left: calc(100% - 30px); margin-left: 0 } .wd-nav>li:is(.wd-has-children, .menu-item-has-children)>a:after { margin-left: 4px; font-weight: normal; font-style: normal; font-size: clamp(6px, 50%, 18px); content: "\f129"; font-family: "woodmart-font" } .wd-nav li.color-primary { --nav-color: var(--wd-primary-color); --nav-color-hover: var(--wd-primary-color); --nav-color-active: var(--wd-primary-color) } .wd-nav.wd-gap-m { --nav-gap: 30px } .wd-nav.wd-gap-l { --nav-gap: 40px } .wd-nav-opener { position: relative; z-index: 1; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 50px; color: var(--color-gray-900); cursor: pointer; transition: color .25s ease, background-color .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden } .wd-nav-opener:after { font-weight: 400; font-size: 12px; transition: transform .25s ease; content: "\f113"; font-family: "woodmart-font" } .wd-nav-opener:hover { color: var(--color-gray-900) } .wd-nav-opener.wd-active { color: var(--color-gray-700) } .wd-nav-opener.wd-active:after { transform: rotate(90deg) } .wd-nav[class*="wd-style-"] { --nav-color: #333; --nav-color-hover: rgba(51, 51, 51, 0.7); --nav-color-active: rgba(51, 51, 51, 0.7); --nav-chevron-color: rgba(82, 82, 82, .45) } .wd-nav[class*="wd-style-"]>li>a { color: var(--nav-color) } .wd-nav[class*="wd-style-"]>li:hover>a { color: var(--nav-color-hover) } .wd-nav[class*="wd-style-"]>li:is(.current-menu-item, .wd-active, .active)>a { color: var(--nav-color-active) } .wd-nav[class*="wd-style-"]>li:is(.wd-has-children, .menu-item-has-children)>a:after { color: var(--nav-chevron-color) } :is(.color-scheme-light, .whb-color-light) .wd-nav[class*="wd-style-"] { --nav-color: #fff; --nav-color-hover: rgba(255, 255, 255, 0.8); --nav-color-active: rgba(255, 255, 255, 0.8); --nav-chevron-color: rgba(255, 255, 255, 0.6) } .wd-nav.wd-style-default { --nav-color-hover: var(--wd-primary-color); --nav-color-active: var(--wd-primary-color) } .wd-nav:is(.wd-style-bordered, .wd-style-separated)>li { display: flex; flex-direction: row } .wd-nav:is(.wd-style-bordered, .wd-style-separated)>li:not(:last-child):after { content: ""; position: relative; inset-inline-end: calc((var(--nav-gap) / 2) * -1); border-right: 1px solid rgba(0, 0, 0, 0.105) } :is(.color-scheme-light, .whb-color-light) .wd-nav:is(.wd-style-bordered, .wd-style-separated)>li:not(:last-child):after { border-color: rgba(255, 255, 255, 0.25) } .wd-nav.wd-style-separated>li { align-items: center } .wd-nav.wd-style-separated>li:not(:last-child):after { height: 18px } .wd-nav.wd-style-bordered>li { align-items: stretch } .wd-nav.wd-style-bg { --nav-color-hover: var(--wd-primary-color) !important; --nav-gap: 5px } .wd-nav.wd-style-bg>li>a { padding-right: 12px; padding-left: 12px } .wd-nav.wd-style-bg>li>a span, .wd-nav.wd-style-bg>li>a:after { z-index: 2 } .wd-nav.wd-style-bg>li>a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; border-radius: 40px; background-color: var(--wd-primary-color); transition: all .25s ease } .wd-nav.wd-style-bg>li:is(:hover, .current-menu-item, .wd-active, .active)>a { color: var(--nav-color-hover) } .wd-nav.wd-style-bg>li:is(:hover, .current-menu-item, .wd-active, .active)>a:before { visibility: visible; opacity: .25 } .wd-nav.wd-style-bg.wd-gap-m { --nav-gap: 15px } .wd-nav.wd-style-bg.wd-gap-l { --nav-gap: 25px } .wd-nav[class*="wd-style-underline"] .nav-link-text { position: relative; display: inline-block; padding-top: 1px; padding-bottom: 1px; line-height: 1.2 } .wd-nav[class*="wd-style-underline"] .nav-link-text:after { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: var(--wd-primary-color); transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15) } .wd-nav[class*="wd-style-underline"]>li:is(:hover, .current-menu-item, .wd-active, .active)>a .nav-link-text:after { width: 100% } .whb-top-bar .wd-nav>li>a .menu-label, .whb-clone .wd-nav>li>a .menu-label { position: static; margin-top: 0; margin-inline-start: 5px; opacity: 1; align-self: center } .whb-top-bar .wd-nav>li>a .menu-label:before, .whb-clone .wd-nav>li>a .menu-label:before { content: none } .wd-tltp .wd-tooltip-label, .tooltip { position: absolute; z-index: 1070; visibility: hidden; text-transform: none; font-weight: 400; font-size: 12px; opacity: 0; pointer-events: none } .wd-tltp:hover .wd-tooltip-label, .tooltip.show { visibility: visible; opacity: 1; animation: wd-fadeInTooltip .3s ease } .wd-tltp .wd-tooltip-label { padding: 0 15px !important; max-width: 200px; height: 34px; border-radius: 0; background-color: #000; color: #fff; text-align: center; white-space: nowrap; line-height: 34px; border-radius: calc(var(--wd-brd-radius) / 1.5) } .wd-tltp .wd-tooltip-label:before, .tooltip .arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent } .wd-tltp-top .wd-tooltip-label:before, .tooltip.bs-tooltip-top .arrow { left: 50%; border-width: 5px 5px 0; border-top-color: #000 } .wd-tltp-left .wd-tooltip-label { top: 50%; right: 100%; margin-top: -17px; margin-right: 8px } .wd-tltp-left .wd-tooltip-label:before { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .wd-tltp-right .wd-tooltip-label { top: 50%; left: 100%; margin-top: -17px; margin-left: 8px } .wd-tltp-right .wd-tooltip-label:before { top: 50%; right: 100%; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .wd-tltp-top .wd-tooltip-label { bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 8px } .wd-tltp-top .wd-tooltip-label:before { top: 100%; margin-left: -5px } .wd-tltp { position: relative } .wd-tltp .wd-tooltip-label:before { content: "" } .tooltip .tooltip-inner { padding: 7px 15px; max-width: 200px; border-radius: 0; background-color: #000; color: #fff; text-align: center; word-break: break-word; border-radius: calc(var(--wd-brd-radius) / 1.5) } .tooltip.bs-tooltip-top { margin-top: -3px; padding: 5px 0 } .tooltip.bs-tooltip-top .arrow { bottom: 0 } @keyframes wd-fadeInTooltip { from { opacity: 0 } to { opacity: .9 } } .wd-notice, div.wpcf7-response-output, .mc4wp-alert, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 5px 7px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 65px; min-height: 60px; text-align: start; border: none; border-radius: var(--wd-brd-radius) } .wd-notice:before, div.wpcf7-response-output:before, .mc4wp-alert:before, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info):before { position: absolute; top: 50%; left: 24px; margin-top: -9px; font-size: 18px; line-height: 18px; font-family: "woodmart-font" } .wd-notice a, div.wpcf7-response-output a, .mc4wp-alert a, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) a { color: #fff; text-decoration: underline } .wd-notice a:hover, div.wpcf7-response-output a:hover, .mc4wp-alert a:hover, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) a:hover { color: rgba(255, 255, 255, 0.8) } .wd-notice p:last-child, div.wpcf7-response-output p:last-child, .mc4wp-alert p:last-child, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) p:last-child { margin-bottom: 0 } .wd-notice .amount, div.wpcf7-response-output .amount, .mc4wp-alert .amount, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) .amount { color: #fff } .wd-notice :is(.button, .wc-backward), div.wpcf7-response-output :is(.button, .wc-backward), .mc4wp-alert :is(.button, .wc-backward), :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) :is(.button, .wc-backward) { text-decoration: none; min-height: unset; padding: 0; border-width: 2px; border-style: solid; border-top: none; border-right: none; border-left: none; background-color: transparent !important; border-color: rgba(255, 255, 255, 0.3); color: #fff } .wd-notice :is(.button, .wc-backward):hover, div.wpcf7-response-output :is(.button, .wc-backward):hover, .mc4wp-alert :is(.button, .wc-backward):hover, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) :is(.button, .wc-backward):hover { background-color: transparent !important; box-shadow: none; border-color: #fff; color: #fff } .wpcf7 form.sent .wpcf7-response-output, .mc4wp-success, .woocommerce-message { background-color: var(--notices-success-bg); color: var(--notices-success-color) } .wpcf7 form.sent .wpcf7-response-output:before, .mc4wp-success:before, .woocommerce-message:before { content: "\f107" } .wpcf7 form:not(.sent) .wpcf7-response-output, .mc4wp-error, .mc4wp-notice, :is(.woocommerce-error, .woocommerce-info) { background-color: var(--notices-warning-bg); color: var(--notices-warning-color) } .wpcf7 form:not(.sent) .wpcf7-response-output:before, .mc4wp-error:before, .mc4wp-notice:before, :is(.woocommerce-error, .woocommerce-info):before { content: "\f100" } .wd-notice.wd-info { background-color: #4D93D1; color: #fff } .wd-notice.wd-info:before { content: "\f100" } @keyframes wd-fadeInUpBig { from { transform: translate3d(0, 100%, 0) } to { transform: none } } @keyframes wd-fadeOutDownBig { from { transform: none } to { transform: translate3d(0, 100%, 0) } } .wd-close-side { position: fixed; z-index: 400; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, z-index 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, top 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s } .wd-close-side[class*="wd-location-header"] { z-index: 389; top: calc(var(--wd-admin-bar-h) + var(--wd-header-banner-h, .001px)) } .wd-close-side.wd-location-sticky-nav { z-index: 392 } .wd-close-side.wd-close-side-opened { visibility: visible; opacity: 1; transition-delay: 0s } .wd-btn-arrow { visibility: hidden; color: var(--color-gray-800); opacity: 0; pointer-events: none; position: absolute; top: 50%; z-index: 250; display: inline-flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; transition: all .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden } .wd-btn-arrow[class*="prev"] { transform: translateX(-30px) } .wd-btn-arrow[class*="prev"]:after { content: "\f114"; font-family: "woodmart-font" } .wd-btn-arrow[class*="next"] { transform: translateX(30px) } .wd-btn-arrow[class*="next"]:after { content: "\f113"; font-family: "woodmart-font" } .browser-Safari .wd-btn-arrow { visibility: visible } .wd-btn-arrow:after { font-size: 24px; line-height: 1 } .wd-btn-arrow:hover { color: var(--color-gray-500) } .wd-loop-footer { clear: both; text-align: center } .elementor-default .wd-loop-footer { margin-top: 35px } .wpb-js-composer .products-footer { margin-top: 10px } nav[class*="-pagination"] ul { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px } nav[class*="-pagination"] li .page-numbers { display: inline-flex; align-items: center; justify-content: center; padding-right: 5px; padding-left: 5px; min-width: 34px; height: 34px; color: var(--color-gray-900); font-weight: 600; font-size: 14px; border-radius: calc(var(--wd-brd-radius) / 1.5); transition: all .2s ease } nav[class*="-pagination"] li .current { color: #fff; background-color: var(--wd-primary-color) } nav[class*="-pagination"] li :is(.next, .prev) { font-size: 0 } nav[class*="-pagination"] li :is(.next, .prev):before { font-size: 12px; content: "\f113"; font-family: "woodmart-font" } nav[class*="-pagination"] li .prev:before { content: "\f114"; font-family: "woodmart-font" } nav[class*="-pagination"] a:hover { background-color: var(--bgcolor-gray-300) } .breadcrumbs { font-size: 0 } /* .breadcrumbs>:is(a, span):after { content: "/"; display: inline-block; padding: 0 8px } .breadcrumbs>span:last-child:after { content: none } */ /* :is(.breadcrumbs, .yoast-breadcrumb) { color: var(--color-gray-900); line-height: 16px } :is(.breadcrumbs, .yoast-breadcrumb)>:is(a, span) { display: inline-block; color: var(--color-gray-900) } :is(.breadcrumbs, .yoast-breadcrumb) :is(a, span) { text-transform: uppercase; font-weight: 600; font-size: 11px } :is(.breadcrumbs, .yoast-breadcrumb) a:hover { color: var(--color-gray-500) } :is(.breadcrumbs, .yoast-breadcrumb) span { transition: all .25s ease } */ .wd-action-btn { display: inline-flex; vertical-align: middle; --action-btn-color: var(--color-gray-800); --action-btn-hover-color: var(--color-gray-500) } .wd-action-btn>a { display: inline-flex; align-items: center; justify-content: center; color: var(--action-btn-color); cursor: pointer } .wd-action-btn>a:hover { color: var(--action-btn-hover-color) } .wd-action-btn>a:before { transition: opacity .15s ease; font-family: "woodmart-font" } .wd-action-btn>a:after { position: absolute; top: calc(50% - .5em); left: 0; opacity: 0; transition: opacity .2s ease; content: ""; display: inline-block; width: 1em; height: 1em; border: 1px solid rgba(0, 0, 0, 0); border-left-color: var(--color-gray-900); border-radius: 50%; vertical-align: middle } .wd-action-btn>a.loading:before { opacity: 0 } .wd-action-btn>a.loading:after { opacity: 1; animation: wd-rotate 450ms infinite linear } .wd-action-btn>a.added:before { content: "\f107" } .wd-action-btn.wd-style-icon .button { min-height: unset; padding: 0; background-color: transparent } .wd-action-btn.wd-style-icon .button:hover { background-color: transparent; box-shadow: none } .wd-action-btn.wd-style-icon>a { position: relative; flex-direction: column; width: 50px; height: 50px; font-weight: 400; font-size: 0 !important; line-height: 0 } .wd-action-btn.wd-style-icon>a:before { font-size: 20px } .wd-action-btn.wd-style-icon>a:after { left: calc(50% - .5em); font-size: 18px } .wd-action-btn.wd-style-text>a { position: relative; font-weight: 600; line-height: 1 } .wd-action-btn.wd-style-text>a:before { margin-inline-end: .3em; font-size: 110%; font-weight: 400 } .wd-action-btn:empty { display: none } .wd-compare-icon>a:before { content: "\f128" } .wd-wishlist-icon>a:before { content: "\f106" } .wd-quick-view-icon>a:before { content: "\f130" } .wd-add-cart-icon>a:before { content: "\f123" } .wd-cross-icon>a:before { content: "\f112" } .wd-burger-icon>a:before { content: "\f15a" } .wd-heading { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 10px; padding: 20px 15px; border-bottom: 1px solid var(--brdcolor-gray-300) } .wd-heading>a { --wd-link-color: var(--wd-primary-color); --wd-link-color-hover: var(--wd-primary-color) } .wd-heading>a:hover { opacity: .7 } .wd-heading .title { flex: 1 1 auto; margin-bottom: 0; font-size: 130% } .wd-heading .wd-action-btn { flex: 0 0 auto } .wd-heading .wd-action-btn.wd-style-text>a { height: 25px } :is(.widget, .wd-widget, div[class^="vc_wp"]) { line-height: 1.4; --wd-link-color: var(--color-gray-500); --wd-link-color-hover: var(--color-gray-800) } :is(.widget, .wd-widget, div[class^="vc_wp"])>:is(ul, ol) { margin-top: 0 } :is(.widget, .wd-widget, div[class^="vc_wp"]) :is(ul, ol) { list-style: none; --list-mb: 0; --li-mb: 15px; --li-pl: 0 } .widgettitle, .widget-title { margin-bottom: 20px; color: var(--wd-widget-title-color); text-transform: var(--wd-widget-title-transform); font-weight: var(--wd-widget-title-font-weight); font-style: var(--wd-widget-title-font-style); font-size: var(--wd-widget-title-font-size); font-family: var(--wd-widget-title-font) } .widget { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--brdcolor-gray-300) } .widget:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .woodmart-author-information { line-height: inherit } .woodmart-author-information .author-avatar img { border-radius: 50% } .textwidget>*:last-child { margin-bottom: 0 } .alignleft { float: left; margin-top: 3px; margin-right: 25px; margin-bottom: 20px } .alignright { float: right; margin-top: 3px; margin-bottom: 20px; margin-left: 25px } .aligncenter { display: block; clear: both; margin: 0 auto; margin-bottom: 20px } .wp-caption { margin-bottom: 20px; padding: 0; max-width: 100%; border: none; background: transparent } .wp-caption.alignleft { margin-top: 3px; margin-right: 25px } .wp-caption.alignright { margin-top: 3px; margin-left: 25px } .wp-caption.aligncenter { margin: 0 auto; margin-top: 3px } .wp-caption .wp-caption-text, .wp-caption-dd { padding: 5px 10px 5px 0; font-style: italic; line-height: 1.6; opacity: .8 } .gallery-caption, .bypostauthor { content: initial } .gallery { margin-left: -15px; margin-right: -15px } .gallery .gallery-item { padding-left: 15px; padding-right: 15px } .gallery .gallery-caption { margin-top: 10px; font-style: italic } body .wp-playlist { border: none; text-align: left } body .wp-playlist-item { border-color: var(--brdcolor-gray-300) } body .wp-playlist-item:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px } .website-wrapper { position: relative; background-color: var(--wd-main-bgcolor) } .main-page-wrapper { margin-top: -40px; padding-top: 40px; min-height: 50vh; background-color: var(--wd-main-bgcolor) } .site-content { margin-bottom: 40px } .sidebar-container { margin-bottom: 40px } .sidebar-container .wd-heading { display: none } .subtitle-style-background[class*="subtitle"] { display: inline-block; padding: 6px 10px; font-weight: 600; line-height: 1.2; font-size: 14px; border-radius: calc(var(--wd-brd-radius) / 1.5) } .subtitle-color-default.subtitle-style-default { color: var(--color-gray-400) } .subtitle-color-default.subtitle-style-background { background-color: #f1f1f1; color: #333 } .subtitle-color-primary.subtitle-style-default { color: var(--wd-primary-color) } .subtitle-color-primary.subtitle-style-background { color: #fff; background-color: var(--wd-primary-color) } .subtitle-color-alt.subtitle-style-default { color: var(--wd-alternative-color) } .subtitle-color-alt.subtitle-style-background { color: #fff; background-color: var(--wd-alternative-color) } .btn.btn-scheme-light { color: #fff } .btn.btn-scheme-dark { color: #333 } .btn.btn-scheme-hover-light:hover { color: #fff } .btn.btn-scheme-hover-dark:hover { color: #333 } .btn.btn-color-default { background-color: #F3F3F3; color: #3E3E3E } .btn.btn-color-default:hover { color: #3E3E3E; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1) } .btn.btn-color-black { background-color: #212121; color: #fff } .btn.btn-color-black:hover { color: #fff; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1) } .btn.btn-color-white { background-color: #fff; color: #333 } .btn.btn-color-white:hover { color: #333; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1) } .btn.btn-color-alt { color: #fff; background-color: var(--wd-alternative-color) } .btn.btn-color-alt:hover { color: #fff; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1) } .btn.btn-color-primary { color: #fff; background-color: var(--wd-primary-color) } .btn.btn-color-primary:hover { color: #fff; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1) } .btn-style-bordered.btn-color-default { border-color: #E9E9E9; color: #333 } .btn-style-bordered.btn-color-default:hover { background-color: #E9E9E9; color: #333 } .btn-style-bordered.btn-color-primary { color: var(--wd-primary-color); border-color: var(--wd-primary-color) } .btn-style-bordered.btn-color-primary:hover { color: #fff; background-color: var(--wd-primary-color) } .btn-style-bordered.btn-color-alt { color: var(--wd-alternative-color); border-color: var(--wd-alternative-color) } .btn-style-bordered.btn-color-alt:hover { color: #fff; background-color: var(--wd-alternative-color) } .btn-style-bordered.btn-color-black { border-color: #212121; color: #333 } .btn-style-bordered.btn-color-black:hover { background-color: #212121; color: #fff } .btn-style-bordered.btn-color-white { border-color: rgba(255, 255, 255, 0.5); color: #fff } .btn-style-bordered.btn-color-white:hover { border-color: #fff; background-color: transparent; color: #fff } .btn-style-link.btn-color-default { border-color: var(--brdcolor-gray-300); color: var(--color-gray-800) } .btn-style-link.btn-color-default:hover { border-color: var(--brdcolor-gray-500); color: var(--color-gray-800) } .btn-style-link.btn-color-primary { color: var(--color-gray-800); border-color: var(--wd-primary-color) } .btn-style-link.btn-color-primary:hover { color: var(--color-gray-800); opacity: .6; border-color: var(--wd-primary-color) } .btn-style-link.btn-color-alt { color: var(--color-gray-800); border-color: var(--wd-alternative-color) } .btn-style-link.btn-color-alt:hover { color: var(--color-gray-800); border-color: var(--wd-alternative-color); opacity: .6 } .btn-style-link.btn-color-black { border-color: #333; color: var(--color-gray-800) } .btn-style-link.btn-color-black:hover { border-color: #333; color: var(--color-gray-800); opacity: .6 } .btn-style-link.btn-color-white { border-color: rgba(255, 255, 255, 0.3); color: #fff } .btn-style-link.btn-color-white:hover { border-color: #fff; color: #fff } .btn-color-custom.btn-style-3d:hover { opacity: 1 !important } .btn-size-extra-small { padding: 5px 10px; min-height: 28px; font-size: 11px } .btn-size-small { padding: 5px 14px; min-height: 36px; font-size: 12px } .btn-size-large { padding: 5px 28px; min-height: 48px; font-size: 14px } .btn-size-extra-large { padding: 5px 40px; min-height: 56px; font-size: 16px } .btn.btn-style-round { border-radius: 35px } .btn.btn-style-semi-round { border-radius: 5px } .btn.btn-style-3d { border: none; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow 0s ease, opacity .25s ease } .btn.btn-style-3d:hover { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); opacity: .8 } .btn.btn-style-3d:active { top: 1px; box-shadow: none } .btn.btn-style-link { min-height: unset; padding: 0; border-width: 2px; border-style: solid; border-top: none; border-right: none; border-left: none; background-color: transparent !important } .btn.btn-style-link:hover { background-color: transparent !important; box-shadow: none } .btn.btn-style-bordered { border-width: 2px } .btn.btn-style-bordered:not(:hover) { background-color: transparent !important } .btn.btn-style-bordered:hover { box-shadow: none } .btn.btn-full-width { width: 100% } .btn i { margin-left: 3px } .wd-btn-icon { line-height: 1; margin-left: 5px } .btn-icon-pos-left { flex-direction: row-reverse } .btn-icon-pos-left .wd-btn-icon { margin-right: 5px; margin-left: unset } .btn-icon-pos-right { flex-direction: row } .wpb-js-composer .wd-button-wrapper.inline-element { margin-bottom: 10px } .searchform[class*="wd-style-with-bg"] .searchsubmit { color: #fff; background-color: var(--wd-primary-color) } .searchform[class*="wd-style-with-bg"] .searchsubmit:hover { color: #fff; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1) } .searchform.wd-style-with-bg .searchsubmit { border-top-right-radius: var(--wd-form-brd-radius); border-bottom-right-radius: var(--wd-form-brd-radius) } .searchform.wd-style-with-bg-2 .searchsubmit { right: calc(var(--wd-form-brd-width) + 3px); width: calc(var(--wd-search-btn-w) - ((var(--wd-form-brd-width) + 3px) * 2)); top: calc(var(--wd-form-brd-width) + 3px); bottom: calc(var(--wd-form-brd-width) + 3px); border-radius: var(--wd-form-brd-radius) } .searchform.wd-style-with-bg-2 .searchsubmit img { max-width: 22px } .searchform.wd-style-with-bg-2 .searchsubmit:after { font-size: calc(var(--wd-form-height) / 2.5) } .wd-image { border-radius: var(--wd-brd-radius) } .wd-image img { border-radius: var(--wd-brd-radius) } .wd-image .wd-lazy-load { width: auto } .search-no-results .page-title :is(.breadcrumbs, .yoast-breadcrumb) { display: none } @media (min-width: 1025px) { .wd-hide-lg { display: none !important } .wd-scrollbar.platform-Windows { --wd-scroll-w: 17px } .wd-scrollbar.platform-Windows.browser-Opera, .wd-scrollbar.platform-Mac { --wd-scroll-w: 15px } .wd-scroll { --scrollbar-track-bg: rgba(0, 0, 0, 0.05); --scrollbar-thumb-bg: rgba(0, 0, 0, 0.12) } .wd-scroll ::-webkit-scrollbar { width: 5px } .wd-scroll ::-webkit-scrollbar-track { background-color: var(--scrollbar-track-bg) } .wd-scroll ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-bg) } [class*="color-scheme-light"] .wd-scroll, .wd-scroll.color-scheme-light { --scrollbar-track-bg: rgba(255, 255, 255, 0.05); --scrollbar-thumb-bg: rgba(255, 255, 255, 0.12) } .admin-bar { --wd-admin-bar-h: 32px } .wrapper-full-width-content div[class*="wd-carousel-spacing"] .owl-nav>div[class*="prev"] { margin-left: 20px } .wrapper-full-width-content div[class*="wd-carousel-spacing"] .owl-nav>div[class*="next"] { margin-right: 20px } } @media (min-width: 1200px) { .wrapper-full-width-content .container { max-width: 100% } } @media (max-width: 1024px) { @supports not (overflow: clip) { body { overflow: hidden } } .wd-fontsize-xl, .wd-fontsize-xxl, .wd-fontsize-xxxl { font-size: 22px } .text-larger { font-size: inherit } .wd-hide-md { display: none !important } [class*="wd-grid-col-"] { --wd-col: var(--wd-col-md) !important } .wd-side-hidden { width: 300px; z-index: 99999 } .wd-nav-wrapper.wd-mb-action-swipe { overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; -webkit-mask-image: linear-gradient(to left, transparent, #000 70px); mask-image: linear-gradient(to left, transparent, #000 70px) } .wd-nav-wrapper.wd-mb-action-swipe .wd-nav { flex-wrap: nowrap } .wd-tltp .wd-tooltip-label { display: none !important } .wd-close-side { top: -150px } .wd-btn-arrow:is([class*="prev"], [class*="next"]) { transform: translateX(0) } .wd-btn-arrow[class*="prev"] { justify-content: flex-start } .wd-btn-arrow[class*="next"] { justify-content: flex-end } .wd-btn-arrow { margin-top: -20px; width: 40px; height: 40px } .wd-btn-arrow:after { font-size: 16px } #wpadminbar { position: absolute } } @media (max-width: 768.98px) { .wd-hide-sm { display: none !important } [class*="wd-grid-col-"] { --wd-col: var(--wd-col-sm) !important } .wd-spacing-30, .wd-spacing-20 { --wd-sp: 10px } } @media (min-width: 769px) and (max-width: 1024px) { .wd-hide-md-sm { display: none !important } } .products.elements-grid{ width: 100%; }