: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==);
    --wd-main-bgcolor: #fff;
    --wd-scroll-w: .001px;
    --wd-admin-bar-h: .001px;
    --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: #767676;
    --color-gray-600: #666;
    --color-gray-700: #555;
    --color-gray-800: #333;
    --color-gray-900: #242424;
    --bgcolor-black-rgb: 0,0,0;
    --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-start: start;
    --wd-end: end;
    --wd-center: center;
    --wd-stretch: stretch
}

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;
    overflow-y: scroll
}

ol, ul {
    list-style: none
}

caption {
    vertical-align: middle;
    text-align: right
}

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
    }

.rtl {
    direction: rtl
}

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: var(--wd-text-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: var(--wd-text-line-height)
}

@supports (overflow: clip) {
    body {
        overflow-x: clip
    }
}

:is(body) {
    height: auto
}

p {
    margin-bottom: var(--wd-tags-mb, 20px)
}

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
}

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: -.25em
}

sub {
    bottom: -.25em
}

var {
    font-style: italic
}

small {
    font-size: 80%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid currentColor;
    opacity: .2
}

iframe, embed {
    max-width: 100%
}

blockquote {
    margin-bottom: 20px;
    padding-right: 30px;
    border-right: 2px solid var(--wd-primary-color);
    text-align: right;
    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
}

video {
    display: block
}

audio, canvas, progress {
    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
}

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: azure
}

.wd-el-title {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 22px
}

    .wd-el-title .img-wrapper {
        display: flex;
        flex: 0 0 auto
    }

        .wd-el-title .img-wrapper img {
            min-width: 18px
        }

.wd-label {
    color: var(--color-gray-800);
    font-weight: 600
}

legend, h1, h2, h3, h4, h5, h6, .title {
    display: block;
    margin-bottom: var(--wd-tags-mb, 20px);
    color: var(--wd-title-color);
    text-transform: var(--wd-title-transform);
    font-weight: var(--wd-title-font-weight);
    font-style: var(--wd-title-font-style);
    font-family: var(--wd-title-font);
    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);
    font-family: var(--wd-entities-title-font);
    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)
    }

:is(ul,ol) {
    margin-bottom: var(--list-mb);
    padding-right: var(--li-pl);
    --list-mb: 20px;
    --li-mb: 10px;
    --li-pl: 17px
}

    :is(ul,ol) li {
        margin-bottom: var(--li-mb)
    }

        :is(ul,ol) li:last-child {
            margin-bottom: 0
        }

li > :is(ul,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-right: 20px
}

.unordered-list li:before {
    margin-left: 10px;
    font-size: 8px;
    content: "\f114";
    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-align {
    text-align: var(--wd-align)
}

.text-center {
    --content-align: center;
    --wd-align: center;
    --text-align: center;
    text-align: var(--text-align)
}

.text-right {
    --text-align: right;
    text-align: var(--text-align);
    --content-align: flex-start;
    --wd-align: flex-start
}

.text-left {
    --text-align: left;
    text-align: var(--text-align);
    --content-align: flex-end;
    --wd-align: 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-black-rgb: 255,255,255;
    --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: #767676;
    --color-gray-600: #666;
    --color-gray-700: #555;
    --color-gray-800: #333;
    --color-gray-900: #242424;
    --bgcolor-black-rgb: 0,0,0;
    --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: #767676;
    --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: #767676;
    color: var(--wd-text-color)
}

.wd-fill {
    position: absolute;
    inset: 0
}

.wd-hide {
    display: none !important
}

.wd-set-mb {
    --wd-mb: 15px
}

    .wd-set-mb > * {
        margin-bottom: var(--wd-mb)
    }

.reset-last-child > *:last-child {
    margin-bottom: 0
}

.clear {
    clear: both;
    width: 100%
}

@keyframes wd-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes wd-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes wd-fadeInBottomShort {
    from {
        transform: translate3d(0, 20px, 0)
    }

    to {
        transform: none
    }
}

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-size: 16px;
        font-weight: var(--wd-title-font-weight);
        font-style: var(--wd-title-font-style);
        font-family: var(--wd-title-font);
        vertical-align: middle;
        text-align: start
    }

    table td {
        padding: 15px 12px;
        border-bottom: 1px solid var(--brdcolor-gray-300);
        vertical-align: middle;
        text-align: start
    }

    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'], :root textarea, :root 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'], :root textarea, :root 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, :root textarea:focus, :root 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;
    left: 5px;
    width: 30px;
    opacity: .4;
    filter: grayscale(100%)
}

input[type="date"]::-webkit-date-and-time-value {
    text-align: start
}

[class*="color-scheme-light"] input[type="date"]::-webkit-clear-button {
    opacity: .6;
    filter: grayscale(100%) invert(100%) saturate(800%)
}

@supports not (-moz-appearance: none) {
    input[type="date"] {
        background: no-repeat url("../../inc/admin/assets/images/calend-d.svg") left 15px top 50%;
        background-size: auto 14px
    }

    [class*="color-scheme-light"] input[type='date'] {
        background-image: url("../../inc/admin/assets/images/calend-l.svg")
    }
}

:root textarea {
    overflow: auto;
    padding: 10px 15px;
    min-height: 190px;
    resize: vertical
}

:root select {
    padding-left: 30px;
    background-image: var(--wd-form-chevron);
    background-position: left 10px top 50%;
    background-size: auto 18px;
    background-repeat: no-repeat
}

    :root 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]) {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    outline: none;
    border-radius: var(--btn-brd-radius, 0px);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.2;
    cursor: pointer;
    transition: all .25s ease;
    color: var(--btn-color, #3E3E3E);
    border: var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #E9E9E9);
    background-color: var(--btn-bgcolor, #F3F3F3);
    box-shadow: var(--btn-box-shadow, unset);
    text-transform: var(--btn-transform, uppercase);
    font-weight: var(--btn-font-weight, 600);
    font-family: var(--btn-font-family, inherit);
    font-style: var(--btn-font-style, unset);
    padding: var(--btn-padding, 5px 20px);
    min-height: var(--btn-height, 42px);
    font-size: var(--btn-font-size, 13px)
}

    :is(.btn,.button,button,[type=submit],[type=button]):hover {
        color: var(--btn-color-hover, var(--btn-color, #3E3E3E));
        border-color: var(--btn-brd-color-hover, var(--btn-brd-color, #e0e0e0));
        background-color: var(--btn-bgcolor-hover, var(--btn-bgcolor, #e0e0e0));
        box-shadow: var(--btn-box-shadow-hover, var(--btn-box-shadow, unset))
    }

button[disabled], input[disabled] {
    opacity: 0.6 !important;
    cursor: default !important
}

[class*="wd-grid"] {
    --wd-col: var(--wd-col-lg);
    --wd-gap: var(--wd-gap-lg);
    --wd-col-lg: 1;
    --wd-gap-lg: 20px
}

.wd-grid-g {
    display: grid;
    grid-template-columns: repeat(var(--wd-col), minmax(0, 1fr));
    gap: var(--wd-gap)
}

    .wd-grid-g > .wd-wider {
        grid-column: auto/span 2;
        grid-row: auto/span 2
    }

.wd-grid-col {
    grid-column: auto/span var(--wd-col)
}

[class*="wd-grid-f"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wd-gap)
}

.wd-grid-f-col {
    gap: 0;
    margin: 0 calc(var(--wd-gap) / -2) calc(var(--wd-gap) * -1)
}

    .wd-grid-f-col > .wd-col {
        width: 100%;
        min-height: 1px;
        flex: 0 0 calc(100% / var(--wd-col) * var(--wd-col-wider, 1));
        max-width: calc(100% / var(--wd-col) * var(--wd-col-wider, 1));
        padding-inline: calc(var(--wd-gap) / 2);
        margin-bottom: var(--wd-gap)
    }

    .wd-grid-f-col > .wd-wider {
        --wd-col-wider: 2
    }

.wd-grid-f-stretch > .wd-col {
    flex: 1 1 var(--wd-f-basis, 200px);
    width: var(--wd-f-basis, 200px)
}

.wd-grid-f-stretch > .wd-col-auto {
    flex: 0 0 auto;
    width: auto
}

.wd-grid-f-inline > .wd-col {
    flex: 0 0 var(--wd-f-basis, auto)
}

.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;
    animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused)
}

.wd-scroll-content {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 50vh
}

@-moz-document url-prefix() {
    .wd-scroll-content {
        scrollbar-width: thin
    }
}

.wd-dropdown {
    --wd-align: var(--wd-start);
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 380;
    margin-top: 15px;
    margin-left: 0;
    margin-right: calc(var(--nav-gap, .001px) / 2 * -1);
    background-color: var(--bgcolor-white);
    background-position: bottom left;
    background-clip: border-box;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    text-align: var(--wd-align);
    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;
        inset-inline: 0;
        bottom: 100%;
        height: 15px
    }

.whb-col-right .wd-dropdown-menu.wd-design-default {
    right: auto;
    left: 0;
    margin-left: calc(var(--nav-gap, .001px) / 2 * -1);
    margin-right: 0
}

.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
}

.wd-dropdown-menu {
    min-height: min(var(--wd-dropdown-height, unset), var(--wd-content-h, var(--wd-dropdown-height, unset)));
    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, unset), 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;
        animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused)
    }

.dropdowns-loading .dropdown-html-placeholder:after {
    --wd-anim-state: running
}

.wd-dropdown-menu.wd-design-default {
    padding: var(--wd-dropdown-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;
        right: 100%;
        padding: var(--wd-dropdown-padding, 12px 20px);
        width: var(--wd-dropdown-width);
        margin: 0 var(--wd-dropdown-padding, 20px) 0 0
    }

        .wd-dropdown-menu.wd-design-default .wd-dropdown:after {
            top: 0;
            left: 100%;
            bottom: 0;
            right: auto;
            width: var(--wd-dropdown-padding, 20px);
            height: auto
        }

    .wd-dropdown-menu.wd-design-default .menu-item-has-children > a:after {
        margin-right: auto;
        color: rgba(82,82,82,0.45);
        font-weight: 600;
        font-size: 55%;
        line-height: 1;
        font-family: "woodmart-font";
        content: "\f114"
    }

    .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) > .container > .wd-grid-f-inline {
    --wd-f-basis: 200px
}

.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: var(--wd-dropdown-padding, 30px)
}

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
    padding-block: var(--wd-dropdown-padding, 30px);
    padding-right: 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;
    max-width: none
}

.wd-side-hidden {
    --wd-side-hidden-w: 340px;
    position: fixed;
    inset-block: var(--wd-admin-bar-h) 0;
    z-index: 500;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: min(var(--wd-side-hidden-w), 100vw);
    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
    }

.wd-sub-menu {
    --sub-menu-color: #ffffff;
    --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-inline-end: 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: rgba(255,255,255,0.8)
            }

[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-sub-accented.wp-block-wd-menu-list > li {
    margin-block: -8px
}

.wd-sub-accented > li > a {
    --sub-menu-color: #333;
    --sub-menu-color-hover: var(--wd-primary-color);
    text-transform: uppercase;
    font-weight: 600
}

.wd-sub-accented.color-scheme-light > li > a, [class*="color-scheme-light"] .wd-sub-accented > 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: #767676;
    --wd-form-placeholder-color: var(--wd-form-color)
}

.create-nav-msg a {
    font-weight: 600
}

.wd-nav-img, .wd-sub-menu li > a img {
    flex: 0 0 auto;
    display: inline-block;
    width: var(--nav-img-width, auto) !important;
    height: var(--nav-img-height, auto) !important;
    max-height: var(--nav-img-height, 18px);
    margin-inline-end: 7px;
    object-fit: contain;
    object-position: 50% 50%;
    line-height: 0
}

picture.wd-nav-img img {
    width: inherit;
    height: inherit;
    max-height: inherit;
    object-fit: contain;
    object-position: 50% 50%
}

.wd-nav {
    --nav-gap: 20px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: var(--text-align, var(--wd-align));
    text-align: right;
    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-left: 7px;
                font-size: 115%
            }

            .wd-nav > li > a .menu-label {
                right: calc(100% - 30px);
                margin-right: 0
            }

        .wd-nav > li:is(.wd-has-children,.menu-item-has-children) > a:after {
            margin-right: 4px;
            font-weight: normal;
            font-style: normal;
            font-size: clamp(6px, 50%, 18px);
            order: 3;
            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)
    }

.widget .wd-nav {
    --li-mb: 0
}

.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: all .25s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

    .wd-nav-opener:after {
        font-weight: 400;
        font-size: 12px;
        transition: transform .25s ease;
        content: "\f114";
        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: rgb(255 255 255)
    }

    .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-inline: 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;
            inset: 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-block: 1px;
    line-height: 1.2
}

    .wd-nav[class*="wd-style-underline"] .nav-link-text:after {
        content: '';
        position: absolute;
        top: 100%;
        right: 0;
        width: 0;
        height: 2px;
        background-color: var(--wd-primary-color);
        transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1)
    }

.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
    }

.tooltip {
    --wd-tooltip-bg: rgba(0,0,0,0.9);
    --wd-tooltip-color: #fff;
    position: absolute;
    z-index: 1110;
    opacity: 0;
    pointer-events: none
}

    .tooltip .tooltip-inner {
        padding: 7px 15px;
        width: max-content;
        max-width: 200px;
        text-transform: none;
        font-weight: 400;
        font-size: 12px;
        line-height: var(--wd-text-line-height);
        background-color: var(--wd-tooltip-bg);
        color: var(--wd-tooltip-color);
        text-align: center;
        word-break: break-word;
        border-radius: calc(var(--wd-brd-radius) / 1.5)
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: var(--wd-tooltip-bg)
    }

    .tooltip.top {
        margin-top: -8px
    }

        .tooltip.top .tooltip-arrow {
            top: calc(100% - 1px);
            left: 50%;
            clip-path: polygon(0 0, 50% 50%, 100% 0);
            transform: translateX(-50%)
        }

    .tooltip.left {
        margin-left: -8px
    }

        .tooltip.left .tooltip-arrow {
            top: 50%;
            left: calc(100% - 1px);
            clip-path: polygon(0 0, 50% 50%, 0 100%);
            transform: translateY(-50%)
        }

    .tooltip.right {
        margin-left: 8px
    }

        .tooltip.right .tooltip-arrow {
            top: 50%;
            right: calc(100% - 1px);
            clip-path: polygon(100% 0, 50% 50%, 100% 100%);
            transform: translateY(-50%)
        }

.wd-tltp {
    position: relative
}

    .wd-tltp .tooltip {
        margin: 0
    }

        .wd-tltp .tooltip.top {
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            margin-bottom: 8px
        }

            .wd-tltp .tooltip.top .tooltip-inner:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 8px;
                inset: auto 0 -8px 0
            }

        .wd-tltp .tooltip:is(.left,.right) .tooltip-inner:after {
            content: "";
            position: absolute;
            inset-block: 0;
            width: 10px
        }

        .wd-tltp .tooltip.left {
            top: 50%;
            right: calc(100% + 8px);
            transform: translateY(-50%)
        }

            .wd-tltp .tooltip.left .tooltip-inner:after {
                left: 100%
            }

        .wd-tltp .tooltip.right {
            top: 50%;
            left: calc(100% + 8px);
            transform: translateY(-50%)
        }

            .wd-tltp .tooltip.right .tooltip-inner:after {
                right: 100%
            }

    .wd-tltp .tooltip-inner > * {
        margin-top: 0;
        margin-bottom: 10px
    }

        .wd-tltp .tooltip-inner > *:last-child {
            margin-bottom: 0
        }

    .wd-tltp .tooltip-inner a:not(.wd-social-icon) {
        text-decoration: underline
    }

    .tooltip.in, .wd-tltp:hover .tooltip {
        pointer-events: unset;
        opacity: 1;
        animation: wd-fadeIn .3s ease
    }

.wd-notice, div.wpcf7-response-output, .mc4wp-alert, :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
    position: relative;
    margin-bottom: 20px;
    padding-block: 18px;
    padding-inline: 65px 30px !important;
    text-align: start;
    border: none;
    border-radius: var(--wd-brd-radius);
    outline: none !important
}

    .wd-notice:before, div.wpcf7-response-output:before, .mc4wp-alert:before, :is(.woocommerce-error,.woocommerce-message,.woocommerce-info):before {
        position: absolute;
        top: calc(50% - 9px);
        right: 24px;
        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: currentColor;
        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: color-mix(in srgb, currentColor 80%, transparent)
        }

    .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;
        --btn-color: currentColor;
        --btn-color-hover: currentColor;
        --btn-bgcolor: transparent;
        --btn-bgcolor-hover: transparent;
        --btn-brd-width: 2px;
        --btn-box-shadow-hover: none;
        --btn-height: none;
        --btn-padding: 0;
        --btn-brd-color: color-mix(in srgb, currentColor 50%, transparent);
        border-top: 0;
        border-inline: 0;
        margin-inline: 4px
    }

    .wd-notice.wd-success, .wpcf7 form.sent .wpcf7-response-output, .mc4wp-success, .woocommerce-message {
        background-color: var(--notices-success-bg);
        color: var(--notices-success-color)
    }

        .wd-notice.wd-success:before, .wpcf7 form.sent .wpcf7-response-output:before, .mc4wp-success:before, .woocommerce-message:before {
            content: "\f107"
        }

    .wd-notice.wd-warning, .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)
    }

        .wd-notice.wd-warning:before, .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;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1),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;
    z-index: 400
}

    .wd-close-side[class*="wd-location-header"] {
        z-index: 389;
        top: var(--wd-admin-bar-h)
    }

.header-banner-display .wd-close-side[class*="wd-location-header"] {
    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 {
    opacity: 1;
    pointer-events: unset;
    transition-delay: 0s;
    pointer-events: unset
}

.wd-loop-footer {
    text-align: center;
    margin-top: 30px
}

    .wd-loop-footer:has(>a[style*="none"]), .wd-loop-footer:not(:has(a)) {
        display: none
    }

nav[class*="-pagination"] ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3px
}

nav[class*="-pagination"] li .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 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: "\f114";
        font-family: "woodmart-font"
    }

nav[class*="-pagination"] li .prev:before {
    content: "\f113";
    font-family: "woodmart-font"
}

nav[class*="-pagination"] a:hover {
    background-color: var(--bgcolor-gray-300)
}

[class*="screen-reader"] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    transform: scale(0)
}

.wd-breadcrumbs > :is(span,a):last-child {
    font-weight: 600;
    color: var(--wd-bcrumb-color-active)
}

.wd-breadcrumbs .wd-delimiter {
    margin-inline: 8px;
    color: var(--wd-bcrumb-delim-color)
}

    .wd-breadcrumbs .wd-delimiter:after {
        content: "/"
    }

    .wd-breadcrumbs .wd-delimiter:last-child {
        display: none
    }

:is(.wd-breadcrumbs,.yoast-breadcrumb) {
    --wd-link-color: var(--color-gray-500);
    --wd-link-color-hover: var(--color-gray-700);
    --wd-bcrumb-color-active: var(--color-gray-900)
}

.yoast-breadcrumb .breadcrumb_last {
    color: var(--wd-bcrumb-color-active)
}

.wd-action-btn {
    display: inline-flex;
    vertical-align: middle
}

    .wd-action-btn > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--wd-action-color, var(--color-gray-800));
        cursor: pointer
    }

        .wd-action-btn > a:hover {
            color: var(--wd-action-color-hover, var(--color-gray-500))
        }

        .wd-action-btn > a:before {
            font-size: var(--wd-action-icon-size, 1.1em);
            transition: opacity .15s ease;
            font-family: "woodmart-font"
        }

        .wd-action-btn > a:after {
            position: absolute;
            top: calc(50% - .5em);
            right: 0;
            opacity: 0;
            transition: opacity .2s ease;
            font-size: var(--wd-action-icon-size, 1.1em);
            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;
            animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused)
        }

        .wd-action-btn > a.loading:before {
            opacity: 0
        }

        .wd-action-btn > a.loading:after {
            opacity: 1;
            --wd-anim-state: running
        }

        .wd-action-btn > a.added:before {
            content: "\f107"
        }

    .wd-action-btn.wd-style-icon {
        --wd-action-icon-size: 20px
    }

        .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:after {
                inset-inline-start: calc(50% - .5em)
            }

    .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-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
}

:is(.wd-entry-content,.entry-content,.is-layout-flow,.is-layout-constrained,.is-layout-constrained>.wp-block-group__inner-container) > * {
    margin-block: 0 var(--wd-block-spacing)
}

    :is(.wd-entry-content,.entry-content,.is-layout-flow,.is-layout-constrained,.is-layout-constrained>.wp-block-group__inner-container) > *:last-child {
        margin-bottom: 0
    }

.wd-bg-parent {
    position: relative
}

:where(.wd-bg-parent>*) {
    position: relative
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto 20px auto
}

:root .wd-custom-width {
    width: var(--wd-width, unset);
    max-width: 100%
}

.wd-page-wrapper {
    position: relative;
    background-color: #222222
}

body:not([class*="wrapper-boxed"]) {
    background-color: #222222
}

.wd-page-content {
    min-height: 50vh;
    background-color: #212121
}

.container, .container-fluid {
    width: 100%;
    max-width: var(--wd-container-w);
    padding-inline: 15px;
    margin-inline: auto
}

.container-fluid {
    max-width: none
}

.wd-content-layout {
    padding-block: 40px
}

:where(.wd-content-layout>div) {
    grid-column: auto/span var(--wd-col)
}

.wd-sidebar .wd-heading {
    display: none
}

.searchform[class*="wd-style-with-bg"] .searchsubmit {
    --btn-color: #fff;
    --btn-bgcolor: var(--wd-primary-color)
}

.searchform.wd-style-with-bg .searchsubmit {
    border-start-end-radius: var(--wd-form-brd-radius);
    border-end-end-radius: var(--wd-form-brd-radius)
}

.searchform.wd-style-with-bg-2 .searchsubmit {
    inset-inline-end: calc(var(--wd-form-brd-width) + 3px);
    width: calc(var(--wd-search-btn-w) - ((var(--wd-form-brd-width) + 3px) * 2));
    inset-block: 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)
    }

.searchform.wd-style-4 {
    --wd-search-clear-sp: 7px;
    --wd-search-btn-w: .001px
}

    .searchform.wd-style-4 input[type="text"] {
        padding-inline: 40px 30px
    }

    .searchform.wd-style-4 .searchsubmit {
        inset-inline-start: 0;
        pointer-events: none;
        width: 46px;
        --wd-form-height: 46px
    }

        .searchform.wd-style-4 .searchsubmit:after {
            font-size: 16px
        }

    .searchform.wd-style-4 .wd-search-cat {
        inset-inline-end: 0
    }

        .searchform.wd-style-4 .wd-search-cat > a {
            border-inline-end: none
        }

    .searchform.wd-style-4.wd-cat-style-default .wd-search-cat > a:after {
        margin-inline-end: 15px
    }

.wd-image {
    border-radius: var(--wd-brd-radius)
}

    .wd-image img {
        border-radius: var(--wd-brd-radius)
    }

.search-no-results .wd-page-title :is(.breadcrumbs,.yoast-breadcrumb) {
    display: none
}

@media (min-width: 769px) {
    .searchform.wd-style-default:not(.wd-with-cat) .wd-clear-search {
        padding-inline-end: 10px;
        border-inline-end: 1px solid var(--wd-form-brd-color)
    }

    .searchform.wd-style-default.wd-cat-style-default {
        --wd-search-clear-sp: 7px
    }

    .searchform[class*="wd-style-with-bg"].wd-cat-style-default {
        --wd-search-clear-sp: 20px
    }

    .searchform.wd-style-with-bg.wd-cat-style-separated {
        --wd-search-clear-sp: 10px
    }
}

@media (min-width: 1025px) {
    .wd-hide-lg {
        display: none !important
    }

    .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
    }
}

@media (min-width: 1200px) {
    .wrapper-full-width-content .container {
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    @supports not (overflow: clip) {
        body {
            overflow: hidden
        }
    }

    .wd-hide-md {
        display: none !important
    }

    [class*="wd-grid"] {
        --wd-col: var(--wd-col-md);
        --wd-gap: var(--wd-gap-md);
        --wd-col-md: var(--wd-col-lg);
        --wd-gap-md: var(--wd-gap-lg)
    }

    .wd-side-hidden {
        --wd-side-hidden-w: min(300px, 80vw)
    }

    html:has(.wd-side-hidden.wd-opened) {
        overflow: hidden
    }

    .wd-nav-wrapper.wd-mb-action-swipe {
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 70px);
        mask-image: linear-gradient(to right, transparent, #000 70px)
    }

        .wd-nav-wrapper.wd-mb-action-swipe .wd-nav {
            flex-wrap: nowrap
        }

    .wd-close-side {
        top: -150px
    }

    html:has(.wd-side-hidden.wd-opened,.mfp-wrap) #wpadminbar {
        z-index: 400
    }

    #wpadminbar {
        position: absolute
    }
}

@media (max-width: 768.98px) {
    .wd-hide-sm {
        display: none !important
    }

    [class*="wd-grid"] {
        --wd-col: var(--wd-col-sm);
        --wd-gap: var(--wd-gap-sm);
        --wd-col-sm: var(--wd-col-md);
        --wd-gap-sm: var(--wd-gap-md)
    }

    .sidebar-left {
        order: 10
    }

    .searchform.wd-style-default .wd-clear-search {
        padding-inline-end: 10px;
        border-inline-end: 1px solid var(--wd-form-brd-color)
    }
}

@media (max-width: 576px) {
    [class*="wd-grid"] {
        --wd-col: var(--wd-col-xs);
        --wd-gap: var(--wd-gap-xs);
        --wd-col-xs: var(--wd-col-sm);
        --wd-gap-xs: var(--wd-gap-sm)
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .wd-hide-md-sm {
        display: none !important
    }
}