.base-color-palette-fixed-switcher {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000
}

.base-color-palette-fixed-switcher.kcpf-position-left {
    right: auto;
    left: 30px
}

.site-branding a.brand img.base-dark-mode-logo,
.site-branding a.custom-logo-link img.base-dark-mode-logo {
    display: none
}

.base-color-palette-switcher .base-svg-iconset.svg-baseline svg {
    top: 0.1em
}

.base-color-palette-switcher.kcps-type-icon .base-svg-iconset.svg-baseline svg {
    top: 0.08em
}

.base-color-palette-switcher button.base-color-palette-toggle {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.6em;
    font-size: 1rem;
    line-height: 1
}

.base-color-palette-switcher button.base-color-palette-toggle .base-color-palette-label {
    font-size: 0.9em
}

.base-color-palette-switcher button.base-color-palette-toggle .base-color-palette-icon {
    font-size: 1.2em
}

.base-color-palette-switcher.kcps-type-both button.base-color-palette-toggle>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.base-color-palette-switcher.kcps-type-both button.base-color-palette-toggle>span .base-color-palette-label {
    margin-left: 0.4em
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle,
.base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle {
    padding: 0;
    background: transparent;
    -webkit-filter: none;
    filter: none;
    border-radius: 0
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle:hover,
.base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle:hover {
    background: transparent;
    -webkit-filter: none;
    filter: none
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle>span,
.base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle>span {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1;
    padding: 0.6em 0.8em
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle .base-color-palette-light,
.base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle .base-color-palette-light {
    background: var(--global-light-toggle-switch);
    color: var(--global-dark-toggle-switch);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle .base-color-palette-dark,
.base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle .base-color-palette-dark {
    background: var(--global-dark-toggle-switch);
    color: var(--global-light-toggle-switch);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle {
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 4.8em;
    padding: 0.6em 0.8em;
    position: relative
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle:after {
    content: "";
    display: block;
    height: 1.5em;
    width: 1.5em;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: background 0.3s ease, -webkit-transform 0.5s ease;
    transition: background 0.3s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, background 0.3s ease;
    transition: transform 0.5s ease, background 0.3s ease, -webkit-transform 0.5s ease
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle>span {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle .base-color-palette-light {
    margin-right: 0.5em
}

.base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle .base-color-palette-dark {
    margin-left: 0.5em
}

.rtl .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle .base-color-palette-light {
    margin-right: 0em;
    margin-left: 0.5em
}

.rtl .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle .base-color-palette-dark {
    margin-left: 0em;
    margin-right: 0.5em
}

.color-switch-light .base-color-palette-switcher button.base-color-palette-toggle {
    background: var(--global-dark-toggle-switch);
    color: var(--global-light-toggle-switch)
}

.color-switch-light .base-color-palette-switcher button.base-color-palette-toggle:hover {
    background: var(--global-dark-toggle-switch);
    color: var(--global-light-toggle-switch);
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.color-switch-light .base-color-palette-switcher.kcps-style-button .base-color-palette-light {
    display: none
}

.color-switch-light .base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle .base-color-palette-light,
.color-switch-light .base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle .base-color-palette-light {
    opacity: 0.6
}

.color-switch-light .base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle .base-color-palette-dark:hover,
.color-switch-light .base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle .base-color-palette-dark:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.color-switch-light .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle .base-color-palette-light {
    opacity: 0
}

.color-switch-light .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle:after {
    background: var(--global-light-toggle-switch)
}

.color-switch-dark .base-color-palette-switcher button.base-color-palette-toggle {
    background: var(--global-light-toggle-switch);
    color: var(--global-dark-toggle-switch)
}

.color-switch-dark .base-color-palette-switcher button.base-color-palette-toggle:hover {
    background: var(--global-light-toggle-switch);
    color: var(--global-dark-toggle-switch);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8)
}

.color-switch-dark .base-color-palette-switcher.kcps-style-button .base-color-palette-dark {
    display: none
}

.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle .base-color-palette-dark,
.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle .base-color-palette-dark {
    opacity: 0.6
}

.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-both button.base-color-palette-toggle .base-color-palette-light:hover,
.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-text button.base-color-palette-toggle .base-color-palette-light:hover {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8)
}

.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle .base-color-palette-dark {
    opacity: 0
}

.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle:after {
    background: var(--global-dark-toggle-switch);
    -webkit-transform: translateX(calc(100% + 0.5em));
    transform: translateX(calc(100% + 0.5em))
}

.color-switch-dark img {
    -webkit-filter: brightness(0.9) contrast(1.2);
    filter: brightness(0.9) contrast(1.2)
}

.color-switch-dark.has-dark-logo .site-branding a.brand img,
.color-switch-dark.has-dark-logo .site-branding a.custom-logo-link img {
    display: none
}

.color-switch-dark.has-dark-logo .site-branding a.brand img.base-dark-mode-logo {
    display: block
}

.rtl.color-switch-dark .base-color-palette-switcher.kcps-style-switch.kcps-type-icon button.base-color-palette-toggle:after {
    -webkit-transform: translateX(calc(-100% - 0.5em));
    transform: translateX(calc(-100% - 0.5em))
}

.footer-dark-mode .base-color-palette-footer-switcher .base-color-palette-switcher button.base-color-palette-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop] {
    position: relative
}

.kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:before {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 100;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    -webkit-transform-origin: top;
    transform-origin: top;
    border: 5px solid transparent;
    border-bottom-color: var(--global-dark-toggle-switch);
    left: 50%;
    top: 100%
}

.kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    font-size: 13px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
    background: var(--global-dark-toggle-switch);
    color: var(--global-light-toggle-switch);
    content: attr(data-tooltip-drop);
    line-height: 1.3;
    padding: 6px 12px;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
    left: 50%;
    margin-top: 10px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

.kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:after,
.kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:before {
    opacity: 1;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px)
}

.color-switch-dark .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:before {
    border-bottom-color: var(--global-light-toggle-switch)
}

.color-switch-dark .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after {
    background: var(--global-light-toggle-switch);
    color: var(--global-dark-toggle-switch)
}

.base-color-palette-fixed-switcher .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:before,
.base-color-palette-footer-switcher .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:before {
    top: auto;
    bottom: 100%;
    -webkit-transform: translate(-50%, 10px) rotate(180deg);
    transform: translate(-50%, 10px) rotate(180deg)
}

.base-color-palette-fixed-switcher .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after,
.base-color-palette-footer-switcher .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after {
    margin-top: 0;
    margin-bottom: 10px;
    top: auto;
    bottom: 100%;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px)
}

.base-color-palette-fixed-switcher .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:before,
.base-color-palette-footer-switcher .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:before {
    opacity: 1;
    -webkit-transform: translate(-50%, 0px) rotate(180deg);
    transform: translate(-50%, 0px) rotate(180deg)
}

.base-color-palette-fixed-switcher .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:after,
.base-color-palette-footer-switcher .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:after {
    opacity: 1;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

.base-color-palette-fixed-switcher .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after {
    left: 0;
    -webkit-transform: translate(-1em, 10px);
    transform: translate(-1em, 10px)
}

.base-color-palette-fixed-switcher .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:after {
    -webkit-transform: translate(-1em, -10px);
    transform: translate(-1em, -10px)
}

.base-color-palette-fixed-switcher.kcpf-position-right .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after {
    left: auto;
    right: 0;
    -webkit-transform: translate(1em, 10px);
    transform: translate(1em, 10px)
}

.base-color-palette-fixed-switcher.kcpf-position-right .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:after {
    -webkit-transform: translate(1em, -10px);
    transform: translate(1em, -10px)
}

.ld-focus-header .base-color-palette-header-switcher .kcps-style-button.kcps-type-icon .base-color-toggle [data-tooltip-drop]:after {
    left: auto;
    right: 0;
    -webkit-transform: translate(1em, -10px);
    transform: translate(1em, -10px)
}

.ld-focus-header .base-color-palette-header-switcher .kcps-style-button.kcps-type-icon .base-color-toggle:hover [data-tooltip-drop]:after {
    -webkit-transform: translate(1em, 10px);
    transform: translate(1em, 10px)
}

:root .color-switch-dark {
    --global-palette-btn-bg: #495057;
    --global-palette-btn-bg-hover: var(--global-palette1);
    --global-palette-btn: #d9d9d9;
    --global-palette-btn-hover: var(--global-palette9)
}

:root .color-switch-dark .splide {
    --splide-pagination-background: #f8f9fb
}

:root .color-switch-dark #search-drawer {
    --global-palette9: var(--global-palette3)
}

:root .color-switch-dark .header-search-advanced .search-results {
    --global-palette9: #181818;
    --global-palette3: #f8f9fb
}

:root .color-switch-dark .header-search-advanced .search-results .woocommerce-Price-amount:not(del .woocommerce-Price-amount):not(.tmcore-product-price-filter .woocommerce-Price-amount) {
    color: var(--global-palette3)
}

:root .color-switch-dark #bt-scroll-up {
    color: var(--global-palette-btn);
    background: var(--global-palette-btn-bg);
    border-color: var(--global-palette-btn-bg)
}

:root .color-switch-dark #bt-scroll-up:hover {
    color: var(--global-palette-btn-hover);
    background: var(--global-palette-btn-bg-hover);
    border-color: var(--global-palette-btn-bg-hover)
}

:root .color-switch-dark .sub-menu {
    --global-palette9: #212121;
    --global-palette3: #ffffff
}

.color-switch-dark .splide .splide__arrow {
    background-color: var(--global-palette-btn-bg) !important;
    color: var(--global-palette-btn) !important
}

.color-switch-dark .splide .splide__arrow:hover {
    background-color: var(--global-palette-btn-bg-hover) !important;
    color: var(--global-palette-btn-hover) !important
}

.color-switch-dark .cms-sticky-container>.elementor-container::-webkit-scrollbar,
.color-switch-dark .simple-scroll .elementor-widget-wrap::-webkit-scrollbar,
.color-switch-dark .sticky-container .elementor-widget-wrap::-webkit-scrollbar,
.color-switch-dark .sticky-container .row::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.1)
}

.color-switch-dark .cms-sticky-container>.elementor-container::-webkit-scrollbar-thumb,
.color-switch-dark .simple-scroll .elementor-widget-wrap::-webkit-scrollbar-thumb,
.color-switch-dark .sticky-container .elementor-widget-wrap::-webkit-scrollbar-thumb,
.color-switch-dark .sticky-container .row::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2)
}

.color-switch-dark .elementor-tabs-items .elementor-tab-image {
    -webkit-filter: invert(70%);
    filter: invert(70%)
}

.color-switch-dark section.elementor-section * {
    border-color: var(--global-gray-400) !important
}

.color-switch-dark .header-search-advanced form.search-form,
.color-switch-dark input[type=color],
.color-switch-dark input[type=date],
.color-switch-dark input[type=datetime-local],
.color-switch-dark input[type=datetime],
.color-switch-dark input[type=email],
.color-switch-dark input[type=month],
.color-switch-dark input[type=number],
.color-switch-dark input[type=password],
.color-switch-dark input[type=range],
.color-switch-dark input[type=search],
.color-switch-dark input[type=tel],
.color-switch-dark input[type=text],
.color-switch-dark input[type=time],
.color-switch-dark input[type=url],
.color-switch-dark input[type=week],
.color-switch-dark textarea {
    background: var(--global-palette8)
}

.color-switch-dark .header-search-advanced form.search-form input:focus,
.color-switch-dark .mc4wp-form input:focus {
    color: var(--global-palette6)
}

.color-switch-dark .woocommerce form.checkout_coupon,
.color-switch-dark .woocommerce form.login,
.color-switch-dark .woocommerce form.register {
    border-color: var(--global-gray-400)
}

.color-switch-dark .woosq-product>.product .summary {
    background-color: var(--global-palette9)
}

.color-switch-dark .mfp-woosq .mfp-close:before {
    color: #ffffff
}

.color-switch-dark .woocommerce .star-rating,
.color-switch-dark.woocommerce .star-rating,
.color-switch-dark.woocommerce p.stars a {
    color: #d9d9d9
}

.color-switch-dark .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
    background-color: var(--global-palette7);
    color: var(--global-palette4)
}

.color-switch-dark .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
    background-color: var(--global-palette7);
    color: var(--global-palette4)
}

.color-switch-dark .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:hover td {
    background-color: var(--global-palette9)
}

.color-switch-dark .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:nth-child(2n) td {
    background-color: var(--global-palette8)
}

.color-switch-dark .entry-tags a.tag-link:hover {
    background: var(--global-palette-btn-bg-hover);
    color: var(--global-palette-btn-hover);
    border-color: var(--global-palette-btn-bg-hover)
}