/*  
---------------------------------------------------
Author: uSkinned
License: uSkinned Commercial License (https://uSkinned.net/license)
---------------------------------------------------  
*/

/*  
---------------------------------------------------
Contents

1. Font Imports
2. Global non-generated variables
3. Global generated variables
---------------------------------------------------  
*/

@import url('https://fonts.googleapis.com/css?family=Open Sans:300,400,600,700,800,300i,400i,600i,700i,800i&display=swap');@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');

:root {

    /* Expand navigation width */
    --expand-nav-width: 60px;

    /* More header sizes */
    --small-header-half: calc(var(--small-header) / 2);
    --large-header-half: calc(var(--large-header) / 2);
    --large-header-quarter: calc(var(--large-header) / 4);

    /* Main navigation sizes */
    --nav-main-height: var(--large-header);

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors:193,108,107;
    --form-warning:240,173,78;
    --form-success:92,184,92;

    /* Item widths */
    --items-1:100%;
    --items-2:50%;
    --items-3:33.3333333%;
    --items-4:25%;
    --items-5:20%;
    --items-6:16.6666667%;
    --items-7:14.2857143%;
    --items-8:12.5%;

    /* Window heights */
    --windows_basic: 50vh;
    --windows_basic_PX: 375px;

    --windows-1_basic: 100vh;
    --windows-1_basic_PX: 62.5%;
    --windows-2_basic: 100vh;
    --windows-2_basic_PX: 75%;
    --windows-3_basic: 70vh;
    --windows-3_basic_PX: 100%;
    --windows-4_basic: 50vh;
    --windows-4_basic_PX: 75%;

    --windows-3_big-item: 100vh;
    --windows-3_big-item_PX: 750px;
    --windows-3_small-item: 50vh;
    --windows-3_small-item_PX: 375px;

    --windows-4_big-item: 55vh;
    --windows-4_big-item_PX: 475px;
    --windows-4_small-item: 45vh;
    --windows-4_small-item_PX: 375px;

    /* Banner heights */
    --takeover-banner: 100vh;
    --medium-banner: 65vh;
    --medium-bannerPX: 450px;
    --short-banner: 50vh;
    --short-bannerPX: 340px;

    /* Lazyframe buttons*/
    --youtube-bg: 229,45,39;
    --vimeo-bg: 0,173,239;

    /* Component max-width */
    --component-max-width: 1350px;
    

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

    --site-spacing_sm: 0px;
    --site-spacing_lg: 0px;

    --notification-spacing_below_sm: 0px;
    --notification-spacing_side_sm: 0px;
    --notification-spacing_below_lg: 0px;
    --notification-spacing_side_lg: 0px;
    
    --backtotop-size_sm: 45px;
    --backtotop-size_lg: 60px;
    
    --backtotop-spacing_side_sm: 0px;
    --backtotop-spacing_below_sm: 0px;
    --backtotop-spacing_side_lg: 0px;
    --backtotop-spacing_below_lg: 0px;

    --site-box-shadow_h: 0px;
    --site-box-shadow_v: 0px;
    --site-box-shadow_b: 100px;
    --site-box-shadow_o: 0.1;

    --small-breakpoint: 1324px;
    --large-breakpoint: 1325px;

    --header-max-width: 1350px;
    --small-header: 90px;
    --large-header: 110px;

    --header-box-shadow_h: 0px;
    --header-box-shadow_v: 2px;
    --header-box-shadow_b: 2px;
    --header-box-shadow_o: 0.05;

    --nav-main-dropdown-width: 240px;
    --nav-main-dropdown-width_wide: 480px;

    --logo_sm-padding_top: 20px;
    --logo_sm-padding_right: 60px;
    --logo_sm-padding_bottom: 20px;
    --logo_sm-padding_left: 0px;

    --logo_lg-padding_top: 15px;
    --logo_lg-padding_right: 1px;
    --logo_lg-padding_bottom: 40px;
    --logo_lg-padding_left: 30px;

    --base-spacing: 30px;
    --base-half-spacing: 15px;
    --base-border-width: 1px;
    --base-border-radius: 0px;

    --base-box-shadow_h: 0px;
    --base-box-shadow_v: 0px;
    --base-box-shadow_b: 15px;
    --base-box-shadow_o: 0.1;

    --content-col_pc-spacing: 15px;
    --pc-spacing: 30px;
    --pc-spacing_sm: 30px;
    --pc-spacing_md: 40px;
    --pc-spacing_lg: 50px;
    --pc-spacing_xl: 60px;

    --intro-col: 100%;
    --intro-col_sm: 100%;
    --intro-col_md: 90%;
    --intro-col_lg: 80%;
    --intro-col_xl: 75%;

    --outro-col: 100%;
    --outro-col_sm: 100%;
    --outro-col_md: 90%;
    --outro-col_lg: 80%;
    --outro-col_xl: 75%;

    --center-col: 100%;
    --center-col_sm: 100%;
    --center-col_md: 90%;
    --center-col_lg: 65%;
    --center-col_xl: 50%;

    --banner-col: 100%;
    --banner-col_sm: 100%;
    --banner-col_md: 90%;
    --banner-col_lg: 80%;
    --banner-col_xl: 75%;

    --form-field-border-width: 1px;
    --form-field-border-radius: 0px;

    --btn-border-width: 1px;
    --btn-border-radius: 90px;

    --btn-box-shadow_h: 0px;
    --btn-box-shadow_v: 0px;
    --btn-box-shadow_b: 0px;
    --btn-box-shadow_o: 0;

    --btn_sm-padding_top: 6px;
    --btn_sm-padding_right: 10px;
    --btn_sm-padding_bottom: 6px;
    --btn_sm-padding_left: 10px;

    --btn-padding_top: 8px;
    --btn-padding_right: 12px;
    --btn-padding_bottom: 8px;
    --btn-padding_left: 12px;

    --btn_lg-padding_top:  10px;
    --btn_lg-padding_right:  14px;
    --btn_lg-padding_bottom:  10px;
    --btn_lg-padding_left:  14px;

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 238, 238, 238;
    --body-bg-color2:  0, 0, 0;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 255, 255, 255;
    --header-bg-color2:  0, 0, 0;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 103, 122, 146;
    --header-borders: 204, 204, 204;
    --header-highlight: 0, 0, 0;
    
    /* Main Navigation */
    --main-navigation-link: 103, 122, 146;
    --main-navigation-link-hover: 108, 164, 55;
    --main-navigation-link-active: 108, 164, 55;

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 223, 223, 223;
    --secondary-navigation-link-hover: 108, 108, 108;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 216, 216, 216;
    --navigation-dropdown-color2:  0, 0, 0;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 0, 0, 0;
    --navigation-dropdown-link-hover: 108, 108, 108;
    --navigation-dropdown-link-active: 108, 108, 108;
    
    /* Content */
    --base-bg-color1: 255, 255, 255;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 0, 0, 0;
    --base-secondary-heading: 0, 0, 0;
    --base-text: 0, 0, 0;
    --base-link: 103, 122, 146;
    --base-link-hover: 108, 164, 55;
    --base-borders: 0, 0, 0;
    --base-highlight: 108, 108, 108;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 108, 164, 55;
    --base-btn-bg-color2:  0, 0, 0;
    --base-btn-bg-start-perc: 50%;
    --base-btn-bg-stop-perc: 50%;
    --base-btn-bg-angle: 90deg;
    --base-btn-text: 238, 238, 238;
    --base-btn-borders: 108, 164, 55;
    --base-btn-bg-hover-color1: 255, 255, 255;
    --base-btn-bg-hover-color2:  53, 53, 53;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 108, 164, 55;
    --base-btn-borders-hover: 108, 164, 55;
    
    /* Footer */
    --footer-bg-color1: 103, 122, 146;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 251, 251, 251;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 108, 164, 55;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 255, 255, 255;

    --c1-bg-color1: 0, 0, 0;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 255, 255, 255;
--c1-secondary-heading: 255, 255, 255;
--c1-text: 238, 238, 238;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 255;
--c1-highlight-text: 0, 0, 0;
--c2-bg-color1: 216, 216, 216;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 0, 0, 0;
--c2-secondary-heading: 0, 0, 0;
--c2-text: 0, 0, 0;
--c2-link: 0, 0, 0;
--c2-link-hover: 108, 108, 108;
--c2-borders: 0, 0, 0;
--c2-highlight: 108, 108, 108;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 109, 173, 65;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 255, 255, 255;
--c3-secondary-heading: 255, 255, 255;
--c3-text: 255, 255, 255;
--c3-link: 0, 0, 0;
--c3-link-hover: 108, 108, 108;
--c3-borders: 0, 0, 0;
--c3-highlight: 108, 108, 108;
--c3-highlight-text: 255, 255, 255;
--c4-bg-color1: 255, 255, 255;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 103, 122, 146;
--c4-secondary-heading: 109, 173, 65;
--c4-text: 0, 0, 0;
--c4-link: 0, 0, 0;
--c4-link-hover: 108, 108, 108;
--c4-borders: 0, 0, 0;
--c4-highlight: 108, 108, 108;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 103, 122, 146;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 255, 255, 255;
--c5-secondary-heading: 255, 255, 255;
--c5-text: 255, 255, 255;
--c5-link: 255, 255, 255;
--c5-link-hover: 255, 255, 255;
--c5-borders: 255, 255, 255;
--c5-highlight: 58, 86, 106;
--c5-highlight-text: 255, 255, 255;
--c6-bg-color1: 241, 242, 242;
--c6-bg-color2:  0, 0, 0;
--c6-bg-start-perc: 50%;
--c6-bg-stop-perc: 50%;
--c6-bg-angle: 90deg;
--c6-heading: 0, 0, 0;
--c6-secondary-heading: 0, 0, 0;
--c6-text: 0, 0, 0;
--c6-link: 0, 0, 0;
--c6-link-hover: 108, 108, 108;
--c6-borders: 0, 0, 0;
--c6-highlight: 108, 108, 108;
--c6-highlight-text: 255, 255, 255;
--c7-bg-color1: 103, 122, 146;
--c7-bg-color2:  0, 0, 0;
--c7-bg-start-perc: 50%;
--c7-bg-stop-perc: 50%;
--c7-bg-angle: 90deg;
--c7-heading: 255, 255, 255;
--c7-secondary-heading: 255, 255, 255;
--c7-text: 255, 255, 255;
--c7-link: 255, 255, 255;
--c7-link-hover: 255, 255, 255;
--c7-borders: 255, 255, 255;
--c7-highlight: 255, 255, 255;
--c7-highlight-text: 112, 112, 112;
--c8-bg-color1: 38, 63, 107;
--c8-bg-color2:  0, 0, 0;
--c8-bg-start-perc: 50%;
--c8-bg-stop-perc: 50%;
--c8-bg-angle: 90deg;
--c8-heading: 255, 255, 255;
--c8-secondary-heading: 255, 255, 255;
--c8-text: 255, 255, 255;
--c8-link: 255, 255, 255;
--c8-link-hover: 255, 255, 255;
--c8-borders: 255, 255, 255;
--c8-highlight: 148, 148, 148;
--c8-highlight-text: 255, 255, 255;
--c9-bg-color1: 47, 95, 152;
--c9-bg-color2:  0, 0, 0;
--c9-bg-start-perc: 50%;
--c9-bg-stop-perc: 50%;
--c9-bg-angle: 90deg;
--c9-heading: 255, 255, 255;
--c9-secondary-heading: 255, 255, 255;
--c9-text: 255, 255, 255;
--c9-link: 255, 255, 255;
--c9-link-hover: 233, 233, 233;
--c9-borders: 233, 233, 233;
--c9-highlight: 148, 148, 148;
--c9-highlight-text: 255, 255, 255;
--c10-bg-color1: 158, 84, 42;
--c10-bg-color2:  0, 0, 0;
--c10-bg-start-perc: 50%;
--c10-bg-stop-perc: 50%;
--c10-bg-angle: 90deg;
--c10-heading: 255, 255, 255;
--c10-secondary-heading: 255, 255, 255;
--c10-text: 255, 255, 255;
--c10-link: 255, 255, 255;
--c10-link-hover: 0, 0, 0;
--c10-borders: 0, 0, 0;
--c10-highlight: 108, 108, 108;
--c10-highlight-text: 255, 255, 255;
--c11-bg-color1: 185, 83, 16;
--c11-bg-color2:  0, 0, 0;
--c11-bg-start-perc: 50%;
--c11-bg-stop-perc: 50%;
--c11-bg-angle: 90deg;
--c11-heading: 255, 255, 255;
--c11-secondary-heading: 255, 255, 255;
--c11-text: 255, 255, 255;
--c11-link: 0, 0, 0;
--c11-link-hover: 185, 194, 184;
--c11-borders: 0, 0, 0;
--c11-highlight: 185, 194, 184;
--c11-highlight-text: 0, 0, 0;
--c12-bg-color1: 93, 112, 90;
--c12-bg-color2:  0, 0, 0;
--c12-bg-start-perc: 50%;
--c12-bg-stop-perc: 50%;
--c12-bg-angle: 90deg;
--c12-heading: 255, 255, 255;
--c12-secondary-heading: 255, 255, 255;
--c12-text: 255, 255, 255;
--c12-link: 255, 255, 255;
--c12-link-hover: 201, 201, 201;
--c12-borders: 0, 0, 0;
--c12-highlight: 187, 187, 187;
--c12-highlight-text: 65, 78, 63;


    --c1-btn-bg-color1:  0, 0, 0;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 255, 255, 255;
--c1-btn-borders: 255, 255, 255;
--c1-btn-bg-hover-color1:  255, 255, 255;
--c1-btn-bg-hover-color2:  255, 255, 255;
--c1-btn-bg-hover-start-perc: 50%;
--c1-btn-bg-hover-stop-perc: 50%;
--c1-btn-bg-hover-angle: 90deg;
--c1-btn-text-hover: 0, 0, 0;
--c1-btn-borders-hover: 0, 0, 0;
--c2-btn-bg-color1:  216, 216, 216;
--c2-btn-bg-color2:  0, 0, 0;
--c2-btn-bg-start-perc: 50%;
--c2-btn-bg-stop-perc: 50%;
--c2-btn-bg-angle: 90deg;
--c2-btn-text: 0, 0, 0;
--c2-btn-borders: 216, 216, 216;
--c2-btn-bg-hover-color1:  200, 200, 200;
--c2-btn-bg-hover-color2:  255, 255, 255;
--c2-btn-bg-hover-start-perc: 50%;
--c2-btn-bg-hover-stop-perc: 50%;
--c2-btn-bg-hover-angle: 90deg;
--c2-btn-text-hover: 0, 0, 0;
--c2-btn-borders-hover: 200, 200, 200;
--c3-btn-bg-color1:  255, 255, 255;
--c3-btn-bg-color2:  0, 0, 0;
--c3-btn-bg-start-perc: 50%;
--c3-btn-bg-stop-perc: 50%;
--c3-btn-bg-angle: 90deg;
--c3-btn-text: 121, 169, 76;
--c3-btn-borders: 121, 169, 76;
--c3-btn-bg-hover-color1:  255, 255, 255;
--c3-btn-bg-hover-color2:  255, 255, 255;
--c3-btn-bg-hover-start-perc: 50%;
--c3-btn-bg-hover-stop-perc: 50%;
--c3-btn-bg-hover-angle: 90deg;
--c3-btn-text-hover: 121, 169, 76;
--c3-btn-borders-hover: 121, 169, 76;
--c4-btn-bg-color1:  103, 122, 146;
--c4-btn-bg-color2:  0, 0, 0;
--c4-btn-bg-start-perc: 50%;
--c4-btn-bg-stop-perc: 50%;
--c4-btn-bg-angle: 90deg;
--c4-btn-text: 255, 255, 255;
--c4-btn-borders: 255, 255, 255;
--c4-btn-bg-hover-color1:  255, 255, 255;
--c4-btn-bg-hover-color2:  255, 255, 255;
--c4-btn-bg-hover-start-perc: 50%;
--c4-btn-bg-hover-stop-perc: 50%;
--c4-btn-bg-hover-angle: 90deg;
--c4-btn-text-hover: 103, 122, 146;
--c4-btn-borders-hover: 103, 122, 146;
--c5-btn-bg-color1:  255, 255, 255;
--c5-btn-bg-color2:  0, 0, 0;
--c5-btn-bg-start-perc: 50%;
--c5-btn-bg-stop-perc: 50%;
--c5-btn-bg-angle: 90deg;
--c5-btn-text: 103, 122, 146;
--c5-btn-borders: 103, 122, 146;
--c5-btn-bg-hover-color1:  103, 122, 146;
--c5-btn-bg-hover-color2:  255, 255, 255;
--c5-btn-bg-hover-start-perc: 50%;
--c5-btn-bg-hover-stop-perc: 50%;
--c5-btn-bg-hover-angle: 90deg;
--c5-btn-text-hover: 255, 255, 255;
--c5-btn-borders-hover: 103, 122, 146;
--c6-btn-bg-color1:  255, 255, 255;
--c6-btn-bg-color2:  0, 0, 0;
--c6-btn-bg-start-perc: 50%;
--c6-btn-bg-stop-perc: 50%;
--c6-btn-bg-angle: 90deg;
--c6-btn-text: 103, 122, 146;
--c6-btn-borders: 103, 122, 146;
--c6-btn-bg-hover-color1:  103, 122, 146;
--c6-btn-bg-hover-color2:  255, 255, 255;
--c6-btn-bg-hover-start-perc: 50%;
--c6-btn-bg-hover-stop-perc: 50%;
--c6-btn-bg-hover-angle: 90deg;
--c6-btn-text-hover: 255, 255, 255;
--c6-btn-borders-hover: 255, 255, 255;
--c7-btn-bg-color1:  121, 169, 76;
--c7-btn-bg-color2:  0, 0, 0;
--c7-btn-bg-start-perc: 50%;
--c7-btn-bg-stop-perc: 50%;
--c7-btn-bg-angle: 90deg;
--c7-btn-text: 255, 255, 255;
--c7-btn-borders: 255, 255, 255;
--c7-btn-bg-hover-color1:  255, 255, 255;
--c7-btn-bg-hover-color2:  255, 255, 255;
--c7-btn-bg-hover-start-perc: 50%;
--c7-btn-bg-hover-stop-perc: 50%;
--c7-btn-bg-hover-angle: 90deg;
--c7-btn-text-hover: 121, 169, 76;
--c7-btn-borders-hover: 121, 169, 76;
--c8-btn-bg-color1:  38, 63, 107;
--c8-btn-bg-color2:  0, 0, 0;
--c8-btn-bg-start-perc: 50%;
--c8-btn-bg-stop-perc: 50%;
--c8-btn-bg-angle: 90deg;
--c8-btn-text: 255, 255, 255;
--c8-btn-borders: 255, 255, 255;
--c8-btn-bg-hover-color1:  255, 255, 255;
--c8-btn-bg-hover-color2:  255, 255, 255;
--c8-btn-bg-hover-start-perc: 50%;
--c8-btn-bg-hover-stop-perc: 50%;
--c8-btn-bg-hover-angle: 90deg;
--c8-btn-text-hover: 38, 63, 107;
--c8-btn-borders-hover: 38, 63, 107;
--c9-btn-bg-color1:  255, 255, 255;
--c9-btn-bg-color2:  0, 0, 0;
--c9-btn-bg-start-perc: 50%;
--c9-btn-bg-stop-perc: 50%;
--c9-btn-bg-angle: 90deg;
--c9-btn-text: 38, 63, 107;
--c9-btn-borders: 38, 63, 107;
--c9-btn-bg-hover-color1:  38, 63, 107;
--c9-btn-bg-hover-color2:  255, 255, 255;
--c9-btn-bg-hover-start-perc: 50%;
--c9-btn-bg-hover-stop-perc: 50%;
--c9-btn-bg-hover-angle: 90deg;
--c9-btn-text-hover: 255, 255, 255;
--c9-btn-borders-hover: 255, 255, 255;
--c10-btn-bg-color1:  158, 84, 42;
--c10-btn-bg-color2:  0, 0, 0;
--c10-btn-bg-start-perc: 50%;
--c10-btn-bg-stop-perc: 50%;
--c10-btn-bg-angle: 90deg;
--c10-btn-text: 255, 255, 255;
--c10-btn-borders: 255, 255, 255;
--c10-btn-bg-hover-color1:  255, 255, 255;
--c10-btn-bg-hover-color2:  255, 255, 255;
--c10-btn-bg-hover-start-perc: 50%;
--c10-btn-bg-hover-stop-perc: 50%;
--c10-btn-bg-hover-angle: 90deg;
--c10-btn-text-hover: 158, 84, 42;
--c10-btn-borders-hover: 158, 84, 42;
--c11-btn-bg-color1:  185, 83, 16;
--c11-btn-bg-color2:  0, 0, 0;
--c11-btn-bg-start-perc: 50%;
--c11-btn-bg-stop-perc: 50%;
--c11-btn-bg-angle: 90deg;
--c11-btn-text: 255, 255, 255;
--c11-btn-borders: 255, 255, 255;
--c11-btn-bg-hover-color1:  0, 0, 0;
--c11-btn-bg-hover-color2:  255, 255, 255;
--c11-btn-bg-hover-start-perc: 50%;
--c11-btn-bg-hover-stop-perc: 50%;
--c11-btn-bg-hover-angle: 90deg;
--c11-btn-text-hover: 0, 0, 0;
--c11-btn-borders-hover: 51, 51, 51;
--c12-btn-bg-color1:  255, 255, 255;
--c12-btn-bg-color2:  0, 0, 0;
--c12-btn-bg-start-perc: 50%;
--c12-btn-bg-stop-perc: 50%;
--c12-btn-bg-angle: 90deg;
--c12-btn-text: 158, 84, 42;
--c12-btn-borders: 158, 84, 42;
--c12-btn-bg-hover-color1:  158, 84, 42;
--c12-btn-bg-hover-color2:  255, 255, 255;
--c12-btn-bg-hover-start-perc: 50%;
--c12-btn-bg-hover-stop-perc: 50%;
--c12-btn-bg-hover-angle: 90deg;
--c12-btn-text-hover: 255, 255, 255;
--c12-btn-borders-hover: 255, 255, 255;
--c13-btn-bg-color1:  93, 112, 90;
--c13-btn-bg-color2:  0, 0, 0;
--c13-btn-bg-start-perc: 50%;
--c13-btn-bg-stop-perc: 50%;
--c13-btn-bg-angle: 90deg;
--c13-btn-text: 255, 255, 255;
--c13-btn-borders: 93, 112, 90;
--c13-btn-bg-hover-color1:  255, 255, 255;
--c13-btn-bg-hover-color2:  255, 255, 255;
--c13-btn-bg-hover-start-perc: 50%;
--c13-btn-bg-hover-stop-perc: 50%;
--c13-btn-bg-hover-angle: 90deg;
--c13-btn-text-hover: 93, 112, 90;
--c13-btn-borders-hover: 93, 112, 90;
--c14-btn-bg-color1:  50, 74, 53;
--c14-btn-bg-color2:  0, 0, 0;
--c14-btn-bg-start-perc: 50%;
--c14-btn-bg-stop-perc: 50%;
--c14-btn-bg-angle: 90deg;
--c14-btn-text: 255, 255, 255;
--c14-btn-borders: 50, 74, 53;
--c14-btn-bg-hover-color1:  255, 255, 255;
--c14-btn-bg-hover-color2:  255, 255, 255;
--c14-btn-bg-hover-start-perc: 50%;
--c14-btn-bg-hover-stop-perc: 50%;
--c14-btn-bg-hover-angle: 90deg;
--c14-btn-text-hover: 50, 74, 53;
--c14-btn-borders-hover: 50, 74, 53;
--c15-btn-bg-color1:  255, 255, 255;
--c15-btn-bg-color2:  0, 0, 0;
--c15-btn-bg-start-perc: 50%;
--c15-btn-bg-stop-perc: 50%;
--c15-btn-bg-angle: 90deg;
--c15-btn-text: 93, 112, 90;
--c15-btn-borders: 93, 112, 90;
--c15-btn-bg-hover-color1:  93, 112, 90;
--c15-btn-bg-hover-color2:  255, 255, 255;
--c15-btn-bg-hover-start-perc: 50%;
--c15-btn-bg-hover-stop-perc: 50%;
--c15-btn-bg-hover-angle: 90deg;
--c15-btn-text-hover: 255, 255, 255;
--c15-btn-borders-hover: 93, 112, 90;


    /* Fonts tab */
    
    --body-typography_font-name: 'Montserrat',sans-serif;
    --body-typography_font-weight: 400;
    --body-typography_font-style: normal;
    --body-typography_font-line-height: 150%;
    --body-typography_font-letter-spacing: 0px;
    --body-typography_font-transform: None;

    --body-typography_font-size: 16px; 
    --body-typography_font-size_sm: 16px; 
    --body-typography_font-size_md: 16px; 
    --body-typography_font-size_lg: 16px; 
    --body-typography_font-size_xl: 16px; 

    --h1-typography_font-name: 'Montserrat',sans-serif;
    --h1-typography_font-weight: 400;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 120%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 24px; 
    --h1-typography_font-size_sm: 30px; 
    --h1-typography_font-size_md: 36px; 
    --h1-typography_font-size_lg: 42px; 
    --h1-typography_font-size_xl: 60px; 

    --h2-typography_font-name: 'Montserrat',sans-serif;
    --h2-typography_font-weight: 400;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 120%;
    --h2-typography_font-letter-spacing: 0px;
    --h2-typography_font-transform: None;

    --h2-typography_font-size: 30px; 
    --h2-typography_font-size_sm: 32px; 
    --h2-typography_font-size_md: 36px; 
    --h2-typography_font-size_lg: 38px; 
    --h2-typography_font-size_xl: 40px; 

    --h3-typography_font-name: 'Montserrat',sans-serif;
    --h3-typography_font-weight: 400;
    --h3-typography_font-style: normal;
    --h3-typography_font-line-height: 120%;
    --h3-typography_font-letter-spacing: 0px;
    --h3-typography_font-transform: None;

    --h3-typography_font-size: 26px; 
    --h3-typography_font-size_sm: 28px; 
    --h3-typography_font-size_md: 30px; 
    --h3-typography_font-size_lg: 32px; 
    --h3-typography_font-size_xl: 36px; 

    --h4-typography_font-name: 'Montserrat',sans-serif;
    --h4-typography_font-weight: 400;
    --h4-typography_font-style: normal;
    --h4-typography_font-line-height: 120%;
    --h4-typography_font-letter-spacing: 0px;
    --h4-typography_font-transform: None;

    --h4-typography_font-size: 24px; 
    --h4-typography_font-size_sm: 26px; 
    --h4-typography_font-size_md: 28px; 
    --h4-typography_font-size_lg: 30px; 
    --h4-typography_font-size_xl: 34px; 

    --h5-typography_font-name: 'Montserrat',sans-serif;
    --h5-typography_font-weight: 400;
    --h5-typography_font-style: normal;
    --h5-typography_font-line-height: 120%;
    --h5-typography_font-letter-spacing: 0px;
    --h5-typography_font-transform: None;

    --h5-typography_font-size: 22px; 
    --h5-typography_font-size_sm: 24px; 
    --h5-typography_font-size_md: 26px; 
    --h5-typography_font-size_lg: 28px; 
    --h5-typography_font-size_xl: 28px; 

    --h6-typography_font-name: 'Montserrat',sans-serif;
    --h6-typography_font-weight: 400;
    --h6-typography_font-style: normal;
    --h6-typography_font-line-height: 120%;
    --h6-typography_font-letter-spacing: 0px;
    --h6-typography_font-transform: None;

    --h6-typography_font-size: 20px; 
    --h6-typography_font-size_sm: 22px; 
    --h6-typography_font-size_md: 22px; 
    --h6-typography_font-size_lg: 24px; 
    --h6-typography_font-size_xl: 24px; 

    --p-heading-typography_font-name: 'Montserrat',sans-serif;
    --p-heading-typography_font-weight: 400;
    --p-heading-typography_font-style: normal;
    --p-heading-typography_font-line-height: 120%;
    --p-heading-typography_font-letter-spacing: 0px;
    --p-heading-typography_font-transform: None;

    --p-heading-typography_font-size: 22px; 
    --p-heading-typography_font-size_sm: 24px; 
    --p-heading-typography_font-size_md: 26px; 
    --p-heading-typography_font-size_lg: 28px; 
    --p-heading-typography_font-size_xl: 28px; 

    --p-heading_small-typography_font-name: 'Montserrat',sans-serif;
    --p-heading_small-typography_font-weight: 400;
    --p-heading_small-typography_font-style: normal;
    --p-heading_small-typography_font-line-height: 120%;
    --p-heading_small-typography_font-letter-spacing: 0px;
    --p-heading_small-typography_font-transform: None;

    --p-heading_small-typography_font-size: 20px; 
    --p-heading_small-typography_font-size_sm: 22px; 
    --p-heading_small-typography_font-size_md: 22px; 
    --p-heading_small-typography_font-size_lg: 24px; 
    --p-heading_small-typography_font-size_xl: 24px; 

    --p-heading_large-typography_font-name: 'Montserrat',sans-serif;
    --p-heading_large-typography_font-weight: 400;
    --p-heading_large-typography_font-style: normal;
    --p-heading_large-typography_font-line-height: 120%;
    --p-heading_large-typography_font-letter-spacing: 0px;
    --p-heading_large-typography_font-transform: None;

    --p-heading_large-typography_font-size: 26px; 
    --p-heading_large-typography_font-size_sm: 28px; 
    --p-heading_large-typography_font-size_md: 30px; 
    --p-heading_large-typography_font-size_lg: 32px; 
    --p-heading_large-typography_font-size_xl: 34px; 

    --p-intro-typography_font-name: 'Montserrat',sans-serif;
    --p-intro-typography_font-weight: 400;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 140%;
    --p-intro-typography_font-letter-spacing: 0px;
    --p-intro-typography_font-transform: None;

    --p-intro-typography_font-size: 22px; 
    --p-intro-typography_font-size_sm: 22px; 
    --p-intro-typography_font-size_md: 22px; 
    --p-intro-typography_font-size_lg: 22px; 
    --p-intro-typography_font-size_xl: 22px; 

    --p-intro_small-typography_font-name: 'Montserrat',sans-serif;
    --p-intro_small-typography_font-weight: 400;
    --p-intro_small-typography_font-style: normal;
    --p-intro_small-typography_font-line-height: 140%;
    --p-intro_small-typography_font-letter-spacing: 0px;
    --p-intro_small-typography_font-transform: None;

    --p-intro_small-typography_font-size: 20px; 
    --p-intro_small-typography_font-size_sm: 20px; 
    --p-intro_small-typography_font-size_md: 20px; 
    --p-intro_small-typography_font-size_lg: 20px; 
    --p-intro_small-typography_font-size_xl: 20px;  

    --p-intro_large-typography_font-name: 'Montserrat',sans-serif;
    --p-intro_large-typography_font-weight: 400;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 130%;
    --p-intro_large-typography_font-letter-spacing: -0.15px;
    --p-intro_large-typography_font-transform: None;

    --p-intro_large-typography_font-size: 26px; 
    --p-intro_large-typography_font-size_sm: 26px; 
    --p-intro_large-typography_font-size_md: 26px; 
    --p-intro_large-typography_font-size_lg: 26px; 
    --p-intro_large-typography_font-size_xl: 26px;  

    --secondary-heading-typography_font-name: 'Montserrat',sans-serif;
    --secondary-heading-typography_font-weight: 400;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 120%;
    --secondary-heading-typography_font-letter-spacing: 1.5px;
    --secondary-heading-typography_font-transform: Uppercase;

    --secondary-heading-typography_font-size: 14px; 
    --secondary-heading-typography_font-size_sm: 14px; 
    --secondary-heading-typography_font-size_md: 14px; 
    --secondary-heading-typography_font-size_lg: 14px; 
    --secondary-heading-typography_font-size_xl: 14px;  

    --secondary-heading_small-typography_font-name: 'Montserrat',sans-serif;
    --secondary-heading_small-typography_font-weight: 400;
    --secondary-heading_small-typography_font-style: normal;
    --secondary-heading_small-typography_font-line-height: 120%;
    --secondary-heading_small-typography_font-letter-spacing: 1.5px;
    --secondary-heading_small-typography_font-transform: Uppercase;

    --secondary-heading_small-typography_font-size: 12px; 
    --secondary-heading_small-typography_font-size_sm: 12px; 
    --secondary-heading_small-typography_font-size_md: 12px; 
    --secondary-heading_small-typography_font-size_lg: 12px; 
    --secondary-heading_small-typography_font-size_xl: 12px;  

    --secondary-heading_large-typography_font-name: 'Montserrat',sans-serif;
    --secondary-heading_large-typography_font-weight: 400;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 120%;
    --secondary-heading_large-typography_font-letter-spacing: 1.5px;
    --secondary-heading_large-typography_font-transform: Uppercase;

    --secondary-heading_large-typography_font-size: 18px; 
    --secondary-heading_large-typography_font-size_sm: 18px; 
    --secondary-heading_large-typography_font-size_md: 18px; 
    --secondary-heading_large-typography_font-size_lg: 18px; 
    --secondary-heading_large-typography_font-size_xl: 18px;  

    --blockquote-typography_font-name: 'Montserrat',sans-serif;
    --blockquote-typography_font-weight: 400;
    --blockquote-typography_font-style: normal;
    --blockquote-typography_font-line-height: 140%;
    --blockquote-typography_font-letter-spacing: -0.25px;
    --blockquote-typography_font-transform: None;

    --blockquote-typography_font-size: 22px; 
    --blockquote-typography_font-size_sm: 22px; 
    --blockquote-typography_font-size_md: 22px; 
    --blockquote-typography_font-size_lg: 22px; 
    --blockquote-typography_font-size_xl: 22px;  

    --blockquote_small-typography_font-name: 'Montserrat',sans-serif;
    --blockquote_small-typography_font-weight: 400;
    --blockquote_small-typography_font-style: normal;
    --blockquote_small-typography_font-line-height: 140%;
    --blockquote_small-typography_font-letter-spacing: -0.25px;
    --blockquote_small-typography_font-transform: None;

    --blockquote_small-typography_font-size: 18px; 
    --blockquote_small-typography_font-size_sm: 18px; 
    --blockquote_small-typography_font-size_md: 18px; 
    --blockquote_small-typography_font-size_lg: 18px; 
    --blockquote_small-typography_font-size_xl: 18px;  

    --blockquote_large-typography_font-name: 'Montserrat',sans-serif;
    --blockquote_large-typography_font-weight: 400;
    --blockquote_large-typography_font-style: normal;
    --blockquote_large-typography_font-line-height: 140%;
    --blockquote_large-typography_font-letter-spacing: -0.25px;
    --blockquote_large-typography_font-transform: None;

    --blockquote_large-typography_font-size: 26px; 
    --blockquote_large-typography_font-size_sm: 26px; 
    --blockquote_large-typography_font-size_md: 26px; 
    --blockquote_large-typography_font-size_lg: 26px; 
    --blockquote_large-typography_font-size_xl: 26px;  

    --btn-typography_font-name: 'Montserrat',sans-serif;
    --btn-typography_font-weight: 400;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 150%;
    --btn-typography_font-letter-spacing: 0px;
    --btn-typography_font-transform: None;

    --btn-typography_font-size: 16px; 
    --btn-typography_font-size_sm: 16px; 
    --btn-typography_font-size_md: 16px; 
    --btn-typography_font-size_lg: 16px; 
    --btn-typography_font-size_xl: 16px;  

    --btn_small-typography_font-name: 'Montserrat',sans-serif;
    --btn_small-typography_font-weight: 400;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 150%;
    --btn_small-typography_font-letter-spacing: 0px;
    --btn_small-typography_font-transform: None;

    --btn_small-typography_font-size: 12px; 
    --btn_small-typography_font-size_sm: 12px; 
    --btn_small-typography_font-size_md: 12px; 
    --btn_small-typography_font-size_lg: 12px; 
    --btn_small-typography_font-size_xl: 12px;   

    --btn_large-typography_font-name: 'Montserrat',sans-serif;
    --btn_large-typography_font-weight: 400;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 150%;
    --btn_large-typography_font-letter-spacing: 0px;
    --btn_large-typography_font-transform: None;

    --btn_large-typography_font-size: 20px; 
    --btn_large-typography_font-size_sm: 20px; 
    --btn_large-typography_font-size_md: 20px; 
    --btn_large-typography_font-size_lg: 20px; 
    --btn_large-typography_font-size_xl: 20px;  

    --main-navigation-typography_font-name: 'Montserrat',sans-serif;
    --main-navigation-typography_font-weight: 400;
    --main-navigation-typography_font-style: normal;
    --main-navigation-typography_font-line-height: 150%;
    --main-navigation-typography_font-letter-spacing: 0px;
    --main-navigation-typography_font-transform: None;

    --main-navigation-typography_font-size: 16px; 
    --main-navigation-typography_font-size_sm: 16px; 
    --main-navigation-typography_font-size_md: 16px; 
    --main-navigation-typography_font-size_lg: 16px; 
    --main-navigation-typography_font-size_xl: 20px; 

    --main-navigation_dropdowns-typography_font-name: 'Montserrat',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 400;
    --main-navigation_dropdowns-typography_font-style: normal;
    --main-navigation_dropdowns-typography_font-line-height: 150%;
    --main-navigation_dropdowns-typography_font-letter-spacing: 0px;
    --main-navigation_dropdowns-typography_font-transform: None;

    --main-navigation_dropdowns-typography_font-size: 16px; 
    --main-navigation_dropdowns-typography_font-size_sm: 16px; 
    --main-navigation_dropdowns-typography_font-size_md: 16px; 
    --main-navigation_dropdowns-typography_font-size_lg: 16px; 
    --main-navigation_dropdowns-typography_font-size_xl: 16px;  

    --secondary-navigation-typography_font-name: 'Montserrat',sans-serif;
    --secondary-navigation-typography_font-weight: 400;
    --secondary-navigation-typography_font-style: normal;
    --secondary-navigation-typography_font-line-height: 150%;
    --secondary-navigation-typography_font-letter-spacing: 0px;
    --secondary-navigation-typography_font-transform: None;

    --secondary-navigation-typography_font-size: 14px; 
    --secondary-navigation-typography_font-size_sm: 14px; 
    --secondary-navigation-typography_font-size_md: 14px; 
    --secondary-navigation-typography_font-size_lg: 14px; 
    --secondary-navigation-typography_font-size_xl: 14px;  

    --sub-navigation-typography_font-name: 'Montserrat',sans-serif;
    --sub-navigation-typography_font-weight: 400;
    --sub-navigation-typography_font-style: normal;
    --sub-navigation-typography_font-line-height: 150%;
    --sub-navigation-typography_font-letter-spacing: 0px;
    --sub-navigation-typography_font-transform: None;

    --sub-navigation-typography_font-size: 16px; 
    --sub-navigation-typography_font-size_sm: 16px; 
    --sub-navigation-typography_font-size_md: 16px; 
    --sub-navigation-typography_font-size_lg: 16px; 
    --sub-navigation-typography_font-size_xl: 16px;  

    --footer-navigation-typography_font-name: 'Montserrat',sans-serif;
    --footer-navigation-typography_font-weight: 400;
    --footer-navigation-typography_font-style: normal;
    --footer-navigation-typography_font-line-height: 150%;
    --footer-navigation-typography_font-letter-spacing: 0px;
    --footer-navigation-typography_font-transform: None;

    --footer-navigation-typography_font-size: 13px; 
    --footer-navigation-typography_font-size_sm: 13px; 
    --footer-navigation-typography_font-size_md: 13px; 
    --footer-navigation-typography_font-size_lg: 13px; 
    --footer-navigation-typography_font-size_xl: 13px;  

    --breadcrumb-navigation-typography_font-name: 'Montserrat',sans-serif;
    --breadcrumb-navigation-typography_font-weight: 400;
    --breadcrumb-navigation-typography_font-style: normal;
    --breadcrumb-navigation-typography_font-line-height: 150%;
    --breadcrumb-navigation-typography_font-letter-spacing: 0px;
    --breadcrumb-navigation-typography_font-transform: None;

    --breadcrumb-navigation-typography_font-size: 14px; 
    --breadcrumb-navigation-typography_font-size_sm: 14px; 
    --breadcrumb-navigation-typography_font-size_md: 14px; 
    --breadcrumb-navigation-typography_font-size_lg: 14px; 
    --breadcrumb-navigation-typography_font-size_xl: 14px;  

    --anchor-navigation-typography_font-name: 'Montserrat',sans-serif;
    --anchor-navigation-typography_font-weight: 400;
    --anchor-navigation-typography_font-style: normal;
    --anchor-navigation-typography_font-line-height: 150%;
    --anchor-navigation-typography_font-letter-spacing: 0px;
    --anchor-navigation-typography_font-transform: None;

    --anchor-navigation-typography_font-size: 16px; 
    --anchor-navigation-typography_font-size_sm: 16px; 
    --anchor-navigation-typography_font-size_md: 16px; 
    --anchor-navigation-typography_font-size_lg: 16px; 
    --anchor-navigation-typography_font-size_xl: 16px;  

    --acc-tab-typography_font-name: 'Montserrat',sans-serif;
    --acc-tab-typography_font-weight: 400;
    --acc-tab-typography_font-style: normal;
    --acc-tab-typography_font-line-height: 150%;
    --acc-tab-typography_font-letter-spacing: 0px;
    --acc-tab-typography_font-transform: None;

    --acc-tab-typography_font-size: 16px; 
    --acc-tab-typography_font-size_sm: 16px; 
    --acc-tab-typography_font-size_md: 16px; 
    --acc-tab-typography_font-size_lg: 16px; 
    --acc-tab-typography_font-size_xl: 16px;
    
    --logo-typography_font-name: 'Montserrat',sans-serif;
    --logo-typography_font-weight: 400;
    --logo-typography_font-style: normal;
    --logo-typography_font-line-height: 140%;
    --logo-typography_font-letter-spacing: -0.25px;
    --logo-typography_font-transform: None;

    --logo-typography_font-size: 20px; 
    --logo-typography_font-size_sm: 22px; 
    --logo-typography_font-size_md: 22px; 
    --logo-typography_font-size_lg: 22px; 
    --logo-typography_font-size_xl: 22px; 

}


/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c1-bg,
.item.item_overlay .inner .image.c1-bg::before,
.usn_cmp_banner .item.item_overlay.c1-bg .inner::before { 
    background: rgba(var(--c1-bg-color1), 1); 
}

/* Backgrounds Linear */

.c1-bg.c1-bg-linear,
.item.item_overlay .inner .image.c1-bg.c1-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-linear .inner::before { 
    background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c1-bg.c1-bg-radial,
.item.item_overlay .inner .image.c1-bg.c1-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}


/* Headings */

.c1-bg h1:not(.heading), 
.c1-bg h2:not(.heading), 
.c1-bg h3:not(.heading), 
.c1-bg h4:not(.heading), 
.c1-bg h5:not(.heading), 
.c1-bg h6:not(.heading) { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-heading, 
.c1-bg .heading { 
    color: rgba(var(--c1-heading), 1); 
}


/* Secondary Headings */

.c1-secondary-heading, 
.c1-bg .c1-secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1); 
}


/* Text */

.c1-bg, 
.c1-bg .c1-text, 
.c1-text { 
    color: rgba(var(--c1-text), 1); 
}


/* Borders */

.c1-borders { 
    border-color: rgba(var(--c1-borders), 1); 
}


/* Links */

.c1-link, .c1-bg a:not(.btn) { 
    color: rgba(var(--c1-link), 1); 
}

.c1-link:hover, 
.c1-link:focus, 
.c1-link:active, 
.c1-bg a:not(.btn):hover, 
.c1-bg a:not(.btn):focus, 
.c1-bg a:not(.btn):active { 
    color: rgba(var(--c1-link-hover), 1); 
}


/* Highlights */

.c1-highlight-bg { 
    background-color: rgba(var(--c1-highlight), 1); 
}

.c1-bg blockquote::before, 
.component .component.c1-bg div > blockquote::before { 
    color: rgba(var(--c1-highlight), 1); 
}

.c1-highlight-text { 
    color: rgba(var(--c1-highlight-text), 1); 
}


.c1-heading { 
    color: rgba(var(--c1-heading), 1)!important; 
}

.c1-secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1)!important; 
}


.c1-bg .heading { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-bg .secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1); 
}

.c1-bg .quote, .c1-bg blockquote { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-bg .quote::before, 
.c1-bg blockquote::before { 
    color: rgba(var(--c1-highlight), 1); 
}


/* Labels */
.c1-bg .label { background-color: rgba(var(--c1-highlight), 1); }

.c1-bg .label { color: rgba(var(--c1-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c1-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; }

.c1-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c1-highlight), 1); }

/* Button Tabs */
.c1-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } 

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c1-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c1-link), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); }


/* Linethrough Tabs */
.c1-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c1-link), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); }


/* Slider Navigation */
.c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); }

html.no-touch .c1-bg .slick-slider .slick-prev:hover, html.no-touch .c1-bg .slick-slider .slick-next:hover { color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c1-text), 1); }

html.no-touch .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c1-highlight), 1); }

/* Forms */
.form .c1-bg .form-control { border-color: rgba(var(--c1-borders), 1); }

.form .c1-bg .form-control:focus { border-color: rgba(var(--c1-highlight), 1); box-shadow: 0 0 5px var(--c1-highlight);}


/* Ajax Loading */
.c1-bg .ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.c1-bg.ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.ajax-wrap .c1-bg .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }


/* Links */
.c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c1-borders), 0.1); }

.c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c1-link), 1); }

.c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c1-link-hover), 1); }

 
/* Data List */                  
.c1-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c1-borders), 1); }


/* Sitemap */                
.c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: rgba(var(--c1-borders), 1); }

.c1-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c1-borders), 0.5); }


/* Tables */
.c1-bg thead { color: rgba(var(--c1-heading), 1); }

.c1-bg table, .c1-bg table th, .c1-bg table td { border-color: rgba(var(--c1-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c1-bg .expand { color: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand span:before { background: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand span { background: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand span:after { background: rgba(var(--c1-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); }


/* Scroll prompt */
.c1-bg .scroll-prompt a { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt a i { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c1-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store h1 { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c1-heading), 1)!important; }


/* Heading separators - on page */
.c1-bg h1::before, .c1-bg h2::before, .c1-bg h3::before, .c1-bg h4::before, .c1-bg h5::before, .c1-bg h6::before { background: rgba(var(--c1-highlight), 1); }

.c1-bg h1::after, .c1-bg h2::after, .c1-bg h3::after, .c1-bg h4::after, .c1-bg h5::after, .c1-bg h6::after { background: rgba(var(--c1-highlight), 1); }


/* Heading separators - on components */
.c1-bg .heading::before, .c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.c1-bg .heading::after, .c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }


/* Heading separators - on specific items */
.item.c1-bg .heading::before, .item.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.item.c1-bg .heading::after, .item.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }

.inner.c1-bg .heading::before, .inner.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.inner.c1-bg .heading::after, .inner.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c2-bg,
.item.item_overlay .inner .image.c2-bg::before,
.usn_cmp_banner .item.item_overlay.c2-bg .inner::before { 
    background: rgba(var(--c2-bg-color1), 1); 
}

/* Backgrounds Linear */

.c2-bg.c2-bg-linear,
.item.item_overlay .inner .image.c2-bg.c2-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-linear .inner::before { 
    background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c2-bg.c2-bg-radial,
.item.item_overlay .inner .image.c2-bg.c2-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}


/* Headings */

.c2-bg h1:not(.heading), 
.c2-bg h2:not(.heading), 
.c2-bg h3:not(.heading), 
.c2-bg h4:not(.heading), 
.c2-bg h5:not(.heading), 
.c2-bg h6:not(.heading) { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-heading, 
.c2-bg .heading { 
    color: rgba(var(--c2-heading), 1); 
}


/* Secondary Headings */

.c2-secondary-heading, 
.c2-bg .c2-secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1); 
}


/* Text */

.c2-bg, 
.c2-bg .c2-text, 
.c2-text { 
    color: rgba(var(--c2-text), 1); 
}


/* Borders */

.c2-borders { 
    border-color: rgba(var(--c2-borders), 1); 
}


/* Links */

.c2-link, .c2-bg a:not(.btn) { 
    color: rgba(var(--c2-link), 1); 
}

.c2-link:hover, 
.c2-link:focus, 
.c2-link:active, 
.c2-bg a:not(.btn):hover, 
.c2-bg a:not(.btn):focus, 
.c2-bg a:not(.btn):active { 
    color: rgba(var(--c2-link-hover), 1); 
}


/* Highlights */

.c2-highlight-bg { 
    background-color: rgba(var(--c2-highlight), 1); 
}

.c2-bg blockquote::before, 
.component .component.c2-bg div > blockquote::before { 
    color: rgba(var(--c2-highlight), 1); 
}

.c2-highlight-text { 
    color: rgba(var(--c2-highlight-text), 1); 
}


.c2-heading { 
    color: rgba(var(--c2-heading), 1)!important; 
}

.c2-secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1)!important; 
}


.c2-bg .heading { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-bg .secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1); 
}

.c2-bg .quote, .c2-bg blockquote { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-bg .quote::before, 
.c2-bg blockquote::before { 
    color: rgba(var(--c2-highlight), 1); 
}


/* Labels */
.c2-bg .label { background-color: rgba(var(--c2-highlight), 1); }

.c2-bg .label { color: rgba(var(--c2-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c2-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; }

.c2-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c2-highlight), 1); }

/* Button Tabs */
.c2-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } 

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c2-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c2-link), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); }


/* Linethrough Tabs */
.c2-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c2-link), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); }


/* Slider Navigation */
.c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); }

html.no-touch .c2-bg .slick-slider .slick-prev:hover, html.no-touch .c2-bg .slick-slider .slick-next:hover { color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c2-text), 1); }

html.no-touch .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c2-highlight), 1); }

/* Forms */
.form .c2-bg .form-control { border-color: rgba(var(--c2-borders), 1); }

.form .c2-bg .form-control:focus { border-color: rgba(var(--c2-highlight), 1); box-shadow: 0 0 5px var(--c2-highlight);}


/* Ajax Loading */
.c2-bg .ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.c2-bg.ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.ajax-wrap .c2-bg .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }


/* Links */
.c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c2-borders), 0.1); }

.c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c2-link), 1); }

.c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c2-link-hover), 1); }

 
/* Data List */                  
.c2-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c2-borders), 1); }


/* Sitemap */                
.c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: rgba(var(--c2-borders), 1); }

.c2-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c2-borders), 0.5); }


/* Tables */
.c2-bg thead { color: rgba(var(--c2-heading), 1); }

.c2-bg table, .c2-bg table th, .c2-bg table td { border-color: rgba(var(--c2-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c2-bg .expand { color: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand span:before { background: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand span { background: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand span:after { background: rgba(var(--c2-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); }


/* Scroll prompt */
.c2-bg .scroll-prompt a { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt a i { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c2-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store h1 { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c2-heading), 1)!important; }


/* Heading separators - on page */
.c2-bg h1::before, .c2-bg h2::before, .c2-bg h3::before, .c2-bg h4::before, .c2-bg h5::before, .c2-bg h6::before { background: rgba(var(--c2-highlight), 1); }

.c2-bg h1::after, .c2-bg h2::after, .c2-bg h3::after, .c2-bg h4::after, .c2-bg h5::after, .c2-bg h6::after { background: rgba(var(--c2-highlight), 1); }


/* Heading separators - on components */
.c2-bg .heading::before, .c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.c2-bg .heading::after, .c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }


/* Heading separators - on specific items */
.item.c2-bg .heading::before, .item.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.item.c2-bg .heading::after, .item.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }

.inner.c2-bg .heading::before, .inner.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.inner.c2-bg .heading::after, .inner.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c3-bg,
.item.item_overlay .inner .image.c3-bg::before,
.usn_cmp_banner .item.item_overlay.c3-bg .inner::before { 
    background: rgba(var(--c3-bg-color1), 1); 
}

/* Backgrounds Linear */

.c3-bg.c3-bg-linear,
.item.item_overlay .inner .image.c3-bg.c3-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-linear .inner::before { 
    background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c3-bg.c3-bg-radial,
.item.item_overlay .inner .image.c3-bg.c3-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); 
}


/* Headings */

.c3-bg h1:not(.heading), 
.c3-bg h2:not(.heading), 
.c3-bg h3:not(.heading), 
.c3-bg h4:not(.heading), 
.c3-bg h5:not(.heading), 
.c3-bg h6:not(.heading) { 
    color: rgba(var(--c3-heading), 1); 
}

.c3-heading, 
.c3-bg .heading { 
    color: rgba(var(--c3-heading), 1); 
}


/* Secondary Headings */

.c3-secondary-heading, 
.c3-bg .c3-secondary-heading { 
    color: rgba(var(--c3-secondary-heading), 1); 
}


/* Text */

.c3-bg, 
.c3-bg .c3-text, 
.c3-text { 
    color: rgba(var(--c3-text), 1); 
}


/* Borders */

.c3-borders { 
    border-color: rgba(var(--c3-borders), 1); 
}


/* Links */

.c3-link, .c3-bg a:not(.btn) { 
    color: rgba(var(--c3-link), 1); 
}

.c3-link:hover, 
.c3-link:focus, 
.c3-link:active, 
.c3-bg a:not(.btn):hover, 
.c3-bg a:not(.btn):focus, 
.c3-bg a:not(.btn):active { 
    color: rgba(var(--c3-link-hover), 1); 
}


/* Highlights */

.c3-highlight-bg { 
    background-color: rgba(var(--c3-highlight), 1); 
}

.c3-bg blockquote::before, 
.component .component.c3-bg div > blockquote::before { 
    color: rgba(var(--c3-highlight), 1); 
}

.c3-highlight-text { 
    color: rgba(var(--c3-highlight-text), 1); 
}


.c3-heading { 
    color: rgba(var(--c3-heading), 1)!important; 
}

.c3-secondary-heading { 
    color: rgba(var(--c3-secondary-heading), 1)!important; 
}


.c3-bg .heading { 
    color: rgba(var(--c3-heading), 1); 
}

.c3-bg .secondary-heading { 
    color: rgba(var(--c3-secondary-heading), 1); 
}

.c3-bg .quote, .c3-bg blockquote { 
    color: rgba(var(--c3-heading), 1); 
}

.c3-bg .quote::before, 
.c3-bg blockquote::before { 
    color: rgba(var(--c3-highlight), 1); 
}


/* Labels */
.c3-bg .label { background-color: rgba(var(--c3-highlight), 1); }

.c3-bg .label { color: rgba(var(--c3-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c3-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); }

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; }

.c3-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c3-highlight), 1); }

/* Button Tabs */
.c3-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } 

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c3-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c3-link), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); }


/* Linethrough Tabs */
.c3-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c3-link), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); }


/* Slider Navigation */
.c3-bg .slick-slider .slick-prev, .c3-bg .slick-slider .slick-next { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); }

html.no-touch .c3-bg .slick-slider .slick-prev:hover, html.no-touch .c3-bg .slick-slider .slick-next:hover { color: rgba(var(--c3-link-hover), 1); }

.c3-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c3-text), 1); }

html.no-touch .c3-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c3-link-hover), 1); }

.c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c3-highlight), 1); }

/* Forms */
.form .c3-bg .form-control { border-color: rgba(var(--c3-borders), 1); }

.form .c3-bg .form-control:focus { border-color: rgba(var(--c3-highlight), 1); box-shadow: 0 0 5px var(--c3-highlight);}


/* Ajax Loading */
.c3-bg .ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); }

.c3-bg.ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); }

.ajax-wrap .c3-bg .ajax-loading { background: rgba(var(--c3-bg-color1), 1); }

.c3-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); }

.c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); }

.ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); }

.c3-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }

.c3-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }

.item_form-single_field .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }

.item_form-single_field .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }


/* Links */
.c3-bg .listing.listing_links:not(.listing_links-mini), .c3-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c3-borders), 1); }

.c3-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c3-borders), 0.1); }

.c3-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c3-link), 1); }

.c3-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c3-link-hover), 1); }

 
/* Data List */                  
.c3-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c3-borders), 1); }

.c3-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c3-borders), 1); }


/* Sitemap */                
.c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after { background-color: rgba(var(--c3-borders), 1); }

.c3-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c3-borders), 0.5); }


/* Tables */
.c3-bg thead { color: rgba(var(--c3-heading), 1); }

.c3-bg table, .c3-bg table th, .c3-bg table td { border-color: rgba(var(--c3-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c3-bg .expand { color: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg .expand span:before { background: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg .expand span { background: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg .expand span:after { background: rgba(var(--c3-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); }


/* Scroll prompt */
.c3-bg .scroll-prompt a { color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt a i { color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c3-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store h1 { color: rgba(var(--c3-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c3-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c3-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c3-heading), 1)!important; }


/* Heading separators - on page */
.c3-bg h1::before, .c3-bg h2::before, .c3-bg h3::before, .c3-bg h4::before, .c3-bg h5::before, .c3-bg h6::before { background: rgba(var(--c3-highlight), 1); }

.c3-bg h1::after, .c3-bg h2::after, .c3-bg h3::after, .c3-bg h4::after, .c3-bg h5::after, .c3-bg h6::after { background: rgba(var(--c3-highlight), 1); }


/* Heading separators - on components */
.c3-bg .heading::before, .c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); }

.c3-bg .heading::after, .c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); }


/* Heading separators - on specific items */
.item.c3-bg .heading::before, .item.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); }

.item.c3-bg .heading::after, .item.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); }

.inner.c3-bg .heading::before, .inner.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); }

.inner.c3-bg .heading::after, .inner.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c4-bg,
.item.item_overlay .inner .image.c4-bg::before,
.usn_cmp_banner .item.item_overlay.c4-bg .inner::before { 
    background: rgba(var(--c4-bg-color1), 1); 
}

/* Backgrounds Linear */

.c4-bg.c4-bg-linear,
.item.item_overlay .inner .image.c4-bg.c4-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-linear .inner::before { 
    background: linear-gradient(var(--c4-bg-angle), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c4-bg.c4-bg-radial,
.item.item_overlay .inner .image.c4-bg.c4-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c4-bg-start-perc) var(--c4-bg-stop-perc), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); 
}


/* Headings */

.c4-bg h1:not(.heading), 
.c4-bg h2:not(.heading), 
.c4-bg h3:not(.heading), 
.c4-bg h4:not(.heading), 
.c4-bg h5:not(.heading), 
.c4-bg h6:not(.heading) { 
    color: rgba(var(--c4-heading), 1); 
}

.c4-heading, 
.c4-bg .heading { 
    color: rgba(var(--c4-heading), 1); 
}


/* Secondary Headings */

.c4-secondary-heading, 
.c4-bg .c4-secondary-heading { 
    color: rgba(var(--c4-secondary-heading), 1); 
}


/* Text */

.c4-bg, 
.c4-bg .c4-text, 
.c4-text { 
    color: rgba(var(--c4-text), 1); 
}


/* Borders */

.c4-borders { 
    border-color: rgba(var(--c4-borders), 1); 
}


/* Links */

.c4-link, .c4-bg a:not(.btn) { 
    color: rgba(var(--c4-link), 1); 
}

.c4-link:hover, 
.c4-link:focus, 
.c4-link:active, 
.c4-bg a:not(.btn):hover, 
.c4-bg a:not(.btn):focus, 
.c4-bg a:not(.btn):active { 
    color: rgba(var(--c4-link-hover), 1); 
}


/* Highlights */

.c4-highlight-bg { 
    background-color: rgba(var(--c4-highlight), 1); 
}

.c4-bg blockquote::before, 
.component .component.c4-bg div > blockquote::before { 
    color: rgba(var(--c4-highlight), 1); 
}

.c4-highlight-text { 
    color: rgba(var(--c4-highlight-text), 1); 
}


.c4-heading { 
    color: rgba(var(--c4-heading), 1)!important; 
}

.c4-secondary-heading { 
    color: rgba(var(--c4-secondary-heading), 1)!important; 
}


.c4-bg .heading { 
    color: rgba(var(--c4-heading), 1); 
}

.c4-bg .secondary-heading { 
    color: rgba(var(--c4-secondary-heading), 1); 
}

.c4-bg .quote, .c4-bg blockquote { 
    color: rgba(var(--c4-heading), 1); 
}

.c4-bg .quote::before, 
.c4-bg blockquote::before { 
    color: rgba(var(--c4-highlight), 1); 
}


/* Labels */
.c4-bg .label { background-color: rgba(var(--c4-highlight), 1); }

.c4-bg .label { color: rgba(var(--c4-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c4-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); }

.c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; }

.c4-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c4-highlight), 1); }

/* Button Tabs */
.c4-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } 

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c4-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c4-link), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); }


/* Linethrough Tabs */
.c4-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c4-link), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); }


/* Slider Navigation */
.c4-bg .slick-slider .slick-prev, .c4-bg .slick-slider .slick-next { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); }

html.no-touch .c4-bg .slick-slider .slick-prev:hover, html.no-touch .c4-bg .slick-slider .slick-next:hover { color: rgba(var(--c4-link-hover), 1); }

.c4-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c4-text), 1); }

html.no-touch .c4-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c4-link-hover), 1); }

.c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c4-highlight), 1); }

/* Forms */
.form .c4-bg .form-control { border-color: rgba(var(--c4-borders), 1); }

.form .c4-bg .form-control:focus { border-color: rgba(var(--c4-highlight), 1); box-shadow: 0 0 5px var(--c4-highlight);}


/* Ajax Loading */
.c4-bg .ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); }

.c4-bg.ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); }

.ajax-wrap .c4-bg .ajax-loading { background: rgba(var(--c4-bg-color1), 1); }

.c4-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); }

.c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); }

.ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); }

.c4-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }

.c4-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }

.item_form-single_field .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }

.item_form-single_field .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }


/* Links */
.c4-bg .listing.listing_links:not(.listing_links-mini), .c4-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c4-borders), 1); }

.c4-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c4-borders), 0.1); }

.c4-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c4-link), 1); }

.c4-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c4-link-hover), 1); }

 
/* Data List */                  
.c4-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c4-borders), 1); }

.c4-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c4-borders), 1); }


/* Sitemap */                
.c4-bg nav.sitemap ul li::before, .c4-bg nav.sitemap ul li::after { background-color: rgba(var(--c4-borders), 1); }

.c4-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c4-borders), 0.5); }


/* Tables */
.c4-bg thead { color: rgba(var(--c4-heading), 1); }

.c4-bg table, .c4-bg table th, .c4-bg table td { border-color: rgba(var(--c4-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c4-bg .expand { color: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg .expand span:before { background: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg .expand span { background: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg .expand span:after { background: rgba(var(--c4-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c4-link), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c4-heading), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c4-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c4-link), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c4-heading), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c4-link-hover), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-heading), 1); }


/* Scroll prompt */
.c4-bg .scroll-prompt a { color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt a i { color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c4-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store h1 { color: rgba(var(--c4-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c4-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c4-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c4-heading), 1)!important; }


/* Heading separators - on page */
.c4-bg h1::before, .c4-bg h2::before, .c4-bg h3::before, .c4-bg h4::before, .c4-bg h5::before, .c4-bg h6::before { background: rgba(var(--c4-highlight), 1); }

.c4-bg h1::after, .c4-bg h2::after, .c4-bg h3::after, .c4-bg h4::after, .c4-bg h5::after, .c4-bg h6::after { background: rgba(var(--c4-highlight), 1); }


/* Heading separators - on components */
.c4-bg .heading::before, .c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); }

.c4-bg .heading::after, .c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); }


/* Heading separators - on specific items */
.item.c4-bg .heading::before, .item.c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); }

.item.c4-bg .heading::after, .item.c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); }

.inner.c4-bg .heading::before, .inner.c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); }

.inner.c4-bg .heading::after, .inner.c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c5-bg,
.item.item_overlay .inner .image.c5-bg::before,
.usn_cmp_banner .item.item_overlay.c5-bg .inner::before { 
    background: rgba(var(--c5-bg-color1), 1); 
}

/* Backgrounds Linear */

.c5-bg.c5-bg-linear,
.item.item_overlay .inner .image.c5-bg.c5-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-linear .inner::before { 
    background: linear-gradient(var(--c5-bg-angle), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c5-bg.c5-bg-radial,
.item.item_overlay .inner .image.c5-bg.c5-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c5-bg-start-perc) var(--c5-bg-stop-perc), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); 
}


/* Headings */

.c5-bg h1:not(.heading), 
.c5-bg h2:not(.heading), 
.c5-bg h3:not(.heading), 
.c5-bg h4:not(.heading), 
.c5-bg h5:not(.heading), 
.c5-bg h6:not(.heading) { 
    color: rgba(var(--c5-heading), 1); 
}

.c5-heading, 
.c5-bg .heading { 
    color: rgba(var(--c5-heading), 1); 
}


/* Secondary Headings */

.c5-secondary-heading, 
.c5-bg .c5-secondary-heading { 
    color: rgba(var(--c5-secondary-heading), 1); 
}


/* Text */

.c5-bg, 
.c5-bg .c5-text, 
.c5-text { 
    color: rgba(var(--c5-text), 1); 
}


/* Borders */

.c5-borders { 
    border-color: rgba(var(--c5-borders), 1); 
}


/* Links */

.c5-link, .c5-bg a:not(.btn) { 
    color: rgba(var(--c5-link), 1); 
}

.c5-link:hover, 
.c5-link:focus, 
.c5-link:active, 
.c5-bg a:not(.btn):hover, 
.c5-bg a:not(.btn):focus, 
.c5-bg a:not(.btn):active { 
    color: rgba(var(--c5-link-hover), 1); 
}


/* Highlights */

.c5-highlight-bg { 
    background-color: rgba(var(--c5-highlight), 1); 
}

.c5-bg blockquote::before, 
.component .component.c5-bg div > blockquote::before { 
    color: rgba(var(--c5-highlight), 1); 
}

.c5-highlight-text { 
    color: rgba(var(--c5-highlight-text), 1); 
}


.c5-heading { 
    color: rgba(var(--c5-heading), 1)!important; 
}

.c5-secondary-heading { 
    color: rgba(var(--c5-secondary-heading), 1)!important; 
}


.c5-bg .heading { 
    color: rgba(var(--c5-heading), 1); 
}

.c5-bg .secondary-heading { 
    color: rgba(var(--c5-secondary-heading), 1); 
}

.c5-bg .quote, .c5-bg blockquote { 
    color: rgba(var(--c5-heading), 1); 
}

.c5-bg .quote::before, 
.c5-bg blockquote::before { 
    color: rgba(var(--c5-highlight), 1); 
}


/* Labels */
.c5-bg .label { background-color: rgba(var(--c5-highlight), 1); }

.c5-bg .label { color: rgba(var(--c5-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c5-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); }

.c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; }

.c5-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c5-highlight), 1); }

/* Button Tabs */
.c5-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } 

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c5-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c5-link), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); }


/* Linethrough Tabs */
.c5-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c5-link), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); }


/* Slider Navigation */
.c5-bg .slick-slider .slick-prev, .c5-bg .slick-slider .slick-next { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); }

html.no-touch .c5-bg .slick-slider .slick-prev:hover, html.no-touch .c5-bg .slick-slider .slick-next:hover { color: rgba(var(--c5-link-hover), 1); }

.c5-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c5-text), 1); }

html.no-touch .c5-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c5-link-hover), 1); }

.c5-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c5-highlight), 1); }

/* Forms */
.form .c5-bg .form-control { border-color: rgba(var(--c5-borders), 1); }

.form .c5-bg .form-control:focus { border-color: rgba(var(--c5-highlight), 1); box-shadow: 0 0 5px var(--c5-highlight);}


/* Ajax Loading */
.c5-bg .ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); }

.c5-bg.ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); }

.ajax-wrap .c5-bg .ajax-loading { background: rgba(var(--c5-bg-color1), 1); }

.c5-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); }

.c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); }

.ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); }

.c5-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }

.c5-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }

.item_form-single_field .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }

.item_form-single_field .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }


/* Links */
.c5-bg .listing.listing_links:not(.listing_links-mini), .c5-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c5-borders), 1); }

.c5-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c5-borders), 0.1); }

.c5-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c5-link), 1); }

.c5-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c5-link-hover), 1); }

 
/* Data List */                  
.c5-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c5-borders), 1); }

.c5-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c5-borders), 1); }


/* Sitemap */                
.c5-bg nav.sitemap ul li::before, .c5-bg nav.sitemap ul li::after { background-color: rgba(var(--c5-borders), 1); }

.c5-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c5-borders), 0.5); }


/* Tables */
.c5-bg thead { color: rgba(var(--c5-heading), 1); }

.c5-bg table, .c5-bg table th, .c5-bg table td { border-color: rgba(var(--c5-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c5-bg .expand { color: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg .expand span:before { background: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg .expand span { background: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg .expand span:after { background: rgba(var(--c5-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c5-link), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c5-heading), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c5-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c5-link), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c5-heading), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c5-link-hover), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-heading), 1); }


/* Scroll prompt */
.c5-bg .scroll-prompt a { color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt a i { color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c5-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store h1 { color: rgba(var(--c5-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c5-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c5-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c5-heading), 1)!important; }


/* Heading separators - on page */
.c5-bg h1::before, .c5-bg h2::before, .c5-bg h3::before, .c5-bg h4::before, .c5-bg h5::before, .c5-bg h6::before { background: rgba(var(--c5-highlight), 1); }

.c5-bg h1::after, .c5-bg h2::after, .c5-bg h3::after, .c5-bg h4::after, .c5-bg h5::after, .c5-bg h6::after { background: rgba(var(--c5-highlight), 1); }


/* Heading separators - on components */
.c5-bg .heading::before, .c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); }

.c5-bg .heading::after, .c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); }


/* Heading separators - on specific items */
.item.c5-bg .heading::before, .item.c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); }

.item.c5-bg .heading::after, .item.c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); }

.inner.c5-bg .heading::before, .inner.c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); }

.inner.c5-bg .heading::after, .inner.c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c6-bg,
.item.item_overlay .inner .image.c6-bg::before,
.usn_cmp_banner .item.item_overlay.c6-bg .inner::before { 
    background: rgba(var(--c6-bg-color1), 1); 
}

/* Backgrounds Linear */

.c6-bg.c6-bg-linear,
.item.item_overlay .inner .image.c6-bg.c6-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-linear .inner::before { 
    background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c6-bg.c6-bg-radial,
.item.item_overlay .inner .image.c6-bg.c6-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); 
}


/* Headings */

.c6-bg h1:not(.heading), 
.c6-bg h2:not(.heading), 
.c6-bg h3:not(.heading), 
.c6-bg h4:not(.heading), 
.c6-bg h5:not(.heading), 
.c6-bg h6:not(.heading) { 
    color: rgba(var(--c6-heading), 1); 
}

.c6-heading, 
.c6-bg .heading { 
    color: rgba(var(--c6-heading), 1); 
}


/* Secondary Headings */

.c6-secondary-heading, 
.c6-bg .c6-secondary-heading { 
    color: rgba(var(--c6-secondary-heading), 1); 
}


/* Text */

.c6-bg, 
.c6-bg .c6-text, 
.c6-text { 
    color: rgba(var(--c6-text), 1); 
}


/* Borders */

.c6-borders { 
    border-color: rgba(var(--c6-borders), 1); 
}


/* Links */

.c6-link, .c6-bg a:not(.btn) { 
    color: rgba(var(--c6-link), 1); 
}

.c6-link:hover, 
.c6-link:focus, 
.c6-link:active, 
.c6-bg a:not(.btn):hover, 
.c6-bg a:not(.btn):focus, 
.c6-bg a:not(.btn):active { 
    color: rgba(var(--c6-link-hover), 1); 
}


/* Highlights */

.c6-highlight-bg { 
    background-color: rgba(var(--c6-highlight), 1); 
}

.c6-bg blockquote::before, 
.component .component.c6-bg div > blockquote::before { 
    color: rgba(var(--c6-highlight), 1); 
}

.c6-highlight-text { 
    color: rgba(var(--c6-highlight-text), 1); 
}


.c6-heading { 
    color: rgba(var(--c6-heading), 1)!important; 
}

.c6-secondary-heading { 
    color: rgba(var(--c6-secondary-heading), 1)!important; 
}


.c6-bg .heading { 
    color: rgba(var(--c6-heading), 1); 
}

.c6-bg .secondary-heading { 
    color: rgba(var(--c6-secondary-heading), 1); 
}

.c6-bg .quote, .c6-bg blockquote { 
    color: rgba(var(--c6-heading), 1); 
}

.c6-bg .quote::before, 
.c6-bg blockquote::before { 
    color: rgba(var(--c6-highlight), 1); 
}


/* Labels */
.c6-bg .label { background-color: rgba(var(--c6-highlight), 1); }

.c6-bg .label { color: rgba(var(--c6-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c6-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); }

.c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; }

.c6-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c6-highlight), 1); }

/* Button Tabs */
.c6-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } 

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c6-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c6-link), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); }


/* Linethrough Tabs */
.c6-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c6-link), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); }


/* Slider Navigation */
.c6-bg .slick-slider .slick-prev, .c6-bg .slick-slider .slick-next { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); }

html.no-touch .c6-bg .slick-slider .slick-prev:hover, html.no-touch .c6-bg .slick-slider .slick-next:hover { color: rgba(var(--c6-link-hover), 1); }

.c6-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c6-text), 1); }

html.no-touch .c6-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c6-link-hover), 1); }

.c6-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c6-highlight), 1); }

/* Forms */
.form .c6-bg .form-control { border-color: rgba(var(--c6-borders), 1); }

.form .c6-bg .form-control:focus { border-color: rgba(var(--c6-highlight), 1); box-shadow: 0 0 5px var(--c6-highlight);}


/* Ajax Loading */
.c6-bg .ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); }

.c6-bg.ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); }

.ajax-wrap .c6-bg .ajax-loading { background: rgba(var(--c6-bg-color1), 1); }

.c6-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); }

.c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); }

.ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); }

.c6-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }

.c6-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }

.item_form-single_field .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }

.item_form-single_field .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }


/* Links */
.c6-bg .listing.listing_links:not(.listing_links-mini), .c6-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c6-borders), 1); }

.c6-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c6-borders), 0.1); }

.c6-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c6-link), 1); }

.c6-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c6-link-hover), 1); }

 
/* Data List */                  
.c6-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c6-borders), 1); }

.c6-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c6-borders), 1); }


/* Sitemap */                
.c6-bg nav.sitemap ul li::before, .c6-bg nav.sitemap ul li::after { background-color: rgba(var(--c6-borders), 1); }

.c6-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c6-borders), 0.5); }


/* Tables */
.c6-bg thead { color: rgba(var(--c6-heading), 1); }

.c6-bg table, .c6-bg table th, .c6-bg table td { border-color: rgba(var(--c6-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c6-bg .expand { color: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg .expand span:before { background: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg .expand span { background: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg .expand span:after { background: rgba(var(--c6-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); }


/* Scroll prompt */
.c6-bg .scroll-prompt a { color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt a i { color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c6-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store h1 { color: rgba(var(--c6-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c6-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c6-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c6-heading), 1)!important; }


/* Heading separators - on page */
.c6-bg h1::before, .c6-bg h2::before, .c6-bg h3::before, .c6-bg h4::before, .c6-bg h5::before, .c6-bg h6::before { background: rgba(var(--c6-highlight), 1); }

.c6-bg h1::after, .c6-bg h2::after, .c6-bg h3::after, .c6-bg h4::after, .c6-bg h5::after, .c6-bg h6::after { background: rgba(var(--c6-highlight), 1); }


/* Heading separators - on components */
.c6-bg .heading::before, .c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.c6-bg .heading::after, .c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }


/* Heading separators - on specific items */
.item.c6-bg .heading::before, .item.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.item.c6-bg .heading::after, .item.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }

.inner.c6-bg .heading::before, .inner.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.inner.c6-bg .heading::after, .inner.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c7-bg,
.item.item_overlay .inner .image.c7-bg::before,
.usn_cmp_banner .item.item_overlay.c7-bg .inner::before { 
    background: rgba(var(--c7-bg-color1), 1); 
}

/* Backgrounds Linear */

.c7-bg.c7-bg-linear,
.item.item_overlay .inner .image.c7-bg.c7-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-linear .inner::before { 
    background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c7-bg.c7-bg-radial,
.item.item_overlay .inner .image.c7-bg.c7-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}


/* Headings */

.c7-bg h1:not(.heading), 
.c7-bg h2:not(.heading), 
.c7-bg h3:not(.heading), 
.c7-bg h4:not(.heading), 
.c7-bg h5:not(.heading), 
.c7-bg h6:not(.heading) { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-heading, 
.c7-bg .heading { 
    color: rgba(var(--c7-heading), 1); 
}


/* Secondary Headings */

.c7-secondary-heading, 
.c7-bg .c7-secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1); 
}


/* Text */

.c7-bg, 
.c7-bg .c7-text, 
.c7-text { 
    color: rgba(var(--c7-text), 1); 
}


/* Borders */

.c7-borders { 
    border-color: rgba(var(--c7-borders), 1); 
}


/* Links */

.c7-link, .c7-bg a:not(.btn) { 
    color: rgba(var(--c7-link), 1); 
}

.c7-link:hover, 
.c7-link:focus, 
.c7-link:active, 
.c7-bg a:not(.btn):hover, 
.c7-bg a:not(.btn):focus, 
.c7-bg a:not(.btn):active { 
    color: rgba(var(--c7-link-hover), 1); 
}


/* Highlights */

.c7-highlight-bg { 
    background-color: rgba(var(--c7-highlight), 1); 
}

.c7-bg blockquote::before, 
.component .component.c7-bg div > blockquote::before { 
    color: rgba(var(--c7-highlight), 1); 
}

.c7-highlight-text { 
    color: rgba(var(--c7-highlight-text), 1); 
}


.c7-heading { 
    color: rgba(var(--c7-heading), 1)!important; 
}

.c7-secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1)!important; 
}


.c7-bg .heading { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-bg .secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1); 
}

.c7-bg .quote, .c7-bg blockquote { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-bg .quote::before, 
.c7-bg blockquote::before { 
    color: rgba(var(--c7-highlight), 1); 
}


/* Labels */
.c7-bg .label { background-color: rgba(var(--c7-highlight), 1); }

.c7-bg .label { color: rgba(var(--c7-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c7-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; }

.c7-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c7-highlight), 1); }

/* Button Tabs */
.c7-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } 

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c7-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c7-link), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); }


/* Linethrough Tabs */
.c7-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c7-link), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); }


/* Slider Navigation */
.c7-bg .slick-slider .slick-prev, .c7-bg .slick-slider .slick-next { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); }

html.no-touch .c7-bg .slick-slider .slick-prev:hover, html.no-touch .c7-bg .slick-slider .slick-next:hover { color: rgba(var(--c7-link-hover), 1); }

.c7-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c7-text), 1); }

html.no-touch .c7-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c7-link-hover), 1); }

.c7-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c7-highlight), 1); }

/* Forms */
.form .c7-bg .form-control { border-color: rgba(var(--c7-borders), 1); }

.form .c7-bg .form-control:focus { border-color: rgba(var(--c7-highlight), 1); box-shadow: 0 0 5px var(--c7-highlight);}


/* Ajax Loading */
.c7-bg .ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.c7-bg.ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.ajax-wrap .c7-bg .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.c7-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.c7-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.c7-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.item_form-single_field .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.item_form-single_field .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }


/* Links */
.c7-bg .listing.listing_links:not(.listing_links-mini), .c7-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c7-borders), 0.1); }

.c7-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c7-link), 1); }

.c7-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c7-link-hover), 1); }

 
/* Data List */                  
.c7-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c7-borders), 1); }


/* Sitemap */                
.c7-bg nav.sitemap ul li::before, .c7-bg nav.sitemap ul li::after { background-color: rgba(var(--c7-borders), 1); }

.c7-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c7-borders), 0.5); }


/* Tables */
.c7-bg thead { color: rgba(var(--c7-heading), 1); }

.c7-bg table, .c7-bg table th, .c7-bg table td { border-color: rgba(var(--c7-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c7-bg .expand { color: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span:before { background: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span { background: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span:after { background: rgba(var(--c7-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); }


/* Scroll prompt */
.c7-bg .scroll-prompt a { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt a i { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c7-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store h1 { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c7-heading), 1)!important; }


/* Heading separators - on page */
.c7-bg h1::before, .c7-bg h2::before, .c7-bg h3::before, .c7-bg h4::before, .c7-bg h5::before, .c7-bg h6::before { background: rgba(var(--c7-highlight), 1); }

.c7-bg h1::after, .c7-bg h2::after, .c7-bg h3::after, .c7-bg h4::after, .c7-bg h5::after, .c7-bg h6::after { background: rgba(var(--c7-highlight), 1); }


/* Heading separators - on components */
.c7-bg .heading::before, .c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.c7-bg .heading::after, .c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }


/* Heading separators - on specific items */
.item.c7-bg .heading::before, .item.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.item.c7-bg .heading::after, .item.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }

.inner.c7-bg .heading::before, .inner.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.inner.c7-bg .heading::after, .inner.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c8-bg,
.item.item_overlay .inner .image.c8-bg::before,
.usn_cmp_banner .item.item_overlay.c8-bg .inner::before { 
    background: rgba(var(--c8-bg-color1), 1); 
}

/* Backgrounds Linear */

.c8-bg.c8-bg-linear,
.item.item_overlay .inner .image.c8-bg.c8-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-linear .inner::before { 
    background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c8-bg.c8-bg-radial,
.item.item_overlay .inner .image.c8-bg.c8-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}


/* Headings */

.c8-bg h1:not(.heading), 
.c8-bg h2:not(.heading), 
.c8-bg h3:not(.heading), 
.c8-bg h4:not(.heading), 
.c8-bg h5:not(.heading), 
.c8-bg h6:not(.heading) { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-heading, 
.c8-bg .heading { 
    color: rgba(var(--c8-heading), 1); 
}


/* Secondary Headings */

.c8-secondary-heading, 
.c8-bg .c8-secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1); 
}


/* Text */

.c8-bg, 
.c8-bg .c8-text, 
.c8-text { 
    color: rgba(var(--c8-text), 1); 
}


/* Borders */

.c8-borders { 
    border-color: rgba(var(--c8-borders), 1); 
}


/* Links */

.c8-link, .c8-bg a:not(.btn) { 
    color: rgba(var(--c8-link), 1); 
}

.c8-link:hover, 
.c8-link:focus, 
.c8-link:active, 
.c8-bg a:not(.btn):hover, 
.c8-bg a:not(.btn):focus, 
.c8-bg a:not(.btn):active { 
    color: rgba(var(--c8-link-hover), 1); 
}


/* Highlights */

.c8-highlight-bg { 
    background-color: rgba(var(--c8-highlight), 1); 
}

.c8-bg blockquote::before, 
.component .component.c8-bg div > blockquote::before { 
    color: rgba(var(--c8-highlight), 1); 
}

.c8-highlight-text { 
    color: rgba(var(--c8-highlight-text), 1); 
}


.c8-heading { 
    color: rgba(var(--c8-heading), 1)!important; 
}

.c8-secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1)!important; 
}


.c8-bg .heading { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-bg .secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1); 
}

.c8-bg .quote, .c8-bg blockquote { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-bg .quote::before, 
.c8-bg blockquote::before { 
    color: rgba(var(--c8-highlight), 1); 
}


/* Labels */
.c8-bg .label { background-color: rgba(var(--c8-highlight), 1); }

.c8-bg .label { color: rgba(var(--c8-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c8-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; }

.c8-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c8-highlight), 1); }

/* Button Tabs */
.c8-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } 

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c8-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c8-link), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); }


/* Linethrough Tabs */
.c8-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c8-link), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); }


/* Slider Navigation */
.c8-bg .slick-slider .slick-prev, .c8-bg .slick-slider .slick-next { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); }

html.no-touch .c8-bg .slick-slider .slick-prev:hover, html.no-touch .c8-bg .slick-slider .slick-next:hover { color: rgba(var(--c8-link-hover), 1); }

.c8-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c8-text), 1); }

html.no-touch .c8-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c8-link-hover), 1); }

.c8-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c8-highlight), 1); }

/* Forms */
.form .c8-bg .form-control { border-color: rgba(var(--c8-borders), 1); }

.form .c8-bg .form-control:focus { border-color: rgba(var(--c8-highlight), 1); box-shadow: 0 0 5px var(--c8-highlight);}


/* Ajax Loading */
.c8-bg .ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.c8-bg.ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.ajax-wrap .c8-bg .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.c8-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.c8-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.c8-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.item_form-single_field .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.item_form-single_field .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }


/* Links */
.c8-bg .listing.listing_links:not(.listing_links-mini), .c8-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c8-borders), 0.1); }

.c8-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c8-link), 1); }

.c8-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c8-link-hover), 1); }

 
/* Data List */                  
.c8-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c8-borders), 1); }


/* Sitemap */                
.c8-bg nav.sitemap ul li::before, .c8-bg nav.sitemap ul li::after { background-color: rgba(var(--c8-borders), 1); }

.c8-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c8-borders), 0.5); }


/* Tables */
.c8-bg thead { color: rgba(var(--c8-heading), 1); }

.c8-bg table, .c8-bg table th, .c8-bg table td { border-color: rgba(var(--c8-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c8-bg .expand { color: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span:before { background: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span { background: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span:after { background: rgba(var(--c8-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); }


/* Scroll prompt */
.c8-bg .scroll-prompt a { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt a i { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c8-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store h1 { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c8-heading), 1)!important; }


/* Heading separators - on page */
.c8-bg h1::before, .c8-bg h2::before, .c8-bg h3::before, .c8-bg h4::before, .c8-bg h5::before, .c8-bg h6::before { background: rgba(var(--c8-highlight), 1); }

.c8-bg h1::after, .c8-bg h2::after, .c8-bg h3::after, .c8-bg h4::after, .c8-bg h5::after, .c8-bg h6::after { background: rgba(var(--c8-highlight), 1); }


/* Heading separators - on components */
.c8-bg .heading::before, .c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.c8-bg .heading::after, .c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }


/* Heading separators - on specific items */
.item.c8-bg .heading::before, .item.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.item.c8-bg .heading::after, .item.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }

.inner.c8-bg .heading::before, .inner.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.inner.c8-bg .heading::after, .inner.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c9-bg,
.item.item_overlay .inner .image.c9-bg::before,
.usn_cmp_banner .item.item_overlay.c9-bg .inner::before { 
    background: rgba(var(--c9-bg-color1), 1); 
}

/* Backgrounds Linear */

.c9-bg.c9-bg-linear,
.item.item_overlay .inner .image.c9-bg.c9-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-linear .inner::before { 
    background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c9-bg.c9-bg-radial,
.item.item_overlay .inner .image.c9-bg.c9-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c9-bg-start-perc) var(--c9-bg-stop-perc), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); 
}


/* Headings */

.c9-bg h1:not(.heading), 
.c9-bg h2:not(.heading), 
.c9-bg h3:not(.heading), 
.c9-bg h4:not(.heading), 
.c9-bg h5:not(.heading), 
.c9-bg h6:not(.heading) { 
    color: rgba(var(--c9-heading), 1); 
}

.c9-heading, 
.c9-bg .heading { 
    color: rgba(var(--c9-heading), 1); 
}


/* Secondary Headings */

.c9-secondary-heading, 
.c9-bg .c9-secondary-heading { 
    color: rgba(var(--c9-secondary-heading), 1); 
}


/* Text */

.c9-bg, 
.c9-bg .c9-text, 
.c9-text { 
    color: rgba(var(--c9-text), 1); 
}


/* Borders */

.c9-borders { 
    border-color: rgba(var(--c9-borders), 1); 
}


/* Links */

.c9-link, .c9-bg a:not(.btn) { 
    color: rgba(var(--c9-link), 1); 
}

.c9-link:hover, 
.c9-link:focus, 
.c9-link:active, 
.c9-bg a:not(.btn):hover, 
.c9-bg a:not(.btn):focus, 
.c9-bg a:not(.btn):active { 
    color: rgba(var(--c9-link-hover), 1); 
}


/* Highlights */

.c9-highlight-bg { 
    background-color: rgba(var(--c9-highlight), 1); 
}

.c9-bg blockquote::before, 
.component .component.c9-bg div > blockquote::before { 
    color: rgba(var(--c9-highlight), 1); 
}

.c9-highlight-text { 
    color: rgba(var(--c9-highlight-text), 1); 
}


.c9-heading { 
    color: rgba(var(--c9-heading), 1)!important; 
}

.c9-secondary-heading { 
    color: rgba(var(--c9-secondary-heading), 1)!important; 
}


.c9-bg .heading { 
    color: rgba(var(--c9-heading), 1); 
}

.c9-bg .secondary-heading { 
    color: rgba(var(--c9-secondary-heading), 1); 
}

.c9-bg .quote, .c9-bg blockquote { 
    color: rgba(var(--c9-heading), 1); 
}

.c9-bg .quote::before, 
.c9-bg blockquote::before { 
    color: rgba(var(--c9-highlight), 1); 
}


/* Labels */
.c9-bg .label { background-color: rgba(var(--c9-highlight), 1); }

.c9-bg .label { color: rgba(var(--c9-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c9-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); }

.c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; }

.c9-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c9-highlight), 1); }

/* Button Tabs */
.c9-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } 

.c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); }

.c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); }

.c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c9-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c9-link), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); }


/* Linethrough Tabs */
.c9-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c9-link), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); }


/* Slider Navigation */
.c9-bg .slick-slider .slick-prev, .c9-bg .slick-slider .slick-next { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); }

html.no-touch .c9-bg .slick-slider .slick-prev:hover, html.no-touch .c9-bg .slick-slider .slick-next:hover { color: rgba(var(--c9-link-hover), 1); }

.c9-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c9-text), 1); }

html.no-touch .c9-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c9-link-hover), 1); }

.c9-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c9-highlight), 1); }

/* Forms */
.form .c9-bg .form-control { border-color: rgba(var(--c9-borders), 1); }

.form .c9-bg .form-control:focus { border-color: rgba(var(--c9-highlight), 1); box-shadow: 0 0 5px var(--c9-highlight);}


/* Ajax Loading */
.c9-bg .ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); }

.c9-bg.ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); }

.ajax-wrap .c9-bg .ajax-loading { background: rgba(var(--c9-bg-color1), 1); }

.c9-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); }

.c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); }

.ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); }

.c9-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }

.c9-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }

.item_form-single_field .c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }

.item_form-single_field .ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }


/* Links */
.c9-bg .listing.listing_links:not(.listing_links-mini), .c9-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c9-borders), 1); }

.c9-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c9-borders), 0.1); }

.c9-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c9-link), 1); }

.c9-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c9-link-hover), 1); }

 
/* Data List */                  
.c9-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c9-borders), 1); }

.c9-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c9-borders), 1); }


/* Sitemap */                
.c9-bg nav.sitemap ul li::before, .c9-bg nav.sitemap ul li::after { background-color: rgba(var(--c9-borders), 1); }

.c9-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c9-borders), 0.5); }


/* Tables */
.c9-bg thead { color: rgba(var(--c9-heading), 1); }

.c9-bg table, .c9-bg table th, .c9-bg table td { border-color: rgba(var(--c9-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c9-bg .expand { color: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg .expand span:before { background: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg .expand span { background: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg .expand span:after { background: rgba(var(--c9-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), 0.25); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); }


/* Scroll prompt */
.c9-bg .scroll-prompt a { color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt a i { color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c9-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store h1 { color: rgba(var(--c9-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c9-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c9-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c9-heading), 1)!important; }


/* Heading separators - on page */
.c9-bg h1::before, .c9-bg h2::before, .c9-bg h3::before, .c9-bg h4::before, .c9-bg h5::before, .c9-bg h6::before { background: rgba(var(--c9-highlight), 1); }

.c9-bg h1::after, .c9-bg h2::after, .c9-bg h3::after, .c9-bg h4::after, .c9-bg h5::after, .c9-bg h6::after { background: rgba(var(--c9-highlight), 1); }


/* Heading separators - on components */
.c9-bg .heading::before, .c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); }

.c9-bg .heading::after, .c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); }


/* Heading separators - on specific items */
.item.c9-bg .heading::before, .item.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); }

.item.c9-bg .heading::after, .item.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); }

.inner.c9-bg .heading::before, .inner.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); }

.inner.c9-bg .heading::after, .inner.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c10-bg,
.item.item_overlay .inner .image.c10-bg::before,
.usn_cmp_banner .item.item_overlay.c10-bg .inner::before { 
    background: rgba(var(--c10-bg-color1), 1); 
}

/* Backgrounds Linear */

.c10-bg.c10-bg-linear,
.item.item_overlay .inner .image.c10-bg.c10-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-linear .inner::before { 
    background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c10-bg.c10-bg-radial,
.item.item_overlay .inner .image.c10-bg.c10-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c10-bg-start-perc) var(--c10-bg-stop-perc), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); 
}


/* Headings */

.c10-bg h1:not(.heading), 
.c10-bg h2:not(.heading), 
.c10-bg h3:not(.heading), 
.c10-bg h4:not(.heading), 
.c10-bg h5:not(.heading), 
.c10-bg h6:not(.heading) { 
    color: rgba(var(--c10-heading), 1); 
}

.c10-heading, 
.c10-bg .heading { 
    color: rgba(var(--c10-heading), 1); 
}


/* Secondary Headings */

.c10-secondary-heading, 
.c10-bg .c10-secondary-heading { 
    color: rgba(var(--c10-secondary-heading), 1); 
}


/* Text */

.c10-bg, 
.c10-bg .c10-text, 
.c10-text { 
    color: rgba(var(--c10-text), 1); 
}


/* Borders */

.c10-borders { 
    border-color: rgba(var(--c10-borders), 1); 
}


/* Links */

.c10-link, .c10-bg a:not(.btn) { 
    color: rgba(var(--c10-link), 1); 
}

.c10-link:hover, 
.c10-link:focus, 
.c10-link:active, 
.c10-bg a:not(.btn):hover, 
.c10-bg a:not(.btn):focus, 
.c10-bg a:not(.btn):active { 
    color: rgba(var(--c10-link-hover), 1); 
}


/* Highlights */

.c10-highlight-bg { 
    background-color: rgba(var(--c10-highlight), 1); 
}

.c10-bg blockquote::before, 
.component .component.c10-bg div > blockquote::before { 
    color: rgba(var(--c10-highlight), 1); 
}

.c10-highlight-text { 
    color: rgba(var(--c10-highlight-text), 1); 
}


.c10-heading { 
    color: rgba(var(--c10-heading), 1)!important; 
}

.c10-secondary-heading { 
    color: rgba(var(--c10-secondary-heading), 1)!important; 
}


.c10-bg .heading { 
    color: rgba(var(--c10-heading), 1); 
}

.c10-bg .secondary-heading { 
    color: rgba(var(--c10-secondary-heading), 1); 
}

.c10-bg .quote, .c10-bg blockquote { 
    color: rgba(var(--c10-heading), 1); 
}

.c10-bg .quote::before, 
.c10-bg blockquote::before { 
    color: rgba(var(--c10-highlight), 1); 
}


/* Labels */
.c10-bg .label { background-color: rgba(var(--c10-highlight), 1); }

.c10-bg .label { color: rgba(var(--c10-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c10-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); }

.c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; }

.c10-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c10-highlight), 1); }

/* Button Tabs */
.c10-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } 

.c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); }

.c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); }

.c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c10-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c10-link), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); }


/* Linethrough Tabs */
.c10-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c10-link), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); }


/* Slider Navigation */
.c10-bg .slick-slider .slick-prev, .c10-bg .slick-slider .slick-next { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); }

html.no-touch .c10-bg .slick-slider .slick-prev:hover, html.no-touch .c10-bg .slick-slider .slick-next:hover { color: rgba(var(--c10-link-hover), 1); }

.c10-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c10-text), 1); }

html.no-touch .c10-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c10-link-hover), 1); }

.c10-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c10-highlight), 1); }

/* Forms */
.form .c10-bg .form-control { border-color: rgba(var(--c10-borders), 1); }

.form .c10-bg .form-control:focus { border-color: rgba(var(--c10-highlight), 1); box-shadow: 0 0 5px var(--c10-highlight);}


/* Ajax Loading */
.c10-bg .ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); }

.c10-bg.ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); }

.ajax-wrap .c10-bg .ajax-loading { background: rgba(var(--c10-bg-color1), 1); }

.c10-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); }

.c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); }

.ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); }

.c10-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }

.c10-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }

.item_form-single_field .c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }

.item_form-single_field .ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }


/* Links */
.c10-bg .listing.listing_links:not(.listing_links-mini), .c10-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c10-borders), 1); }

.c10-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c10-borders), 0.1); }

.c10-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c10-link), 1); }

.c10-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c10-link-hover), 1); }

 
/* Data List */                  
.c10-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c10-borders), 1); }

.c10-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c10-borders), 1); }


/* Sitemap */                
.c10-bg nav.sitemap ul li::before, .c10-bg nav.sitemap ul li::after { background-color: rgba(var(--c10-borders), 1); }

.c10-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c10-borders), 0.5); }


/* Tables */
.c10-bg thead { color: rgba(var(--c10-heading), 1); }

.c10-bg table, .c10-bg table th, .c10-bg table td { border-color: rgba(var(--c10-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c10-bg .expand { color: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg .expand span:before { background: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg .expand span { background: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg .expand span:after { background: rgba(var(--c10-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), 0.25); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); }


/* Scroll prompt */
.c10-bg .scroll-prompt a { color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt a i { color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c10-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store h1 { color: rgba(var(--c10-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c10-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c10-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c10-heading), 1)!important; }


/* Heading separators - on page */
.c10-bg h1::before, .c10-bg h2::before, .c10-bg h3::before, .c10-bg h4::before, .c10-bg h5::before, .c10-bg h6::before { background: rgba(var(--c10-highlight), 1); }

.c10-bg h1::after, .c10-bg h2::after, .c10-bg h3::after, .c10-bg h4::after, .c10-bg h5::after, .c10-bg h6::after { background: rgba(var(--c10-highlight), 1); }


/* Heading separators - on components */
.c10-bg .heading::before, .c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); }

.c10-bg .heading::after, .c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); }


/* Heading separators - on specific items */
.item.c10-bg .heading::before, .item.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); }

.item.c10-bg .heading::after, .item.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); }

.inner.c10-bg .heading::before, .inner.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); }

.inner.c10-bg .heading::after, .inner.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c11-bg,
.item.item_overlay .inner .image.c11-bg::before,
.usn_cmp_banner .item.item_overlay.c11-bg .inner::before { 
    background: rgba(var(--c11-bg-color1), 1); 
}

/* Backgrounds Linear */

.c11-bg.c11-bg-linear,
.item.item_overlay .inner .image.c11-bg.c11-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-linear .inner::before { 
    background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c11-bg.c11-bg-radial,
.item.item_overlay .inner .image.c11-bg.c11-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c11-bg-start-perc) var(--c11-bg-stop-perc), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); 
}


/* Headings */

.c11-bg h1:not(.heading), 
.c11-bg h2:not(.heading), 
.c11-bg h3:not(.heading), 
.c11-bg h4:not(.heading), 
.c11-bg h5:not(.heading), 
.c11-bg h6:not(.heading) { 
    color: rgba(var(--c11-heading), 1); 
}

.c11-heading, 
.c11-bg .heading { 
    color: rgba(var(--c11-heading), 1); 
}


/* Secondary Headings */

.c11-secondary-heading, 
.c11-bg .c11-secondary-heading { 
    color: rgba(var(--c11-secondary-heading), 1); 
}


/* Text */

.c11-bg, 
.c11-bg .c11-text, 
.c11-text { 
    color: rgba(var(--c11-text), 1); 
}


/* Borders */

.c11-borders { 
    border-color: rgba(var(--c11-borders), 1); 
}


/* Links */

.c11-link, .c11-bg a:not(.btn) { 
    color: rgba(var(--c11-link), 1); 
}

.c11-link:hover, 
.c11-link:focus, 
.c11-link:active, 
.c11-bg a:not(.btn):hover, 
.c11-bg a:not(.btn):focus, 
.c11-bg a:not(.btn):active { 
    color: rgba(var(--c11-link-hover), 1); 
}


/* Highlights */

.c11-highlight-bg { 
    background-color: rgba(var(--c11-highlight), 1); 
}

.c11-bg blockquote::before, 
.component .component.c11-bg div > blockquote::before { 
    color: rgba(var(--c11-highlight), 1); 
}

.c11-highlight-text { 
    color: rgba(var(--c11-highlight-text), 1); 
}


.c11-heading { 
    color: rgba(var(--c11-heading), 1)!important; 
}

.c11-secondary-heading { 
    color: rgba(var(--c11-secondary-heading), 1)!important; 
}


.c11-bg .heading { 
    color: rgba(var(--c11-heading), 1); 
}

.c11-bg .secondary-heading { 
    color: rgba(var(--c11-secondary-heading), 1); 
}

.c11-bg .quote, .c11-bg blockquote { 
    color: rgba(var(--c11-heading), 1); 
}

.c11-bg .quote::before, 
.c11-bg blockquote::before { 
    color: rgba(var(--c11-highlight), 1); 
}


/* Labels */
.c11-bg .label { background-color: rgba(var(--c11-highlight), 1); }

.c11-bg .label { color: rgba(var(--c11-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c11-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); }

.c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; }

.c11-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c11-highlight), 1); }

/* Button Tabs */
.c11-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } 

.c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); }

.c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); }

.c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c11-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c11-link), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); }


/* Linethrough Tabs */
.c11-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c11-link), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); }


/* Slider Navigation */
.c11-bg .slick-slider .slick-prev, .c11-bg .slick-slider .slick-next { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); }

html.no-touch .c11-bg .slick-slider .slick-prev:hover, html.no-touch .c11-bg .slick-slider .slick-next:hover { color: rgba(var(--c11-link-hover), 1); }

.c11-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c11-text), 1); }

html.no-touch .c11-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c11-link-hover), 1); }

.c11-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c11-highlight), 1); }

/* Forms */
.form .c11-bg .form-control { border-color: rgba(var(--c11-borders), 1); }

.form .c11-bg .form-control:focus { border-color: rgba(var(--c11-highlight), 1); box-shadow: 0 0 5px var(--c11-highlight);}


/* Ajax Loading */
.c11-bg .ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); }

.c11-bg.ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); }

.ajax-wrap .c11-bg .ajax-loading { background: rgba(var(--c11-bg-color1), 1); }

.c11-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); }

.c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); }

.ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); }

.c11-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }

.c11-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }

.item_form-single_field .c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }

.item_form-single_field .ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }


/* Links */
.c11-bg .listing.listing_links:not(.listing_links-mini), .c11-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c11-borders), 1); }

.c11-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c11-borders), 0.1); }

.c11-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c11-link), 1); }

.c11-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c11-link-hover), 1); }

 
/* Data List */                  
.c11-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c11-borders), 1); }

.c11-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c11-borders), 1); }


/* Sitemap */                
.c11-bg nav.sitemap ul li::before, .c11-bg nav.sitemap ul li::after { background-color: rgba(var(--c11-borders), 1); }

.c11-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c11-borders), 0.5); }


/* Tables */
.c11-bg thead { color: rgba(var(--c11-heading), 1); }

.c11-bg table, .c11-bg table th, .c11-bg table td { border-color: rgba(var(--c11-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c11-bg .expand { color: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg .expand span:before { background: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg .expand span { background: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg .expand span:after { background: rgba(var(--c11-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), 0.25); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); }


/* Scroll prompt */
.c11-bg .scroll-prompt a { color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt a i { color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c11-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store h1 { color: rgba(var(--c11-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c11-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c11-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c11-heading), 1)!important; }


/* Heading separators - on page */
.c11-bg h1::before, .c11-bg h2::before, .c11-bg h3::before, .c11-bg h4::before, .c11-bg h5::before, .c11-bg h6::before { background: rgba(var(--c11-highlight), 1); }

.c11-bg h1::after, .c11-bg h2::after, .c11-bg h3::after, .c11-bg h4::after, .c11-bg h5::after, .c11-bg h6::after { background: rgba(var(--c11-highlight), 1); }


/* Heading separators - on components */
.c11-bg .heading::before, .c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); }

.c11-bg .heading::after, .c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); }


/* Heading separators - on specific items */
.item.c11-bg .heading::before, .item.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); }

.item.c11-bg .heading::after, .item.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); }

.inner.c11-bg .heading::before, .inner.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); }

.inner.c11-bg .heading::after, .inner.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c12-bg,
.item.item_overlay .inner .image.c12-bg::before,
.usn_cmp_banner .item.item_overlay.c12-bg .inner::before { 
    background: rgba(var(--c12-bg-color1), 1); 
}

/* Backgrounds Linear */

.c12-bg.c12-bg-linear,
.item.item_overlay .inner .image.c12-bg.c12-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-linear .inner::before { 
    background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c12-bg.c12-bg-radial,
.item.item_overlay .inner .image.c12-bg.c12-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c12-bg-start-perc) var(--c12-bg-stop-perc), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); 
}


/* Headings */

.c12-bg h1:not(.heading), 
.c12-bg h2:not(.heading), 
.c12-bg h3:not(.heading), 
.c12-bg h4:not(.heading), 
.c12-bg h5:not(.heading), 
.c12-bg h6:not(.heading) { 
    color: rgba(var(--c12-heading), 1); 
}

.c12-heading, 
.c12-bg .heading { 
    color: rgba(var(--c12-heading), 1); 
}


/* Secondary Headings */

.c12-secondary-heading, 
.c12-bg .c12-secondary-heading { 
    color: rgba(var(--c12-secondary-heading), 1); 
}


/* Text */

.c12-bg, 
.c12-bg .c12-text, 
.c12-text { 
    color: rgba(var(--c12-text), 1); 
}


/* Borders */

.c12-borders { 
    border-color: rgba(var(--c12-borders), 1); 
}


/* Links */

.c12-link, .c12-bg a:not(.btn) { 
    color: rgba(var(--c12-link), 1); 
}

.c12-link:hover, 
.c12-link:focus, 
.c12-link:active, 
.c12-bg a:not(.btn):hover, 
.c12-bg a:not(.btn):focus, 
.c12-bg a:not(.btn):active { 
    color: rgba(var(--c12-link-hover), 1); 
}


/* Highlights */

.c12-highlight-bg { 
    background-color: rgba(var(--c12-highlight), 1); 
}

.c12-bg blockquote::before, 
.component .component.c12-bg div > blockquote::before { 
    color: rgba(var(--c12-highlight), 1); 
}

.c12-highlight-text { 
    color: rgba(var(--c12-highlight-text), 1); 
}


.c12-heading { 
    color: rgba(var(--c12-heading), 1)!important; 
}

.c12-secondary-heading { 
    color: rgba(var(--c12-secondary-heading), 1)!important; 
}


.c12-bg .heading { 
    color: rgba(var(--c12-heading), 1); 
}

.c12-bg .secondary-heading { 
    color: rgba(var(--c12-secondary-heading), 1); 
}

.c12-bg .quote, .c12-bg blockquote { 
    color: rgba(var(--c12-heading), 1); 
}

.c12-bg .quote::before, 
.c12-bg blockquote::before { 
    color: rgba(var(--c12-highlight), 1); 
}


/* Labels */
.c12-bg .label { background-color: rgba(var(--c12-highlight), 1); }

.c12-bg .label { color: rgba(var(--c12-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c12-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); }

.c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; }

.c12-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c12-highlight), 1); }

/* Button Tabs */
.c12-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } 

.c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); }

.c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); }

.c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c12-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c12-link), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); }


/* Linethrough Tabs */
.c12-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c12-link), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); }


/* Slider Navigation */
.c12-bg .slick-slider .slick-prev, .c12-bg .slick-slider .slick-next { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); }

html.no-touch .c12-bg .slick-slider .slick-prev:hover, html.no-touch .c12-bg .slick-slider .slick-next:hover { color: rgba(var(--c12-link-hover), 1); }

.c12-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c12-text), 1); }

html.no-touch .c12-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c12-link-hover), 1); }

.c12-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c12-highlight), 1); }

/* Forms */
.form .c12-bg .form-control { border-color: rgba(var(--c12-borders), 1); }

.form .c12-bg .form-control:focus { border-color: rgba(var(--c12-highlight), 1); box-shadow: 0 0 5px var(--c12-highlight);}


/* Ajax Loading */
.c12-bg .ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); }

.c12-bg.ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); }

.ajax-wrap .c12-bg .ajax-loading { background: rgba(var(--c12-bg-color1), 1); }

.c12-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); }

.c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); }

.ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); }

.c12-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }

.c12-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }

.item_form-single_field .c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }

.item_form-single_field .ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }


/* Links */
.c12-bg .listing.listing_links:not(.listing_links-mini), .c12-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c12-borders), 1); }

.c12-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c12-borders), 0.1); }

.c12-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c12-link), 1); }

.c12-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c12-link-hover), 1); }

 
/* Data List */                  
.c12-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c12-borders), 1); }

.c12-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c12-borders), 1); }


/* Sitemap */                
.c12-bg nav.sitemap ul li::before, .c12-bg nav.sitemap ul li::after { background-color: rgba(var(--c12-borders), 1); }

.c12-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c12-borders), 0.5); }


/* Tables */
.c12-bg thead { color: rgba(var(--c12-heading), 1); }

.c12-bg table, .c12-bg table th, .c12-bg table td { border-color: rgba(var(--c12-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c12-bg .expand { color: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg .expand span:before { background: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg .expand span { background: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg .expand span:after { background: rgba(var(--c12-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), 0.25); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); }


/* Scroll prompt */
.c12-bg .scroll-prompt a { color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt a i { color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c12-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store h1 { color: rgba(var(--c12-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c12-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c12-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c12-heading), 1)!important; }


/* Heading separators - on page */
.c12-bg h1::before, .c12-bg h2::before, .c12-bg h3::before, .c12-bg h4::before, .c12-bg h5::before, .c12-bg h6::before { background: rgba(var(--c12-highlight), 1); }

.c12-bg h1::after, .c12-bg h2::after, .c12-bg h3::after, .c12-bg h4::after, .c12-bg h5::after, .c12-bg h6::after { background: rgba(var(--c12-highlight), 1); }


/* Heading separators - on components */
.c12-bg .heading::before, .c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); }

.c12-bg .heading::after, .c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); }


/* Heading separators - on specific items */
.item.c12-bg .heading::before, .item.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); }

.item.c12-bg .heading::after, .item.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); }

.inner.c12-bg .heading::before, .inner.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); }

.inner.c12-bg .heading::after, .inner.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); }





/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c1-btn-bg, 
.btn-bg_c1-btn-bg .btn {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

.c1-btn-bg:hover, 
.btn-bg_c1-btn-bg .btn:hover,
.btn.c1-btn-bg:focus, 
.btn-bg_c1-btn-bg .btn:focus,
.btn.c1-btn-bg:active, 
.btn-bg_c1-btn-bg .btn:active {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c1-btn-bg.c1-btn-bg-linear, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-linear:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-linear:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-linear:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c1-btn-bg.c1-btn-bg-radial, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-radial:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-radial:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-radial:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c1-btn-bg-hover:hover > span, 
.btn.c1-btn-bg-hover:focus > span, 
.btn.c1-btn-bg-hover:active > span, 
.btn-bg_c1-btn-bg-hover .btn:hover > span, 
.btn-bg_c1-btn-bg-hover .btn:focus > span, 
.btn-bg_c1-btn-bg-hover .btn:active > span,
a:hover .btn.c1-btn-bg-hover > span, 
a:focus .btn.c1-btn-bg-hover > span, 
a:active .btn.c1-btn-bg-hover > span,
.btn.c1-btn-bg-hover-solid:hover > span, 
.btn.c1-btn-bg-hover-solid:focus > span, 
.btn.c1-btn-bg-hover-solid:active > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c1-btn-bg-hover-solid > span, 
a:focus .btn.c1-btn-bg-hover-solid > span, 
a:active .btn.c1-btn-bg-hover-solid > span {
    background: rgba(var(--c1-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-linear:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c1-btn-borders, 
.btn-borders_c1-btn-borders .btn {
    border-color: rgba(var(--c1-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c1-btn-borders:hover, 
.btn-borders_c1-btn-borders .btn:hover,
.btn.c1-btn-borders:focus, 
.btn-borders_c1-btn-borders .btn:focus,
.btn.c1-btn-borders:active, 
.btn-borders_c1-btn-borders .btn:active,
a:hover .btn.c1-btn-borders, 
a:focus .btn.c1-btn-borders, 
a:active .btn.c1-btn-borders {
    border-color: rgba(var(--c1-btn-borders-hover), 1);
}


/* Button Text */

.btn.c1-btn-text, 
.btn-text_c1-btn-text .btn {
    color: rgba(var(--c1-btn-text), 1);
}

/* Button Text Hover */

.btn.c1-btn-text:hover, 
.btn-text_c1-btn-text .btn:hover,
.btn.c1-btn-text:focus, 
.btn-text_c1-btn-text .btn:focus,
.btn.c1-btn-text:active, 
.btn-text_c1-btn-text .btn:active,
a:hover .btn.c1-btn-text, 
a:focus .btn.c1-btn-text, 
a:active .btn.c1-btn-text {
    color: rgba(var(--c1-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c1-btn-borders:hover, 
.btn.c1-btn-borders:focus, 
.btn.c1-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c1-btn-borders .btn:hover, 
.btn-borders_c1-btn-borders .btn:focus, 
.btn-borders_c1-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c1-btn-text, 
.basic-buttons .btn-text_c1-btn-text .btn { 
    color: rgba(var(--c1-btn-bg), 1); 
}

.basic-buttons .btn.c1-btn-text:hover, 
.basic-buttons .btn.c1-btn-text:focus, 
.basic-buttons .btn.c1-btn-text:active, 
.basic-buttons .btn-text_c1-btn-text .btn:hover, 
.basic-buttons .btn-text_c1-btn-text .btn:focus, 
.basic-buttons .btn-text_c1-btn-text .btn:active { 
    color: rgba(var(--c1-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c2-btn-borders, 
.btn-borders_c2-btn-borders .btn {
    border-color: rgba(var(--c2-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

.btn.c2-btn-text, 
.btn-text_c2-btn-text .btn {
    color: rgba(var(--c2-btn-text), 1);
}

/* Button Text Hover */

.btn.c2-btn-text:hover, 
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus, 
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active, 
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text, 
a:focus .btn.c2-btn-text, 
a:active .btn.c2-btn-text {
    color: rgba(var(--c2-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c3-btn-bg, 
.btn-bg_c3-btn-bg .btn {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

.c3-btn-bg:hover, 
.btn-bg_c3-btn-bg .btn:hover,
.btn.c3-btn-bg:focus, 
.btn-bg_c3-btn-bg .btn:focus,
.btn.c3-btn-bg:active, 
.btn-bg_c3-btn-bg .btn:active {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c3-btn-bg.c3-btn-bg-linear, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-linear:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-linear:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-linear:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c3-btn-bg.c3-btn-bg-radial, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-radial:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-radial:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-radial:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c3-btn-bg-hover:hover > span, 
.btn.c3-btn-bg-hover:focus > span, 
.btn.c3-btn-bg-hover:active > span, 
.btn-bg_c3-btn-bg-hover .btn:hover > span, 
.btn-bg_c3-btn-bg-hover .btn:focus > span, 
.btn-bg_c3-btn-bg-hover .btn:active > span,
a:hover .btn.c3-btn-bg-hover > span, 
a:focus .btn.c3-btn-bg-hover > span, 
a:active .btn.c3-btn-bg-hover > span,
.btn.c3-btn-bg-hover-solid:hover > span, 
.btn.c3-btn-bg-hover-solid:focus > span, 
.btn.c3-btn-bg-hover-solid:active > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c3-btn-bg-hover-solid > span, 
a:focus .btn.c3-btn-bg-hover-solid > span, 
a:active .btn.c3-btn-bg-hover-solid > span {
    background: rgba(var(--c3-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c3-btn-borders, 
.btn-borders_c3-btn-borders .btn {
    border-color: rgba(var(--c3-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c3-btn-borders:hover, 
.btn-borders_c3-btn-borders .btn:hover,
.btn.c3-btn-borders:focus, 
.btn-borders_c3-btn-borders .btn:focus,
.btn.c3-btn-borders:active, 
.btn-borders_c3-btn-borders .btn:active,
a:hover .btn.c3-btn-borders, 
a:focus .btn.c3-btn-borders, 
a:active .btn.c3-btn-borders {
    border-color: rgba(var(--c3-btn-borders-hover), 1);
}


/* Button Text */

.btn.c3-btn-text, 
.btn-text_c3-btn-text .btn {
    color: rgba(var(--c3-btn-text), 1);
}

/* Button Text Hover */

.btn.c3-btn-text:hover, 
.btn-text_c3-btn-text .btn:hover,
.btn.c3-btn-text:focus, 
.btn-text_c3-btn-text .btn:focus,
.btn.c3-btn-text:active, 
.btn-text_c3-btn-text .btn:active,
a:hover .btn.c3-btn-text, 
a:focus .btn.c3-btn-text, 
a:active .btn.c3-btn-text {
    color: rgba(var(--c3-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c3-btn-borders:hover, 
.btn.c3-btn-borders:focus, 
.btn.c3-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c3-btn-borders .btn:hover, 
.btn-borders_c3-btn-borders .btn:focus, 
.btn-borders_c3-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c3-btn-text, 
.basic-buttons .btn-text_c3-btn-text .btn { 
    color: rgba(var(--c3-btn-bg), 1); 
}

.basic-buttons .btn.c3-btn-text:hover, 
.basic-buttons .btn.c3-btn-text:focus, 
.basic-buttons .btn.c3-btn-text:active, 
.basic-buttons .btn-text_c3-btn-text .btn:hover, 
.basic-buttons .btn-text_c3-btn-text .btn:focus, 
.basic-buttons .btn-text_c3-btn-text .btn:active { 
    color: rgba(var(--c3-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c4-btn-bg, 
.btn-bg_c4-btn-bg .btn {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

.c4-btn-bg:hover, 
.btn-bg_c4-btn-bg .btn:hover,
.btn.c4-btn-bg:focus, 
.btn-bg_c4-btn-bg .btn:focus,
.btn.c4-btn-bg:active, 
.btn-bg_c4-btn-bg .btn:active {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c4-btn-bg.c4-btn-bg-linear, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-linear:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-linear:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-linear:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c4-btn-bg.c4-btn-bg-radial, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-radial:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-radial:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-radial:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c4-btn-bg-hover:hover > span, 
.btn.c4-btn-bg-hover:focus > span, 
.btn.c4-btn-bg-hover:active > span, 
.btn-bg_c4-btn-bg-hover .btn:hover > span, 
.btn-bg_c4-btn-bg-hover .btn:focus > span, 
.btn-bg_c4-btn-bg-hover .btn:active > span,
a:hover .btn.c4-btn-bg-hover > span, 
a:focus .btn.c4-btn-bg-hover > span, 
a:active .btn.c4-btn-bg-hover > span,
.btn.c4-btn-bg-hover-solid:hover > span, 
.btn.c4-btn-bg-hover-solid:focus > span, 
.btn.c4-btn-bg-hover-solid:active > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c4-btn-bg-hover-solid > span, 
a:focus .btn.c4-btn-bg-hover-solid > span, 
a:active .btn.c4-btn-bg-hover-solid > span {
    background: rgba(var(--c4-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c4-btn-borders, 
.btn-borders_c4-btn-borders .btn {
    border-color: rgba(var(--c4-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c4-btn-borders:hover, 
.btn-borders_c4-btn-borders .btn:hover,
.btn.c4-btn-borders:focus, 
.btn-borders_c4-btn-borders .btn:focus,
.btn.c4-btn-borders:active, 
.btn-borders_c4-btn-borders .btn:active,
a:hover .btn.c4-btn-borders, 
a:focus .btn.c4-btn-borders, 
a:active .btn.c4-btn-borders {
    border-color: rgba(var(--c4-btn-borders-hover), 1);
}


/* Button Text */

.btn.c4-btn-text, 
.btn-text_c4-btn-text .btn {
    color: rgba(var(--c4-btn-text), 1);
}

/* Button Text Hover */

.btn.c4-btn-text:hover, 
.btn-text_c4-btn-text .btn:hover,
.btn.c4-btn-text:focus, 
.btn-text_c4-btn-text .btn:focus,
.btn.c4-btn-text:active, 
.btn-text_c4-btn-text .btn:active,
a:hover .btn.c4-btn-text, 
a:focus .btn.c4-btn-text, 
a:active .btn.c4-btn-text {
    color: rgba(var(--c4-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c4-btn-borders:hover, 
.btn.c4-btn-borders:focus, 
.btn.c4-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c4-btn-borders .btn:hover, 
.btn-borders_c4-btn-borders .btn:focus, 
.btn-borders_c4-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c4-btn-text, 
.basic-buttons .btn-text_c4-btn-text .btn { 
    color: rgba(var(--c4-btn-bg), 1); 
}

.basic-buttons .btn.c4-btn-text:hover, 
.basic-buttons .btn.c4-btn-text:focus, 
.basic-buttons .btn.c4-btn-text:active, 
.basic-buttons .btn-text_c4-btn-text .btn:hover, 
.basic-buttons .btn-text_c4-btn-text .btn:focus, 
.basic-buttons .btn-text_c4-btn-text .btn:active { 
    color: rgba(var(--c4-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c5-btn-bg, 
.btn-bg_c5-btn-bg .btn {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

.c5-btn-bg:hover, 
.btn-bg_c5-btn-bg .btn:hover,
.btn.c5-btn-bg:focus, 
.btn-bg_c5-btn-bg .btn:focus,
.btn.c5-btn-bg:active, 
.btn-bg_c5-btn-bg .btn:active {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c5-btn-bg.c5-btn-bg-linear, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-linear:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-linear:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-linear:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c5-btn-bg.c5-btn-bg-radial, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-radial:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-radial:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-radial:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c5-btn-bg-hover:hover > span, 
.btn.c5-btn-bg-hover:focus > span, 
.btn.c5-btn-bg-hover:active > span, 
.btn-bg_c5-btn-bg-hover .btn:hover > span, 
.btn-bg_c5-btn-bg-hover .btn:focus > span, 
.btn-bg_c5-btn-bg-hover .btn:active > span,
a:hover .btn.c5-btn-bg-hover > span, 
a:focus .btn.c5-btn-bg-hover > span, 
a:active .btn.c5-btn-bg-hover > span,
.btn.c5-btn-bg-hover-solid:hover > span, 
.btn.c5-btn-bg-hover-solid:focus > span, 
.btn.c5-btn-bg-hover-solid:active > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c5-btn-bg-hover-solid > span, 
a:focus .btn.c5-btn-bg-hover-solid > span, 
a:active .btn.c5-btn-bg-hover-solid > span {
    background: rgba(var(--c5-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c5-btn-borders, 
.btn-borders_c5-btn-borders .btn {
    border-color: rgba(var(--c5-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c5-btn-borders:hover, 
.btn-borders_c5-btn-borders .btn:hover,
.btn.c5-btn-borders:focus, 
.btn-borders_c5-btn-borders .btn:focus,
.btn.c5-btn-borders:active, 
.btn-borders_c5-btn-borders .btn:active,
a:hover .btn.c5-btn-borders, 
a:focus .btn.c5-btn-borders, 
a:active .btn.c5-btn-borders {
    border-color: rgba(var(--c5-btn-borders-hover), 1);
}


/* Button Text */

.btn.c5-btn-text, 
.btn-text_c5-btn-text .btn {
    color: rgba(var(--c5-btn-text), 1);
}

/* Button Text Hover */

.btn.c5-btn-text:hover, 
.btn-text_c5-btn-text .btn:hover,
.btn.c5-btn-text:focus, 
.btn-text_c5-btn-text .btn:focus,
.btn.c5-btn-text:active, 
.btn-text_c5-btn-text .btn:active,
a:hover .btn.c5-btn-text, 
a:focus .btn.c5-btn-text, 
a:active .btn.c5-btn-text {
    color: rgba(var(--c5-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c5-btn-borders:hover, 
.btn.c5-btn-borders:focus, 
.btn.c5-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c5-btn-borders .btn:hover, 
.btn-borders_c5-btn-borders .btn:focus, 
.btn-borders_c5-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c5-btn-text, 
.basic-buttons .btn-text_c5-btn-text .btn { 
    color: rgba(var(--c5-btn-bg), 1); 
}

.basic-buttons .btn.c5-btn-text:hover, 
.basic-buttons .btn.c5-btn-text:focus, 
.basic-buttons .btn.c5-btn-text:active, 
.basic-buttons .btn-text_c5-btn-text .btn:hover, 
.basic-buttons .btn-text_c5-btn-text .btn:focus, 
.basic-buttons .btn-text_c5-btn-text .btn:active { 
    color: rgba(var(--c5-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c6-btn-bg, 
.btn-bg_c6-btn-bg .btn {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

.c6-btn-bg:hover, 
.btn-bg_c6-btn-bg .btn:hover,
.btn.c6-btn-bg:focus, 
.btn-bg_c6-btn-bg .btn:focus,
.btn.c6-btn-bg:active, 
.btn-bg_c6-btn-bg .btn:active {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c6-btn-bg.c6-btn-bg-linear, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-linear:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-linear:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-linear:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c6-btn-bg.c6-btn-bg-radial, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-radial:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-radial:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-radial:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c6-btn-bg-hover:hover > span, 
.btn.c6-btn-bg-hover:focus > span, 
.btn.c6-btn-bg-hover:active > span, 
.btn-bg_c6-btn-bg-hover .btn:hover > span, 
.btn-bg_c6-btn-bg-hover .btn:focus > span, 
.btn-bg_c6-btn-bg-hover .btn:active > span,
a:hover .btn.c6-btn-bg-hover > span, 
a:focus .btn.c6-btn-bg-hover > span, 
a:active .btn.c6-btn-bg-hover > span,
.btn.c6-btn-bg-hover-solid:hover > span, 
.btn.c6-btn-bg-hover-solid:focus > span, 
.btn.c6-btn-bg-hover-solid:active > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c6-btn-bg-hover-solid > span, 
a:focus .btn.c6-btn-bg-hover-solid > span, 
a:active .btn.c6-btn-bg-hover-solid > span {
    background: rgba(var(--c6-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-linear:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-radial:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c6-btn-borders, 
.btn-borders_c6-btn-borders .btn {
    border-color: rgba(var(--c6-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c6-btn-borders:hover, 
.btn-borders_c6-btn-borders .btn:hover,
.btn.c6-btn-borders:focus, 
.btn-borders_c6-btn-borders .btn:focus,
.btn.c6-btn-borders:active, 
.btn-borders_c6-btn-borders .btn:active,
a:hover .btn.c6-btn-borders, 
a:focus .btn.c6-btn-borders, 
a:active .btn.c6-btn-borders {
    border-color: rgba(var(--c6-btn-borders-hover), 1);
}


/* Button Text */

.btn.c6-btn-text, 
.btn-text_c6-btn-text .btn {
    color: rgba(var(--c6-btn-text), 1);
}

/* Button Text Hover */

.btn.c6-btn-text:hover, 
.btn-text_c6-btn-text .btn:hover,
.btn.c6-btn-text:focus, 
.btn-text_c6-btn-text .btn:focus,
.btn.c6-btn-text:active, 
.btn-text_c6-btn-text .btn:active,
a:hover .btn.c6-btn-text, 
a:focus .btn.c6-btn-text, 
a:active .btn.c6-btn-text {
    color: rgba(var(--c6-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c6-btn-borders:hover, 
.btn.c6-btn-borders:focus, 
.btn.c6-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c6-btn-borders .btn:hover, 
.btn-borders_c6-btn-borders .btn:focus, 
.btn-borders_c6-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c6-btn-text, 
.basic-buttons .btn-text_c6-btn-text .btn { 
    color: rgba(var(--c6-btn-bg), 1); 
}

.basic-buttons .btn.c6-btn-text:hover, 
.basic-buttons .btn.c6-btn-text:focus, 
.basic-buttons .btn.c6-btn-text:active, 
.basic-buttons .btn-text_c6-btn-text .btn:hover, 
.basic-buttons .btn-text_c6-btn-text .btn:focus, 
.basic-buttons .btn-text_c6-btn-text .btn:active { 
    color: rgba(var(--c6-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c7-btn-bg, 
.btn-bg_c7-btn-bg .btn {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

.c7-btn-bg:hover, 
.btn-bg_c7-btn-bg .btn:hover,
.btn.c7-btn-bg:focus, 
.btn-bg_c7-btn-bg .btn:focus,
.btn.c7-btn-bg:active, 
.btn-bg_c7-btn-bg .btn:active {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c7-btn-bg.c7-btn-bg-linear, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-linear:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-linear:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-linear:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c7-btn-bg.c7-btn-bg-radial, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-radial:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-radial:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-radial:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c7-btn-bg-hover:hover > span, 
.btn.c7-btn-bg-hover:focus > span, 
.btn.c7-btn-bg-hover:active > span, 
.btn-bg_c7-btn-bg-hover .btn:hover > span, 
.btn-bg_c7-btn-bg-hover .btn:focus > span, 
.btn-bg_c7-btn-bg-hover .btn:active > span,
a:hover .btn.c7-btn-bg-hover > span, 
a:focus .btn.c7-btn-bg-hover > span, 
a:active .btn.c7-btn-bg-hover > span,
.btn.c7-btn-bg-hover-solid:hover > span, 
.btn.c7-btn-bg-hover-solid:focus > span, 
.btn.c7-btn-bg-hover-solid:active > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c7-btn-bg-hover-solid > span, 
a:focus .btn.c7-btn-bg-hover-solid > span, 
a:active .btn.c7-btn-bg-hover-solid > span {
    background: rgba(var(--c7-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-linear:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c7-btn-bg-hover-angle), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-radial:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c7-btn-bg-hover-start-perc) var(--c7-btn-bg-hover-stop-perc), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c7-btn-borders, 
.btn-borders_c7-btn-borders .btn {
    border-color: rgba(var(--c7-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c7-btn-borders:hover, 
.btn-borders_c7-btn-borders .btn:hover,
.btn.c7-btn-borders:focus, 
.btn-borders_c7-btn-borders .btn:focus,
.btn.c7-btn-borders:active, 
.btn-borders_c7-btn-borders .btn:active,
a:hover .btn.c7-btn-borders, 
a:focus .btn.c7-btn-borders, 
a:active .btn.c7-btn-borders {
    border-color: rgba(var(--c7-btn-borders-hover), 1);
}


/* Button Text */

.btn.c7-btn-text, 
.btn-text_c7-btn-text .btn {
    color: rgba(var(--c7-btn-text), 1);
}

/* Button Text Hover */

.btn.c7-btn-text:hover, 
.btn-text_c7-btn-text .btn:hover,
.btn.c7-btn-text:focus, 
.btn-text_c7-btn-text .btn:focus,
.btn.c7-btn-text:active, 
.btn-text_c7-btn-text .btn:active,
a:hover .btn.c7-btn-text, 
a:focus .btn.c7-btn-text, 
a:active .btn.c7-btn-text {
    color: rgba(var(--c7-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c7-btn-borders:hover, 
.btn.c7-btn-borders:focus, 
.btn.c7-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c7-btn-borders .btn:hover, 
.btn-borders_c7-btn-borders .btn:focus, 
.btn-borders_c7-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c7-btn-text, 
.basic-buttons .btn-text_c7-btn-text .btn { 
    color: rgba(var(--c7-btn-bg), 1); 
}

.basic-buttons .btn.c7-btn-text:hover, 
.basic-buttons .btn.c7-btn-text:focus, 
.basic-buttons .btn.c7-btn-text:active, 
.basic-buttons .btn-text_c7-btn-text .btn:hover, 
.basic-buttons .btn-text_c7-btn-text .btn:focus, 
.basic-buttons .btn-text_c7-btn-text .btn:active { 
    color: rgba(var(--c7-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c8-btn-bg, 
.btn-bg_c8-btn-bg .btn {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

.c8-btn-bg:hover, 
.btn-bg_c8-btn-bg .btn:hover,
.btn.c8-btn-bg:focus, 
.btn-bg_c8-btn-bg .btn:focus,
.btn.c8-btn-bg:active, 
.btn-bg_c8-btn-bg .btn:active {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c8-btn-bg.c8-btn-bg-linear, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-linear:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-linear:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-linear:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c8-btn-bg.c8-btn-bg-radial, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-radial:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-radial:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-radial:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c8-btn-bg-hover:hover > span, 
.btn.c8-btn-bg-hover:focus > span, 
.btn.c8-btn-bg-hover:active > span, 
.btn-bg_c8-btn-bg-hover .btn:hover > span, 
.btn-bg_c8-btn-bg-hover .btn:focus > span, 
.btn-bg_c8-btn-bg-hover .btn:active > span,
a:hover .btn.c8-btn-bg-hover > span, 
a:focus .btn.c8-btn-bg-hover > span, 
a:active .btn.c8-btn-bg-hover > span,
.btn.c8-btn-bg-hover-solid:hover > span, 
.btn.c8-btn-bg-hover-solid:focus > span, 
.btn.c8-btn-bg-hover-solid:active > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c8-btn-bg-hover-solid > span, 
a:focus .btn.c8-btn-bg-hover-solid > span, 
a:active .btn.c8-btn-bg-hover-solid > span {
    background: rgba(var(--c8-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-linear:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c8-btn-bg-hover-angle), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-radial:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c8-btn-bg-hover-start-perc) var(--c8-btn-bg-hover-stop-perc), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c8-btn-borders, 
.btn-borders_c8-btn-borders .btn {
    border-color: rgba(var(--c8-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c8-btn-borders:hover, 
.btn-borders_c8-btn-borders .btn:hover,
.btn.c8-btn-borders:focus, 
.btn-borders_c8-btn-borders .btn:focus,
.btn.c8-btn-borders:active, 
.btn-borders_c8-btn-borders .btn:active,
a:hover .btn.c8-btn-borders, 
a:focus .btn.c8-btn-borders, 
a:active .btn.c8-btn-borders {
    border-color: rgba(var(--c8-btn-borders-hover), 1);
}


/* Button Text */

.btn.c8-btn-text, 
.btn-text_c8-btn-text .btn {
    color: rgba(var(--c8-btn-text), 1);
}

/* Button Text Hover */

.btn.c8-btn-text:hover, 
.btn-text_c8-btn-text .btn:hover,
.btn.c8-btn-text:focus, 
.btn-text_c8-btn-text .btn:focus,
.btn.c8-btn-text:active, 
.btn-text_c8-btn-text .btn:active,
a:hover .btn.c8-btn-text, 
a:focus .btn.c8-btn-text, 
a:active .btn.c8-btn-text {
    color: rgba(var(--c8-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c8-btn-borders:hover, 
.btn.c8-btn-borders:focus, 
.btn.c8-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c8-btn-borders .btn:hover, 
.btn-borders_c8-btn-borders .btn:focus, 
.btn-borders_c8-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c8-btn-text, 
.basic-buttons .btn-text_c8-btn-text .btn { 
    color: rgba(var(--c8-btn-bg), 1); 
}

.basic-buttons .btn.c8-btn-text:hover, 
.basic-buttons .btn.c8-btn-text:focus, 
.basic-buttons .btn.c8-btn-text:active, 
.basic-buttons .btn-text_c8-btn-text .btn:hover, 
.basic-buttons .btn-text_c8-btn-text .btn:focus, 
.basic-buttons .btn-text_c8-btn-text .btn:active { 
    color: rgba(var(--c8-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c9-btn-bg, 
.btn-bg_c9-btn-bg .btn {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

.c9-btn-bg:hover, 
.btn-bg_c9-btn-bg .btn:hover,
.btn.c9-btn-bg:focus, 
.btn-bg_c9-btn-bg .btn:focus,
.btn.c9-btn-bg:active, 
.btn-bg_c9-btn-bg .btn:active {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c9-btn-bg.c9-btn-bg-linear, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-linear:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-linear:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-linear:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c9-btn-bg.c9-btn-bg-radial, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-radial:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-radial:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-radial:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c9-btn-bg-hover:hover > span, 
.btn.c9-btn-bg-hover:focus > span, 
.btn.c9-btn-bg-hover:active > span, 
.btn-bg_c9-btn-bg-hover .btn:hover > span, 
.btn-bg_c9-btn-bg-hover .btn:focus > span, 
.btn-bg_c9-btn-bg-hover .btn:active > span,
a:hover .btn.c9-btn-bg-hover > span, 
a:focus .btn.c9-btn-bg-hover > span, 
a:active .btn.c9-btn-bg-hover > span,
.btn.c9-btn-bg-hover-solid:hover > span, 
.btn.c9-btn-bg-hover-solid:focus > span, 
.btn.c9-btn-bg-hover-solid:active > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c9-btn-bg-hover-solid > span, 
a:focus .btn.c9-btn-bg-hover-solid > span, 
a:active .btn.c9-btn-bg-hover-solid > span {
    background: rgba(var(--c9-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-linear:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c9-btn-bg-hover-angle), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-radial:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c9-btn-bg-hover-start-perc) var(--c9-btn-bg-hover-stop-perc), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c9-btn-borders, 
.btn-borders_c9-btn-borders .btn {
    border-color: rgba(var(--c9-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c9-btn-borders:hover, 
.btn-borders_c9-btn-borders .btn:hover,
.btn.c9-btn-borders:focus, 
.btn-borders_c9-btn-borders .btn:focus,
.btn.c9-btn-borders:active, 
.btn-borders_c9-btn-borders .btn:active,
a:hover .btn.c9-btn-borders, 
a:focus .btn.c9-btn-borders, 
a:active .btn.c9-btn-borders {
    border-color: rgba(var(--c9-btn-borders-hover), 1);
}


/* Button Text */

.btn.c9-btn-text, 
.btn-text_c9-btn-text .btn {
    color: rgba(var(--c9-btn-text), 1);
}

/* Button Text Hover */

.btn.c9-btn-text:hover, 
.btn-text_c9-btn-text .btn:hover,
.btn.c9-btn-text:focus, 
.btn-text_c9-btn-text .btn:focus,
.btn.c9-btn-text:active, 
.btn-text_c9-btn-text .btn:active,
a:hover .btn.c9-btn-text, 
a:focus .btn.c9-btn-text, 
a:active .btn.c9-btn-text {
    color: rgba(var(--c9-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c9-btn-borders:hover, 
.btn.c9-btn-borders:focus, 
.btn.c9-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c9-btn-borders .btn:hover, 
.btn-borders_c9-btn-borders .btn:focus, 
.btn-borders_c9-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c9-btn-text, 
.basic-buttons .btn-text_c9-btn-text .btn { 
    color: rgba(var(--c9-btn-bg), 1); 
}

.basic-buttons .btn.c9-btn-text:hover, 
.basic-buttons .btn.c9-btn-text:focus, 
.basic-buttons .btn.c9-btn-text:active, 
.basic-buttons .btn-text_c9-btn-text .btn:hover, 
.basic-buttons .btn-text_c9-btn-text .btn:focus, 
.basic-buttons .btn-text_c9-btn-text .btn:active { 
    color: rgba(var(--c9-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c10-btn-bg, 
.btn-bg_c10-btn-bg .btn {
    background: rgba(var(--c10-btn-bg-color1), 1);
}

.c10-btn-bg:hover, 
.btn-bg_c10-btn-bg .btn:hover,
.btn.c10-btn-bg:focus, 
.btn-bg_c10-btn-bg .btn:focus,
.btn.c10-btn-bg:active, 
.btn-bg_c10-btn-bg .btn:active {
    background: rgba(var(--c10-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c10-btn-bg.c10-btn-bg-linear, 
.btn-bg_c10-btn-bg.c10-btn-bg-linear .btn {
    background: linear-gradient(var(--c10-btn-bg-angle), rgba(var(--c10-btn-bg-color1), 1) 0%, rgba(var(--c10-btn-bg-color2), 1) 100%); 
}

.c10-btn-bg.c10-btn-bg-linear:hover, 
.btn-bg_c10-btn-bg.c10-btn-bg-linear .btn:hover,
.btn.c10-btn-bg.c10-btn-bg-linear:focus, 
.btn-bg_c10-btn-bg.c10-btn-bg-linear .btn:focus,
.btn.c10-btn-bg.c10-btn-bg-linear:active, 
.btn-bg_c10-btn-bg.c10-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c10-btn-bg-angle), rgba(var(--c10-btn-bg-color1), 1) 0%, rgba(var(--c10-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c10-btn-bg.c10-btn-bg-radial, 
.btn-bg_c10-btn-bg.c10-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c10-btn-bg-start-perc) var(--c10-btn-bg-stop-perc), rgba(var(--c10-btn-bg-color1), 1) 0%, rgba(var(--c10-btn-bg-color2), 1) 100%); 
}

.c10-btn-bg.c10-btn-bg-radial:hover, 
.btn-bg_c10-btn-bg.c10-btn-bg-radial .btn:hover,
.btn.c10-btn-bg.c10-btn-bg-radial:focus, 
.btn-bg_c10-btn-bg.c10-btn-bg-radial .btn:focus,
.btn.c10-btn-bg.c10-btn-bg-radial:active, 
.btn-bg_c10-btn-bg.c10-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c10-btn-bg-start-perc) var(--c10-btn-bg-stop-perc), rgba(var(--c10-btn-bg-color1), 1) 0%, rgba(var(--c10-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c10-btn-bg-hover:hover > span, 
.btn.c10-btn-bg-hover:focus > span, 
.btn.c10-btn-bg-hover:active > span, 
.btn-bg_c10-btn-bg-hover .btn:hover > span, 
.btn-bg_c10-btn-bg-hover .btn:focus > span, 
.btn-bg_c10-btn-bg-hover .btn:active > span,
a:hover .btn.c10-btn-bg-hover > span, 
a:focus .btn.c10-btn-bg-hover > span, 
a:active .btn.c10-btn-bg-hover > span,
.btn.c10-btn-bg-hover-solid:hover > span, 
.btn.c10-btn-bg-hover-solid:focus > span, 
.btn.c10-btn-bg-hover-solid:active > span, 
.btn-bg_c10-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c10-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c10-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c10-btn-bg-hover-solid > span, 
a:focus .btn.c10-btn-bg-hover-solid > span, 
a:active .btn.c10-btn-bg-hover-solid > span {
    background: rgba(var(--c10-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c10-btn-bg.c10-btn-bg-hover-linear:hover > span, 
.btn.c10-btn-bg.c10-btn-bg-hover-linear:focus > span, 
.btn.c10-btn-bg.c10-btn-bg-hover-linear:active > span, 
.btn-bg_c10-btn-bg.c10-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c10-btn-bg.c10-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c10-btn-bg.c10-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c10-btn-bg.c10-btn-bg-hover-linear > span, 
a:focus .btn.c10-btn-bg.c10-btn-bg-hover-linear > span, 
a:active .btn.c10-btn-bg.c10-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c10-btn-bg-hover-angle), rgba(var(--c10-btn-bg-hover-color1), 1) 0%, rgba(var(--c10-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c10-btn-bg.c10-btn-bg-hover-radial:hover > span, 
.btn.c10-btn-bg.c10-btn-bg-hover-radial:focus > span, 
.btn.c10-btn-bg.c10-btn-bg-hover-radial:active > span, 
.btn-bg_c10-btn-bg.c10-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c10-btn-bg.c10-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c10-btn-bg.c10-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c10-btn-bg.c10-btn-bg-hover-radial > span, 
a:focus .btn.c10-btn-bg.c10-btn-bg-hover-radial > span, 
a:active .btn.c10-btn-bg.c10-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c10-btn-bg-hover-start-perc) var(--c10-btn-bg-hover-stop-perc), rgba(var(--c10-btn-bg-hover-color1), 1) 0%, rgba(var(--c10-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c10-btn-borders, 
.btn-borders_c10-btn-borders .btn {
    border-color: rgba(var(--c10-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c10-btn-borders:hover, 
.btn-borders_c10-btn-borders .btn:hover,
.btn.c10-btn-borders:focus, 
.btn-borders_c10-btn-borders .btn:focus,
.btn.c10-btn-borders:active, 
.btn-borders_c10-btn-borders .btn:active,
a:hover .btn.c10-btn-borders, 
a:focus .btn.c10-btn-borders, 
a:active .btn.c10-btn-borders {
    border-color: rgba(var(--c10-btn-borders-hover), 1);
}


/* Button Text */

.btn.c10-btn-text, 
.btn-text_c10-btn-text .btn {
    color: rgba(var(--c10-btn-text), 1);
}

/* Button Text Hover */

.btn.c10-btn-text:hover, 
.btn-text_c10-btn-text .btn:hover,
.btn.c10-btn-text:focus, 
.btn-text_c10-btn-text .btn:focus,
.btn.c10-btn-text:active, 
.btn-text_c10-btn-text .btn:active,
a:hover .btn.c10-btn-text, 
a:focus .btn.c10-btn-text, 
a:active .btn.c10-btn-text {
    color: rgba(var(--c10-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c10-btn-borders:hover, 
.btn.c10-btn-borders:focus, 
.btn.c10-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c10-btn-borders .btn:hover, 
.btn-borders_c10-btn-borders .btn:focus, 
.btn-borders_c10-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c10-btn-text, 
.basic-buttons .btn-text_c10-btn-text .btn { 
    color: rgba(var(--c10-btn-bg), 1); 
}

.basic-buttons .btn.c10-btn-text:hover, 
.basic-buttons .btn.c10-btn-text:focus, 
.basic-buttons .btn.c10-btn-text:active, 
.basic-buttons .btn-text_c10-btn-text .btn:hover, 
.basic-buttons .btn-text_c10-btn-text .btn:focus, 
.basic-buttons .btn-text_c10-btn-text .btn:active { 
    color: rgba(var(--c10-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c11-btn-bg, 
.btn-bg_c11-btn-bg .btn {
    background: rgba(var(--c11-btn-bg-color1), 1);
}

.c11-btn-bg:hover, 
.btn-bg_c11-btn-bg .btn:hover,
.btn.c11-btn-bg:focus, 
.btn-bg_c11-btn-bg .btn:focus,
.btn.c11-btn-bg:active, 
.btn-bg_c11-btn-bg .btn:active {
    background: rgba(var(--c11-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c11-btn-bg.c11-btn-bg-linear, 
.btn-bg_c11-btn-bg.c11-btn-bg-linear .btn {
    background: linear-gradient(var(--c11-btn-bg-angle), rgba(var(--c11-btn-bg-color1), 1) 0%, rgba(var(--c11-btn-bg-color2), 1) 100%); 
}

.c11-btn-bg.c11-btn-bg-linear:hover, 
.btn-bg_c11-btn-bg.c11-btn-bg-linear .btn:hover,
.btn.c11-btn-bg.c11-btn-bg-linear:focus, 
.btn-bg_c11-btn-bg.c11-btn-bg-linear .btn:focus,
.btn.c11-btn-bg.c11-btn-bg-linear:active, 
.btn-bg_c11-btn-bg.c11-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c11-btn-bg-angle), rgba(var(--c11-btn-bg-color1), 1) 0%, rgba(var(--c11-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c11-btn-bg.c11-btn-bg-radial, 
.btn-bg_c11-btn-bg.c11-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c11-btn-bg-start-perc) var(--c11-btn-bg-stop-perc), rgba(var(--c11-btn-bg-color1), 1) 0%, rgba(var(--c11-btn-bg-color2), 1) 100%); 
}

.c11-btn-bg.c11-btn-bg-radial:hover, 
.btn-bg_c11-btn-bg.c11-btn-bg-radial .btn:hover,
.btn.c11-btn-bg.c11-btn-bg-radial:focus, 
.btn-bg_c11-btn-bg.c11-btn-bg-radial .btn:focus,
.btn.c11-btn-bg.c11-btn-bg-radial:active, 
.btn-bg_c11-btn-bg.c11-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c11-btn-bg-start-perc) var(--c11-btn-bg-stop-perc), rgba(var(--c11-btn-bg-color1), 1) 0%, rgba(var(--c11-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c11-btn-bg-hover:hover > span, 
.btn.c11-btn-bg-hover:focus > span, 
.btn.c11-btn-bg-hover:active > span, 
.btn-bg_c11-btn-bg-hover .btn:hover > span, 
.btn-bg_c11-btn-bg-hover .btn:focus > span, 
.btn-bg_c11-btn-bg-hover .btn:active > span,
a:hover .btn.c11-btn-bg-hover > span, 
a:focus .btn.c11-btn-bg-hover > span, 
a:active .btn.c11-btn-bg-hover > span,
.btn.c11-btn-bg-hover-solid:hover > span, 
.btn.c11-btn-bg-hover-solid:focus > span, 
.btn.c11-btn-bg-hover-solid:active > span, 
.btn-bg_c11-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c11-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c11-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c11-btn-bg-hover-solid > span, 
a:focus .btn.c11-btn-bg-hover-solid > span, 
a:active .btn.c11-btn-bg-hover-solid > span {
    background: rgba(var(--c11-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c11-btn-bg.c11-btn-bg-hover-linear:hover > span, 
.btn.c11-btn-bg.c11-btn-bg-hover-linear:focus > span, 
.btn.c11-btn-bg.c11-btn-bg-hover-linear:active > span, 
.btn-bg_c11-btn-bg.c11-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c11-btn-bg.c11-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c11-btn-bg.c11-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c11-btn-bg.c11-btn-bg-hover-linear > span, 
a:focus .btn.c11-btn-bg.c11-btn-bg-hover-linear > span, 
a:active .btn.c11-btn-bg.c11-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c11-btn-bg-hover-angle), rgba(var(--c11-btn-bg-hover-color1), 1) 0%, rgba(var(--c11-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c11-btn-bg.c11-btn-bg-hover-radial:hover > span, 
.btn.c11-btn-bg.c11-btn-bg-hover-radial:focus > span, 
.btn.c11-btn-bg.c11-btn-bg-hover-radial:active > span, 
.btn-bg_c11-btn-bg.c11-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c11-btn-bg.c11-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c11-btn-bg.c11-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c11-btn-bg.c11-btn-bg-hover-radial > span, 
a:focus .btn.c11-btn-bg.c11-btn-bg-hover-radial > span, 
a:active .btn.c11-btn-bg.c11-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c11-btn-bg-hover-start-perc) var(--c11-btn-bg-hover-stop-perc), rgba(var(--c11-btn-bg-hover-color1), 1) 0%, rgba(var(--c11-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c11-btn-borders, 
.btn-borders_c11-btn-borders .btn {
    border-color: rgba(var(--c11-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c11-btn-borders:hover, 
.btn-borders_c11-btn-borders .btn:hover,
.btn.c11-btn-borders:focus, 
.btn-borders_c11-btn-borders .btn:focus,
.btn.c11-btn-borders:active, 
.btn-borders_c11-btn-borders .btn:active,
a:hover .btn.c11-btn-borders, 
a:focus .btn.c11-btn-borders, 
a:active .btn.c11-btn-borders {
    border-color: rgba(var(--c11-btn-borders-hover), 1);
}


/* Button Text */

.btn.c11-btn-text, 
.btn-text_c11-btn-text .btn {
    color: rgba(var(--c11-btn-text), 1);
}

/* Button Text Hover */

.btn.c11-btn-text:hover, 
.btn-text_c11-btn-text .btn:hover,
.btn.c11-btn-text:focus, 
.btn-text_c11-btn-text .btn:focus,
.btn.c11-btn-text:active, 
.btn-text_c11-btn-text .btn:active,
a:hover .btn.c11-btn-text, 
a:focus .btn.c11-btn-text, 
a:active .btn.c11-btn-text {
    color: rgba(var(--c11-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c11-btn-borders:hover, 
.btn.c11-btn-borders:focus, 
.btn.c11-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c11-btn-borders .btn:hover, 
.btn-borders_c11-btn-borders .btn:focus, 
.btn-borders_c11-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c11-btn-text, 
.basic-buttons .btn-text_c11-btn-text .btn { 
    color: rgba(var(--c11-btn-bg), 1); 
}

.basic-buttons .btn.c11-btn-text:hover, 
.basic-buttons .btn.c11-btn-text:focus, 
.basic-buttons .btn.c11-btn-text:active, 
.basic-buttons .btn-text_c11-btn-text .btn:hover, 
.basic-buttons .btn-text_c11-btn-text .btn:focus, 
.basic-buttons .btn-text_c11-btn-text .btn:active { 
    color: rgba(var(--c11-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c12-btn-bg, 
.btn-bg_c12-btn-bg .btn {
    background: rgba(var(--c12-btn-bg-color1), 1);
}

.c12-btn-bg:hover, 
.btn-bg_c12-btn-bg .btn:hover,
.btn.c12-btn-bg:focus, 
.btn-bg_c12-btn-bg .btn:focus,
.btn.c12-btn-bg:active, 
.btn-bg_c12-btn-bg .btn:active {
    background: rgba(var(--c12-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c12-btn-bg.c12-btn-bg-linear, 
.btn-bg_c12-btn-bg.c12-btn-bg-linear .btn {
    background: linear-gradient(var(--c12-btn-bg-angle), rgba(var(--c12-btn-bg-color1), 1) 0%, rgba(var(--c12-btn-bg-color2), 1) 100%); 
}

.c12-btn-bg.c12-btn-bg-linear:hover, 
.btn-bg_c12-btn-bg.c12-btn-bg-linear .btn:hover,
.btn.c12-btn-bg.c12-btn-bg-linear:focus, 
.btn-bg_c12-btn-bg.c12-btn-bg-linear .btn:focus,
.btn.c12-btn-bg.c12-btn-bg-linear:active, 
.btn-bg_c12-btn-bg.c12-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c12-btn-bg-angle), rgba(var(--c12-btn-bg-color1), 1) 0%, rgba(var(--c12-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c12-btn-bg.c12-btn-bg-radial, 
.btn-bg_c12-btn-bg.c12-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c12-btn-bg-start-perc) var(--c12-btn-bg-stop-perc), rgba(var(--c12-btn-bg-color1), 1) 0%, rgba(var(--c12-btn-bg-color2), 1) 100%); 
}

.c12-btn-bg.c12-btn-bg-radial:hover, 
.btn-bg_c12-btn-bg.c12-btn-bg-radial .btn:hover,
.btn.c12-btn-bg.c12-btn-bg-radial:focus, 
.btn-bg_c12-btn-bg.c12-btn-bg-radial .btn:focus,
.btn.c12-btn-bg.c12-btn-bg-radial:active, 
.btn-bg_c12-btn-bg.c12-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c12-btn-bg-start-perc) var(--c12-btn-bg-stop-perc), rgba(var(--c12-btn-bg-color1), 1) 0%, rgba(var(--c12-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c12-btn-bg-hover:hover > span, 
.btn.c12-btn-bg-hover:focus > span, 
.btn.c12-btn-bg-hover:active > span, 
.btn-bg_c12-btn-bg-hover .btn:hover > span, 
.btn-bg_c12-btn-bg-hover .btn:focus > span, 
.btn-bg_c12-btn-bg-hover .btn:active > span,
a:hover .btn.c12-btn-bg-hover > span, 
a:focus .btn.c12-btn-bg-hover > span, 
a:active .btn.c12-btn-bg-hover > span,
.btn.c12-btn-bg-hover-solid:hover > span, 
.btn.c12-btn-bg-hover-solid:focus > span, 
.btn.c12-btn-bg-hover-solid:active > span, 
.btn-bg_c12-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c12-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c12-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c12-btn-bg-hover-solid > span, 
a:focus .btn.c12-btn-bg-hover-solid > span, 
a:active .btn.c12-btn-bg-hover-solid > span {
    background: rgba(var(--c12-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c12-btn-bg.c12-btn-bg-hover-linear:hover > span, 
.btn.c12-btn-bg.c12-btn-bg-hover-linear:focus > span, 
.btn.c12-btn-bg.c12-btn-bg-hover-linear:active > span, 
.btn-bg_c12-btn-bg.c12-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c12-btn-bg.c12-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c12-btn-bg.c12-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c12-btn-bg.c12-btn-bg-hover-linear > span, 
a:focus .btn.c12-btn-bg.c12-btn-bg-hover-linear > span, 
a:active .btn.c12-btn-bg.c12-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c12-btn-bg-hover-angle), rgba(var(--c12-btn-bg-hover-color1), 1) 0%, rgba(var(--c12-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c12-btn-bg.c12-btn-bg-hover-radial:hover > span, 
.btn.c12-btn-bg.c12-btn-bg-hover-radial:focus > span, 
.btn.c12-btn-bg.c12-btn-bg-hover-radial:active > span, 
.btn-bg_c12-btn-bg.c12-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c12-btn-bg.c12-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c12-btn-bg.c12-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c12-btn-bg.c12-btn-bg-hover-radial > span, 
a:focus .btn.c12-btn-bg.c12-btn-bg-hover-radial > span, 
a:active .btn.c12-btn-bg.c12-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c12-btn-bg-hover-start-perc) var(--c12-btn-bg-hover-stop-perc), rgba(var(--c12-btn-bg-hover-color1), 1) 0%, rgba(var(--c12-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c12-btn-borders, 
.btn-borders_c12-btn-borders .btn {
    border-color: rgba(var(--c12-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c12-btn-borders:hover, 
.btn-borders_c12-btn-borders .btn:hover,
.btn.c12-btn-borders:focus, 
.btn-borders_c12-btn-borders .btn:focus,
.btn.c12-btn-borders:active, 
.btn-borders_c12-btn-borders .btn:active,
a:hover .btn.c12-btn-borders, 
a:focus .btn.c12-btn-borders, 
a:active .btn.c12-btn-borders {
    border-color: rgba(var(--c12-btn-borders-hover), 1);
}


/* Button Text */

.btn.c12-btn-text, 
.btn-text_c12-btn-text .btn {
    color: rgba(var(--c12-btn-text), 1);
}

/* Button Text Hover */

.btn.c12-btn-text:hover, 
.btn-text_c12-btn-text .btn:hover,
.btn.c12-btn-text:focus, 
.btn-text_c12-btn-text .btn:focus,
.btn.c12-btn-text:active, 
.btn-text_c12-btn-text .btn:active,
a:hover .btn.c12-btn-text, 
a:focus .btn.c12-btn-text, 
a:active .btn.c12-btn-text {
    color: rgba(var(--c12-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c12-btn-borders:hover, 
.btn.c12-btn-borders:focus, 
.btn.c12-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c12-btn-borders .btn:hover, 
.btn-borders_c12-btn-borders .btn:focus, 
.btn-borders_c12-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c12-btn-text, 
.basic-buttons .btn-text_c12-btn-text .btn { 
    color: rgba(var(--c12-btn-bg), 1); 
}

.basic-buttons .btn.c12-btn-text:hover, 
.basic-buttons .btn.c12-btn-text:focus, 
.basic-buttons .btn.c12-btn-text:active, 
.basic-buttons .btn-text_c12-btn-text .btn:hover, 
.basic-buttons .btn-text_c12-btn-text .btn:focus, 
.basic-buttons .btn-text_c12-btn-text .btn:active { 
    color: rgba(var(--c12-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c13-btn-bg, 
.btn-bg_c13-btn-bg .btn {
    background: rgba(var(--c13-btn-bg-color1), 1);
}

.c13-btn-bg:hover, 
.btn-bg_c13-btn-bg .btn:hover,
.btn.c13-btn-bg:focus, 
.btn-bg_c13-btn-bg .btn:focus,
.btn.c13-btn-bg:active, 
.btn-bg_c13-btn-bg .btn:active {
    background: rgba(var(--c13-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c13-btn-bg.c13-btn-bg-linear, 
.btn-bg_c13-btn-bg.c13-btn-bg-linear .btn {
    background: linear-gradient(var(--c13-btn-bg-angle), rgba(var(--c13-btn-bg-color1), 1) 0%, rgba(var(--c13-btn-bg-color2), 1) 100%); 
}

.c13-btn-bg.c13-btn-bg-linear:hover, 
.btn-bg_c13-btn-bg.c13-btn-bg-linear .btn:hover,
.btn.c13-btn-bg.c13-btn-bg-linear:focus, 
.btn-bg_c13-btn-bg.c13-btn-bg-linear .btn:focus,
.btn.c13-btn-bg.c13-btn-bg-linear:active, 
.btn-bg_c13-btn-bg.c13-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c13-btn-bg-angle), rgba(var(--c13-btn-bg-color1), 1) 0%, rgba(var(--c13-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c13-btn-bg.c13-btn-bg-radial, 
.btn-bg_c13-btn-bg.c13-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c13-btn-bg-start-perc) var(--c13-btn-bg-stop-perc), rgba(var(--c13-btn-bg-color1), 1) 0%, rgba(var(--c13-btn-bg-color2), 1) 100%); 
}

.c13-btn-bg.c13-btn-bg-radial:hover, 
.btn-bg_c13-btn-bg.c13-btn-bg-radial .btn:hover,
.btn.c13-btn-bg.c13-btn-bg-radial:focus, 
.btn-bg_c13-btn-bg.c13-btn-bg-radial .btn:focus,
.btn.c13-btn-bg.c13-btn-bg-radial:active, 
.btn-bg_c13-btn-bg.c13-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c13-btn-bg-start-perc) var(--c13-btn-bg-stop-perc), rgba(var(--c13-btn-bg-color1), 1) 0%, rgba(var(--c13-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c13-btn-bg-hover:hover > span, 
.btn.c13-btn-bg-hover:focus > span, 
.btn.c13-btn-bg-hover:active > span, 
.btn-bg_c13-btn-bg-hover .btn:hover > span, 
.btn-bg_c13-btn-bg-hover .btn:focus > span, 
.btn-bg_c13-btn-bg-hover .btn:active > span,
a:hover .btn.c13-btn-bg-hover > span, 
a:focus .btn.c13-btn-bg-hover > span, 
a:active .btn.c13-btn-bg-hover > span,
.btn.c13-btn-bg-hover-solid:hover > span, 
.btn.c13-btn-bg-hover-solid:focus > span, 
.btn.c13-btn-bg-hover-solid:active > span, 
.btn-bg_c13-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c13-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c13-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c13-btn-bg-hover-solid > span, 
a:focus .btn.c13-btn-bg-hover-solid > span, 
a:active .btn.c13-btn-bg-hover-solid > span {
    background: rgba(var(--c13-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c13-btn-bg.c13-btn-bg-hover-linear:hover > span, 
.btn.c13-btn-bg.c13-btn-bg-hover-linear:focus > span, 
.btn.c13-btn-bg.c13-btn-bg-hover-linear:active > span, 
.btn-bg_c13-btn-bg.c13-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c13-btn-bg.c13-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c13-btn-bg.c13-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c13-btn-bg.c13-btn-bg-hover-linear > span, 
a:focus .btn.c13-btn-bg.c13-btn-bg-hover-linear > span, 
a:active .btn.c13-btn-bg.c13-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c13-btn-bg-hover-angle), rgba(var(--c13-btn-bg-hover-color1), 1) 0%, rgba(var(--c13-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c13-btn-bg.c13-btn-bg-hover-radial:hover > span, 
.btn.c13-btn-bg.c13-btn-bg-hover-radial:focus > span, 
.btn.c13-btn-bg.c13-btn-bg-hover-radial:active > span, 
.btn-bg_c13-btn-bg.c13-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c13-btn-bg.c13-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c13-btn-bg.c13-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c13-btn-bg.c13-btn-bg-hover-radial > span, 
a:focus .btn.c13-btn-bg.c13-btn-bg-hover-radial > span, 
a:active .btn.c13-btn-bg.c13-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c13-btn-bg-hover-start-perc) var(--c13-btn-bg-hover-stop-perc), rgba(var(--c13-btn-bg-hover-color1), 1) 0%, rgba(var(--c13-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c13-btn-borders, 
.btn-borders_c13-btn-borders .btn {
    border-color: rgba(var(--c13-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c13-btn-borders:hover, 
.btn-borders_c13-btn-borders .btn:hover,
.btn.c13-btn-borders:focus, 
.btn-borders_c13-btn-borders .btn:focus,
.btn.c13-btn-borders:active, 
.btn-borders_c13-btn-borders .btn:active,
a:hover .btn.c13-btn-borders, 
a:focus .btn.c13-btn-borders, 
a:active .btn.c13-btn-borders {
    border-color: rgba(var(--c13-btn-borders-hover), 1);
}


/* Button Text */

.btn.c13-btn-text, 
.btn-text_c13-btn-text .btn {
    color: rgba(var(--c13-btn-text), 1);
}

/* Button Text Hover */

.btn.c13-btn-text:hover, 
.btn-text_c13-btn-text .btn:hover,
.btn.c13-btn-text:focus, 
.btn-text_c13-btn-text .btn:focus,
.btn.c13-btn-text:active, 
.btn-text_c13-btn-text .btn:active,
a:hover .btn.c13-btn-text, 
a:focus .btn.c13-btn-text, 
a:active .btn.c13-btn-text {
    color: rgba(var(--c13-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c13-btn-borders:hover, 
.btn.c13-btn-borders:focus, 
.btn.c13-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c13-btn-borders .btn:hover, 
.btn-borders_c13-btn-borders .btn:focus, 
.btn-borders_c13-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c13-btn-text, 
.basic-buttons .btn-text_c13-btn-text .btn { 
    color: rgba(var(--c13-btn-bg), 1); 
}

.basic-buttons .btn.c13-btn-text:hover, 
.basic-buttons .btn.c13-btn-text:focus, 
.basic-buttons .btn.c13-btn-text:active, 
.basic-buttons .btn-text_c13-btn-text .btn:hover, 
.basic-buttons .btn-text_c13-btn-text .btn:focus, 
.basic-buttons .btn-text_c13-btn-text .btn:active { 
    color: rgba(var(--c13-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c14-btn-bg, 
.btn-bg_c14-btn-bg .btn {
    background: rgba(var(--c14-btn-bg-color1), 1);
}

.c14-btn-bg:hover, 
.btn-bg_c14-btn-bg .btn:hover,
.btn.c14-btn-bg:focus, 
.btn-bg_c14-btn-bg .btn:focus,
.btn.c14-btn-bg:active, 
.btn-bg_c14-btn-bg .btn:active {
    background: rgba(var(--c14-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c14-btn-bg.c14-btn-bg-linear, 
.btn-bg_c14-btn-bg.c14-btn-bg-linear .btn {
    background: linear-gradient(var(--c14-btn-bg-angle), rgba(var(--c14-btn-bg-color1), 1) 0%, rgba(var(--c14-btn-bg-color2), 1) 100%); 
}

.c14-btn-bg.c14-btn-bg-linear:hover, 
.btn-bg_c14-btn-bg.c14-btn-bg-linear .btn:hover,
.btn.c14-btn-bg.c14-btn-bg-linear:focus, 
.btn-bg_c14-btn-bg.c14-btn-bg-linear .btn:focus,
.btn.c14-btn-bg.c14-btn-bg-linear:active, 
.btn-bg_c14-btn-bg.c14-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c14-btn-bg-angle), rgba(var(--c14-btn-bg-color1), 1) 0%, rgba(var(--c14-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c14-btn-bg.c14-btn-bg-radial, 
.btn-bg_c14-btn-bg.c14-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c14-btn-bg-start-perc) var(--c14-btn-bg-stop-perc), rgba(var(--c14-btn-bg-color1), 1) 0%, rgba(var(--c14-btn-bg-color2), 1) 100%); 
}

.c14-btn-bg.c14-btn-bg-radial:hover, 
.btn-bg_c14-btn-bg.c14-btn-bg-radial .btn:hover,
.btn.c14-btn-bg.c14-btn-bg-radial:focus, 
.btn-bg_c14-btn-bg.c14-btn-bg-radial .btn:focus,
.btn.c14-btn-bg.c14-btn-bg-radial:active, 
.btn-bg_c14-btn-bg.c14-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c14-btn-bg-start-perc) var(--c14-btn-bg-stop-perc), rgba(var(--c14-btn-bg-color1), 1) 0%, rgba(var(--c14-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c14-btn-bg-hover:hover > span, 
.btn.c14-btn-bg-hover:focus > span, 
.btn.c14-btn-bg-hover:active > span, 
.btn-bg_c14-btn-bg-hover .btn:hover > span, 
.btn-bg_c14-btn-bg-hover .btn:focus > span, 
.btn-bg_c14-btn-bg-hover .btn:active > span,
a:hover .btn.c14-btn-bg-hover > span, 
a:focus .btn.c14-btn-bg-hover > span, 
a:active .btn.c14-btn-bg-hover > span,
.btn.c14-btn-bg-hover-solid:hover > span, 
.btn.c14-btn-bg-hover-solid:focus > span, 
.btn.c14-btn-bg-hover-solid:active > span, 
.btn-bg_c14-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c14-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c14-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c14-btn-bg-hover-solid > span, 
a:focus .btn.c14-btn-bg-hover-solid > span, 
a:active .btn.c14-btn-bg-hover-solid > span {
    background: rgba(var(--c14-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c14-btn-bg.c14-btn-bg-hover-linear:hover > span, 
.btn.c14-btn-bg.c14-btn-bg-hover-linear:focus > span, 
.btn.c14-btn-bg.c14-btn-bg-hover-linear:active > span, 
.btn-bg_c14-btn-bg.c14-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c14-btn-bg.c14-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c14-btn-bg.c14-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c14-btn-bg.c14-btn-bg-hover-linear > span, 
a:focus .btn.c14-btn-bg.c14-btn-bg-hover-linear > span, 
a:active .btn.c14-btn-bg.c14-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c14-btn-bg-hover-angle), rgba(var(--c14-btn-bg-hover-color1), 1) 0%, rgba(var(--c14-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c14-btn-bg.c14-btn-bg-hover-radial:hover > span, 
.btn.c14-btn-bg.c14-btn-bg-hover-radial:focus > span, 
.btn.c14-btn-bg.c14-btn-bg-hover-radial:active > span, 
.btn-bg_c14-btn-bg.c14-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c14-btn-bg.c14-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c14-btn-bg.c14-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c14-btn-bg.c14-btn-bg-hover-radial > span, 
a:focus .btn.c14-btn-bg.c14-btn-bg-hover-radial > span, 
a:active .btn.c14-btn-bg.c14-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c14-btn-bg-hover-start-perc) var(--c14-btn-bg-hover-stop-perc), rgba(var(--c14-btn-bg-hover-color1), 1) 0%, rgba(var(--c14-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c14-btn-borders, 
.btn-borders_c14-btn-borders .btn {
    border-color: rgba(var(--c14-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c14-btn-borders:hover, 
.btn-borders_c14-btn-borders .btn:hover,
.btn.c14-btn-borders:focus, 
.btn-borders_c14-btn-borders .btn:focus,
.btn.c14-btn-borders:active, 
.btn-borders_c14-btn-borders .btn:active,
a:hover .btn.c14-btn-borders, 
a:focus .btn.c14-btn-borders, 
a:active .btn.c14-btn-borders {
    border-color: rgba(var(--c14-btn-borders-hover), 1);
}


/* Button Text */

.btn.c14-btn-text, 
.btn-text_c14-btn-text .btn {
    color: rgba(var(--c14-btn-text), 1);
}

/* Button Text Hover */

.btn.c14-btn-text:hover, 
.btn-text_c14-btn-text .btn:hover,
.btn.c14-btn-text:focus, 
.btn-text_c14-btn-text .btn:focus,
.btn.c14-btn-text:active, 
.btn-text_c14-btn-text .btn:active,
a:hover .btn.c14-btn-text, 
a:focus .btn.c14-btn-text, 
a:active .btn.c14-btn-text {
    color: rgba(var(--c14-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c14-btn-borders:hover, 
.btn.c14-btn-borders:focus, 
.btn.c14-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c14-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c14-btn-borders .btn:hover, 
.btn-borders_c14-btn-borders .btn:focus, 
.btn-borders_c14-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c14-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c14-btn-text, 
.basic-buttons .btn-text_c14-btn-text .btn { 
    color: rgba(var(--c14-btn-bg), 1); 
}

.basic-buttons .btn.c14-btn-text:hover, 
.basic-buttons .btn.c14-btn-text:focus, 
.basic-buttons .btn.c14-btn-text:active, 
.basic-buttons .btn-text_c14-btn-text .btn:hover, 
.basic-buttons .btn-text_c14-btn-text .btn:focus, 
.basic-buttons .btn-text_c14-btn-text .btn:active { 
    color: rgba(var(--c14-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c15-btn-bg, 
.btn-bg_c15-btn-bg .btn {
    background: rgba(var(--c15-btn-bg-color1), 1);
}

.c15-btn-bg:hover, 
.btn-bg_c15-btn-bg .btn:hover,
.btn.c15-btn-bg:focus, 
.btn-bg_c15-btn-bg .btn:focus,
.btn.c15-btn-bg:active, 
.btn-bg_c15-btn-bg .btn:active {
    background: rgba(var(--c15-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c15-btn-bg.c15-btn-bg-linear, 
.btn-bg_c15-btn-bg.c15-btn-bg-linear .btn {
    background: linear-gradient(var(--c15-btn-bg-angle), rgba(var(--c15-btn-bg-color1), 1) 0%, rgba(var(--c15-btn-bg-color2), 1) 100%); 
}

.c15-btn-bg.c15-btn-bg-linear:hover, 
.btn-bg_c15-btn-bg.c15-btn-bg-linear .btn:hover,
.btn.c15-btn-bg.c15-btn-bg-linear:focus, 
.btn-bg_c15-btn-bg.c15-btn-bg-linear .btn:focus,
.btn.c15-btn-bg.c15-btn-bg-linear:active, 
.btn-bg_c15-btn-bg.c15-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c15-btn-bg-angle), rgba(var(--c15-btn-bg-color1), 1) 0%, rgba(var(--c15-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c15-btn-bg.c15-btn-bg-radial, 
.btn-bg_c15-btn-bg.c15-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c15-btn-bg-start-perc) var(--c15-btn-bg-stop-perc), rgba(var(--c15-btn-bg-color1), 1) 0%, rgba(var(--c15-btn-bg-color2), 1) 100%); 
}

.c15-btn-bg.c15-btn-bg-radial:hover, 
.btn-bg_c15-btn-bg.c15-btn-bg-radial .btn:hover,
.btn.c15-btn-bg.c15-btn-bg-radial:focus, 
.btn-bg_c15-btn-bg.c15-btn-bg-radial .btn:focus,
.btn.c15-btn-bg.c15-btn-bg-radial:active, 
.btn-bg_c15-btn-bg.c15-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c15-btn-bg-start-perc) var(--c15-btn-bg-stop-perc), rgba(var(--c15-btn-bg-color1), 1) 0%, rgba(var(--c15-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c15-btn-bg-hover:hover > span, 
.btn.c15-btn-bg-hover:focus > span, 
.btn.c15-btn-bg-hover:active > span, 
.btn-bg_c15-btn-bg-hover .btn:hover > span, 
.btn-bg_c15-btn-bg-hover .btn:focus > span, 
.btn-bg_c15-btn-bg-hover .btn:active > span,
a:hover .btn.c15-btn-bg-hover > span, 
a:focus .btn.c15-btn-bg-hover > span, 
a:active .btn.c15-btn-bg-hover > span,
.btn.c15-btn-bg-hover-solid:hover > span, 
.btn.c15-btn-bg-hover-solid:focus > span, 
.btn.c15-btn-bg-hover-solid:active > span, 
.btn-bg_c15-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c15-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c15-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c15-btn-bg-hover-solid > span, 
a:focus .btn.c15-btn-bg-hover-solid > span, 
a:active .btn.c15-btn-bg-hover-solid > span {
    background: rgba(var(--c15-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c15-btn-bg.c15-btn-bg-hover-linear:hover > span, 
.btn.c15-btn-bg.c15-btn-bg-hover-linear:focus > span, 
.btn.c15-btn-bg.c15-btn-bg-hover-linear:active > span, 
.btn-bg_c15-btn-bg.c15-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c15-btn-bg.c15-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c15-btn-bg.c15-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c15-btn-bg.c15-btn-bg-hover-linear > span, 
a:focus .btn.c15-btn-bg.c15-btn-bg-hover-linear > span, 
a:active .btn.c15-btn-bg.c15-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c15-btn-bg-hover-angle), rgba(var(--c15-btn-bg-hover-color1), 1) 0%, rgba(var(--c15-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c15-btn-bg.c15-btn-bg-hover-radial:hover > span, 
.btn.c15-btn-bg.c15-btn-bg-hover-radial:focus > span, 
.btn.c15-btn-bg.c15-btn-bg-hover-radial:active > span, 
.btn-bg_c15-btn-bg.c15-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c15-btn-bg.c15-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c15-btn-bg.c15-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c15-btn-bg.c15-btn-bg-hover-radial > span, 
a:focus .btn.c15-btn-bg.c15-btn-bg-hover-radial > span, 
a:active .btn.c15-btn-bg.c15-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c15-btn-bg-hover-start-perc) var(--c15-btn-bg-hover-stop-perc), rgba(var(--c15-btn-bg-hover-color1), 1) 0%, rgba(var(--c15-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c15-btn-borders, 
.btn-borders_c15-btn-borders .btn {
    border-color: rgba(var(--c15-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c15-btn-borders:hover, 
.btn-borders_c15-btn-borders .btn:hover,
.btn.c15-btn-borders:focus, 
.btn-borders_c15-btn-borders .btn:focus,
.btn.c15-btn-borders:active, 
.btn-borders_c15-btn-borders .btn:active,
a:hover .btn.c15-btn-borders, 
a:focus .btn.c15-btn-borders, 
a:active .btn.c15-btn-borders {
    border-color: rgba(var(--c15-btn-borders-hover), 1);
}


/* Button Text */

.btn.c15-btn-text, 
.btn-text_c15-btn-text .btn {
    color: rgba(var(--c15-btn-text), 1);
}

/* Button Text Hover */

.btn.c15-btn-text:hover, 
.btn-text_c15-btn-text .btn:hover,
.btn.c15-btn-text:focus, 
.btn-text_c15-btn-text .btn:focus,
.btn.c15-btn-text:active, 
.btn-text_c15-btn-text .btn:active,
a:hover .btn.c15-btn-text, 
a:focus .btn.c15-btn-text, 
a:active .btn.c15-btn-text {
    color: rgba(var(--c15-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c15-btn-borders:hover, 
.btn.c15-btn-borders:focus, 
.btn.c15-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c15-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c15-btn-borders .btn:hover, 
.btn-borders_c15-btn-borders .btn:focus, 
.btn-borders_c15-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c15-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c15-btn-text, 
.basic-buttons .btn-text_c15-btn-text .btn { 
    color: rgba(var(--c15-btn-bg), 1); 
}

.basic-buttons .btn.c15-btn-text:hover, 
.basic-buttons .btn.c15-btn-text:focus, 
.basic-buttons .btn.c15-btn-text:active, 
.basic-buttons .btn-text_c15-btn-text .btn:hover, 
.basic-buttons .btn-text_c15-btn-text .btn:focus, 
.basic-buttons .btn-text_c15-btn-text .btn:active { 
    color: rgba(var(--c15-btn-bg-hover), 1); 
}




/*LOGO CSS CODE*/

@media (min-width: 1200px)
.component.usn_cmp_banner .item .info.col {
    flex: 0 0 var(--banner-col_xl);
    -ms-flex: 0 0 var(--banner-col_xl);
    max-width: 828px;
}

.repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) {
    background-color: #ccc;
}

.homepagebanner p.link {
    text-align: right;
}

.venture-top-alert .alert-info
{
    background-color: #6CA437 !important;
    text-align:center;
}

.venture-top-alert .alert-info a
{
    color:white !important;
}

.venture-top-alert .alert-info span
{
    color:white !important;
}


footer#site-footer
{
    overflow:hidden;
    padding-bottom: 10px;
}

footer#site-footer::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: -79px;
    left: -172px;
    opacity: 0.03;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
}

nav.footer-navigation {
   padding-top: 0px; 
}

@media (min-width:768px)
{

.homepage-banner-text {
    border-left: #677A92 solid 1.9em;
    padding: 20px;
    background: rgb(255 255 255 / 80%);
    width: 783px;
    height: 370px;
    margin-left: 115px;
    border-radius: 30px;
}

.homepage-banner-text .heading {
    padding-top: 17px;
    font-size: 4.0em;
    font-weight:510;
}

h1:not(.heading), h2:not(.heading), h3:not(.heading), h4:not(.heading), h5:not(.heading), h6:not(.heading), thead {
    color: rgba(var(--base-heading),1);
    padding-top: 3px;
}

.homepage-banner-text .sm.heading {
    margin: 1!important;
    padding-left:30px;
    
}

.homeIcon1 .c4-heading, .c4-bg .heading {
    color: black;
}

.homeIcon1 {
    border: 2px solid white;
    background-color: white;
    bottom: 47px;
    position: relative;
    z-index: 99;
    padding:20px;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.homeIcon2 {
    border: 2px solid white;
    background-color: white;
    bottom: 47px;
    position: relative;
    z-index: 99;
    padding: 32px;
     box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.homeIcon3 {
    border: 2px solid white;
    background-color: white;
    bottom: 47px;
    position: relative;
    z-index: 99;
        padding: 15px 0px 0px 0px;
     box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.homeIcon4 {
    border: 2px solid white;
    background-color: white;
    bottom: 47px;
    position: relative;
    z-index: 99;
     box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
     padding: 16px;
     padding-top:15px;
}


    section.content.component.usn_cmp_banner.base-bg.base-bg-solid.homepagebanner {
        z-index: 0;
    }
    
        section.content.component.usn_cmp_banner.base-bg.base-bg-solid.national-banner-text {
        z-index: 0;
    }


}


nav.main li:active {
    background-color: whitesmoke !important;
}

nav.main li:focus {
    background-color: whitesmoke !important;
}

nav.main li:focus-within {
    background-color: whitesmoke !important;
}

nav.main li:hover {
    background-color: whitesmoke !important;
}




iframe, object, embed {
    border: none;
    max-width: 100%;
    margin: auto;
}

a.btn, button.btn, a.btn span {
    border-radius: 15px !important;
    font-size: 20px;
    padding: 10px 25px !important;
}

a.btn span {
    border-radius: 15px !important;
}

.this-is-centered
{
    text-align:center;
}

.go-left {
    text-align:left;
    
}

.go-right {
    text-align:right;
}


.in-the-news h2.heading.main.c5-heading
{
    font-size:4em;
}


@media(max-width:700px) {
    .why-neighborhood .link {
    text-align:center;
}


a.btn.c3-btn-bg.c3-btn-bg-solid.c3-btn-bg-hover-solid.c3-btn-text.c3-btn-borders {
    margin: 1px 0px;
}

a.btn.c3-btn-bg.c3-btn-bg-solid.c3-btn-bg-hover-solid.c3-btn-text.c3-btn-borders:hover {
    border-radius: 15px !important;
}
    
    .four-steps-home {
        padding-top:10px !important;
        padding-bottom:20px !important;
    }
    
    .homepagebanner p.link.os-animation.animated.lightSpeedIn {
        text-align:center;
    }
    
    
    footer .item.footer-item.usn_pod_sociallinks{
        text-align:center !important;
        
    }
    
    footer .go-right {
                text-align:center !important;

    }
    
    
}

/*.rounded-corners img {
    border-radius: 20px !important;
}*/


.btn.base-btn-bg-hover:hover > span, .btn.base-btn-bg-hover:focus > span, .btn.base-btn-bg-hover:active > span, .btn-bg_base-btn-bg-hover .btn:hover > span, .btn-bg_base-btn-bg-hover .btn:focus > span, .btn-bg_base-btn-bg-hover .btn:active > span, a:hover .btn.base-btn-bg-hover > span, a:focus .btn.base-btn-bg-hover > span, a:active .btn.base-btn-bg-hover > span, .btn.base-btn-bg-hover-solid:hover > span, .btn.base-btn-bg-hover-solid:focus > span, .btn.base-btn-bg-hover-solid:active > span, .btn-bg_base-btn-bg-hover-solid .btn:hover > span, .btn-bg_base-btn-bg-hover-solid .btn:focus > span, .btn-bg_base-btn-bg-hover-solid .btn:active > span, a:hover .btn.base-btn-bg-hover-solid > span, a:focus .btn.base-btn-bg-hover-solid > span, a:active .btn.base-btn-bg-hover-solid > span {
    background: rgba(var(--base-btn-bg-hover-color1),1);
    border-radius: 15px !important;
}

.invest-in-arizona-text {
    border-left: #6CA437 solid 2.0em;
    padding: 20px;
    background: linear-gradient( 
90deg
 , rgb(247, 247, 247) 0%, rgb(247, 247, 247) 1.62%, rgb(247, 247, 247) 3.24%, rgb(247, 247, 247) 4.86%, rgb(247, 247, 247) 6.48%, rgb(248, 248, 248) 8.1%, rgb(248, 248, 248) 9.72%, rgb(248, 248, 248) 11.34%, rgb(248, 248, 248) 12.96%, rgb(249, 249, 249) 14.58%, rgb(249, 249, 249) 16.2%, rgb(249, 249, 249) 17.82%, rgb(249, 249, 249) 19.44%, rgb(249, 249, 249) 21%, rgba(249, 249, 249, 0.98) 27.08%, rgba(250, 250, 250, 0.89) 33.16%, rgba(250, 250, 250, 0.9) 39.24%, rgba(249, 249, 249, 0.92) 45.32%, rgba(251, 251, 251, 0.65) 51.4%, rgba(252, 252, 252, 0.52) 57.48%, rgba(252, 252, 252, 0.48) 63.56%, rgba(253, 253, 253, 0.35) 69.64%, rgba(255, 255, 255, 0.08) 75.72%, rgba(254, 254, 254, 0.1) 81.8%, rgba(254, 254, 254, 0.11) 87.88%, rgba(255, 255, 255, 0.02) 93.96%, rgba(255, 255, 255, 0) 100%);

}

.kma-logo {
 width: 90%;
 height: auto;
}
.il-logo {
width: 90%;
 height: auto;    
}
.neighnews-logo {
width: 90%;
 height: auto;    
}

a.btn:hover {
    border-radius: 15px !important;
}

a.btn span:hover {
    border-radius: 15px !important;
}

a.btn span {
    border-radius: 15px !important;
}

@media (min-width: 1263px) {
    #site-header #logo picture, #site-header #logo img {
        max-height: 60px;
        margin-top: 10px;
    }
}

.iframe-container {
    position:absolute; 
    top: 0px; 
    left: 0px;
}

.status-bar {
    text-align: center;
    background-color: #6CA437;
    padding: 11px;
    font-size: 2em;
    text-transform: uppercase;
    border-radius:20px;
}

.status-bar.Successful {
    background-color:#677A92;
}

.status-bar.Acquisition {
    background-color:#677A92;
}

.status-bar.Renovation {
    background-color:#677A92;
}

.status-bar.Stabilization {
    background-color:#677A92;
}

.status-bar.Cash.Flow {
    background-color:#677A92;
}

.offering-title {
 font-size: 2em;
    text-transform: uppercase;   
        line-height: 1;
}

.thermometer-casing {
        background-color: white;
        border: 2px solid white;
        margin: 10px 19px;
            border-radius: 13px;
}


.thermometer-casing-target-container {
    border-radius: 13px;
    width: 100%;
/*    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;*/
    
    position: absolute;
    top: 95%;
    left: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

.thermometer-casing-target {
        background-color: white;
        /*border: 2px solid white;*/
        margin: 0px;
        border-radius: 13px;
}

.thermometer-casing-target-offering {
        background-color: white;
        border: 2px solid white;
        margin: 0px;
        border-radius: 13px;
}

.thermometer-casing-max {
        background-color: white;
        border: 2px solid white;
        margin: 0px;
            border-radius: 13px;
}

.thermometer-liquid {
    animation: load 3s normal forwards;
    background-color:#6CA437;
    height: 50px;
    text-align:center;
    vertical-align:middle;
    color: #fff;
    border-radius: 10px;
}
@keyframes load {
    0% {
        width: 0;
    }

    100% {
        width: @percentageStr;
    }
}

.thermometer-liquid p {
    margin:0;
    vertical-align:middle;
}


.larger-text-offering
{
    font-size:1.5em;
    font-weight:600;
}

.card-body h2 {
    margin-top:0;
}

.invest-details p {
    text-align:center;
    width:100%;
}





.thermometer-percent {
    line-height: 44px;
    height:100%;
    vertical-align:middle;
    font-size: 25px;
    padding-top: 4px;
}

.short-description {
    color:white !important;
}

.short-description strong {
    color:white !important;
}

.documents.card li::marker {
    font-size: 1.5em;
 
}

.key-highlights.card li::marker {

    font-size: 1.5em;

}


.invest-offering-btn
    {
        width:43%; 
    }
    
        .invest-offering-btn
        {
            font-size:14px !important;
        }
    
    
@media (min-width:1523px)
{
    .invest-offering-btn
    {
        font-size:25px !important;
    }
}

@media (min-width:400px)
{
    .invest-offering-btn
    {
        font-size:25px !important;
        width: 75%;
    }
}

@media (max-width:400px)
{
    .invest-offering-btn
    {
        font-size:25px !important;
        width: 75%;
    }
}


p.thermometer-percent-popped
{
    position: absolute;
    transform: translateX(0%);
    left: 0%;
    vertical-align: middle;
    color: black;
    margin-top: 9px;
    font-size: 25px;
    padding-top: 4px;
}

p.thermometer-percent-popped-o
{
     position: absolute;
    left: 50%;
    transform: translateX(50%);
    right: 50%;
    vertical-align: middle;
    color: black;
    margin-top: 9px;
}

.content.base-bg.pb-0 .container .row .heading-col h1.heading.main.base-heading {
    text-align: center;
}

/* NATIONAL LANDING PAGE */

.mobile-national-banner-text {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 90px;
    color: white;
}

.mobile-national-banner-divider {
  bottom: -50px;
}
.mobile-national-header {
  font: 40px "Montserrat";
  font-weight: 600;
  text-shadow: 5px 5px 8px black;
}   
.mobile-national-subtext {
  font: 20px "Montserrat";
  text-decoration: none;
  text-shadow: 7px 7px 10px black;
}

.national-banner-text {
/* border-left: #6CA437 solid 2.0em; */
    padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 50px;
    color: white;
 /*   background: rgba(255, 255, 255, 0.62); */
}

.national-button {
  font: 30px "Montserrat";
  text-decoration: none;
  background-color: #6CA437;
  color: white;
  padding: 6px 12px 6px 12px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 0px;
}
    
.national-header {
  font: 85px "Montserrat";
  font-weight: 600;
  text-shadow: 5px 5px 8px black;
}    

.national-subtext {
  font: 40px "Montserrat";
  text-decoration: none;
  text-shadow: 7px 7px 10px black;
}

.National-Icon1 {
    border: 2px solid white;
    background-color: white;
    bottom: 150px;
    position: relative;
    z-index: 50;
    padding:20px;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.National-Icon2 {
    border: 2px solid white;
    background-color: white;
    bottom: 150px;
    position: relative;
    z-index: 50;
    padding:20px;
     box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.National-Icon3 {
    border: solid white;
    background-color: white;
    bottom: 150px;
    position: relative;
    z-index: 50;
    padding:20px;
     box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.investment-criteria {
      background-color: #5A7E96;
}

.pic-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.disclaimer-text {
  font: 12px "Montserrat";
  line-height: normal;
}
@media (min-width:1400px)
{
.margin-spacing {
    margin:0px 60px;
}
}



.header-announcement-colors .component-inner .container-fluid .alert .info p a {
    color:white !important;
        text-decoration: underline !important;
}

.alert.alert-info {
    background-color: #6CA437 !important;
}

.sticky.header-announcement-colors
{
    z-index:802 !important;
}

.project-status-wheel
{
    text-align:center;
}

select.form-control
{
 border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}


input.form-control
{
 border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.bbonly {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

←-- Video Embed --→



/* Typing Effect code start */
.wrapper {
  height: 100vh;
  /*This part is important for centering*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.typing-demo {
  width: 22ch;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}
/* Profile Icon dropdown mobile*/

nav.secondary ul li.dropdown a.dropdown-toggle span {
    display: inline;
    padding-left: 10px;
    font-weight: 600;
}

a#myAccountDropdown {
    color: #677A92;
    font-size: 17px;
}

nav.secondary ul li.dropdown .dropdown-menu>a {
    color: #677a92;
    font-size: 16px;
}


 /* Remove CSS code */
 .reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

.christmas-lights-row {
    background: transparent;
    margin-bottom: -23px;
    z-index: 1000 !important;
}