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