| Dir : /home/oligap/public_html/wp-content/themes/woodmart/inc/admin/assets/css/ |
| Server: Linux cloud.virginhosting.lk 4.18.0-477.27.2.lve.el8.x86_64 #1 SMP Wed Oct 11 12:32:56 UTC 2023 x86_64 IP: 128.140.68.198 |
| Dir : /home/oligap/public_html/wp-content/themes/woodmart/inc/admin/assets/css/theme-admin.css |
:root {
--xts-option-border-color: #e7e7e7;
--xts-input-height: 35px; }
.woodmart-box-header {
border-bottom: 3px solid #464646;
background-color: #131313; }
.woodmart-box-header h1, .woodmart-box-header h2, .woodmart-box-header h3, .woodmart-box-header h4, .woodmart-box-header h5, .woodmart-box-header h6 {
color: #FFF; }
.woodmart-box-footer {
background-color: #f9f9f9;
font-size: 14px; }
.wd-wrap-content .button-primary, .woodmart-grad-line .gradx_btn {
padding: 10px 15px;
height: auto;
border-radius: 0;
border-radius: 4px;
box-shadow: none;
text-transform: uppercase;
text-shadow: none;
font-weight: 600;
font-size: 12px;
line-height: 1;
-webkit-transition: all .2s ease;
transition: all .2s ease; }
.wd-wrap-content .button-primary:hover, .woodmart-grad-line .gradx_btn:hover, .wd-wrap-content .button-primary:focus, .woodmart-grad-line .gradx_btn:focus, .wd-wrap-content .button-primary:active, .woodmart-grad-line .gradx_btn:active {
box-shadow: none; }
.wd-wrap-content .button-primary:active, .woodmart-grad-line .gradx_btn:active {
transform: none; }
.wd-wrap-content .button-primary {
border-color: #4D93D1;
background-color: #4D93D1;
color: #FFF; }
.wd-wrap-content .button-primary:hover, .wd-wrap-content .button-primary:focus, .wd-wrap-content .button-primary:active {
border-color: #2b6ca6;
background-color: #2b6ca6;
color: #FFF; }
.wd-wrap-content [disabled].button-primary {
border-color: #2b6ca6 !important;
background-color: #2b6ca6 !important;
color: #FFF !important;
opacity: .5; }
.vc_ui-panel-content .wp-picker-container .wp-color-result, .wd-wrap-content input[type="text"],
.wd-wrap-content select, .woodmart-templates-heading input[type="text"], .wpb_edit_form_elements input,
.wpb_edit_form_elements select,
.wpb_edit_form_elements textarea {
border-radius: 4px;
box-shadow: none; }
.vc_ui-panel-content .wp-picker-container .wp-color-result:hover, .wd-wrap-content input[type="text"]:hover,
.wd-wrap-content select:hover, .woodmart-templates-heading input[type="text"]:hover, .wpb_edit_form_elements input:hover,
.wpb_edit_form_elements select:hover,
.wpb_edit_form_elements textarea:hover {
border-color: #BDBDBD; }
.vc_ui-panel-content .wp-picker-container .wp-color-result:focus, .wd-wrap-content input[type="text"]:focus,
.wd-wrap-content select:focus, .woodmart-templates-heading input[type="text"]:focus, .wpb_edit_form_elements input:focus,
.wpb_edit_form_elements select:focus,
.wpb_edit_form_elements textarea:focus {
border-color: #999; }
.vc_ui-panel-content .wp-picker-container .wp-color-result {
padding-inline-start: 34px;
height: var(--xts-input-height) !important;
border-color: #DDD; }
.vc_ui-panel-content .wp-picker-container .wp-color-result-text {
border-left-color: #DDD;
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
line-height: calc(var(--xts-input-height) - 2px); }
.vc_ui-panel-content .wp-picker-container .wp-picker-input-wrap .button {
height: var(--xts-input-height);
box-shadow: none;
line-height: 1; }
.vc_ui-panel-content .wp-picker-container .iris-picker {
z-index: 20;
border-radius: 4px;
border: none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.wd-select-fields.wd-style-images ul li.xts-active:before {
content: "\f147";
position: absolute;
top: -5px;
right: -6px;
z-index: 15;
display: block;
padding-top: 1px;
padding-right: 4px;
padding-left: 2px;
border-radius: 50%;
background-color: #4D93D1;
color: #FFF;
text-align: center;
font-family: dashicons; }
.rtl .wd-select-fields.wd-style-images ul li.xts-active:before, .wd-select-fields.wd-style-images ul .rtl li.xts-active:before {
right: auto;
left: -6px; }
.xts-switcher-btn, .xts-set-btn, .xts-options .wp-color-result-text, .xts-options .wp-picker-input-wrap .button, .xts-options .wp-media-buttons .button, .xts-btn {
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding: 0 15px;
height: 35px;
outline: none !important;
border: none;
background-color: #EFEFF0;
box-shadow: none;
color: #444;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
font-weight: 600;
font-size: 12px;
line-height: 1;
transition: .2s all ease-in-out !important;
transform: none; }
.xts-switcher-btn:hover, .xts-set-btn:hover, .xts-options .wp-color-result-text:hover, .xts-options .wp-picker-input-wrap .button:hover, .xts-options .wp-media-buttons .button:hover, .xts-btn:hover {
background-color: #dddddf;
cursor: pointer; }
.xts-switcher-btn:hover, .xts-set-btn:hover, .xts-options .wp-color-result-text:hover, .xts-options .wp-picker-input-wrap .button:hover, .xts-options .wp-media-buttons .button:hover, .xts-btn:hover, .xts-switcher-btn:focus, .xts-set-btn:focus, .xts-options .wp-color-result-text:focus, .xts-options .wp-picker-input-wrap .button:focus, .xts-options .wp-media-buttons .button:focus, .xts-btn:focus {
box-shadow: none;
color: #444; }
.xts-btn.xts-activate, .xts-btn.xts-color-primary {
background-color: #4D93D1;
color: #FFF; }
.xts-btn.xts-activate:hover, .xts-btn.xts-color-primary:hover, .xts-btn.xts-activate:focus, .xts-btn.xts-color-primary:focus {
color: #FFF; }
.xts-wizard-content .xts-color-primary:not(.wd-import-item-btn.xts-color-primary), .xts-switcher-on.xts-switcher-active, .xts-btns-set .xts-active:not(.xts-set-btn-img), .xts-btn.xts-color-alt {
background-color: #7CB32B;
color: #FFF; }
.xts-wizard-content .xts-color-primary:hover:not(.wd-import-item-btn.xts-color-primary), .xts-switcher-on.xts-switcher-active:hover, .xts-btns-set .xts-active:hover:not(.xts-set-btn-img), .xts-btn.xts-color-alt:hover, .xts-wizard-content .xts-color-primary:focus:not(.wd-import-item-btn.xts-color-primary), .xts-switcher-on.xts-switcher-active:focus, .xts-btns-set .xts-active:focus:not(.xts-set-btn-img), .xts-btn.xts-color-alt:focus {
color: #FFF; }
.xts-btn.xts-deactivate, .xts-btn.xts-color-warning {
background-color: #EE4E41;
color: #FFF; }
.xts-btn.xts-deactivate:hover, .xts-btn.xts-color-warning:hover, .xts-btn.xts-deactivate:focus, .xts-btn.xts-color-warning:focus {
color: #FFF; }
.xts-btn.xts-activate:hover, .xts-btn.xts-color-primary:hover {
background-color: #3382c7; }
.xts-wizard-content .xts-color-primary:hover:not(.wd-import-item-btn.xts-color-primary), .xts-btn.xts-color-alt:hover {
background-color: #689624; }
.xts-btn.xts-deactivate:hover, .xts-btn.xts-color-warning:hover {
background-color: #eb2f20; }
.xts-switcher-btn:first-child, .xts-set-btn:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.xts-switcher-btn:last-child, .xts-set-btn:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.rtl .xts-switcher-btn:first-child, .rtl .xts-set-btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0; }
.rtl .xts-switcher-btn:last-child, .rtl .xts-set-btn:last-child {
border-top-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px; }
.xts-range-slider, .xts-range-field-value-text {
animation: wd-fadeIn .2s ease both; }
.xts-loader-wrapper, .whb-loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.xts-btn.xts-update, .xts-bordered-btn {
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding: 0 15px;
height: 35px;
outline: none !important;
border: 2px solid #EFEFF0;
box-shadow: none;
color: #4E4E4E;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
font-weight: 600;
font-size: 12px;
line-height: 1;
transition: .2s all ease-in-out;
transform: none; }
.xts-btn.xts-update:hover, .xts-bordered-btn:hover {
border-color: #dddddf;
background-color: #dddddf;
cursor: pointer; }
.xts-btn.xts-update:hover, .xts-bordered-btn:hover, .xts-btn.xts-update:focus, .xts-bordered-btn:focus {
box-shadow: none;
color: #444; }
.xts-btn.xts-update, .xts-bordered-btn.xts-color-primary {
border-color: #4D93D1;
color: #307abb; }
.xts-btn.xts-update:hover, .xts-bordered-btn.xts-color-primary:hover, .xts-btn.xts-update:focus, .xts-bordered-btn.xts-color-primary:focus {
border-color: #4D93D1;
background-color: #4D93D1;
color: #FFF; }
.xts-bordered-btn.xts-color-white {
border-color: #FFF;
color: #FFF; }
.xts-bordered-btn.xts-color-white:hover, .xts-bordered-btn.xts-color-white:focus {
border-color: #FFF;
background-color: #FFF;
color: #444; }
.wd-box input[type=checkbox], .xts-metaboxes input[type=checkbox], .xts-setup-wizard input[type=checkbox], .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox] {
position: relative;
box-sizing: border-box;
margin-top: 0;
margin-right: 5px;
margin-bottom: 0;
margin-left: 0;
width: 18px;
height: 18px;
border: 2px solid #C5C5C5;
border-radius: 3px;
box-shadow: 0 0 5px transparent;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out; }
.wd-box input[type=checkbox]:checked, .xts-metaboxes input[type=checkbox]:checked, .xts-setup-wizard input[type=checkbox]:checked, .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:checked {
border: 2px solid #4D93D1;
background-color: #4D93D1; }
.wd-box input[type=checkbox]:checked:before, .xts-metaboxes input[type=checkbox]:checked:before, .xts-setup-wizard input[type=checkbox]:checked:before, .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:checked:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.wd-box input[type=checkbox]:disabled, .xts-metaboxes input[type=checkbox]:disabled, .xts-setup-wizard input[type=checkbox]:disabled, .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:disabled {
opacity: .5;
cursor: default; }
.wd-box input[type=checkbox]:disabled + label, .xts-metaboxes input[type=checkbox]:disabled + label, .xts-setup-wizard input[type=checkbox]:disabled + label, .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:disabled + label {
opacity: .5;
cursor: default; }
.wd-box input[type=checkbox]:hover:not(:disabled), .xts-metaboxes input[type=checkbox]:hover:not(:disabled), .xts-setup-wizard input[type=checkbox]:hover:not(:disabled), .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:hover:not(:disabled) {
border: 2px solid #4D93D1;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.wd-box input[type=checkbox]:before, .xts-metaboxes input[type=checkbox]:before, .xts-setup-wizard input[type=checkbox]:before, .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:before {
content: "\f147";
position: absolute;
top: -1px;
left: -1px;
display: block;
margin: 0;
width: 100%;
height: 100%;
color: #FFF;
font-weight: 400;
font-family: dashicons;
line-height: 19px;
opacity: 0;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
-webkit-transform: scale(0.5);
transform: scale(0.5); }
.wd-box input[type=checkbox] + label, .xts-metaboxes input[type=checkbox] + label, .xts-setup-wizard input[type=checkbox] + label, .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox] + label {
user-select: none; }
.rtl .wd-box input[type=checkbox], .rtl .xts-metaboxes input[type=checkbox], .rtl .xts-setup-wizard input[type=checkbox], .rtl .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox], .vc_ui-panel-content .rtl .vc_edit-form-tab input[type=checkbox] {
margin-right: 0;
margin-left: 5px; }
.rtl .wd-box input[type=checkbox]:before, .rtl .xts-metaboxes input[type=checkbox]:before, .rtl .xts-setup-wizard input[type=checkbox]:before, .rtl .vc_ui-panel-content .vc_edit-form-tab input[type=checkbox]:before, .vc_ui-panel-content .rtl .vc_edit-form-tab input[type=checkbox]:before {
right: 0;
left: auto; }
.wd-field-devices > span, .xts-tabs.xts-style-devices .xts-set-item, .vc_column.wd-custom-width .vc-button-set-item, .wd-spacing-devices > span {
display: inline-flex;
align-items: center;
color: #333;
vertical-align: middle;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
line-height: 1;
cursor: pointer;
transition: all .25s ease-in-out; }
.wd-field-devices > span span, .xts-tabs.xts-style-devices .xts-set-item span, .vc_column.wd-custom-width .vc-button-set-item span, .wd-spacing-devices > span span {
margin-inline-start: 5px; }
.wd-field-devices > span:hover, .xts-tabs.xts-style-devices .xts-set-item:hover, .vc_column.wd-custom-width .vc-button-set-item:hover, .wd-spacing-devices > span:hover {
color: #333; }
.wd-field-devices > span:hover:not(.xts-active), .xts-tabs.xts-style-devices .xts-set-item:hover:not(.xts-active), .vc_column.wd-custom-width .vc-button-set-item:hover:not(.xts-active), .wd-spacing-devices > span:hover:not(.xts-active) {
opacity: .6; }
.wd-field-devices > span.xts-active, .xts-tabs.xts-style-devices .xts-active.xts-set-item, .vc_column.wd-custom-width .xts-active.vc-button-set-item, .wd-spacing-devices > span.xts-active {
color: #7CB32B; }
.wd-field-devices > span.xts-active:before, .xts-tabs.xts-style-devices .xts-active.xts-set-item:before, .vc_column.wd-custom-width .xts-active.vc-button-set-item:before, .wd-spacing-devices > span.xts-active:before {
color: inherit; }
.wd-field-devices > span:not(:last-child), .xts-tabs.xts-style-devices .xts-set-item:not(:last-child), .vc_column.wd-custom-width .vc-button-set-item:not(:last-child), .wd-spacing-devices > span:not(:last-child) {
margin-inline-end: 7px; }
.wd-field-devices > span:before, .xts-tabs.xts-style-devices .xts-set-item:before, .vc_column.wd-custom-width .vc-button-set-item:before, .wd-spacing-devices > span:before {
color: #BFBFBF;
font-weight: 400;
font-size: 15px;
font-family: "dashicons"; }
.wd-field-devices > span[data-value="desktop"]:before, .xts-tabs.xts-style-devices [data-value="desktop"].xts-set-item:before, .vc_column.wd-custom-width [data-value="desktop"].vc-button-set-item:before, .wd-spacing-devices > span[data-value="desktop"]:before {
content: "\f472"; }
.wd-field-devices > span[data-value="tablet"]:before, .xts-tabs.xts-style-devices [data-value="tablet"].xts-set-item:before, .vc_column.wd-custom-width [data-value="tablet"].vc-button-set-item:before, .wd-spacing-devices > span[data-value="tablet"]:before {
content: "\f471"; }
.wd-field-devices > span[data-value="mobile"]:before, .xts-tabs.xts-style-devices [data-value="mobile"].xts-set-item:before, .vc_column.wd-custom-width [data-value="mobile"].vc-button-set-item:before, .wd-spacing-devices > span[data-value="mobile"]:before {
content: "\f470"; }
html body {
background: #f0f0f1; }
@keyframes wd-fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes woodmart_loading {
0% {
left: -20px; }
100% {
left: 100%; } }
@keyframes woodmart_loading {
0% {
left: -20px; }
100% {
left: 100%; } }
@-webkit-keyframes woodmart_rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes woodmart_rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes woodmart_shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } }
@keyframes woodmart_shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } }
@keyframes wd-fadeInTooltip {
from {
opacity: 0; }
to {
opacity: 0.9; } }
@-webkit-keyframes wd-shopSlideFromBottom {
from {
transform: translate3d(0, 30px, 0); }
to {
transform: none; } }
@keyframes wd-shopSlideFromBottom {
from {
transform: translate3d(0, 30px, 0); }
to {
transform: none; } }
@-webkit-keyframes wd-SlideFromTop {
from {
transform: translateY(-150px); }
to {
transform: none; } }
@keyframes wd-SlideFromTop {
from {
transform: translateY(-150px); }
to {
transform: none; } }
@-webkit-keyframes wd-SlideFromBottom {
from {
transform: translateY(150px); }
to {
transform: none; } }
@keyframes wd-SlideFromBottom {
from {
transform: translateY(150px); }
to {
transform: none; } }
@-webkit-keyframes wd-SlideFromLeft {
from {
transform: translateX(-150px); }
to {
transform: none; } }
@keyframes wd-SlideFromLeft {
from {
transform: translateX(-150px); }
to {
transform: none; } }
@-webkit-keyframes wd-SlideFromRight {
from {
transform: translateX(150px); }
to {
transform: none; } }
@keyframes wd-SlideFromRight {
from {
transform: translateX(150px); }
to {
transform: none; } }
@-webkit-keyframes wd-RightFlipY {
from {
transform: translateX(100px) rotate3d(0, 1, 0, 90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1); } }
@keyframes wd-RightFlipY {
from {
transform: translateX(100px) rotate3d(0, 1, 0, 90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1); } }
@-webkit-keyframes wd-LeftFlipY {
from {
transform: translateX(-100px) rotate3d(0, 1, 0, -90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1); } }
@keyframes wd-LeftFlipY {
from {
transform: translateX(-100px) rotate3d(0, 1, 0, -90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1); } }
@-webkit-keyframes wd-TopFlipX {
from {
transform: translateY(-100px) rotate3d(1, 0, 0, 90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1); } }
@keyframes wd-TopFlipX {
from {
transform: translateY(-100px) rotate3d(1, 0, 0, 90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1); } }
@-webkit-keyframes wd-BottomFlipX {
from {
transform: translateY(100px) rotate3d(1, 0, 0, 90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1); } }
@keyframes wd-BottomFlipX {
from {
transform: translateY(100px) rotate3d(1, 0, 0, 90deg) scale(0.6); }
to {
transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1); } }
@-webkit-keyframes wd-ZoomIn {
from {
transform: scale(0.7); }
to {
transform: none; } }
@keyframes wd-ZoomIn {
from {
transform: scale(0.7); }
to {
transform: none; } }
@-webkit-keyframes wd-RotateZ {
from {
transform: matrix3d(0.70592, 0.02465, 0.37557, -0.00062, -0.06052, 0.79532, 0.06156, -0.0001, -0.46435, -0.10342, 0.87958, -0.00146, -21.42566, 4.13698, 4.81749, 0.99197085); }
to {
transform: none; } }
@keyframes wd-RotateZ {
from {
transform: matrix3d(0.70592, 0.02465, 0.37557, -0.00062, -0.06052, 0.79532, 0.06156, -0.0001, -0.46435, -0.10342, 0.87958, -0.00146, -21.42566, 4.13698, 4.81749, 0.99197085); }
to {
transform: none; } }
@-webkit-keyframes flickerAnimation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes flickerAnimation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
.xts-option-icon label:before {
position: relative;
font-family: dashicons;
color: #aaa;
font-size: 18px;
font-weight: 400;
margin-right: 2px; }
.xts-option-icon-desktop label:before {
content: "\f472"; }
.xts-option-icon-tablet label:before {
content: "\f471"; }
.xts-option-icon-mobile label:before {
content: "\f470"; }
.xts-shown {
display: block; }
.xts-hidden {
display: none !important; }
.xts-row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
.xts-col {
padding-left: 10px;
padding-right: 10px;
flex-basis: 100%; }
.xts-col-12 {
flex-basis: 100%;
width: 100%;
max-width: 100%; }
#wp-admin-bar-theme-dashboard > .ab-item {
display: flex !important;
align-items: center; }
#wp-admin-bar-theme-dashboard > .ab-item img {
margin-inline-end: 5px;
max-width: 15px;
max-height: 15px; }
#wp-admin-bar-theme-dashboard #wp-admin-bar-theme-settings-default {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-width: none;
max-height: 185px;
width: 500px; }
#wp-admin-bar-theme-dashboard .ab-item .dashicons {
margin-inline-end: 5px;
line-height: 1; }
#wp-admin-bar-theme-dashboard .ab-item .dashicons:before {
position: relative;
top: 7px;
font-family: 'dashicons'; }
/*====================================================
= Simple flexbox layout system =
====================================================*/
.wd-box {
box-sizing: border-box;
max-width: 1300px;
width: 100%;
background: #FFF;
box-shadow: #DEDEDE 0 0 10px; }
.wd-box * {
box-sizing: border-box; }
.wd-box.wd-box-stretch {
max-width: 100%; }
.woodmart-row:not(:last-child) {
margin-bottom: 40px; }
.woodmart-box-header {
padding: 20px;
min-height: 80px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
-webkit-align-items: center; }
.woodmart-box-header h2 {
margin: 0; }
.woodmart-box-label {
padding: 5px 16px;
border-radius: 4px;
color: #FFF;
font-size: 11px; }
.woodmart-box-label.woodmart-label-error {
background-color: #B12D2D; }
.woodmart-box-label.woodmart-label-success {
background-color: #A8D14D; }
.woodmart-box-label.woodmart-label-warning {
background-color: #F9B826; }
.woodmart-box-label.woodmart-label-info {
background-color: #3382C7; }
.woodmart-box-content {
position: relative;
padding: 20px;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.woodmart-box-content > h3 {
margin-top: 0; }
.woodmart-import-form {
margin-right: -10px;
margin-left: -10px;
display: -webkit-flex;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
flex-wrap: wrap;
-webkit-flex-wrap: wrap; }
.woodmart-import-form.form-in-action .button {
color: transparent; }
.woodmart-box-footer {
padding: 20px;
border-top: 1px solid #F5F5F5; }
.woodmart-box-footer p {
margin: 0;
font-size: 11px;
opacity: .7; }
.column-thumb {
width: 60px; }
.column-thumb img {
max-width: 100%; }
.column-price .wd-price-unit {
margin-inline-start: 4px; }
/*======================================
= Dashboard page =
======================================*/
.wd-wrap-content {
padding: 0 20px 20px 20px; }
.wd-wrap-content input[type="text"],
.wd-wrap-content select {
height: 36px; }
.wd-wrap-content h2.nav-tab-wrapper {
margin-bottom: 25px; }
.wd-layout .nav-tab,
.wd-wrap-content .nav-tab {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
transition: all .25s ease; }
.wd-layout .nav-tab:not(.nav-tab-active),
.wd-wrap-content .nav-tab:not(.nav-tab-active) {
background: #E4E4E5; }
.wd-layout .nav-tab:not(.nav-tab-active):hover,
.wd-wrap-content .nav-tab:not(.nav-tab-active):hover {
background-color: #FBFBFB;
color: #333; }
.wd-layout .nav-tab:active, .wd-layout .nav-tab:focus,
.wd-wrap-content .nav-tab:active,
.wd-wrap-content .nav-tab:focus {
outline: none;
box-shadow: none; }
.woodmart-theme-badge {
position: relative;
min-height: 200px;
max-width: 200px;
max-height: 200px;
color: #EFEFEF; }
.woodmart-theme-badge img {
border: none; }
.woodmart-theme-badge img:not([src*="woodmart-badge.png"]) + span {
display: none; }
.woodmart-theme-badge span {
position: absolute;
top: 66px;
right: 15px;
color: #83B735;
font-weight: 500;
font-size: 16px; }
.woodmart-theme-badge i {
display: block;
margin-bottom: 10px;
text-align: center;
font-weight: 900;
font-style: normal;
font-size: 100px;
font-family: Lato;
line-height: 1; }
.xts-activation-form {
position: relative; }
.xts-activation-form input[type="text"] {
padding-right: 130px !important;
max-width: 100% !important;
width: 100% !important; }
.xts-activation-form span {
position: absolute;
top: 0;
right: -1px;
bottom: 0;
display: flex;
align-items: center;
margin: 3px;
padding: 5px 8px;
border: 1px solid red;
border-radius: 3px;
color: red;
text-transform: uppercase;
font-weight: 700;
cursor: default;
user-select: none; }
.about-wrap {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
margin: 25px 20px 0 20px;
max-width: 1170px; }
.about-wrap h1 {
margin: .2em 215px 0 0;
width: 100%;
line-height: 50px; }
.about-wrap .about-text {
margin: 20px 20px 45px 0; }
.about-wrap .redux-actions {
margin-bottom: 15px; }
.about-wrap .redux-actions a {
margin-bottom: 5px; }
.rtl .about-wrap h1 {
margin: .2em 0 0 215px; }
.rtl .about-wrap .about-text {
margin: 20px 0 45px 20px; }
@media (min-width: 768px) {
.woodmart-theme-badge {
margin-top: -60px; }
.about-wrap .about-text {
max-width: calc(100% - 220px); }
.redux-actions {
margin-top: -30px; } }
@media (max-width: 767px) {
.about-wrap {
flex-direction: column; }
.about-wrap .about-text {
margin-bottom: 0; }
.woodmart-theme-badge {
order: -1; } }
.woodmart-activated-message form {
margin-top: 20px; }
.woodmart-activated-message p {
max-width: 860px; }
.woodmart-msg {
position: relative; }
.woodmart-msg > a {
text-decoration: none;
font-weight: 600; }
.woodmart-msg .wd-dismiss-link {
display: inline-block;
margin-bottom: 5px; }
.woodmart-msg.updated {
border-left-color: #4D93D1; }
.woodmart-request-credentials,
.woodmart-request-credentials + .woodmart-msg {
margin-bottom: 20px; }
.woodmart-request-credentials {
margin-top: 20px;
padding-top: 1px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
background: #FFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.woodmart-request-credentials:empty {
display: none; }
.woodmart-request-credentials .woodmart-msg,
.woodmart-request-credentials + .woodmart-msg {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.woodmart-request-credentials .woodmart-msg .woodmart-warning,
.woodmart-request-credentials + .woodmart-msg .woodmart-warning {
margin-bottom: 0; }
/*==============================================
= Activation form styles =
==============================================*/
.xts-activation-form-agree {
display: flex;
align-items: center;
margin-top: 20px;
margin-bottom: 20px; }
.xts-activation-form-agree .woodmart-hint-content {
width: 360px; }
.woodmart-activation-form label {
display: inline-flex;
color: #3C434A;
font-weight: 700; }
.woodmart-activation-form small {
display: block;
margin: -5px 0 10px; }
.woodmart-activation-form input[type="text"] {
display: block;
padding: 6px 10px;
width: 100%; }
.woodmart-error,
.woodmart-success,
.woodmart-warning,
.woodmart-notice {
margin-bottom: 20px;
padding: 20px 25px;
border-radius: 4px;
color: #FFF; }
.woodmart-error.small,
.woodmart-success.small,
.woodmart-warning.small,
.woodmart-notice.small {
margin-bottom: 20px;
padding: 10px 15px;
max-width: 100%;
width: 250px;
font-size: 12px; }
.woodmart-error p,
.woodmart-success p,
.woodmart-warning p,
.woodmart-notice p {
margin-bottom: 0; }
.woodmart-error a,
.woodmart-success a,
.woodmart-warning a,
.woodmart-notice a {
text-decoration: underline;
font-weight: 600; }
.woodmart-error br:last-child,
.woodmart-success br:last-child,
.woodmart-warning br:last-child,
.woodmart-notice br:last-child {
display: none; }
.woodmart-success {
background-color: #DFF0D8;
color: #468847; }
.woodmart-error {
background-color: #F7EAEA;
color: #B12D2D; }
.woodmart-warning {
background-color: #FEEFCD;
color: #B9840E; }
.woodmart-notice {
background-color: #E6F0F9;
color: #1E609B; }
/*======================================================
= Styles needed for wp-admin =
======================================================*/
.woodmart-image-src {
display: block;
margin: 10px auto;
padding: 10px;
max-width: 150px;
height: auto;
border: 1px solid #E5E5E5; }
/*======================================================
= Import section styles =
======================================================*/
.woodmart-import-page {
margin: 0;
padding: 0; }
.woodmart-import-page select {
width: 100%; }
.woodmart-import-page select:focus {
box-shadow: none; }
.woodmart-import-page .woodmart-builder-selector {
margin-bottom: 20px; }
.woodmart-import-page #woodmart_version {
max-width: 100%;
width: 250px; }
.woodmart-import-page .description {
max-width: 250px;
font-size: 12px; }
.woodmart-import-page .woodmart-response {
padding-right: 10px;
padding-left: 10px;
-webkit-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.woodmart-import-page .page-preview {
padding-right: 10px;
padding-left: 10px;
-webkit-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.woodmart-import-page .page-preview img {
padding: 3px;
max-width: 100%;
border: 1px solid #EFEFEF;
border-radius: 4px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.woodmart-import-page .import-form-fields {
padding-right: 10px;
padding-left: 10px;
-webkit-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.woodmart-import-page .submit {
margin-bottom: 0;
padding: 0;
height: 35px; }
.import-base .woodmart-import-page .submit {
margin-top: 0; }
.woodmart-import-page .button {
padding: 10px;
width: 100%;
font-weight: 600;
font-size: 14px; }
#wpbody-content .woodmart-import-page.metabox-holder {
padding-top: 0; }
.woodmart-import-progress {
position: relative;
position: relative;
display: none;
margin-top: -35px;
height: 35px;
border-radius: 4px;
background: #2b6ca6; }
.woodmart-import-progress:after {
content: attr(data-progress) "%";
position: absolute;
top: 50%;
left: 50%;
display: block;
color: #FFF;
font-weight: 700;
font-size: 14px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.woodmart-import-progress div {
position: absolute;
overflow: hidden;
height: 35px;
border-radius: 4px;
background-color: #5598d3;
transition: .2s all linear; }
.woodmart-import-progress + p {
margin-top: 15px; }
.woodmart-import-progress.animated div:after {
content: '123';
position: absolute;
top: 0;
left: -20px;
display: block;
max-width: 50%;
width: 20px;
height: 35px;
background-color: #619fd6;
font-size: 0;
animation: woodmart_loading 2s infinite; }
#woodmart-import-form.form-in-action .page-preview {
opacity: .5;
cursor: default; }
#woodmart-import-form.form-in-action p {
opacity: .5;
cursor: default; }
#woodmart-import-form.form-in-action #woodmart_version {
opacity: .5;
cursor: default; }
#woodmart-import-form.form-in-action .button {
opacity: .5;
cursor: default; }
.import-base,
.import-versions,
.import-pages,
.import-elements {
-webkit-transition: .6s all ease-in-out;
-o-transition: .6s all ease-in-out;
transition: .6s all ease-in-out; }
.imported-full .import-base,
.import-versions,
.import-pages,
.import-elements {
cursor: no-drop; }
.imported-full .import-base input,
.imported-full .import-base select,
.import-versions input,
.import-versions select,
.import-pages input,
.import-pages select,
.import-elements input,
.import-elements select {
opacity: .5;
pointer-events: none; }
.imported-full .import-base .button,
.import-versions .button,
.import-pages .button,
.import-elements .button {
opacity: .5; }
.imported-full .import-base .page-preview,
.import-versions .page-preview,
.import-pages .page-preview,
.import-elements .page-preview {
opacity: .5; }
.imported-base .import-versions,
.imported-base:not(.imported-full) .import-pages,
.imported-base:not(.imported-full) .import-elements {
cursor: default;
pointer-events: inherit; }
.imported-base .import-versions input,
.imported-base .import-versions select,
.imported-base:not(.imported-full) .import-pages input,
.imported-base:not(.imported-full) .import-pages select,
.imported-base:not(.imported-full) .import-elements input,
.imported-base:not(.imported-full) .import-elements select {
opacity: 1;
pointer-events: inherit; }
.imported-base .import-versions .button,
.imported-base:not(.imported-full) .import-pages .button,
.imported-base:not(.imported-full) .import-elements .button {
opacity: 1; }
.imported-base .import-versions .page-preview,
.imported-base:not(.imported-full) .import-pages .page-preview,
.imported-base:not(.imported-full) .import-elements .page-preview {
opacity: 1; }
.imported-full.right-after-import .import-versions {
animation: woodmart_shake 1s ease-in-out; }
.base-imported-alert {
display: none; }
.imported-base .base-imported-alert {
display: block;
margin-top: -20px;
margin-right: -20px;
margin-left: -20px;
border-bottom: 2px solid #378A11;
border-radius: 0;
background-color: #ECFFE8;
color: #065b05; }
.choose-version-warning {
display: none; }
.imported-full.right-after-import .choose-version-warning {
display: block; }
.full-import-box fieldset {
position: relative;
margin-bottom: 20px;
padding: 10px 15px 15px 20px;
border: solid 2px #4D93D1; }
.full-import-box legend {
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px; }
.full-import-box label {
display: inline-block;
margin-bottom: 5px; }
.imported-base .full-import-box,
.imported-full .full-import-box {
display: none; }
/*======================================================
= Brand styles =
======================================================*/
.column-thumbnail {
width: 75px; }
.woodmart-attr-peview {
overflow: hidden;
width: 35px;
height: 35px;
border-radius: 50%; }
.woodmart-attr-peview img {
margin: 0 !important;
width: 100%;
height: 100%;
object-fit: cover; }
/*======================================================
= HTML block styles =
======================================================*/
td.column-shortcode {
user-select: all; }
/*======================================================
= Cauntdown styles =
======================================================*/
.ui-datepicker .ui-timepicker-div .ui-slider-handle {
top: -.2em;
border-radius: 3px;
background-color: #4D93D1;
cursor: pointer; }
.ui-datepicker .ui-timepicker-div .ui-slider-handle:hover, .ui-datepicker .ui-timepicker-div .ui-slider-handle:focus {
background-color: #3B7EB8; }
.ui-datepicker .ui-datepicker-buttonpane button {
border-radius: 3px; }
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px; }
.ui-timepicker-div dl {
text-align: left; }
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px; }
.ui-timepicker-div dl dd {
margin: 0 10px 10px 40%; }
.ui-timepicker-div dl td {
font-size: 90%; }
.ui-timepicker-div .ui_tpicker_unit_hide {
display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
width: 95%;
outline: none;
border: none;
border-bottom: solid 1px #555;
background: none;
color: inherit; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
border-bottom-color: #AAA; }
.ui-tpicker-grid-label {
margin: 0;
padding: 0;
border: none;
background: none; }
.ui-timepicker-rtl {
direction: rtl; }
.ui-timepicker-rtl dl {
padding: 0 5px 0 0;
text-align: right; }
.ui-timepicker-rtl dl dt {
float: right;
clear: right; }
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px; }
.ui-timepicker-div.ui-timepicker-oneLine {
padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
display: block;
padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl {
text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
display: inline-block;
margin: 0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
content: ':';
display: inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
content: '.';
display: inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
display: none; }
/*======================================================
= Hotspot styles =
======================================================*/
.wpb_woodmart_image_hotspot img {
padding: 10px;
max-width: 100px;
height: auto; }
.wpb_woodmart_image_hotspot .attach_image {
position: absolute;
top: 45px;
left: 0;
max-width: 32px; }
.wpb_woodmart_image_hotspot,
.wpb_woodmart_image_hotspot .wpb_element_wrapper {
padding-bottom: 10px; }
.woodmart-image-hotspot-preview {
position: relative;
display: block;
min-height: 200px;
width: 100%;
border: 1px solid #DDD; }
.woodmart-image-hotspot {
position: absolute;
top: 0;
left: 0;
z-index: 1;
margin-top: -5px;
margin-left: -5px;
width: 10px;
height: 10px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 50%;
background-color: #2EAE62; }
.woodmart-image-hotspot-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
cursor: pointer; }
.wd-hotspot-img {
display: block;
width: 100%;
height: auto; }
.xts-loading .woodmart-image-hotspot,
.woodmart-image-hotspot-image {
display: none; }
/*======================================================
= Sizeguide =
======================================================*/
#woodmart_sguide_metaboxes input[type=text] {
width: 100% !important;
-webkit-box-shadow: none;
box-shadow: none; }
#woodmart_sguide_metaboxes .icon-button {
width: 20px;
height: 20px;
border-radius: 4px;
box-shadow: none;
font-size: 17px; }
#woodmart_sguide_metaboxes .icon-button.addcol,
#woodmart_sguide_metaboxes .icon-button.addrow {
background-color: #0085BA; }
#woodmart_sguide_metaboxes .icon-button.delcol,
#woodmart_sguide_metaboxes .icon-button.delrow {
background-color: #77A8BC; }
/*======================================================
= 360 view gallery shop =
======================================================*/
#woocommerce-product-360-images .inside {
margin: 0;
padding: 0; }
#woocommerce-product-360-images .inside .add_product_360_images {
padding: 0 12px 12px; }
#woocommerce-product-360-images .inside #product_360_images_container {
padding: 0 0 0 9px; }
#woocommerce-product-360-images .inside #product_360_images_container ul {
margin: 0;
padding: 0; }
#woocommerce-product-360-images .inside #product_360_images_container ul:after {
content: " ";
display: table;
clear: both; }
#woocommerce-product-360-images .inside #product_360_images_container ul:before {
content: " ";
display: table; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.add {
position: relative;
float: left;
box-sizing: border-box;
margin: 9px 9px 0 0;
width: 80px;
border: 1px solid #D5D5D5;
border-radius: 2px;
background: #F7F7F7;
cursor: move; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.add img {
display: block;
width: 100%;
height: auto; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.image {
position: relative;
float: left;
box-sizing: border-box;
margin: 9px 9px 0 0;
width: 80px;
border: 1px solid #D5D5D5;
border-radius: 2px;
background: #F7F7F7;
cursor: move; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.image img {
display: block;
width: 100%;
height: auto; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.wc-metabox-sortable-placeholder {
position: relative;
float: left;
box-sizing: border-box;
margin: 9px 9px 0 0;
width: 80px;
border: 1px solid #D5D5D5;
border: 3px dashed #DDD;
border-radius: 2px;
background: #F7F7F7;
cursor: move; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.wc-metabox-sortable-placeholder img {
display: block;
width: 100%;
height: auto; }
#woocommerce-product-360-images .inside #product_360_images_container ul li.wc-metabox-sortable-placeholder:after {
content: "\f161";
position: absolute;
top: 50%;
left: 50%;
color: #DDD;
text-align: center;
font-weight: 400;
font-size: 2.618em;
font-family: Dashicons;
line-height: 72px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#woocommerce-product-360-images .inside #product_360_images_container ul li:hover ul.actions {
display: block; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions {
position: absolute;
top: -8px;
right: -8px;
display: none;
padding: 2px; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions li {
float: right;
margin: 0 0 0 2px; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions li a {
display: block;
overflow: hidden;
margin: 0;
width: 1em;
height: 0; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions li a.tips {
cursor: pointer; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions li a.delete {
position: relative;
display: block;
width: 1em;
height: 1em;
text-indent: -9999px;
font-size: 1.4em; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions li a.delete:before {
content: "\f153";
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #FFF;
color: #999;
text-align: center;
text-indent: 0;
text-transform: none;
font-weight: 400;
font-variant: normal;
font-family: Dashicons;
line-height: 1;
speak: none; }
#woocommerce-product-360-images .inside #product_360_images_container ul ul.actions li a.delete:hover:before {
color: #A00; }
/*======================================================
= CMB2 STYLES =
======================================================*/
/*======================================================
= Templates library =
======================================================*/
.vc_ui-list-bar.woodmart-templates-list {
padding: 8px; }
.woodmart-templates-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
-ms-flex-direction: row;
flex-direction: row;
justify-content: flex-start;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #DDD;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: start; }
.woodmart-templates-heading > div {
padding: 0; }
.woodmart-templates-heading h3 {
margin-top: 0;
font-size: 28px; }
.woodmart-templates-heading .vc_col-sm-3:before {
content: "\e8b6";
position: absolute;
top: 10px;
left: 7px;
color: #BFC2C8;
font-size: 24px;
font-family: "vcpb-plugin-icons"; }
.woodmart-templates-heading .vc_col-sm-9 {
padding-right: 15px; }
.woodmart-templates-heading .vc_description {
margin-bottom: 8px; }
.woodmart-templates-search {
margin-bottom: 8px;
padding-left: 35px !important; }
.woodmart-templates-list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
flex-wrap: wrap;
justify-content: center;
margin: 8px;
min-height: 200px;
-ms-flex-wrap: wrap;
-webkit-box-pack: center; }
.woodmart-templates-list .xts-loader {
position: sticky; }
.woodmart-template-item {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
flex-basis: 240px;
margin: 0 10px 20px;
max-width: 305px;
border-radius: 4px;
text-align: center;
-webkit-transition: .2s all ease;
transition: .2s all ease;
-webkit-box-flex: 1;
-ms-flex-preferred-size: 240px; }
.woodmart-template-item h3 {
margin-bottom: 0;
color: #3F3F3F;
font-weight: 600;
font-size: 14px;
line-height: 1.4; }
.woodmart-template-item.woodmart-template-loading {
opacity: .5; }
.woodmart-template-item.woodmart-template-loading a {
pointer-events: none; }
.woodmart-template-item.show-by-search, .woodmart-template-item.show-by-tag {
display: block !important; }
.woodmart-template-item.hide-by-tag, .woodmart-template-item.hide-by-search {
display: none !important; }
.woodmart-template-item:hover .woodmart-template-image {
box-shadow: 1px 2px 7px #E1E1E1; }
.woodmart-template-item:hover .woodmart-template-image > a {
visibility: visible;
opacity: 1; }
.woodmart-template-item:hover .woodmart-template-image:before {
visibility: visible;
opacity: 1; }
.woodmart-template-item:hover .woodmart-template-actions {
visibility: visible;
opacity: 1; }
.element-adding .woodmart-template-item .woodmart-template-image:before,
.element-adding .woodmart-template-item .woodmart-template-image > a {
display: none; }
.woodmart-template-actions {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
font-size: 0;
opacity: 0;
-webkit-transition: .2s all ease;
transition: .2s all ease;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.woodmart-template-actions > a {
display: inline-block;
margin: 3px;
padding: 3px;
width: 36px;
height: 36px;
border: none;
border-radius: 50%;
background-color: #FFF;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
color: #313131;
cursor: pointer;
-webkit-transition: .2s all ease;
transition: .2s all ease; }
.woodmart-template-actions > a:hover {
background: #4D93D1;
color: #FFF; }
.woodmart-template-actions > a:before {
display: inline-block;
font-family: "vcpb-plugin-icons";
line-height: 36px; }
.woodmart-template-preview:before {
content: "\e8b6";
font-size: 24px; }
.woodmart-template-add:before {
content: "\e90d";
font-size: 16px; }
.woodmart-template-image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 10px;
min-height: 220px;
border-radius: 4px;
background: #FFF;
box-shadow: 0 1px 5px #E1E1E1;
-webkit-box-align: center;
-webkit-box-pack: center; }
.woodmart-template-image img {
max-width: 100%; }
.woodmart-template-image:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
visibility: hidden;
width: 100%;
background: rgba(255, 255, 255, 0.7);
opacity: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.woodmart-templates-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-box-flex: 1; }
.woodmart-templates-tags ul {
margin: 0 2px 25px; }
.woodmart-templates-tags ul li {
display: inline-block;
margin: 0 2px; }
.woodmart-templates-tags ul li a {
display: inline-block;
padding: 3px 7px;
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 12px; }
.woodmart-templates-tags ul li:hover a {
color: #000; }
.woodmart-templates-tags ul li:hover .tab-preview-name:after {
width: 100%; }
.woodmart-templates-tags a:focus {
box-shadow: none; }
.woodmart-templates-tags .tab-preview-name {
position: relative;
display: inline-block; }
.woodmart-templates-tags .tab-preview-name:after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 1px;
background-color: #0473AA;
-webkit-transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); }
.woodmart-templates-tags .tab-preview-count {
color: #0473AA;
vertical-align: super; }
.woodmart-templates-tags .active-tag a {
color: #000; }
.woodmart-templates-tags .active-tag .tab-preview-name:after {
width: 100%; }
/*======================================================
= VARITATION GALLERY =
======================================================*/
.woodmart-variation-gallery-images li.image, .woodmart-variation-gallery-images li.wc-metabox-sortable-placeholder {
position: relative;
float: left;
box-sizing: border-box;
margin: 0 9px 9px 0;
width: 80px;
border: 1px solid #D5D5D5;
border-radius: 2px;
background: #F7F7F7;
cursor: move; }
.woodmart-variation-gallery-images li.image img {
display: block;
width: 100%;
height: auto; }
.woodmart-variation-gallery-images li.image:hover .delete {
display: block; }
.woodmart-variation-gallery-images li.wc-metabox-sortable-placeholder {
overflow: hidden;
border: 3px dashed #DDD; }
.woodmart-variation-gallery-images li.wc-metabox-sortable-placeholder:after {
content: "\f161";
position: absolute;
top: 50%;
left: 50%;
color: #DDD;
text-align: center;
font-weight: 400;
font-size: 2.618em;
font-family: Dashicons;
line-height: 72px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.woodmart-variation-gallery-images li .delete {
position: absolute;
top: -8px;
right: -8px;
display: none;
padding: 1px;
text-decoration: none; }
.woodmart-variation-gallery-images li .delete span:before {
content: "\f153";
border-radius: 50%;
background-color: #FFF;
color: #999;
font-size: 17px; }
.woodmart-variation-gallery-images li .delete:hover span:before {
color: #A00; }
.woodmart-variation-gallery-images:after {
content: " ";
display: table;
clear: both; }
/** ------------------------------------------------------------------------------------------------
* MAX-WIDTH: 1024px
* ------------------------------------------------------------------------------------------------ */
@media (max-width: 1024px) {
.woodmart-row.woodmart-two-columns .woodmart-column, .woodmart-row.woodmart-three-columns .woodmart-column, .woodmart-row.woodmart-four-columns .woodmart-column {
max-width: 100%;
width: 100%;
-webkit-flex: 1 0 100%;
flex: 1 0 100%; } }
/** ------------------------------------------------------------------------------------------------
* MAX-WIDTH: 600px
* ------------------------------------------------------------------------------------------------ */
@media (max-width: 768px) {
.post-type-woodmart_slide .description {
max-width: 100%; } }
/** ------------------------------------------------------------------------------------------------
* RTL
* ------------------------------------------------------------------------------------------------ */
.rtl .vc_ui-panel-content .wp-picker-container .wp-color-result-text, .vc_ui-panel-content .rtl .wp-picker-container .wp-color-result-text {
border-right-color: #DDD;
border-top-left-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px; }
.rtl .xts-activation-form {
position: relative; }
.rtl .xts-activation-form input[type="text"] {
padding-right: 8px !important;
padding-left: 130px !important; }
.rtl .xts-activation-form span {
right: auto;
left: -1px; }
.rtl li[id="4_section_group_li"] .el-photo {
right: -2px;
left: auto; }
.rtl .xts-loader {
right: 50%;
left: auto;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%); }
.rtl .woodmart-templates-heading .vc_col-sm-3:before {
right: 7px;
left: auto; }
.rtl .woodmart-templates-heading .vc_col-sm-9 {
padding-right: 0;
padding-left: 15px; }
.rtl .woodmart-templates-search {
padding-right: 35px !important;
padding-left: 6px !important; }
.rtl .woodmart-templates-tags .tab-preview-name:after {
right: 0;
left: auto; }
.rtl [data-vc-shortcode="woodmart_info_box"] [data-vc-shortcode-param-name="woodmart_bg_position"] {
margin-right: 350px;
margin-left: 0; }
.rtl .woodmart-hint {
margin-right: 10px;
margin-left: 0; }
.rtl .woodmart-tooltip-label {
right: 50%;
left: auto; }
.rtl .woodmart-images-opts .woodmart-image-opt {
margin-right: 0;
margin-left: 10px; }
.xts-options *,
.xts-options *:before,
.xts-options *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.xts-options a {
text-decoration: none; }
.xts-options img {
max-width: 100%;
height: auto;
vertical-align: middle; }
.xts-options.xts-dashboard {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); }
.xts-options.xts-dashboard .xts-fields-tabs {
display: flex; }
.xts-options .xts-fields-section {
min-height: calc(100% - 48px); }
.xts-options .xts-active-section {
animation: wd-fadeIn .6s ease both; }
.toplevel_page_xtemos_options #wpbody-content > .woodmart-msg,
.toplevel_page_xtemos_options #wpbody-content > #setting-error-tgmpa {
margin-top: 10px;
margin-bottom: 15px;
margin-left: 2px; }
body.toplevel_page_woodmart_dashboard {
overflow-y: scroll; }
.xts-options-form-row {
margin-top: 20px; }
.xts-options-form-row > .xts-col {
flex-grow: 1;
margin-bottom: 20px; }
.toplevel_page_xtemos_options.menu-top .wp-menu-image,
.toplevel_page_woodmart_dashboard.menu-top .wp-menu-image {
display: flex;
align-items: center;
justify-content: center; }
.toplevel_page_xtemos_options.menu-top .wp-menu-image img,
.toplevel_page_woodmart_dashboard.menu-top .wp-menu-image img {
padding: 0 !important;
max-width: 20px;
max-height: 20px; }
.toplevel_page_xtemos_options #wpbody-content > :not(.wrap):not(.woodmart-msg):not(#setting-error-tgmpa), .toplevel_page_woodmart_dashboard #wpbody-content > :not(.wrap), .xts-options-form > :not(.xts-options-form-row):not(.woodmart-msg):not(#setting-error-tgmpa) {
display: none; }
.xts-options-header {
position: relative;
z-index: 50;
display: flex;
align-items: center;
padding: 25px 20px;
border-bottom: 3px solid #464646;
background-color: #131313;
color: #FFF; }
.xts-options-header h2, .xts-options-header h3 {
margin-top: 0;
margin-bottom: 0;
color: inherit; }
.xts-options-theme-data {
display: flex;
align-items: baseline;
margin-right: 35px; }
.rtl .xts-options-theme-data {
margin-right: 0;
margin-left: 35px; }
.xts-options-theme-name {
position: relative;
margin-right: 20px;
padding-left: 70px;
color: #FFF;
font-size: 30px;
line-height: 1; }
.xts-options-theme-name:before {
content: "";
position: absolute;
top: 50%;
left: 5px;
display: block;
width: 50px;
height: 50px;
background-image: url(../images/theme-admin-icon.svg);
background-size: 50px 50px;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.rtl .xts-options-theme-name {
margin-right: 0;
margin-left: 20px;
padding-right: 70px;
padding-left: 0; }
.rtl .xts-options-theme-name:before {
right: 5px;
left: auto; }
.xts-notice {
padding: 15px;
border: none !important;
border-radius: 4px;
background-color: #F7F7F7;
box-shadow: none; }
.xts-notice a {
color: inherit;
text-decoration: underline;
font-weight: 600; }
.xts-notice a:hover {
opacity: .8; }
.xts-notice + .xts-notice {
margin-top: -15px; }
.xts-notice-top {
margin-right: -20px;
margin-left: -20px;
padding: 8px 35px 8px 20px;
border-bottom: 1px solid; }
.xts-notice-top.xts-info {
border-color: rgba(30, 96, 155, 0.08); }
.xts-notice-top.xts-success {
border-color: rgba(70, 136, 71, 0.08); }
.xts-notice-top.xts-warning {
border-color: rgba(185, 132, 14, 0.08); }
.xts-notice-top.xts-error {
border-color: rgba(177, 45, 45, 0.08); }
.xts-notice.xts-info,
.xts-notice-top.xts-info {
background-color: #E6F0F9;
color: #1E609B; }
.xts-notice.xts-success,
.xts-notice-top.xts-success {
background-color: #DFF0D8;
color: #468847; }
.xts-notice.xts-warning,
.xts-notice-top.xts-warning {
background-color: #FEEFCD;
color: #B9840E; }
.xts-notice.xts-error,
.xts-notice-top.xts-error {
background-color: #F7EAEA;
color: #B12D2D; }
.xts-sections {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: flex-start;
padding: 0 20px 0 20px;
background: #FFF; }
.xts-section-icon img {
display: block; }
.xts-section-title {
position: relative;
margin-right: -20px;
margin-bottom: 30px;
margin-left: -20px;
padding-top: 18px;
padding-right: 20px;
padding-bottom: 18px;
padding-left: 20px;
border-bottom: 1px solid #e7e7e7;
background-color: #F3F3F3; }
.xts-section-title h3 {
position: relative;
margin: 0;
text-transform: uppercase;
font-size: 18px; }
[data-id="notices_section"] .xts-section-title,
[data-id="plugins_section"] .xts-section-title,
[data-id="buttons_section"] .xts-section-title,
[data-id="api_integrations_section"] .xts-section-title,
[data-id="shop_section"] .xts-section-title {
display: none; }
[data-id="notices_section"] .xts-section-title + .xts-fields-wrapper,
[data-id="plugins_section"] .xts-section-title + .xts-fields-wrapper,
[data-id="buttons_section"] .xts-section-title + .xts-fields-wrapper,
[data-id="api_integrations_section"] .xts-section-title + .xts-fields-wrapper,
[data-id="shop_section"] .xts-section-title + .xts-fields-wrapper {
top: 32px; }
[data-id="notices_section"] .xts-group-title:first-child,
[data-id="plugins_section"] .xts-group-title:first-child,
[data-id="buttons_section"] .xts-group-title:first-child,
[data-id="api_integrations_section"] .xts-group-title:first-child,
[data-id="shop_section"] .xts-group-title:first-child {
margin-top: 0 !important; }
.xts-fields-wrapper {
position: sticky;
top: 52px;
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-bottom: -32px;
margin-left: -15px; }
.xts-field {
position: relative;
display: flex;
flex-grow: 1;
flex-basis: 100%;
margin-bottom: -1px;
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
animation: wd-fadeIn .6s ease both; }
.xts-field label {
display: flex;
align-items: center;
margin-bottom: 5px;
color: #333;
font-weight: 600;
font-size: 14px;
cursor: default; }
.xts-field .hide {
display: none; }
.xts-field .xts-field-description {
display: block;
margin-top: 12px;
margin-bottom: 0;
font-weight: 400; }
.xts-field.xts-notice-control:not(:last-child) {
margin-bottom: 0 !important; }
.xts-field.xts-notice-control .xts-option-control {
border: none !important; }
.xts-field > div {
border-bottom: 1px solid var(--xts-option-border-color); }
.xts-dashboard .xts-field.xts-col-6 > div {
flex-basis: 50%; }
.xts-builder-wpb .xts-negative_gap-field,
.xts-builder-wpb [data-id="plugins_section"] .xts-fields-group:nth-child(4) + .xts-group-title,
.xts-builder-wpb [data-id="plugins_section"] .xts-fields-group:nth-child(4) + .xts-group-title + .xts-fields-group {
display: none; }
.xts-option-title {
flex: 1 0 30%;
padding-right: 20px;
padding-bottom: 30px; }
.xts-custom_fonts-control .xts-option-title, .xts-advanced_typography-field .xts-option-title, .xts-advanced_typography_button-field .xts-option-title {
display: none; }
.rtl .xts-option-title {
padding-right: 0;
padding-left: 20px; }
.xts-option-control {
flex: 0 1 100%;
padding-bottom: 30px; }
.xts-option-control > div:not(:first-child) {
margin-top: 12px; }
.xts-group-title,
.xts-fields-group {
flex-basis: 100%; }
.xts-group-title {
position: relative;
display: flex;
flex-grow: 1;
flex-basis: 100%;
margin-top: -31px;
margin-right: -5px;
margin-bottom: 30px;
margin-left: -5px;
padding: 18px 20px 18px 20px;
border-color: #e7e7e7 !important;
border-top: 1px solid;
border-bottom: 1px solid;
background-color: #F3F3F3;
color: #23282D;
text-transform: uppercase;
font-weight: 600;
font-size: 18px; }
.xts-fields-group {
display: flex;
flex-wrap: wrap; }
.xts-options-actions {
position: sticky;
bottom: 0;
left: 0;
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-right: -20px;
margin-left: -20px;
padding: 6px 20px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
border-inline-end: 1px solid #e7e7e7;
background-color: #EEE; }
.xts-options-actions button:not(:last-child) {
margin-right: 6px; }
.rtl .xts-options-actions button:not(:last-child) {
margin-right: 0;
margin-left: 6px; }
.xts-reset-options-btn {
border: 1px solid #CCC !important;
background: #F7F7F7;
line-height: 1; }
.inside .xts-metaboxes .xts-fields-wrapper {
margin-top: -7px;
margin-right: -10px;
margin-bottom: -45px;
margin-left: -10px; }
.inside .xts-metaboxes .xts-sections {
padding-right: 10px;
padding-left: 10px;
width: 100%; }
.inside .xts-metaboxes .xts-tabs.xts-style-default {
margin-right: -27px;
margin-left: -27px; }
.inside .xts-metaboxes .xts-tabs.xts-style-default > div:first-child {
padding-left: 24px; }
.inside .xts-metaboxes .xts-tabs.xts-style-default > div:last-child {
padding-right: 24px; }
.inside .xts-metaboxes .xts-last-tab-field {
margin-right: -27px;
margin-left: -27px; }
.inside .xts-metaboxes .xts-last-tab-field .xts-option-title {
padding-left: 27px; }
.inside .xts-metaboxes .xts-last-tab-field .xts-option-control {
padding-right: 24px;
padding-left: 10px; }
.xts-metaboxes .xts-group-title {
margin-right: -12px;
margin-left: -12px;
padding-left: 27px;
padding-right: 27px; }
.xts-metaboxes .xts-group-title:first-child {
margin-top: 1px;
border-top-width: 0; }
.edit-post-layout__metaboxes .xts-metaboxes .xts-group-title {
margin-right: -14px;
margin-left: -14px;
padding-left: 29px;
padding-right: 29px; }
.edit-post-layout__metaboxes .xts-metaboxes .xts-group-title:first-child {
margin-top: 0 !important;
border-top-width: 1px; }
.xts-metaboxes .xts-sections-nav,
.xts-metaboxes .xts-section-title {
display: none; }
.xts-metaboxes .xts-set-btn-img {
flex-basis: auto;
max-width: 200px; }
#addtag .xts-metaboxes,
#edittag .xts-metaboxes,
.product_page_product_attributes form .xts-metaboxes {
margin-top: 30px;
margin-bottom: 30px; }
#addtag .xts-sections,
#edittag .xts-sections,
.product_page_product_attributes form .xts-sections {
overflow: hidden;
padding-top: 30px; }
#addtag .xts-field,
#edittag .xts-field,
.product_page_product_attributes form .xts-field {
flex-wrap: wrap; }
#addtag .xts-field .xts-option-title,
#edittag .xts-field .xts-option-title,
.product_page_product_attributes form .xts-field .xts-option-title {
margin-bottom: 0;
padding-bottom: 0;
width: 100%;
border-bottom: 0; }
#addtag .xts-field .xts-option-title label,
#edittag .xts-field .xts-option-title label,
.product_page_product_attributes form .xts-field .xts-option-title label {
margin-bottom: 0; }
#addtag .xts-field .xts-field-description,
#edittag .xts-field .xts-field-description,
.product_page_product_attributes form .xts-field .xts-field-description {
margin-top: 5px; }
#addtag .xts-field .xts-option-control,
#edittag .xts-field .xts-option-control,
.product_page_product_attributes form .xts-field .xts-option-control {
margin-top: 15px;
padding-bottom: 25px; }
#addtag .xts-field .xts-range-slider,
#edittag .xts-field .xts-range-slider,
.product_page_product_attributes form .xts-field .xts-range-slider {
margin-top: 0 !important; }
#addtag .xts-field:not(:last-child),
#edittag .xts-field:not(:last-child),
.product_page_product_attributes form .xts-field:not(:last-child) {
margin-bottom: 25px; }
.rtl .inside .xts-metaboxes .xts-tabs.xts-style-default > div:first-child {
padding-right: 24px; }
.rtl .inside .xts-metaboxes .xts-tabs.xts-style-default > div:last-child {
padding-right: 0;
padding-left: 24px; }
.rtl .inside .xts-metaboxes .xts-last-tab-field .xts-option-title {
padding-right: 27px;
padding-left: 0; }
.rtl .inside .xts-metaboxes .xts-last-tab-field .xts-option-control {
padding-right: 10px;
padding-left: 24px; }
.xts-sections-nav {
position: relative;
flex: 0 0 230px;
background-color: #333;
margin-bottom: -1px; }
.xts-sections-nav a {
transition: all .2s ease; }
.xts-sections-nav > ul {
margin: 0; }
.xts-sections-nav > ul > li > a {
padding-left: 45px; }
.xts-sections-nav li {
margin-bottom: 0; }
.xts-sections-nav li ul {
display: none; }
.xts-sections-nav li.xts-has-child > a:before {
content: "\f347";
position: absolute;
top: 50%;
right: 10px;
margin-top: -8px;
color: rgba(255, 255, 255, 0.2);
font-size: 16px;
font-family: "dashicons";
line-height: 16px; }
.xts-sections-nav li.xts-has-child.xts-active-nav > a {
background-color: #131313; }
.xts-sections-nav li.xts-has-child.xts-active-nav > a:before {
content: "\f343"; }
.xts-sections-nav li.xts-has-child ul a {
padding: 10px 7px 10px 15px; }
.xts-sections-nav li:hover > a, .xts-sections-nav li.xts-active-nav > a {
color: #FFF; }
.xts-sections-nav li:hover a, .xts-sections-nav li.xts-active-nav a {
background-color: rgba(0, 0, 0, 0.2); }
.xts-sections-nav li.xts-subsection-nav:hover a, .xts-sections-nav li.xts-subsection-nav.xts-active-nav a {
background-color: rgba(0, 0, 0, 0.4);
color: #FFF; }
.xts-sections-nav li.xts-active-nav ul {
display: block; }
.xts-sections-nav a {
position: relative;
display: flex;
align-items: center;
padding: 15px;
border-width: 0;
border-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgba(255, 255, 255, 0.05);
color: #090909;
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
font-size: 14px; }
.xts-sections-nav a:hover {
color: #4D93D1; }
.xts-sections-nav a:focus {
outline: none;
box-shadow: 0 0 0 transparent; }
.xts-sections-nav .xts-section-icon {
position: absolute;
top: 14px;
left: 12px; }
.xts-sections-nav .xts-section-icon .dashicons {
width: 18px;
height: 18px;
color: rgba(255, 255, 255, 0.3);
font-size: 18px;
line-height: 18px; }
.xts-sections-nav .xts-section-icon .dashicons-editor-textcolor {
margin-left: -3px;
font-size: 26px; }
.xts-sections-nav .xts-section-icon .dashicons-admin-home {
margin-left: -2px;
font-size: 22px; }
.xts-sections-nav .xts-section-icon .dashicons-welcome-write-blog {
font-size: 19px; }
.xts-sections-nav .xts-section-icon .dashicons-media-text {
margin-left: -1px;
font-size: 20px; }
.xts-sections-nav .xts-section-icon .dashicons-admin-settings {
margin-left: -1px;
font-size: 20px; }
.rtl .xts-sections-nav > ul > li > a {
padding-right: 45px;
padding-left: 0; }
.rtl .xts-sections-nav li.xts-has-child > a:before {
right: auto;
left: 10px; }
.rtl .xts-sections-nav li.xts-has-child ul a {
padding: 7px 15px 7px 7px; }
.rtl .xts-sections-nav .xts-section-icon {
right: 12px;
left: auto; }
.xts-active-nav {
position: relative; }
.xts-active-nav > a {
color: #4D93D1; }
.xts-active-nav > a:before {
color: #4D93D1;
opacity: 1; }
.xts-not-inherit > a:after {
content: "\f528";
margin-left: 5px;
color: #CB3D3D;
font-size: 14px;
font-family: dashicons;
line-height: 1;
opacity: .8; }
.xts-presets-header {
min-height: 88px; }
.xts-presets-wrapper {
position: sticky;
top: -56px;
overflow: hidden; }
.xts-presets-wrapper h4 {
margin-top: 0;
font-size: 16px;
line-height: 25px; }
.xts-presets-wrapper .xts-notice-top {
margin-top: -20px;
margin-bottom: 20px; }
.xts-presets-wrapper .xts-current-preset form {
position: relative; }
.xts-presets-wrapper .xts-current-preset > h4,
.xts-presets-wrapper .xts-current-preset > .xts-preset-conditions {
transition: all .3s ease; }
.xts-presets-wrapper.xts-loading .xts-current-preset > h4,
.xts-presets-wrapper.xts-loading .xts-current-preset > .xts-preset-conditions {
opacity: .5;
pointer-events: none; }
.xts-presets-title {
display: flex;
align-items: center;
margin-bottom: 15px; }
.xts-presets-title h4 {
display: flex;
align-items: center;
margin-bottom: 0; }
.xts-presets-title .xts-presets-title-inner {
overflow: hidden;
text-overflow: ellipsis;
margin-inline-end: 5px; }
.xts-presets-title .xts-presets-title-inner:not(.xts-edit) {
cursor: pointer;
transition: all .25s ease; }
.xts-presets-title .xts-presets-title-inner:not(.xts-edit):hover {
opacity: .9; }
.xts-current-preset .xts-presets-title .xts-name-preset {
padding: 0;
min-height: auto;
max-width: 210px;
height: auto;
border: none;
border-bottom: 1px dashed #C7C7C7;
border-radius: 0;
font-size: 16px;
line-height: 25px; }
.xts-edit-preset-rule {
box-shadow: none !important;
color: #BBB;
font-size: 0;
transition: all .25s ease;
margin-inline-start: 5px; }
.xts-edit-preset-rule:hover {
color: #000;
opacity: .9; }
.xts-edit-preset-rule:before {
vertical-align: middle;
font-size: 20px; }
.xts-input-edit-preset-rule:not(.xts-edit) + h4 {
overflow: hidden;
max-width: 225px;
border-bottom: 1px solid transparent;
white-space: nowrap; }
.xts-input-edit-preset-rule.xts-edit + h4 .xts-presets-label {
margin-bottom: 1px; }
.xts-preset-priority {
position: absolute;
top: 0px;
display: flex;
align-items: center;
inset-inline-end: 12px; }
.xts-preset-priority label {
font-weight: 600;
margin-inline-end: 5px; }
.xts-preset-priority .xts-priority {
max-width: 50px !important;
height: 30px !important;
padding-inline-end: 2px !important;
padding-inline-start: 5px !important; }
.xts-preset-conditions {
padding-bottom: 10px;
border-bottom: 1px solid #e7e7e7; }
.xts-preset-conditions .xts-btn {
margin-right: 12px;
margin-bottom: 10px; }
.rtl .xts-preset-conditions .xts-btn {
margin-right: 0;
margin-left: 12px; }
.xts-presets-list {
padding: 20px;
background-color: #FFF; }
.xts-presets-list > .xts-notice {
margin-bottom: 20px; }
.xts-current-preset {
position: relative;
padding: 20px;
padding-bottom: 0;
background-color: #FFF; }
.xts-current-preset .xts-rule {
position: relative;
display: flex;
margin-bottom: 6px; }
.xts-current-preset .xts-rule select,
.xts-current-preset .xts-rule div {
flex-grow: 1;
flex-basis: 33.33333%;
min-width: 30px;
margin-inline-end: 12px; }
.xts-current-preset .xts-rule select {
margin-bottom: 12px; }
.xts-remove-preset-rule {
position: absolute;
top: 6px;
display: flex;
align-items: center;
width: 22px;
height: 22px;
text-align: center;
font-size: 0;
line-height: 1;
inset-inline-start: calc(100% - 8px); }
.xts-inherit-checkbox-wrapper {
display: inline-block;
margin-bottom: 10px;
padding: 2px 4px;
border-radius: 4px;
background: #4D93D1;
color: white;
white-space: nowrap;
cursor: pointer;
user-select: none; }
.xts-inherit-checkbox-wrapper input {
margin-top: -3px;
margin-right: 0;
margin-left: 2px;
min-width: 14px;
width: 14px;
height: 14px;
border-color: #e7e7e7; }
.xts-inherit-checkbox-wrapper input:focus {
border-color: #e7e7e7; }
.xts-inherit-checkbox-wrapper input:before {
margin-top: -4px !important;
margin-left: -4px !important;
width: 20px !important;
height: 20px !important; }
.xts-preset-active .xts-option-title label {
align-items: flex-start;
flex-direction: column-reverse;
user-select: none; }
.xts-preset-active .xts-option-title span {
cursor: pointer; }
.xts-preset-active .xts-custom_fonts-control,
.xts-preset-active .xts-advanced_typography-field,
.xts-preset-active .xts-advanced_typography_button-field {
flex-direction: column; }
.xts-preset-active .xts-custom_fonts-control .xts-option-title,
.xts-preset-active .xts-advanced_typography-field .xts-option-title,
.xts-preset-active .xts-advanced_typography_button-field .xts-option-title {
display: block;
flex-basis: 0;
padding-bottom: 0; }
.xts-preset-active .xts-custom_fonts-control .xts-option-title span,
.xts-preset-active .xts-advanced_typography-field .xts-option-title span,
.xts-preset-active .xts-advanced_typography_button-field .xts-option-title span {
display: none; }
.xts-field.xts-field-disabled {
user-select: none; }
.xts-field.xts-field-disabled .xts-option-title {
border-color: rgba(231, 231, 231, 0.4) !important; }
.xts-field.xts-field-disabled .xts-option-title label > span {
opacity: .4; }
.xts-field.xts-field-disabled .xts-field-description,
.xts-field.xts-field-disabled .xts-option-control {
opacity: .4;
animation: none;
pointer-events: none; }
.xts-field.xts-field-disabled .xts-inherit-checkbox-wrapper {
background: #EFEFEF;
color: #444; }
.xts-field.xts-notice-control .xts-option-control {
border-color: #e7e7e7 !important;
opacity: 1; }
.xts-design-list ul {
overflow-x: auto;
margin-top: 0;
margin-bottom: 20px;
max-height: calc(100vh - 32px);
margin-inline-end: -5px;
padding-inline-end: 5px; }
.xts-design-list ul::-webkit-scrollbar {
width: 5px; }
.xts-design-list ul::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.07); }
.xts-design-list ul::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.12); }
.xts-design-list li {
margin-bottom: 12px; }
.xts-design-list li.xts-active a {
background: #7CB32B;
background-position: right;
background-size: 150%; }
.xts-design-list li.xts-active a:hover {
background-position: left; }
.xts-design-list li.xts-active a > span {
color: #FFF; }
.xts-design-list li:last-child {
margin-bottom: 0; }
.xts-design-list a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px;
border-radius: 4px;
background-color: #EFEFF0;
color: #444;
transition: all .25s ease; }
.xts-design-list a:active, .xts-design-list a:focus {
outline: none;
box-shadow: none; }
.xts-design-list a:hover {
background-color: #dddddf; }
.xts-design-list a:hover .xts-remove-preset-btn {
visibility: visible;
opacity: 1; }
.xts-design-list a > span {
font-weight: 600;
font-size: 16px;
margin-inline-start: 9px; }
.xts-design-list .xts-remove-preset-btn {
visibility: hidden;
opacity: 0; }
.xts-design-list .xts-remove-preset-btn:before {
content: "\f182"; }
.xts-multiple-typography .xts-typography-section {
position: relative;
margin-bottom: 20px;
padding: 20px 8px 20px 20px;
border: 1px solid #e7e7e7;
border-radius: 4px;
background: #FFF;
animation: wd-fadeIn .6s ease both; }
.xts-multiple-typography .xts-typography-section .xts-typography-custom-selector {
margin-right: 12px;
margin-bottom: 12px;
max-width: 100%; }
.xts-multiple-typography .xts-typography-color-point {
max-width: calc(50% - 12px);
width: 100%; }
.xts-typography-section,
.xts-typography-color-container {
display: flex;
flex-wrap: wrap; }
.xts-typography-responsive-controls {
display: flex;
align-items: flex-end;
margin-bottom: 12px;
max-width: calc(50% - 12px);
width: 100%; }
.xts-typography-responsive-controls > div {
margin-right: 12px; }
.xts-typography-responsive-controls > div:last-child {
margin-right: 0; }
.rtl .xts-typography-responsive-controls > div {
margin-right: 0;
margin-left: 12px; }
.rtl .xts-typography-responsive-controls > div:last-child {
margin-left: 0; }
.xts-typography-control-background {
margin-top: 6px; }
.xts-typography-size-container {
margin-right: 12px; }
.rtl .xts-typography-size-container {
margin-right: 0;
margin-left: 12px; }
.xts-typography-color-container {
width: 100%; }
.xts-typography-color-point:first-child {
margin-right: 12px; }
.rtl .xts-typography-color-point:first-child {
margin-right: 0;
margin-left: 12px; }
.xts-typography-responsive-opener {
width: 20px;
height: 35px;
font-size: 16px;
cursor: pointer;
transition: color .2s ease-in-out; }
.xts-typography-responsive-opener:hover {
color: #4D93D1; }
.xts-typography-responsive-opener:before {
content: "\f345";
font-family: dashicons;
line-height: 35px; }
.rtl .xts-typography-responsive-opener:before {
content: "\f341"; }
div.xts-typography-font-container {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
width: 100%; }
div.xts-typography-font-container > * {
margin-right: 12px !important;
max-width: calc(50% - 12px) !important;
width: 100% !important; }
div.xts-typography-font-container .xts-typography-family {
margin-bottom: 12px; }
div.xts-typography-font-container .select2-container--xts {
max-width: 100%; }
.rtl div.xts-typography-font-container > * {
margin-right: 0 !important;
margin-left: 12px !important; }
.xts-typography-preview {
margin-top: 12px;
margin-right: 90px;
margin-bottom: 0;
padding: 15px;
border: 1px solid #e7e7e7;
border-radius: 4px; }
.rtl .xts-typography-preview {
margin-right: 0;
margin-left: 90px; }
.xts-typography-control-desktop label:before,
.xts-typography-control-tablet label:before,
.xts-typography-control-mobile label:before {
display: inline-block;
margin-right: 3px;
color: #BFBFBF;
vertical-align: middle;
font-weight: 400;
font-family: "dashicons"; }
.rtl .xts-typography-control-desktop label:before,
.rtl .xts-typography-control-tablet label:before,
.rtl .xts-typography-control-mobile label:before {
margin-right: 0;
margin-left: 3px; }
.xts-typography-control-desktop label:before {
content: "\f472"; }
.xts-typography-control-tablet label:before {
content: "\f471"; }
.xts-typography-control-mobile label:before {
content: "\f470"; }
.xts-typography-btn-remove {
position: absolute;
right: 20px;
bottom: 20px; }
.rtl .xts-typography-btn-remove {
right: auto;
left: 20px; }
.xts-custom-fonts-section {
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 24px;
margin-bottom: 20px;
padding: 20px 8px 8px 8px;
border: 1px solid #e7e7e7;
border-radius: 4px;
background: #FFF;
animation: wd-fadeIn .6s ease both; }
.xts-custom-fonts-section .xts-inline-btn {
position: absolute;
right: 20px;
bottom: 20px; }
.rtl .xts-custom-fonts-section .xts-inline-btn {
right: auto;
left: 20px; }
.xts-custom-fonts-title,
.xts-custom-fonts-label {
margin-top: 0; }
.xts-custom-fonts-title {
flex-basis: 100%;
margin-bottom: 24px; }
.xts-custom-fonts-label {
margin-bottom: 5px; }
.xts-custom-fonts-title,
.xts-custom-fonts-field {
margin-right: 12px;
margin-left: 12px; }
.xts-custom-fonts-field {
flex-basis: calc(50% - 24px);
margin-bottom: 12px; }
.xts-custom-fonts-field input[type="text"],
.xts-custom-fonts-field select {
max-width: 100% !important;
width: 100% !important; }
.xts-custom-fonts-field .xts-custom-fonts-title {
margin-bottom: 5px; }
.xts-custom-fonts-field .xts-upload-preview {
position: relative;
margin-bottom: 12px; }
.xts-custom-fonts-field .xts-upload-preview > img {
display: none; }
.xts-custom-fonts-field .xts-upload-preview input {
direction: rtl; }
.xts-custom-fonts-field .xts-upload-preview:before {
content: "";
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
background: linear-gradient(101deg, rgba(0, 0, 0, 0) 0%, #FFF 0%, rgba(0, 0, 0, 0) 40%); }
.xts-typography-section > select.xts-typography-selector {
visibility: hidden;
height: 48px !important;
opacity: 0; }
.xts-typography-section > .select2-container--xts {
margin-right: 12px;
max-width: 100% !important; }
.rtl .xts-typography-section > .select2-container--xts {
margin-right: 0;
margin-left: 12px; }
.wp-toolbar .select2-container--xts .select2-results .select2-results__options[id*="dvanced_typography"] {
max-height: 400px; }
.xts-custom_fonts-control:last-child > div,
.xts-typography-control:last-child > div {
border-bottom: none; }
@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url("../../../../fonts/woodmart-font.woff") format("woff"), url("../../../../fonts/woodmart-font.woff2") format("woff2"); }
.xts-fields-section[data-id*="social_"] .xts-field .xts-option-title span {
display: flex;
align-items: center; }
.xts-fields-section[data-id*="social_"] .xts-field .xts-option-title span:before {
font-family: "woodmart-font";
margin-inline-end: 8px;
font-weight: 400;
color: #BFBFBF;
font-size: 16px;
min-width: 16px; }
.xts-fields-section[data-id*="social_"] .xts-field[class*="isntagram"] .xts-option-title span:before {
content: "\f163"; }
.xts-fields-section[data-id*="social_"] .xts-field[class*="fb"] .xts-option-title span:before {
content: "\f180"; }
.xts-fields-section[data-id*="social_"] .xts-field[class*="ok"] .xts-option-title span:before {
content: "\f176"; }
.xts-fields-section[data-id*="social_"] .xts-field[class*="vk"] .xts-option-title span:before {
content: "\f168"; }
.xts-field[class*="spotify"] .xts-option-title span:before {
content: "\f171"; }
.xts-field[class*="pinterest"] .xts-option-title span:before {
content: "\f156"; }
.xts-field[class*="youtube"] .xts-option-title span:before {
content: "\f162"; }
.xts-field[class*="linkedin"] .xts-option-title span:before {
content: "\f158"; }
.xts-field[class*="viber"] .xts-option-title span:before {
content: "\f181"; }
.xts-field[class*="tiktok"] .xts-option-title span:before {
content: "\f133" !important; }
.xts-field[class*="twitter"] .xts-option-title span:before {
content: "\f154"; }
.xts-field[class*="whatsapp"] .xts-option-title span:before {
content: "\f175"; }
.xts-fields-section[data-id*="social_"] .xts-field[class*="tg"] .xts-option-title span:before {
content: "\f179"; }
.xts-fields-section[data-id*="social_"] .xts-field[class*="email"] .xts-option-title span:before {
content: "\f157"; }
.xts-field[class*="snapchat"] .xts-option-title span:before {
content: "\f178"; }
.xts-field[class*="flickr"] .xts-option-title span:before {
content: "\f164"; }
.xts-field[class*="dribbble"] .xts-option-title span:before {
content: "\f166"; }
.xts-field[class*="soundcloud"] .xts-option-title span:before {
content: "\f172"; }
.xts-field[class*="soundcloud"] .xts-option-title span:before {
content: "\f172"; }
.xts-field[class*="behance"] .xts-option-title span:before {
content: "\f170"; }
.xts-field[class*="github"] .xts-option-title span:before {
content: "\f155"; }
.xts-field[class*="vimeo"] .xts-option-title span:before {
content: "\f177"; }
.xts-field[class*="tumblr"] .xts-option-title span:before {
content: "\f165"; }
.wd-layout ~ #posts-filter .search-box {
margin-top: 10px; }
#menu-posts-woodmart_layout .wp-submenu,
#wp-admin-bar-new-woodmart_layout,
.post-php.post-type-woodmart_layout .page-title-action {
display: none; }
.edit-php.post-type-woodmart_layout #menu-posts-woodmart_layout .wp-submenu {
display: block; }
#wd-layout-conditions .xts-layout-conditions-edit {
margin-top: 5px; }
.wd-layout select,
.wd-layout input,
.wd_layout_conditions select,
.wd_layout_conditions input {
max-width: 100% !important; }
.wd-layout .xts-popup-inner,
.wd_layout_conditions .xts-popup-inner {
max-width: 950px; }
.wd-layout .xts-popup-content,
.wd_layout_conditions .xts-popup-content {
max-height: 70vh; }
.wd-layout .xts-set-btn-img,
.wd_layout_conditions .xts-set-btn-img {
flex-basis: 33.333333%; }
.xts-popup [class*="xts-layout-"] {
transition: opacity .3s ease; }
.xts-popup.xts-loading [class*="xts-layout-"] {
opacity: .7; }
.xts-popup.xts-loading .xts-layout-submit-wrap {
opacity: 1;
pointer-events: none; }
.xts-layout-fields:not(.xts-layout-type-checkout):not(.xts-layout-type-all) .xts-layout-type-select {
display: none; }
.xts-layout-predefined-layouts {
margin-top: 10px;
margin-bottom: 20px;
padding-top: 15px;
border-top: 1px solid #E9E9E9; }
.xts-popup-content .xts-layout-submit-wrap {
position: sticky;
bottom: -20px;
margin-top: 10px;
margin-right: -20px;
margin-bottom: -20px;
margin-left: -20px; }
.xts-layout-fields {
display: flex;
margin-right: -6px;
margin-left: -6px; }
.xts-layout-field {
flex: 1 1 50%;
margin-bottom: 15px;
padding-right: 6px;
padding-left: 6px; }
.xts-layout-field > div {
margin-bottom: 10px;
font-weight: 700; }
.xts-layout-field + .xts-layout-conditions {
margin-top: 20px; }
.xts-layout-predefined-layouts h4,
.xts-layout-conditions h4 {
margin-top: 5px;
margin-bottom: 10px;
color: #3C434A;
font-weight: 700; }
.xts-layout-condition {
position: relative;
display: flex;
padding-right: 15px; }
.xts-layout-condition > * {
margin-right: 12px !important;
margin-bottom: 12px !important; }
.xts-layout-condition .xts-cross-btn {
position: absolute;
top: 7px;
right: -2px;
margin: 0 !important; }
.xts-layout-condition-add,
.xts-layout-conditions-edit-add {
margin-bottom: 10px; }
div.wd-search {
position: relative; }
div.wd-search input[type="text"] {
padding-left: 0;
width: 300px;
border-top: none;
border-right: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
border-left: none;
border-radius: 0 !important;
background: transparent;
color: rgba(255, 255, 255, 0.7);
font-size: 18px; }
div.wd-search input[type="text"]:focus {
outline: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.6);
box-shadow: rgba(0, 0, 0, 0) 0 0 0; }
div.wd-search input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4); }
div.wd-search input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.4); }
div.wd-search input[type="text"]:-moz-placeholder {
color: rgba(255, 255, 255, 0.4); }
div.wd-search input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4); }
div.wd-search:after {
content: "\f130";
position: absolute;
top: calc(50% - 9px);
right: 1px;
display: inline-block;
color: #3C434A;
font-size: 18px;
line-height: 18px;
font-family: "woodmart-font"; }
.rtl div.wd-search:after {
right: auto;
left: 1px; }
.xts-import-area {
margin-bottom: 12px; }
.xtemos-settings-search {
position: relative;
float: left;
margin: 17px; }
.xtemos-settings-search input[type="text"] {
padding-left: 0;
width: 300px;
border-top: none;
border-right: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
border-left: none;
background: transparent;
color: rgba(255, 255, 255, 0.7);
font-size: 18px; }
.xtemos-settings-search input[type="text"]:focus {
outline: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.6);
box-shadow: rgba(0, 0, 0, 0) 0 0 0; }
.xtemos-settings-search:after {
content: "\f179";
position: absolute;
top: 5px;
right: 1px;
display: inline-block;
vertical-align: top;
text-decoration: inherit;
font-weight: 400;
font-style: normal;
font-size: 24px;
font-family: dashicons;
line-height: 1; }
.redux_field_th {
padding-left: 0;
border-left: 0 solid #AE3535;
-webkit-transition: padding-left .3s ease-in-out;
transition: padding-left .3s ease-in-out; }
.highlight-field {
--xts-option-border-color: #AE3535; }
.highlight-field .xts-option-title label,
.highlight-field .xts-field-description {
color: #AE3535; }
.highlight-field.xts-field-disabled .xts-option-title {
border-color: rgba(174, 53, 53, 0.4) !important; }
.xtemos-settings-result {
overflow-x: hidden;
overflow-y: auto;
max-height: 530px; }
.xtemos-settings-result::-webkit-scrollbar {
width: 5px; }
.xtemos-settings-result::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05); }
.xtemos-settings-result::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.12); }
body ul.xtemos-settings-result {
border: none !important;
box-shadow: 0 1px 3px rgba(173, 173, 173, 0.8); }
body ul.xtemos-settings-result li {
padding: 5px 10px;
border-bottom: 1px solid rgba(173, 173, 173, 0.4);
line-height: 1.4; }
body ul.xtemos-settings-result li .ui-state-active {
border: none !important; }
body ul.xtemos-settings-result li.ui-state-focus {
border: none;
border-bottom: 1px solid rgba(173, 173, 173, 0.4);
background: #EDEDED; }
body ul.xtemos-settings-result li.ui-state-focus .el {
color: #909090; }
body ul.xtemos-settings-result li.ui-state-focus .settting-path {
opacity: 1; }
body ul.xtemos-settings-result li .el {
display: block;
float: left;
margin-right: 5px;
margin-left: -5px;
width: 30px;
height: 40px;
color: #E3E3E3;
text-align: center;
font-size: 20px;
line-height: 40px;
transition: all .25s ease; }
body ul.xtemos-settings-result .setting-title {
font-size: 15px; }
body ul.xtemos-settings-result .settting-path {
color: #909090;
font-size: 12px;
opacity: .6;
transition: all .25s ease; }
.xts-instagram_api-control .xts-instagram-pic,
.xts-instagram_api-control .xts-instagram-name {
margin-bottom: 10px; }
.xts-instagram_api-control .xts-instagram-pic {
max-width: 150px; }
.xts-instagram_api-control .xts-instagram-pic img {
border-radius: 4px; }
.xts-instagram_api-control .xts-instagram-name span {
font-weight: 600; }
.xts-instagram_api-control .xts-remove-upload-btn {
display: inline-flex; }
.post-type-woodmart_slide .term-parent-wrap,
.post-type-woodmart_slide .term-description-wrap {
display: none; }
.product_page_product_attributes .wrap.woocommerce form {
display: flex;
flex-direction: column;
max-width: 800px; }
.product_page_product_attributes .wrap.woocommerce form .form-table {
order: -1; }
.product_page_product_attributes .wrap.woocommerce form .submit {
margin-top: 0; }
.woodmart-generator-form {
margin-top: 30px; }
.woodmart-generator-form h4 {
margin-top: 0;
margin-bottom: 15px;
color: #444;
text-transform: uppercase;
font-weight: 600;
font-size: 16px; }
.css-options-box-wrap {
margin-bottom: 15px; }
.css-options-box h3 {
margin-top: 0; }
.css-options-box .css-checkbox label {
position: relative;
display: inline-block;
margin-left: -30px;
padding-left: 30px; }
.css-options-box .css-checkbox label:hover .css-tooltip {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0); }
.css-options-box .css-checkbox .css-checkbox {
margin-bottom: 10px; }
.css-options-box .css-checkbox .css-checkbox:last-child {
margin-bottom: 0; }
.css-options-box .css-checkbox .css-checkbox label {
margin-bottom: 0;
font-weight: 400; }
.css-options-box .css-checkbox .css-checkbox .css-checkbox label {
font-size: 12px; }
.css-options-box > .css-checkbox {
padding: 15px;
border: 1px solid #E8E8E8;
border-radius: 4px;
background-color: #F9F9F9; }
.css-options-box > .css-checkbox > label {
font-weight: 600; }
.css-options-box > .css-checkbox + .css-checkbox {
margin-top: 15px; }
.css-options-box > .css-checkbox > .css-checkbox-children {
margin-bottom: 0; }
.css-options-box:not(:last-child) {
margin-bottom: 25px; }
.css-checkbox-children {
margin-top: 10px;
margin-left: 20px; }
.css-checkbox.wooComm {
padding-bottom: 0 !important; }
.css-checkbox.wooComm > .css-checkbox-children > .css-checkbox {
margin-bottom: 20px; }
.css-file-actions a.button-primary {
border-color: #D74646;
background-color: #D74646; }
.css-file-actions a.button-primary:hover, .css-file-actions a.button-primary:focus {
border-color: #AB2525;
background-color: #AB2525; }
.css-file-actions .css-update-button {
margin-right: 7px; }
.css-file-information {
margin-top: 40px; }
.css-file-information h3 span {
color: #444; }
.css-file-information table {
margin-bottom: 20px;
max-width: 100%;
width: 500px;
border-top: 1px solid #EFEFEF;
border-left: 1px solid #EFEFEF;
font-size: 14px; }
.css-file-information table td,
.css-file-information table th {
padding: 15px 20px;
border-right: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF; }
.css-file-information table th {
width: 30%;
text-align: left; }
.css-tooltip {
position: absolute;
top: 50%;
left: 100%;
z-index: 3;
visibility: hidden;
margin-left: 20px;
padding: 15px;
border-radius: 4px;
background: #FFF;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
text-align: center;
opacity: 0;
-webkit-transition: opacity .25s ease, visibility .25s ease, -webkit-transform .25s ease;
transition: opacity .25s ease, visibility .25s ease, -webkit-transform .25s ease;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease, -webkit-transform .25s ease;
-webkit-transform: translateY(-45%) translateZ(0);
transform: translateY(-45%) translateZ(0);
pointer-events: none; }
.css-tooltip:after {
content: "";
position: absolute;
top: 50%;
left: -5px;
display: block;
width: 10px;
height: 10px;
background: #FFF;
-webkit-box-shadow: -2px -1px 2px 0 rgba(179, 176, 176, 0.17);
box-shadow: -2px -1px 2px 0 rgba(179, 176, 176, 0.17);
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg); }
.css-tooltip-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-box-align: center;
-webkit-box-pack: center; }
.css-tooltip-image img {
max-width: 330px;
max-height: 270px;
border-radius: 4px; }
.rtl .css-checkbox-children {
margin-right: 20px;
margin-left: 0; }
.rtl .css-options-box .css-checkbox label {
margin-right: -30px;
margin-left: 0;
padding-right: 30px;
padding-left: 0; }
.rtl .css-tooltip {
right: 100%;
left: auto;
margin-right: 20px; }
.rtl .css-tooltip:before {
left: 100%; }
.rtl .css-tooltip:after {
right: -5px;
left: auto;
-webkit-box-shadow: 2px 1px 2px 0 rgba(179, 176, 176, 0.17);
box-shadow: 2px 1px 2px 0 rgba(179, 176, 176, 0.17); }
.rtl .css-tooltip-right .css-tooltip {
right: auto;
left: 100%;
margin-left: 20px; }
.rtl .css-tooltip-right .css-tooltip:before {
right: 100%; }
.rtl .css-tooltip-right .css-tooltip:after {
right: auto;
left: -5px;
-webkit-box-shadow: -2px -1px 2px 0 rgba(179, 176, 176, 0.17);
box-shadow: -2px -1px 2px 0 rgba(179, 176, 176, 0.17); }
.woomart-woo-column .css-checkbox[data-parent="none"] h4 {
flex-basis: 100%;
margin-right: 15px;
padding-bottom: 14px;
width: 100%;
border-bottom: 1px solid #e8e8e8;
margin-top: 15px; }
@media (max-width: 1600px) {
.css-tooltip-right .css-tooltip {
right: 100%;
left: auto;
margin-right: 20px; }
.css-tooltip-right .css-tooltip:before {
left: 100%; }
.css-tooltip-right .css-tooltip:after {
right: -5px;
left: auto;
-webkit-box-shadow: 2px 1px 2px 0 rgba(179, 176, 176, 0.17);
box-shadow: 2px 1px 2px 0 rgba(179, 176, 176, 0.17); } }
#whb-header-builder > .xts-notice {
animation: wd-fadeIn .6s ease both;
animation-delay: 3.5s; }
.whb-header-builder textarea {
min-height: 100px;
width: 100%; }
.whb-header-builder .wp-switch-editor {
height: auto; }
.wd-box .whb-header-builder {
min-height: 400px; }
.wd-box .whb-header-builder * {
box-sizing: content-box; }
.wd-box .whb-popup * {
box-sizing: border-box; }
.wd-box .whb-editor-field .whb-editor-field {
padding-right: 0 !important;
padding-left: 0 !important; }
.wd-box .whb-editor-field .whb-editor-field .whb-editor-field-inner,
.wd-box .whb-editor-field .whb-editor-field .whb-editor-field-inner .whb-editor-field-inner {
padding-bottom: 0 !important;
border: none 0 !important; }
.wd-box .whb-editor-field label {
margin-top: 0; }
.wd-box .whb-header-name input {
padding-top: 0 !important;
padding-bottom: 0 !important;
border-radius: 0 !important;
color: #3C434A;
font-weight: 600;
font-size: 16px; }
.whb-popup .whb-elements-add > input,
.whb-popup .whb-elements-add .xts-notice {
max-width: calc(100% - 10px) !important; }
.whb-popup .whb-elements-add > input {
display: block;
margin: 0 auto 10px auto !important; }
.whb-popup .whb-elements-add .xts-notice {
margin: 0 auto;
width: 100%; }
.whb-popup .xts-row {
margin-right: -15px;
margin-left: -15px; }
.whb-popup .xts-row [class*="xts-col"] {
padding-right: 15px;
padding-left: 15px; }
.whb-popup .whb-edit-tabs .whb-tabs-title {
animation: wd-fadeIn .6s ease both; }
.whb-popup .whb-editor-field {
animation: wd-fadeIn .6s ease both; }
.whb-popup .whb-editor-field:not(:last-child) .whb-editor-field-inner {
padding-bottom: 20px;
border-bottom: 1px dashed #D6D6D6; }
.whb-popup h3 {
margin-top: 0; }
.whb-popup .whb-editor-field {
padding-bottom: 0 !important;
border: none !important; }
.whb-popup .whb-background-option {
margin-top: 0 !important; }
.whb-popup .whb-background-option .whb-editor-field-inner {
padding-bottom: 0 !important;
border: none !important; }
.whb-popup .whb-background-option .xts-col {
padding-right: 0 !important;
padding-left: 0 !important; }
.whb-popup .xts-notice {
margin-right: 15px;
margin-left: 15px;
padding: 0 !important; }
.whb-popup .xts-notice .whb-editor-field-inner {
padding: 15px !important;
border-bottom: none !important; }
.whb-popup .whb-selector-field .whb-image-option.whb-active-option {
overflow: visible; }
.whb-popup .whb-selector-field .whb-image-option.whb-active-option img {
border-radius: 2px;
box-shadow: 0px 0px 0px 2px rgba(168, 209, 77, 0.8); }
.whb-popup .whb-selector-field.whb-selector-flex_layout .whb-selector-option {
overflow: hidden; }
.xts-setup-wizard-wrap {
display: flex !important;
align-items: center;
justify-content: center;
min-height: calc(100vh - 32px); }
.xts-setup-wizard {
display: flex;
margin: 0 auto;
min-height: 580px;
width: 1000px;
background-color: #F7F7F7; }
.xts-setup-wizard *,
.xts-setup-wizard *:before,
.xts-setup-wizard *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.xts-setup-wizard img {
max-width: 100%;
height: auto;
vertical-align: middle; }
.xts-setup-wizard a {
outline: none;
box-shadow: none;
text-decoration: none;
transition: all .25s ease; }
.xts-setup-wizard input[type="text"]:disabled {
pointer-events: none; }
.xts-setup-wizard .woodmart-msg > p {
margin-top: 0;
margin-bottom: 30px; }
.xts-setup-wizard .wd-builder-notice {
display: none; }
.xts-setup-wizard .xts-notice {
font-size: 12px; }
.xts-setup-wizard ::-webkit-scrollbar {
width: 5px; }
.xts-setup-wizard ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05); }
.xts-setup-wizard ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.12); }
.xts-wizard-nav {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 260px;
width: 100%;
background: linear-gradient(180deg, #7cb32b 0%, #68991e 100%);
flex-shrink: 0; }
.xts-wizard-nav ul {
margin: 0;
padding: 60px 45px; }
.xts-wizard-nav ul li {
margin-bottom: 20px;
transition: all .25s ease;
user-select: none; }
.xts-wizard-nav ul li a {
position: relative;
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.8); }
.xts-wizard-nav ul li a:before {
content: "";
display: block;
margin-right: 13px;
margin-left: 1px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #FFF; }
.xts-wizard-nav ul li a:after {
content: "\f15e";
position: absolute;
top: 0;
left: 1px;
width: 20px;
color: #7CB32B;
text-align: center;
font-size: 16px;
font-family: "dashicons";
line-height: 20px; }
.xts-wizard-nav ul li.xts-active {
opacity: 1; }
.xts-wizard-nav ul li.xts-active a {
color: #FFF; }
.xts-wizard-nav ul li.xts-active a:after {
top: 6px;
left: 7px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #7CB32B;
font-size: 0; }
.xts-wizard-nav ul li.xts-active, .xts-wizard-nav ul li.xts-disabled {
pointer-events: none; }
.xts-wizard-nav ul li.xts-disabled {
opacity: .5; }
.xts-wizard-nav ul li.xts-disabled a:before {
margin-top: 1px;
margin-right: 14px;
margin-bottom: 2px;
margin-left: 2px;
width: 17px;
height: 17px; }
.xts-wizard-nav ul li.xts-disabled a:after {
display: none; }
.xts-wizard-nav ul li:hover:not(.xts-disabled) a {
color: #FFF; }
.xts-wizard-nav .xts-wizard-nav-bg-img {
position: absolute;
right: 0;
bottom: 0;
left: 0; }
.xts-wizard-help {
display: flex;
align-items: center;
padding: 0 40px 40px 40px;
color: #FFF;
font-size: 18px; }
.xts-wizard-help:before {
content: "\f14c";
margin-right: 10px;
font-family: "dashicons"; }
.xts-wizard-help:hover, .xts-wizard-help:focus {
color: rgba(255, 255, 255, 0.8); }
.xts-wizard-content {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: space-between;
padding: 60px 60px 40px 60px; }
.xts-wizard-content h3 {
margin-top: 0;
margin-bottom: 25px;
font-size: 26px;
line-height: 1; }
.xts-wizard-content h3 + p {
margin-bottom: 25px; }
.xts-wizard-content p {
color: #A2A2A2; }
.xts-wizard-content .xts-btn {
align-items: center;
padding: 0 20px;
height: 40px;
line-height: 40px; }
.xts-wizard-content .xts-btn.xts-shown {
display: inline-flex; }
.xts-wizard-content .xts-disabled .xts-color-primary,
.xts-wizard-content .xts-color-primary.xts-disabled {
background-color: #EFEFF0 !important;
color: #B9B9B9 !important;
pointer-events: none;
user-select: none; }
.xts-wizard-content .xts-disabled .xts-inline-btn {
opacity: .5; }
.xts-wizard-content .xts-next:after {
content: "\f345";
margin-right: -5px;
margin-left: 5px;
font-weight: 400;
font-family: "dashicons"; }
.xts-wizard-content .xts-prev:before {
content: "\f341";
margin-right: 5px;
margin-left: -5px;
font-weight: 400;
font-family: "dashicons"; }
.xts-wizard-logo {
margin-bottom: 25px;
min-height: 36px;
max-width: 245px;
width: 245px; }
.xts-wizard-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px; }
.xts-wizard-footer.xts-disabled {
pointer-events: none; }
.xts-wizard-footer .xts-btn:not(:first-child),
.xts-wizard-footer .xts-inline-btn:not(:first-child),
.xts-wizard-buttons .xts-btn:not(:first-child),
.xts-wizard-buttons .xts-inline-btn:not(:first-child) {
margin-left: 25px; }
.xts-wizard-footer .xts-inline-btn,
.xts-wizard-buttons .xts-inline-btn {
margin-top: 10px;
margin-bottom: 10px; }
.xts-wizard-welcome p {
max-width: 550px; }
.xts-wizard-content .xts-wizard-signature {
margin-top: 30px;
line-height: 60px; }
.xts-wizard-content .xts-wizard-signature img {
margin-left: 10px;
max-width: 95px; }
.xts-wizard-buttons {
margin-top: 40px; }
.xts-wizard-note {
margin-top: 20px;
margin-bottom: 0;
padding: 20px 25px;
background-color: #F1F1F1;
font-size: 12px; }
.xts-wizard-note.xts-success {
background-color: #E8EEE0;
color: rgba(83, 83, 83, 0.7); }
.xts-wizard-note:not(:last-child) {
margin-bottom: 20px; }
.xts-wizard-child-theme.xts-installed .xts-child-image {
opacity: 1;
transform: none; }
.xts-wizard-child-theme.xts-installed .xts-child-image:before {
opacity: 1; }
.xts-wizard-child-theme.xts-installed + .xts-wizard-footer .xts-skip {
display: none; }
.xts-wizard-child-theme:not(.xts-installed) + .xts-wizard-footer .xts-next {
display: none; }
.xts-theme-images {
display: flex;
align-items: center;
min-height: 115px; }
.xts-theme-images > div {
padding: 3px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #FFF; }
.xts-main-image {
position: relative;
z-index: 5;
max-width: 150px; }
.xts-child-image {
position: relative;
margin-left: 10px;
max-width: 135px;
opacity: 0;
transition: all .4s ease;
transform: translateX(-100%); }
.xts-child-image:before {
content: "\f15e";
position: absolute;
top: -7px;
right: -7px;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #7CB32B;
color: #FFF;
font-size: 17px;
font-family: "dashicons";
opacity: 0;
transition: all .4s ease .4s; }
.xts-install-child-theme.xts-loading:after {
display: inline-block !important;
animation: woodmart_rotate 450ms infinite linear; }
.xts-install-child-theme:after {
display: none !important;
margin-right: -5px;
margin-left: 12px;
content: "";
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid rgba(255, 255, 255, 0.15);
border-left-color: #FFF;
border-radius: 50%;
vertical-align: middle; }
.xts-wizard-child-theme.xts-installed .xts-color-primary {
background-color: #EFEFF0;
color: #B9B9B9;
pointer-events: none;
user-select: none; }
.xts-wizard-builder-select {
display: flex;
margin-top: 40px; }
.xts-wizard-builder-select > div,
.xts-wizard-builder-select > span {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center; }
.xts-wizard-builder-select > div {
flex: 1 1 0%;
padding: 20px;
padding-top: 25px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #FFF;
text-align: center;
cursor: pointer;
transition: all .25s ease; }
.xts-wizard-builder-select > div > * {
opacity: .5;
filter: grayscale(100%);
transition: inherit; }
.xts-wizard-builder-select > div p {
margin-bottom: 0; }
.xts-wizard-builder-select > div.xts-active > * {
opacity: 1;
filter: grayscale(0); }
.xts-wizard-builder-select > div.xts-active, .xts-wizard-builder-select > div:hover {
border-color: #E2E2E2; }
.xts-wizard-builder-select > span {
margin-right: 15px;
margin-left: 15px;
font-weight: 500; }
.xts-page-builder-img {
min-height: 40px; }
.xts-page-builder-title {
margin-top: 15px;
color: #333;
font-weight: 700;
font-size: 16px; }
.xts-wizard-dummy .wd-box {
background-color: transparent;
box-shadow: none; }
.xts-wizard-dummy .xts-btn,
.xts-wizard-dummy .xts-bordered-btn {
padding: 0 10px;
height: 30px;
font-size: 11px;
line-height: 30px; }
.xts-wizard-dummy .wd-import-item-title {
font-size: 13px;
line-height: 15px; }
.xts-wizard-dummy .woodmart-box-header {
padding: 0;
min-height: auto;
border: none;
background-color: transparent; }
.xts-wizard-dummy div.wd-search {
margin-right: 0;
margin-bottom: 20px; }
.xts-wizard-dummy div.wd-search input[type="text"] {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
color: #2C3338;
font-size: 16px; }
.xts-wizard-dummy div.wd-search input[type="text"]:focus {
border-bottom: 2px solid rgba(0, 0, 0, 0.5); }
.xts-wizard-dummy div.wd-search input[type="text"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-wizard-dummy div.wd-search input[type="text"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-wizard-dummy div.wd-search input[type="text"]:-moz-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-wizard-dummy div.wd-search input[type="text"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-wizard-dummy .wd-import-remove {
display: none; }
.xts-wizard-dummy .xts-import-notices:not(.xts-import-remove-notices) {
top: -20px; }
.xts-wizard-dummy .woodmart-box-content {
overflow-x: hidden;
overflow-y: scroll;
padding-bottom: 5px !important;
min-height: 400px;
max-height: 400px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #FFF; }
.xts-wizard-dummy .woodmart-box-footer {
display: none; }
.xts-wizard-dummy .wd-import-item {
flex-basis: 33.333333%;
max-width: 33.333333%; }
.xts-wizard-dummy .wd-import-item:not(.wd-loading-item):hover .wd-import-item-image {
box-shadow: #DEDEDE 0 0 10px; }
.xts-wizard-dummy .wd-import-item-image {
box-shadow: #DEDEDE 0 0 5px; }
.xts-wizard-dummy.imported-base + .xts-wizard-footer .xts-skip {
display: none; }
.xts-wizard-dummy:not(.imported-base) + .xts-wizard-footer .xts-next {
display: none; }
@media (min-width: 1200px) {
.xts-wizard-dummy .woodmart-box-header {
justify-content: flex-end; }
.xts-wizard-dummy .woodmart-box-header > div {
margin-top: -60px; } }
.xts-wizard-content-inner.xts-wizard-done {
display: none;
flex-direction: column;
justify-content: center;
height: 100%; }
.xts-wizard-content-inner.xts-wizard-done > p {
margin-top: 0; }
.xts-wizard-content-inner.xts-wizard-done .xts-wizard-buttons {
margin-top: 10px; }
.xts-setup-wizard.xts-done .xts-wizard-content-inner.xts-wizard-dummy,
.xts-setup-wizard.xts-done .xts-wizard-content-inner.xts-wizard-dummy + .xts-wizard-footer {
display: none; }
.xts-setup-wizard.xts-done .xts-wizard-content-inner.xts-wizard-done {
display: flex; }
.xts-setup-wizard.xts-done .xts-wizard-done-nav {
display: block; }
.xts-setup-wizard.xts-done .xts-wizard-nav > ul,
.xts-setup-wizard.xts-done .xts-wizard-nav .xts-wizard-help {
display: none; }
.xts-wizard-done-nav {
display: none;
margin-top: 50px;
margin-right: 15px;
margin-left: 15px;
text-align: center; }
.xts-wizard-done-nav h3 {
color: #FFF;
font-size: 22px; }
.xts-wizard-done-nav p {
margin: 0 auto;
max-width: 210px;
color: rgba(255, 255, 255, 0.8);
font-size: 16px; }
.xts-wizard-done-nav-img {
min-height: 140px; }
@media (max-width: 1024px) {
.xts-wizard-nav {
max-width: 200px; }
.xts-wizard-nav ul {
padding: 45px 25px; }
.xts-wizard-help {
padding-right: 20px;
padding-left: 20px; } }
.rtl .xts-wizard-nav ul li a:before {
margin-right: 1px;
margin-left: 13px; }
.rtl .xts-wizard-nav ul li a:after {
right: 1px;
left: auto; }
.rtl .xts-wizard-nav ul li.xts-active a:after {
right: 7px;
left: auto; }
.rtl .xts-wizard-nav ul li.xts-disabled a:before {
margin-right: 2px;
margin-left: 14px; }
.rtl .xts-wizard-help:before {
margin-right: 0;
margin-left: 10px; }
.rtl .xts-wizard-content .xts-next:after {
content: "\f341";
margin-right: 5px;
margin-left: -5px; }
.rtl .xts-wizard-content .xts-prev:before {
content: "\f345";
margin-right: -5px;
margin-left: 5px; }
.rtl .xts-wizard-footer .xts-btn:not(:first-child),
.rtl .xts-wizard-footer .xts-inline-btn:not(:first-child),
.rtl .xts-wizard-buttons .xts-btn:not(:first-child),
.rtl .xts-wizard-buttons .xts-inline-btn:not(:first-child) {
margin-right: 25px;
margin-left: 0; }
.rtl .xts-wizard-content .xts-wizard-signature img {
margin-right: 10px;
margin-left: 0; }
.rtl .xts-child-image {
margin-right: 10px;
margin-left: 0;
transform: translateX(100%); }
.rtl .xts-child-image:before {
right: auto;
left: -7px; }
.rtl .xts-install-child-theme:after {
margin-right: 12px;
margin-left: -5px; }
.wd-import > .woodmart-box-header {
position: sticky;
top: 32px;
z-index: 60; }
.wd-import .woodmart-box-header-col-left {
display: flex;
flex-wrap: wrap; }
.wd-import .woodmart-box-content {
padding-bottom: 0; }
.wd-import .wd-import-cats-item:not(.xts-active) {
background-color: #2C2C2C;
color: #FFF; }
.wd-import .wd-import-cats-item:not(.xts-active):hover {
background-color: #3E3E3E;
color: #FFF; }
.wd-import-cats {
transform: translate3d(0px, 0px, 0px); }
.wd-import-cats, .wd-import-search {
margin-right: 20px; }
.rtl .wd-import-cats,
.rtl .wd-import-search {
margin-right: 0;
margin-left: 20px; }
.xts-import-notices {
z-index: 30;
overflow: hidden;
margin-top: -20px;
margin-right: -20px;
margin-bottom: 20px;
margin-left: -20px; }
.xts-import-notices:not(.xts-import-remove-notices) {
position: sticky;
top: 112px; }
.xts-import-notices .xts-notice {
padding-right: 20px;
padding-left: 20px;
border-bottom: 1px solid;
border-radius: 0;
margin-bottom: 0; }
.xts-import-notices .xts-notice.xts-info {
border-color: rgba(30, 96, 155, 0.08); }
.xts-import-notices .xts-notice.xts-success {
border-color: rgba(70, 136, 71, 0.08); }
.xts-import-notices .xts-notice.xts-warning {
border-color: rgba(185, 132, 14, 0.08); }
.xts-import-notices .xts-notice.xts-error {
border-color: rgba(177, 45, 45, 0.08); }
.xts-import-notices .xts-notice + .xts-notice {
margin-top: -20px; }
.xts-import-notices:empty {
display: none; }
.wd-import-items {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
min-height: 186px; }
.wd-import-items.xts-loading {
pointer-events: none;
user-select: none; }
.wd-import-items.xts-disabled .wd-import-item {
opacity: .7;
pointer-events: none;
user-select: none; }
.wd-import-item {
position: relative;
flex-basis: 16.66666666666667%;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
max-width: 16.66666666666667%;
transition: all .25s ease; }
.wd-import-item:not(.wd-active), .wd-import-item.wd-search-hide {
display: none; }
.xts-loading .wd-import-item:not(.wd-loading-item) {
opacity: .6; }
.wd-import-item:not(.wd-loading-item):hover .wd-import-item-image {
box-shadow: #BDBDBD 0 0 15px;
transform: scale(1.02) translateZ(0); }
.wd-import-item:not(.wd-loading-item):hover .wd-import-item-preview {
visibility: visible;
opacity: 1;
transform: translateY(-50%) translateX(-50%) translateZ(0); }
.wd-import-item.wd-installed .wd-import-item-image:before {
background-color: rgba(0, 0, 0, 0.2); }
.wd-import-item:hover .wd-import-item-image:before {
background-color: rgba(0, 0, 0, 0.3); }
.wd-import-item.wd-loading-item .wd-import-item-image:before {
background-color: rgba(0, 0, 0, 0.4); }
.wd-import-item:hover .wd-import-item-image:before, .wd-import-item.wd-installed .wd-import-item-image:before, .wd-import-item.wd-loading-item .wd-import-item-image:before {
visibility: visible;
opacity: 1; }
.wd-import-item-image-wrap {
position: relative;
flex-grow: 1;
margin-bottom: 10px;
width: 100%;
transition: inherit;
user-select: none; }
.wd-import-item-image-wrap .wd-import-item-preview {
top: 50%;
left: 50%;
z-index: 10;
transform: translateY(-50%) translateX(-50%); }
.wd-import-item-image-wrap .wd-import-item-preview:before {
content: "\f504";
font-size: 110%; }
.wd-import-item-image-wrap .wd-import-item-preview,
.wd-import-item-image-wrap .wd-import-item-image:before {
position: absolute;
visibility: hidden;
opacity: 0; }
.rtl .wd-import-item-image-wrap .wd-import-item-preview:before {
margin-right: 0;
margin-left: 5px; }
.wd-import-item .woodmart-box-labels {
position: absolute;
right: 5px;
bottom: 5px;
z-index: 20;
display: flex;
visibility: hidden;
opacity: 0;
transition: inherit; }
.wd-import-item .woodmart-box-label {
margin-left: 5px;
padding: 2px 5px;
font-size: 10px; }
.wd-import-item .woodmart-box-label:before {
vertical-align: middle;
font-size: 13px;
font-family: "dashicons"; }
.wd-import-item .woodmart-label-warning:before {
content: "\f15e"; }
.wd-import-item .woodmart-label-default {
background-color: #F1F1F1;
color: #333; }
.wd-import-item .woodmart-label-default:before {
content: "\f227"; }
.wd-import-item.wd-imported .woodmart-label-default, .wd-import-item:not(.wd-imported) .woodmart-label-warning {
display: none; }
.wd-import-item:not(.wd-loading-item):not(:hover) .woodmart-box-labels {
visibility: visible;
opacity: 1; }
.wd-import-item-footer {
display: flex;
align-items: center;
justify-content: space-between; }
.wd-import-item-btn {
position: relative;
padding-left: 13px; }
.wd-import-item-btn.xts-color-alt:before {
content: "\f12a"; }
.wd-import-item-btn.xts-color-primary:before {
content: "\f316";
margin-bottom: -1px; }
.wd-import-item-btn:before {
content: "\f316";
margin-right: 5px;
vertical-align: middle;
font-weight: 400;
font-size: 14px;
font-family: "dashicons";
transition: inherit; }
.wd-import-item-btn:after {
content: "";
position: absolute;
top: calc(50% - 6px);
left: 11px;
opacity: 0;
transition: inherit;
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid rgba(255, 255, 255, 0.15);
border-left-color: #FFF;
border-radius: 50%;
vertical-align: middle; }
.wd-loading-item .wd-import-item-btn:after {
opacity: 1;
animation: woodmart_rotate 450ms infinite linear; }
.wd-loading-item .wd-import-item-btn:before {
opacity: 0; }
.rtl .wd-import-item-btn {
padding-right: 13px;
padding-left: 15px; }
.rtl .wd-import-item-btn:after {
right: 11px;
left: auto; }
.rtl .wd-import-item-btn:before {
margin-right: 0;
margin-left: 5px; }
.wd-import-item:not(.wd-imported) .wd-import-item-btn.xts-color-alt {
display: none; }
.wd-import-item[data-type="version"].wd-imported .wd-import-item-btn.xts-color-primary {
display: none; }
.wd-import-item[data-type="page"] .wd-import-item-btn.xts-color-alt, .wd-import-item[data-type="element"] .wd-import-item-btn.xts-color-alt {
display: none; }
.wd-view-item-btn {
display: none;
padding-left: 13px; }
.wd-view-page .wd-view-item-btn {
display: inline-flex; }
.wd-view-item-btn:before {
content: "\f115";
margin-right: 5px;
vertical-align: middle;
font-weight: 400;
font-size: 14px;
font-family: "dashicons"; }
.rtl .wd-view-item-btn {
padding-right: 13px;
padding-left: 15px; }
.rtl .wd-view-item-btn:before {
margin-right: 0;
margin-left: 5px; }
.wd-view-page .wd-import-item-btn {
display: none; }
.wd-import-item-image {
padding-top: 66.5%;
box-shadow: #DEDEDE 0 0 10px;
transition: inherit;
transform: scale(1) translateZ(0);
will-change: transform;
image-rendering: -webkit-optimize-contrast;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px; }
.wd-import-item-image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
width: 100%;
height: 100%;
height: auto;
vertical-align: middle;
transition: all .25s ease;
object-fit: cover;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px; }
.wd-import-item-image:before {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
transition: inherit; }
[class*="wd-import-progress"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0; }
.wd-loading-item [class*="wd-import-progress"] {
visibility: visible;
opacity: 1; }
.wd-import-progress-bar {
top: auto;
z-index: 2;
width: 0%;
height: 6px;
background: linear-gradient(270deg, #83B735, #9ED625);
background-size: 400% 400%; }
.wd-loading-item .wd-import-progress-bar {
opacity: .9; }
.wd-import-progress-bar-percent {
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-weight: 600;
font-size: 24px; }
.wd-import-item-title {
flex-grow: 1;
margin-right: 8px;
color: #242424;
font-weight: 600;
font-size: 16px;
line-height: 17px; }
.rtl .wd-import-item-title {
margin-right: 0;
margin-left: 8px; }
.wd-import-remove .xts-popup-inner {
max-width: 640px; }
.wd-import-remove .xts-popup-actions {
min-height: 80px;
border-top: 1px solid #FDE1DE;
background-color: #FEECEA; }
.wd-import-remove-form-wrap {
display: flex;
align-items: flex-start; }
.wd-import-remove-form {
display: flex;
flex-basis: 55%;
flex-wrap: wrap;
transition: .3s all ease;
flex-shrink: 0; }
.wd-import-remove-form > .wd-import-remove-items {
margin-top: 5px;
margin-bottom: 5px;
width: 50%;
font-weight: 600; }
.wd-import-remove-form > .wd-import-remove-items span {
color: #ABABAB; }
.xts-loading .wd-import-remove-form {
opacity: .4;
pointer-events: none; }
.wd-import-select-btns {
margin-bottom: 15px;
width: 100%; }
.wd-import-select-btns > button {
margin-inline-end: 10px; }
.wd-import-select-btns > button:before {
color: #ABABAB; }
.wd-import-remove-img {
flex-grow: 1;
flex-basis: 45%;
margin-top: 13px;
text-align: center;
transition: .3s all ease; }
.wd-import-remove-img img {
max-width: 100%; }
.xts-loading .wd-import-remove-img {
opacity: .4;
pointer-events: none; }
.wd-import-remove-btn, .wd-import-remove-opener {
padding-left: 13px; }
.rtl .wd-import-remove-btn,
.rtl .wd-import-remove-opener {
padding-right: 13px;
padding-left: 15px; }
.rtl .wd-import-remove-btn:before,
.rtl .wd-import-remove-opener:before {
margin-right: 0;
margin-left: 3px; }
.wd-import-remove-opener {
visibility: hidden; }
.wd-has-data .wd-import-remove-opener {
visibility: visible; }
.wd-import-remove-btn.xts-disabled {
opacity: .6;
pointer-events: none; }
.wd-import-remove-alert {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: 20px;
min-height: 95px; }
.wd-import-remove-alert p {
margin: 0 20px 0 0;
color: #D93F32; }
.rtl .wd-import-remove-alert p {
margin: 0 0 0 20px; }
@media (max-width: 1500px) {
.wd-import-item {
flex-grow: 1;
flex-basis: 250px;
max-width: 300px; } }
.widget-content input[type="checkbox"] + label {
margin-bottom: 0; }
.widget-content label {
display: inline-block;
margin-bottom: 4px; }
.widget-content > .wd-widget-field {
margin-top: 8px;
margin-bottom: 8px; }
.widget-content > .wd-widget-field .description {
padding: 2px 0 0 0 !important;
font-size: 12px; }
.widget-content .select2 {
max-width: 100% !important; }
.widget-content .select2.select2-container--xts {
margin-bottom: 0; }
.widget-content .select2.select2-container--xts .select2-selection {
border-color: #8C8F94 !important; }
.wd-widget-field.wd-type-checkbox {
display: flex;
align-items: center;
margin-top: 12px;
margin-bottom: 12px; }
.wd-widget-field.wd-type-checkbox label {
margin-bottom: 1px;
margin-inline-end: 9px; }
.wd-widget-field.wd-type-checkbox label:after {
display: none; }
.wd-widget-field.wd-type-checkbox input[type*=checkbox] {
margin: 0; }
.xts-patches-notice .xts-success {
margin-bottom: 15px; }
.xts-patches-wrapper {
overflow-x: auto; }
.xts-patch-title-wrapper {
text-transform: uppercase;
font-weight: 700; }
.xts-patch-item {
display: flex;
align-items: center;
padding: 10px 15px;
min-width: 700px; }
.xts-patch-item > div {
width: 100%; }
.xts-patch-item > div:not(:last-child) {
margin-right: 15px; }
.xts-patch-item:nth-child(even) {
background-color: #F5F5F5; }
.xts-patch-item.xts-applied .xts-patch-apply {
display: none; }
.xts-patch-item.xts-applied .xts-patch-label-applied {
display: inline-flex; }
.xts-patch-label-applied {
display: none;
align-items: center;
min-height: 35px;
vertical-align: middle;
text-transform: uppercase;
font-weight: 600;
font-size: 12px; }
.xts-patch-label-applied:before {
content: "\f15e";
color: #7CB32B;
font-size: 20px;
font-family: dashicons;
margin-inline-end: 2px; }
.xts-patch-description {
flex-grow: 1; }
.xts-patch-description p {
margin-top: 0; }
.xts-patch-description p:last-child {
margin-bottom: 0; }
.xts-patch-date {
max-width: 120px;
flex-shrink: 0; }
.xts-patch-id {
max-width: 90px;
font-weight: 700; }
.xts-patch-button-wrapper {
max-width: 100px;
text-align: right; }
.components-panel .components-select-control {
height: auto !important; }
.xts-plugins ul {
overflow: auto;
margin: 0; }
.xts-plugins ul li {
margin-bottom: 0; }
.xts-plugins.xts-all-active + .xts-wizard-footer .xts-wizard-all-plugins {
display: none; }
.xts-plugin-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 60px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #FFF;
transition: all .25s ease; }
.xts-plugin-wrapper .xts-plugin-img {
min-width: 58px;
text-align: center;
transition: all .25s ease; }
.xts-plugin-wrapper .xts-plugin-img img {
max-width: 32px; }
.xts-plugin-wrapper:before {
position: absolute;
top: 20px;
inset-inline-start: 20px;
z-index: 1;
opacity: 0;
transition: inherit;
content: "";
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #BBB;
border-left-color: #000;
border-radius: 50%;
vertical-align: middle; }
.xts-plugin-wrapper.xts-loading {
pointer-events: none; }
.xts-plugin-wrapper.xts-loading .xts-plugin-img {
opacity: .09; }
.xts-plugin-wrapper.xts-loading .xts-plugin-btn-wrapper {
opacity: .8; }
.xts-plugin-wrapper.xts-loading:before {
opacity: 1;
animation: woodmart_rotate 450ms infinite linear; }
.xts-plugin-wrapper.xts-disabled {
opacity: .6;
pointer-events: none; }
.xts-plugin-heading {
display: flex;
flex-grow: 0;
align-items: center;
flex-shrink: 0; }
.xts-plugin-name {
color: #242424;
font-weight: 600; }
.xts-plugin-version,
.xts-plugin-required {
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px; }
.xts-plugin-version span,
.xts-plugin-required span {
padding: 0 8px;
border-radius: 20px;
font-weight: 600;
font-size: 10px;
line-height: 20px; }
.xts-plugin-version span {
background-color: #F2F2F2;
color: rgba(0, 0, 0, 0.4); }
.xts-plugin-required {
flex-grow: 1; }
.xts-plugin-required span {
background-color: #FDEBEA;
color: #ED3C2D; }
.xts-plugin-required-dot {
display: none; }
.xts-plugin-btn-wrapper {
text-align: center; }
.xts-plugin-btn-text {
display: inline-block;
font-weight: 600;
font-size: 12px;
line-height: 1.2; }
.xts-plugin-response .xts-notice {
margin-bottom: 20px; }
.xts-plugin-description {
display: none;
margin-bottom: 15px; }
.xts-btn.xts-update {
background-color: transparent; }
.xts-wizard-content .xts-plugins ul {
max-height: 450px; }
.xts-wizard-content .xts-plugin-wrapper:not(:last-child) {
margin-bottom: 5px; }
.xts-wizard-content .xts-plugin-heading {
flex-basis: 215px; }
.xts-wizard-content .xts-plugin-version {
flex-basis: 160px; }
.xts-wizard-content .xts-plugin-btn-wrapper {
flex-basis: 100px;
margin: 0 5px; }
.xts-plugins-tab ul {
display: flex;
flex-wrap: wrap;
gap: 15px; }
.xts-plugins-tab .xts-plugin-wrapper {
flex-grow: 1;
flex-basis: 200px;
flex-direction: column;
padding: 25px 10px;
text-align: center; }
.xts-plugins-tab .xts-plugin-wrapper:before {
top: 30px;
inset-inline-start: calc(50% - 10px); }
.xts-plugins-tab .xts-plugin-heading {
flex-direction: column;
margin-bottom: 15px; }
.xts-plugins-tab .xts-plugin-img {
margin-bottom: 10px; }
.xts-plugins-tab .xts-plugin-required {
position: absolute;
top: 20px;
inset-inline-start: 10px; }
.xts-plugins-tab .xts-plugin-required span {
transition: all .3s; }
.xts-plugins-tab .xts-plugin-required-text {
font-size: 9px; }
.xts-plugins-tab .xts-plugin-version {
position: absolute;
top: 20px;
inset-inline-end: 10px;
margin-bottom: 10px; }
.xts-plugins-tab .xts-plugin-version span {
font-size: 9px; }
.xts-plugins-tab .xts-plugin-btn-wrapper {
margin-top: auto;
margin-right: -5px;
margin-bottom: -5px;
margin-left: -5px; }
.xts-plugins-tab .xts-plugin-btn-wrapper > a {
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px; }
.xts-plugins-tab .xts-wizard-footer {
margin-top: 0; }
.xts-plugins-tab .xts-wizard-all-plugins {
margin-top: 20px; }
/*======================================================
= Menu custom fields =
======================================================*/
.nmi-item-custom-fields {
display: none;
clear: both;
overflow: hidden;
padding: 0; }
.nmi-item-custom-fields h4 {
margin: 20px 0 10px; }
.nmi-div {
clear: both;
overflow: hidden;
color: #A6A6A6; }
.nmi-div a {
display: inline-block;
text-decoration: none; }
.nmi-div a:hover {
text-decoration: underline; }
.nmi-upload-link {
margin-bottom: 5px; }
.menu-item > *,
.menu-item .nmi-item-custom-fields > * {
animation: wd-fadeInTooltip .4s ease; }
.menu-item label input,
.menu-item label select,
.menu-item label textarea {
margin-top: 5px; }
.menu-item span.description {
font-size: 12px;
opacity: .8; }
.menu-item .description-wide {
margin-bottom: 5px; }
.menu-item .xts-add-block-link,
.menu-item .xts-edit-block-link {
margin-top: 5px; }
.menu-item:not(.menu-item-depth-0):not(.menu-item-depth-1) .nmi-dropdown-title,
.menu-item:not(.menu-item-depth-0):not(.menu-item-depth-1) .nmi-block,
.menu-item:not(.menu-item-depth-0):not(.menu-item-depth-1) .nmi-dropdown-ajax,
.menu-item:not(.menu-item-depth-0):not(.menu-item-depth-1) .nmi-color-scheme {
display: none !important; }
.menu-item:not(.menu-item-depth-0) .nmi-design,
.menu-item:not(.menu-item-depth-0) .nmi-event {
display: none !important; }
.menu-item .nmi-style-aside {
display: none; }
.menu-item .nmi-icon {
margin-top: 5px; }
.menu-item .nmi-icon .description {
display: block;
margin-top: 4px; }
.menu-item .nmi-icon .description code {
padding: 2px 5px;
font-size: 12px; }
.menu-item.wd-design-default.menu-item-depth-0 .nmi-block,
.menu-item.wd-design-default.menu-item-depth-0 .nmi-dropdown-ajax {
display: none !important; }
.menu-item.wd-design-aside .nmi-block,
.menu-item.wd-design-aside .nmi-dropdown-ajax {
display: none !important; }
.menu-item.wd-design-aside .nmi-height {
width: 100%; }
.menu-item.wd-design-aside .nmi-height,
.menu-item.wd-design-aside .nmi-style-aside {
display: block !important; }
.xts-bg-source {
display: flex; }
.xts-bg-source .xts-upload-preview img {
max-height: 35px;
max-width: 100%;
margin-bottom: 0 !important; }
.xts-bg-source .wp-picker-container,
.xts-bg-source .xts-upload-preview {
margin-bottom: 0; }
.xts-bg-source .xts-bg-image {
margin-left: 6px;
margin-right: 6px; }
.xts-bg-image-options {
display: flex;
flex-wrap: wrap;
margin-bottom: -12px; }
.xts-bg-image-options select,
.xts-bg-image-options .select2 {
margin-right: 12px;
margin-bottom: 12px;
min-width: calc(50% - 12px);
width: auto !important; }
.rtl .xts-bg-image-options select,
.rtl .xts-bg-image-options .select2 {
margin-right: 0;
margin-left: 12px; }
.xts-bg-preview {
border-radius: 4px;
border: 1px solid #e7e7e7; }
.xts-bg-preview:not([style]) {
display: none; }
.xts-switcher-btns {
display: flex; }
.xts-switcher-btn.xts-switcher-active {
color: #FFF;
cursor: default;
user-select: none; }
.xts-switcher-off.xts-switcher-active {
background-color: #B1B1B0; }
.xts-btns-set {
display: flex; }
.xts-btns-set .xts-active:not(.xts-set-btn-img) {
cursor: default;
user-select: none; }
.xts-html-block-switch {
margin-bottom: 0; }
.xts-html-block-switch > div {
border-bottom: 0; }
.xts-html-block-switch + div .xts-option-title,
.xts-html-block-switch + div + div .xts-option-title {
flex-basis: 0;
padding: 0;
border: 0; }
.xts-html-block-switch + div .xts-option-title label span,
.xts-html-block-switch + div + div .xts-option-title label span {
display: none; }
.xts-html-block-switch + div .xts-option-title label,
.xts-html-block-switch + div .xts-option-title label .xts-inherit-checkbox-wrapper,
.xts-html-block-switch + div + div .xts-option-title label,
.xts-html-block-switch + div + div .xts-option-title label .xts-inherit-checkbox-wrapper {
margin-bottom: 0; }
.xts-edit-block-link,
.xts-add-block-link {
display: block; }
.xts-edit-block-link:focus,
.xts-add-block-link:focus {
outline: none;
box-shadow: none; }
.xts-options .CodeMirror {
border-color: #e7e7e7;
border-radius: 4px;
border-width: 1px;
border-style: solid;
transition: .2s border-color ease-in-out; }
.xts-options .CodeMirror:hover {
border-color: lightgray; }
.xts-options .CodeMirror.CodeMirror-focused {
border-color: #4D93D1; }
.xts-options .CodeMirror-activeline-background {
background-color: rgba(77, 147, 209, 0.1); }
.xts-custom_css-field,
.xts-css_desktop-field,
.xts-css_tablet-field,
.xts-css_wide_mobile-field,
.xts-css_mobile-field,
.xts-custom_js-field,
.xts-js_ready-field {
flex-wrap: wrap; }
.xts-custom_css-field .xts-option-title,
.xts-css_desktop-field .xts-option-title,
.xts-css_tablet-field .xts-option-title,
.xts-css_wide_mobile-field .xts-option-title,
.xts-css_mobile-field .xts-option-title,
.xts-custom_js-field .xts-option-title,
.xts-js_ready-field .xts-option-title {
border-bottom: none !important;
padding-bottom: 0; }
.xts-options .wp-color-result.button {
position: relative;
padding-inline-start: 35px !important;
height: 35px;
border: none;
border-radius: 4px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15); }
.xts-options .wp-color-result:active {
background: none; }
.xts-options .wp-color-result:hover .wp-color-result-text {
background-color: #dddddf; }
.xts-options .wp-picker-container {
display: inline-block; }
.xts-options .wp-picker-container .iris-picker {
border-radius: 4px;
border: none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.xts-options .wp-color-result-text {
margin-right: -1px;
padding: 0 10px;
border: none;
border-radius: 0 4px 4px 0; }
.xts-options .color-alpha {
width: 35px !important;
height: 35px !important;
border: 1px solid #eeeeee;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.xts-options .wp-picker-input-wrap label {
display: inline-block; }
.xts-options .wp-picker-input-wrap input[type=text] {
width: 4rem !important; }
.xts-options .wp-picker-input-wrap .button {
margin-left: 12px;
border: none;
border-radius: 4px;
transform: none; }
.rtl .xts-options .wp-color-result-text {
margin-right: 0;
margin-left: -1px;
border-radius: 4px 0 0 4px; }
.rtl .xts-options .color-alpha {
right: 0 !important;
left: auto !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 0 !important; }
.rtl .xts-options .wp-picker-input-wrap .button {
margin-right: 12px;
margin-left: 0; }
.xts-color-control > input[type="text"],
.xts-bg-color > input[type="text"] {
width: 135px;
height: 35px;
opacity: 0; }
.xts-dashboard select,
.xts-dashboard textarea,
.xts-dashboard input[type="text"],
.xts-dashboard input[type="number"],
.xts-metaboxes select,
.xts-metaboxes textarea,
.xts-metaboxes input[type="text"],
.xts-metaboxes input[type="number"],
.xts-setup-wizard select,
.xts-setup-wizard textarea,
.xts-setup-wizard input[type="text"],
.xts-setup-wizard input[type="number"],
div.vc_ui-panel-content select,
div.vc_ui-panel-content textarea,
div.vc_ui-panel-content input[type="text"],
div.vc_ui-panel-content input[type="number"],
.whb-popup select,
.whb-popup textarea,
.whb-popup input[type="text"],
.whb-popup input[type="number"] {
outline: none;
border-color: #e7e7e7;
border-radius: 4px;
box-shadow: none;
transition: .2s border-color ease-in-out; }
.xts-dashboard select:hover,
.xts-dashboard textarea:hover,
.xts-dashboard input[type="text"]:hover,
.xts-dashboard input[type="number"]:hover,
.xts-metaboxes select:hover,
.xts-metaboxes textarea:hover,
.xts-metaboxes input[type="text"]:hover,
.xts-metaboxes input[type="number"]:hover,
.xts-setup-wizard select:hover,
.xts-setup-wizard textarea:hover,
.xts-setup-wizard input[type="text"]:hover,
.xts-setup-wizard input[type="number"]:hover,
div.vc_ui-panel-content select:hover,
div.vc_ui-panel-content textarea:hover,
div.vc_ui-panel-content input[type="text"]:hover,
div.vc_ui-panel-content input[type="number"]:hover,
.whb-popup select:hover,
.whb-popup textarea:hover,
.whb-popup input[type="text"]:hover,
.whb-popup input[type="number"]:hover {
border-color: lightgray; }
.xts-dashboard select:focus,
.xts-dashboard textarea:focus,
.xts-dashboard input[type="text"]:focus,
.xts-dashboard input[type="number"]:focus,
.xts-metaboxes select:focus,
.xts-metaboxes textarea:focus,
.xts-metaboxes input[type="text"]:focus,
.xts-metaboxes input[type="number"]:focus,
.xts-setup-wizard select:focus,
.xts-setup-wizard textarea:focus,
.xts-setup-wizard input[type="text"]:focus,
.xts-setup-wizard input[type="number"]:focus,
div.vc_ui-panel-content select:focus,
div.vc_ui-panel-content textarea:focus,
div.vc_ui-panel-content input[type="text"]:focus,
div.vc_ui-panel-content input[type="number"]:focus,
.whb-popup select:focus,
.whb-popup textarea:focus,
.whb-popup input[type="text"]:focus,
.whb-popup input[type="number"]:focus {
border-color: #4D93D1;
box-shadow: none; }
.xts-dashboard select:disabled,
.xts-dashboard textarea:disabled,
.xts-dashboard input[type="text"]:disabled,
.xts-dashboard input[type="number"]:disabled,
.xts-metaboxes select:disabled,
.xts-metaboxes textarea:disabled,
.xts-metaboxes input[type="text"]:disabled,
.xts-metaboxes input[type="number"]:disabled,
.xts-setup-wizard select:disabled,
.xts-setup-wizard textarea:disabled,
.xts-setup-wizard input[type="text"]:disabled,
.xts-setup-wizard input[type="number"]:disabled,
div.vc_ui-panel-content select:disabled,
div.vc_ui-panel-content textarea:disabled,
div.vc_ui-panel-content input[type="text"]:disabled,
div.vc_ui-panel-content input[type="number"]:disabled,
.whb-popup select:disabled,
.whb-popup textarea:disabled,
.whb-popup input[type="text"]:disabled,
.whb-popup input[type="number"]:disabled {
pointer-events: none; }
.xts-dashboard select,
.xts-dashboard input[type="text"],
.xts-dashboard input[type="number"],
.xts-metaboxes select,
.xts-metaboxes input[type="text"],
.xts-metaboxes input[type="number"],
.xts-setup-wizard select,
.xts-setup-wizard input[type="text"],
.xts-setup-wizard input[type="number"],
div.vc_ui-panel-content select,
div.vc_ui-panel-content input[type="text"],
div.vc_ui-panel-content input[type="number"],
.whb-popup select,
.whb-popup input[type="text"],
.whb-popup input[type="number"] {
margin: 0;
height: 35px;
line-height: 1; }
.xts-dashboard textarea,
.xts-metaboxes textarea,
.xts-setup-wizard textarea,
div.vc_ui-panel-content textarea,
.whb-popup textarea {
min-height: 150px; }
.xts-dashboard select:hover,
.xts-metaboxes select:hover,
.xts-setup-wizard select:hover,
div.vc_ui-panel-content select:hover,
.whb-popup select:hover {
color: #2C3338; }
.xts-dashboard select[data-value=""],
.xts-metaboxes select[data-value=""],
.xts-setup-wizard select[data-value=""],
div.vc_ui-panel-content select[data-value=""],
.whb-popup select[data-value=""] {
color: rgba(0, 0, 0, 0.4); }
.xts-dashboard select,
.xts-dashboard textarea,
.xts-dashboard input[type="text"],
.xts-dashboard input[type="number"],
.xts-metaboxes select,
.xts-metaboxes textarea,
.xts-metaboxes input[type="text"],
.xts-metaboxes input[type="number"],
.xts-setup-wizard select,
.xts-setup-wizard textarea,
.xts-setup-wizard input[type="text"],
.xts-setup-wizard input[type="number"],
div.vc_ui-panel-content select,
div.vc_ui-panel-content textarea,
div.vc_ui-panel-content input[type="text"],
div.vc_ui-panel-content input[type="number"] {
width: 100%;
padding: 5px 8px; }
.xts-dashboard select,
.xts-dashboard input[type="text"],
.xts-dashboard input[type="number"],
.xts-metaboxes select,
.xts-metaboxes input[type="text"],
.xts-metaboxes input[type="number"],
.xts-setup-wizard select,
.xts-setup-wizard input[type="text"],
.xts-setup-wizard input[type="number"],
div.vc_ui-panel-content select,
div.vc_ui-panel-content input[type="text"],
div.vc_ui-panel-content input[type="number"] {
max-width: 300px; }
.xts-input-append {
display: flex; }
.xts-input-append input[type="number"] {
max-width: 65px;
height: 35px;
border-start-end-radius: 0 !important;
border-end-end-radius: 0 !important; }
.xts-input-append .add-on {
padding-right: 2px;
padding-left: 2px;
width: 30px;
height: 35px;
border: 1px solid #e7e7e7;
border-inline-start: 0;
border-start-end-radius: 4px;
border-end-end-radius: 4px;
background-color: #EFEFF0;
text-align: center;
font-weight: 600;
line-height: 32px; }
.xts-dashboard .xts-insta-form-wrap:not(:first-child) {
margin-top: 10px; }
.xts-dashboard .xts-insta-option {
margin-bottom: 15px; }
.xts-dashboard .xts-insta-message-section {
margin-top: 15px;
max-width: 300px; }
.xts-dashboard .xts-insta-message-section:empty {
display: none; }
.xts-images-set .xts-btns-set {
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
margin-bottom: -12px; }
.xts-set-btn-img {
position: relative;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 12px;
flex-basis: 25%; }
.xts-set-btn-img img {
display: block;
width: 100%;
border-style: solid;
border-width: 3px;
border-color: #e7e7e7;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.xts-set-btn-img span {
display: block;
margin-top: 5px; }
.xts-set-btn-img.xts-active:after {
content: "\f147";
font-family: dashicons;
position: absolute;
display: block;
padding-left: 2px;
padding-top: 1px;
padding-right: 4px;
border-radius: 50%;
background-color: #4D93D1;
top: -5px;
right: 0;
z-index: 15;
color: #FFF;
text-align: center; }
.xts-set-btn-img:hover img {
border-color: #c1c1c1;
cursor: pointer; }
.xts-set-btn-img:active img, .xts-set-btn-img.xts-active img {
border-color: #4D93D1; }
.xts-portoflio_style-field .xts-set-btn-img img, .xts-products_hover-field .xts-set-btn-img img, .xts-categories_design-field .xts-set-btn-img img {
padding: 10px; }
.rtl .xts-set-btn-img.xts-active:after {
left: 0;
right: auto; }
.xts-form_fields_style-field .xts-set-btn-img {
flex-basis: 25%; }
[class*="xts-btns_"] .xts-set-btn-img {
flex-basis: 150px; }
.xts-label_shape-field .xts-set-btn-img, .xts-stock_status_design-field .xts-set-btn-img {
flex-basis: 120px; }
.xts-label_shape-field .xts-set-btn-img span, .xts-stock_status_design-field .xts-set-btn-img span {
font-size: 13px; }
.xts-range-slider {
margin-top: 18px !important;
border: none !important;
border-radius: 4px;
cursor: pointer; }
.xts-range-slider .ui-widget-header {
border-radius: 4px;
background: #4D93D1; }
.xts-range-slider.ui-slider-horizontal {
height: 6px;
background-color: #EFEFF0; }
.xts-range-slider.ui-slider-horizontal .ui-slider-handle {
top: -5px;
width: 16px;
height: 16px;
border-width: 2px;
border-color: #4D93D1;
border-radius: 50%;
background: #FFF;
cursor: pointer;
transition: box-shadow .2s ease; }
.xts-range-slider .ui-slider-handle.ui-state-hover, .xts-range-slider .ui-slider-handle.ui-state-focus {
box-shadow: 0 0 0 2px rgba(77, 147, 209, 0.3); }
.xts-range-slider:empty {
height: 6px; }
.xts-dashboard .xts-range-slider {
max-width: 300px; }
.xts-range-field-value-display {
display: block;
margin-top: 12px; }
.xts-range-field-value-text {
font-weight: 600; }
.xts-range-field-value-text:empty {
display: none; }
.wd-field-devices {
margin-bottom: 15px; }
.wd-sliders {
position: relative; }
.wd-sliders .wd-slider {
display: none;
align-items: center;
animation: wd-fadeInTooltip .5s ease; }
.wd-sliders .wd-slider.xts-active {
display: flex; }
.wd-slider-units {
position: absolute;
top: 0;
right: 0;
display: flex;
text-transform: uppercase;
font-size: 11px; }
.wd-slider-units .wd-slider-unit-control {
min-width: 12px;
text-align: center;
opacity: .6;
cursor: pointer; }
.wd-slider-units .wd-slider-unit-control:not(:last-child) {
margin-inline-end: 3px; }
.wd-slider-units .wd-slider-unit-control.xts-active {
text-decoration: underline;
opacity: 1; }
.rtl .wd-slider-units {
right: auto;
left: 0; }
.wd-slider:first-child .wd-slider-units {
top: -22px; }
.xts-options .wp-editor-container {
border-radius: 4px 0 4px 4px; }
.xts-options .quicktags-toolbar {
border-top-left-radius: 4px; }
.xts-options .wp-media-buttons .button {
height: 30px;
line-height: 30px; }
.xts-options .wp-media-buttons .button:active {
position: static;
margin: 0; }
.xts-options .wp-media-buttons-icon:before {
display: block; }
.xts-options .wp-switch-editor {
border-radius: 4px 4px 0 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.xts-options .mce-top-part::before,
.xts-options .wp-editor-container,
.xts-options .mce-tinymce {
box-shadow: none; }
.xts-options ::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-options ::-moz-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-options :-moz-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-options :-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
.xts-upload-preview {
display: flex;
flex-wrap: wrap; }
.xts-upload-preview img {
display: inline-block;
margin-bottom: 12px;
padding: 5px;
max-width: 160px;
max-height: 160px;
border: 1px solid #e7e7e7;
border-radius: 4px;
object-fit: contain;
background-color: #FBFBFB; }
.xts-upload-preview > div {
position: relative;
margin-right: 5px; }
.xts-upload-preview > div:hover .xts-remove {
opacity: 1; }
.xts-upload-preview .xts-remove {
position: absolute;
top: 8px;
right: 8px;
color: #EE4E41;
text-decoration: none;
opacity: 0; }
.xts-upload-btns {
display: flex;
margin-top: 0 !important; }
.xts-upload-btns .xts-btn:first-child {
margin-right: 6px; }
.rtl .xts-upload-btns .xts-btn:first-child {
margin-right: 0;
margin-left: 6px; }
.xts-remove-upload-btn {
display: none; }
.xts-remove-upload-btn.xts-active {
display: inline-flex; }
.xts-image_dimensions-control {
align-items: flex-end;
flex-wrap: wrap; }
.xts-image_dimensions-control:not(.xts-hidden) {
display: flex; }
.xts-image_dimensions-control label,
.xts-image_dimensions-control .xts-field-description {
width: 100%; }
.xts-image_dimensions-control .xts-image-dimensions-field {
width: 135px; }
.xts-image_dimensions-control .xts-image-dimensions-separator {
margin-bottom: 10px;
width: 30px;
text-align: center; }
.xts-tabs:not(:first-child) {
margin-top: 10px; }
.xts-tabs > div {
padding-bottom: 0 !important; }
.xts-tabs .xts-set-item {
display: flex;
align-items: center;
cursor: pointer;
transition: all .25s ease; }
.xts-tabs .xts-set-item.xts-active {
background-color: transparent; }
.xts-tabs.xts-style-default {
overflow-x: auto;
margin-right: -20px;
margin-left: -20px; }
.xts-tabs.xts-style-default > div:first-child {
padding-inline-start: 20px; }
.xts-tabs.xts-style-default > div:last-child {
padding-inline-end: 20px; }
.xts-tabs.xts-style-default:not(:first-child) {
margin-top: -31px; }
.xts-tabs.xts-style-default:not(:first-child) > div {
background-color: #FFF; }
.xts-tabs.xts-style-default .xts-option-title {
display: flex;
flex-basis: auto;
align-items: center;
text-transform: uppercase;
font-weight: 600; }
.xts-tabs.xts-style-default .xts-option-title label {
margin-bottom: 0;
font-size: 16px; }
.xts-tabs.xts-style-default .xts-btns-set {
margin-bottom: -1px; }
.xts-tabs.xts-style-default .xts-set-item {
padding: 10px 10px;
border: 1px solid var(--xts-option-border-color);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #EFEFF0;
color: #50575E;
white-space: nowrap;
font-weight: 600;
font-size: 13px; }
.xts-tabs.xts-style-default .xts-set-item.xts-active {
border-bottom-color: #FFF;
background-color: transparent;
color: #000; }
.xts-tabs.xts-style-default .xts-set-item:not(.xts-active) {
border-color: #e7e7e7;
border-bottom-color: var(--xts-option-border-color); }
.xts-tabs.xts-style-default .xts-set-item:not(.xts-active):hover {
background-color: #FBFBFB; }
.xts-tabs.xts-style-default .xts-set-item:not(:last-child) {
margin-inline-end: 8px; }
.xts-tabs.xts-style-default .xts-set-item:hover {
color: #333 !important; }
.xts-tab-field {
margin-bottom: 0; }
.xts-tab-field > div {
border-bottom: 0; }
.xts-last-tab-field:after {
content: "";
position: absolute;
right: -5px;
bottom: 0;
left: -5px;
height: 1px;
background-color: var(--xts-option-border-color); }
@media (max-width: 1024px) {
.xts-tabs.xts-style-default .xts-btns-set {
margin-inline-start: 20px; }
.xts-last-tab-field .xts-option-control {
padding-inline-start: 20px; } }
.xts-tabs.xts-style-devices {
position: relative;
z-index: 50;
margin: 0 !important; }
.xts-tabs.xts-style-devices > div {
margin: 0 !important;
border: none !important; }
.xts-tabs.xts-style-devices .xts-option-title {
display: none; }
.xts-tabs.xts-style-devices .xts-btns-set {
margin-bottom: 15px; }
@media (max-width: 1024px) {
.xts-tabs.xts-style-default .xts-btns-set {
margin-left: 20px; }
.xts-last-tab-field .xts-option-control {
padding-left: 20px; }
.rtl .xts-tabs.xts-style-default .xts-btns-set {
margin-right: 20px;
margin-left: 0; }
.rtl .xts-last-tab-field .xts-option-control {
padding-right: 20px;
padding-left: 0; } }
.xts-btn:before,
.xts-bordered-btn:before,
.xts-inline-btn:before {
vertical-align: middle;
font-weight: 400;
font-family: "dashicons";
margin-inline-end: 3px; }
.xts-btn {
outline: none;
border: none;
border-radius: 4px; }
.xts-bordered-btn {
border-radius: 4px; }
.xts-inline-btn {
display: inline-flex;
align-items: center;
padding: 0;
width: auto !important;
border: 0;
background-color: transparent;
box-shadow: none !important;
color: #101010;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
transition: all .2s ease-in-out !important; }
.xts-inline-btn:hover, .xts-inline-btn:focus {
outline: none;
box-shadow: none !important;
color: inherit;
opacity: .8; }
.xts-inline-btn.xts-color-primary {
color: #4D93D1; }
.xts-inline-btn.xts-color-alt {
color: #7CB32B; }
.xts-inline-btn.xts-color-alt:hover {
color: #689624; }
.xts-inline-btn.xts-color-warning {
color: #EE4E41; }
.xts-inline-btn.xts-style-underline {
border-bottom: 2px solid #7CB32B; }
.xts-inline-btn:before {
position: relative;
bottom: -1px; }
.xts-btn.xts-disabled {
opacity: .7;
pointer-events: none; }
.xts-cross-btn {
display: inline-block;
text-decoration: none;
font-size: 0;
line-height: 1; }
.xts-cross-btn:before {
content: "\f335";
color: #AE3535;
font-weight: 400;
font-size: 22px;
font-family: dashicons; }
.xts-cross-btn:hover {
opacity: .7; }
.xts-cross-btn:focus {
outline: none;
box-shadow: none; }
.xts-loader-el, .whb-loading-circle {
position: absolute;
width: 70px;
height: 70px; }
.xts-loader-el:before, .whb-loading-circle:before {
content: "";
display: block;
width: 100%;
height: 100%;
-webkit-animation: woodmart_rotate 1s linear infinite;
animation: woodmart_rotate 1s linear infinite; }
.xts-loader-el:first-child, .whb-loading-circle:first-child {
transform: skew(30deg, 20deg); }
.xts-loader-el:last-child, .whb-loading-circle:last-child {
transform: skew(-30deg, -20deg) scale(-1, 1); }
.xts-loader-el:last-child:before, .whb-loading-circle:last-child:before {
animation-delay: -.5s; }
.xts-loader {
position: absolute;
top: 50%;
left: 50%;
visibility: hidden;
width: 70px;
height: 70px;
opacity: 0;
transition: all .3s ease;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.xts-loading .xts-loader {
visibility: visible;
opacity: 1; }
.xts-loader-el:before {
background-image: url(../images/loader/xts-loader.svg); }
.xts-loader-wrapper {
z-index: 20;
visibility: hidden;
background: rgba(255, 255, 255, 0.8);
opacity: 0;
transition: all .3s ease; }
.xts-loading .xts-loader-wrapper {
visibility: visible;
opacity: 1; }
.wd-box .xts-loader-wrapper {
background: rgba(0, 0, 0, 0.8); }
.wd-box .xts-loader-wrapper .xts-loader {
position: sticky;
top: 50%;
left: 0;
display: flex;
justify-content: center;
width: 100%;
-webkit-transform: none;
transform: none; }
.wd-box .xts-loader-wrapper > p {
position: sticky;
top: calc(50% + 80px);
left: 0;
width: 100%;
color: #FFF;
text-align: center;
font-size: 16px;
-webkit-animation: flickerAnimation 2s infinite;
animation: flickerAnimation 2s infinite; }
.wd-box .xts-loader-wrapper .xts-loader-el:before {
background-image: url(../images/loader/xts-loader-light.svg); }
.whb-loader {
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
margin: -20px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
transition: all .3s ease; }
.whb-loader.whb-loading {
visibility: visible;
opacity: 1; }
.whb-loading-icon {
margin: auto auto 10px;
width: 70px;
height: 70px; }
.whb-loading-circle:before {
background-image: url(../images/loader/xts-loader-light.svg); }
.whb-loading-text {
color: #FFF;
font-size: 16px;
-webkit-animation: flickerAnimation 2s infinite;
animation: flickerAnimation 2s infinite; }
.xts-mega-menu-custom-fields {
display: none;
overflow: hidden;
clear: both;
padding: 0; }
.xts-popup-holder.xts-opened .xts-popup,
.xts-popup-holder.xts-opened .xts-popup-overlay {
visibility: visible;
opacity: 1; }
.xts-popup-holder.xts-opened .xts-popup {
transform: scale(1); }
.xts-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: all .2s ease-in-out;
transform: scale(0.8);
pointer-events: none; }
.xts-popup-inner {
position: relative;
max-width: 650px;
max-height: 90vh;
width: 100%;
background-color: #FFF;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
pointer-events: auto; }
.xts-popup-header {
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 20px;
height: 58px;
background: #222;
color: #FFF;
font-size: 16px; }
.xts-popup-content {
overflow-x: hidden;
overflow-y: auto;
padding: 20px;
max-height: 60vh; }
.xts-popup-actions {
margin: 0;
padding: 20px;
border-top: 1px solid #E3E3E3;
background: #F3F3F3; }
.wd-import-remove .xts-popup-actions {
min-height: 95px; }
.xts-popup-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1400;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.54);
opacity: 0;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.xts-popup-close {
position: absolute;
top: 0;
right: 0;
z-index: 21;
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
outline: none !important;
background: #141414;
box-shadow: none !important;
text-decoration: none;
font-size: 0;
cursor: pointer;
transition: .3s all ease-in-out; }
.xts-popup-close:hover {
background: #000; }
.xts-popup-close:before {
content: "\f158";
color: rgba(255, 255, 255, 0.8);
font-size: 24px;
font-family: "dashicons";
line-height: 58px; }
.xts-loading .xts-popup-close {
opacity: .6;
pointer-events: none; }
.rtl .xts-popup-close {
right: auto;
left: 0; }
.woodmart-hint:hover .woodmart-hint-content {
visibility: visible;
opacity: 1;
-webkit-animation: wd-fadeInTooltip .3s ease;
animation: wd-fadeInTooltip .3s ease; }
.woodmart-with-hint .woodmart-hint {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 10px;
width: 14px;
height: 14px;
outline: none;
border: 1px solid #D4D4D4;
border-radius: 50%;
color: #0473AA;
font-weight: 700;
font-size: 10px;
cursor: help; }
.woodmart-hint-content {
position: absolute;
top: 50%;
z-index: 10;
display: inline-block;
visibility: hidden;
margin-top: -23px;
padding: 15px;
width: 250px;
background-color: #000;
color: #FFF;
font-weight: 400;
font-size: 12px;
line-height: 1.5em;
opacity: 0; }
.woodmart-hint-left .woodmart-hint-content {
left: 100%;
margin-left: 6px; }
.woodmart-hint-left .woodmart-hint-content:before {
left: -3px; }
.woodmart-hint-left .woodmart-hint-content:after {
left: -25px; }
.woodmart-hint-right .woodmart-hint-content {
right: 100%;
margin-right: 6px; }
.woodmart-hint-right .woodmart-hint-content:before {
right: -3px; }
.woodmart-hint-right .woodmart-hint-content:after {
right: -25px; }
.woodmart-hint-top .woodmart-hint-content {
top: auto;
bottom: 100%;
margin-bottom: 6px; }
.woodmart-hint-top .woodmart-hint-content:before {
top: calc(100% - 6px);
left: calc(50% - 5px); }
.woodmart-hint-top .woodmart-hint-content:after {
top: auto;
bottom: -6px;
width: 100%;
height: 25px; }
.woodmart-hint-content:before {
content: '';
position: absolute;
top: 19px;
display: block;
width: 10px;
height: 10px;
background-color: #000;
transform: rotate(-45deg); }
.woodmart-hint-content:after {
content: '';
position: absolute;
top: 0;
display: block;
width: 25px;
height: 100%; }
.select2-container {
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 0;
vertical-align: middle; }
.select2-container .select2-selection--single {
display: block;
box-sizing: border-box;
height: 28px;
cursor: pointer;
-webkit-user-select: none;
user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
overflow: hidden;
padding-right: 20px;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container .select2-selection--multiple {
display: block;
box-sizing: border-box;
min-height: 32px;
cursor: pointer;
-webkit-user-select: none;
user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
margin-top: 5px;
padding: 0;
border: none;
font-size: 100%; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px !important;
padding-left: 30px !important; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-dropdown {
position: absolute;
left: -100000px;
z-index: 1051;
display: block;
box-sizing: border-box;
width: 100%;
border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
border-radius: 4px;
background-color: #FFF; }
.select2-results {
display: block; }
.select2-results__options {
margin: 0;
padding: 0;
list-style: none; }
.select2-results__option {
padding: 6px;
-webkit-user-select: none;
user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-results__option[aria-selected="true"] {
background-color: #4D93D1;
color: #FFF; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
box-sizing: border-box;
padding: 4px;
width: 100%; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: block;
margin: 0;
padding: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
border: 0;
background-color: #FFF;
opacity: 0;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
position: absolute !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
white-space: nowrap !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important; }
.select2-container--default .select2-selection--single {
border: 1px solid #AAA;
border-radius: 4px;
background-color: #FFF; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
float: right;
font-weight: 700;
cursor: pointer; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 26px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
margin-top: -2px;
margin-left: -4px;
width: 0;
height: 0;
border-width: 5px 4px 0 4px;
border-style: solid;
border-color: #888 transparent transparent transparent; }
.select2-container--default.select2-container--disabled {
background-color: #EEE;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 4px 5px 4px;
border-color: transparent transparent #888 transparent; }
.select2-container--default .select2-selection--multiple {
border: 1px solid #AAA;
border-radius: 4px;
background-color: #FFF;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
margin: 0;
padding: 0 5px;
width: 100%;
list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
float: left;
margin-top: 5px;
color: #999; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
float: right;
margin-top: 5px;
margin-right: 10px;
font-weight: 700;
cursor: pointer; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 0 5px;
border: 1px solid #AAA;
border-radius: 4px;
background-color: #E4E4E4;
cursor: default; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
display: inline-block;
margin-right: 2px;
color: #999;
font-weight: 700;
cursor: pointer; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
outline: 0;
border: solid #000 1px; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #EEE;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #AAA; }
.select2-container--default .select2-search--inline .select2-search__field {
outline: 0;
border: none;
background: transparent;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
overflow-y: auto;
max-height: 200px; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #DDD; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897FB;
color: #FFF; }
.select2-container--default .select2-results__group {
display: block;
padding: 6px;
cursor: default; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
right: auto;
left: 1px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-right: auto;
margin-left: 5px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: auto;
margin-left: 2px; }
.wp-toolbar .select2-container--xts {
z-index: 99999;
margin-bottom: 12px;
max-width: 300px;
width: 100% !important; }
.wp-toolbar .select2-container--xts dd, .wp-toolbar .select2-container--xts li {
margin-bottom: 0; }
.wp-toolbar .select2-container--xts input {
margin: 0; }
.wp-toolbar .select2-container--xts .select2-selection {
outline: 0;
border-width: 1px;
border-style: solid;
border-color: #e7e7e7 !important;
border-radius: 4px;
background-color: #FFF; }
.wp-toolbar .select2-container--xts .select2-selection:hover {
border-color: lightgray; }
.wp-toolbar .select2-container--xts .select2-selection--single {
height: 35px !important; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__rendered {
padding-right: 30px;
color: #444;
line-height: 33px !important; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__placeholder {
color: rgba(0, 0, 0, 0.4); }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__arrow {
position: relative;
position: absolute;
top: 1px;
right: 1px;
box-sizing: border-box;
width: 30px !important;
height: 33px !important;
border: none;
border-left: 1px solid #e7e7e7;
background-color: #EFEFF0 !important;
background-image: none !important;
font-size: 16px; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__arrow:hover {
color: #4D93D1; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__arrow:before {
content: "\f347";
position: absolute;
top: 8px;
left: 7px;
display: block;
font-family: "dashicons"; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__clear {
float: right;
width: 30px;
height: 33px !important;
text-align: center;
font-size: 0; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__clear:hover {
color: #4D93D1; }
.wp-toolbar .select2-container--xts .select2-selection--single .select2-selection__clear:before {
content: "\f335";
font-size: 16px;
font-family: "dashicons";
line-height: 34px !important; }
.wp-toolbar .select2-container--xts.select2-container--open .select2-selection {
border: 1px solid #4D93D1 !important;
box-shadow: 0 0 4px 2px #F1F1F1 !important; }
.wp-toolbar .select2-container--xts.select2-container--open .select2-selection--single .select2-selection__arrow {
border: none;
background: transparent !important; }
.wp-toolbar .select2-container--xts.select2-container--open .select2-selection--single .select2-selection__arrow:before {
content: "\f343"; }
.wp-toolbar .select2-container--xts.select2-container--open .select2-dropdown {
border-color: #4D93D1;
box-shadow: none !important; }
.wp-toolbar .select2-container--xts.select2-container--open.select2-container--below .select2-selection {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.wp-toolbar .select2-container--xts.select2-container--open.select2-container--above .select2-selection {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.wp-toolbar .select2-container--xts .select2-selection--multiple {
min-height: 35px !important;
cursor: text; }
.wp-toolbar .select2-container--xts .select2-selection--multiple .select2-selection__rendered {
margin: 0;
padding: 0 8px;
list-style: none; }
.wp-toolbar .select2-container--xts .select2-selection--multiple .select2-selection__clear {
display: none; }
.wp-toolbar .select2-container--xts .select2-selection--multiple .select2-selection__choice {
float: left;
margin-top: 6px;
margin-right: 5px;
padding: 2px 8px 2px 6px;
border-radius: 4px;
background-color: #4D93D1;
color: #FFF;
cursor: default; }
.wp-toolbar .select2-container--xts .select2-selection--multiple .select2-selection__choice__remove {
display: inline-block;
margin-right: 4px;
padding: 0;
border: none;
background: transparent;
color: #FFF;
font-weight: 700;
line-height: 1;
cursor: pointer; }
.wp-toolbar .select2-container--xts .select2-selection--multiple .select2-selection__choice__remove:hover {
opacity: .8; }
.wp-toolbar .select2-container--xts .select2-search--dropdown {
padding: 5px; }
.wp-toolbar .select2-container--xts .select2-search--dropdown .select2-search__field {
height: 35px !important;
outline: 0;
border: 1px solid #e7e7e7;
border-radius: 4px;
box-shadow: none; }
.wp-toolbar .select2-container--xts .select2-search--dropdown .select2-search__field:hover, .wp-toolbar .select2-container--xts .select2-search--dropdown .select2-search__field:focus {
border-color: lightgray; }
.wp-toolbar .select2-container--xts .select2-search--inline .select2-search__field {
margin-top: 0;
width: auto !important;
height: 30px;
outline: 0;
border: none !important;
box-shadow: none; }
.wp-toolbar .select2-container--xts .select2-dropdown {
border: 1px solid transparent;
background-color: #FFF; }
.wp-toolbar .select2-container--xts .select2-dropdown:before {
content: "";
position: absolute;
left: -1px;
width: 100%;
height: 2px;
border-width: 0;
border-style: solid;
border-color: #4D93D1;
border-right-width: 1px;
border-left-width: 1px;
background-color: #FFF; }
.wp-toolbar .select2-container--xts .select2-dropdown--above {
border-bottom: none; }
.wp-toolbar .select2-container--xts .select2-dropdown--above:before {
bottom: -2px; }
.wp-toolbar .select2-container--xts .select2-dropdown--below {
border-top: none; }
.wp-toolbar .select2-container--xts .select2-dropdown--below:before {
top: -2px; }
.wp-toolbar .select2-container--xts .select2-results {
margin-bottom: 4px; }
.wp-toolbar .select2-container--xts .select2-results > .select2-results__options {
overflow-y: auto;
max-height: 200px; }
.wp-toolbar .select2-container--xts .select2-results__option[role=group] {
padding: 0; }
.wp-toolbar .select2-container--xts .select2-results__option[aria-disabled=true] {
color: grey; }
.wp-toolbar .select2-container--xts .select2-results__option--highlighted[aria-selected],
.wp-toolbar .select2-container--xts .select2-results__option[data-selected="true"] {
background-color: #4D93D1;
color: #FFF; }
.wp-toolbar .select2-container--xts .select2-results__option[data-selected="true"]:hover {
color: rgba(255, 255, 255, 0.8); }
.wp-toolbar .select2-container--xts .select2-results__group {
display: block;
padding: 6px;
cursor: default; }
.wp-toolbar .select2-container--xts[dir="rtl"] .select2-selection--single .select2-selection__arrow {
right: auto;
left: 1px;
border: none;
border-right: 1px solid #E7E7E7;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.wp-toolbar .select2-container--xts[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-right: auto;
margin-left: 5px; }
.wp-toolbar .select2-container--xts[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: auto;
margin-left: 2px; }
.xts-select2-all-wrap {
margin-top: 0 !important; }
.xts-styles_always_use-field .select2-container--xts,
.xts-styles_not_use-field .select2-container--xts {
max-width: 600px; }
.xts-wpb-tab-title {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-left: 24px; }
.xts-wpb-tab-title:before {
position: absolute;
left: 0;
top: calc(50% - 9px);
content: "";
width: 18px;
height: 18px;
background-image: url(../images/theme-admin-icon-2.svg);
background-size: contain;
background-repeat: no-repeat; }
.vc_edit-form-tab-control.vc_active .xts-wpb-tab-title:before {
background-image: url(../images/theme-admin-icon-3.svg); }
.vc_ui-panel-content {
margin-top: 0 !important; }
.vc_ui-panel-content .wpb_element_label {
margin-bottom: 10px; }
.vc_ui-panel-content .vc_column {
margin-bottom: 15px;
padding-top: 0 !important; }
.vc_ui-panel-content span.wp-picker-input-wrap label {
display: inline-block; }
.vc_ui-panel-content .vc_checkbox-label {
display: inline-flex;
align-items: center; }
.vc_ui-panel-content .vc_checkbox,
.vc_ui-panel-content .vc_checkbox-label {
user-select: none; }
.wpb_edit_form_elements input:focus,
.wpb_edit_form_elements select:focus,
.wpb_edit_form_elements textarea:focus {
box-shadow: none; }
.wpb_edit_form_elements .vc_column {
-webkit-animation: wd-fadeInTooltip .5s ease;
animation: wd-fadeInTooltip .5s ease; }
.wpb_edit_form_elements .vc_autocomplete-field .vc_autocomplete {
padding-right: 6px;
padding-left: 6px;
border-radius: 4px; }
.wpb_edit_form_elements .vc_autocomplete-field .vc_autocomplete:hover {
border-color: #BDBDBD; }
.wpb_edit_form_elements .ui-autocomplete-input {
box-shadow: none; }
.wpb_el_type_woodmart_empty_space {
padding: 0 !important; }
.wpb_el_type_woodmart_css_id {
display: none; }
.wpb_el_type_woodmart_css_id + .vc_col-xs-12 {
padding-top: 0 !important; }
[data-vc-shortcode="woodmart_responsive_text_block"] [data-tab-index="2"] {
display: none; }
.vc_ui-panel-content .vc_column-order-first {
order: -1; }
ul.ui-autocomplete {
background-color: #FFF;
color: #444;
font-size: 13px; }
ul.ui-autocomplete.ui-widget {
border: 1px solid #5B9DD9; }
.wd-option-placeholder {
display: none; }
.wd-select-placeholder {
color: rgba(0, 0, 0, 0.3) !important; }
.wd-select-placeholder option {
color: #2c3338; }
.wd-select-fields .wd-select-wrapper {
display: none;
animation: wd-fadeInTooltip .5s ease; }
.wd-select-fields .wd-select-wrapper.xts-active {
display: block; }
.wd-select-fields.wd-style-images ul {
display: flex;
flex-wrap: wrap;
margin-top: 0;
margin-right: -5px;
margin-bottom: 0;
margin-left: -5px; }
.wd-select-fields.wd-style-images ul li {
position: relative;
flex-basis: calc(25% - 24px);
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
padding: 5px;
min-width: 90px;
max-width: 140px;
border: 2px solid;
border-color: #D9D9D9;
border-radius: 4px;
cursor: pointer;
transition: all .2s ease-in-out; }
.vc_col-xs-12[data-vc-shortcode-param-name*="alignment"] .wd-select-fields.wd-style-images ul li, .vc_col-sm-6 .wd-select-fields.wd-style-images ul li {
flex-basis: calc(33.3333333% - 24px);
min-width: 40px;
max-width: 80px; }
.wd-select-fields.wd-style-images ul li.with-title img {
margin-bottom: 5px; }
.wd-select-fields.wd-style-images ul li.xts-active {
border-color: #4D93D1; }
.wd-select-fields.wd-style-images ul li:not(.xts-active):hover {
border-color: #B9B9B9; }
.wd-form-style .wd-select-fields.wd-style-images ul li {
max-width: none;
flex-basis: auto; }
.wd-select-fields.wd-style-images ul img {
width: 100%; }
.wd-select-fields.wd-style-images ul h4 {
margin: 0;
color: #333;
font-size: 12px;
line-height: 1.4; }
.wd-select-fields.wd-style-images .wd-select {
display: none; }
.wd-select-fields.wd-style-buttons ul {
display: flex;
flex-wrap: wrap;
margin-top: 0;
margin-bottom: 0; }
.wd-select-fields.wd-style-buttons ul li {
display: inline-block;
margin-bottom: 0;
padding: 0 10px;
background-color: #EFEFF0;
color: #444;
font-weight: 600;
cursor: pointer;
transition: all .2s ease-in-out; }
.wd-select-fields.wd-style-buttons ul li span {
display: block;
line-height: 36px; }
.wd-select-fields.wd-style-buttons ul li:hover {
background-color: #DDDDDF; }
.wd-select-fields.wd-style-buttons ul li.xts-active {
background-color: #A8D14D;
color: #FFF; }
.wd-select-fields.wd-style-buttons ul li:first-child {
border-start-start-radius: 4px;
border-end-start-radius: 4px; }
.wd-select-fields.wd-style-buttons ul li:last-child {
border-start-end-radius: 4px;
border-end-end-radius: 4px; }
.wd-select-fields.wd-style-buttons .wd-select {
display: none; }
div[data-vc-shortcode="woodmart_portfolio"] .woodmart-vc-image-select [data-value="inherit"] {
display: flex;
flex-direction: column; }
div[data-vc-shortcode="woodmart_portfolio"] .woodmart-vc-image-select [data-value="inherit"]:after {
content: "";
display: block;
order: -1;
padding-top: 100%; }
div[data-vc-shortcode="woodmart_portfolio"] .woodmart-vc-image-select [data-value="inherit"] h4 {
z-index: 1; }
div[data-vc-shortcode="woodmart_portfolio"] .woodmart-vc-image-select [data-value="inherit"] img {
position: absolute;
top: 0;
right: 0;
bottom: 0px;
left: 0;
display: inline-block;
width: 100%;
height: 90%;
vertical-align: middle;
object-position: 50% 35%;
object-fit: cover; }
.wd-typography-btn {
overflow: hidden;
border: 1px solid #DDD;
background-color: #F6F7F7;
color: #50575E;
text-transform: unset;
font-weight: 400;
transition: none !important; }
.wd-typography-btn.xts-changed:before {
background-image: url(../images/typography-icon-active.svg);
opacity: 1; }
.wd-typography-btn:before {
content: "";
display: block;
width: 34px;
height: 34px;
background-image: url(../images/typography-icon.svg);
background-position: center;
background-size: 20px;
background-repeat: no-repeat;
opacity: .7;
margin-inline-end: 12px;
margin-inline-start: -15px;
border-inline-end: 1px solid #C3C4C7; }
.wd-typography-btn:hover {
border-color: #C3C4C7;
background-color: #F6F7F7; }
.wd-typography-btn:hover:before {
border-color: #C3C4C7;
background-color: #F0F0F1;
opacity: 1; }
.wd-typography-btn-reset {
position: absolute;
top: -48px;
left: 90px;
padding: 10px;
color: #5e5e5e;
font-size: 0;
line-height: 1;
cursor: pointer;
transition: .2s all ease; }
.wd-typography-btn-reset > div {
max-width: 95px; }
.wd-typography-btn-reset:hover {
color: rgba(94, 94, 94, 0.7); }
.wd-typography-btn-reset:before {
content: "\f531";
font-size: 18px;
font-family: "dashicons"; }
.wd-typography-btn-reset:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 10px; }
.wd-typography-content {
position: relative;
z-index: 50;
display: flex;
flex-direction: column;
margin-top: 8px;
padding-top: 20px;
min-width: 250px;
max-width: 300px;
border-radius: 5px;
background: #FFF;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.wd-typography-content .wd-select-fields .wd-select-wrapper,
.wd-typography-content .wd-sliders .wd-slider,
.wd-typography-content .vc_column {
animation: none; }
.wd-typography-content .vc_column {
animation: none; }
.wd-typography-content .vc_column select {
height: 30px !important; }
.wd-typography-content .vc_column:not(.wpb_el_type_wd_slider) {
display: flex;
align-items: center;
justify-content: space-between; }
.wd-typography-content .vc_column:not(.wpb_el_type_wd_slider) .wpb_element_label {
margin-bottom: 0;
margin-inline-end: 5px; }
.wd-typography-content .vc_column:not(.wpb_el_type_wd_slider) .edit_form_line {
flex-grow: 1;
max-width: 175px; }
.wd-typography-content .vc_column.vc_wrapper-param-type-wd_slider .wpb_element_label {
position: absolute;
top: 0;
left: 15px; }
.rtl .wd-typography-content .vc_column.vc_wrapper-param-type-wd_slider .wpb_element_label {
right: 15px;
left: auto; }
.wd-typography-content .vc_column.vc_wrapper-param-type-wd_slider .wd-field-devices {
margin-inline-start: 35px; }
.wd-typography-content .vc_column[data-vc-shortcode-param-name*="_line_height"] .wd-field-devices {
margin-inline-start: 82px; }
.wd-typography-content .wd-select-wrapper {
margin-top: 0 !important; }
.wd-typography-content .wd-field-devices .wd-device > span {
display: none; }
.wd-number {
display: none;
max-width: calc(300px / 2) !important;
animation: wd-fadeInTooltip .5s ease; }
.wd-number.xts-active {
display: block; }
.woodmart-css-tooltip img {
vertical-align: middle; }
.woodmart-tltp {
position: relative; }
.woodmart-tltp:hover .woodmart-tooltip-label {
visibility: visible;
opacity: 1;
-webkit-animation: wd-fadeInTooltip .3s ease;
animation: wd-fadeInTooltip .3s ease; }
.woodmart-tooltip-label {
position: absolute;
bottom: 100%;
left: 50%;
z-index: 2;
visibility: hidden;
margin-bottom: 8px;
padding: 0 15px;
height: 34px;
background-color: #000;
color: #FFF;
text-align: center;
text-transform: capitalize;
white-space: nowrap;
font-size: 12px;
line-height: 34px;
opacity: 0;
pointer-events: none; }
.woodmart-tooltip-label:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-style: solid;
border-color: transparent;
border-color: transparent;
border-top-color: #000; }
.wpb-select[class$="100"],
.wpb-select option[value="100"],
select[name$="[font-weight]"][class$="100"],
select[name$="[font-weight]"] option[value="100"] {
font-weight: 100; }
.wpb-select[class$="200"],
.wpb-select option[value="200"],
select[name$="[font-weight]"][class$="200"],
select[name$="[font-weight]"] option[value="200"] {
font-weight: 200; }
.wpb-select[class$="300"],
.wpb-select option[value="300"],
select[name$="[font-weight]"][class$="300"],
select[name$="[font-weight]"] option[value="300"] {
font-weight: 300; }
.wpb-select[class$="400"],
.wpb-select option[value="400"],
select[name$="[font-weight]"][class$="400"],
select[name$="[font-weight]"] option[value="400"] {
font-weight: 400; }
.wpb-select[class$="500"],
.wpb-select option[value="500"],
select[name$="[font-weight]"][class$="500"],
select[name$="[font-weight]"] option[value="500"] {
font-weight: 500; }
.wpb-select[class$="600"],
.wpb-select option[value="600"],
select[name$="[font-weight]"][class$="600"],
select[name$="[font-weight]"] option[value="600"] {
font-weight: 600; }
.wpb-select[class$="700"],
.wpb-select option[value="700"],
select[name$="[font-weight]"][class$="700"],
select[name$="[font-weight]"] option[value="700"] {
font-weight: 700; }
.wpb-select[class$="800"],
.wpb-select option[value="800"],
select[name$="[font-weight]"][class$="800"],
select[name$="[font-weight]"] option[value="800"] {
font-weight: 800; }
.wpb-select[class$="900"],
.wpb-select option[value="900"],
select[name$="[font-weight]"][class$="900"],
select[name$="[font-weight]"] option[value="900"] {
font-weight: 900; }
.woodmart-td-wrapper {
margin-bottom: 30px;
width: 100%; }
.woodmart-td-wrapper:last-child {
margin-bottom: 20px; }
.woodmart-td-title {
color: #444;
text-transform: uppercase;
font-weight: 600;
font-size: 16px; }
.woodmart-td-content {
display: flex;
clear: both;
flex-wrap: wrap;
margin-top: 0;
margin-right: 15px;
margin-left: 15px;
padding: 5px;
padding-top: 20px;
padding-bottom: 5px;
border: 1px solid #E8E8E8;
border-radius: 5px;
background: #F9F9F9; }
.woodmart-td-content .vc_column select {
padding: 6px 6px;
height: 36px; }
.woodmart-td-content .vc_column.wpb_el_type_woodmart_image_select {
margin-bottom: 5px; }
.woodmart-td-content .wpb_el_type_vc_link .button {
height: 36px;
border-radius: 4px;
box-shadow: none;
line-height: 34px; }
.woodmart-td-content .wpb_el_type_vc_link .vc_link_label {
line-height: 36px; }
.woodmart-td-content .wpb_el_type_attach_image .added,
.woodmart-td-content .wpb_el_type_attach_image .gallery_widget_add_images {
border-radius: 4px; }
.woodmart-td-content .wp-media-buttons button {
border-radius: 4px;
box-shadow: none; }
.woodmart-td-content .woodmart-vc-slider {
position: relative;
display: flex;
align-items: center; }
.wd-slider-field-value-display {
margin-inline-start: 10px; }
.wd-slider-field-value-display .wd-slider-value-preview {
display: flex;
align-items: center;
min-width: 30px;
height: 30px !important;
text-align: right;
line-height: 1;
direction: rtl; }
.wd-slider-field-value-display input.wd-slider-value-preview {
padding: 3px !important;
max-width: 60px !important;
width: auto !important; }
.wd-slider-field-value-display span.wd-slider-value-preview {
font-weight: 600; }
.woodmart-grad-line .gradx {
padding: 10px 10px 6px 10px;
border: none;
border-radius: 5px;
background: #FFF;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.woodmart-grad-line .gradx_btn {
padding: 8px 15px;
border-color: #E6E6E6;
border-radius: 4px;
background-image: none; }
.woodmart-grad-line .gradx_slider:after {
border-width: 60px 1px 0 0; }
.woodmart-grad-line .cp-default {
border-radius: 0 !important; }
.woodmart-grad-line .gradx_start_sliders {
margin-right: -6px;
margin-left: -6px; }
.woodmart-grad-line .sp-container {
border: none; }
.woodmart-grad-line .sp-picker-container {
border-left: none; }
.woodmart-grad-line .sp-picker-container {
padding-top: 5px; }
.woodmart-grad-line #gradx_slider_controls {
margin-left: 10px;
padding-top: 5px; }
.woodmart-grad-line .gradx_slectboxes {
display: flexbox;
display: flex;
display: -webkit-flex;
display: -ms-flex;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
justify-content: flex-start;
margin-right: -5px;
margin-left: -5px;
-webkit-align-items: stretch;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start; }
.woodmart-grad-line .gradx_slectboxes select {
flex-basis: 100%;
margin-right: 5px;
margin-left: 5px;
padding: 0 8px;
max-width: 100%;
width: 100%;
height: 28px;
line-height: 28px;
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%; }
.woodmart-grad-preview {
display: none; }
div.ui-datepicker {
margin-top: 12px; }
div.ui-datepicker .ui-datepicker-header {
border: none;
border-radius: 0;
background-color: #F3F3F3;
background-image: none; }
div.ui-datepicker .ui-datepicker-header .ui-corner-all {
border-radius: 0;
cursor: pointer; }
div.ui-datepicker .ui-datepicker-header .ui-state-hover {
border: none;
background-image: none; }
div.ui-datepicker .ui-datepicker-header .ui-icon {
background-image: none; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
display: none !important; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
position: absolute;
top: 5px;
left: 5px;
display: block;
width: 20px;
height: 20px;
font-weight: 400;
font-size: 16px;
font-family: dashicons; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
content: "\f345"; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
content: "\f341"; }
div.ui-datepicker .ui-state-default {
border: none;
background-color: #F3F3F3;
background-image: none; }
div.ui-datepicker .ui-state-default.ui-state-hover, div.ui-datepicker .ui-state-default.ui-state-active {
background-color: #E0E0E0;
color: #000; }
div.ui-datepicker .ui-state-highlight {
background-color: #4D93D1;
color: #FFF; }
.vc_ui-panel-content .wp-picker-container .wp-color-picker[type=text] {
padding: 8px 6px;
height: var(--xts-input-height); }
.vc_ui-panel-content .wp-picker-container .woodmart-opacity-container,
.vc_ui-panel-content .wp-picker-container .vc_alpha-container {
border: none !important;
border-radius: 4px !important;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.vc_ui-panel-content .wp-picker-container .woodmart-opacity-container label,
.vc_ui-panel-content .wp-picker-container .vc_alpha-container label {
margin-top: 0; }
.vc_ui-panel-content .wp-picker-container .color-alpha {
width: 35px !important; }
.woodmart-vc-colorpicker .wp-picker-container {
position: relative; }
.woodmart-vc-colorpicker .wp-picker-container .wp-color-result.wp-picker-open:after {
display: none; }
.woodmart-vc-colorpicker .wp-picker-container .iris-picker {
margin-bottom: 74px; }
.woodmart-vc-colorpicker .wp-picker-holder {
position: absolute;
top: 100%;
left: 0;
padding-bottom: 10px; }
.woodmart-opacity-container {
position: absolute;
bottom: -73px;
left: -1px;
z-index: 1000;
padding: 6px;
width: 243px;
border: 1px solid #DFDFDF;
border-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #FFF; }
.woodmart-opacity-container .woodmart-opacity-field {
padding-right: 0;
padding-left: 0; }
.vc_param-animation-style-preview .vc_btn {
height: 36px; }
.wd-slide-from-bottom,
.wd-slide-from-top,
.wd-slide-from-left,
.wd-slide-from-right,
.wd-left-flip-y,
.wd-right-flip-y,
.wd-top-flip-x,
.wd-bottom-flip-x,
.wd-zoom-in,
.wd-rotate-z {
-webkit-transition: opacity 0.7s cubic-bezier(0, 0.87, 0.58, 1);
transition: opacity 0.7s cubic-bezier(0, 0.87, 0.58, 1); }
.wd-slide-from-bottom.animated,
.wd-slide-from-top.animated,
.wd-slide-from-left.animated,
.wd-slide-from-right.animated,
.wd-left-flip-y.animated,
.wd-right-flip-y.animated,
.wd-top-flip-x.animated,
.wd-bottom-flip-x.animated,
.wd-zoom-in.animated,
.wd-rotate-z.animated {
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-timing-function: cubic-bezier(0, 0.87, 0.58, 1);
animation-timing-function: cubic-bezier(0, 0.87, 0.58, 1); }
.wd-slide-from-top {
-webkit-animation-name: wd-SlideFromTop;
animation-name: wd-SlideFromTop; }
.wd-slide-from-bottom {
-webkit-animation-name: wd-SlideFromBottom;
animation-name: wd-SlideFromBottom; }
.wd-slide-from-left {
-webkit-animation-name: wd-SlideFromLeft;
animation-name: wd-SlideFromLeft; }
.wd-slide-from-right {
-webkit-animation-name: wd-SlideFromRight;
animation-name: wd-SlideFromRight; }
.wd-right-flip-y {
-webkit-animation-name: wd-RightFlipY;
animation-name: wd-RightFlipY; }
.wd-left-flip-y {
-webkit-animation-name: wd-LeftFlipY;
animation-name: wd-LeftFlipY; }
.wd-top-flip-x {
-webkit-animation-name: wd-TopFlipX;
animation-name: wd-TopFlipX; }
.wd-bottom-flip-x {
-webkit-animation-name: wd-BottomFlipX;
animation-name: wd-BottomFlipX; }
.wd-zoom-in {
-webkit-animation-name: wd-ZoomIn;
animation-name: wd-ZoomIn; }
.wd-rotate-z {
-webkit-animation-name: wd-RotateZ;
animation-name: wd-RotateZ;
will-change: animation; }
.woodmart-vc-switch {
font-size: 0; }
.woodmart-vc-switch .switch-controls {
display: inline-block;
min-width: 50px;
height: 36px;
background-color: #EFEFF0;
color: #444;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
cursor: pointer;
transition: all .2s ease-in-out; }
.woodmart-vc-switch .switch-controls span {
display: block;
line-height: 36px; }
.woodmart-vc-switch .switch-controls:hover {
background-color: #DDDDDF; }
.woodmart-vc-switch .switch-controls:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.woodmart-vc-switch .switch-controls:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.woodmart-vc-switch .switch-inactive.xts-active {
background-color: #B1B1B0;
color: #FFF;
pointer-events: none;
user-select: none; }
.woodmart-vc-switch .switch-active.xts-active {
background: #A8D14D;
color: #FFF; }
.wpb_el_type_woodmart_slider {
margin-bottom: 5px; }
.wd-slider-field .ui-widget-header {
border-radius: 4px;
background: #4D93D1; }
.wd-slider-field.ui-widget.ui-widget-content {
border: none;
border-radius: 4px;
background-color: #EFEFF0; }
.wd-slider-field.ui-slider-horizontal {
width: 100%;
height: 6px;
cursor: pointer; }
.wd-slider-field.ui-slider-horizontal .ui-slider-handle {
top: -5px;
width: 12px;
height: 12px;
border-width: 2px;
border-color: #4D93D1;
border-radius: 50%;
background: #FFF;
cursor: pointer;
transition: box-shadow .2s ease; }
.wd-slider-field .ui-slider-handle.ui-state-hover, .wd-slider-field .ui-slider-handle.ui-state-focus {
box-shadow: 0 0 0 2px rgba(77, 147, 209, 0.3); }
.wd-slider-field:empty {
height: 6px; }
.vc_column.wd-custom-width .vc-button-set-item {
padding: 0;
background-color: transparent !important; }
.vc_column.wd-custom-width .vc-button-set-item span {
line-height: 1; }
.vc_column.wd-custom-width .vc_column {
animation: wd-fadeInTooltip .5s ease; }
.woodmart-td-content .wd-custom-width {
margin-bottom: 0 !important; }
.vc_edit-form-tab > .wd-custom-width ~ .wpb_el_type_woodmart_slider {
margin-top: -15px;
padding-top: 0 !important; }
.wd-res-control ~ .wd-res-item {
margin-top: 15px !important; }
.wpb_el_type_woodmart_slider .wd-slider-units {
top: -15px; }
.wd-box-shadow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 5px 15px 15px 15px;
border-radius: 5px;
background: #FFF;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
--xts-input-height: 30px; }
.wd-box-shadow .wd-box-shadow-item {
display: flex;
flex-grow: 1;
flex-basis: 0%;
flex-direction: column; }
.wd-box-shadow .wd-box-shadow-item .wp-picker-container:not(.wp-picker-active) .wp-color-result {
margin-right: 0; }
.wd-box-shadow .wd-box-shadow-item .xts-input-append {
min-width: 70px; }
.wd-box-shadow .wd-box-shadow-item .add-on {
height: 28px;
line-height: 26px; }
.wd-box-shadow .wd-box-shadow-item label {
white-space: nowrap;
font-size: 12px;
line-height: var(--xts-input-height); }
.wd-box-shadow .wd-box-shadow-item:not(.wd-color) {
margin-right: 7px; }
.wd-box-shadow .wd-box-shadow-item:not(.wd-color) input {
padding: 3px 6px;
min-height: var(--xts-input-height);
height: var(--xts-input-height);
line-height: 1; }
.wd-box-shadow .wp-picker-input-wrap {
width: 100%; }
.wd-box-shadow .wp-picker-input-wrap .wd-color-input[type=text] {
width: 120px !important;
margin-inline-start: 0 !important; }
.vc_edit-form-tab .vc_layout-onion {
position: absolute;
top: 30px;
left: 0;
margin-top: 0; }
.vc_edit-form-tab .vc_layout-onion input {
padding: 2px !important;
width: 34px !important;
height: 24px !important; }
.vc_edit-form-tab .vc_layout-onion.wd-responsive-spacing {
top: 53px;
left: 3px; }
.vc_edit-form-tab .vc_layout-onion:not(.xts-active) + .vc_settings > .vc_checkbox {
visibility: hidden;
opacity: 0; }
.vc_wrapper-param-type-css_editor .vc_css-editor {
display: flex;
align-items: flex-start;
flex-wrap: nowrap !important; }
.vc_wrapper-param-type-css_editor div.vc_settings {
position: static;
display: flex;
flex-grow: 1;
flex-basis: 0%;
flex-wrap: wrap;
margin-top: 5px;
margin-right: 15px;
margin-left: 15px;
padding-right: 0;
padding-left: 0;
width: auto;
flex-shrink: 0; }
.vc_wrapper-param-type-css_editor div.vc_settings > * {
order: 1;
margin-top: 0;
margin-bottom: 12px; }
.vc_wrapper-param-type-css_editor div.vc_settings > label {
margin-top: 0;
margin-bottom: 10px;
padding-right: 5px;
width: 100%;
white-space: nowrap;
font-weight: 600;
font-size: 13px; }
.vc_wrapper-param-type-css_editor div.vc_settings > label,
.vc_wrapper-param-type-css_editor div.vc_settings > div {
margin-left: 345px; }
.vc_wrapper-param-type-css_editor div.vc_settings > .vc_border-radius + label,
.vc_wrapper-param-type-css_editor div.vc_settings > .vc_border-radius + label + .color-group,
.vc_wrapper-param-type-css_editor div.vc_settings > .vc_background-image,
.vc_wrapper-param-type-css_editor div.vc_settings > .vc_background-style {
order: 3;
margin-bottom: 0;
margin-left: 0; }
.vc_wrapper-param-type-css_editor div.vc_settings > .vc_border-radius + label {
margin-top: 120px;
margin-bottom: 10px; }
.vc_wrapper-param-type-css_editor div.vc_settings select {
padding-top: 0;
padding-bottom: 0;
min-width: 130px; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group {
margin-top: 0;
margin-right: 5px;
margin-bottom: 12px; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group .wp-color-result {
margin-bottom: 0; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group .wp-picker-open + .wp-picker-input-wrap {
display: flex; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group .wp-picker-input-wrap {
position: absolute;
top: 40px;
left: 0;
z-index: 10;
align-items: flex-start;
height: 60px;
background-color: #FFF; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group .vc_color-control {
margin-left: 0 !important;
width: 112px !important; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group .wp-picker-holder {
top: 74px;
left: 0 !important; }
.vc_wrapper-param-type-css_editor div.vc_settings .color-group:nth-child(2) .wp-picker-holder {
right: -47px;
left: auto !important; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_image {
margin: 0; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_image .added > div {
max-width: inherit;
max-height: inherit;
width: auto !important;
height: auto !important; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_image .added > div img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_image:not(:empty) + .vc_add-image {
display: none; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_image .added,
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_add-image {
margin-right: 6px;
margin-bottom: 0;
min-width: 90px;
max-width: 90px;
max-height: 33px;
border: 1px solid #E7E7E7;
border-radius: 4px; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_add-image {
display: flex;
align-items: center;
justify-content: center;
color: #333 !important;
text-decoration: none;
font-size: 12px; }
.vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_add-image i {
position: static !important;
transform: none !important;
margin-inline-end: 6px; }
.vc_wrapper-param-type-css_editor div.vc_settings > label:nth-last-child(2) {
display: none; }
.vc_wrapper-param-type-css_editor div.vc_settings > label.vc_checkbox {
position: absolute;
top: 321px;
left: 27px;
margin: 0 !important;
max-width: 110px;
font-size: 11px;
transition: all .12s ease; }
.wpb_el_type_woodmart_responsive_spacing {
margin-bottom: 0 !important; }
.wpb_el_type_woodmart_responsive_spacing.vc_col-xs-12 {
position: static; }
.vc_layout-onion {
margin-top: 15px; }
.vc_layout-onion:not(.xts-active) {
visibility: hidden;
opacity: 0; }
.vc_layout-onion.xts-active {
transition: all .6s ease; }
.wd-responsive-spacing[data-device] .vc_content i {
background: none !important;
line-height: 32px; }
.wd-responsive-spacing[data-device] .vc_content i:before {
content: "\f470";
color: #C9C9C9;
font-style: normal;
font-size: 26px;
font-family: "dashicons"; }
.wd-responsive-spacing[data-device="tablet"] .vc_content i:before {
content: "\f471"; }
.wd-responsive-spacing[data-device="mobile"] .vc_content i:before {
content: "\f470"; }
.wd-spacing-devices {
position: absolute;
top: 21px;
left: 80px;
background-color: #FFF; }
.wd-spacing-devices > span .vc-composer-icon {
margin-right: 5px;
font-weight: 400; }
.wd-spacing-devices span span {
font-size: 13px; }
.wpb_el_type_woodmart_responsive_size {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto !important;
-webkit-box-flex: 1; }
.woodmart-rs-wrapper > div {
display: inline-block;
margin-right: 10px;
vertical-align: middle; }
.woodmart-rs-wrapper .woodmart-rs-item .woodmart-rs-input {
padding: 8px 6px;
width: 60px;
height: 36px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
vertical-align: middle; }
.woodmart-rs-wrapper .woodmart-rs-item {
display: inline-flex; }
.woodmart-rs-wrapper .woodmart-rs-item.hide {
display: none; }
.woodmart-rs-wrapper .woodmart-rs-unit {
margin-right: 0; }
.woodmart-rs-icon {
display: inline-block;
padding: 8px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #F0F0F0; }
.woodmart-rs-trigger {
cursor: pointer; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="el_id"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="el_id"] ~ *,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="el_id"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="el_id"] ~ * {
order: 2; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="woodmart_color_scheme"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="woodmart_color_scheme"] {
order: -2; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="woodmart_text_align"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="vertical_alignment"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="horizontal_alignment"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="woodmart_text_align"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="vertical_alignment"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="horizontal_alignment"] {
order: -1; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="parallax_scroll"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="scroll_"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="woodmart_sticky_column"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_collapsible_"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role"],
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name="wd_off_canvas_alignment"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="parallax_scroll"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="scroll_"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="woodmart_sticky_column"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_collapsible_"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role"],
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name="wd_off_canvas_alignment"] {
order: 1; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role"] .wpb_element_label,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role"] .wpb_element_label {
display: flex;
align-items: center; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role"] .wpb_element_label:before {
color: #BFBFBF;
font-weight: 400;
font-size: 15px;
font-family: "dashicons";
margin-inline-end: 4px; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role_offcanvas_desktop"] .wpb_element_label:before,
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role_content_desktop"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role_offcanvas_desktop"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role_content_desktop"] .wpb_element_label:before {
content: "\f472"; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role_offcanvas_tablet"] .wpb_element_label:before,
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role_content_tablet"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role_offcanvas_tablet"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role_content_tablet"] .wpb_element_label:before {
content: "\f471"; }
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role_offcanvas_mobile"] .wpb_element_label:before,
[data-vc-shortcode="vc_column"] [data-vc-shortcode-param-name*="wd_column_role_content_mobile"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role_offcanvas_mobile"] .wpb_element_label:before,
[data-vc-shortcode="vc_column_inner"] [data-vc-shortcode-param-name*="wd_column_role_content_mobile"] .wpb_element_label:before {
content: "\f470"; }
.rtl .vc_shortcode-param[data-param_type=dropdown] select.wpb_vc_param_value,
.rtl .vc_shortcode-param[data-param_type=dropdown] select.wpb_vc_param_value option {
text-align: right; }
.rtl .vc_general.vc_ui-tabs-line > li,
.rtl .vc_css-editor .vc_settings .vc_background-image .vc_image .added,
.rtl .gallery_widget_attached_images_list li,
.rtl .gallery_widget_img_select li,
.rtl .vc_media-sm [class*="vc_col-sm-"],
.rtl .vc_css-editor .vc_settings .vc_background-image .vc_add-image,
.rtl .wpb_el_type_attach_image .gallery_widget_add_images,
.rtl .wpb_el_type_attach_images .gallery_widget_add_images {
float: right; }
.rtl .woodmart-vc-button-set-list li:first-child {
border-top-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0; }
.rtl .woodmart-vc-button-set-list li:last-child {
border-top-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px; }
.rtl .woodmart-vc-switch .switch-controls:first-child {
border-top-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0; }
.rtl .woodmart-vc-switch .switch-controls:last-child {
border-top-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px; }
.rtl .wd-custom-width .vc-button-set-item:not(:first-child) {
margin-right: 10px;
margin-left: 0; }
.rtl .wd-custom-width .vc-button-set-item:before {
margin-right: 0;
margin-left: 5px; }
.rtl .woodmart-rs-wrapper > div {
margin-right: 0;
margin-left: 10px; }
.rtl .woodmart-rs-wrapper .woodmart-rs-item .woodmart-rs-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.rtl .woodmart-rs-wrapper .woodmart-rs-item .woodmart-rs-unit {
margin-right: 0; }
.rtl .woodmart-rs-icon {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.rtl .woodmart-tooltip-label {
right: 50%;
left: auto; }
.rtl .woodmart-tooltip-label:before {
right: 50%;
left: auto;
margin-right: -5px;
margin-left: 0; }
.rtl .wd-box-shadow .wd-box-shadow-item .wp-picker-container:not(.wp-picker-active) .wp-color-result {
margin-left: 0; }
.rtl .wd-box-shadow .wd-box-shadow-item:not(.wd-color) {
margin-left: 5px; }
.rtl .vc_edit-form-tab .vc_layout-onion.wd-responsive-spacing {
right: 3px;
left: auto; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > label {
padding-right: 0;
padding-left: 5px; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_image .added,
.rtl .vc_wrapper-param-type-css_editor div.vc_settings .vc_background-image .vc_add-image {
margin-right: 0;
margin-left: 6px; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > label,
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > div {
margin-right: 345px;
margin-left: 0; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > .vc_border-radius + label,
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > .vc_border-radius + label + .color-group,
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > .vc_background-image,
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > .vc_background-style {
margin-right: 0; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > .vc_border-radius + label + .color-group {
margin-right: 0;
margin-left: 5px; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings .color-group .wp-picker-input-wrap {
right: 0;
left: auto; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings .color-group .wp-picker-holder {
right: 0 !important;
left: auto !important; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings .color-group:nth-child(2) .wp-picker-holder {
right: auto !important;
left: -47px !important; }
.rtl .vc_wrapper-param-type-css_editor div.vc_settings > label.vc_checkbox {
right: 27px;
left: auto; }
.rtl .vc_layout-onion {
right: 0;
left: auto; }
.rtl .wd-responsive-spacing {
right: 3px;
left: auto; }
.rtl .wd-spacing-devices {
right: 80px;
left: auto; }
.rtl .wd-spacing-devices > span,
.rtl .wd-spacing-devices > span .vc-composer-icon, .rtl .wd-spacing-devices > span:before {
margin-right: 0;
margin-left: 5px; }
@media (min-width: 1441px) {
.xts-col-xxl-9,
.xts-col-xxl-3 {
flex-grow: 1; }
.xts-col-xxl-9 {
flex-basis: 75%; }
.xts-col-xxl-3 {
flex-basis: 25%; } }
@media (min-width: 1200px) {
.xts-col-4 {
flex-basis: 33.33333%; }
.xts-col-6 {
flex-basis: 50%; }
#addtag .xts-tabs.xts-style-devices .xts-btns-set, #edittag .xts-tabs.xts-style-devices .xts-btns-set {
position: absolute;
top: 0;
right: 15px;
z-index: 5;
justify-content: flex-end; }
.xts-metaboxes .xts-tabs.xts-style-devices .xts-btns-set, .xts-dashboard .xts-tabs.xts-style-devices .xts-btns-set {
margin-left: 30%; }
.rtl #addtag .xts-tabs.xts-style-devices .xts-btns-set,
.rtl #edittag .xts-tabs.xts-style-devices .xts-btns-set {
right: auto;
left: 15px; }
.rtl .xts-metaboxes .xts-tabs.xts-style-devices .xts-btns-set,
.rtl .xts-dashboard .xts-tabs.xts-style-devices .xts-btns-set {
margin-right: 30%;
margin-left: 0; }
.xts-plugins-tab ul {
margin-inline-end: -15px; }
.xts-plugins-tab .xts-plugin-wrapper {
flex: 0 1 calc(16.666667% - 15px); }
.xts-plugins-tab .xts-plugin-wrapper.xts-large {
flex: 0 1 calc(50% - 15px);
align-items: flex-start;
padding: 30px;
padding-inline-start: 130px;
text-align: start; }
.xts-plugins-tab .xts-plugin-wrapper.xts-large:before {
top: 50px;
inset-inline-start: 50px; }
.xts-plugins-tab .xts-plugin-wrapper.xts-large .xts-plugin-img {
position: absolute;
top: 30px;
inset-inline-start: 30px; }
.xts-plugins-tab .xts-plugin-wrapper.xts-large .xts-plugin-img img {
max-width: 58px; }
.xts-plugins-tab .xts-plugin-wrapper.xts-large .xts-plugin-heading {
margin-bottom: 15px; }
.xts-plugins-tab .xts-plugin-wrapper.xts-large .xts-plugin-name {
font-size: 22px; }
.xts-plugins-tab .xts-plugin-wrapper.xts-large .xts-plugin-description {
display: block; }
.xts-plugins-tab .xts-plugin-required-text {
opacity: 0; }
.xts-plugins-tab .xts-plugin-required-dot {
content: "";
position: absolute;
top: 2px;
inset-inline-start: 0;
display: block;
padding: 0;
width: 10px;
height: 10px;
border-radius: 50%;
opacity: 1; }
.xts-plugins-tab .xts-plugin-wrapper:hover .xts-plugin-required-text {
opacity: 1; }
.xts-plugins-tab .xts-plugin-wrapper:hover .xts-plugin-required-dot {
opacity: 0; } }
@media (min-width: 1025px) {
.woodmart-row.woodmart-four-columns .woodmart-column.woomart-woo-column {
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%; }
.woomart-woo-column .css-checkbox[data-parent="none"] > .css-checkbox-children {
display: flex;
flex-wrap: wrap; }
.woomart-woo-column .css-checkbox[data-parent="none"] > .css-checkbox-children > .css-checkbox:not(.wc-product) {
flex-basis: 50%;
width: 50%; }
.woomart-woo-column .css-checkbox[data-parent="none"] > .css-checkbox-children > .css-checkbox > label,
.woodmart-wp-options .css-checkbox[data-parent="none"] > .css-checkbox-children > .css-checkbox > label {
font-weight: 600; }
.wc-product {
flex-basis: 100%;
width: 100%; }
.wc-product .css-checkbox-children {
display: flex;
flex-wrap: wrap; }
.wc-product .css-checkbox-children > .css-checkbox {
flex-basis: 50%;
width: 50%; }
.woodmart-wp-options > .css-checkbox > .css-checkbox-children > .css-checkbox:not(:first-child) {
margin-top: 20px; }
.xts-link-color-field .xts-option-control {
display: flex; }
.xts-link-color-field .xts-option-with-label {
margin-top: 0 !important;
margin-right: 20px; }
.xts-link-color-field .xts-option-with-label > span {
display: block;
margin-bottom: 5px; }
.rtl .xts-link-color-field .xts-option-with-label {
margin-right: 0;
margin-left: 20px; } }
@media (min-width: 1025px) {
.xts-html-block-switch + div,
.xts-html-block-switch + div + div {
flex-direction: column; }
.xts-html-block-switch + div .xts-field-description,
.xts-html-block-switch + div + div .xts-field-description {
margin-top: 0;
margin-bottom: 15px;
margin-left: 30%; }
.xts-html-block-switch + div .xts-option-control > .xts-btns-set,
.xts-html-block-switch + div + div .xts-option-control > .xts-btns-set {
margin-left: calc(30% - 6px); }
.xts-html-block-switch + div .xts-option-control > .xts-edit-block-link,
.xts-html-block-switch + div .xts-option-control > .xts-add-block-link,
.xts-html-block-switch + div .xts-option-control > .wp-editor-wrap,
.xts-html-block-switch + div .xts-option-control > .select2,
.xts-html-block-switch + div .xts-option-control > textarea,
.xts-html-block-switch + div + div .xts-option-control > .xts-edit-block-link,
.xts-html-block-switch + div + div .xts-option-control > .xts-add-block-link,
.xts-html-block-switch + div + div .xts-option-control > .wp-editor-wrap,
.xts-html-block-switch + div + div .xts-option-control > .select2,
.xts-html-block-switch + div + div .xts-option-control > textarea {
margin-left: 30%; }
.xts-html-block-switch + div .xts-option-control > textarea,
.xts-html-block-switch + div + div .xts-option-control > textarea {
width: 70%; }
.rtl .xts-html-block-switch + div .xts-field-description,
.rtl .xts-html-block-switch + div + div .xts-field-description {
margin-left: 0;
margin-right: 30%; }
.rtl .xts-html-block-switch + div .xts-option-control > .xts-btns-set,
.rtl .xts-html-block-switch + div + div .xts-option-control > .xts-btns-set {
margin-left: 0;
margin-right: calc(30% - 6px); }
.rtl .xts-html-block-switch + div .xts-option-control > .xts-edit-block-link,
.rtl .xts-html-block-switch + div .xts-option-control > .xts-add-block-link,
.rtl .xts-html-block-switch + div .xts-option-control > .wp-editor-wrap,
.rtl .xts-html-block-switch + div .xts-option-control > .select2,
.rtl .xts-html-block-switch + div .xts-option-control > textarea,
.rtl .xts-html-block-switch + div + div .xts-option-control > .xts-edit-block-link,
.rtl .xts-html-block-switch + div + div .xts-option-control > .xts-add-block-link,
.rtl .xts-html-block-switch + div + div .xts-option-control > .wp-editor-wrap,
.rtl .xts-html-block-switch + div + div .xts-option-control > .select2,
.rtl .xts-html-block-switch + div + div .xts-option-control > textarea {
margin-left: 0;
margin-right: 30%; } }
@media (max-width: 1024px) {
.xts-field {
flex-wrap: wrap; }
.xts-field div.xts-option-title {
margin-bottom: 20px;
padding-bottom: 0;
width: 100%;
border-bottom: none !important; }
.css-tooltip {
display: none; } }
@media (max-width: 1024px) {
.xts-custom-fonts-section .xts-custom-fonts-field {
flex-basis: 100%; } }