:root {
    --inspiro-primary-color: #0bb4aa;
    --inspiro-dark-color: #101010;
    --inspiro-light-grey-color: #f2f4f6;
    --inspiro-color-background-body: #fff;
    --inspiro-color-link-hover: #000
}

body.colors-dark {
    background-color: #222;
    color: #222;
    --inspiro-color-link-hover: #fff
}

body.colors-dark .site-content-contain {
    color: #222222
}

body.colors-dark .entry-title,body.colors-dark .widget .title,body.colors-dark h1,body.colors-dark h2,body.colors-dark h3,body.colors-dark h4,body.colors-dark h5,body.colors-dark h6,body.colors-dark.archive .page-title,body.colors-dark.blog .page-title,body.colors-dark.search .page-title {
    color: #222222
}

body.colors-dark .entry-footer,body.colors-dark .entry-meta {
    color: #777
}

body.colors-dark .entry-content a:hover {
    color: #fff
}

body.colors-dark .has-light-background-background-color {
    background-color: var(--wp--preset--color--primary)!important
}

body.colors-dark .has-black-color {
    color: var(--wp--preset--color--white)!important
}

body.colors-dark .has-background-background-color {
    background-color: var(--wp--preset--color--foreground)!important
}

body.colors-dark .comment-author .fn,body.colors-dark .comment-author .fn a,body.colors-dark .entry-footer .post-author a,body.colors-dark .entry-meta a,body.colors-dark .entry-title a {
    color: #222222
}

body.colors-dark .comment-author .fn a:hover,body.colors-dark .comment-author .fn:hover,body.colors-dark .entry-footer .post-author a:hover,body.colors-dark .entry-meta a:hover,body.colors-dark .entry-title a:hover {
    color: var(--inspiro-primary-color)
}

body.colors-dark .comments-pagination .page-numbers,body.colors-dark .pagination .page-numbers {
    color: #777
}

body.colors-dark .comments-pagination .page-numbers.current,body.colors-dark .comments-pagination .page-numbers:not(.dots):hover,body.colors-dark .pagination .page-numbers.current,body.colors-dark .pagination .page-numbers:not(.dots):hover {
    color: #ffffff
}

body.colors-dark.page-layout-sidebar-right.has-sidebar #secondary {
    border-color: #555
}

body.colors-dark .btn,body.colors-dark .button:not(.custom-header-button),body.colors-dark .form-submit #submit,body.colors-dark .more-link,body.colors-dark .more_link,body.colors-dark .side-nav .search-form .search-submit,body.colors-dark div.wpforms-container-full .wpforms-form .wpforms-page-button,body.colors-dark div.wpforms-container-full .wpforms-form button[type=submit],body.colors-dark div.wpforms-container-full .wpforms-form input[type=submit] {
    color: #222;
    border-color: #555
}

body.colors-dark .more-link,body.colors-dark .more_link {
    color: #222!important
}

body.colors-dark .search-form button,body.colors-dark .search-form input {
    color: #fff
}

body.colors-dark figcaption.wp-element-caption {
    color: #ccc
}

body.colors-dark blockquote {
    color: #ccc
}

body.colors-dark input,body.colors-dark textarea {
    background-color: transparent
}

body.colors-dark fieldset,body.colors-dark input[type=color],body.colors-dark input[type=date],body.colors-dark input[type=datetime-local],body.colors-dark input[type=datetime],body.colors-dark input[type=email],body.colors-dark input[type=month],body.colors-dark input[type=number],body.colors-dark input[type=password],body.colors-dark input[type=range],body.colors-dark input[type=search],body.colors-dark input[type=tel],body.colors-dark input[type=text],body.colors-dark input[type=time],body.colors-dark input[type=url],body.colors-dark input[type=week],body.colors-dark ins,body.colors-dark mark,body.colors-dark pre,body.colors-dark select,body.colors-dark textarea {
    color: #ccc;
    background: #666;
    border-color: #444
}

body.colors-dark button,body.colors-dark div.wpforms-container-full .wpforms-form .wpforms-page-button,body.colors-dark div.wpforms-container-full .wpforms-form button[type=submit],body.colors-dark div.wpforms-container-full .wpforms-form input[type=submit],body.colors-dark input[type=button],body.colors-dark input[type=reset],body.colors-dark input[type=submit] {
    color: #fff;
    border-color: #555
}

body.colors-dark .sticky {
    border-color: #555
}

body.colors-dark .sticky .svg-icon-thumb-tack {
    background-color: #222
}

body.colors-dark .sb-search.sb-search-open .sb-search-input {
    background-color: #000
}

body.colors-dark .side-nav .search-form .search-submit:hover {
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color)
}

body.colors-dark .navbar-toggle {
    background-color: transparent;
    border-color: transparent
}

body.colors-dark.woocommerce #content input.button,body.colors-dark.woocommerce #respond input#submit,body.colors-dark.woocommerce a.button,body.colors-dark.woocommerce button.button,body.colors-dark.woocommerce input.button,body.colors-dark.woocommerce-page #respond input#submit,body.colors-dark.woocommerce-page a.button,body.colors-dark.woocommerce-page button.button,body.colors-dark.woocommerce-page input.button {
    color: #fff;
    border: 2px solid #555;
    background: 0 0
}

body.colors-dark.woocommerce #content input.button:hover,body.colors-dark.woocommerce #respond input#submit:hover,body.colors-dark.woocommerce a.button:hover,body.colors-dark.woocommerce button.button:hover,body.colors-dark.woocommerce input.button:hover,body.colors-dark.woocommerce-page #content input.button:hover,body.colors-dark.woocommerce-page #respond input#submit:hover,body.colors-dark.woocommerce-page a.button:hover,body.colors-dark.woocommerce-page button.button:hover,body.colors-dark.woocommerce-page input.button:hover {
    color: var(--inspiro-primary-color);
    border: 2px solid var(--inspiro-primary-color);
    background: 0 0
}

body.colors-dark #main .woocommerce-page #content input.button.alt,body.colors-dark.woocommerce #content div.product form.cart .button,body.colors-dark.woocommerce #content input.button.alt,body.colors-dark.woocommerce #respond input#submit.alt,body.colors-dark.woocommerce a.button.alt,body.colors-dark.woocommerce button.button.alt,body.colors-dark.woocommerce div.product form.cart .button,body.colors-dark.woocommerce input.button.alt,body.colors-dark.woocommerce-page #content div.product form.cart .button,body.colors-dark.woocommerce-page #respond input#submit.alt,body.colors-dark.woocommerce-page a.button.alt,body.colors-dark.woocommerce-page button.button.alt,body.colors-dark.woocommerce-page div.product form.cart .button,body.colors-dark.woocommerce-page input.button.alt {
    color: #fff;
    border: 2px solid #555;
    background: 0 0
}

body.colors-dark #main .woocommerce-page #content input.button.alt:hover,body.colors-dark.woocommerce #content div.product form.cart .button:hover,body.colors-dark.woocommerce #content input.button.alt:hover,body.colors-dark.woocommerce #respond input#submit.alt:hover,body.colors-dark.woocommerce a.button.alt:hover,body.colors-dark.woocommerce button.button.alt:hover,body.colors-dark.woocommerce div.product form.cart .button:hover,body.colors-dark.woocommerce input.button.alt:hover,body.colors-dark.woocommerce-page #content div.product form.cart .button:hover,body.colors-dark.woocommerce-page #respond input#submit.alt:hover,body.colors-dark.woocommerce-page a.button.alt:hover,body.colors-dark.woocommerce-page button.button.alt:hover,body.colors-dark.woocommerce-page div.product form.cart .button:hover,body.colors-dark.woocommerce-page input.button.alt:hover {
    color: var(--inspiro-primary-color);
    border: 2px solid var(--inspiro-primary-color);
    background: 0 0
}

body.colors-dark.woocommerce button.button.alt.disabled:hover {
    background: #333;
    color: #fff
}

body.colors-dark.woocommerce #content input.button:hover,body.colors-dark.woocommerce #respond input#submit:hover,body.colors-dark.woocommerce button.button.alt:hover,body.colors-dark.woocommerce button.button:hover,body.colors-dark.woocommerce div.product form.cart .button:hover,body.colors-dark.woocommerce input.button:hover,body.colors-dark.woocommerce-page #main a.button:hover,body.colors-dark.woocommerce-page #main input.button:hover,body.colors-dark.woocommerce-page #respond input#submit:hover,body.colors-dark.woocommerce-page a.button:hover,body.colors-dark.woocommerce-page button.button:hover,body.colors-dark.woocommerce-page div.product form.cart .button:hover,body.colors-dark.woocommerce-page input.button:hover {
    color: var(--inspiro-primary-color);
    border: 2px solid var(--inspiro-primary-color);
    background: 0 0
}

body.colors-dark .woocommerce table.shop_table {
    border: 1px solid rgba(255,255,255,.1)
}

body.colors-dark #add_payment_method #payment,body.colors-dark .woocommerce-cart #payment,body.colors-dark .woocommerce-checkout #payment {
    background: #343434;
    border-radius: 5px;
    border: 2px solid #525252
}

body.colors-dark.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,body.colors-dark.woocommerce div.product .woocommerce-tabs ul.tabs li.active,body.colors-dark.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,body.colors-dark.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    background: 0 0!important
}

body.colors-dark.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #101010
}

body.colors-dark.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #333
}

body.colors-dark.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #fff
}

body.colors-dark.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,body.colors-dark.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--inspiro-primary-color)
}