Designer Palettes

Color Palettes

Designer Palettes

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */

/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#a8a6a1;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#a8a6a1;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#dfe0e1;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#38383b!important;
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#9c8b7e;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#9c8b7e;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#d5d2cd;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
   background:#352d28!important;
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */

/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#a3826c;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#a3826c;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#efefee;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#3e3d3d!important;
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
    /*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#c8a47e;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#c8a47e;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#f1f1ef;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#32273b!important;
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#c3a477;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#c3a477;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#F7f7f7;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#333235!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#253551;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#253551;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#e0e0db;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
       background:#2a2829!important;
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */

/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#f1a639;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#f1a639;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#e7d1b5;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#344734!important;
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */

/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#f48847;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#f48847;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#e9ceb0;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#282d30!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#f08e80;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#f08e80;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#fdf0e6;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#0b0d63!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#ff5e1a;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#ff5e1a;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#dad9d9;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#282828!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#ea5822;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#ea5822;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#ebf4f7;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
   background:#062a35!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#fc231b;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#fc231b;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#f8dfdb;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
   background:#40140f!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#209d50;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#209d50;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#e1dfd8;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#1d231c!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#03b162;
}

/* 02. accent links */
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#03b162;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#F7F7F8;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
   background:#203b48!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#8dd9bf;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#8dd9bf;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#efefee;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
  background:#28211e!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#a1ba01;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#a1ba01;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#f7f7f7;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
   background:#000000!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#a0ce4e;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#a0ce4e;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#efefee;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
   background:#282a2b!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#574ce1;
}

/* 02. accent links */
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#574ce1;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#f6f6f9;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#05011c!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#2d00fb;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#2d00fb;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#f6f6f9;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#03002f!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#115cfa;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#115cfa;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#F3F5F6;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#051923!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

bg-primary

bg-primary-light

bg-primary-dark


<style>
/* <![CDATA[ */
/*** the global theme color settings ***/

    /* 01. accent backgrounds */
#cc-inner .bg-primary,#cc-inner .brand-bg #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#cc-inner .brand-bg #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#cc-inner .brand-bg .commententry input[type=submit],#cc-inner .brand-bg .hs-menu nav ul ul li a:link:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:link:hover,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:active,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:focus,#cc-inner .brand-bg .hs-menu nav ul ul li a:visited:hover,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-current>a:visited,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:link,#cc-inner .brand-bg .hs-menu nav ul ul li.cc-nav-parent>a:visited,#cc-inner .brand-bg .j-blogarticle .blogreadmore:link,#cc-inner .brand-bg .j-blogarticle .blogreadmore:visited,#cc-inner .brand-bg .j-blogarticle .comment:link,#cc-inner .brand-bg .j-blogarticle .comment:visited,#cc-inner .brand-bg .j-downloadDocument .cc-m-download-link,#cc-inner .brand-bg .j-formnew input[type=submit],#cc-inner .brand-bg .j-newsletterbox input[type=submit],#cc-inner .brand-bg .j-product .cc-shop-product-desc .cc-shop-addtocard,#cc-inner .brand-bg .j-rss br+a[target="_blank"],#cc-inner .brand-bg .post .blogreadmore:link,#cc-inner .brand-bg .post .blogreadmore:visited,#cc-inner .brand-bg .post .comment:link,#cc-inner .brand-bg .post .comment:visited,#cc-inner .brand-bg a.j-calltoaction-link,.brand-bg .color-hr .hr,.brand-bg .color-hr-2 .hr,.brand-bg .color-hr-3 .hr,.brand-bg .hs-button,.brand-bg .skill .skill_bar .skill_active,.brand-bg .tagcloud a:hover,.cc-pagemode-overlay #hs-container .brand-bg input[type=submit].submitUser{
     background:#0bc4d9;
}

/* 02. accent links */
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a:hover,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li > ul > li a.cc-nav-current,
.brand-link .jmd-nav__list-item-0.cc-nav-parent a, 
#cc-inner .brand-link .primary-color,
#cc-inner #hs-container .brand-link a.cc-nav-current.j-nav-current.jmd-nav__link--current,
#cc-inner #hs-container .brand-link .hs-menu .j-nav-variant-nested > ul > li:hover > a,
#cc-inner .brand-link .hs-menu nav ul li a:link:active,#cc-inner .brand-link .hs-menu nav ul li a:link:focus,#cc-inner .brand-link .hs-menu nav ul li a:link:hover,#cc-inner .brand-link .hs-menu nav ul li a:visited:active,#cc-inner .brand-link .hs-menu nav ul li a:visited:focus,#cc-inner .brand-link .hs-menu nav ul li a:visited:hover,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-current>a:visited,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:link,#cc-inner .brand-link .hs-menu nav ul li.cc-nav-parent>a:visited,#cc-inner .brand-link .primary-color,#cc-inner .cc-page .brand-bg .slicknav_nav a.cc-nav-current.j-nav-current.jmd-nav__link--current,#cc-inner .cc-page .brand-bg .slicknav_nav a:hover,.footer-btm a:link,.footer-btm a:visited,.hs-footer a:link,.hs-footer a:visited{
    color:#0bc4d9;
}

/* 03. light accent */
#cc-inner .bg-primary-light, .content-teaser, .quote-teaser,#cc-inner .bg-grey,#cc-inner .bg-gray,.hs-description {
   background:#F6F8F9;
}


/* 04. dark accent */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .j-formnew input[type=submit]:hover,#cc-inner .j-newsletterbox input[type=submit]:hover,#cc-inner .j-rss br+a[target="_blank"]:hover,#cc-inner .hs-footer,.brand-bg .bg-primary-dark,.brand-bg .footer-btm,.cc-pagemode-overlay #cc-inner input[type=submit].submitUser:hover,#cc-inner .j-blogarticle .blogreadmore:hover:link,#cc-inner .j-blogarticle .blogreadmore:hover:visited,#cc-inner .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#cc-inner .commententry input[type=submit]:hover{
    background:#141A1E!important
}

/* 05. contrast hover color */
#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-1:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-2:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2):hover,#cc-inner .brand-bg a.j-calltoaction-link.j-calltoaction-link-style-3:not(.white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3):hover,#cc-inner .hs-button:not(.ghost-white):active,#cc-inner .hs-button:not(.ghost-white):focus,#cc-inner .hs-button:not(.ghost-white):hover,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:focus,#cc-inner .bg-primary-dark .j-formnew input[type=submit]:hover,#cc-inner .hs-footer .j-formnew input[type=submit]:focus,#cc-inner .hs-footer .j-formnew input[type=submit]:hover{-webkit-filter:invert(10%);filter:invert(10%)}
/*]]>*/
</style>

02. How to use

The color palettes are the easiest way to change the default template colors.

All you have to do is to copy one of the predefined color palettes using the button 'Copy' and paste the code inside the section 'Edit Head' ( Menu> Settings> Edit Head )

It is possible to use the color palettes directly in widget/HTML displayed in footer so the new styles will be applied for the whole website

03. Questions & Answers

Do you have any questions regarding the Color Palettes?

Please leave your comments below

Comments: 2

#2
Matrix themes (Thursday, 29 July 2021 09:27)

@Tjaja,
The color palettes are applied for the widgets and custom elements' colors.
The default background color of content is always white.
#1
Tjaja (Wednesday, 28 July 2021 21:37)

How can I change the backgrond color of one of the subpages?

Color Palettes