: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
}
:is(.wd-custom-icon, picture.wd-custom-icon img) {
max-width: 38px
}
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
}
.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'],
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;
left: 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") left 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;
padding: 10px 15px;
min-height: 190px;
resize: vertical
}
select {
padding-left: 30px;
background-image: var(--wd-form-chevron);
background-position: left 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]) {
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
}
.browser-Firefox .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: #838383;
--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: 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-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: 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-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;
max-width: 200px;
text-transform: none;
font-weight: 400;
font-size: 12px;
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.left {
top: 50%;
right: calc(100% + 8px);
transform: translateY(-50%)
}
.wd-tltp .tooltip.right {
top: 50%;
left: calc(100% + 8px);
transform: translateY(-50%)
}
.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;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 7px;
margin-bottom: 20px;
padding-block: 10px;
padding-inline: 65px 30px !important;
min-height: 60px;
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: #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;
--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: rgba(255, 255, 255, 0.5);
border-top: 0;
border-inline: 0
}
.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>span {
display: inline-block
}
.wd-breadcrumbs>span:last-child {
--wd-link-color: var(--color-gray-900);
font-weight: 600;
color: var(--color-gray-900)
}
.wd-breadcrumbs .wd-delimiter {
margin-inline: 8px
}
.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)
}
.yoast-breadcrumb .breadcrumb_last {
color: var(--color-gray-900)
}
.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: var(--wd-main-bgcolor)
}
body:not([class*="wrapper-boxed"]) {
background-color: var(--wd-main-bgcolor)
}
.wd-page-content {
min-height: 50vh;
background-color: var(--wd-main-bgcolor)
}
.container,
.container-fluid {
width: 100%;
max-width: var(--wd-container-w);
padding-inline: 0px;
margin-inline: auto
}
.container-fluid {
max-width: none
}
.wd-content-layout {
padding-block: 30px
}
: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 input[type="text"] {
padding-inline: 40px 15px
}
.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-with-cat.wd-style-4 input[type="text"] {
padding-inline-end: var(--wd-search-cat-w)
}
}
@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
}
}
@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
}
}
@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
}
}