/*  
---------------------------------------------------
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=Outfit:100,200,300,400,500,600,700,800,900&display=swap');@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&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:144,62,60;
    --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;

    /* Modal max-width */
    --modal-opacity: 0.75;
    --modal-components-max-width: 1800px;
    --modal-pods-max-width: 645px;
    

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1400px;

    --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: 991px;
    --large-breakpoint: 992px;

    --header-max-width: 1350px;
    --small-header: 60px;
    --large-header: 140px;

    --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: 10px;
    --logo_sm-padding_right: 10px;
    --logo_sm-padding_bottom: 10px;
    --logo_sm-padding_left: 10px;

    --logo_lg-padding_top: 15px;
    --logo_lg-padding_right: 20px;
    --logo_lg-padding_bottom: 15px;
    --logo_lg-padding_left: 20px;

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

    --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: 50px;

    --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: 65%;

    --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: 10px;

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

    --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: 12px;
    --btn-padding_right: 18px;
    --btn-padding_bottom: 12px;
    --btn-padding_left: 18px;

    --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: 0, 0, 0;
    --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: 0, 0, 0;
    --header-borders: 216, 216, 216;
    --header-highlight: 0, 0, 0;
    
    /* Main Navigation */
    --main-navigation-link: 0, 0, 0;
    --main-navigation-link-hover: 72, 72, 72;
    --main-navigation-link-active: 72, 72, 72;

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 0, 0, 0;
    --secondary-navigation-link-hover: 72, 72, 72;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 255, 255, 255;
    --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: 0, 0, 0;
    --base-link-hover: 108, 108, 108;
    --base-borders: 0, 0, 0;
    --base-highlight: 108, 108, 108;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 255, 255, 255;
    --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: 0, 0, 0;
    --base-btn-borders: 72, 72, 72;
    --base-btn-bg-hover-color1: 0, 0, 0;
    --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: 255, 255, 255;
    --base-btn-borders-hover: 0, 0, 0;
    
    /* Footer */
    --footer-bg-color1: 119, 124, 134;
    --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: 0, 0, 0;
    --footer-text: 255, 255, 255;
    --footer-link: 226, 232, 255;
    --footer-link-hover: 244, 245, 255;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 0, 0, 0;

    --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: 255, 255, 255;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 0, 0, 0;
--c3-secondary-heading: 0, 0, 0;
--c3-text: 0, 0, 0;
--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: 234, 236, 240;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 0, 0, 0;
--c4-secondary-heading: 0, 0, 0;
--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: 255, 255, 255;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 0, 0, 0;
--c5-secondary-heading: 0, 0, 0;
--c5-text: 0, 0, 0;
--c5-link: 0, 0, 0;
--c5-link-hover: 108, 108, 108;
--c5-borders: 0, 0, 0;
--c5-highlight: 108, 108, 108;
--c5-highlight-text: 255, 255, 255;
--c6-bg-color1: 234, 236, 240;
--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: 185, 37, 132;
--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: 0, 0, 0;
--c7-highlight-text: 255, 255, 255;
--c8-bg-color1: 255, 255, 255;
--c8-bg-color2:  0, 0, 0;
--c8-bg-start-perc: 50%;
--c8-bg-stop-perc: 50%;
--c8-bg-angle: 90deg;
--c8-heading: 0, 0, 0;
--c8-secondary-heading: 0, 0, 0;
--c8-text: 199, 13, 83;
--c8-link: 0, 0, 0;
--c8-link-hover: 108, 108, 108;
--c8-borders: 0, 0, 0;
--c8-highlight: 108, 108, 108;
--c8-highlight-text: 255, 255, 255;
--c9-bg-color1: 241, 242, 249;
--c9-bg-color2:  0, 0, 0;
--c9-bg-start-perc: 50%;
--c9-bg-stop-perc: 50%;
--c9-bg-angle: 90deg;
--c9-heading: 0, 0, 0;
--c9-secondary-heading: 0, 0, 0;
--c9-text: 0, 0, 0;
--c9-link: 0, 0, 0;
--c9-link-hover: 108, 108, 108;
--c9-borders: 0, 0, 0;
--c9-highlight: 108, 108, 108;
--c9-highlight-text: 255, 255, 255;
--c10-bg-color1: 110, 185, 92;
--c10-bg-color2:  85, 127, 66;
--c10-bg-start-perc: 50%;
--c10-bg-stop-perc: 50%;
--c10-bg-angle: 90deg;
--c10-heading: 255, 255, 255;
--c10-secondary-heading: 0, 0, 0;
--c10-text: 0, 0, 0;
--c10-link: 21, 118, 11;
--c10-link-hover: 223, 223, 223;
--c10-borders: 0, 0, 0;
--c10-highlight: 44, 82, 39;
--c10-highlight-text: 255, 255, 255;
--c11-bg-color1: 217, 222, 232;
--c11-bg-color2:  0, 0, 0;
--c11-bg-start-perc: 50%;
--c11-bg-stop-perc: 50%;
--c11-bg-angle: 90deg;
--c11-heading: 0, 0, 0;
--c11-secondary-heading: 0, 0, 0;
--c11-text: 0, 0, 0;
--c11-link: 0, 0, 0;
--c11-link-hover: 108, 108, 108;
--c11-borders: 0, 0, 0;
--c11-highlight: 108, 108, 108;
--c11-highlight-text: 255, 255, 255;
--c12-bg-color1: 52, 84, 141;
--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: 108, 108, 108;
--c12-borders: 52, 84, 141;
--c12-highlight: 108, 108, 108;
--c12-highlight-text: 255, 255, 255;
--c13-bg-color1: 253, 255, 49;
--c13-bg-color2:  0, 0, 0;
--c13-bg-start-perc: 50%;
--c13-bg-stop-perc: 50%;
--c13-bg-angle: 90deg;
--c13-heading: 0, 0, 0;
--c13-secondary-heading: 0, 0, 0;
--c13-text: 0, 0, 0;
--c13-link: 0, 0, 0;
--c13-link-hover: 216, 206, 207;
--c13-borders: 0, 0, 0;
--c13-highlight: 108, 108, 108;
--c13-highlight-text: 255, 255, 255;
--c14-bg-color1: 217, 127, 0;
--c14-bg-color2:  0, 0, 0;
--c14-bg-start-perc: 50%;
--c14-bg-stop-perc: 50%;
--c14-bg-angle: 90deg;
--c14-heading: 255, 255, 255;
--c14-secondary-heading: 255, 255, 255;
--c14-text: 255, 255, 255;
--c14-link: 255, 255, 255;
--c14-link-hover: 108, 108, 108;
--c14-borders: 255, 255, 255;
--c14-highlight: 108, 108, 108;
--c14-highlight-text: 255, 255, 255;
--c15-bg-color1: 227, 111, 0;
--c15-bg-color2:  0, 0, 0;
--c15-bg-start-perc: 50%;
--c15-bg-stop-perc: 50%;
--c15-bg-angle: 90deg;
--c15-heading: 255, 255, 255;
--c15-secondary-heading: 255, 255, 255;
--c15-text: 255, 255, 255;
--c15-link: 216, 206, 207;
--c15-link-hover: 108, 108, 108;
--c15-borders: 216, 206, 207;
--c15-highlight: 108, 108, 108;
--c15-highlight-text: 255, 255, 255;
--c16-bg-color1: 255, 255, 255;
--c16-bg-color2:  0, 0, 0;
--c16-bg-start-perc: 50%;
--c16-bg-stop-perc: 50%;
--c16-bg-angle: 90deg;
--c16-heading: 52, 84, 141;
--c16-secondary-heading: 52, 84, 141;
--c16-text: 52, 84, 141;
--c16-link: 52, 84, 141;
--c16-link-hover: 108, 108, 108;
--c16-borders: 0, 0, 0;
--c16-highlight: 108, 108, 108;
--c16-highlight-text: 255, 255, 255;
--c17-bg-color1: 46, 46, 46;
--c17-bg-color2:  0, 0, 0;
--c17-bg-start-perc: 50%;
--c17-bg-stop-perc: 50%;
--c17-bg-angle: 90deg;
--c17-heading: 255, 255, 255;
--c17-secondary-heading: 255, 255, 255;
--c17-text: 255, 255, 255;
--c17-link: 255, 255, 255;
--c17-link-hover: 108, 108, 108;
--c17-borders: 0, 0, 0;
--c17-highlight: 108, 108, 108;
--c17-highlight-text: 255, 255, 255;
--c18-bg-color1: 236, 235, 222;
--c18-bg-color2:  255, 255, 255;
--c18-bg-start-perc: 50%;
--c18-bg-stop-perc: 50%;
--c18-bg-angle: 90deg;
--c18-heading: 0, 0, 0;
--c18-secondary-heading: 0, 0, 0;
--c18-text: 0, 0, 0;
--c18-link: 0, 0, 0;
--c18-link-hover: 108, 108, 108;
--c18-borders: 0, 0, 0;
--c18-highlight: 108, 108, 108;
--c18-highlight-text: 255, 255, 255;
--c19-bg-color1: 101, 47, 108;
--c19-bg-color2:  0, 0, 0;
--c19-bg-start-perc: 50%;
--c19-bg-stop-perc: 50%;
--c19-bg-angle: 90deg;
--c19-heading: 255, 255, 255;
--c19-secondary-heading: 255, 255, 255;
--c19-text: 255, 255, 255;
--c19-link: 255, 255, 255;
--c19-link-hover: 255, 255, 255;
--c19-borders: 255, 255, 255;
--c19-highlight: 0, 0, 0;
--c19-highlight-text: 255, 255, 255;
--c20-bg-color1: 0, 112, 120;
--c20-bg-color2:  0, 0, 0;
--c20-bg-start-perc: 50%;
--c20-bg-stop-perc: 50%;
--c20-bg-angle: 90deg;
--c20-heading: 255, 255, 255;
--c20-secondary-heading: 255, 255, 255;
--c20-text: 255, 255, 255;
--c20-link: 234, 172, 52;
--c20-link-hover: 234, 172, 52;
--c20-borders: 255, 255, 255;
--c20-highlight: 234, 172, 52;
--c20-highlight-text: 0, 0, 0;
--c21-bg-color1: 255, 255, 255;
--c21-bg-color2:  0, 0, 0;
--c21-bg-start-perc: 50%;
--c21-bg-stop-perc: 50%;
--c21-bg-angle: 90deg;
--c21-heading: 255, 149, 0;
--c21-secondary-heading: 0, 0, 0;
--c21-text: 0, 0, 0;
--c21-link: 0, 0, 0;
--c21-link-hover: 108, 108, 108;
--c21-borders: 255, 255, 255;
--c21-highlight: 108, 108, 108;
--c21-highlight-text: 255, 255, 255;
--c22-bg-color1: 61, 61, 61;
--c22-bg-color2:  0, 0, 0;
--c22-bg-start-perc: 50%;
--c22-bg-stop-perc: 50%;
--c22-bg-angle: 90deg;
--c22-heading: 255, 203, 0;
--c22-secondary-heading: 255, 225, 0;
--c22-text: 255, 203, 0;
--c22-link: 255, 255, 255;
--c22-link-hover: 186, 247, 255;
--c22-borders: 0, 0, 0;
--c22-highlight: 108, 108, 108;
--c22-highlight-text: 255, 255, 255;
--c23-bg-color1: 203, 227, 240;
--c23-bg-color2:  0, 0, 0;
--c23-bg-start-perc: 50%;
--c23-bg-stop-perc: 50%;
--c23-bg-angle: 90deg;
--c23-heading: 0, 0, 0;
--c23-secondary-heading: 0, 0, 0;
--c23-text: 0, 0, 0;
--c23-link: 0, 0, 0;
--c23-link-hover: 108, 108, 108;
--c23-borders: 0, 0, 0;
--c23-highlight: 108, 108, 108;
--c23-highlight-text: 255, 255, 255;
--c24-bg-color1: 29, 48, 80;
--c24-bg-color2:  0, 0, 0;
--c24-bg-start-perc: 50%;
--c24-bg-stop-perc: 50%;
--c24-bg-angle: 90deg;
--c24-heading: 255, 255, 255;
--c24-secondary-heading: 255, 255, 255;
--c24-text: 255, 255, 255;
--c24-link: 255, 255, 255;
--c24-link-hover: 208, 208, 208;
--c24-borders: 207, 207, 207;
--c24-highlight: 255, 255, 255;
--c24-highlight-text: 29, 48, 80;
--c25-bg-color1: 250, 249, 246;
--c25-bg-color2:  0, 0, 0;
--c25-bg-start-perc: 50%;
--c25-bg-stop-perc: 50%;
--c25-bg-angle: 90deg;
--c25-heading: 0, 0, 0;
--c25-secondary-heading: 0, 0, 0;
--c25-text: 0, 0, 0;
--c25-link: 0, 0, 0;
--c25-link-hover: 108, 108, 108;
--c25-borders: 0, 0, 0;
--c25-highlight: 108, 108, 108;
--c25-highlight-text: 255, 255, 255;
--c26-bg-color1: 91, 124, 153;
--c26-bg-color2:  0, 0, 0;
--c26-bg-start-perc: 50%;
--c26-bg-stop-perc: 50%;
--c26-bg-angle: 90deg;
--c26-heading: 255, 255, 255;
--c26-secondary-heading: 255, 255, 255;
--c26-text: 255, 255, 255;
--c26-link: 255, 255, 255;
--c26-link-hover: 207, 232, 239;
--c26-borders: 255, 255, 255;
--c26-highlight: 207, 232, 239;
--c26-highlight-text: 0, 0, 0;
--c27-bg-color1: 83, 104, 123;
--c27-bg-color2:  0, 0, 0;
--c27-bg-start-perc: 50%;
--c27-bg-stop-perc: 50%;
--c27-bg-angle: 90deg;
--c27-heading: 255, 255, 255;
--c27-secondary-heading: 255, 255, 255;
--c27-text: 255, 255, 255;
--c27-link: 255, 255, 255;
--c27-link-hover: 29, 48, 80;
--c27-borders: 255, 255, 255;
--c27-highlight: 29, 48, 80;
--c27-highlight-text: 255, 255, 255;
--c28-bg-color1: 22, 20, 20;
--c28-bg-color2:  0, 0, 0;
--c28-bg-start-perc: 50%;
--c28-bg-stop-perc: 50%;
--c28-bg-angle: 90deg;
--c28-heading: 255, 203, 0;
--c28-secondary-heading: 255, 203, 0;
--c28-text: 255, 203, 0;
--c28-link: 255, 255, 255;
--c28-link-hover: 255, 255, 255;
--c28-borders: 255, 255, 255;
--c28-highlight: 103, 100, 100;
--c28-highlight-text: 255, 255, 255;
--c29-bg-color1: 41, 42, 44;
--c29-bg-color2:  0, 0, 0;
--c29-bg-start-perc: 50%;
--c29-bg-stop-perc: 50%;
--c29-bg-angle: 90deg;
--c29-heading: 255, 255, 255;
--c29-secondary-heading: 255, 255, 255;
--c29-text: 255, 255, 255;
--c29-link: 0, 0, 0;
--c29-link-hover: 108, 108, 108;
--c29-borders: 0, 0, 0;
--c29-highlight: 108, 108, 108;
--c29-highlight-text: 255, 255, 255;


    --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:  34, 116, 165;
--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: 255, 255, 255;
--c3-btn-borders: 34, 116, 165;
--c3-btn-bg-hover-color1:  16, 92, 138;
--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: 255, 255, 255;
--c3-btn-borders-hover: 16, 92, 138;
--c4-btn-bg-color1:  217, 127, 0;
--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: 217, 127, 0;
--c4-btn-bg-hover-color1:  238, 140, 0;
--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: 255, 255, 255;
--c4-btn-borders-hover: 238, 140, 0;
--c5-btn-bg-color1:  101, 47, 108;
--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: 255, 255, 255;
--c5-btn-borders: 101, 47, 108;
--c5-btn-bg-hover-color1:  133, 47, 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: 133, 47, 146;
--c6-btn-bg-color1:  87, 184, 70;
--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: 255, 255, 255;
--c6-btn-borders: 87, 184, 70;
--c6-btn-bg-hover-color1:  72, 224, 45;
--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: 72, 224, 45;
--c7-btn-bg-color1:  29, 48, 80;
--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: 29, 48, 80;
--c7-btn-bg-hover-color1:  33, 69, 128;
--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: 255, 255, 255;
--c7-btn-borders-hover: 33, 69, 128;
--c8-btn-bg-color1:  255, 149, 0;
--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, 149, 0;
--c8-btn-bg-hover-color1:  254, 179, 19;
--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: 255, 255, 255;
--c8-btn-borders-hover: 254, 179, 19;


    /* Fonts tab */
    
    --body-typography_font-name: 'Outfit',sans-serif;
    --body-typography_font-weight: 300;
    --body-typography_font-style: normal;
    --body-typography_font-line-height: 150%;
    --body-typography_font-letter-spacing: 0.01px;
    --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: 18px; 
    --body-typography_font-size_xl: 18px; 

    --h1-typography_font-name: 'Outfit',sans-serif;
    --h1-typography_font-weight: 600;
    --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: 30px; 
    --h1-typography_font-size_sm: 35px; 
    --h1-typography_font-size_md: 40px; 
    --h1-typography_font-size_lg: 45px; 
    --h1-typography_font-size_xl: 50px; 

    --h2-typography_font-name: 'Outfit',sans-serif;
    --h2-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --h3-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --h4-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --h5-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --h6-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --p-heading-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --p-heading_small-typography_font-weight: 600;
    --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: 18px; 
    --p-heading_small-typography_font-size_sm: 18px; 
    --p-heading_small-typography_font-size_md: 20px; 
    --p-heading_small-typography_font-size_lg: 22px; 
    --p-heading_small-typography_font-size_xl: 24px; 

    --p-heading_large-typography_font-name: 'Outfit',sans-serif;
    --p-heading_large-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --p-intro-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --p-intro_small-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --p-intro_large-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --secondary-heading-typography_font-weight: 600;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 120%;
    --secondary-heading-typography_font-letter-spacing: 0px;
    --secondary-heading-typography_font-transform: None;

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

    --secondary-heading_small-typography_font-name: 'Inter',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: 0px;
    --secondary-heading_small-typography_font-transform: None;

    --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: 14px;  

    --secondary-heading_large-typography_font-name: 'Outfit',sans-serif;
    --secondary-heading_large-typography_font-weight: 300;
    --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: 'Inter',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: 'Inter',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: 'Inter',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: 'Outfit',sans-serif;
    --btn-typography_font-weight: 600;
    --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: 'Outfit',sans-serif;
    --btn_small-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --btn_large-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --main-navigation-typography_font-weight: 300;
    --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: 16px; 

    --main-navigation_dropdowns-typography_font-name: 'Outfit',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --secondary-navigation-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --sub-navigation-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --footer-navigation-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --breadcrumb-navigation-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --anchor-navigation-typography_font-weight: 300;
    --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: 'Outfit',sans-serif;
    --acc-tab-typography_font-weight: 600;
    --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: 18px; 
    --acc-tab-typography_font-size_xl: 18px;
    
    --logo-typography_font-name: 'Outfit',sans-serif;
    --logo-typography_font-weight: 600;
    --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-link,
.c1-bg a:not(.btn),
.c1-text a:not(.btn),
.c1-bg .c1-text 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,
.c1-bg a:not(.btn):hover,
.c1-bg a:not(.btn):focus,
.c1-bg a:not(.btn):active,
.c1-text a:not(.btn):hover,
.c1-text a:not(.btn):focus,
.c1-text a:not(.btn):active,
.c1-bg .c1-text a:not(.btn):hover,
.c1-bg .c1-text a:not(.btn):focus,
.c1-bg .c1-text 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-autoplay-toggle-button { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); }

html.no-touch .c1-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c1-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c1-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c1-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg .overlayicon::before { 
    background: rgba(var(--c1-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c1-bg.c1-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg.c1-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg.c1-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c1-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c1-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c1-bg .overlayicon .icon {
    color: rgba(var(--c1-heading), 1);
}


/* Focus visibles */

.c1-bg a:focus-visible,
.c1-bg .btn:focus-visible,
.c1-bg button:focus-visible,
.form .inner.c1-bg a:focus-visible,
.form .inner.c1-bg .btn:focus-visible,
.form .inner.c1-bg button:focus-visible, 
.c1-bg .item .image a:focus-visible, 
.c1-bg .item .image a:focus-visible img, 
.c1-bg .item .image a:focus-visible picture,
.c1-bg .item .image a:focus-visible .overlayicon,
.c1-bg .listing_no-spacing .item a:focus-visible .image, 
.c1-bg .listing_no-spacing .item a:focus-visible .image img, 
.c1-bg .listing_no-spacing .item a:focus-visible .image picture,
.c1-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c1-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c1-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c1-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c1-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg picture,
main:focus-visible > section.c1-bg:first-of-type, 
section.c1-bg:focus-visible  {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}

.c1-bg .form-control:focus-visible,
.form .inner.c1-bg .form-control:focus-visible,
.form .inner.c1-bg .umbraco-forms-field input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}
.c1-bg .heading::before, .c1-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c2-bg a:not(.btn),
.c2-text a:not(.btn),
.c2-bg .c2-text 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,
.c2-bg a:not(.btn):hover,
.c2-bg a:not(.btn):focus,
.c2-bg a:not(.btn):active,
.c2-text a:not(.btn):hover,
.c2-text a:not(.btn):focus,
.c2-text a:not(.btn):active,
.c2-bg .c2-text a:not(.btn):hover,
.c2-bg .c2-text a:not(.btn):focus,
.c2-bg .c2-text 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-autoplay-toggle-button { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); }

html.no-touch .c2-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c2-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c2-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c2-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg .overlayicon::before { 
    background: rgba(var(--c2-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c2-bg.c2-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg.c2-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg.c2-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c2-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c2-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c2-bg .overlayicon .icon {
    color: rgba(var(--c2-heading), 1);
}


/* Focus visibles */

.c2-bg a:focus-visible,
.c2-bg .btn:focus-visible,
.c2-bg button:focus-visible,
.form .inner.c2-bg a:focus-visible,
.form .inner.c2-bg .btn:focus-visible,
.form .inner.c2-bg button:focus-visible, 
.c2-bg .item .image a:focus-visible, 
.c2-bg .item .image a:focus-visible img, 
.c2-bg .item .image a:focus-visible picture,
.c2-bg .item .image a:focus-visible .overlayicon,
.c2-bg .listing_no-spacing .item a:focus-visible .image, 
.c2-bg .listing_no-spacing .item a:focus-visible .image img, 
.c2-bg .listing_no-spacing .item a:focus-visible .image picture,
.c2-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c2-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c2-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c2-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c2-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg picture,
main:focus-visible > section.c2-bg:first-of-type, 
section.c2-bg:focus-visible  {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}

.c2-bg .form-control:focus-visible,
.form .inner.c2-bg .form-control:focus-visible,
.form .inner.c2-bg .umbraco-forms-field input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}
.c2-bg .heading::before, .c2-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c3-bg a:not(.btn),
.c3-text a:not(.btn),
.c3-bg .c3-text 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,
.c3-bg a:not(.btn):hover,
.c3-bg a:not(.btn):focus,
.c3-bg a:not(.btn):active,
.c3-text a:not(.btn):hover,
.c3-text a:not(.btn):focus,
.c3-text a:not(.btn):active,
.c3-bg .c3-text a:not(.btn):hover,
.c3-bg .c3-text a:not(.btn):focus,
.c3-bg .c3-text 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-autoplay-toggle-button { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); }

html.no-touch .c3-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c3-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c3-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c3-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c3-bg .image .overlayicon::before,
.item.item_text-boxed .image.c3-bg .overlayicon::before { 
    background: rgba(var(--c3-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c3-bg.c3-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c3-bg.c3-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c3-bg.c3-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c3-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c3-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c3-bg .overlayicon .icon {
    color: rgba(var(--c3-heading), 1);
}


/* Focus visibles */

.c3-bg a:focus-visible,
.c3-bg .btn:focus-visible,
.c3-bg button:focus-visible,
.form .inner.c3-bg a:focus-visible,
.form .inner.c3-bg .btn:focus-visible,
.form .inner.c3-bg button:focus-visible, 
.c3-bg .item .image a:focus-visible, 
.c3-bg .item .image a:focus-visible img, 
.c3-bg .item .image a:focus-visible picture,
.c3-bg .item .image a:focus-visible .overlayicon,
.c3-bg .listing_no-spacing .item a:focus-visible .image, 
.c3-bg .listing_no-spacing .item a:focus-visible .image img, 
.c3-bg .listing_no-spacing .item a:focus-visible .image picture,
.c3-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c3-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c3-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c3-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c3-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg picture,
main:focus-visible > section.c3-bg:first-of-type, 
section.c3-bg:focus-visible  {
    outline-color: rgba(var(--c3-highlight), 1)!important;
}

.c3-bg .form-control:focus-visible,
.form .inner.c3-bg .form-control:focus-visible,
.form .inner.c3-bg .umbraco-forms-field input:focus-visible,
.form .inner.c3-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c3-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c3-highlight), 1)!important;
}
.c3-bg .heading::before, .c3-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c4-bg a:not(.btn),
.c4-text a:not(.btn),
.c4-bg .c4-text 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,
.c4-bg a:not(.btn):hover,
.c4-bg a:not(.btn):focus,
.c4-bg a:not(.btn):active,
.c4-text a:not(.btn):hover,
.c4-text a:not(.btn):focus,
.c4-text a:not(.btn):active,
.c4-bg .c4-text a:not(.btn):hover,
.c4-bg .c4-text a:not(.btn):focus,
.c4-bg .c4-text 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-autoplay-toggle-button { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); }

html.no-touch .c4-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c4-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c4-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c4-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c4-bg .image .overlayicon::before,
.item.item_text-boxed .image.c4-bg .overlayicon::before { 
    background: rgba(var(--c4-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c4-bg.c4-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c4-bg.c4-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c4-bg.c4-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c4-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c4-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c4-bg .overlayicon .icon {
    color: rgba(var(--c4-heading), 1);
}


/* Focus visibles */

.c4-bg a:focus-visible,
.c4-bg .btn:focus-visible,
.c4-bg button:focus-visible,
.form .inner.c4-bg a:focus-visible,
.form .inner.c4-bg .btn:focus-visible,
.form .inner.c4-bg button:focus-visible, 
.c4-bg .item .image a:focus-visible, 
.c4-bg .item .image a:focus-visible img, 
.c4-bg .item .image a:focus-visible picture,
.c4-bg .item .image a:focus-visible .overlayicon,
.c4-bg .listing_no-spacing .item a:focus-visible .image, 
.c4-bg .listing_no-spacing .item a:focus-visible .image img, 
.c4-bg .listing_no-spacing .item a:focus-visible .image picture,
.c4-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c4-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c4-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c4-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c4-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg picture,
main:focus-visible > section.c4-bg:first-of-type, 
section.c4-bg:focus-visible  {
    outline-color: rgba(var(--c4-highlight), 1)!important;
}

.c4-bg .form-control:focus-visible,
.form .inner.c4-bg .form-control:focus-visible,
.form .inner.c4-bg .umbraco-forms-field input:focus-visible,
.form .inner.c4-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c4-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c4-highlight), 1)!important;
}
.c4-bg .heading::before, .c4-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c5-bg a:not(.btn),
.c5-text a:not(.btn),
.c5-bg .c5-text 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,
.c5-bg a:not(.btn):hover,
.c5-bg a:not(.btn):focus,
.c5-bg a:not(.btn):active,
.c5-text a:not(.btn):hover,
.c5-text a:not(.btn):focus,
.c5-text a:not(.btn):active,
.c5-bg .c5-text a:not(.btn):hover,
.c5-bg .c5-text a:not(.btn):focus,
.c5-bg .c5-text 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-autoplay-toggle-button { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); }

html.no-touch .c5-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c5-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c5-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c5-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c5-bg .image .overlayicon::before,
.item.item_text-boxed .image.c5-bg .overlayicon::before { 
    background: rgba(var(--c5-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c5-bg.c5-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c5-bg.c5-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c5-bg.c5-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c5-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c5-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c5-bg .overlayicon .icon {
    color: rgba(var(--c5-heading), 1);
}


/* Focus visibles */

.c5-bg a:focus-visible,
.c5-bg .btn:focus-visible,
.c5-bg button:focus-visible,
.form .inner.c5-bg a:focus-visible,
.form .inner.c5-bg .btn:focus-visible,
.form .inner.c5-bg button:focus-visible, 
.c5-bg .item .image a:focus-visible, 
.c5-bg .item .image a:focus-visible img, 
.c5-bg .item .image a:focus-visible picture,
.c5-bg .item .image a:focus-visible .overlayicon,
.c5-bg .listing_no-spacing .item a:focus-visible .image, 
.c5-bg .listing_no-spacing .item a:focus-visible .image img, 
.c5-bg .listing_no-spacing .item a:focus-visible .image picture,
.c5-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c5-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c5-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c5-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c5-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg picture,
main:focus-visible > section.c5-bg:first-of-type, 
section.c5-bg:focus-visible  {
    outline-color: rgba(var(--c5-highlight), 1)!important;
}

.c5-bg .form-control:focus-visible,
.form .inner.c5-bg .form-control:focus-visible,
.form .inner.c5-bg .umbraco-forms-field input:focus-visible,
.form .inner.c5-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c5-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c5-highlight), 1)!important;
}
.c5-bg .heading::before, .c5-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c6-bg a:not(.btn),
.c6-text a:not(.btn),
.c6-bg .c6-text 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,
.c6-bg a:not(.btn):hover,
.c6-bg a:not(.btn):focus,
.c6-bg a:not(.btn):active,
.c6-text a:not(.btn):hover,
.c6-text a:not(.btn):focus,
.c6-text a:not(.btn):active,
.c6-bg .c6-text a:not(.btn):hover,
.c6-bg .c6-text a:not(.btn):focus,
.c6-bg .c6-text 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-autoplay-toggle-button { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); }

html.no-touch .c6-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c6-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c6-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c6-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c6-bg .image .overlayicon::before,
.item.item_text-boxed .image.c6-bg .overlayicon::before { 
    background: rgba(var(--c6-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c6-bg.c6-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c6-bg.c6-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c6-bg.c6-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c6-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c6-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c6-bg .overlayicon .icon {
    color: rgba(var(--c6-heading), 1);
}


/* Focus visibles */

.c6-bg a:focus-visible,
.c6-bg .btn:focus-visible,
.c6-bg button:focus-visible,
.form .inner.c6-bg a:focus-visible,
.form .inner.c6-bg .btn:focus-visible,
.form .inner.c6-bg button:focus-visible, 
.c6-bg .item .image a:focus-visible, 
.c6-bg .item .image a:focus-visible img, 
.c6-bg .item .image a:focus-visible picture,
.c6-bg .item .image a:focus-visible .overlayicon,
.c6-bg .listing_no-spacing .item a:focus-visible .image, 
.c6-bg .listing_no-spacing .item a:focus-visible .image img, 
.c6-bg .listing_no-spacing .item a:focus-visible .image picture,
.c6-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c6-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c6-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c6-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c6-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg picture,
main:focus-visible > section.c6-bg:first-of-type, 
section.c6-bg:focus-visible  {
    outline-color: rgba(var(--c6-highlight), 1)!important;
}

.c6-bg .form-control:focus-visible,
.form .inner.c6-bg .form-control:focus-visible,
.form .inner.c6-bg .umbraco-forms-field input:focus-visible,
.form .inner.c6-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c6-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c6-highlight), 1)!important;
}
.c6-bg .heading::before, .c6-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c7-bg a:not(.btn),
.c7-text a:not(.btn),
.c7-bg .c7-text 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,
.c7-bg a:not(.btn):hover,
.c7-bg a:not(.btn):focus,
.c7-bg a:not(.btn):active,
.c7-text a:not(.btn):hover,
.c7-text a:not(.btn):focus,
.c7-text a:not(.btn):active,
.c7-bg .c7-text a:not(.btn):hover,
.c7-bg .c7-text a:not(.btn):focus,
.c7-bg .c7-text 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-autoplay-toggle-button { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); }

html.no-touch .c7-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c7-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c7-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c7-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c7-bg .image .overlayicon::before,
.item.item_text-boxed .image.c7-bg .overlayicon::before { 
    background: rgba(var(--c7-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c7-bg.c7-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c7-bg.c7-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c7-bg.c7-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c7-bg.c7-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c7-bg.c7-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c7-bg.c7-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c7-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c7-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c7-bg .overlayicon .icon {
    color: rgba(var(--c7-heading), 1);
}


/* Focus visibles */

.c7-bg a:focus-visible,
.c7-bg .btn:focus-visible,
.c7-bg button:focus-visible,
.form .inner.c7-bg a:focus-visible,
.form .inner.c7-bg .btn:focus-visible,
.form .inner.c7-bg button:focus-visible, 
.c7-bg .item .image a:focus-visible, 
.c7-bg .item .image a:focus-visible img, 
.c7-bg .item .image a:focus-visible picture,
.c7-bg .item .image a:focus-visible .overlayicon,
.c7-bg .listing_no-spacing .item a:focus-visible .image, 
.c7-bg .listing_no-spacing .item a:focus-visible .image img, 
.c7-bg .listing_no-spacing .item a:focus-visible .image picture,
.c7-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c7-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c7-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c7-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c7-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg picture,
main:focus-visible > section.c7-bg:first-of-type, 
section.c7-bg:focus-visible  {
    outline-color: rgba(var(--c7-highlight), 1)!important;
}

.c7-bg .form-control:focus-visible,
.form .inner.c7-bg .form-control:focus-visible,
.form .inner.c7-bg .umbraco-forms-field input:focus-visible,
.form .inner.c7-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c7-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c7-highlight), 1)!important;
}
.c7-bg .heading::before, .c7-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c8-bg a:not(.btn),
.c8-text a:not(.btn),
.c8-bg .c8-text 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,
.c8-bg a:not(.btn):hover,
.c8-bg a:not(.btn):focus,
.c8-bg a:not(.btn):active,
.c8-text a:not(.btn):hover,
.c8-text a:not(.btn):focus,
.c8-text a:not(.btn):active,
.c8-bg .c8-text a:not(.btn):hover,
.c8-bg .c8-text a:not(.btn):focus,
.c8-bg .c8-text 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-autoplay-toggle-button { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); }

html.no-touch .c8-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c8-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c8-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c8-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c8-bg .image .overlayicon::before,
.item.item_text-boxed .image.c8-bg .overlayicon::before { 
    background: rgba(var(--c8-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c8-bg.c8-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c8-bg.c8-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c8-bg.c8-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c8-bg.c8-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c8-bg.c8-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c8-bg.c8-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c8-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c8-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c8-bg .overlayicon .icon {
    color: rgba(var(--c8-heading), 1);
}


/* Focus visibles */

.c8-bg a:focus-visible,
.c8-bg .btn:focus-visible,
.c8-bg button:focus-visible,
.form .inner.c8-bg a:focus-visible,
.form .inner.c8-bg .btn:focus-visible,
.form .inner.c8-bg button:focus-visible, 
.c8-bg .item .image a:focus-visible, 
.c8-bg .item .image a:focus-visible img, 
.c8-bg .item .image a:focus-visible picture,
.c8-bg .item .image a:focus-visible .overlayicon,
.c8-bg .listing_no-spacing .item a:focus-visible .image, 
.c8-bg .listing_no-spacing .item a:focus-visible .image img, 
.c8-bg .listing_no-spacing .item a:focus-visible .image picture,
.c8-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c8-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c8-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c8-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c8-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg picture,
main:focus-visible > section.c8-bg:first-of-type, 
section.c8-bg:focus-visible  {
    outline-color: rgba(var(--c8-highlight), 1)!important;
}

.c8-bg .form-control:focus-visible,
.form .inner.c8-bg .form-control:focus-visible,
.form .inner.c8-bg .umbraco-forms-field input:focus-visible,
.form .inner.c8-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c8-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c8-highlight), 1)!important;
}
.c8-bg .heading::before, .c8-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c9-bg a:not(.btn),
.c9-text a:not(.btn),
.c9-bg .c9-text 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,
.c9-bg a:not(.btn):hover,
.c9-bg a:not(.btn):focus,
.c9-bg a:not(.btn):active,
.c9-text a:not(.btn):hover,
.c9-text a:not(.btn):focus,
.c9-text a:not(.btn):active,
.c9-bg .c9-text a:not(.btn):hover,
.c9-bg .c9-text a:not(.btn):focus,
.c9-bg .c9-text 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-autoplay-toggle-button { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); }

html.no-touch .c9-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c9-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c9-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c9-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c9-bg .image .overlayicon::before,
.item.item_text-boxed .image.c9-bg .overlayicon::before { 
    background: rgba(var(--c9-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c9-bg.c9-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c9-bg.c9-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c9-bg.c9-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c9-bg.c9-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c9-bg.c9-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c9-bg.c9-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c9-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c9-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c9-bg .overlayicon .icon {
    color: rgba(var(--c9-heading), 1);
}


/* Focus visibles */

.c9-bg a:focus-visible,
.c9-bg .btn:focus-visible,
.c9-bg button:focus-visible,
.form .inner.c9-bg a:focus-visible,
.form .inner.c9-bg .btn:focus-visible,
.form .inner.c9-bg button:focus-visible, 
.c9-bg .item .image a:focus-visible, 
.c9-bg .item .image a:focus-visible img, 
.c9-bg .item .image a:focus-visible picture,
.c9-bg .item .image a:focus-visible .overlayicon,
.c9-bg .listing_no-spacing .item a:focus-visible .image, 
.c9-bg .listing_no-spacing .item a:focus-visible .image img, 
.c9-bg .listing_no-spacing .item a:focus-visible .image picture,
.c9-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c9-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c9-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c9-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c9-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg picture,
main:focus-visible > section.c9-bg:first-of-type, 
section.c9-bg:focus-visible  {
    outline-color: rgba(var(--c9-highlight), 1)!important;
}

.c9-bg .form-control:focus-visible,
.form .inner.c9-bg .form-control:focus-visible,
.form .inner.c9-bg .umbraco-forms-field input:focus-visible,
.form .inner.c9-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c9-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c9-highlight), 1)!important;
}
.c9-bg .heading::before, .c9-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c10-bg a:not(.btn),
.c10-text a:not(.btn),
.c10-bg .c10-text 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,
.c10-bg a:not(.btn):hover,
.c10-bg a:not(.btn):focus,
.c10-bg a:not(.btn):active,
.c10-text a:not(.btn):hover,
.c10-text a:not(.btn):focus,
.c10-text a:not(.btn):active,
.c10-bg .c10-text a:not(.btn):hover,
.c10-bg .c10-text a:not(.btn):focus,
.c10-bg .c10-text 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-autoplay-toggle-button { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); }

html.no-touch .c10-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c10-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c10-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c10-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c10-bg .image .overlayicon::before,
.item.item_text-boxed .image.c10-bg .overlayicon::before { 
    background: rgba(var(--c10-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c10-bg.c10-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c10-bg.c10-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c10-bg.c10-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c10-bg.c10-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c10-bg.c10-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c10-bg.c10-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c10-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c10-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c10-bg .overlayicon .icon {
    color: rgba(var(--c10-heading), 1);
}


/* Focus visibles */

.c10-bg a:focus-visible,
.c10-bg .btn:focus-visible,
.c10-bg button:focus-visible,
.form .inner.c10-bg a:focus-visible,
.form .inner.c10-bg .btn:focus-visible,
.form .inner.c10-bg button:focus-visible, 
.c10-bg .item .image a:focus-visible, 
.c10-bg .item .image a:focus-visible img, 
.c10-bg .item .image a:focus-visible picture,
.c10-bg .item .image a:focus-visible .overlayicon,
.c10-bg .listing_no-spacing .item a:focus-visible .image, 
.c10-bg .listing_no-spacing .item a:focus-visible .image img, 
.c10-bg .listing_no-spacing .item a:focus-visible .image picture,
.c10-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c10-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c10-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c10-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c10-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg picture,
main:focus-visible > section.c10-bg:first-of-type, 
section.c10-bg:focus-visible  {
    outline-color: rgba(var(--c10-highlight), 1)!important;
}

.c10-bg .form-control:focus-visible,
.form .inner.c10-bg .form-control:focus-visible,
.form .inner.c10-bg .umbraco-forms-field input:focus-visible,
.form .inner.c10-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c10-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c10-highlight), 1)!important;
}
.c10-bg .heading::before, .c10-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c11-bg a:not(.btn),
.c11-text a:not(.btn),
.c11-bg .c11-text 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,
.c11-bg a:not(.btn):hover,
.c11-bg a:not(.btn):focus,
.c11-bg a:not(.btn):active,
.c11-text a:not(.btn):hover,
.c11-text a:not(.btn):focus,
.c11-text a:not(.btn):active,
.c11-bg .c11-text a:not(.btn):hover,
.c11-bg .c11-text a:not(.btn):focus,
.c11-bg .c11-text 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-autoplay-toggle-button { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); }

html.no-touch .c11-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c11-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c11-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c11-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c11-bg .image .overlayicon::before,
.item.item_text-boxed .image.c11-bg .overlayicon::before { 
    background: rgba(var(--c11-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c11-bg.c11-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c11-bg.c11-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c11-bg.c11-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c11-bg.c11-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c11-bg.c11-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c11-bg.c11-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c11-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c11-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c11-bg .overlayicon .icon {
    color: rgba(var(--c11-heading), 1);
}


/* Focus visibles */

.c11-bg a:focus-visible,
.c11-bg .btn:focus-visible,
.c11-bg button:focus-visible,
.form .inner.c11-bg a:focus-visible,
.form .inner.c11-bg .btn:focus-visible,
.form .inner.c11-bg button:focus-visible, 
.c11-bg .item .image a:focus-visible, 
.c11-bg .item .image a:focus-visible img, 
.c11-bg .item .image a:focus-visible picture,
.c11-bg .item .image a:focus-visible .overlayicon,
.c11-bg .listing_no-spacing .item a:focus-visible .image, 
.c11-bg .listing_no-spacing .item a:focus-visible .image img, 
.c11-bg .listing_no-spacing .item a:focus-visible .image picture,
.c11-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c11-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c11-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c11-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c11-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg picture,
main:focus-visible > section.c11-bg:first-of-type, 
section.c11-bg:focus-visible  {
    outline-color: rgba(var(--c11-highlight), 1)!important;
}

.c11-bg .form-control:focus-visible,
.form .inner.c11-bg .form-control:focus-visible,
.form .inner.c11-bg .umbraco-forms-field input:focus-visible,
.form .inner.c11-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c11-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c11-highlight), 1)!important;
}
.c11-bg .heading::before, .c11-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
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-link,
.c12-bg a:not(.btn),
.c12-text a:not(.btn),
.c12-bg .c12-text 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,
.c12-bg a:not(.btn):hover,
.c12-bg a:not(.btn):focus,
.c12-bg a:not(.btn):active,
.c12-text a:not(.btn):hover,
.c12-text a:not(.btn):focus,
.c12-text a:not(.btn):active,
.c12-bg .c12-text a:not(.btn):hover,
.c12-bg .c12-text a:not(.btn):focus,
.c12-bg .c12-text 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-autoplay-toggle-button { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); }

html.no-touch .c12-bg .slick-slider .slick-autoplay-toggle-button: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-anchor { color: rgba(var(--c12-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c12-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c12-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c12-bg .image .overlayicon::before,
.item.item_text-boxed .image.c12-bg .overlayicon::before { 
    background: rgba(var(--c12-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c12-bg.c12-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c12-bg.c12-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c12-bg.c12-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c12-bg.c12-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c12-bg.c12-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c12-bg.c12-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c12-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c12-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c12-bg .overlayicon .icon {
    color: rgba(var(--c12-heading), 1);
}


/* Focus visibles */

.c12-bg a:focus-visible,
.c12-bg .btn:focus-visible,
.c12-bg button:focus-visible,
.form .inner.c12-bg a:focus-visible,
.form .inner.c12-bg .btn:focus-visible,
.form .inner.c12-bg button:focus-visible, 
.c12-bg .item .image a:focus-visible, 
.c12-bg .item .image a:focus-visible img, 
.c12-bg .item .image a:focus-visible picture,
.c12-bg .item .image a:focus-visible .overlayicon,
.c12-bg .listing_no-spacing .item a:focus-visible .image, 
.c12-bg .listing_no-spacing .item a:focus-visible .image img, 
.c12-bg .listing_no-spacing .item a:focus-visible .image picture,
.c12-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c12-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c12-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c12-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c12-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg picture,
main:focus-visible > section.c12-bg:first-of-type, 
section.c12-bg:focus-visible  {
    outline-color: rgba(var(--c12-highlight), 1)!important;
}

.c12-bg .form-control:focus-visible,
.form .inner.c12-bg .form-control:focus-visible,
.form .inner.c12-bg .umbraco-forms-field input:focus-visible,
.form .inner.c12-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c12-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c12-highlight), 1)!important;
}
.c12-bg .heading::before, .c12-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c13-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(--c13-borders), 0.25); }

.c13-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(--c13-borders), var(--btn-box-shadow_o)); } 

.c13-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(--c13-borders), var(--btn-box-shadow_o)); }

.c13-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(--c13-borders), var(--btn-box-shadow_o)); }

.c13-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(--c13-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c13-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c13-link), 1); background-color: rgba(var(--c13-bg-color1), 1); }

html.no-touch .c13-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c13-link-hover), 1); }

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

.component.usn_cmp_anchornavigation.c13-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(--c13-borders), 0.25); }

.component.usn_cmp_anchornavigation.c13-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(--c13-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c13-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(--c13-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c13-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c13-bg .image .overlayicon::before,
.item.item_text-boxed .image.c13-bg .overlayicon::before { 
    background: rgba(var(--c13-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c13-bg.c13-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c13-bg.c13-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c13-bg.c13-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c13-bg-angle), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c13-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c13-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c13-bg .overlayicon .icon {
    color: rgba(var(--c13-heading), 1);
}


/* Focus visibles */

.c13-bg a:focus-visible,
.c13-bg .btn:focus-visible,
.c13-bg button:focus-visible,
.form .inner.c13-bg a:focus-visible,
.form .inner.c13-bg .btn:focus-visible,
.form .inner.c13-bg button:focus-visible, 
.c13-bg .item .image a:focus-visible, 
.c13-bg .item .image a:focus-visible img, 
.c13-bg .item .image a:focus-visible picture,
.c13-bg .item .image a:focus-visible .overlayicon,
.c13-bg .listing_no-spacing .item a:focus-visible .image, 
.c13-bg .listing_no-spacing .item a:focus-visible .image img, 
.c13-bg .listing_no-spacing .item a:focus-visible .image picture,
.c13-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c13-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c13-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c13-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c13-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg picture,
main:focus-visible > section.c13-bg:first-of-type, 
section.c13-bg:focus-visible  {
    outline-color: rgba(var(--c13-highlight), 1)!important;
}

.c13-bg .form-control:focus-visible,
.form .inner.c13-bg .form-control:focus-visible,
.form .inner.c13-bg .umbraco-forms-field input:focus-visible,
.form .inner.c13-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c13-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c13-highlight), 1)!important;
}
.c13-bg .heading::before, .c13-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c14-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(--c14-borders), 0.25); }

.c14-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(--c14-borders), var(--btn-box-shadow_o)); } 

.c14-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(--c14-borders), var(--btn-box-shadow_o)); }

.c14-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(--c14-borders), var(--btn-box-shadow_o)); }

.c14-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(--c14-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c14-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c14-link), 1); background-color: rgba(var(--c14-bg-color1), 1); }

html.no-touch .c14-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c14-link-hover), 1); }

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

.component.usn_cmp_anchornavigation.c14-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(--c14-borders), 0.25); }

.component.usn_cmp_anchornavigation.c14-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(--c14-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c14-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(--c14-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c14-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c14-bg .image .overlayicon::before,
.item.item_text-boxed .image.c14-bg .overlayicon::before { 
    background: rgba(var(--c14-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c14-bg.c14-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c14-bg.c14-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c14-bg.c14-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c14-bg-angle), rgba(var(--c14-bg-color1), 1) 0%, rgba(var(--c14-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c14-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c14-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c14-bg .overlayicon .icon {
    color: rgba(var(--c14-heading), 1);
}


/* Focus visibles */

.c14-bg a:focus-visible,
.c14-bg .btn:focus-visible,
.c14-bg button:focus-visible,
.form .inner.c14-bg a:focus-visible,
.form .inner.c14-bg .btn:focus-visible,
.form .inner.c14-bg button:focus-visible, 
.c14-bg .item .image a:focus-visible, 
.c14-bg .item .image a:focus-visible img, 
.c14-bg .item .image a:focus-visible picture,
.c14-bg .item .image a:focus-visible .overlayicon,
.c14-bg .listing_no-spacing .item a:focus-visible .image, 
.c14-bg .listing_no-spacing .item a:focus-visible .image img, 
.c14-bg .listing_no-spacing .item a:focus-visible .image picture,
.c14-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c14-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c14-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c14-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c14-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg picture,
main:focus-visible > section.c14-bg:first-of-type, 
section.c14-bg:focus-visible  {
    outline-color: rgba(var(--c14-highlight), 1)!important;
}

.c14-bg .form-control:focus-visible,
.form .inner.c14-bg .form-control:focus-visible,
.form .inner.c14-bg .umbraco-forms-field input:focus-visible,
.form .inner.c14-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c14-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c14-highlight), 1)!important;
}
.c14-bg .heading::before, .c14-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c15-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(--c15-borders), 0.25); }

.c15-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(--c15-borders), var(--btn-box-shadow_o)); } 

.c15-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(--c15-borders), var(--btn-box-shadow_o)); }

.c15-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(--c15-borders), var(--btn-box-shadow_o)); }

.c15-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(--c15-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c15-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c15-link), 1); background-color: rgba(var(--c15-bg-color1), 1); }

html.no-touch .c15-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c15-link-hover), 1); }

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

.component.usn_cmp_anchornavigation.c15-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(--c15-borders), 0.25); }

.component.usn_cmp_anchornavigation.c15-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(--c15-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c15-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(--c15-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c15-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c15-bg .image .overlayicon::before,
.item.item_text-boxed .image.c15-bg .overlayicon::before { 
    background: rgba(var(--c15-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c15-bg.c15-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c15-bg.c15-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c15-bg.c15-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c15-bg-angle), rgba(var(--c15-bg-color1), 1) 0%, rgba(var(--c15-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c15-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c15-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c15-bg .overlayicon .icon {
    color: rgba(var(--c15-heading), 1);
}


/* Focus visibles */

.c15-bg a:focus-visible,
.c15-bg .btn:focus-visible,
.c15-bg button:focus-visible,
.form .inner.c15-bg a:focus-visible,
.form .inner.c15-bg .btn:focus-visible,
.form .inner.c15-bg button:focus-visible, 
.c15-bg .item .image a:focus-visible, 
.c15-bg .item .image a:focus-visible img, 
.c15-bg .item .image a:focus-visible picture,
.c15-bg .item .image a:focus-visible .overlayicon,
.c15-bg .listing_no-spacing .item a:focus-visible .image, 
.c15-bg .listing_no-spacing .item a:focus-visible .image img, 
.c15-bg .listing_no-spacing .item a:focus-visible .image picture,
.c15-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c15-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c15-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c15-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c15-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c15-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c15-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c15-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c15-bg picture,
main:focus-visible > section.c15-bg:first-of-type, 
section.c15-bg:focus-visible  {
    outline-color: rgba(var(--c15-highlight), 1)!important;
}

.c15-bg .form-control:focus-visible,
.form .inner.c15-bg .form-control:focus-visible,
.form .inner.c15-bg .umbraco-forms-field input:focus-visible,
.form .inner.c15-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c15-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c15-highlight), 1)!important;
}
.c15-bg .heading::before, .c15-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c16-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(--c16-borders), 0.25); }

.c16-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(--c16-borders), var(--btn-box-shadow_o)); } 

.c16-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(--c16-borders), var(--btn-box-shadow_o)); }

.c16-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(--c16-borders), var(--btn-box-shadow_o)); }

.c16-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(--c16-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c16-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c16-link), 1); background-color: rgba(var(--c16-bg-color1), 1); }

html.no-touch .c16-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c16-link-hover), 1); }

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

.component.usn_cmp_anchornavigation.c16-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(--c16-borders), 0.25); }

.component.usn_cmp_anchornavigation.c16-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(--c16-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c16-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(--c16-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c16-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c16-bg .image .overlayicon::before,
.item.item_text-boxed .image.c16-bg .overlayicon::before { 
    background: rgba(var(--c16-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c16-bg.c16-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c16-bg.c16-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c16-bg.c16-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c16-bg-angle), rgba(var(--c16-bg-color1), 1) 0%, rgba(var(--c16-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c16-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c16-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c16-bg .overlayicon .icon {
    color: rgba(var(--c16-heading), 1);
}


/* Focus visibles */

.c16-bg a:focus-visible,
.c16-bg .btn:focus-visible,
.c16-bg button:focus-visible,
.form .inner.c16-bg a:focus-visible,
.form .inner.c16-bg .btn:focus-visible,
.form .inner.c16-bg button:focus-visible, 
.c16-bg .item .image a:focus-visible, 
.c16-bg .item .image a:focus-visible img, 
.c16-bg .item .image a:focus-visible picture,
.c16-bg .item .image a:focus-visible .overlayicon,
.c16-bg .listing_no-spacing .item a:focus-visible .image, 
.c16-bg .listing_no-spacing .item a:focus-visible .image img, 
.c16-bg .listing_no-spacing .item a:focus-visible .image picture,
.c16-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c16-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c16-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c16-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c16-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c16-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c16-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c16-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c16-bg picture,
main:focus-visible > section.c16-bg:first-of-type, 
section.c16-bg:focus-visible  {
    outline-color: rgba(var(--c16-highlight), 1)!important;
}

.c16-bg .form-control:focus-visible,
.form .inner.c16-bg .form-control:focus-visible,
.form .inner.c16-bg .umbraco-forms-field input:focus-visible,
.form .inner.c16-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c16-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c16-highlight), 1)!important;
}
.c16-bg .heading::before, .c16-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c17-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(--c17-borders), 0.25); }

.c17-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(--c17-borders), var(--btn-box-shadow_o)); } 

.c17-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(--c17-borders), var(--btn-box-shadow_o)); }

.c17-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(--c17-borders), var(--btn-box-shadow_o)); }

.c17-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(--c17-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c17-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c17-link), 1); background-color: rgba(var(--c17-bg-color1), 1); }

html.no-touch .c17-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c17-link-hover), 1); }

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

.component.usn_cmp_anchornavigation.c17-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(--c17-borders), 0.25); }

.component.usn_cmp_anchornavigation.c17-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(--c17-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c17-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(--c17-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c17-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c17-bg .image .overlayicon::before,
.item.item_text-boxed .image.c17-bg .overlayicon::before { 
    background: rgba(var(--c17-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c17-bg.c17-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c17-bg.c17-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c17-bg.c17-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c17-bg-angle), rgba(var(--c17-bg-color1), 1) 0%, rgba(var(--c17-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c17-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c17-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c17-bg .overlayicon .icon {
    color: rgba(var(--c17-heading), 1);
}


/* Focus visibles */

.c17-bg a:focus-visible,
.c17-bg .btn:focus-visible,
.c17-bg button:focus-visible,
.form .inner.c17-bg a:focus-visible,
.form .inner.c17-bg .btn:focus-visible,
.form .inner.c17-bg button:focus-visible, 
.c17-bg .item .image a:focus-visible, 
.c17-bg .item .image a:focus-visible img, 
.c17-bg .item .image a:focus-visible picture,
.c17-bg .item .image a:focus-visible .overlayicon,
.c17-bg .listing_no-spacing .item a:focus-visible .image, 
.c17-bg .listing_no-spacing .item a:focus-visible .image img, 
.c17-bg .listing_no-spacing .item a:focus-visible .image picture,
.c17-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c17-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c17-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c17-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c17-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c17-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c17-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c17-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c17-bg picture,
main:focus-visible > section.c17-bg:first-of-type, 
section.c17-bg:focus-visible  {
    outline-color: rgba(var(--c17-highlight), 1)!important;
}

.c17-bg .form-control:focus-visible,
.form .inner.c17-bg .form-control:focus-visible,
.form .inner.c17-bg .umbraco-forms-field input:focus-visible,
.form .inner.c17-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c17-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c17-highlight), 1)!important;
}
.c17-bg .heading::before, .c17-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c18-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(--c18-borders), 0.25); }

.c18-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(--c18-borders), var(--btn-box-shadow_o)); } 

.c18-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(--c18-borders), var(--btn-box-shadow_o)); }

.c18-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(--c18-borders), var(--btn-box-shadow_o)); }

.c18-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(--c18-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c18-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c18-link), 1); background-color: rgba(var(--c18-bg-color1), 1); }

html.no-touch .c18-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c18-link-hover), 1); }

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

.component.usn_cmp_anchornavigation.c18-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(--c18-borders), 0.25); }

.component.usn_cmp_anchornavigation.c18-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(--c18-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c18-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(--c18-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c18-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c18-bg .image .overlayicon::before,
.item.item_text-boxed .image.c18-bg .overlayicon::before { 
    background: rgba(var(--c18-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c18-bg.c18-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c18-bg.c18-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c18-bg.c18-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c18-bg-angle), rgba(var(--c18-bg-color1), 1) 0%, rgba(var(--c18-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c18-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c18-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c18-bg .overlayicon .icon {
    color: rgba(var(--c18-heading), 1);
}


/* Focus visibles */

.c18-bg a:focus-visible,
.c18-bg .btn:focus-visible,
.c18-bg button:focus-visible,
.form .inner.c18-bg a:focus-visible,
.form .inner.c18-bg .btn:focus-visible,
.form .inner.c18-bg button:focus-visible, 
.c18-bg .item .image a:focus-visible, 
.c18-bg .item .image a:focus-visible img, 
.c18-bg .item .image a:focus-visible picture,
.c18-bg .item .image a:focus-visible .overlayicon,
.c18-bg .listing_no-spacing .item a:focus-visible .image, 
.c18-bg .listing_no-spacing .item a:focus-visible .image img, 
.c18-bg .listing_no-spacing .item a:focus-visible .image picture,
.c18-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c18-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c18-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c18-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c18-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c18-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c18-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c18-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c18-bg picture,
main:focus-visible > section.c18-bg:first-of-type, 
section.c18-bg:focus-visible  {
    outline-color: rgba(var(--c18-highlight), 1)!important;
}

.c18-bg .form-control:focus-visible,
.form .inner.c18-bg .form-control:focus-visible,
.form .inner.c18-bg .umbraco-forms-field input:focus-visible,
.form .inner.c18-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c18-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c18-highlight), 1)!important;
}
.c18-bg .heading::before, .c18-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

.c19-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(--c19-borders), 0.25); }

.c19-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(--c19-borders), var(--btn-box-shadow_o)); } 

.c19-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(--c19-borders), var(--btn-box-shadow_o)); }

.c19-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(--c19-borders), var(--btn-box-shadow_o)); }

.c19-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(--c19-borders), var(--btn-box-shadow_o)); }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


/* Slider Navigation */
.c19-bg .slick-slider .slick-prev, .c19-bg .slick-slider .slick-next { color: rgba(var(--c19-link), 1); background-color: rgba(var(--c19-bg-color1), 1); }

html.no-touch .c19-bg .slick-slider .slick-prev:hover, html.no-touch .c19-bg .slick-slider .slick-next:hover { color: rgba(var(--c19-link-hover), 1); }

.c19-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c19-link), 1); background-color: rgba(var(--c19-bg-color1), 1); }

html.no-touch .c19-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c19-link-hover), 1); }

.c19-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c19-text), 1); }

html.no-touch .c19-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c19-link-hover), 1); }

.c19-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c19-highlight), 1); }

/* Forms */
.form .c19-bg .form-control { border-color: rgba(var(--c19-borders), 1); }

.form .c19-bg .form-control:focus { border-color: rgba(var(--c19-highlight), 1); box-shadow: 0 0 5px var(--c19-highlight);}


/* Ajax Loading */
.c19-bg .ajax-wrap .ajax-loading { background: rgba(var(--c19-bg-color1), 1); }

.c19-bg.ajax-wrap .ajax-loading { background: rgba(var(--c19-bg-color1), 1); }

.ajax-wrap .c19-bg .ajax-loading { background: rgba(var(--c19-bg-color1), 1); }

.c19-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c19-borders), 1); border-top: 10px solid rgba(var(--c19-highlight), 1); }

.c19-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c19-borders), 1); border-top: 10px solid rgba(var(--c19-highlight), 1); }

.ajax-wrap .c19-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c19-borders), 1); border-top: 10px solid rgba(var(--c19-highlight), 1); }

.c19-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c19-borders), 1); border-top: 5px solid rgba(var(--c19-highlight), 1); }

.c19-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c19-borders), 1); border-top: 5px solid rgba(var(--c19-highlight), 1); }

.item_form-single_field .c19-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c19-borders), 1); border-top: 5px solid rgba(var(--c19-highlight), 1); }

.item_form-single_field .ajax-wrap .c19-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c19-borders), 1); border-top: 5px solid rgba(var(--c19-highlight), 1); }


/* Links */
.c19-bg .listing.listing_links:not(.listing_links-mini), .c19-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c19-borders), 1); }

.c19-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c19-borders), 0.1); }

.c19-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c19-link), 1); }

.c19-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c19-link-hover), 1); }

 
/* Data List */                  
.c19-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c19-borders), 1); }

.c19-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c19-borders), 1); }


/* Sitemap */                
.c19-bg nav.sitemap ul li::before, .c19-bg nav.sitemap ul li::after { background-color: rgba(var(--c19-borders), 1); }

.c19-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c19-borders), 0.5); }


/* Tables */
.c19-bg thead { color: rgba(var(--c19-heading), 1); }

.c19-bg table, .c19-bg table th, .c19-bg table td { border-color: rgba(var(--c19-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c19-bg .expand-anchor { color: rgba(var(--c19-heading), 1); }

.component.usn_cmp_anchornavigation.c19-bg .expand-anchor span:before { background: rgba(var(--c19-heading), 1); }

.component.usn_cmp_anchornavigation.c19-bg .expand-anchor span { background: rgba(var(--c19-heading), 1); }

.component.usn_cmp_anchornavigation.c19-bg .expand-anchor span:after { background: rgba(var(--c19-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c19-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c19-link), 1); border-color: rgba(var(--c19-borders), 1); }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c19-borders), 0.15); }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c19-link-hover), 1); background: rgba(var(--c19-borders), 0.25); }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c19-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c19-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c19-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c19-heading), 1); border-color: rgba(var(--c19-borders), 0.25); }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c19-link-hover), 1); border-color: rgba(var(--c19-borders), 1); }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c19-heading), 1); border-color: rgba(var(--c19-heading), 1); }

.component.usn_cmp_anchornavigation.c19-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(--c19-borders), 0.25); }

.component.usn_cmp_anchornavigation.c19-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(--c19-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c19-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(--c19-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c19-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c19-link), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c19-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c19-heading), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c19-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c19-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c19-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c19-link), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c19-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c19-heading), 1); } 

.component.usn_cmp_anchornavigation.c19-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c19-link-hover), 1); }

.component.usn_cmp_anchornavigation.c19-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c19-heading), 1); }


/* Scroll prompt */
.c19-bg .scroll-prompt .scroll-link { color: rgba(var(--c19-heading), 1); }

.c19-bg .scroll-prompt .scroll-link i { color: rgba(var(--c19-heading), 1); }

.c19-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c19-heading), 1); }

.c19-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c19-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c19-bg .ec-size .ec-store h1 { color: rgba(var(--c19-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c19-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c19-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c19-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c19-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c19-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c19-heading), 1)!important; }


/* Heading separators - on page */
.c19-bg h1::before, .c19-bg h2::before, .c19-bg h3::before, .c19-bg h4::before, .c19-bg h5::before, .c19-bg h6::before { background: rgba(var(--c19-highlight), 1); }

.c19-bg h1::after, .c19-bg h2::after, .c19-bg h3::after, .c19-bg h4::after, .c19-bg h5::after, .c19-bg h6::after { background: rgba(var(--c19-highlight), 1); }


/* Heading separators - on components */
.c19-bg .heading::before, .c19-bg .secondary-heading::before { background: rgba(var(--c19-highlight), 1); }

.c19-bg .heading::after, .c19-bg .secondary-heading::after { background: rgba(var(--c19-highlight), 1); }


/* Heading separators - on specific items */
.item.c19-bg .heading::before, .item.c19-bg .secondary-heading::before { background: rgba(var(--c19-highlight), 1); }

.item.c19-bg .heading::after, .item.c19-bg .secondary-heading::after { background: rgba(var(--c19-highlight), 1); }

.inner.c19-bg .heading::before, .inner.c19-bg .secondary-heading::before { background: rgba(var(--c19-highlight), 1); }

.inner.c19-bg .heading::after, .inner.c19-bg .secondary-heading::after { background: rgba(var(--c19-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c19-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c19-bg .image .overlayicon::before,
.item.item_text-boxed .image.c19-bg .overlayicon::before { 
    background: rgba(var(--c19-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c19-bg.c19-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c19-bg.c19-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c19-bg.c19-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c19-bg-angle), rgba(var(--c19-bg-color1), 1) 0%, rgba(var(--c19-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c19-bg.c19-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c19-bg.c19-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c19-bg.c19-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c19-bg-start-perc) var(--c19-bg-stop-perc), rgba(var(--c19-bg-color1), 1) 0%, rgba(var(--c19-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c19-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c19-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c19-bg .overlayicon .icon {
    color: rgba(var(--c19-heading), 1);
}


/* Focus visibles */

.c19-bg a:focus-visible,
.c19-bg .btn:focus-visible,
.c19-bg button:focus-visible,
.form .inner.c19-bg a:focus-visible,
.form .inner.c19-bg .btn:focus-visible,
.form .inner.c19-bg button:focus-visible, 
.c19-bg .item .image a:focus-visible, 
.c19-bg .item .image a:focus-visible img, 
.c19-bg .item .image a:focus-visible picture,
.c19-bg .item .image a:focus-visible .overlayicon,
.c19-bg .listing_no-spacing .item a:focus-visible .image, 
.c19-bg .listing_no-spacing .item a:focus-visible .image img, 
.c19-bg .listing_no-spacing .item a:focus-visible .image picture,
.c19-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c19-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c19-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c19-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c19-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c19-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c19-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c19-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c19-bg picture,
main:focus-visible > section.c19-bg:first-of-type, 
section.c19-bg:focus-visible  {
    outline-color: rgba(var(--c19-highlight), 1)!important;
}

.c19-bg .form-control:focus-visible,
.form .inner.c19-bg .form-control:focus-visible,
.form .inner.c19-bg .umbraco-forms-field input:focus-visible,
.form .inner.c19-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c19-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c19-highlight), 1)!important;
}
.c19-bg .heading::before, .c19-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c20-bg,
.item.item_overlay .inner .image.c20-bg::before,
.usn_cmp_banner .item.item_overlay.c20-bg .inner::before { 
    background: rgba(var(--c20-bg-color1), 1); 
}

/* Backgrounds Linear */

.c20-bg.c20-bg-linear,
.item.item_overlay .inner .image.c20-bg.c20-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c20-bg.c20-bg-linear .inner::before { 
    background: linear-gradient(var(--c20-bg-angle), rgba(var(--c20-bg-color1), 1) 0%, rgba(var(--c20-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c20-bg.c20-bg-radial,
.item.item_overlay .inner .image.c20-bg.c20-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c20-bg.c20-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c20-bg-start-perc) var(--c20-bg-stop-perc), rgba(var(--c20-bg-color1), 1) 0%, rgba(var(--c20-bg-color2), 1) 100%); 
}


/* Headings */

.c20-bg h1:not(.heading), 
.c20-bg h2:not(.heading), 
.c20-bg h3:not(.heading), 
.c20-bg h4:not(.heading), 
.c20-bg h5:not(.heading), 
.c20-bg h6:not(.heading) { 
    color: rgba(var(--c20-heading), 1); 
}

.c20-heading, 
.c20-bg .heading { 
    color: rgba(var(--c20-heading), 1); 
}


/* Secondary Headings */

.c20-secondary-heading, 
.c20-bg .c20-secondary-heading { 
    color: rgba(var(--c20-secondary-heading), 1); 
}


/* Text */

.c20-bg, 
.c20-bg .c20-text, 
.c20-text { 
    color: rgba(var(--c20-text), 1); 
}


/* Borders */

.c20-borders { 
    border-color: rgba(var(--c20-borders), 1); 
}


/* Links */

.c20-link, 
.c20-link,
.c20-bg a:not(.btn),
.c20-text a:not(.btn),
.c20-bg .c20-text a:not(.btn) { 
    color: rgba(var(--c20-link), 1); 
}

.c20-link:hover, 
.c20-link:focus, 
.c20-link:active, 
.c20-bg a:not(.btn):hover, 
.c20-bg a:not(.btn):focus, 
.c20-bg a:not(.btn):active,
.c20-bg a:not(.btn):hover,
.c20-bg a:not(.btn):focus,
.c20-bg a:not(.btn):active,
.c20-text a:not(.btn):hover,
.c20-text a:not(.btn):focus,
.c20-text a:not(.btn):active,
.c20-bg .c20-text a:not(.btn):hover,
.c20-bg .c20-text a:not(.btn):focus,
.c20-bg .c20-text a:not(.btn):active { 
    color: rgba(var(--c20-link-hover), 1); 
}


/* Highlights */

.c20-highlight-bg { 
    background-color: rgba(var(--c20-highlight), 1); 
}

.c20-bg blockquote::before, 
.component .component.c20-bg div > blockquote::before { 
    color: rgba(var(--c20-highlight), 1); 
}

.c20-highlight-text { 
    color: rgba(var(--c20-highlight-text), 1); 
}


.c20-heading { 
    color: rgba(var(--c20-heading), 1)!important; 
}

.c20-secondary-heading { 
    color: rgba(var(--c20-secondary-heading), 1)!important; 
}


.c20-bg .heading { 
    color: rgba(var(--c20-heading), 1); 
}

.c20-bg .secondary-heading { 
    color: rgba(var(--c20-secondary-heading), 1); 
}

.c20-bg .quote, .c20-bg blockquote { 
    color: rgba(var(--c20-heading), 1); 
}

.c20-bg .quote::before, 
.c20-bg blockquote::before { 
    color: rgba(var(--c20-highlight), 1); 
}


/* Labels */
.c20-bg .label { background-color: rgba(var(--c20-highlight), 1); }

.c20-bg .label { color: rgba(var(--c20-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c20-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c20-link), 1); border-color: rgba(var(--c20-borders), 1); }

.c20-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c20-borders), 0.15); }

.c20-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); background: rgba(var(--c20-borders), 0.25); }

.c20-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c20-link-hover), 1); background: rgba(var(--c20-borders), 0.25); }

.c20-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c20-heading), 1); background: transparent; }

.c20-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c20-heading), 1); }

.c20-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c20-borders), 1); }

.c20-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c20-highlight), 1); }

/* Button Tabs */
.c20-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c20-heading), 1); border-color: rgba(var(--c20-borders), 0.25); }

.c20-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); border-color: rgba(var(--c20-borders), 1); }

.c20-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c20-link-hover), 1); border-color: rgba(var(--c20-borders), 1); }

.c20-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c20-heading), 1); border-color: rgba(var(--c20-heading), 1); }

.c20-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c20-heading), 1); border-color: rgba(var(--c20-heading), 1); }

.c20-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(--c20-borders), 0.25); }

.c20-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(--c20-borders), var(--btn-box-shadow_o)); } 

.c20-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(--c20-borders), var(--btn-box-shadow_o)); }

.c20-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(--c20-borders), var(--btn-box-shadow_o)); }

.c20-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(--c20-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c20-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c20-link), 1); } 

.c20-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c20-heading), 1); } 

.c20-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c20-heading), 1); } 

.c20-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c20-heading), 1); }

.c20-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c20-heading), 1); }


/* Linethrough Tabs */
.c20-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c20-link), 1); } 

.c20-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c20-link-hover), 1); } 

.c20-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c20-heading), 1); } 

.c20-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c20-heading), 1); } 

.c20-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c20-heading), 1); }

.c20-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c20-heading), 1); }


/* Slider Navigation */
.c20-bg .slick-slider .slick-prev, .c20-bg .slick-slider .slick-next { color: rgba(var(--c20-link), 1); background-color: rgba(var(--c20-bg-color1), 1); }

html.no-touch .c20-bg .slick-slider .slick-prev:hover, html.no-touch .c20-bg .slick-slider .slick-next:hover { color: rgba(var(--c20-link-hover), 1); }

.c20-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c20-link), 1); background-color: rgba(var(--c20-bg-color1), 1); }

html.no-touch .c20-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c20-link-hover), 1); }

.c20-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c20-text), 1); }

html.no-touch .c20-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c20-link-hover), 1); }

.c20-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c20-highlight), 1); }

/* Forms */
.form .c20-bg .form-control { border-color: rgba(var(--c20-borders), 1); }

.form .c20-bg .form-control:focus { border-color: rgba(var(--c20-highlight), 1); box-shadow: 0 0 5px var(--c20-highlight);}


/* Ajax Loading */
.c20-bg .ajax-wrap .ajax-loading { background: rgba(var(--c20-bg-color1), 1); }

.c20-bg.ajax-wrap .ajax-loading { background: rgba(var(--c20-bg-color1), 1); }

.ajax-wrap .c20-bg .ajax-loading { background: rgba(var(--c20-bg-color1), 1); }

.c20-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c20-borders), 1); border-top: 10px solid rgba(var(--c20-highlight), 1); }

.c20-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c20-borders), 1); border-top: 10px solid rgba(var(--c20-highlight), 1); }

.ajax-wrap .c20-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c20-borders), 1); border-top: 10px solid rgba(var(--c20-highlight), 1); }

.c20-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c20-borders), 1); border-top: 5px solid rgba(var(--c20-highlight), 1); }

.c20-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c20-borders), 1); border-top: 5px solid rgba(var(--c20-highlight), 1); }

.item_form-single_field .c20-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c20-borders), 1); border-top: 5px solid rgba(var(--c20-highlight), 1); }

.item_form-single_field .ajax-wrap .c20-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c20-borders), 1); border-top: 5px solid rgba(var(--c20-highlight), 1); }


/* Links */
.c20-bg .listing.listing_links:not(.listing_links-mini), .c20-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c20-borders), 1); }

.c20-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c20-borders), 0.1); }

.c20-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c20-link), 1); }

.c20-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c20-link-hover), 1); }

 
/* Data List */                  
.c20-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c20-borders), 1); }

.c20-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c20-borders), 1); }


/* Sitemap */                
.c20-bg nav.sitemap ul li::before, .c20-bg nav.sitemap ul li::after { background-color: rgba(var(--c20-borders), 1); }

.c20-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c20-borders), 0.5); }


/* Tables */
.c20-bg thead { color: rgba(var(--c20-heading), 1); }

.c20-bg table, .c20-bg table th, .c20-bg table td { border-color: rgba(var(--c20-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c20-bg .expand-anchor { color: rgba(var(--c20-heading), 1); }

.component.usn_cmp_anchornavigation.c20-bg .expand-anchor span:before { background: rgba(var(--c20-heading), 1); }

.component.usn_cmp_anchornavigation.c20-bg .expand-anchor span { background: rgba(var(--c20-heading), 1); }

.component.usn_cmp_anchornavigation.c20-bg .expand-anchor span:after { background: rgba(var(--c20-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c20-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c20-link), 1); border-color: rgba(var(--c20-borders), 1); }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c20-borders), 0.15); }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); background: rgba(var(--c20-borders), 0.25); }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c20-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c20-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c20-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c20-heading), 1); border-color: rgba(var(--c20-borders), 0.25); }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); border-color: rgba(var(--c20-borders), 1); }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c20-heading), 1); border-color: rgba(var(--c20-heading), 1); }

.component.usn_cmp_anchornavigation.c20-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(--c20-borders), 0.25); }

.component.usn_cmp_anchornavigation.c20-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(--c20-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c20-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(--c20-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c20-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c20-link), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c20-heading), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c20-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c20-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c20-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c20-link), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c20-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c20-heading), 1); } 

.component.usn_cmp_anchornavigation.c20-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c20-link-hover), 1); }

.component.usn_cmp_anchornavigation.c20-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c20-heading), 1); }


/* Scroll prompt */
.c20-bg .scroll-prompt .scroll-link { color: rgba(var(--c20-heading), 1); }

.c20-bg .scroll-prompt .scroll-link i { color: rgba(var(--c20-heading), 1); }

.c20-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c20-heading), 1); }

.c20-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c20-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c20-bg .ec-size .ec-store h1 { color: rgba(var(--c20-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c20-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c20-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c20-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c20-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c20-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c20-heading), 1)!important; }


/* Heading separators - on page */
.c20-bg h1::before, .c20-bg h2::before, .c20-bg h3::before, .c20-bg h4::before, .c20-bg h5::before, .c20-bg h6::before { background: rgba(var(--c20-highlight), 1); }

.c20-bg h1::after, .c20-bg h2::after, .c20-bg h3::after, .c20-bg h4::after, .c20-bg h5::after, .c20-bg h6::after { background: rgba(var(--c20-highlight), 1); }


/* Heading separators - on components */
.c20-bg .heading::before, .c20-bg .secondary-heading::before { background: rgba(var(--c20-highlight), 1); }

.c20-bg .heading::after, .c20-bg .secondary-heading::after { background: rgba(var(--c20-highlight), 1); }


/* Heading separators - on specific items */
.item.c20-bg .heading::before, .item.c20-bg .secondary-heading::before { background: rgba(var(--c20-highlight), 1); }

.item.c20-bg .heading::after, .item.c20-bg .secondary-heading::after { background: rgba(var(--c20-highlight), 1); }

.inner.c20-bg .heading::before, .inner.c20-bg .secondary-heading::before { background: rgba(var(--c20-highlight), 1); }

.inner.c20-bg .heading::after, .inner.c20-bg .secondary-heading::after { background: rgba(var(--c20-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c20-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c20-bg .image .overlayicon::before,
.item.item_text-boxed .image.c20-bg .overlayicon::before { 
    background: rgba(var(--c20-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c20-bg.c20-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c20-bg.c20-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c20-bg.c20-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c20-bg-angle), rgba(var(--c20-bg-color1), 1) 0%, rgba(var(--c20-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c20-bg.c20-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c20-bg.c20-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c20-bg.c20-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c20-bg-start-perc) var(--c20-bg-stop-perc), rgba(var(--c20-bg-color1), 1) 0%, rgba(var(--c20-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c20-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c20-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c20-bg .overlayicon .icon {
    color: rgba(var(--c20-heading), 1);
}


/* Focus visibles */

.c20-bg a:focus-visible,
.c20-bg .btn:focus-visible,
.c20-bg button:focus-visible,
.form .inner.c20-bg a:focus-visible,
.form .inner.c20-bg .btn:focus-visible,
.form .inner.c20-bg button:focus-visible, 
.c20-bg .item .image a:focus-visible, 
.c20-bg .item .image a:focus-visible img, 
.c20-bg .item .image a:focus-visible picture,
.c20-bg .item .image a:focus-visible .overlayicon,
.c20-bg .listing_no-spacing .item a:focus-visible .image, 
.c20-bg .listing_no-spacing .item a:focus-visible .image img, 
.c20-bg .listing_no-spacing .item a:focus-visible .image picture,
.c20-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c20-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c20-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c20-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c20-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c20-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c20-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c20-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c20-bg picture,
main:focus-visible > section.c20-bg:first-of-type, 
section.c20-bg:focus-visible  {
    outline-color: rgba(var(--c20-highlight), 1)!important;
}

.c20-bg .form-control:focus-visible,
.form .inner.c20-bg .form-control:focus-visible,
.form .inner.c20-bg .umbraco-forms-field input:focus-visible,
.form .inner.c20-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c20-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c20-highlight), 1)!important;
}
.c20-bg .heading::before, .c20-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c21-bg,
.item.item_overlay .inner .image.c21-bg::before,
.usn_cmp_banner .item.item_overlay.c21-bg .inner::before { 
    background: rgba(var(--c21-bg-color1), 1); 
}

/* Backgrounds Linear */

.c21-bg.c21-bg-linear,
.item.item_overlay .inner .image.c21-bg.c21-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c21-bg.c21-bg-linear .inner::before { 
    background: linear-gradient(var(--c21-bg-angle), rgba(var(--c21-bg-color1), 1) 0%, rgba(var(--c21-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c21-bg.c21-bg-radial,
.item.item_overlay .inner .image.c21-bg.c21-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c21-bg.c21-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c21-bg-start-perc) var(--c21-bg-stop-perc), rgba(var(--c21-bg-color1), 1) 0%, rgba(var(--c21-bg-color2), 1) 100%); 
}


/* Headings */

.c21-bg h1:not(.heading), 
.c21-bg h2:not(.heading), 
.c21-bg h3:not(.heading), 
.c21-bg h4:not(.heading), 
.c21-bg h5:not(.heading), 
.c21-bg h6:not(.heading) { 
    color: rgba(var(--c21-heading), 1); 
}

.c21-heading, 
.c21-bg .heading { 
    color: rgba(var(--c21-heading), 1); 
}


/* Secondary Headings */

.c21-secondary-heading, 
.c21-bg .c21-secondary-heading { 
    color: rgba(var(--c21-secondary-heading), 1); 
}


/* Text */

.c21-bg, 
.c21-bg .c21-text, 
.c21-text { 
    color: rgba(var(--c21-text), 1); 
}


/* Borders */

.c21-borders { 
    border-color: rgba(var(--c21-borders), 1); 
}


/* Links */

.c21-link, 
.c21-link,
.c21-bg a:not(.btn),
.c21-text a:not(.btn),
.c21-bg .c21-text a:not(.btn) { 
    color: rgba(var(--c21-link), 1); 
}

.c21-link:hover, 
.c21-link:focus, 
.c21-link:active, 
.c21-bg a:not(.btn):hover, 
.c21-bg a:not(.btn):focus, 
.c21-bg a:not(.btn):active,
.c21-bg a:not(.btn):hover,
.c21-bg a:not(.btn):focus,
.c21-bg a:not(.btn):active,
.c21-text a:not(.btn):hover,
.c21-text a:not(.btn):focus,
.c21-text a:not(.btn):active,
.c21-bg .c21-text a:not(.btn):hover,
.c21-bg .c21-text a:not(.btn):focus,
.c21-bg .c21-text a:not(.btn):active { 
    color: rgba(var(--c21-link-hover), 1); 
}


/* Highlights */

.c21-highlight-bg { 
    background-color: rgba(var(--c21-highlight), 1); 
}

.c21-bg blockquote::before, 
.component .component.c21-bg div > blockquote::before { 
    color: rgba(var(--c21-highlight), 1); 
}

.c21-highlight-text { 
    color: rgba(var(--c21-highlight-text), 1); 
}


.c21-heading { 
    color: rgba(var(--c21-heading), 1)!important; 
}

.c21-secondary-heading { 
    color: rgba(var(--c21-secondary-heading), 1)!important; 
}


.c21-bg .heading { 
    color: rgba(var(--c21-heading), 1); 
}

.c21-bg .secondary-heading { 
    color: rgba(var(--c21-secondary-heading), 1); 
}

.c21-bg .quote, .c21-bg blockquote { 
    color: rgba(var(--c21-heading), 1); 
}

.c21-bg .quote::before, 
.c21-bg blockquote::before { 
    color: rgba(var(--c21-highlight), 1); 
}


/* Labels */
.c21-bg .label { background-color: rgba(var(--c21-highlight), 1); }

.c21-bg .label { color: rgba(var(--c21-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c21-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c21-link), 1); border-color: rgba(var(--c21-borders), 1); }

.c21-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c21-borders), 0.15); }

.c21-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); background: rgba(var(--c21-borders), 0.25); }

.c21-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c21-link-hover), 1); background: rgba(var(--c21-borders), 0.25); }

.c21-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c21-heading), 1); background: transparent; }

.c21-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c21-heading), 1); }

.c21-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c21-borders), 1); }

.c21-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c21-highlight), 1); }

/* Button Tabs */
.c21-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c21-heading), 1); border-color: rgba(var(--c21-borders), 0.25); }

.c21-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); border-color: rgba(var(--c21-borders), 1); }

.c21-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c21-link-hover), 1); border-color: rgba(var(--c21-borders), 1); }

.c21-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c21-heading), 1); border-color: rgba(var(--c21-heading), 1); }

.c21-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c21-heading), 1); border-color: rgba(var(--c21-heading), 1); }

.c21-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(--c21-borders), 0.25); }

.c21-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(--c21-borders), var(--btn-box-shadow_o)); } 

.c21-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(--c21-borders), var(--btn-box-shadow_o)); }

.c21-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(--c21-borders), var(--btn-box-shadow_o)); }

.c21-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(--c21-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c21-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c21-link), 1); } 

.c21-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c21-heading), 1); } 

.c21-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c21-heading), 1); } 

.c21-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c21-heading), 1); }

.c21-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c21-heading), 1); }


/* Linethrough Tabs */
.c21-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c21-link), 1); } 

.c21-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c21-link-hover), 1); } 

.c21-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c21-heading), 1); } 

.c21-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c21-heading), 1); } 

.c21-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c21-heading), 1); }

.c21-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c21-heading), 1); }


/* Slider Navigation */
.c21-bg .slick-slider .slick-prev, .c21-bg .slick-slider .slick-next { color: rgba(var(--c21-link), 1); background-color: rgba(var(--c21-bg-color1), 1); }

html.no-touch .c21-bg .slick-slider .slick-prev:hover, html.no-touch .c21-bg .slick-slider .slick-next:hover { color: rgba(var(--c21-link-hover), 1); }

.c21-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c21-link), 1); background-color: rgba(var(--c21-bg-color1), 1); }

html.no-touch .c21-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c21-link-hover), 1); }

.c21-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c21-text), 1); }

html.no-touch .c21-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c21-link-hover), 1); }

.c21-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c21-highlight), 1); }

/* Forms */
.form .c21-bg .form-control { border-color: rgba(var(--c21-borders), 1); }

.form .c21-bg .form-control:focus { border-color: rgba(var(--c21-highlight), 1); box-shadow: 0 0 5px var(--c21-highlight);}


/* Ajax Loading */
.c21-bg .ajax-wrap .ajax-loading { background: rgba(var(--c21-bg-color1), 1); }

.c21-bg.ajax-wrap .ajax-loading { background: rgba(var(--c21-bg-color1), 1); }

.ajax-wrap .c21-bg .ajax-loading { background: rgba(var(--c21-bg-color1), 1); }

.c21-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c21-borders), 1); border-top: 10px solid rgba(var(--c21-highlight), 1); }

.c21-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c21-borders), 1); border-top: 10px solid rgba(var(--c21-highlight), 1); }

.ajax-wrap .c21-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c21-borders), 1); border-top: 10px solid rgba(var(--c21-highlight), 1); }

.c21-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c21-borders), 1); border-top: 5px solid rgba(var(--c21-highlight), 1); }

.c21-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c21-borders), 1); border-top: 5px solid rgba(var(--c21-highlight), 1); }

.item_form-single_field .c21-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c21-borders), 1); border-top: 5px solid rgba(var(--c21-highlight), 1); }

.item_form-single_field .ajax-wrap .c21-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c21-borders), 1); border-top: 5px solid rgba(var(--c21-highlight), 1); }


/* Links */
.c21-bg .listing.listing_links:not(.listing_links-mini), .c21-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c21-borders), 1); }

.c21-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c21-borders), 0.1); }

.c21-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c21-link), 1); }

.c21-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c21-link-hover), 1); }

 
/* Data List */                  
.c21-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c21-borders), 1); }

.c21-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c21-borders), 1); }


/* Sitemap */                
.c21-bg nav.sitemap ul li::before, .c21-bg nav.sitemap ul li::after { background-color: rgba(var(--c21-borders), 1); }

.c21-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c21-borders), 0.5); }


/* Tables */
.c21-bg thead { color: rgba(var(--c21-heading), 1); }

.c21-bg table, .c21-bg table th, .c21-bg table td { border-color: rgba(var(--c21-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c21-bg .expand-anchor { color: rgba(var(--c21-heading), 1); }

.component.usn_cmp_anchornavigation.c21-bg .expand-anchor span:before { background: rgba(var(--c21-heading), 1); }

.component.usn_cmp_anchornavigation.c21-bg .expand-anchor span { background: rgba(var(--c21-heading), 1); }

.component.usn_cmp_anchornavigation.c21-bg .expand-anchor span:after { background: rgba(var(--c21-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c21-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c21-link), 1); border-color: rgba(var(--c21-borders), 1); }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c21-borders), 0.15); }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); background: rgba(var(--c21-borders), 0.25); }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c21-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c21-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c21-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c21-heading), 1); border-color: rgba(var(--c21-borders), 0.25); }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); border-color: rgba(var(--c21-borders), 1); }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c21-heading), 1); border-color: rgba(var(--c21-heading), 1); }

.component.usn_cmp_anchornavigation.c21-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(--c21-borders), 0.25); }

.component.usn_cmp_anchornavigation.c21-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(--c21-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c21-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(--c21-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c21-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c21-link), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c21-heading), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c21-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c21-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c21-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c21-link), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c21-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c21-heading), 1); } 

.component.usn_cmp_anchornavigation.c21-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c21-link-hover), 1); }

.component.usn_cmp_anchornavigation.c21-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c21-heading), 1); }


/* Scroll prompt */
.c21-bg .scroll-prompt .scroll-link { color: rgba(var(--c21-heading), 1); }

.c21-bg .scroll-prompt .scroll-link i { color: rgba(var(--c21-heading), 1); }

.c21-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c21-heading), 1); }

.c21-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c21-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c21-bg .ec-size .ec-store h1 { color: rgba(var(--c21-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c21-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c21-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c21-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c21-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c21-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c21-heading), 1)!important; }


/* Heading separators - on page */
.c21-bg h1::before, .c21-bg h2::before, .c21-bg h3::before, .c21-bg h4::before, .c21-bg h5::before, .c21-bg h6::before { background: rgba(var(--c21-highlight), 1); }

.c21-bg h1::after, .c21-bg h2::after, .c21-bg h3::after, .c21-bg h4::after, .c21-bg h5::after, .c21-bg h6::after { background: rgba(var(--c21-highlight), 1); }


/* Heading separators - on components */
.c21-bg .heading::before, .c21-bg .secondary-heading::before { background: rgba(var(--c21-highlight), 1); }

.c21-bg .heading::after, .c21-bg .secondary-heading::after { background: rgba(var(--c21-highlight), 1); }


/* Heading separators - on specific items */
.item.c21-bg .heading::before, .item.c21-bg .secondary-heading::before { background: rgba(var(--c21-highlight), 1); }

.item.c21-bg .heading::after, .item.c21-bg .secondary-heading::after { background: rgba(var(--c21-highlight), 1); }

.inner.c21-bg .heading::before, .inner.c21-bg .secondary-heading::before { background: rgba(var(--c21-highlight), 1); }

.inner.c21-bg .heading::after, .inner.c21-bg .secondary-heading::after { background: rgba(var(--c21-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c21-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c21-bg .image .overlayicon::before,
.item.item_text-boxed .image.c21-bg .overlayicon::before { 
    background: rgba(var(--c21-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c21-bg.c21-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c21-bg.c21-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c21-bg.c21-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c21-bg-angle), rgba(var(--c21-bg-color1), 1) 0%, rgba(var(--c21-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c21-bg.c21-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c21-bg.c21-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c21-bg.c21-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c21-bg-start-perc) var(--c21-bg-stop-perc), rgba(var(--c21-bg-color1), 1) 0%, rgba(var(--c21-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c21-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c21-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c21-bg .overlayicon .icon {
    color: rgba(var(--c21-heading), 1);
}


/* Focus visibles */

.c21-bg a:focus-visible,
.c21-bg .btn:focus-visible,
.c21-bg button:focus-visible,
.form .inner.c21-bg a:focus-visible,
.form .inner.c21-bg .btn:focus-visible,
.form .inner.c21-bg button:focus-visible, 
.c21-bg .item .image a:focus-visible, 
.c21-bg .item .image a:focus-visible img, 
.c21-bg .item .image a:focus-visible picture,
.c21-bg .item .image a:focus-visible .overlayicon,
.c21-bg .listing_no-spacing .item a:focus-visible .image, 
.c21-bg .listing_no-spacing .item a:focus-visible .image img, 
.c21-bg .listing_no-spacing .item a:focus-visible .image picture,
.c21-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c21-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c21-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c21-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c21-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c21-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c21-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c21-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c21-bg picture,
main:focus-visible > section.c21-bg:first-of-type, 
section.c21-bg:focus-visible  {
    outline-color: rgba(var(--c21-highlight), 1)!important;
}

.c21-bg .form-control:focus-visible,
.form .inner.c21-bg .form-control:focus-visible,
.form .inner.c21-bg .umbraco-forms-field input:focus-visible,
.form .inner.c21-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c21-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c21-highlight), 1)!important;
}
.c21-bg .heading::before, .c21-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c22-bg,
.item.item_overlay .inner .image.c22-bg::before,
.usn_cmp_banner .item.item_overlay.c22-bg .inner::before { 
    background: rgba(var(--c22-bg-color1), 1); 
}

/* Backgrounds Linear */

.c22-bg.c22-bg-linear,
.item.item_overlay .inner .image.c22-bg.c22-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c22-bg.c22-bg-linear .inner::before { 
    background: linear-gradient(var(--c22-bg-angle), rgba(var(--c22-bg-color1), 1) 0%, rgba(var(--c22-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c22-bg.c22-bg-radial,
.item.item_overlay .inner .image.c22-bg.c22-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c22-bg.c22-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c22-bg-start-perc) var(--c22-bg-stop-perc), rgba(var(--c22-bg-color1), 1) 0%, rgba(var(--c22-bg-color2), 1) 100%); 
}


/* Headings */

.c22-bg h1:not(.heading), 
.c22-bg h2:not(.heading), 
.c22-bg h3:not(.heading), 
.c22-bg h4:not(.heading), 
.c22-bg h5:not(.heading), 
.c22-bg h6:not(.heading) { 
    color: rgba(var(--c22-heading), 1); 
}

.c22-heading, 
.c22-bg .heading { 
    color: rgba(var(--c22-heading), 1); 
}


/* Secondary Headings */

.c22-secondary-heading, 
.c22-bg .c22-secondary-heading { 
    color: rgba(var(--c22-secondary-heading), 1); 
}


/* Text */

.c22-bg, 
.c22-bg .c22-text, 
.c22-text { 
    color: rgba(var(--c22-text), 1); 
}


/* Borders */

.c22-borders { 
    border-color: rgba(var(--c22-borders), 1); 
}


/* Links */

.c22-link, 
.c22-link,
.c22-bg a:not(.btn),
.c22-text a:not(.btn),
.c22-bg .c22-text a:not(.btn) { 
    color: rgba(var(--c22-link), 1); 
}

.c22-link:hover, 
.c22-link:focus, 
.c22-link:active, 
.c22-bg a:not(.btn):hover, 
.c22-bg a:not(.btn):focus, 
.c22-bg a:not(.btn):active,
.c22-bg a:not(.btn):hover,
.c22-bg a:not(.btn):focus,
.c22-bg a:not(.btn):active,
.c22-text a:not(.btn):hover,
.c22-text a:not(.btn):focus,
.c22-text a:not(.btn):active,
.c22-bg .c22-text a:not(.btn):hover,
.c22-bg .c22-text a:not(.btn):focus,
.c22-bg .c22-text a:not(.btn):active { 
    color: rgba(var(--c22-link-hover), 1); 
}


/* Highlights */

.c22-highlight-bg { 
    background-color: rgba(var(--c22-highlight), 1); 
}

.c22-bg blockquote::before, 
.component .component.c22-bg div > blockquote::before { 
    color: rgba(var(--c22-highlight), 1); 
}

.c22-highlight-text { 
    color: rgba(var(--c22-highlight-text), 1); 
}


.c22-heading { 
    color: rgba(var(--c22-heading), 1)!important; 
}

.c22-secondary-heading { 
    color: rgba(var(--c22-secondary-heading), 1)!important; 
}


.c22-bg .heading { 
    color: rgba(var(--c22-heading), 1); 
}

.c22-bg .secondary-heading { 
    color: rgba(var(--c22-secondary-heading), 1); 
}

.c22-bg .quote, .c22-bg blockquote { 
    color: rgba(var(--c22-heading), 1); 
}

.c22-bg .quote::before, 
.c22-bg blockquote::before { 
    color: rgba(var(--c22-highlight), 1); 
}


/* Labels */
.c22-bg .label { background-color: rgba(var(--c22-highlight), 1); }

.c22-bg .label { color: rgba(var(--c22-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c22-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c22-link), 1); border-color: rgba(var(--c22-borders), 1); }

.c22-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c22-borders), 0.15); }

.c22-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); background: rgba(var(--c22-borders), 0.25); }

.c22-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c22-link-hover), 1); background: rgba(var(--c22-borders), 0.25); }

.c22-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c22-heading), 1); background: transparent; }

.c22-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c22-heading), 1); }

.c22-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c22-borders), 1); }

.c22-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c22-highlight), 1); }

/* Button Tabs */
.c22-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c22-heading), 1); border-color: rgba(var(--c22-borders), 0.25); }

.c22-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); border-color: rgba(var(--c22-borders), 1); }

.c22-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c22-link-hover), 1); border-color: rgba(var(--c22-borders), 1); }

.c22-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c22-heading), 1); border-color: rgba(var(--c22-heading), 1); }

.c22-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c22-heading), 1); border-color: rgba(var(--c22-heading), 1); }

.c22-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(--c22-borders), 0.25); }

.c22-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(--c22-borders), var(--btn-box-shadow_o)); } 

.c22-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(--c22-borders), var(--btn-box-shadow_o)); }

.c22-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(--c22-borders), var(--btn-box-shadow_o)); }

.c22-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(--c22-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c22-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c22-link), 1); } 

.c22-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c22-heading), 1); } 

.c22-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c22-heading), 1); } 

.c22-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c22-heading), 1); }

.c22-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c22-heading), 1); }


/* Linethrough Tabs */
.c22-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c22-link), 1); } 

.c22-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c22-link-hover), 1); } 

.c22-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c22-heading), 1); } 

.c22-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c22-heading), 1); } 

.c22-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c22-heading), 1); }

.c22-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c22-heading), 1); }


/* Slider Navigation */
.c22-bg .slick-slider .slick-prev, .c22-bg .slick-slider .slick-next { color: rgba(var(--c22-link), 1); background-color: rgba(var(--c22-bg-color1), 1); }

html.no-touch .c22-bg .slick-slider .slick-prev:hover, html.no-touch .c22-bg .slick-slider .slick-next:hover { color: rgba(var(--c22-link-hover), 1); }

.c22-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c22-link), 1); background-color: rgba(var(--c22-bg-color1), 1); }

html.no-touch .c22-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c22-link-hover), 1); }

.c22-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c22-text), 1); }

html.no-touch .c22-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c22-link-hover), 1); }

.c22-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c22-highlight), 1); }

/* Forms */
.form .c22-bg .form-control { border-color: rgba(var(--c22-borders), 1); }

.form .c22-bg .form-control:focus { border-color: rgba(var(--c22-highlight), 1); box-shadow: 0 0 5px var(--c22-highlight);}


/* Ajax Loading */
.c22-bg .ajax-wrap .ajax-loading { background: rgba(var(--c22-bg-color1), 1); }

.c22-bg.ajax-wrap .ajax-loading { background: rgba(var(--c22-bg-color1), 1); }

.ajax-wrap .c22-bg .ajax-loading { background: rgba(var(--c22-bg-color1), 1); }

.c22-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c22-borders), 1); border-top: 10px solid rgba(var(--c22-highlight), 1); }

.c22-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c22-borders), 1); border-top: 10px solid rgba(var(--c22-highlight), 1); }

.ajax-wrap .c22-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c22-borders), 1); border-top: 10px solid rgba(var(--c22-highlight), 1); }

.c22-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c22-borders), 1); border-top: 5px solid rgba(var(--c22-highlight), 1); }

.c22-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c22-borders), 1); border-top: 5px solid rgba(var(--c22-highlight), 1); }

.item_form-single_field .c22-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c22-borders), 1); border-top: 5px solid rgba(var(--c22-highlight), 1); }

.item_form-single_field .ajax-wrap .c22-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c22-borders), 1); border-top: 5px solid rgba(var(--c22-highlight), 1); }


/* Links */
.c22-bg .listing.listing_links:not(.listing_links-mini), .c22-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c22-borders), 1); }

.c22-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c22-borders), 0.1); }

.c22-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c22-link), 1); }

.c22-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c22-link-hover), 1); }

 
/* Data List */                  
.c22-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c22-borders), 1); }

.c22-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c22-borders), 1); }


/* Sitemap */                
.c22-bg nav.sitemap ul li::before, .c22-bg nav.sitemap ul li::after { background-color: rgba(var(--c22-borders), 1); }

.c22-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c22-borders), 0.5); }


/* Tables */
.c22-bg thead { color: rgba(var(--c22-heading), 1); }

.c22-bg table, .c22-bg table th, .c22-bg table td { border-color: rgba(var(--c22-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c22-bg .expand-anchor { color: rgba(var(--c22-heading), 1); }

.component.usn_cmp_anchornavigation.c22-bg .expand-anchor span:before { background: rgba(var(--c22-heading), 1); }

.component.usn_cmp_anchornavigation.c22-bg .expand-anchor span { background: rgba(var(--c22-heading), 1); }

.component.usn_cmp_anchornavigation.c22-bg .expand-anchor span:after { background: rgba(var(--c22-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c22-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c22-link), 1); border-color: rgba(var(--c22-borders), 1); }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c22-borders), 0.15); }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); background: rgba(var(--c22-borders), 0.25); }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c22-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c22-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c22-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c22-heading), 1); border-color: rgba(var(--c22-borders), 0.25); }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); border-color: rgba(var(--c22-borders), 1); }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c22-heading), 1); border-color: rgba(var(--c22-heading), 1); }

.component.usn_cmp_anchornavigation.c22-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(--c22-borders), 0.25); }

.component.usn_cmp_anchornavigation.c22-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(--c22-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c22-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(--c22-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c22-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c22-link), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c22-heading), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c22-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c22-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c22-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c22-link), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c22-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c22-heading), 1); } 

.component.usn_cmp_anchornavigation.c22-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c22-link-hover), 1); }

.component.usn_cmp_anchornavigation.c22-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c22-heading), 1); }


/* Scroll prompt */
.c22-bg .scroll-prompt .scroll-link { color: rgba(var(--c22-heading), 1); }

.c22-bg .scroll-prompt .scroll-link i { color: rgba(var(--c22-heading), 1); }

.c22-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c22-heading), 1); }

.c22-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c22-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c22-bg .ec-size .ec-store h1 { color: rgba(var(--c22-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c22-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c22-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c22-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c22-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c22-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c22-heading), 1)!important; }


/* Heading separators - on page */
.c22-bg h1::before, .c22-bg h2::before, .c22-bg h3::before, .c22-bg h4::before, .c22-bg h5::before, .c22-bg h6::before { background: rgba(var(--c22-highlight), 1); }

.c22-bg h1::after, .c22-bg h2::after, .c22-bg h3::after, .c22-bg h4::after, .c22-bg h5::after, .c22-bg h6::after { background: rgba(var(--c22-highlight), 1); }


/* Heading separators - on components */
.c22-bg .heading::before, .c22-bg .secondary-heading::before { background: rgba(var(--c22-highlight), 1); }

.c22-bg .heading::after, .c22-bg .secondary-heading::after { background: rgba(var(--c22-highlight), 1); }


/* Heading separators - on specific items */
.item.c22-bg .heading::before, .item.c22-bg .secondary-heading::before { background: rgba(var(--c22-highlight), 1); }

.item.c22-bg .heading::after, .item.c22-bg .secondary-heading::after { background: rgba(var(--c22-highlight), 1); }

.inner.c22-bg .heading::before, .inner.c22-bg .secondary-heading::before { background: rgba(var(--c22-highlight), 1); }

.inner.c22-bg .heading::after, .inner.c22-bg .secondary-heading::after { background: rgba(var(--c22-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c22-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c22-bg .image .overlayicon::before,
.item.item_text-boxed .image.c22-bg .overlayicon::before { 
    background: rgba(var(--c22-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c22-bg.c22-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c22-bg.c22-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c22-bg.c22-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c22-bg-angle), rgba(var(--c22-bg-color1), 1) 0%, rgba(var(--c22-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c22-bg.c22-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c22-bg.c22-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c22-bg.c22-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c22-bg-start-perc) var(--c22-bg-stop-perc), rgba(var(--c22-bg-color1), 1) 0%, rgba(var(--c22-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c22-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c22-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c22-bg .overlayicon .icon {
    color: rgba(var(--c22-heading), 1);
}


/* Focus visibles */

.c22-bg a:focus-visible,
.c22-bg .btn:focus-visible,
.c22-bg button:focus-visible,
.form .inner.c22-bg a:focus-visible,
.form .inner.c22-bg .btn:focus-visible,
.form .inner.c22-bg button:focus-visible, 
.c22-bg .item .image a:focus-visible, 
.c22-bg .item .image a:focus-visible img, 
.c22-bg .item .image a:focus-visible picture,
.c22-bg .item .image a:focus-visible .overlayicon,
.c22-bg .listing_no-spacing .item a:focus-visible .image, 
.c22-bg .listing_no-spacing .item a:focus-visible .image img, 
.c22-bg .listing_no-spacing .item a:focus-visible .image picture,
.c22-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c22-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c22-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c22-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c22-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c22-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c22-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c22-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c22-bg picture,
main:focus-visible > section.c22-bg:first-of-type, 
section.c22-bg:focus-visible  {
    outline-color: rgba(var(--c22-highlight), 1)!important;
}

.c22-bg .form-control:focus-visible,
.form .inner.c22-bg .form-control:focus-visible,
.form .inner.c22-bg .umbraco-forms-field input:focus-visible,
.form .inner.c22-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c22-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c22-highlight), 1)!important;
}
.c22-bg .heading::before, .c22-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c23-bg,
.item.item_overlay .inner .image.c23-bg::before,
.usn_cmp_banner .item.item_overlay.c23-bg .inner::before { 
    background: rgba(var(--c23-bg-color1), 1); 
}

/* Backgrounds Linear */

.c23-bg.c23-bg-linear,
.item.item_overlay .inner .image.c23-bg.c23-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c23-bg.c23-bg-linear .inner::before { 
    background: linear-gradient(var(--c23-bg-angle), rgba(var(--c23-bg-color1), 1) 0%, rgba(var(--c23-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c23-bg.c23-bg-radial,
.item.item_overlay .inner .image.c23-bg.c23-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c23-bg.c23-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c23-bg-start-perc) var(--c23-bg-stop-perc), rgba(var(--c23-bg-color1), 1) 0%, rgba(var(--c23-bg-color2), 1) 100%); 
}


/* Headings */

.c23-bg h1:not(.heading), 
.c23-bg h2:not(.heading), 
.c23-bg h3:not(.heading), 
.c23-bg h4:not(.heading), 
.c23-bg h5:not(.heading), 
.c23-bg h6:not(.heading) { 
    color: rgba(var(--c23-heading), 1); 
}

.c23-heading, 
.c23-bg .heading { 
    color: rgba(var(--c23-heading), 1); 
}


/* Secondary Headings */

.c23-secondary-heading, 
.c23-bg .c23-secondary-heading { 
    color: rgba(var(--c23-secondary-heading), 1); 
}


/* Text */

.c23-bg, 
.c23-bg .c23-text, 
.c23-text { 
    color: rgba(var(--c23-text), 1); 
}


/* Borders */

.c23-borders { 
    border-color: rgba(var(--c23-borders), 1); 
}


/* Links */

.c23-link, 
.c23-link,
.c23-bg a:not(.btn),
.c23-text a:not(.btn),
.c23-bg .c23-text a:not(.btn) { 
    color: rgba(var(--c23-link), 1); 
}

.c23-link:hover, 
.c23-link:focus, 
.c23-link:active, 
.c23-bg a:not(.btn):hover, 
.c23-bg a:not(.btn):focus, 
.c23-bg a:not(.btn):active,
.c23-bg a:not(.btn):hover,
.c23-bg a:not(.btn):focus,
.c23-bg a:not(.btn):active,
.c23-text a:not(.btn):hover,
.c23-text a:not(.btn):focus,
.c23-text a:not(.btn):active,
.c23-bg .c23-text a:not(.btn):hover,
.c23-bg .c23-text a:not(.btn):focus,
.c23-bg .c23-text a:not(.btn):active { 
    color: rgba(var(--c23-link-hover), 1); 
}


/* Highlights */

.c23-highlight-bg { 
    background-color: rgba(var(--c23-highlight), 1); 
}

.c23-bg blockquote::before, 
.component .component.c23-bg div > blockquote::before { 
    color: rgba(var(--c23-highlight), 1); 
}

.c23-highlight-text { 
    color: rgba(var(--c23-highlight-text), 1); 
}


.c23-heading { 
    color: rgba(var(--c23-heading), 1)!important; 
}

.c23-secondary-heading { 
    color: rgba(var(--c23-secondary-heading), 1)!important; 
}


.c23-bg .heading { 
    color: rgba(var(--c23-heading), 1); 
}

.c23-bg .secondary-heading { 
    color: rgba(var(--c23-secondary-heading), 1); 
}

.c23-bg .quote, .c23-bg blockquote { 
    color: rgba(var(--c23-heading), 1); 
}

.c23-bg .quote::before, 
.c23-bg blockquote::before { 
    color: rgba(var(--c23-highlight), 1); 
}


/* Labels */
.c23-bg .label { background-color: rgba(var(--c23-highlight), 1); }

.c23-bg .label { color: rgba(var(--c23-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c23-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c23-link), 1); border-color: rgba(var(--c23-borders), 1); }

.c23-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c23-borders), 0.15); }

.c23-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); background: rgba(var(--c23-borders), 0.25); }

.c23-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c23-link-hover), 1); background: rgba(var(--c23-borders), 0.25); }

.c23-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c23-heading), 1); background: transparent; }

.c23-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c23-heading), 1); }

.c23-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c23-borders), 1); }

.c23-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c23-highlight), 1); }

/* Button Tabs */
.c23-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c23-heading), 1); border-color: rgba(var(--c23-borders), 0.25); }

.c23-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); border-color: rgba(var(--c23-borders), 1); }

.c23-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c23-link-hover), 1); border-color: rgba(var(--c23-borders), 1); }

.c23-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c23-heading), 1); border-color: rgba(var(--c23-heading), 1); }

.c23-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c23-heading), 1); border-color: rgba(var(--c23-heading), 1); }

.c23-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(--c23-borders), 0.25); }

.c23-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(--c23-borders), var(--btn-box-shadow_o)); } 

.c23-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(--c23-borders), var(--btn-box-shadow_o)); }

.c23-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(--c23-borders), var(--btn-box-shadow_o)); }

.c23-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(--c23-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c23-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c23-link), 1); } 

.c23-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c23-heading), 1); } 

.c23-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c23-heading), 1); } 

.c23-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c23-heading), 1); }

.c23-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c23-heading), 1); }


/* Linethrough Tabs */
.c23-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c23-link), 1); } 

.c23-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c23-link-hover), 1); } 

.c23-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c23-heading), 1); } 

.c23-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c23-heading), 1); } 

.c23-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c23-heading), 1); }

.c23-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c23-heading), 1); }


/* Slider Navigation */
.c23-bg .slick-slider .slick-prev, .c23-bg .slick-slider .slick-next { color: rgba(var(--c23-link), 1); background-color: rgba(var(--c23-bg-color1), 1); }

html.no-touch .c23-bg .slick-slider .slick-prev:hover, html.no-touch .c23-bg .slick-slider .slick-next:hover { color: rgba(var(--c23-link-hover), 1); }

.c23-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c23-link), 1); background-color: rgba(var(--c23-bg-color1), 1); }

html.no-touch .c23-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c23-link-hover), 1); }

.c23-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c23-text), 1); }

html.no-touch .c23-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c23-link-hover), 1); }

.c23-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c23-highlight), 1); }

/* Forms */
.form .c23-bg .form-control { border-color: rgba(var(--c23-borders), 1); }

.form .c23-bg .form-control:focus { border-color: rgba(var(--c23-highlight), 1); box-shadow: 0 0 5px var(--c23-highlight);}


/* Ajax Loading */
.c23-bg .ajax-wrap .ajax-loading { background: rgba(var(--c23-bg-color1), 1); }

.c23-bg.ajax-wrap .ajax-loading { background: rgba(var(--c23-bg-color1), 1); }

.ajax-wrap .c23-bg .ajax-loading { background: rgba(var(--c23-bg-color1), 1); }

.c23-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c23-borders), 1); border-top: 10px solid rgba(var(--c23-highlight), 1); }

.c23-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c23-borders), 1); border-top: 10px solid rgba(var(--c23-highlight), 1); }

.ajax-wrap .c23-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c23-borders), 1); border-top: 10px solid rgba(var(--c23-highlight), 1); }

.c23-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c23-borders), 1); border-top: 5px solid rgba(var(--c23-highlight), 1); }

.c23-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c23-borders), 1); border-top: 5px solid rgba(var(--c23-highlight), 1); }

.item_form-single_field .c23-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c23-borders), 1); border-top: 5px solid rgba(var(--c23-highlight), 1); }

.item_form-single_field .ajax-wrap .c23-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c23-borders), 1); border-top: 5px solid rgba(var(--c23-highlight), 1); }


/* Links */
.c23-bg .listing.listing_links:not(.listing_links-mini), .c23-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c23-borders), 1); }

.c23-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c23-borders), 0.1); }

.c23-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c23-link), 1); }

.c23-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c23-link-hover), 1); }

 
/* Data List */                  
.c23-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c23-borders), 1); }

.c23-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c23-borders), 1); }


/* Sitemap */                
.c23-bg nav.sitemap ul li::before, .c23-bg nav.sitemap ul li::after { background-color: rgba(var(--c23-borders), 1); }

.c23-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c23-borders), 0.5); }


/* Tables */
.c23-bg thead { color: rgba(var(--c23-heading), 1); }

.c23-bg table, .c23-bg table th, .c23-bg table td { border-color: rgba(var(--c23-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c23-bg .expand-anchor { color: rgba(var(--c23-heading), 1); }

.component.usn_cmp_anchornavigation.c23-bg .expand-anchor span:before { background: rgba(var(--c23-heading), 1); }

.component.usn_cmp_anchornavigation.c23-bg .expand-anchor span { background: rgba(var(--c23-heading), 1); }

.component.usn_cmp_anchornavigation.c23-bg .expand-anchor span:after { background: rgba(var(--c23-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c23-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c23-link), 1); border-color: rgba(var(--c23-borders), 1); }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c23-borders), 0.15); }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); background: rgba(var(--c23-borders), 0.25); }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c23-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c23-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c23-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c23-heading), 1); border-color: rgba(var(--c23-borders), 0.25); }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); border-color: rgba(var(--c23-borders), 1); }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c23-heading), 1); border-color: rgba(var(--c23-heading), 1); }

.component.usn_cmp_anchornavigation.c23-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(--c23-borders), 0.25); }

.component.usn_cmp_anchornavigation.c23-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(--c23-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c23-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(--c23-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c23-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c23-link), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c23-heading), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c23-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c23-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c23-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c23-link), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c23-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c23-heading), 1); } 

.component.usn_cmp_anchornavigation.c23-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c23-link-hover), 1); }

.component.usn_cmp_anchornavigation.c23-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c23-heading), 1); }


/* Scroll prompt */
.c23-bg .scroll-prompt .scroll-link { color: rgba(var(--c23-heading), 1); }

.c23-bg .scroll-prompt .scroll-link i { color: rgba(var(--c23-heading), 1); }

.c23-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c23-heading), 1); }

.c23-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c23-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c23-bg .ec-size .ec-store h1 { color: rgba(var(--c23-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c23-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c23-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c23-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c23-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c23-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c23-heading), 1)!important; }


/* Heading separators - on page */
.c23-bg h1::before, .c23-bg h2::before, .c23-bg h3::before, .c23-bg h4::before, .c23-bg h5::before, .c23-bg h6::before { background: rgba(var(--c23-highlight), 1); }

.c23-bg h1::after, .c23-bg h2::after, .c23-bg h3::after, .c23-bg h4::after, .c23-bg h5::after, .c23-bg h6::after { background: rgba(var(--c23-highlight), 1); }


/* Heading separators - on components */
.c23-bg .heading::before, .c23-bg .secondary-heading::before { background: rgba(var(--c23-highlight), 1); }

.c23-bg .heading::after, .c23-bg .secondary-heading::after { background: rgba(var(--c23-highlight), 1); }


/* Heading separators - on specific items */
.item.c23-bg .heading::before, .item.c23-bg .secondary-heading::before { background: rgba(var(--c23-highlight), 1); }

.item.c23-bg .heading::after, .item.c23-bg .secondary-heading::after { background: rgba(var(--c23-highlight), 1); }

.inner.c23-bg .heading::before, .inner.c23-bg .secondary-heading::before { background: rgba(var(--c23-highlight), 1); }

.inner.c23-bg .heading::after, .inner.c23-bg .secondary-heading::after { background: rgba(var(--c23-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c23-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c23-bg .image .overlayicon::before,
.item.item_text-boxed .image.c23-bg .overlayicon::before { 
    background: rgba(var(--c23-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c23-bg.c23-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c23-bg.c23-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c23-bg.c23-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c23-bg-angle), rgba(var(--c23-bg-color1), 1) 0%, rgba(var(--c23-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c23-bg.c23-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c23-bg.c23-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c23-bg.c23-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c23-bg-start-perc) var(--c23-bg-stop-perc), rgba(var(--c23-bg-color1), 1) 0%, rgba(var(--c23-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c23-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c23-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c23-bg .overlayicon .icon {
    color: rgba(var(--c23-heading), 1);
}


/* Focus visibles */

.c23-bg a:focus-visible,
.c23-bg .btn:focus-visible,
.c23-bg button:focus-visible,
.form .inner.c23-bg a:focus-visible,
.form .inner.c23-bg .btn:focus-visible,
.form .inner.c23-bg button:focus-visible, 
.c23-bg .item .image a:focus-visible, 
.c23-bg .item .image a:focus-visible img, 
.c23-bg .item .image a:focus-visible picture,
.c23-bg .item .image a:focus-visible .overlayicon,
.c23-bg .listing_no-spacing .item a:focus-visible .image, 
.c23-bg .listing_no-spacing .item a:focus-visible .image img, 
.c23-bg .listing_no-spacing .item a:focus-visible .image picture,
.c23-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c23-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c23-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c23-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c23-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c23-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c23-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c23-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c23-bg picture,
main:focus-visible > section.c23-bg:first-of-type, 
section.c23-bg:focus-visible  {
    outline-color: rgba(var(--c23-highlight), 1)!important;
}

.c23-bg .form-control:focus-visible,
.form .inner.c23-bg .form-control:focus-visible,
.form .inner.c23-bg .umbraco-forms-field input:focus-visible,
.form .inner.c23-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c23-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c23-highlight), 1)!important;
}
.c23-bg .heading::before, .c23-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c24-bg,
.item.item_overlay .inner .image.c24-bg::before,
.usn_cmp_banner .item.item_overlay.c24-bg .inner::before { 
    background: rgba(var(--c24-bg-color1), 1); 
}

/* Backgrounds Linear */

.c24-bg.c24-bg-linear,
.item.item_overlay .inner .image.c24-bg.c24-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c24-bg.c24-bg-linear .inner::before { 
    background: linear-gradient(var(--c24-bg-angle), rgba(var(--c24-bg-color1), 1) 0%, rgba(var(--c24-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c24-bg.c24-bg-radial,
.item.item_overlay .inner .image.c24-bg.c24-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c24-bg.c24-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c24-bg-start-perc) var(--c24-bg-stop-perc), rgba(var(--c24-bg-color1), 1) 0%, rgba(var(--c24-bg-color2), 1) 100%); 
}


/* Headings */

.c24-bg h1:not(.heading), 
.c24-bg h2:not(.heading), 
.c24-bg h3:not(.heading), 
.c24-bg h4:not(.heading), 
.c24-bg h5:not(.heading), 
.c24-bg h6:not(.heading) { 
    color: rgba(var(--c24-heading), 1); 
}

.c24-heading, 
.c24-bg .heading { 
    color: rgba(var(--c24-heading), 1); 
}


/* Secondary Headings */

.c24-secondary-heading, 
.c24-bg .c24-secondary-heading { 
    color: rgba(var(--c24-secondary-heading), 1); 
}


/* Text */

.c24-bg, 
.c24-bg .c24-text, 
.c24-text { 
    color: rgba(var(--c24-text), 1); 
}


/* Borders */

.c24-borders { 
    border-color: rgba(var(--c24-borders), 1); 
}


/* Links */

.c24-link, 
.c24-link,
.c24-bg a:not(.btn),
.c24-text a:not(.btn),
.c24-bg .c24-text a:not(.btn) { 
    color: rgba(var(--c24-link), 1); 
}

.c24-link:hover, 
.c24-link:focus, 
.c24-link:active, 
.c24-bg a:not(.btn):hover, 
.c24-bg a:not(.btn):focus, 
.c24-bg a:not(.btn):active,
.c24-bg a:not(.btn):hover,
.c24-bg a:not(.btn):focus,
.c24-bg a:not(.btn):active,
.c24-text a:not(.btn):hover,
.c24-text a:not(.btn):focus,
.c24-text a:not(.btn):active,
.c24-bg .c24-text a:not(.btn):hover,
.c24-bg .c24-text a:not(.btn):focus,
.c24-bg .c24-text a:not(.btn):active { 
    color: rgba(var(--c24-link-hover), 1); 
}


/* Highlights */

.c24-highlight-bg { 
    background-color: rgba(var(--c24-highlight), 1); 
}

.c24-bg blockquote::before, 
.component .component.c24-bg div > blockquote::before { 
    color: rgba(var(--c24-highlight), 1); 
}

.c24-highlight-text { 
    color: rgba(var(--c24-highlight-text), 1); 
}


.c24-heading { 
    color: rgba(var(--c24-heading), 1)!important; 
}

.c24-secondary-heading { 
    color: rgba(var(--c24-secondary-heading), 1)!important; 
}


.c24-bg .heading { 
    color: rgba(var(--c24-heading), 1); 
}

.c24-bg .secondary-heading { 
    color: rgba(var(--c24-secondary-heading), 1); 
}

.c24-bg .quote, .c24-bg blockquote { 
    color: rgba(var(--c24-heading), 1); 
}

.c24-bg .quote::before, 
.c24-bg blockquote::before { 
    color: rgba(var(--c24-highlight), 1); 
}


/* Labels */
.c24-bg .label { background-color: rgba(var(--c24-highlight), 1); }

.c24-bg .label { color: rgba(var(--c24-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c24-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c24-link), 1); border-color: rgba(var(--c24-borders), 1); }

.c24-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c24-borders), 0.15); }

.c24-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); background: rgba(var(--c24-borders), 0.25); }

.c24-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c24-link-hover), 1); background: rgba(var(--c24-borders), 0.25); }

.c24-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c24-heading), 1); background: transparent; }

.c24-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c24-heading), 1); }

.c24-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c24-borders), 1); }

.c24-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c24-highlight), 1); }

/* Button Tabs */
.c24-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c24-heading), 1); border-color: rgba(var(--c24-borders), 0.25); }

.c24-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); border-color: rgba(var(--c24-borders), 1); }

.c24-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c24-link-hover), 1); border-color: rgba(var(--c24-borders), 1); }

.c24-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c24-heading), 1); border-color: rgba(var(--c24-heading), 1); }

.c24-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c24-heading), 1); border-color: rgba(var(--c24-heading), 1); }

.c24-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(--c24-borders), 0.25); }

.c24-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(--c24-borders), var(--btn-box-shadow_o)); } 

.c24-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(--c24-borders), var(--btn-box-shadow_o)); }

.c24-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(--c24-borders), var(--btn-box-shadow_o)); }

.c24-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(--c24-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c24-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c24-link), 1); } 

.c24-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c24-heading), 1); } 

.c24-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c24-heading), 1); } 

.c24-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c24-heading), 1); }

.c24-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c24-heading), 1); }


/* Linethrough Tabs */
.c24-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c24-link), 1); } 

.c24-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c24-link-hover), 1); } 

.c24-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c24-heading), 1); } 

.c24-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c24-heading), 1); } 

.c24-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c24-heading), 1); }

.c24-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c24-heading), 1); }


/* Slider Navigation */
.c24-bg .slick-slider .slick-prev, .c24-bg .slick-slider .slick-next { color: rgba(var(--c24-link), 1); background-color: rgba(var(--c24-bg-color1), 1); }

html.no-touch .c24-bg .slick-slider .slick-prev:hover, html.no-touch .c24-bg .slick-slider .slick-next:hover { color: rgba(var(--c24-link-hover), 1); }

.c24-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c24-link), 1); background-color: rgba(var(--c24-bg-color1), 1); }

html.no-touch .c24-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c24-link-hover), 1); }

.c24-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c24-text), 1); }

html.no-touch .c24-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c24-link-hover), 1); }

.c24-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c24-highlight), 1); }

/* Forms */
.form .c24-bg .form-control { border-color: rgba(var(--c24-borders), 1); }

.form .c24-bg .form-control:focus { border-color: rgba(var(--c24-highlight), 1); box-shadow: 0 0 5px var(--c24-highlight);}


/* Ajax Loading */
.c24-bg .ajax-wrap .ajax-loading { background: rgba(var(--c24-bg-color1), 1); }

.c24-bg.ajax-wrap .ajax-loading { background: rgba(var(--c24-bg-color1), 1); }

.ajax-wrap .c24-bg .ajax-loading { background: rgba(var(--c24-bg-color1), 1); }

.c24-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c24-borders), 1); border-top: 10px solid rgba(var(--c24-highlight), 1); }

.c24-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c24-borders), 1); border-top: 10px solid rgba(var(--c24-highlight), 1); }

.ajax-wrap .c24-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c24-borders), 1); border-top: 10px solid rgba(var(--c24-highlight), 1); }

.c24-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c24-borders), 1); border-top: 5px solid rgba(var(--c24-highlight), 1); }

.c24-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c24-borders), 1); border-top: 5px solid rgba(var(--c24-highlight), 1); }

.item_form-single_field .c24-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c24-borders), 1); border-top: 5px solid rgba(var(--c24-highlight), 1); }

.item_form-single_field .ajax-wrap .c24-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c24-borders), 1); border-top: 5px solid rgba(var(--c24-highlight), 1); }


/* Links */
.c24-bg .listing.listing_links:not(.listing_links-mini), .c24-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c24-borders), 1); }

.c24-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c24-borders), 0.1); }

.c24-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c24-link), 1); }

.c24-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c24-link-hover), 1); }

 
/* Data List */                  
.c24-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c24-borders), 1); }

.c24-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c24-borders), 1); }


/* Sitemap */                
.c24-bg nav.sitemap ul li::before, .c24-bg nav.sitemap ul li::after { background-color: rgba(var(--c24-borders), 1); }

.c24-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c24-borders), 0.5); }


/* Tables */
.c24-bg thead { color: rgba(var(--c24-heading), 1); }

.c24-bg table, .c24-bg table th, .c24-bg table td { border-color: rgba(var(--c24-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c24-bg .expand-anchor { color: rgba(var(--c24-heading), 1); }

.component.usn_cmp_anchornavigation.c24-bg .expand-anchor span:before { background: rgba(var(--c24-heading), 1); }

.component.usn_cmp_anchornavigation.c24-bg .expand-anchor span { background: rgba(var(--c24-heading), 1); }

.component.usn_cmp_anchornavigation.c24-bg .expand-anchor span:after { background: rgba(var(--c24-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c24-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c24-link), 1); border-color: rgba(var(--c24-borders), 1); }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c24-borders), 0.15); }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); background: rgba(var(--c24-borders), 0.25); }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c24-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c24-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c24-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c24-heading), 1); border-color: rgba(var(--c24-borders), 0.25); }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); border-color: rgba(var(--c24-borders), 1); }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c24-heading), 1); border-color: rgba(var(--c24-heading), 1); }

.component.usn_cmp_anchornavigation.c24-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(--c24-borders), 0.25); }

.component.usn_cmp_anchornavigation.c24-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(--c24-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c24-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(--c24-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c24-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c24-link), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c24-heading), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c24-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c24-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c24-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c24-link), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c24-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c24-heading), 1); } 

.component.usn_cmp_anchornavigation.c24-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c24-link-hover), 1); }

.component.usn_cmp_anchornavigation.c24-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c24-heading), 1); }


/* Scroll prompt */
.c24-bg .scroll-prompt .scroll-link { color: rgba(var(--c24-heading), 1); }

.c24-bg .scroll-prompt .scroll-link i { color: rgba(var(--c24-heading), 1); }

.c24-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c24-heading), 1); }

.c24-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c24-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c24-bg .ec-size .ec-store h1 { color: rgba(var(--c24-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c24-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c24-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c24-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c24-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c24-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c24-heading), 1)!important; }


/* Heading separators - on page */
.c24-bg h1::before, .c24-bg h2::before, .c24-bg h3::before, .c24-bg h4::before, .c24-bg h5::before, .c24-bg h6::before { background: rgba(var(--c24-highlight), 1); }

.c24-bg h1::after, .c24-bg h2::after, .c24-bg h3::after, .c24-bg h4::after, .c24-bg h5::after, .c24-bg h6::after { background: rgba(var(--c24-highlight), 1); }


/* Heading separators - on components */
.c24-bg .heading::before, .c24-bg .secondary-heading::before { background: rgba(var(--c24-highlight), 1); }

.c24-bg .heading::after, .c24-bg .secondary-heading::after { background: rgba(var(--c24-highlight), 1); }


/* Heading separators - on specific items */
.item.c24-bg .heading::before, .item.c24-bg .secondary-heading::before { background: rgba(var(--c24-highlight), 1); }

.item.c24-bg .heading::after, .item.c24-bg .secondary-heading::after { background: rgba(var(--c24-highlight), 1); }

.inner.c24-bg .heading::before, .inner.c24-bg .secondary-heading::before { background: rgba(var(--c24-highlight), 1); }

.inner.c24-bg .heading::after, .inner.c24-bg .secondary-heading::after { background: rgba(var(--c24-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c24-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c24-bg .image .overlayicon::before,
.item.item_text-boxed .image.c24-bg .overlayicon::before { 
    background: rgba(var(--c24-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c24-bg.c24-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c24-bg.c24-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c24-bg.c24-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c24-bg-angle), rgba(var(--c24-bg-color1), 1) 0%, rgba(var(--c24-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c24-bg.c24-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c24-bg.c24-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c24-bg.c24-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c24-bg-start-perc) var(--c24-bg-stop-perc), rgba(var(--c24-bg-color1), 1) 0%, rgba(var(--c24-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c24-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c24-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c24-bg .overlayicon .icon {
    color: rgba(var(--c24-heading), 1);
}


/* Focus visibles */

.c24-bg a:focus-visible,
.c24-bg .btn:focus-visible,
.c24-bg button:focus-visible,
.form .inner.c24-bg a:focus-visible,
.form .inner.c24-bg .btn:focus-visible,
.form .inner.c24-bg button:focus-visible, 
.c24-bg .item .image a:focus-visible, 
.c24-bg .item .image a:focus-visible img, 
.c24-bg .item .image a:focus-visible picture,
.c24-bg .item .image a:focus-visible .overlayicon,
.c24-bg .listing_no-spacing .item a:focus-visible .image, 
.c24-bg .listing_no-spacing .item a:focus-visible .image img, 
.c24-bg .listing_no-spacing .item a:focus-visible .image picture,
.c24-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c24-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c24-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c24-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c24-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c24-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c24-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c24-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c24-bg picture,
main:focus-visible > section.c24-bg:first-of-type, 
section.c24-bg:focus-visible  {
    outline-color: rgba(var(--c24-highlight), 1)!important;
}

.c24-bg .form-control:focus-visible,
.form .inner.c24-bg .form-control:focus-visible,
.form .inner.c24-bg .umbraco-forms-field input:focus-visible,
.form .inner.c24-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c24-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c24-highlight), 1)!important;
}
.c24-bg .heading::before, .c24-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c25-bg,
.item.item_overlay .inner .image.c25-bg::before,
.usn_cmp_banner .item.item_overlay.c25-bg .inner::before { 
    background: rgba(var(--c25-bg-color1), 1); 
}

/* Backgrounds Linear */

.c25-bg.c25-bg-linear,
.item.item_overlay .inner .image.c25-bg.c25-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c25-bg.c25-bg-linear .inner::before { 
    background: linear-gradient(var(--c25-bg-angle), rgba(var(--c25-bg-color1), 1) 0%, rgba(var(--c25-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c25-bg.c25-bg-radial,
.item.item_overlay .inner .image.c25-bg.c25-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c25-bg.c25-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c25-bg-start-perc) var(--c25-bg-stop-perc), rgba(var(--c25-bg-color1), 1) 0%, rgba(var(--c25-bg-color2), 1) 100%); 
}


/* Headings */

.c25-bg h1:not(.heading), 
.c25-bg h2:not(.heading), 
.c25-bg h3:not(.heading), 
.c25-bg h4:not(.heading), 
.c25-bg h5:not(.heading), 
.c25-bg h6:not(.heading) { 
    color: rgba(var(--c25-heading), 1); 
}

.c25-heading, 
.c25-bg .heading { 
    color: rgba(var(--c25-heading), 1); 
}


/* Secondary Headings */

.c25-secondary-heading, 
.c25-bg .c25-secondary-heading { 
    color: rgba(var(--c25-secondary-heading), 1); 
}


/* Text */

.c25-bg, 
.c25-bg .c25-text, 
.c25-text { 
    color: rgba(var(--c25-text), 1); 
}


/* Borders */

.c25-borders { 
    border-color: rgba(var(--c25-borders), 1); 
}


/* Links */

.c25-link, 
.c25-link,
.c25-bg a:not(.btn),
.c25-text a:not(.btn),
.c25-bg .c25-text a:not(.btn) { 
    color: rgba(var(--c25-link), 1); 
}

.c25-link:hover, 
.c25-link:focus, 
.c25-link:active, 
.c25-bg a:not(.btn):hover, 
.c25-bg a:not(.btn):focus, 
.c25-bg a:not(.btn):active,
.c25-bg a:not(.btn):hover,
.c25-bg a:not(.btn):focus,
.c25-bg a:not(.btn):active,
.c25-text a:not(.btn):hover,
.c25-text a:not(.btn):focus,
.c25-text a:not(.btn):active,
.c25-bg .c25-text a:not(.btn):hover,
.c25-bg .c25-text a:not(.btn):focus,
.c25-bg .c25-text a:not(.btn):active { 
    color: rgba(var(--c25-link-hover), 1); 
}


/* Highlights */

.c25-highlight-bg { 
    background-color: rgba(var(--c25-highlight), 1); 
}

.c25-bg blockquote::before, 
.component .component.c25-bg div > blockquote::before { 
    color: rgba(var(--c25-highlight), 1); 
}

.c25-highlight-text { 
    color: rgba(var(--c25-highlight-text), 1); 
}


.c25-heading { 
    color: rgba(var(--c25-heading), 1)!important; 
}

.c25-secondary-heading { 
    color: rgba(var(--c25-secondary-heading), 1)!important; 
}


.c25-bg .heading { 
    color: rgba(var(--c25-heading), 1); 
}

.c25-bg .secondary-heading { 
    color: rgba(var(--c25-secondary-heading), 1); 
}

.c25-bg .quote, .c25-bg blockquote { 
    color: rgba(var(--c25-heading), 1); 
}

.c25-bg .quote::before, 
.c25-bg blockquote::before { 
    color: rgba(var(--c25-highlight), 1); 
}


/* Labels */
.c25-bg .label { background-color: rgba(var(--c25-highlight), 1); }

.c25-bg .label { color: rgba(var(--c25-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c25-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c25-link), 1); border-color: rgba(var(--c25-borders), 1); }

.c25-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c25-borders), 0.15); }

.c25-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); background: rgba(var(--c25-borders), 0.25); }

.c25-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c25-link-hover), 1); background: rgba(var(--c25-borders), 0.25); }

.c25-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c25-heading), 1); background: transparent; }

.c25-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c25-heading), 1); }

.c25-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c25-borders), 1); }

.c25-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c25-highlight), 1); }

/* Button Tabs */
.c25-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c25-heading), 1); border-color: rgba(var(--c25-borders), 0.25); }

.c25-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); border-color: rgba(var(--c25-borders), 1); }

.c25-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c25-link-hover), 1); border-color: rgba(var(--c25-borders), 1); }

.c25-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c25-heading), 1); border-color: rgba(var(--c25-heading), 1); }

.c25-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c25-heading), 1); border-color: rgba(var(--c25-heading), 1); }

.c25-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(--c25-borders), 0.25); }

.c25-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(--c25-borders), var(--btn-box-shadow_o)); } 

.c25-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(--c25-borders), var(--btn-box-shadow_o)); }

.c25-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(--c25-borders), var(--btn-box-shadow_o)); }

.c25-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(--c25-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c25-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c25-link), 1); } 

.c25-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c25-heading), 1); } 

.c25-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c25-heading), 1); } 

.c25-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c25-heading), 1); }

.c25-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c25-heading), 1); }


/* Linethrough Tabs */
.c25-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c25-link), 1); } 

.c25-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c25-link-hover), 1); } 

.c25-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c25-heading), 1); } 

.c25-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c25-heading), 1); } 

.c25-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c25-heading), 1); }

.c25-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c25-heading), 1); }


/* Slider Navigation */
.c25-bg .slick-slider .slick-prev, .c25-bg .slick-slider .slick-next { color: rgba(var(--c25-link), 1); background-color: rgba(var(--c25-bg-color1), 1); }

html.no-touch .c25-bg .slick-slider .slick-prev:hover, html.no-touch .c25-bg .slick-slider .slick-next:hover { color: rgba(var(--c25-link-hover), 1); }

.c25-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c25-link), 1); background-color: rgba(var(--c25-bg-color1), 1); }

html.no-touch .c25-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c25-link-hover), 1); }

.c25-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c25-text), 1); }

html.no-touch .c25-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c25-link-hover), 1); }

.c25-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c25-highlight), 1); }

/* Forms */
.form .c25-bg .form-control { border-color: rgba(var(--c25-borders), 1); }

.form .c25-bg .form-control:focus { border-color: rgba(var(--c25-highlight), 1); box-shadow: 0 0 5px var(--c25-highlight);}


/* Ajax Loading */
.c25-bg .ajax-wrap .ajax-loading { background: rgba(var(--c25-bg-color1), 1); }

.c25-bg.ajax-wrap .ajax-loading { background: rgba(var(--c25-bg-color1), 1); }

.ajax-wrap .c25-bg .ajax-loading { background: rgba(var(--c25-bg-color1), 1); }

.c25-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c25-borders), 1); border-top: 10px solid rgba(var(--c25-highlight), 1); }

.c25-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c25-borders), 1); border-top: 10px solid rgba(var(--c25-highlight), 1); }

.ajax-wrap .c25-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c25-borders), 1); border-top: 10px solid rgba(var(--c25-highlight), 1); }

.c25-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c25-borders), 1); border-top: 5px solid rgba(var(--c25-highlight), 1); }

.c25-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c25-borders), 1); border-top: 5px solid rgba(var(--c25-highlight), 1); }

.item_form-single_field .c25-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c25-borders), 1); border-top: 5px solid rgba(var(--c25-highlight), 1); }

.item_form-single_field .ajax-wrap .c25-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c25-borders), 1); border-top: 5px solid rgba(var(--c25-highlight), 1); }


/* Links */
.c25-bg .listing.listing_links:not(.listing_links-mini), .c25-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c25-borders), 1); }

.c25-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c25-borders), 0.1); }

.c25-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c25-link), 1); }

.c25-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c25-link-hover), 1); }

 
/* Data List */                  
.c25-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c25-borders), 1); }

.c25-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c25-borders), 1); }


/* Sitemap */                
.c25-bg nav.sitemap ul li::before, .c25-bg nav.sitemap ul li::after { background-color: rgba(var(--c25-borders), 1); }

.c25-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c25-borders), 0.5); }


/* Tables */
.c25-bg thead { color: rgba(var(--c25-heading), 1); }

.c25-bg table, .c25-bg table th, .c25-bg table td { border-color: rgba(var(--c25-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c25-bg .expand-anchor { color: rgba(var(--c25-heading), 1); }

.component.usn_cmp_anchornavigation.c25-bg .expand-anchor span:before { background: rgba(var(--c25-heading), 1); }

.component.usn_cmp_anchornavigation.c25-bg .expand-anchor span { background: rgba(var(--c25-heading), 1); }

.component.usn_cmp_anchornavigation.c25-bg .expand-anchor span:after { background: rgba(var(--c25-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c25-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c25-link), 1); border-color: rgba(var(--c25-borders), 1); }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c25-borders), 0.15); }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); background: rgba(var(--c25-borders), 0.25); }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c25-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c25-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c25-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c25-heading), 1); border-color: rgba(var(--c25-borders), 0.25); }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); border-color: rgba(var(--c25-borders), 1); }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c25-heading), 1); border-color: rgba(var(--c25-heading), 1); }

.component.usn_cmp_anchornavigation.c25-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(--c25-borders), 0.25); }

.component.usn_cmp_anchornavigation.c25-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(--c25-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c25-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(--c25-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c25-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c25-link), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c25-heading), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c25-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c25-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c25-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c25-link), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c25-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c25-heading), 1); } 

.component.usn_cmp_anchornavigation.c25-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c25-link-hover), 1); }

.component.usn_cmp_anchornavigation.c25-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c25-heading), 1); }


/* Scroll prompt */
.c25-bg .scroll-prompt .scroll-link { color: rgba(var(--c25-heading), 1); }

.c25-bg .scroll-prompt .scroll-link i { color: rgba(var(--c25-heading), 1); }

.c25-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c25-heading), 1); }

.c25-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c25-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c25-bg .ec-size .ec-store h1 { color: rgba(var(--c25-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c25-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c25-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c25-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c25-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c25-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c25-heading), 1)!important; }


/* Heading separators - on page */
.c25-bg h1::before, .c25-bg h2::before, .c25-bg h3::before, .c25-bg h4::before, .c25-bg h5::before, .c25-bg h6::before { background: rgba(var(--c25-highlight), 1); }

.c25-bg h1::after, .c25-bg h2::after, .c25-bg h3::after, .c25-bg h4::after, .c25-bg h5::after, .c25-bg h6::after { background: rgba(var(--c25-highlight), 1); }


/* Heading separators - on components */
.c25-bg .heading::before, .c25-bg .secondary-heading::before { background: rgba(var(--c25-highlight), 1); }

.c25-bg .heading::after, .c25-bg .secondary-heading::after { background: rgba(var(--c25-highlight), 1); }


/* Heading separators - on specific items */
.item.c25-bg .heading::before, .item.c25-bg .secondary-heading::before { background: rgba(var(--c25-highlight), 1); }

.item.c25-bg .heading::after, .item.c25-bg .secondary-heading::after { background: rgba(var(--c25-highlight), 1); }

.inner.c25-bg .heading::before, .inner.c25-bg .secondary-heading::before { background: rgba(var(--c25-highlight), 1); }

.inner.c25-bg .heading::after, .inner.c25-bg .secondary-heading::after { background: rgba(var(--c25-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c25-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c25-bg .image .overlayicon::before,
.item.item_text-boxed .image.c25-bg .overlayicon::before { 
    background: rgba(var(--c25-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c25-bg.c25-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c25-bg.c25-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c25-bg.c25-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c25-bg-angle), rgba(var(--c25-bg-color1), 1) 0%, rgba(var(--c25-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c25-bg.c25-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c25-bg.c25-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c25-bg.c25-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c25-bg-start-perc) var(--c25-bg-stop-perc), rgba(var(--c25-bg-color1), 1) 0%, rgba(var(--c25-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c25-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c25-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c25-bg .overlayicon .icon {
    color: rgba(var(--c25-heading), 1);
}


/* Focus visibles */

.c25-bg a:focus-visible,
.c25-bg .btn:focus-visible,
.c25-bg button:focus-visible,
.form .inner.c25-bg a:focus-visible,
.form .inner.c25-bg .btn:focus-visible,
.form .inner.c25-bg button:focus-visible, 
.c25-bg .item .image a:focus-visible, 
.c25-bg .item .image a:focus-visible img, 
.c25-bg .item .image a:focus-visible picture,
.c25-bg .item .image a:focus-visible .overlayicon,
.c25-bg .listing_no-spacing .item a:focus-visible .image, 
.c25-bg .listing_no-spacing .item a:focus-visible .image img, 
.c25-bg .listing_no-spacing .item a:focus-visible .image picture,
.c25-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c25-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c25-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c25-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c25-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c25-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c25-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c25-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c25-bg picture,
main:focus-visible > section.c25-bg:first-of-type, 
section.c25-bg:focus-visible  {
    outline-color: rgba(var(--c25-highlight), 1)!important;
}

.c25-bg .form-control:focus-visible,
.form .inner.c25-bg .form-control:focus-visible,
.form .inner.c25-bg .umbraco-forms-field input:focus-visible,
.form .inner.c25-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c25-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c25-highlight), 1)!important;
}
.c25-bg .heading::before, .c25-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c26-bg,
.item.item_overlay .inner .image.c26-bg::before,
.usn_cmp_banner .item.item_overlay.c26-bg .inner::before { 
    background: rgba(var(--c26-bg-color1), 1); 
}

/* Backgrounds Linear */

.c26-bg.c26-bg-linear,
.item.item_overlay .inner .image.c26-bg.c26-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c26-bg.c26-bg-linear .inner::before { 
    background: linear-gradient(var(--c26-bg-angle), rgba(var(--c26-bg-color1), 1) 0%, rgba(var(--c26-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c26-bg.c26-bg-radial,
.item.item_overlay .inner .image.c26-bg.c26-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c26-bg.c26-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c26-bg-start-perc) var(--c26-bg-stop-perc), rgba(var(--c26-bg-color1), 1) 0%, rgba(var(--c26-bg-color2), 1) 100%); 
}


/* Headings */

.c26-bg h1:not(.heading), 
.c26-bg h2:not(.heading), 
.c26-bg h3:not(.heading), 
.c26-bg h4:not(.heading), 
.c26-bg h5:not(.heading), 
.c26-bg h6:not(.heading) { 
    color: rgba(var(--c26-heading), 1); 
}

.c26-heading, 
.c26-bg .heading { 
    color: rgba(var(--c26-heading), 1); 
}


/* Secondary Headings */

.c26-secondary-heading, 
.c26-bg .c26-secondary-heading { 
    color: rgba(var(--c26-secondary-heading), 1); 
}


/* Text */

.c26-bg, 
.c26-bg .c26-text, 
.c26-text { 
    color: rgba(var(--c26-text), 1); 
}


/* Borders */

.c26-borders { 
    border-color: rgba(var(--c26-borders), 1); 
}


/* Links */

.c26-link, 
.c26-link,
.c26-bg a:not(.btn),
.c26-text a:not(.btn),
.c26-bg .c26-text a:not(.btn) { 
    color: rgba(var(--c26-link), 1); 
}

.c26-link:hover, 
.c26-link:focus, 
.c26-link:active, 
.c26-bg a:not(.btn):hover, 
.c26-bg a:not(.btn):focus, 
.c26-bg a:not(.btn):active,
.c26-bg a:not(.btn):hover,
.c26-bg a:not(.btn):focus,
.c26-bg a:not(.btn):active,
.c26-text a:not(.btn):hover,
.c26-text a:not(.btn):focus,
.c26-text a:not(.btn):active,
.c26-bg .c26-text a:not(.btn):hover,
.c26-bg .c26-text a:not(.btn):focus,
.c26-bg .c26-text a:not(.btn):active { 
    color: rgba(var(--c26-link-hover), 1); 
}


/* Highlights */

.c26-highlight-bg { 
    background-color: rgba(var(--c26-highlight), 1); 
}

.c26-bg blockquote::before, 
.component .component.c26-bg div > blockquote::before { 
    color: rgba(var(--c26-highlight), 1); 
}

.c26-highlight-text { 
    color: rgba(var(--c26-highlight-text), 1); 
}


.c26-heading { 
    color: rgba(var(--c26-heading), 1)!important; 
}

.c26-secondary-heading { 
    color: rgba(var(--c26-secondary-heading), 1)!important; 
}


.c26-bg .heading { 
    color: rgba(var(--c26-heading), 1); 
}

.c26-bg .secondary-heading { 
    color: rgba(var(--c26-secondary-heading), 1); 
}

.c26-bg .quote, .c26-bg blockquote { 
    color: rgba(var(--c26-heading), 1); 
}

.c26-bg .quote::before, 
.c26-bg blockquote::before { 
    color: rgba(var(--c26-highlight), 1); 
}


/* Labels */
.c26-bg .label { background-color: rgba(var(--c26-highlight), 1); }

.c26-bg .label { color: rgba(var(--c26-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c26-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c26-link), 1); border-color: rgba(var(--c26-borders), 1); }

.c26-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c26-borders), 0.15); }

.c26-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); background: rgba(var(--c26-borders), 0.25); }

.c26-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c26-link-hover), 1); background: rgba(var(--c26-borders), 0.25); }

.c26-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c26-heading), 1); background: transparent; }

.c26-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c26-heading), 1); }

.c26-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c26-borders), 1); }

.c26-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c26-highlight), 1); }

/* Button Tabs */
.c26-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c26-heading), 1); border-color: rgba(var(--c26-borders), 0.25); }

.c26-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); border-color: rgba(var(--c26-borders), 1); }

.c26-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c26-link-hover), 1); border-color: rgba(var(--c26-borders), 1); }

.c26-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c26-heading), 1); border-color: rgba(var(--c26-heading), 1); }

.c26-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c26-heading), 1); border-color: rgba(var(--c26-heading), 1); }

.c26-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(--c26-borders), 0.25); }

.c26-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(--c26-borders), var(--btn-box-shadow_o)); } 

.c26-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(--c26-borders), var(--btn-box-shadow_o)); }

.c26-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(--c26-borders), var(--btn-box-shadow_o)); }

.c26-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(--c26-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c26-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c26-link), 1); } 

.c26-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c26-heading), 1); } 

.c26-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c26-heading), 1); } 

.c26-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c26-heading), 1); }

.c26-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c26-heading), 1); }


/* Linethrough Tabs */
.c26-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c26-link), 1); } 

.c26-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c26-link-hover), 1); } 

.c26-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c26-heading), 1); } 

.c26-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c26-heading), 1); } 

.c26-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c26-heading), 1); }

.c26-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c26-heading), 1); }


/* Slider Navigation */
.c26-bg .slick-slider .slick-prev, .c26-bg .slick-slider .slick-next { color: rgba(var(--c26-link), 1); background-color: rgba(var(--c26-bg-color1), 1); }

html.no-touch .c26-bg .slick-slider .slick-prev:hover, html.no-touch .c26-bg .slick-slider .slick-next:hover { color: rgba(var(--c26-link-hover), 1); }

.c26-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c26-link), 1); background-color: rgba(var(--c26-bg-color1), 1); }

html.no-touch .c26-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c26-link-hover), 1); }

.c26-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c26-text), 1); }

html.no-touch .c26-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c26-link-hover), 1); }

.c26-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c26-highlight), 1); }

/* Forms */
.form .c26-bg .form-control { border-color: rgba(var(--c26-borders), 1); }

.form .c26-bg .form-control:focus { border-color: rgba(var(--c26-highlight), 1); box-shadow: 0 0 5px var(--c26-highlight);}


/* Ajax Loading */
.c26-bg .ajax-wrap .ajax-loading { background: rgba(var(--c26-bg-color1), 1); }

.c26-bg.ajax-wrap .ajax-loading { background: rgba(var(--c26-bg-color1), 1); }

.ajax-wrap .c26-bg .ajax-loading { background: rgba(var(--c26-bg-color1), 1); }

.c26-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c26-borders), 1); border-top: 10px solid rgba(var(--c26-highlight), 1); }

.c26-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c26-borders), 1); border-top: 10px solid rgba(var(--c26-highlight), 1); }

.ajax-wrap .c26-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c26-borders), 1); border-top: 10px solid rgba(var(--c26-highlight), 1); }

.c26-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c26-borders), 1); border-top: 5px solid rgba(var(--c26-highlight), 1); }

.c26-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c26-borders), 1); border-top: 5px solid rgba(var(--c26-highlight), 1); }

.item_form-single_field .c26-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c26-borders), 1); border-top: 5px solid rgba(var(--c26-highlight), 1); }

.item_form-single_field .ajax-wrap .c26-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c26-borders), 1); border-top: 5px solid rgba(var(--c26-highlight), 1); }


/* Links */
.c26-bg .listing.listing_links:not(.listing_links-mini), .c26-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c26-borders), 1); }

.c26-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c26-borders), 0.1); }

.c26-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c26-link), 1); }

.c26-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c26-link-hover), 1); }

 
/* Data List */                  
.c26-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c26-borders), 1); }

.c26-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c26-borders), 1); }


/* Sitemap */                
.c26-bg nav.sitemap ul li::before, .c26-bg nav.sitemap ul li::after { background-color: rgba(var(--c26-borders), 1); }

.c26-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c26-borders), 0.5); }


/* Tables */
.c26-bg thead { color: rgba(var(--c26-heading), 1); }

.c26-bg table, .c26-bg table th, .c26-bg table td { border-color: rgba(var(--c26-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c26-bg .expand-anchor { color: rgba(var(--c26-heading), 1); }

.component.usn_cmp_anchornavigation.c26-bg .expand-anchor span:before { background: rgba(var(--c26-heading), 1); }

.component.usn_cmp_anchornavigation.c26-bg .expand-anchor span { background: rgba(var(--c26-heading), 1); }

.component.usn_cmp_anchornavigation.c26-bg .expand-anchor span:after { background: rgba(var(--c26-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c26-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c26-link), 1); border-color: rgba(var(--c26-borders), 1); }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c26-borders), 0.15); }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); background: rgba(var(--c26-borders), 0.25); }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c26-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c26-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c26-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c26-heading), 1); border-color: rgba(var(--c26-borders), 0.25); }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); border-color: rgba(var(--c26-borders), 1); }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c26-heading), 1); border-color: rgba(var(--c26-heading), 1); }

.component.usn_cmp_anchornavigation.c26-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(--c26-borders), 0.25); }

.component.usn_cmp_anchornavigation.c26-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(--c26-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c26-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(--c26-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c26-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c26-link), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c26-heading), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c26-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c26-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c26-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c26-link), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c26-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c26-heading), 1); } 

.component.usn_cmp_anchornavigation.c26-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c26-link-hover), 1); }

.component.usn_cmp_anchornavigation.c26-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c26-heading), 1); }


/* Scroll prompt */
.c26-bg .scroll-prompt .scroll-link { color: rgba(var(--c26-heading), 1); }

.c26-bg .scroll-prompt .scroll-link i { color: rgba(var(--c26-heading), 1); }

.c26-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c26-heading), 1); }

.c26-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c26-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c26-bg .ec-size .ec-store h1 { color: rgba(var(--c26-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c26-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c26-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c26-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c26-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c26-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c26-heading), 1)!important; }


/* Heading separators - on page */
.c26-bg h1::before, .c26-bg h2::before, .c26-bg h3::before, .c26-bg h4::before, .c26-bg h5::before, .c26-bg h6::before { background: rgba(var(--c26-highlight), 1); }

.c26-bg h1::after, .c26-bg h2::after, .c26-bg h3::after, .c26-bg h4::after, .c26-bg h5::after, .c26-bg h6::after { background: rgba(var(--c26-highlight), 1); }


/* Heading separators - on components */
.c26-bg .heading::before, .c26-bg .secondary-heading::before { background: rgba(var(--c26-highlight), 1); }

.c26-bg .heading::after, .c26-bg .secondary-heading::after { background: rgba(var(--c26-highlight), 1); }


/* Heading separators - on specific items */
.item.c26-bg .heading::before, .item.c26-bg .secondary-heading::before { background: rgba(var(--c26-highlight), 1); }

.item.c26-bg .heading::after, .item.c26-bg .secondary-heading::after { background: rgba(var(--c26-highlight), 1); }

.inner.c26-bg .heading::before, .inner.c26-bg .secondary-heading::before { background: rgba(var(--c26-highlight), 1); }

.inner.c26-bg .heading::after, .inner.c26-bg .secondary-heading::after { background: rgba(var(--c26-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c26-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c26-bg .image .overlayicon::before,
.item.item_text-boxed .image.c26-bg .overlayicon::before { 
    background: rgba(var(--c26-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c26-bg.c26-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c26-bg.c26-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c26-bg.c26-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c26-bg-angle), rgba(var(--c26-bg-color1), 1) 0%, rgba(var(--c26-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c26-bg.c26-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c26-bg.c26-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c26-bg.c26-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c26-bg-start-perc) var(--c26-bg-stop-perc), rgba(var(--c26-bg-color1), 1) 0%, rgba(var(--c26-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c26-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c26-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c26-bg .overlayicon .icon {
    color: rgba(var(--c26-heading), 1);
}


/* Focus visibles */

.c26-bg a:focus-visible,
.c26-bg .btn:focus-visible,
.c26-bg button:focus-visible,
.form .inner.c26-bg a:focus-visible,
.form .inner.c26-bg .btn:focus-visible,
.form .inner.c26-bg button:focus-visible, 
.c26-bg .item .image a:focus-visible, 
.c26-bg .item .image a:focus-visible img, 
.c26-bg .item .image a:focus-visible picture,
.c26-bg .item .image a:focus-visible .overlayicon,
.c26-bg .listing_no-spacing .item a:focus-visible .image, 
.c26-bg .listing_no-spacing .item a:focus-visible .image img, 
.c26-bg .listing_no-spacing .item a:focus-visible .image picture,
.c26-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c26-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c26-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c26-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c26-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c26-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c26-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c26-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c26-bg picture,
main:focus-visible > section.c26-bg:first-of-type, 
section.c26-bg:focus-visible  {
    outline-color: rgba(var(--c26-highlight), 1)!important;
}

.c26-bg .form-control:focus-visible,
.form .inner.c26-bg .form-control:focus-visible,
.form .inner.c26-bg .umbraco-forms-field input:focus-visible,
.form .inner.c26-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c26-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c26-highlight), 1)!important;
}
.c26-bg .heading::before, .c26-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c27-bg,
.item.item_overlay .inner .image.c27-bg::before,
.usn_cmp_banner .item.item_overlay.c27-bg .inner::before { 
    background: rgba(var(--c27-bg-color1), 1); 
}

/* Backgrounds Linear */

.c27-bg.c27-bg-linear,
.item.item_overlay .inner .image.c27-bg.c27-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c27-bg.c27-bg-linear .inner::before { 
    background: linear-gradient(var(--c27-bg-angle), rgba(var(--c27-bg-color1), 1) 0%, rgba(var(--c27-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c27-bg.c27-bg-radial,
.item.item_overlay .inner .image.c27-bg.c27-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c27-bg.c27-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c27-bg-start-perc) var(--c27-bg-stop-perc), rgba(var(--c27-bg-color1), 1) 0%, rgba(var(--c27-bg-color2), 1) 100%); 
}


/* Headings */

.c27-bg h1:not(.heading), 
.c27-bg h2:not(.heading), 
.c27-bg h3:not(.heading), 
.c27-bg h4:not(.heading), 
.c27-bg h5:not(.heading), 
.c27-bg h6:not(.heading) { 
    color: rgba(var(--c27-heading), 1); 
}

.c27-heading, 
.c27-bg .heading { 
    color: rgba(var(--c27-heading), 1); 
}


/* Secondary Headings */

.c27-secondary-heading, 
.c27-bg .c27-secondary-heading { 
    color: rgba(var(--c27-secondary-heading), 1); 
}


/* Text */

.c27-bg, 
.c27-bg .c27-text, 
.c27-text { 
    color: rgba(var(--c27-text), 1); 
}


/* Borders */

.c27-borders { 
    border-color: rgba(var(--c27-borders), 1); 
}


/* Links */

.c27-link, 
.c27-link,
.c27-bg a:not(.btn),
.c27-text a:not(.btn),
.c27-bg .c27-text a:not(.btn) { 
    color: rgba(var(--c27-link), 1); 
}

.c27-link:hover, 
.c27-link:focus, 
.c27-link:active, 
.c27-bg a:not(.btn):hover, 
.c27-bg a:not(.btn):focus, 
.c27-bg a:not(.btn):active,
.c27-bg a:not(.btn):hover,
.c27-bg a:not(.btn):focus,
.c27-bg a:not(.btn):active,
.c27-text a:not(.btn):hover,
.c27-text a:not(.btn):focus,
.c27-text a:not(.btn):active,
.c27-bg .c27-text a:not(.btn):hover,
.c27-bg .c27-text a:not(.btn):focus,
.c27-bg .c27-text a:not(.btn):active { 
    color: rgba(var(--c27-link-hover), 1); 
}


/* Highlights */

.c27-highlight-bg { 
    background-color: rgba(var(--c27-highlight), 1); 
}

.c27-bg blockquote::before, 
.component .component.c27-bg div > blockquote::before { 
    color: rgba(var(--c27-highlight), 1); 
}

.c27-highlight-text { 
    color: rgba(var(--c27-highlight-text), 1); 
}


.c27-heading { 
    color: rgba(var(--c27-heading), 1)!important; 
}

.c27-secondary-heading { 
    color: rgba(var(--c27-secondary-heading), 1)!important; 
}


.c27-bg .heading { 
    color: rgba(var(--c27-heading), 1); 
}

.c27-bg .secondary-heading { 
    color: rgba(var(--c27-secondary-heading), 1); 
}

.c27-bg .quote, .c27-bg blockquote { 
    color: rgba(var(--c27-heading), 1); 
}

.c27-bg .quote::before, 
.c27-bg blockquote::before { 
    color: rgba(var(--c27-highlight), 1); 
}


/* Labels */
.c27-bg .label { background-color: rgba(var(--c27-highlight), 1); }

.c27-bg .label { color: rgba(var(--c27-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c27-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c27-link), 1); border-color: rgba(var(--c27-borders), 1); }

.c27-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c27-borders), 0.15); }

.c27-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); background: rgba(var(--c27-borders), 0.25); }

.c27-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c27-link-hover), 1); background: rgba(var(--c27-borders), 0.25); }

.c27-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c27-heading), 1); background: transparent; }

.c27-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c27-heading), 1); }

.c27-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c27-borders), 1); }

.c27-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c27-highlight), 1); }

/* Button Tabs */
.c27-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c27-heading), 1); border-color: rgba(var(--c27-borders), 0.25); }

.c27-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); border-color: rgba(var(--c27-borders), 1); }

.c27-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c27-link-hover), 1); border-color: rgba(var(--c27-borders), 1); }

.c27-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c27-heading), 1); border-color: rgba(var(--c27-heading), 1); }

.c27-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c27-heading), 1); border-color: rgba(var(--c27-heading), 1); }

.c27-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(--c27-borders), 0.25); }

.c27-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(--c27-borders), var(--btn-box-shadow_o)); } 

.c27-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(--c27-borders), var(--btn-box-shadow_o)); }

.c27-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(--c27-borders), var(--btn-box-shadow_o)); }

.c27-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(--c27-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c27-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c27-link), 1); } 

.c27-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c27-heading), 1); } 

.c27-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c27-heading), 1); } 

.c27-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c27-heading), 1); }

.c27-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c27-heading), 1); }


/* Linethrough Tabs */
.c27-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c27-link), 1); } 

.c27-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c27-link-hover), 1); } 

.c27-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c27-heading), 1); } 

.c27-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c27-heading), 1); } 

.c27-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c27-heading), 1); }

.c27-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c27-heading), 1); }


/* Slider Navigation */
.c27-bg .slick-slider .slick-prev, .c27-bg .slick-slider .slick-next { color: rgba(var(--c27-link), 1); background-color: rgba(var(--c27-bg-color1), 1); }

html.no-touch .c27-bg .slick-slider .slick-prev:hover, html.no-touch .c27-bg .slick-slider .slick-next:hover { color: rgba(var(--c27-link-hover), 1); }

.c27-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c27-link), 1); background-color: rgba(var(--c27-bg-color1), 1); }

html.no-touch .c27-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c27-link-hover), 1); }

.c27-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c27-text), 1); }

html.no-touch .c27-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c27-link-hover), 1); }

.c27-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c27-highlight), 1); }

/* Forms */
.form .c27-bg .form-control { border-color: rgba(var(--c27-borders), 1); }

.form .c27-bg .form-control:focus { border-color: rgba(var(--c27-highlight), 1); box-shadow: 0 0 5px var(--c27-highlight);}


/* Ajax Loading */
.c27-bg .ajax-wrap .ajax-loading { background: rgba(var(--c27-bg-color1), 1); }

.c27-bg.ajax-wrap .ajax-loading { background: rgba(var(--c27-bg-color1), 1); }

.ajax-wrap .c27-bg .ajax-loading { background: rgba(var(--c27-bg-color1), 1); }

.c27-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c27-borders), 1); border-top: 10px solid rgba(var(--c27-highlight), 1); }

.c27-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c27-borders), 1); border-top: 10px solid rgba(var(--c27-highlight), 1); }

.ajax-wrap .c27-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c27-borders), 1); border-top: 10px solid rgba(var(--c27-highlight), 1); }

.c27-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c27-borders), 1); border-top: 5px solid rgba(var(--c27-highlight), 1); }

.c27-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c27-borders), 1); border-top: 5px solid rgba(var(--c27-highlight), 1); }

.item_form-single_field .c27-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c27-borders), 1); border-top: 5px solid rgba(var(--c27-highlight), 1); }

.item_form-single_field .ajax-wrap .c27-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c27-borders), 1); border-top: 5px solid rgba(var(--c27-highlight), 1); }


/* Links */
.c27-bg .listing.listing_links:not(.listing_links-mini), .c27-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c27-borders), 1); }

.c27-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c27-borders), 0.1); }

.c27-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c27-link), 1); }

.c27-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c27-link-hover), 1); }

 
/* Data List */                  
.c27-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c27-borders), 1); }

.c27-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c27-borders), 1); }


/* Sitemap */                
.c27-bg nav.sitemap ul li::before, .c27-bg nav.sitemap ul li::after { background-color: rgba(var(--c27-borders), 1); }

.c27-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c27-borders), 0.5); }


/* Tables */
.c27-bg thead { color: rgba(var(--c27-heading), 1); }

.c27-bg table, .c27-bg table th, .c27-bg table td { border-color: rgba(var(--c27-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c27-bg .expand-anchor { color: rgba(var(--c27-heading), 1); }

.component.usn_cmp_anchornavigation.c27-bg .expand-anchor span:before { background: rgba(var(--c27-heading), 1); }

.component.usn_cmp_anchornavigation.c27-bg .expand-anchor span { background: rgba(var(--c27-heading), 1); }

.component.usn_cmp_anchornavigation.c27-bg .expand-anchor span:after { background: rgba(var(--c27-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c27-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c27-link), 1); border-color: rgba(var(--c27-borders), 1); }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c27-borders), 0.15); }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); background: rgba(var(--c27-borders), 0.25); }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c27-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c27-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c27-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c27-heading), 1); border-color: rgba(var(--c27-borders), 0.25); }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); border-color: rgba(var(--c27-borders), 1); }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c27-heading), 1); border-color: rgba(var(--c27-heading), 1); }

.component.usn_cmp_anchornavigation.c27-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(--c27-borders), 0.25); }

.component.usn_cmp_anchornavigation.c27-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(--c27-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c27-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(--c27-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c27-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c27-link), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c27-heading), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c27-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c27-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c27-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c27-link), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c27-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c27-heading), 1); } 

.component.usn_cmp_anchornavigation.c27-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c27-link-hover), 1); }

.component.usn_cmp_anchornavigation.c27-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c27-heading), 1); }


/* Scroll prompt */
.c27-bg .scroll-prompt .scroll-link { color: rgba(var(--c27-heading), 1); }

.c27-bg .scroll-prompt .scroll-link i { color: rgba(var(--c27-heading), 1); }

.c27-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c27-heading), 1); }

.c27-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c27-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c27-bg .ec-size .ec-store h1 { color: rgba(var(--c27-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c27-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c27-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c27-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c27-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c27-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c27-heading), 1)!important; }


/* Heading separators - on page */
.c27-bg h1::before, .c27-bg h2::before, .c27-bg h3::before, .c27-bg h4::before, .c27-bg h5::before, .c27-bg h6::before { background: rgba(var(--c27-highlight), 1); }

.c27-bg h1::after, .c27-bg h2::after, .c27-bg h3::after, .c27-bg h4::after, .c27-bg h5::after, .c27-bg h6::after { background: rgba(var(--c27-highlight), 1); }


/* Heading separators - on components */
.c27-bg .heading::before, .c27-bg .secondary-heading::before { background: rgba(var(--c27-highlight), 1); }

.c27-bg .heading::after, .c27-bg .secondary-heading::after { background: rgba(var(--c27-highlight), 1); }


/* Heading separators - on specific items */
.item.c27-bg .heading::before, .item.c27-bg .secondary-heading::before { background: rgba(var(--c27-highlight), 1); }

.item.c27-bg .heading::after, .item.c27-bg .secondary-heading::after { background: rgba(var(--c27-highlight), 1); }

.inner.c27-bg .heading::before, .inner.c27-bg .secondary-heading::before { background: rgba(var(--c27-highlight), 1); }

.inner.c27-bg .heading::after, .inner.c27-bg .secondary-heading::after { background: rgba(var(--c27-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c27-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c27-bg .image .overlayicon::before,
.item.item_text-boxed .image.c27-bg .overlayicon::before { 
    background: rgba(var(--c27-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c27-bg.c27-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c27-bg.c27-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c27-bg.c27-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c27-bg-angle), rgba(var(--c27-bg-color1), 1) 0%, rgba(var(--c27-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c27-bg.c27-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c27-bg.c27-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c27-bg.c27-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c27-bg-start-perc) var(--c27-bg-stop-perc), rgba(var(--c27-bg-color1), 1) 0%, rgba(var(--c27-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c27-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c27-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c27-bg .overlayicon .icon {
    color: rgba(var(--c27-heading), 1);
}


/* Focus visibles */

.c27-bg a:focus-visible,
.c27-bg .btn:focus-visible,
.c27-bg button:focus-visible,
.form .inner.c27-bg a:focus-visible,
.form .inner.c27-bg .btn:focus-visible,
.form .inner.c27-bg button:focus-visible, 
.c27-bg .item .image a:focus-visible, 
.c27-bg .item .image a:focus-visible img, 
.c27-bg .item .image a:focus-visible picture,
.c27-bg .item .image a:focus-visible .overlayicon,
.c27-bg .listing_no-spacing .item a:focus-visible .image, 
.c27-bg .listing_no-spacing .item a:focus-visible .image img, 
.c27-bg .listing_no-spacing .item a:focus-visible .image picture,
.c27-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c27-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c27-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c27-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c27-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c27-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c27-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c27-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c27-bg picture,
main:focus-visible > section.c27-bg:first-of-type, 
section.c27-bg:focus-visible  {
    outline-color: rgba(var(--c27-highlight), 1)!important;
}

.c27-bg .form-control:focus-visible,
.form .inner.c27-bg .form-control:focus-visible,
.form .inner.c27-bg .umbraco-forms-field input:focus-visible,
.form .inner.c27-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c27-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c27-highlight), 1)!important;
}
.c27-bg .heading::before, .c27-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c28-bg,
.item.item_overlay .inner .image.c28-bg::before,
.usn_cmp_banner .item.item_overlay.c28-bg .inner::before { 
    background: rgba(var(--c28-bg-color1), 1); 
}

/* Backgrounds Linear */

.c28-bg.c28-bg-linear,
.item.item_overlay .inner .image.c28-bg.c28-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c28-bg.c28-bg-linear .inner::before { 
    background: linear-gradient(var(--c28-bg-angle), rgba(var(--c28-bg-color1), 1) 0%, rgba(var(--c28-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c28-bg.c28-bg-radial,
.item.item_overlay .inner .image.c28-bg.c28-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c28-bg.c28-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c28-bg-start-perc) var(--c28-bg-stop-perc), rgba(var(--c28-bg-color1), 1) 0%, rgba(var(--c28-bg-color2), 1) 100%); 
}


/* Headings */

.c28-bg h1:not(.heading), 
.c28-bg h2:not(.heading), 
.c28-bg h3:not(.heading), 
.c28-bg h4:not(.heading), 
.c28-bg h5:not(.heading), 
.c28-bg h6:not(.heading) { 
    color: rgba(var(--c28-heading), 1); 
}

.c28-heading, 
.c28-bg .heading { 
    color: rgba(var(--c28-heading), 1); 
}


/* Secondary Headings */

.c28-secondary-heading, 
.c28-bg .c28-secondary-heading { 
    color: rgba(var(--c28-secondary-heading), 1); 
}


/* Text */

.c28-bg, 
.c28-bg .c28-text, 
.c28-text { 
    color: rgba(var(--c28-text), 1); 
}


/* Borders */

.c28-borders { 
    border-color: rgba(var(--c28-borders), 1); 
}


/* Links */

.c28-link, 
.c28-link,
.c28-bg a:not(.btn),
.c28-text a:not(.btn),
.c28-bg .c28-text a:not(.btn) { 
    color: rgba(var(--c28-link), 1); 
}

.c28-link:hover, 
.c28-link:focus, 
.c28-link:active, 
.c28-bg a:not(.btn):hover, 
.c28-bg a:not(.btn):focus, 
.c28-bg a:not(.btn):active,
.c28-bg a:not(.btn):hover,
.c28-bg a:not(.btn):focus,
.c28-bg a:not(.btn):active,
.c28-text a:not(.btn):hover,
.c28-text a:not(.btn):focus,
.c28-text a:not(.btn):active,
.c28-bg .c28-text a:not(.btn):hover,
.c28-bg .c28-text a:not(.btn):focus,
.c28-bg .c28-text a:not(.btn):active { 
    color: rgba(var(--c28-link-hover), 1); 
}


/* Highlights */

.c28-highlight-bg { 
    background-color: rgba(var(--c28-highlight), 1); 
}

.c28-bg blockquote::before, 
.component .component.c28-bg div > blockquote::before { 
    color: rgba(var(--c28-highlight), 1); 
}

.c28-highlight-text { 
    color: rgba(var(--c28-highlight-text), 1); 
}


.c28-heading { 
    color: rgba(var(--c28-heading), 1)!important; 
}

.c28-secondary-heading { 
    color: rgba(var(--c28-secondary-heading), 1)!important; 
}


.c28-bg .heading { 
    color: rgba(var(--c28-heading), 1); 
}

.c28-bg .secondary-heading { 
    color: rgba(var(--c28-secondary-heading), 1); 
}

.c28-bg .quote, .c28-bg blockquote { 
    color: rgba(var(--c28-heading), 1); 
}

.c28-bg .quote::before, 
.c28-bg blockquote::before { 
    color: rgba(var(--c28-highlight), 1); 
}


/* Labels */
.c28-bg .label { background-color: rgba(var(--c28-highlight), 1); }

.c28-bg .label { color: rgba(var(--c28-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c28-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c28-link), 1); border-color: rgba(var(--c28-borders), 1); }

.c28-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c28-borders), 0.15); }

.c28-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); background: rgba(var(--c28-borders), 0.25); }

.c28-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c28-link-hover), 1); background: rgba(var(--c28-borders), 0.25); }

.c28-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c28-heading), 1); background: transparent; }

.c28-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c28-heading), 1); }

.c28-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c28-borders), 1); }

.c28-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c28-highlight), 1); }

/* Button Tabs */
.c28-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c28-heading), 1); border-color: rgba(var(--c28-borders), 0.25); }

.c28-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); border-color: rgba(var(--c28-borders), 1); }

.c28-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c28-link-hover), 1); border-color: rgba(var(--c28-borders), 1); }

.c28-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c28-heading), 1); border-color: rgba(var(--c28-heading), 1); }

.c28-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c28-heading), 1); border-color: rgba(var(--c28-heading), 1); }

.c28-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(--c28-borders), 0.25); }

.c28-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(--c28-borders), var(--btn-box-shadow_o)); } 

.c28-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(--c28-borders), var(--btn-box-shadow_o)); }

.c28-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(--c28-borders), var(--btn-box-shadow_o)); }

.c28-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(--c28-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c28-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c28-link), 1); } 

.c28-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c28-heading), 1); } 

.c28-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c28-heading), 1); } 

.c28-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c28-heading), 1); }

.c28-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c28-heading), 1); }


/* Linethrough Tabs */
.c28-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c28-link), 1); } 

.c28-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c28-link-hover), 1); } 

.c28-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c28-heading), 1); } 

.c28-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c28-heading), 1); } 

.c28-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c28-heading), 1); }

.c28-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c28-heading), 1); }


/* Slider Navigation */
.c28-bg .slick-slider .slick-prev, .c28-bg .slick-slider .slick-next { color: rgba(var(--c28-link), 1); background-color: rgba(var(--c28-bg-color1), 1); }

html.no-touch .c28-bg .slick-slider .slick-prev:hover, html.no-touch .c28-bg .slick-slider .slick-next:hover { color: rgba(var(--c28-link-hover), 1); }

.c28-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c28-link), 1); background-color: rgba(var(--c28-bg-color1), 1); }

html.no-touch .c28-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c28-link-hover), 1); }

.c28-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c28-text), 1); }

html.no-touch .c28-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c28-link-hover), 1); }

.c28-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c28-highlight), 1); }

/* Forms */
.form .c28-bg .form-control { border-color: rgba(var(--c28-borders), 1); }

.form .c28-bg .form-control:focus { border-color: rgba(var(--c28-highlight), 1); box-shadow: 0 0 5px var(--c28-highlight);}


/* Ajax Loading */
.c28-bg .ajax-wrap .ajax-loading { background: rgba(var(--c28-bg-color1), 1); }

.c28-bg.ajax-wrap .ajax-loading { background: rgba(var(--c28-bg-color1), 1); }

.ajax-wrap .c28-bg .ajax-loading { background: rgba(var(--c28-bg-color1), 1); }

.c28-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c28-borders), 1); border-top: 10px solid rgba(var(--c28-highlight), 1); }

.c28-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c28-borders), 1); border-top: 10px solid rgba(var(--c28-highlight), 1); }

.ajax-wrap .c28-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c28-borders), 1); border-top: 10px solid rgba(var(--c28-highlight), 1); }

.c28-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c28-borders), 1); border-top: 5px solid rgba(var(--c28-highlight), 1); }

.c28-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c28-borders), 1); border-top: 5px solid rgba(var(--c28-highlight), 1); }

.item_form-single_field .c28-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c28-borders), 1); border-top: 5px solid rgba(var(--c28-highlight), 1); }

.item_form-single_field .ajax-wrap .c28-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c28-borders), 1); border-top: 5px solid rgba(var(--c28-highlight), 1); }


/* Links */
.c28-bg .listing.listing_links:not(.listing_links-mini), .c28-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c28-borders), 1); }

.c28-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c28-borders), 0.1); }

.c28-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c28-link), 1); }

.c28-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c28-link-hover), 1); }

 
/* Data List */                  
.c28-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c28-borders), 1); }

.c28-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c28-borders), 1); }


/* Sitemap */                
.c28-bg nav.sitemap ul li::before, .c28-bg nav.sitemap ul li::after { background-color: rgba(var(--c28-borders), 1); }

.c28-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c28-borders), 0.5); }


/* Tables */
.c28-bg thead { color: rgba(var(--c28-heading), 1); }

.c28-bg table, .c28-bg table th, .c28-bg table td { border-color: rgba(var(--c28-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c28-bg .expand-anchor { color: rgba(var(--c28-heading), 1); }

.component.usn_cmp_anchornavigation.c28-bg .expand-anchor span:before { background: rgba(var(--c28-heading), 1); }

.component.usn_cmp_anchornavigation.c28-bg .expand-anchor span { background: rgba(var(--c28-heading), 1); }

.component.usn_cmp_anchornavigation.c28-bg .expand-anchor span:after { background: rgba(var(--c28-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c28-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c28-link), 1); border-color: rgba(var(--c28-borders), 1); }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c28-borders), 0.15); }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); background: rgba(var(--c28-borders), 0.25); }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c28-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c28-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c28-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c28-heading), 1); border-color: rgba(var(--c28-borders), 0.25); }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); border-color: rgba(var(--c28-borders), 1); }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c28-heading), 1); border-color: rgba(var(--c28-heading), 1); }

.component.usn_cmp_anchornavigation.c28-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(--c28-borders), 0.25); }

.component.usn_cmp_anchornavigation.c28-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(--c28-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c28-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(--c28-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c28-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c28-link), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c28-heading), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c28-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c28-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c28-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c28-link), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c28-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c28-heading), 1); } 

.component.usn_cmp_anchornavigation.c28-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c28-link-hover), 1); }

.component.usn_cmp_anchornavigation.c28-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c28-heading), 1); }


/* Scroll prompt */
.c28-bg .scroll-prompt .scroll-link { color: rgba(var(--c28-heading), 1); }

.c28-bg .scroll-prompt .scroll-link i { color: rgba(var(--c28-heading), 1); }

.c28-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c28-heading), 1); }

.c28-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c28-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c28-bg .ec-size .ec-store h1 { color: rgba(var(--c28-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c28-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c28-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c28-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c28-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c28-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c28-heading), 1)!important; }


/* Heading separators - on page */
.c28-bg h1::before, .c28-bg h2::before, .c28-bg h3::before, .c28-bg h4::before, .c28-bg h5::before, .c28-bg h6::before { background: rgba(var(--c28-highlight), 1); }

.c28-bg h1::after, .c28-bg h2::after, .c28-bg h3::after, .c28-bg h4::after, .c28-bg h5::after, .c28-bg h6::after { background: rgba(var(--c28-highlight), 1); }


/* Heading separators - on components */
.c28-bg .heading::before, .c28-bg .secondary-heading::before { background: rgba(var(--c28-highlight), 1); }

.c28-bg .heading::after, .c28-bg .secondary-heading::after { background: rgba(var(--c28-highlight), 1); }


/* Heading separators - on specific items */
.item.c28-bg .heading::before, .item.c28-bg .secondary-heading::before { background: rgba(var(--c28-highlight), 1); }

.item.c28-bg .heading::after, .item.c28-bg .secondary-heading::after { background: rgba(var(--c28-highlight), 1); }

.inner.c28-bg .heading::before, .inner.c28-bg .secondary-heading::before { background: rgba(var(--c28-highlight), 1); }

.inner.c28-bg .heading::after, .inner.c28-bg .secondary-heading::after { background: rgba(var(--c28-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c28-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c28-bg .image .overlayicon::before,
.item.item_text-boxed .image.c28-bg .overlayicon::before { 
    background: rgba(var(--c28-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c28-bg.c28-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c28-bg.c28-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c28-bg.c28-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c28-bg-angle), rgba(var(--c28-bg-color1), 1) 0%, rgba(var(--c28-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c28-bg.c28-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c28-bg.c28-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c28-bg.c28-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c28-bg-start-perc) var(--c28-bg-stop-perc), rgba(var(--c28-bg-color1), 1) 0%, rgba(var(--c28-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c28-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c28-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c28-bg .overlayicon .icon {
    color: rgba(var(--c28-heading), 1);
}


/* Focus visibles */

.c28-bg a:focus-visible,
.c28-bg .btn:focus-visible,
.c28-bg button:focus-visible,
.form .inner.c28-bg a:focus-visible,
.form .inner.c28-bg .btn:focus-visible,
.form .inner.c28-bg button:focus-visible, 
.c28-bg .item .image a:focus-visible, 
.c28-bg .item .image a:focus-visible img, 
.c28-bg .item .image a:focus-visible picture,
.c28-bg .item .image a:focus-visible .overlayicon,
.c28-bg .listing_no-spacing .item a:focus-visible .image, 
.c28-bg .listing_no-spacing .item a:focus-visible .image img, 
.c28-bg .listing_no-spacing .item a:focus-visible .image picture,
.c28-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c28-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c28-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c28-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c28-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c28-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c28-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c28-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c28-bg picture,
main:focus-visible > section.c28-bg:first-of-type, 
section.c28-bg:focus-visible  {
    outline-color: rgba(var(--c28-highlight), 1)!important;
}

.c28-bg .form-control:focus-visible,
.form .inner.c28-bg .form-control:focus-visible,
.form .inner.c28-bg .umbraco-forms-field input:focus-visible,
.form .inner.c28-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c28-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c28-highlight), 1)!important;
}
.c28-bg .heading::before, .c28-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}

/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c29-bg,
.item.item_overlay .inner .image.c29-bg::before,
.usn_cmp_banner .item.item_overlay.c29-bg .inner::before { 
    background: rgba(var(--c29-bg-color1), 1); 
}

/* Backgrounds Linear */

.c29-bg.c29-bg-linear,
.item.item_overlay .inner .image.c29-bg.c29-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c29-bg.c29-bg-linear .inner::before { 
    background: linear-gradient(var(--c29-bg-angle), rgba(var(--c29-bg-color1), 1) 0%, rgba(var(--c29-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c29-bg.c29-bg-radial,
.item.item_overlay .inner .image.c29-bg.c29-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c29-bg.c29-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c29-bg-start-perc) var(--c29-bg-stop-perc), rgba(var(--c29-bg-color1), 1) 0%, rgba(var(--c29-bg-color2), 1) 100%); 
}


/* Headings */

.c29-bg h1:not(.heading), 
.c29-bg h2:not(.heading), 
.c29-bg h3:not(.heading), 
.c29-bg h4:not(.heading), 
.c29-bg h5:not(.heading), 
.c29-bg h6:not(.heading) { 
    color: rgba(var(--c29-heading), 1); 
}

.c29-heading, 
.c29-bg .heading { 
    color: rgba(var(--c29-heading), 1); 
}


/* Secondary Headings */

.c29-secondary-heading, 
.c29-bg .c29-secondary-heading { 
    color: rgba(var(--c29-secondary-heading), 1); 
}


/* Text */

.c29-bg, 
.c29-bg .c29-text, 
.c29-text { 
    color: rgba(var(--c29-text), 1); 
}


/* Borders */

.c29-borders { 
    border-color: rgba(var(--c29-borders), 1); 
}


/* Links */

.c29-link, 
.c29-link,
.c29-bg a:not(.btn),
.c29-text a:not(.btn),
.c29-bg .c29-text a:not(.btn) { 
    color: rgba(var(--c29-link), 1); 
}

.c29-link:hover, 
.c29-link:focus, 
.c29-link:active, 
.c29-bg a:not(.btn):hover, 
.c29-bg a:not(.btn):focus, 
.c29-bg a:not(.btn):active,
.c29-bg a:not(.btn):hover,
.c29-bg a:not(.btn):focus,
.c29-bg a:not(.btn):active,
.c29-text a:not(.btn):hover,
.c29-text a:not(.btn):focus,
.c29-text a:not(.btn):active,
.c29-bg .c29-text a:not(.btn):hover,
.c29-bg .c29-text a:not(.btn):focus,
.c29-bg .c29-text a:not(.btn):active { 
    color: rgba(var(--c29-link-hover), 1); 
}


/* Highlights */

.c29-highlight-bg { 
    background-color: rgba(var(--c29-highlight), 1); 
}

.c29-bg blockquote::before, 
.component .component.c29-bg div > blockquote::before { 
    color: rgba(var(--c29-highlight), 1); 
}

.c29-highlight-text { 
    color: rgba(var(--c29-highlight-text), 1); 
}


.c29-heading { 
    color: rgba(var(--c29-heading), 1)!important; 
}

.c29-secondary-heading { 
    color: rgba(var(--c29-secondary-heading), 1)!important; 
}


.c29-bg .heading { 
    color: rgba(var(--c29-heading), 1); 
}

.c29-bg .secondary-heading { 
    color: rgba(var(--c29-secondary-heading), 1); 
}

.c29-bg .quote, .c29-bg blockquote { 
    color: rgba(var(--c29-heading), 1); 
}

.c29-bg .quote::before, 
.c29-bg blockquote::before { 
    color: rgba(var(--c29-highlight), 1); 
}


/* Labels */
.c29-bg .label { background-color: rgba(var(--c29-highlight), 1); }

.c29-bg .label { color: rgba(var(--c29-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c29-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c29-link), 1); border-color: rgba(var(--c29-borders), 1); }

.c29-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c29-borders), 0.15); }

.c29-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); background: rgba(var(--c29-borders), 0.25); }

.c29-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c29-link-hover), 1); background: rgba(var(--c29-borders), 0.25); }

.c29-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c29-heading), 1); background: transparent; }

.c29-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c29-heading), 1); }

.c29-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c29-borders), 1); }

.c29-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c29-highlight), 1); }

/* Button Tabs */
.c29-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c29-heading), 1); border-color: rgba(var(--c29-borders), 0.25); }

.c29-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); border-color: rgba(var(--c29-borders), 1); }

.c29-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c29-link-hover), 1); border-color: rgba(var(--c29-borders), 1); }

.c29-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c29-heading), 1); border-color: rgba(var(--c29-heading), 1); }

.c29-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c29-heading), 1); border-color: rgba(var(--c29-heading), 1); }

.c29-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(--c29-borders), 0.25); }

.c29-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(--c29-borders), var(--btn-box-shadow_o)); } 

.c29-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(--c29-borders), var(--btn-box-shadow_o)); }

.c29-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(--c29-borders), var(--btn-box-shadow_o)); }

.c29-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(--c29-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c29-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c29-link), 1); } 

.c29-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c29-heading), 1); } 

.c29-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c29-heading), 1); } 

.c29-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c29-heading), 1); }

.c29-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c29-heading), 1); }


/* Linethrough Tabs */
.c29-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c29-link), 1); } 

.c29-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c29-link-hover), 1); } 

.c29-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c29-heading), 1); } 

.c29-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c29-heading), 1); } 

.c29-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c29-heading), 1); }

.c29-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c29-heading), 1); }


/* Slider Navigation */
.c29-bg .slick-slider .slick-prev, .c29-bg .slick-slider .slick-next { color: rgba(var(--c29-link), 1); background-color: rgba(var(--c29-bg-color1), 1); }

html.no-touch .c29-bg .slick-slider .slick-prev:hover, html.no-touch .c29-bg .slick-slider .slick-next:hover { color: rgba(var(--c29-link-hover), 1); }

.c29-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c29-link), 1); background-color: rgba(var(--c29-bg-color1), 1); }

html.no-touch .c29-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c29-link-hover), 1); }

.c29-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c29-text), 1); }

html.no-touch .c29-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c29-link-hover), 1); }

.c29-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c29-highlight), 1); }

/* Forms */
.form .c29-bg .form-control { border-color: rgba(var(--c29-borders), 1); }

.form .c29-bg .form-control:focus { border-color: rgba(var(--c29-highlight), 1); box-shadow: 0 0 5px var(--c29-highlight);}


/* Ajax Loading */
.c29-bg .ajax-wrap .ajax-loading { background: rgba(var(--c29-bg-color1), 1); }

.c29-bg.ajax-wrap .ajax-loading { background: rgba(var(--c29-bg-color1), 1); }

.ajax-wrap .c29-bg .ajax-loading { background: rgba(var(--c29-bg-color1), 1); }

.c29-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c29-borders), 1); border-top: 10px solid rgba(var(--c29-highlight), 1); }

.c29-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c29-borders), 1); border-top: 10px solid rgba(var(--c29-highlight), 1); }

.ajax-wrap .c29-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c29-borders), 1); border-top: 10px solid rgba(var(--c29-highlight), 1); }

.c29-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c29-borders), 1); border-top: 5px solid rgba(var(--c29-highlight), 1); }

.c29-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c29-borders), 1); border-top: 5px solid rgba(var(--c29-highlight), 1); }

.item_form-single_field .c29-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c29-borders), 1); border-top: 5px solid rgba(var(--c29-highlight), 1); }

.item_form-single_field .ajax-wrap .c29-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c29-borders), 1); border-top: 5px solid rgba(var(--c29-highlight), 1); }


/* Links */
.c29-bg .listing.listing_links:not(.listing_links-mini), .c29-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c29-borders), 1); }

.c29-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c29-borders), 0.1); }

.c29-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c29-link), 1); }

.c29-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c29-link-hover), 1); }

 
/* Data List */                  
.c29-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c29-borders), 1); }

.c29-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c29-borders), 1); }


/* Sitemap */                
.c29-bg nav.sitemap ul li::before, .c29-bg nav.sitemap ul li::after { background-color: rgba(var(--c29-borders), 1); }

.c29-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c29-borders), 0.5); }


/* Tables */
.c29-bg thead { color: rgba(var(--c29-heading), 1); }

.c29-bg table, .c29-bg table th, .c29-bg table td { border-color: rgba(var(--c29-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c29-bg .expand-anchor { color: rgba(var(--c29-heading), 1); }

.component.usn_cmp_anchornavigation.c29-bg .expand-anchor span:before { background: rgba(var(--c29-heading), 1); }

.component.usn_cmp_anchornavigation.c29-bg .expand-anchor span { background: rgba(var(--c29-heading), 1); }

.component.usn_cmp_anchornavigation.c29-bg .expand-anchor span:after { background: rgba(var(--c29-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c29-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c29-link), 1); border-color: rgba(var(--c29-borders), 1); }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c29-borders), 0.15); }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); background: rgba(var(--c29-borders), 0.25); }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c29-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c29-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c29-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c29-heading), 1); border-color: rgba(var(--c29-borders), 0.25); }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); border-color: rgba(var(--c29-borders), 1); }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c29-heading), 1); border-color: rgba(var(--c29-heading), 1); }

.component.usn_cmp_anchornavigation.c29-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(--c29-borders), 0.25); }

.component.usn_cmp_anchornavigation.c29-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(--c29-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c29-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(--c29-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c29-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c29-link), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c29-heading), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c29-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c29-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c29-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c29-link), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c29-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c29-heading), 1); } 

.component.usn_cmp_anchornavigation.c29-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c29-link-hover), 1); }

.component.usn_cmp_anchornavigation.c29-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c29-heading), 1); }


/* Scroll prompt */
.c29-bg .scroll-prompt .scroll-link { color: rgba(var(--c29-heading), 1); }

.c29-bg .scroll-prompt .scroll-link i { color: rgba(var(--c29-heading), 1); }

.c29-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c29-heading), 1); }

.c29-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c29-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c29-bg .ec-size .ec-store h1 { color: rgba(var(--c29-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c29-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c29-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c29-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c29-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c29-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c29-heading), 1)!important; }


/* Heading separators - on page */
.c29-bg h1::before, .c29-bg h2::before, .c29-bg h3::before, .c29-bg h4::before, .c29-bg h5::before, .c29-bg h6::before { background: rgba(var(--c29-highlight), 1); }

.c29-bg h1::after, .c29-bg h2::after, .c29-bg h3::after, .c29-bg h4::after, .c29-bg h5::after, .c29-bg h6::after { background: rgba(var(--c29-highlight), 1); }


/* Heading separators - on components */
.c29-bg .heading::before, .c29-bg .secondary-heading::before { background: rgba(var(--c29-highlight), 1); }

.c29-bg .heading::after, .c29-bg .secondary-heading::after { background: rgba(var(--c29-highlight), 1); }


/* Heading separators - on specific items */
.item.c29-bg .heading::before, .item.c29-bg .secondary-heading::before { background: rgba(var(--c29-highlight), 1); }

.item.c29-bg .heading::after, .item.c29-bg .secondary-heading::after { background: rgba(var(--c29-highlight), 1); }

.inner.c29-bg .heading::before, .inner.c29-bg .secondary-heading::before { background: rgba(var(--c29-highlight), 1); }

.inner.c29-bg .heading::after, .inner.c29-bg .secondary-heading::after { background: rgba(var(--c29-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c29-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c29-bg .image .overlayicon::before,
.item.item_text-boxed .image.c29-bg .overlayicon::before { 
    background: rgba(var(--c29-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c29-bg.c29-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c29-bg.c29-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c29-bg.c29-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c29-bg-angle), rgba(var(--c29-bg-color1), 1) 0%, rgba(var(--c29-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c29-bg.c29-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c29-bg.c29-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c29-bg.c29-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c29-bg-start-perc) var(--c29-bg-stop-perc), rgba(var(--c29-bg-color1), 1) 0%, rgba(var(--c29-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c29-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c29-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c29-bg .overlayicon .icon {
    color: rgba(var(--c29-heading), 1);
}


/* Focus visibles */

.c29-bg a:focus-visible,
.c29-bg .btn:focus-visible,
.c29-bg button:focus-visible,
.form .inner.c29-bg a:focus-visible,
.form .inner.c29-bg .btn:focus-visible,
.form .inner.c29-bg button:focus-visible, 
.c29-bg .item .image a:focus-visible, 
.c29-bg .item .image a:focus-visible img, 
.c29-bg .item .image a:focus-visible picture,
.c29-bg .item .image a:focus-visible .overlayicon,
.c29-bg .listing_no-spacing .item a:focus-visible .image, 
.c29-bg .listing_no-spacing .item a:focus-visible .image img, 
.c29-bg .listing_no-spacing .item a:focus-visible .image picture,
.c29-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c29-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c29-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c29-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c29-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c29-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c29-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c29-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c29-bg picture,
main:focus-visible > section.c29-bg:first-of-type, 
section.c29-bg:focus-visible  {
    outline-color: rgba(var(--c29-highlight), 1)!important;
}

.c29-bg .form-control:focus-visible,
.form .inner.c29-bg .form-control:focus-visible,
.form .inner.c29-bg .umbraco-forms-field input:focus-visible,
.form .inner.c29-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c29-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c29-highlight), 1)!important;
}
.c29-bg .heading::before, .c29-bg .secondary-heading::before {
    background-color: #FFFFFF;
    height: 3px;
    width: 40px;
}



/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c1-btn-bg-hover-color1),1);
    color: rgba(var(--c1-btn-text-hover),1);
    border-color: rgba(var(--c1-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c2-btn-bg-hover-color1),1);
    color: rgba(var(--c2-btn-text-hover),1);
    border-color: rgba(var(--c2-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c3-btn-bg-hover-color1),1);
    color: rgba(var(--c3-btn-text-hover),1);
    border-color: rgba(var(--c3-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c4-btn-bg-hover-color1),1);
    color: rgba(var(--c4-btn-text-hover),1);
    border-color: rgba(var(--c4-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c5-btn-bg-hover-color1),1);
    color: rgba(var(--c5-btn-text-hover),1);
    border-color: rgba(var(--c5-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c6-btn-bg-hover-color1),1);
    color: rgba(var(--c6-btn-text-hover),1);
    border-color: rgba(var(--c6-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c7-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c7-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c7-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c7-btn-bg-hover-color1),1);
    color: rgba(var(--c7-btn-text-hover),1);
    border-color: rgba(var(--c7-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c7-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c7-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c7-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}


/*	
--------------------------------------------------
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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c8-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c8-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c8-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c8-btn-bg-hover-color1),1);
    color: rgba(var(--c8-btn-text-hover),1);
    border-color: rgba(var(--c8-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c8-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c8-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c8-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c8-btn-bg.c8-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c8-btn-bg.c8-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c8-btn-bg.c8-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}



/* added by Hom */
.breadcrumb-bespoke-style{
    color:white !important;
}


.homepage-hero {
    min-height: 300px;
}

.teaser .inner {
    box-shadow: 0px 0px 2px 2px rgba(242, 242, 242, 0.25);
}

.site-credit > span,
.site-credit > div {
    display:none!important;
}


/* added by Hom */
@media (min-width: 992px) {

    .site-search {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}




/* BACK TO TOP */

#back-to-top-link {
    background-color: rgba(var(--c3-btn-bg-color1), 1);
    translate: -10px -10px;
}

.usn_back-to-top i.icon:before {
    color: white!important;
}




/* COMPONENT INTRO */

.content .component-introduction {
    padding-bottom: 20px!important;
}




/* HERO */

.title-hero .listing .item .image {
    border-top-left-radius: 70px 50%;
    border-bottom-left-radius: 70px 50%;
}

.title-bar.component.usn_cmp_banner .item .inner::before {
    opacity: 0.4;
}



/* FORM ELEMENTS */


.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
    vertical-align: top;
}



/* FOOTER */


    
    
@media (min-width: 1200px) {
    footer#site-footer {
        padding-bottom: 30px;
    }
}


@media (min-width: 992px) {
    
    footer#site-footer .footer-item {
        max-width: 100%;
        flex: 0 0 23%;
        margin-bottom: 20px!important;
    }
    
    .offset-lg-1 {
         margin-left: 2%;
    }
}


/* NEWSLETTER FORM */


.umbraco-forms-caption {
    margin-top: 0px;
    color: black!important;
    text-align: center; 
}
    
.content.component.usn_cmp_form {
    border-radius: 10px!important;
    padding: 0px!important;
}

.newsletter .umbraco-forms-page {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.newsletter .umbraco-forms-page .btn {
   width: 100%; 
   margin: 0;
   color: rgba(var(--c3-btn-text), 1);
   background: rgba(var(--c3-btn-bg-color1), 1);
}

.umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:hover {
   color: rgba(var(--c3-btn-text-hover), 1);
   background: rgba(var(--c3-btn-bg-hover-color1), 1);
   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));
}



.newsletter .umbraco-forms-fieldset {
    padding-top: 0px;
    margin-bottom: 0px;
}

.newsletter .umbraco-forms-navigation {
    padding: 0!important;
}




/* HEADINGS */

.secondary-heading {
    background-color: white;
    color: black!important;
    display: inline-block;
    padding: 7px 14px;
    border-radius: 100px;
}

.item.item_text-below.item_has-bg .info .heading {
    margin-bottom: 20px!important;
}

p.heading {
    margin-bottom: 20px!important;
}


.link .title .base-heading {
    font-size: 0px;
}




/* SIDEBAR PODS */

.left-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg), .right-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg) {
    border-top: 4px solid rgb(34, 116, 165);
}





/* NAV */

nav.main ul li span a {
    font-weight: 600;
}




/* LINKS */



.base-text a:not(.btn), body:not(.content-underline-link) .info .text a {
    color: rgb(var(--c3-btn-bg-color1))!important;;
    border-bottom: 2px solid rgb(var(--c3-btn-bg-color1));
    font-weight: bold;
}


body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link) .heading {
    text-decoration: none!important;
    font-weight: 500;
}

body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link):hover .heading {
    text-decoration: none!important;
    font-weight: 500;
}

.base-text a:not(.btn):hover, body:not(.content-underline-link) .info .text p a:hover, .info .text a p.heading:hover {
    font-weight: bold;
    color: black;
    text-decoration: none!important;
    transition: none;
}

.inner.base-bg a:not(.btn):hover, .inner.base-bg a:not(.btn) {
    border-bottom: 0;
    font-weight: normal;
}

body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link) {
    transition: 0s!important;
}

body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link):hover {
    color: rgb(var(--c3-btn-bg-color1))!important;
    border-bottom: 0px!important;
    opacity: 1!important;
    text-decoration: none!important;
    transition: 0s!important;
}

a.heading {
    display: inline-block;
}




/* ACCORDION BLOCK */

.accordion .tab {
  background: rgba(var(--c3-btn-bg-color1), 1);
  color: white!important;
  cursor: pointer;
  width: 100%;
  text-align: left;
  outline: none;
  border-radius: 10px;
  transition: none!important;
}

.accordion {
    background-color: transparent;
    padding: 0;
}

.repeatable.accordion .tab:not(:first-child) {
    margin-top: 10px;
}

.repeatable.tab-basic .tab .nav-link {
    border-color: rgba(var(--c3-btn-bg-color1), 1);;
}

.repeatable .tab .nav-link {
    border: 2px solid rgba(var(--c3-btn-bg-color1), 1);
    transition: none!important;
    border: 2px solid rgba(var(--c3-btn-bg-color1), 1);
}

.repeatable.accordion.tab-basic .tab .nav-link {
    color: white!important;
    padding: 20px!important;
    border-radius: var(--base-border-radius);
}

.repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover, .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover {
  background: rgba(255,255,255), 1);
  color: white!important;
  transition: none!important;
}






/* CATEGORY TEASER */

.category-teaser.item_overlay .inner .image.base-bg::before, .category-teaser.item_overlay .inner .image.c1-bg::before  {
    opacity: 1;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);
}

.teaser-image-left.item.item_has-bg .image:not(.rounded-circle) {
    padding: 20px;
}

.listing:not(.listing_window-mosaic) .teaser-image-left.item.item_has-bg .image:not(.rounded-circle), .listing:not(.listing_window-mosaic) .teaser-image-left.item.item_has-bg .image:not(.rounded-circle) img {
    border-radius: var(--base-border-radius)!important;
}






/* LOGO BLOCK */



.logo-teaser .inner a {
    display: flex;
    flex-direction: column;
}




/* ICON BLOCK */

.icon-teaser .inner a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.icon-teaser .inner a .info {
    padding-top: 20px;
    height: 100%!important;
}

.icon-teaser .inner a .info, .icon-teaser .inner .info {
    margin-top: 0px!important;
    padding-top: 0px!important;
    height: auto!important;
}

.item.item_text-below.item_has-bg .info :last-child {
    margin-bottom: 0!important;
}




/* CHANGE HOVER EFFECT ON IMAGES */

.image a:hover img, a:hover .image img, .item a:hover .image.background-image {
    transform: scale(1);
}




/* SEACH BUTTON IN HEADER */

/* original style - rem'd by Hom
.site-search .btn.base-btn-borders, .site-search .btn-borders_base-btn-borders .btn {
    border-color: rgba(0,0,0,0);
}
*/

/* Added by Hom */
@media (min-width: 992px) {
    .site-search .btn.base-btn-borders, .site-search .btn-borders_base-btn-borders .btn {
        border: 1px rgba(0,0,0,.3) solid;
    }
}

@media (max-width: 992px) {
    .site-search .btn.base-btn-borders, .site-search .btn-borders_base-btn-borders .btn {
        border: 0 rgba(0,0,0,.3) solid;
    }
}
/*--------------------*/

.site-search .btn.base-btn-bg, .site-search .btn-bg_base-btn-bg .btn {
    background: transparent;
}

.site-search .btn.base-btn-borders:focus-visible, .site-search .btn-borders_base-btn-borders .btn:focus-visible {
    border-color: rgba(0,0,0,1);
}



/* CHANGE FOCUS VISIBLE OF INPUTS */

.form-control:focus-visible, .umbraco-forms-field input:focus-visible, .umbraco-forms-field.longanswer textarea:focus-visible, .umbraco-forms-field.dropdown select:focus-visible {
    outline: 1px solid rgba(0,0,0,1)!important;
    outline-offset: 0px!important;
    border-color: black!important;
}



@media (min-width: 1200px){
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) { padding-bottom: var(--base-spacing) }
}

@media (min-width: 992px){
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) { padding-bottom: var(--base-spacing) }
}



@media (min-width: 768px){
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) { padding-bottom: var(--base-spacing) }
}

@media (min-width: 576px){
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) { padding-bottom: var(--base-spacing) }
}

/* END - CODE TO FLEX POD HEIGHT AND POSITION BUTTONS AT BOTTOM OF BOX */