/*  
---------------------------------------------------
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=Poppins:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');

:root {

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

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

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

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors: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: 1600px;

    --site-spacing_sm: 40px;
    --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: 70px;
    --large-header: 160px;

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

    --logo_lg-padding_top: 0px;
    --logo_lg-padding_right: 0px;
    --logo_lg-padding_bottom: 0px;
    --logo_lg-padding_left: 0px;

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

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

    --content-col_pc-spacing: 15px;
    --pc-spacing: 50px;
    --pc-spacing_sm: 50px;
    --pc-spacing_md: 70px;
    --pc-spacing_lg: 100px;
    --pc-spacing_xl: 150px;

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

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

    --btn-border-width: 0px;
    --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: 8px;
    --btn-padding_right: 12px;
    --btn-padding_bottom: 8px;
    --btn-padding_left: 12px;

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

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 255, 255, 255;
    --body-bg-color2:  255, 255, 255;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 255, 255, 255;
    --header-bg-color2:  255, 255, 255;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 0, 0, 0;
    --header-borders: 255, 255, 255;
    --header-highlight: 255, 255, 255;
    
    /* Main Navigation */
    --main-navigation-link: 33, 33, 33;
    --main-navigation-link-hover: 33, 33, 33;
    --main-navigation-link-active: 33, 33, 33;

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 255, 255, 255;
    --secondary-navigation-link-hover: 239, 231, 244;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 255, 255, 255;
    --navigation-dropdown-color2:  255, 255, 255;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 51, 51, 51;
    --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: 51, 51, 51;
    --base-secondary-heading: 51, 51, 51;
    --base-text: 52, 59, 61;
    --base-link: 33, 33, 33;
    --base-link-hover: 8, 102, 161;
    --base-borders: 49, 42, 35;
    --base-highlight: 108, 108, 108;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 8, 102, 161;
    --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: 255, 255, 255;
    --base-btn-borders: 8, 102, 161;
    --base-btn-bg-hover-color1: 211, 238, 255;
    --base-btn-bg-hover-color2:  255, 255, 255;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 8, 102, 161;
    --base-btn-borders-hover: 211, 238, 255;
    
    /* Footer */
    --footer-bg-color1: 8, 102, 161;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 255, 255, 255;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 255, 255, 255;
    --footer-borders: 255, 255, 255;
    --footer-highlight: 255, 255, 255;

    --c1-bg-color1: 33, 33, 33;
--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: 255, 255, 255;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 255;
--c1-highlight-text: 33, 33, 33;
--c2-bg-color1: 247, 237, 215;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 33, 33, 33;
--c2-secondary-heading: 33, 33, 33;
--c2-text: 33, 33, 33;
--c2-link: 33, 33, 33;
--c2-link-hover: 33, 33, 33;
--c2-borders: 33, 33, 33;
--c2-highlight: 33, 33, 33;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 255, 237, 229;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 33, 33, 33;
--c3-secondary-heading: 33, 33, 33;
--c3-text: 33, 33, 33;
--c3-link: 33, 33, 33;
--c3-link-hover: 33, 33, 33;
--c3-borders: 33, 33, 33;
--c3-highlight: 33, 33, 33;
--c3-highlight-text: 255, 255, 255;
--c4-bg-color1: 235, 225, 237;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 128, 64, 141;
--c4-secondary-heading: 128, 64, 141;
--c4-text: 128, 64, 141;
--c4-link: 128, 64, 141;
--c4-link-hover: 128, 64, 141;
--c4-borders: 128, 64, 141;
--c4-highlight: 128, 64, 141;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 229, 245, 224;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 61, 123, 35;
--c5-secondary-heading: 61, 123, 35;
--c5-text: 61, 123, 35;
--c5-link: 61, 123, 35;
--c5-link-hover: 61, 123, 35;
--c5-borders: 61, 123, 35;
--c5-highlight: 61, 123, 35;
--c5-highlight-text: 255, 255, 255;
--c6-bg-color1: 8, 102, 161;
--c6-bg-color2:  0, 0, 0;
--c6-bg-start-perc: 50%;
--c6-bg-stop-perc: 50%;
--c6-bg-angle: 90deg;
--c6-heading: 255, 255, 255;
--c6-secondary-heading: 255, 255, 255;
--c6-text: 255, 255, 255;
--c6-link: 255, 255, 255;
--c6-link-hover: 255, 255, 255;
--c6-borders: 255, 255, 255;
--c6-highlight: 255, 255, 255;
--c6-highlight-text: 8, 102, 161;
--c7-bg-color1: 211, 238, 255;
--c7-bg-color2:  0, 0, 0;
--c7-bg-start-perc: 50%;
--c7-bg-stop-perc: 50%;
--c7-bg-angle: 90deg;
--c7-heading: 8, 102, 161;
--c7-secondary-heading: 8, 102, 161;
--c7-text: 33, 33, 33;
--c7-link: 33, 33, 33;
--c7-link-hover: 108, 108, 108;
--c7-borders: 33, 33, 33;
--c7-highlight: 8, 102, 161;
--c7-highlight-text: 255, 255, 255;
--c8-bg-color1: 224, 10, 8;
--c8-bg-color2:  0, 0, 0;
--c8-bg-start-perc: 50%;
--c8-bg-stop-perc: 50%;
--c8-bg-angle: 90deg;
--c8-heading: 255, 255, 255;
--c8-secondary-heading: 255, 255, 255;
--c8-text: 255, 255, 255;
--c8-link: 255, 255, 255;
--c8-link-hover: 255, 255, 255;
--c8-borders: 255, 255, 255;
--c8-highlight: 255, 255, 255;
--c8-highlight-text: 224, 10, 8;
--c9-bg-color1: 241, 241, 242;
--c9-bg-color2:  0, 0, 0;
--c9-bg-start-perc: 50%;
--c9-bg-stop-perc: 50%;
--c9-bg-angle: 90deg;
--c9-heading: 33, 33, 33;
--c9-secondary-heading: 33, 33, 33;
--c9-text: 33, 33, 33;
--c9-link: 33, 33, 33;
--c9-link-hover: 108, 108, 108;
--c9-borders: 33, 33, 33;
--c9-highlight: 108, 108, 108;
--c9-highlight-text: 255, 255, 255;
--c10-bg-color1: 128, 64, 141;
--c10-bg-color2:  0, 0, 0;
--c10-bg-start-perc: 50%;
--c10-bg-stop-perc: 50%;
--c10-bg-angle: 90deg;
--c10-heading: 255, 255, 255;
--c10-secondary-heading: 255, 255, 255;
--c10-text: 255, 255, 255;
--c10-link: 255, 255, 255;
--c10-link-hover: 255, 255, 255;
--c10-borders: 255, 255, 255;
--c10-highlight: 255, 255, 255;
--c10-highlight-text: 128, 64, 141;
--c11-bg-color1: 184, 77, 0;
--c11-bg-color2:  0, 0, 0;
--c11-bg-start-perc: 50%;
--c11-bg-stop-perc: 50%;
--c11-bg-angle: 90deg;
--c11-heading: 255, 255, 255;
--c11-secondary-heading: 255, 255, 255;
--c11-text: 255, 255, 255;
--c11-link: 255, 255, 255;
--c11-link-hover: 255, 255, 255;
--c11-borders: 0, 0, 0;
--c11-highlight: 255, 255, 255;
--c11-highlight-text: 184, 77, 0;
--c12-bg-color1: 61, 123, 35;
--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: 255, 255, 255;
--c12-borders: 255, 255, 255;
--c12-highlight: 255, 255, 255;
--c12-highlight-text: 61, 123, 35;
--c13-bg-color1: 255, 255, 255;
--c13-bg-color2:  0, 0, 0;
--c13-bg-start-perc: 50%;
--c13-bg-stop-perc: 50%;
--c13-bg-angle: 90deg;
--c13-heading: 8, 102, 161;
--c13-secondary-heading: 8, 102, 161;
--c13-text: 8, 102, 161;
--c13-link: 8, 102, 161;
--c13-link-hover: 8, 102, 161;
--c13-borders: 8, 102, 161;
--c13-highlight: 8, 102, 161;
--c13-highlight-text: 255, 255, 255;
--c14-bg-color1: 255, 255, 255;
--c14-bg-color2:  0, 0, 0;
--c14-bg-start-perc: 50%;
--c14-bg-stop-perc: 50%;
--c14-bg-angle: 90deg;
--c14-heading: 8, 102, 161;
--c14-secondary-heading: 33, 33, 33;
--c14-text: 33, 33, 33;
--c14-link: 33, 33, 33;
--c14-link-hover: 108, 108, 108;
--c14-borders: 33, 33, 33;
--c14-highlight: 108, 108, 108;
--c14-highlight-text: 255, 255, 255;
--c15-bg-color1: 255, 239, 229;
--c15-bg-color2:  0, 0, 0;
--c15-bg-start-perc: 50%;
--c15-bg-stop-perc: 50%;
--c15-bg-angle: 90deg;
--c15-heading: 184, 77, 0;
--c15-secondary-heading: 184, 77, 0;
--c15-text: 184, 77, 0;
--c15-link: 184, 77, 0;
--c15-link-hover: 184, 77, 0;
--c15-borders: 184, 77, 0;
--c15-highlight: 184, 77, 0;
--c15-highlight-text: 255, 255, 255;
--c16-bg-color1: 229, 245, 224;
--c16-bg-color2:  0, 0, 0;
--c16-bg-start-perc: 50%;
--c16-bg-stop-perc: 50%;
--c16-bg-angle: 90deg;
--c16-heading: 61, 123, 35;
--c16-secondary-heading: 33, 33, 33;
--c16-text: 33, 33, 33;
--c16-link: 33, 33, 33;
--c16-link-hover: 33, 33, 33;
--c16-borders: 0, 0, 0;
--c16-highlight: 33, 33, 33;
--c16-highlight-text: 255, 255, 255;
--c17-bg-color1: 201, 0, 107;
--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: 0, 0, 0;
--c17-borders: 255, 255, 255;
--c17-highlight: 255, 255, 255;
--c17-highlight-text: 201, 0, 107;


    --c1-btn-bg-color1:  224, 10, 8;
--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: 224, 10, 8;
--c1-btn-bg-hover-color1:  33, 33, 33;
--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: 255, 255, 255;
--c1-btn-borders-hover: 33, 33, 33;
--c2-btn-bg-color1:  211, 238, 255;
--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: 51, 51, 51;
--c2-btn-borders: 211, 238, 255;
--c2-btn-bg-hover-color1:  33, 33, 33;
--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: 255, 255, 255;
--c2-btn-borders-hover: 33, 33, 33;
--c3-btn-bg-color1:  128, 64, 141;
--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: 128, 64, 141;
--c3-btn-bg-hover-color1:  235, 225, 237;
--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: 128, 64, 141;
--c3-btn-borders-hover: 235, 225, 237;
--c4-btn-bg-color1:  61, 123, 35;
--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: 61, 123, 35;
--c4-btn-bg-hover-color1:  229, 245, 224;
--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: 61, 123, 35;
--c4-btn-borders-hover: 229, 245, 224;
--c5-btn-bg-color1:  255, 227, 227;
--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: 33, 33, 33;
--c5-btn-borders: 255, 227, 227;
--c5-btn-bg-hover-color1:  33, 33, 33;
--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: 33, 33, 33;
--c6-btn-bg-color1:  8, 102, 161;
--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: 8, 102, 161;
--c6-btn-bg-hover-color1:  211, 238, 255;
--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: 8, 102, 161;
--c6-btn-borders-hover: 211, 238, 255;
--c7-btn-bg-color1:  247, 237, 215;
--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: 33, 33, 33;
--c7-btn-borders: 247, 237, 215;
--c7-btn-bg-hover-color1:  33, 33, 33;
--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, 33, 33;
--c8-btn-bg-color1:  201, 0, 107;
--c8-btn-bg-color2:  0, 0, 0;
--c8-btn-bg-start-perc: 50%;
--c8-btn-bg-stop-perc: 50%;
--c8-btn-bg-angle: 90deg;
--c8-btn-text: 255, 255, 255;
--c8-btn-borders: 201, 0, 107;
--c8-btn-bg-hover-color1:  255, 229, 244;
--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: 201, 0, 107;
--c8-btn-borders-hover: 255, 229, 244;
--c9-btn-bg-color1:  184, 77, 0;
--c9-btn-bg-color2:  0, 0, 0;
--c9-btn-bg-start-perc: 50%;
--c9-btn-bg-stop-perc: 50%;
--c9-btn-bg-angle: 90deg;
--c9-btn-text: 255, 255, 255;
--c9-btn-borders: 184, 77, 0;
--c9-btn-bg-hover-color1:  184, 77, 0;
--c9-btn-bg-hover-color2:  255, 255, 255;
--c9-btn-bg-hover-start-perc: 50%;
--c9-btn-bg-hover-stop-perc: 50%;
--c9-btn-bg-hover-angle: 90deg;
--c9-btn-text-hover: 255, 255, 255;
--c9-btn-borders-hover: 184, 77, 0;


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

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

    --h1-typography_font-name: 'Poppins',sans-serif;
    --h1-typography_font-weight: 900;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 110%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 31px; 
    --h1-typography_font-size_sm: 31px; 
    --h1-typography_font-size_md: 40px; 
    --h1-typography_font-size_lg: 40px; 
    --h1-typography_font-size_xl: 44px; 

    --h2-typography_font-name: 'Poppins',sans-serif;
    --h2-typography_font-weight: 700;
    --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: 22px; 
    --h2-typography_font-size_sm: 22px; 
    --h2-typography_font-size_md: 32px; 
    --h2-typography_font-size_lg: 32px; 
    --h2-typography_font-size_xl: 32px; 

    --h3-typography_font-name: 'Poppins',sans-serif;
    --h3-typography_font-weight: 700;
    --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: 22px; 
    --h3-typography_font-size_sm: 22px; 
    --h3-typography_font-size_md: 28px; 
    --h3-typography_font-size_lg: 28px; 
    --h3-typography_font-size_xl: 28px; 

    --h4-typography_font-name: 'Poppins',sans-serif;
    --h4-typography_font-weight: 700;
    --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: 18px; 
    --h4-typography_font-size_sm: 18px; 
    --h4-typography_font-size_md: 20px; 
    --h4-typography_font-size_lg: 20px; 
    --h4-typography_font-size_xl: 20px; 

    --h5-typography_font-name: 'Poppins',sans-serif;
    --h5-typography_font-weight: 700;
    --h5-typography_font-style: normal;
    --h5-typography_font-line-height: 100%;
    --h5-typography_font-letter-spacing: 0px;
    --h5-typography_font-transform: None;

    --h5-typography_font-size: 18px; 
    --h5-typography_font-size_sm: 18px; 
    --h5-typography_font-size_md: 20px; 
    --h5-typography_font-size_lg: 20px; 
    --h5-typography_font-size_xl: 20px; 

    --h6-typography_font-name: 'Poppins',sans-serif;
    --h6-typography_font-weight: 700;
    --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: 18px; 
    --h6-typography_font-size_sm: 18px; 
    --h6-typography_font-size_md: 20px; 
    --h6-typography_font-size_lg: 20px; 
    --h6-typography_font-size_xl: 20px; 

    --p-heading-typography_font-name: 'Poppins',sans-serif;
    --p-heading-typography_font-weight: 700;
    --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: 20px; 
    --p-heading-typography_font-size_sm: 20px; 
    --p-heading-typography_font-size_md: 20px; 
    --p-heading-typography_font-size_lg: 20px; 
    --p-heading-typography_font-size_xl: 20px; 

    --p-heading_small-typography_font-name: 'Poppins',sans-serif;
    --p-heading_small-typography_font-weight: 700;
    --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: 18px; 
    --p-heading_small-typography_font-size_lg: 18px; 
    --p-heading_small-typography_font-size_xl: 18px; 

    --p-heading_large-typography_font-name: 'Poppins',sans-serif;
    --p-heading_large-typography_font-weight: 700;
    --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: 22px; 
    --p-heading_large-typography_font-size_sm: 22px; 
    --p-heading_large-typography_font-size_md: 22px; 
    --p-heading_large-typography_font-size_lg: 22px; 
    --p-heading_large-typography_font-size_xl: 22px; 

    --p-intro-typography_font-name: 'Poppins',sans-serif;
    --p-intro-typography_font-weight: 500;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 130%;
    --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: 'Poppins',sans-serif;
    --p-intro_small-typography_font-weight: 500;
    --p-intro_small-typography_font-style: normal;
    --p-intro_small-typography_font-line-height: 130%;
    --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: 'Poppins',sans-serif;
    --p-intro_large-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --secondary-heading-typography_font-weight: 500;
    --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: 18px; 
    --secondary-heading-typography_font-size_sm: 18px; 
    --secondary-heading-typography_font-size_md: 18px; 
    --secondary-heading-typography_font-size_lg: 18px; 
    --secondary-heading-typography_font-size_xl: 18px;  

    --secondary-heading_small-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading_small-typography_font-weight: 500;
    --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: 16px; 
    --secondary-heading_small-typography_font-size_sm: 18px; 
    --secondary-heading_small-typography_font-size_md: 18px; 
    --secondary-heading_small-typography_font-size_lg: 18px; 
    --secondary-heading_small-typography_font-size_xl: 18px;  

    --secondary-heading_large-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading_large-typography_font-weight: 500;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 120%;
    --secondary-heading_large-typography_font-letter-spacing: 0px;
    --secondary-heading_large-typography_font-transform: None;

    --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: 'Poppins',sans-serif;
    --blockquote-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --blockquote_small-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --blockquote_large-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --btn-typography_font-weight: 700;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 120%;
    --btn-typography_font-letter-spacing: 0px;
    --btn-typography_font-transform: None;

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

    --btn_small-typography_font-name: 'Poppins',sans-serif;
    --btn_small-typography_font-weight: 700;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 100%;
    --btn_small-typography_font-letter-spacing: 0px;
    --btn_small-typography_font-transform: None;

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

    --btn_large-typography_font-name: 'Poppins',sans-serif;
    --btn_large-typography_font-weight: 700;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 130%;
    --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: 23px; 
    --btn_large-typography_font-size_lg: 23px; 
    --btn_large-typography_font-size_xl: 23px;  

    --main-navigation-typography_font-name: 'Poppins',sans-serif;
    --main-navigation-typography_font-weight: 600;
    --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: 'Poppins',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 600;
    --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: 'Poppins',sans-serif;
    --secondary-navigation-typography_font-weight: 600;
    --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: 15px; 
    --secondary-navigation-typography_font-size_sm: 15px; 
    --secondary-navigation-typography_font-size_md: 15px; 
    --secondary-navigation-typography_font-size_lg: 15px; 
    --secondary-navigation-typography_font-size_xl: 16px;  

    --sub-navigation-typography_font-name: 'Poppins',sans-serif;
    --sub-navigation-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --footer-navigation-typography_font-weight: 700;
    --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: 'Poppins',sans-serif;
    --breadcrumb-navigation-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --anchor-navigation-typography_font-weight: 700;
    --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: 'Poppins',sans-serif;
    --acc-tab-typography_font-weight: 700;
    --acc-tab-typography_font-style: normal;
    --acc-tab-typography_font-line-height: 150%;
    --acc-tab-typography_font-letter-spacing: 0px;
    --acc-tab-typography_font-transform: None;

    --acc-tab-typography_font-size: 16px; 
    --acc-tab-typography_font-size_sm: 16px; 
    --acc-tab-typography_font-size_md: 16px; 
    --acc-tab-typography_font-size_lg: 16px; 
    --acc-tab-typography_font-size_xl: 18px;
    
    --logo-typography_font-name: 'Poppins',sans-serif;
    --logo-typography_font-weight: 500;
    --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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}




/*	
--------------------------------------------------
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);
    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%); 
    color: rgba(var(--c1-btn-text-hover),1);
    border-color: rgba(var(--c1-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c2-btn-text:hover, 
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus, 
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active, 
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text, 
a:focus .btn.c2-btn-text, 
a:active .btn.c2-btn-text {
    color: rgba(var(--c2-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c2-btn-text-hover),1);
    border-color: rgba(var(--c2-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c3-btn-bg, 
.btn-bg_c3-btn-bg .btn {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

.c3-btn-bg:hover, 
.btn-bg_c3-btn-bg .btn:hover,
.btn.c3-btn-bg:focus, 
.btn-bg_c3-btn-bg .btn:focus,
.btn.c3-btn-bg:active, 
.btn-bg_c3-btn-bg .btn:active {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c3-btn-bg.c3-btn-bg-linear, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-linear:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-linear:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-linear:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c3-btn-bg.c3-btn-bg-radial, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-radial:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-radial:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-radial:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c3-btn-bg-hover:hover > span, 
.btn.c3-btn-bg-hover:focus > span, 
.btn.c3-btn-bg-hover:active > span, 
.btn-bg_c3-btn-bg-hover .btn:hover > span, 
.btn-bg_c3-btn-bg-hover .btn:focus > span, 
.btn-bg_c3-btn-bg-hover .btn:active > span,
a:hover .btn.c3-btn-bg-hover > span, 
a:focus .btn.c3-btn-bg-hover > span, 
a:active .btn.c3-btn-bg-hover > span,
.btn.c3-btn-bg-hover-solid:hover > span, 
.btn.c3-btn-bg-hover-solid:focus > span, 
.btn.c3-btn-bg-hover-solid:active > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c3-btn-bg-hover-solid > span, 
a:focus .btn.c3-btn-bg-hover-solid > span, 
a:active .btn.c3-btn-bg-hover-solid > span {
    background: rgba(var(--c3-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c3-btn-borders:hover, 
.btn-borders_c3-btn-borders .btn:hover,
.btn.c3-btn-borders:focus, 
.btn-borders_c3-btn-borders .btn:focus,
.btn.c3-btn-borders:active, 
.btn-borders_c3-btn-borders .btn:active,
a:hover .btn.c3-btn-borders, 
a:focus .btn.c3-btn-borders, 
a:active .btn.c3-btn-borders {
    border-color: rgba(var(--c3-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c3-btn-text:hover, 
.btn-text_c3-btn-text .btn:hover,
.btn.c3-btn-text:focus, 
.btn-text_c3-btn-text .btn:focus,
.btn.c3-btn-text:active, 
.btn-text_c3-btn-text .btn:active,
a:hover .btn.c3-btn-text, 
a:focus .btn.c3-btn-text, 
a:active .btn.c3-btn-text {
    color: rgba(var(--c3-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c3-btn-borders:hover, 
.btn.c3-btn-borders:focus, 
.btn.c3-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c3-btn-borders .btn:hover, 
.btn-borders_c3-btn-borders .btn:focus, 
.btn-borders_c3-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c3-btn-text, 
.basic-buttons .btn-text_c3-btn-text .btn { 
    color: rgba(var(--c3-btn-bg), 1); 
}

.basic-buttons .btn.c3-btn-text:hover, 
.basic-buttons .btn.c3-btn-text:focus, 
.basic-buttons .btn.c3-btn-text:active, 
.basic-buttons .btn-text_c3-btn-text .btn:hover, 
.basic-buttons .btn-text_c3-btn-text .btn:focus, 
.basic-buttons .btn-text_c3-btn-text .btn:active { 
    color: rgba(var(--c3-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c3-btn-text-hover),1);
    border-color: rgba(var(--c3-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c4-btn-bg, 
.btn-bg_c4-btn-bg .btn {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

.c4-btn-bg:hover, 
.btn-bg_c4-btn-bg .btn:hover,
.btn.c4-btn-bg:focus, 
.btn-bg_c4-btn-bg .btn:focus,
.btn.c4-btn-bg:active, 
.btn-bg_c4-btn-bg .btn:active {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c4-btn-bg.c4-btn-bg-linear, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-linear:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-linear:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-linear:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c4-btn-bg.c4-btn-bg-radial, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-radial:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-radial:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-radial:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c4-btn-bg-hover:hover > span, 
.btn.c4-btn-bg-hover:focus > span, 
.btn.c4-btn-bg-hover:active > span, 
.btn-bg_c4-btn-bg-hover .btn:hover > span, 
.btn-bg_c4-btn-bg-hover .btn:focus > span, 
.btn-bg_c4-btn-bg-hover .btn:active > span,
a:hover .btn.c4-btn-bg-hover > span, 
a:focus .btn.c4-btn-bg-hover > span, 
a:active .btn.c4-btn-bg-hover > span,
.btn.c4-btn-bg-hover-solid:hover > span, 
.btn.c4-btn-bg-hover-solid:focus > span, 
.btn.c4-btn-bg-hover-solid:active > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c4-btn-bg-hover-solid > span, 
a:focus .btn.c4-btn-bg-hover-solid > span, 
a:active .btn.c4-btn-bg-hover-solid > span {
    background: rgba(var(--c4-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c4-btn-borders:hover, 
.btn-borders_c4-btn-borders .btn:hover,
.btn.c4-btn-borders:focus, 
.btn-borders_c4-btn-borders .btn:focus,
.btn.c4-btn-borders:active, 
.btn-borders_c4-btn-borders .btn:active,
a:hover .btn.c4-btn-borders, 
a:focus .btn.c4-btn-borders, 
a:active .btn.c4-btn-borders {
    border-color: rgba(var(--c4-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c4-btn-text:hover, 
.btn-text_c4-btn-text .btn:hover,
.btn.c4-btn-text:focus, 
.btn-text_c4-btn-text .btn:focus,
.btn.c4-btn-text:active, 
.btn-text_c4-btn-text .btn:active,
a:hover .btn.c4-btn-text, 
a:focus .btn.c4-btn-text, 
a:active .btn.c4-btn-text {
    color: rgba(var(--c4-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c4-btn-borders:hover, 
.btn.c4-btn-borders:focus, 
.btn.c4-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c4-btn-borders .btn:hover, 
.btn-borders_c4-btn-borders .btn:focus, 
.btn-borders_c4-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c4-btn-text, 
.basic-buttons .btn-text_c4-btn-text .btn { 
    color: rgba(var(--c4-btn-bg), 1); 
}

.basic-buttons .btn.c4-btn-text:hover, 
.basic-buttons .btn.c4-btn-text:focus, 
.basic-buttons .btn.c4-btn-text:active, 
.basic-buttons .btn-text_c4-btn-text .btn:hover, 
.basic-buttons .btn-text_c4-btn-text .btn:focus, 
.basic-buttons .btn-text_c4-btn-text .btn:active { 
    color: rgba(var(--c4-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c4-btn-text-hover),1);
    border-color: rgba(var(--c4-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c5-btn-bg, 
.btn-bg_c5-btn-bg .btn {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

.c5-btn-bg:hover, 
.btn-bg_c5-btn-bg .btn:hover,
.btn.c5-btn-bg:focus, 
.btn-bg_c5-btn-bg .btn:focus,
.btn.c5-btn-bg:active, 
.btn-bg_c5-btn-bg .btn:active {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c5-btn-bg.c5-btn-bg-linear, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-linear:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-linear:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-linear:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c5-btn-bg.c5-btn-bg-radial, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-radial:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-radial:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-radial:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c5-btn-bg-hover:hover > span, 
.btn.c5-btn-bg-hover:focus > span, 
.btn.c5-btn-bg-hover:active > span, 
.btn-bg_c5-btn-bg-hover .btn:hover > span, 
.btn-bg_c5-btn-bg-hover .btn:focus > span, 
.btn-bg_c5-btn-bg-hover .btn:active > span,
a:hover .btn.c5-btn-bg-hover > span, 
a:focus .btn.c5-btn-bg-hover > span, 
a:active .btn.c5-btn-bg-hover > span,
.btn.c5-btn-bg-hover-solid:hover > span, 
.btn.c5-btn-bg-hover-solid:focus > span, 
.btn.c5-btn-bg-hover-solid:active > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c5-btn-bg-hover-solid > span, 
a:focus .btn.c5-btn-bg-hover-solid > span, 
a:active .btn.c5-btn-bg-hover-solid > span {
    background: rgba(var(--c5-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c5-btn-borders:hover, 
.btn-borders_c5-btn-borders .btn:hover,
.btn.c5-btn-borders:focus, 
.btn-borders_c5-btn-borders .btn:focus,
.btn.c5-btn-borders:active, 
.btn-borders_c5-btn-borders .btn:active,
a:hover .btn.c5-btn-borders, 
a:focus .btn.c5-btn-borders, 
a:active .btn.c5-btn-borders {
    border-color: rgba(var(--c5-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c5-btn-text:hover, 
.btn-text_c5-btn-text .btn:hover,
.btn.c5-btn-text:focus, 
.btn-text_c5-btn-text .btn:focus,
.btn.c5-btn-text:active, 
.btn-text_c5-btn-text .btn:active,
a:hover .btn.c5-btn-text, 
a:focus .btn.c5-btn-text, 
a:active .btn.c5-btn-text {
    color: rgba(var(--c5-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c5-btn-borders:hover, 
.btn.c5-btn-borders:focus, 
.btn.c5-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c5-btn-borders .btn:hover, 
.btn-borders_c5-btn-borders .btn:focus, 
.btn-borders_c5-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c5-btn-text, 
.basic-buttons .btn-text_c5-btn-text .btn { 
    color: rgba(var(--c5-btn-bg), 1); 
}

.basic-buttons .btn.c5-btn-text:hover, 
.basic-buttons .btn.c5-btn-text:focus, 
.basic-buttons .btn.c5-btn-text:active, 
.basic-buttons .btn-text_c5-btn-text .btn:hover, 
.basic-buttons .btn-text_c5-btn-text .btn:focus, 
.basic-buttons .btn-text_c5-btn-text .btn:active { 
    color: rgba(var(--c5-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c5-btn-text-hover),1);
    border-color: rgba(var(--c5-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c6-btn-bg, 
.btn-bg_c6-btn-bg .btn {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

.c6-btn-bg:hover, 
.btn-bg_c6-btn-bg .btn:hover,
.btn.c6-btn-bg:focus, 
.btn-bg_c6-btn-bg .btn:focus,
.btn.c6-btn-bg:active, 
.btn-bg_c6-btn-bg .btn:active {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c6-btn-bg.c6-btn-bg-linear, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-linear:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-linear:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-linear:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c6-btn-bg.c6-btn-bg-radial, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-radial:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-radial:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-radial:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c6-btn-bg-hover:hover > span, 
.btn.c6-btn-bg-hover:focus > span, 
.btn.c6-btn-bg-hover:active > span, 
.btn-bg_c6-btn-bg-hover .btn:hover > span, 
.btn-bg_c6-btn-bg-hover .btn:focus > span, 
.btn-bg_c6-btn-bg-hover .btn:active > span,
a:hover .btn.c6-btn-bg-hover > span, 
a:focus .btn.c6-btn-bg-hover > span, 
a:active .btn.c6-btn-bg-hover > span,
.btn.c6-btn-bg-hover-solid:hover > span, 
.btn.c6-btn-bg-hover-solid:focus > span, 
.btn.c6-btn-bg-hover-solid:active > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c6-btn-bg-hover-solid > span, 
a:focus .btn.c6-btn-bg-hover-solid > span, 
a:active .btn.c6-btn-bg-hover-solid > span {
    background: rgba(var(--c6-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-linear:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-radial:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c6-btn-borders:hover, 
.btn-borders_c6-btn-borders .btn:hover,
.btn.c6-btn-borders:focus, 
.btn-borders_c6-btn-borders .btn:focus,
.btn.c6-btn-borders:active, 
.btn-borders_c6-btn-borders .btn:active,
a:hover .btn.c6-btn-borders, 
a:focus .btn.c6-btn-borders, 
a:active .btn.c6-btn-borders {
    border-color: rgba(var(--c6-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c6-btn-text:hover, 
.btn-text_c6-btn-text .btn:hover,
.btn.c6-btn-text:focus, 
.btn-text_c6-btn-text .btn:focus,
.btn.c6-btn-text:active, 
.btn-text_c6-btn-text .btn:active,
a:hover .btn.c6-btn-text, 
a:focus .btn.c6-btn-text, 
a:active .btn.c6-btn-text {
    color: rgba(var(--c6-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c6-btn-borders:hover, 
.btn.c6-btn-borders:focus, 
.btn.c6-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c6-btn-borders .btn:hover, 
.btn-borders_c6-btn-borders .btn:focus, 
.btn-borders_c6-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c6-btn-text, 
.basic-buttons .btn-text_c6-btn-text .btn { 
    color: rgba(var(--c6-btn-bg), 1); 
}

.basic-buttons .btn.c6-btn-text:hover, 
.basic-buttons .btn.c6-btn-text:focus, 
.basic-buttons .btn.c6-btn-text:active, 
.basic-buttons .btn-text_c6-btn-text .btn:hover, 
.basic-buttons .btn-text_c6-btn-text .btn:focus, 
.basic-buttons .btn-text_c6-btn-text .btn:active { 
    color: rgba(var(--c6-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c6-btn-text-hover),1);
    border-color: rgba(var(--c6-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c7-btn-bg, 
.btn-bg_c7-btn-bg .btn {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

.c7-btn-bg:hover, 
.btn-bg_c7-btn-bg .btn:hover,
.btn.c7-btn-bg:focus, 
.btn-bg_c7-btn-bg .btn:focus,
.btn.c7-btn-bg:active, 
.btn-bg_c7-btn-bg .btn:active {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c7-btn-bg.c7-btn-bg-linear, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-linear:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-linear:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-linear:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c7-btn-bg.c7-btn-bg-radial, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-radial:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-radial:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-radial:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c7-btn-bg-hover:hover > span, 
.btn.c7-btn-bg-hover:focus > span, 
.btn.c7-btn-bg-hover:active > span, 
.btn-bg_c7-btn-bg-hover .btn:hover > span, 
.btn-bg_c7-btn-bg-hover .btn:focus > span, 
.btn-bg_c7-btn-bg-hover .btn:active > span,
a:hover .btn.c7-btn-bg-hover > span, 
a:focus .btn.c7-btn-bg-hover > span, 
a:active .btn.c7-btn-bg-hover > span,
.btn.c7-btn-bg-hover-solid:hover > span, 
.btn.c7-btn-bg-hover-solid:focus > span, 
.btn.c7-btn-bg-hover-solid:active > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c7-btn-bg-hover-solid > span, 
a:focus .btn.c7-btn-bg-hover-solid > span, 
a:active .btn.c7-btn-bg-hover-solid > span {
    background: rgba(var(--c7-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-linear:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c7-btn-bg-hover-angle), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-radial:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c7-btn-bg-hover-start-perc) var(--c7-btn-bg-hover-stop-perc), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c7-btn-borders, 
.btn-borders_c7-btn-borders .btn {
    border-color: rgba(var(--c7-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c7-btn-borders:hover, 
.btn-borders_c7-btn-borders .btn:hover,
.btn.c7-btn-borders:focus, 
.btn-borders_c7-btn-borders .btn:focus,
.btn.c7-btn-borders:active, 
.btn-borders_c7-btn-borders .btn:active,
a:hover .btn.c7-btn-borders, 
a:focus .btn.c7-btn-borders, 
a:active .btn.c7-btn-borders {
    border-color: rgba(var(--c7-btn-borders-hover), 1);
}


/* Button Text */

.btn.c7-btn-text, 
.btn-text_c7-btn-text .btn {
    color: rgba(var(--c7-btn-text), 1);
}

/* Button Text Hover */

.btn.c7-btn-text:hover, 
.btn-text_c7-btn-text .btn:hover,
.btn.c7-btn-text:focus, 
.btn-text_c7-btn-text .btn:focus,
.btn.c7-btn-text:active, 
.btn-text_c7-btn-text .btn:active,
a:hover .btn.c7-btn-text, 
a:focus .btn.c7-btn-text, 
a:active .btn.c7-btn-text {
    color: rgba(var(--c7-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c7-btn-borders:hover, 
.btn.c7-btn-borders:focus, 
.btn.c7-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c7-btn-borders .btn:hover, 
.btn-borders_c7-btn-borders .btn:focus, 
.btn-borders_c7-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c7-btn-text, 
.basic-buttons .btn-text_c7-btn-text .btn { 
    color: rgba(var(--c7-btn-bg), 1); 
}

.basic-buttons .btn.c7-btn-text:hover, 
.basic-buttons .btn.c7-btn-text:focus, 
.basic-buttons .btn.c7-btn-text:active, 
.basic-buttons .btn-text_c7-btn-text .btn:hover, 
.basic-buttons .btn-text_c7-btn-text .btn:focus, 
.basic-buttons .btn-text_c7-btn-text .btn:active { 
    color: rgba(var(--c7-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c7-btn-text-hover),1);
    border-color: rgba(var(--c7-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c8-btn-bg, 
.btn-bg_c8-btn-bg .btn {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

.c8-btn-bg:hover, 
.btn-bg_c8-btn-bg .btn:hover,
.btn.c8-btn-bg:focus, 
.btn-bg_c8-btn-bg .btn:focus,
.btn.c8-btn-bg:active, 
.btn-bg_c8-btn-bg .btn:active {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c8-btn-bg.c8-btn-bg-linear, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-linear:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-linear:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-linear:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c8-btn-bg.c8-btn-bg-radial, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-radial:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-radial:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-radial:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c8-btn-bg-hover:hover > span, 
.btn.c8-btn-bg-hover:focus > span, 
.btn.c8-btn-bg-hover:active > span, 
.btn-bg_c8-btn-bg-hover .btn:hover > span, 
.btn-bg_c8-btn-bg-hover .btn:focus > span, 
.btn-bg_c8-btn-bg-hover .btn:active > span,
a:hover .btn.c8-btn-bg-hover > span, 
a:focus .btn.c8-btn-bg-hover > span, 
a:active .btn.c8-btn-bg-hover > span,
.btn.c8-btn-bg-hover-solid:hover > span, 
.btn.c8-btn-bg-hover-solid:focus > span, 
.btn.c8-btn-bg-hover-solid:active > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c8-btn-bg-hover-solid > span, 
a:focus .btn.c8-btn-bg-hover-solid > span, 
a:active .btn.c8-btn-bg-hover-solid > span {
    background: rgba(var(--c8-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-linear:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c8-btn-bg-hover-angle), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-radial:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c8-btn-bg-hover-start-perc) var(--c8-btn-bg-hover-stop-perc), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c8-btn-borders, 
.btn-borders_c8-btn-borders .btn {
    border-color: rgba(var(--c8-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c8-btn-borders:hover, 
.btn-borders_c8-btn-borders .btn:hover,
.btn.c8-btn-borders:focus, 
.btn-borders_c8-btn-borders .btn:focus,
.btn.c8-btn-borders:active, 
.btn-borders_c8-btn-borders .btn:active,
a:hover .btn.c8-btn-borders, 
a:focus .btn.c8-btn-borders, 
a:active .btn.c8-btn-borders {
    border-color: rgba(var(--c8-btn-borders-hover), 1);
}


/* Button Text */

.btn.c8-btn-text, 
.btn-text_c8-btn-text .btn {
    color: rgba(var(--c8-btn-text), 1);
}

/* Button Text Hover */

.btn.c8-btn-text:hover, 
.btn-text_c8-btn-text .btn:hover,
.btn.c8-btn-text:focus, 
.btn-text_c8-btn-text .btn:focus,
.btn.c8-btn-text:active, 
.btn-text_c8-btn-text .btn:active,
a:hover .btn.c8-btn-text, 
a:focus .btn.c8-btn-text, 
a:active .btn.c8-btn-text {
    color: rgba(var(--c8-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c8-btn-borders:hover, 
.btn.c8-btn-borders:focus, 
.btn.c8-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c8-btn-borders .btn:hover, 
.btn-borders_c8-btn-borders .btn:focus, 
.btn-borders_c8-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c8-btn-text, 
.basic-buttons .btn-text_c8-btn-text .btn { 
    color: rgba(var(--c8-btn-bg), 1); 
}

.basic-buttons .btn.c8-btn-text:hover, 
.basic-buttons .btn.c8-btn-text:focus, 
.basic-buttons .btn.c8-btn-text:active, 
.basic-buttons .btn-text_c8-btn-text .btn:hover, 
.basic-buttons .btn-text_c8-btn-text .btn:focus, 
.basic-buttons .btn-text_c8-btn-text .btn:active { 
    color: rgba(var(--c8-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c8-btn-text-hover),1);
    border-color: rgba(var(--c8-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c9-btn-bg, 
.btn-bg_c9-btn-bg .btn {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

.c9-btn-bg:hover, 
.btn-bg_c9-btn-bg .btn:hover,
.btn.c9-btn-bg:focus, 
.btn-bg_c9-btn-bg .btn:focus,
.btn.c9-btn-bg:active, 
.btn-bg_c9-btn-bg .btn:active {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c9-btn-bg.c9-btn-bg-linear, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-linear:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-linear:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-linear:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c9-btn-bg.c9-btn-bg-radial, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-radial:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-radial:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-radial:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c9-btn-bg-hover:hover > span, 
.btn.c9-btn-bg-hover:focus > span, 
.btn.c9-btn-bg-hover:active > span, 
.btn-bg_c9-btn-bg-hover .btn:hover > span, 
.btn-bg_c9-btn-bg-hover .btn:focus > span, 
.btn-bg_c9-btn-bg-hover .btn:active > span,
a:hover .btn.c9-btn-bg-hover > span, 
a:focus .btn.c9-btn-bg-hover > span, 
a:active .btn.c9-btn-bg-hover > span,
.btn.c9-btn-bg-hover-solid:hover > span, 
.btn.c9-btn-bg-hover-solid:focus > span, 
.btn.c9-btn-bg-hover-solid:active > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c9-btn-bg-hover-solid > span, 
a:focus .btn.c9-btn-bg-hover-solid > span, 
a:active .btn.c9-btn-bg-hover-solid > span {
    background: rgba(var(--c9-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-linear:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c9-btn-bg-hover-angle), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-radial:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c9-btn-bg-hover-start-perc) var(--c9-btn-bg-hover-stop-perc), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c9-btn-borders, 
.btn-borders_c9-btn-borders .btn {
    border-color: rgba(var(--c9-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c9-btn-borders:hover, 
.btn-borders_c9-btn-borders .btn:hover,
.btn.c9-btn-borders:focus, 
.btn-borders_c9-btn-borders .btn:focus,
.btn.c9-btn-borders:active, 
.btn-borders_c9-btn-borders .btn:active,
a:hover .btn.c9-btn-borders, 
a:focus .btn.c9-btn-borders, 
a:active .btn.c9-btn-borders {
    border-color: rgba(var(--c9-btn-borders-hover), 1);
}


/* Button Text */

.btn.c9-btn-text, 
.btn-text_c9-btn-text .btn {
    color: rgba(var(--c9-btn-text), 1);
}

/* Button Text Hover */

.btn.c9-btn-text:hover, 
.btn-text_c9-btn-text .btn:hover,
.btn.c9-btn-text:focus, 
.btn-text_c9-btn-text .btn:focus,
.btn.c9-btn-text:active, 
.btn-text_c9-btn-text .btn:active,
a:hover .btn.c9-btn-text, 
a:focus .btn.c9-btn-text, 
a:active .btn.c9-btn-text {
    color: rgba(var(--c9-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c9-btn-borders:hover, 
.btn.c9-btn-borders:focus, 
.btn.c9-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c9-btn-borders .btn:hover, 
.btn-borders_c9-btn-borders .btn:focus, 
.btn-borders_c9-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c9-btn-text, 
.basic-buttons .btn-text_c9-btn-text .btn { 
    color: rgba(var(--c9-btn-bg), 1); 
}

.basic-buttons .btn.c9-btn-text:hover, 
.basic-buttons .btn.c9-btn-text:focus, 
.basic-buttons .btn.c9-btn-text:active, 
.basic-buttons .btn-text_c9-btn-text .btn:hover, 
.basic-buttons .btn-text_c9-btn-text .btn:focus, 
.basic-buttons .btn-text_c9-btn-text .btn:active { 
    color: rgba(var(--c9-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c9-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c9-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c9-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c9-btn-bg-hover-color1),1);
    background: linear-gradient(var(--c9-btn-bg-hover-angle), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
    color: rgba(var(--c9-btn-text-hover),1);
    border-color: rgba(var(--c9-btn-borders-hover),1);
}



/*  
---------------------------------------------------
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=Poppins:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');

:root {

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

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

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

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors: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: 1600px;

    --site-spacing_sm: 40px;
    --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: 70px;
    --large-header: 160px;

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

    --logo_lg-padding_top: 0px;
    --logo_lg-padding_right: 0px;
    --logo_lg-padding_bottom: 0px;
    --logo_lg-padding_left: 0px;

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

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

    --content-col_pc-spacing: 15px;
    --pc-spacing: 50px;
    --pc-spacing_sm: 50px;
    --pc-spacing_md: 70px;
    --pc-spacing_lg: 100px;
    --pc-spacing_xl: 150px;

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

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

    --btn-border-width: 0px;
    --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: 8px;
    --btn-padding_right: 12px;
    --btn-padding_bottom: 8px;
    --btn-padding_left: 12px;

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

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 255, 255, 255;
    --body-bg-color2:  255, 255, 255;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 255, 255, 255;
    --header-bg-color2:  255, 255, 255;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 0, 0, 0;
    --header-borders: 255, 255, 255;
    --header-highlight: 255, 255, 255;
    
    /* Main Navigation */
    --main-navigation-link: 33, 33, 33;
    --main-navigation-link-hover: 33, 33, 33;
    --main-navigation-link-active: 33, 33, 33;

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 255, 255, 255;
    --secondary-navigation-link-hover: 239, 231, 244;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 255, 255, 255;
    --navigation-dropdown-color2:  255, 255, 255;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 51, 51, 51;
    --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: 51, 51, 51;
    --base-secondary-heading: 51, 51, 51;
    --base-text: 52, 59, 61;
    --base-link: 33, 33, 33;
    --base-link-hover: 8, 102, 161;
    --base-borders: 49, 42, 35;
    --base-highlight: 108, 108, 108;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 8, 102, 161;
    --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: 255, 255, 255;
    --base-btn-borders: 8, 102, 161;
    --base-btn-bg-hover-color1: 211, 238, 255;
    --base-btn-bg-hover-color2:  255, 255, 255;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 8, 102, 161;
    --base-btn-borders-hover: 211, 238, 255;
    
    /* Footer */
    --footer-bg-color1: 8, 102, 161;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 255, 255, 255;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 255, 255, 255;
    --footer-borders: 255, 255, 255;
    --footer-highlight: 255, 255, 255;

    --c1-bg-color1: 33, 33, 33;
--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: 255, 255, 255;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 255;
--c1-highlight-text: 33, 33, 33;
--c2-bg-color1: 247, 237, 215;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 33, 33, 33;
--c2-secondary-heading: 33, 33, 33;
--c2-text: 33, 33, 33;
--c2-link: 33, 33, 33;
--c2-link-hover: 33, 33, 33;
--c2-borders: 33, 33, 33;
--c2-highlight: 33, 33, 33;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 255, 237, 229;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 33, 33, 33;
--c3-secondary-heading: 33, 33, 33;
--c3-text: 33, 33, 33;
--c3-link: 33, 33, 33;
--c3-link-hover: 33, 33, 33;
--c3-borders: 33, 33, 33;
--c3-highlight: 33, 33, 33;
--c3-highlight-text: 255, 255, 255;
--c4-bg-color1: 235, 225, 237;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 128, 64, 141;
--c4-secondary-heading: 128, 64, 141;
--c4-text: 128, 64, 141;
--c4-link: 128, 64, 141;
--c4-link-hover: 128, 64, 141;
--c4-borders: 128, 64, 141;
--c4-highlight: 128, 64, 141;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 229, 245, 224;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 61, 123, 35;
--c5-secondary-heading: 61, 123, 35;
--c5-text: 61, 123, 35;
--c5-link: 61, 123, 35;
--c5-link-hover: 61, 123, 35;
--c5-borders: 61, 123, 35;
--c5-highlight: 61, 123, 35;
--c5-highlight-text: 255, 255, 255;
--c6-bg-color1: 8, 102, 161;
--c6-bg-color2:  0, 0, 0;
--c6-bg-start-perc: 50%;
--c6-bg-stop-perc: 50%;
--c6-bg-angle: 90deg;
--c6-heading: 255, 255, 255;
--c6-secondary-heading: 255, 255, 255;
--c6-text: 255, 255, 255;
--c6-link: 255, 255, 255;
--c6-link-hover: 255, 255, 255;
--c6-borders: 255, 255, 255;
--c6-highlight: 255, 255, 255;
--c6-highlight-text: 8, 102, 161;
--c7-bg-color1: 211, 238, 255;
--c7-bg-color2:  0, 0, 0;
--c7-bg-start-perc: 50%;
--c7-bg-stop-perc: 50%;
--c7-bg-angle: 90deg;
--c7-heading: 8, 102, 161;
--c7-secondary-heading: 8, 102, 161;
--c7-text: 33, 33, 33;
--c7-link: 33, 33, 33;
--c7-link-hover: 108, 108, 108;
--c7-borders: 33, 33, 33;
--c7-highlight: 8, 102, 161;
--c7-highlight-text: 255, 255, 255;
--c8-bg-color1: 224, 10, 8;
--c8-bg-color2:  0, 0, 0;
--c8-bg-start-perc: 50%;
--c8-bg-stop-perc: 50%;
--c8-bg-angle: 90deg;
--c8-heading: 255, 255, 255;
--c8-secondary-heading: 255, 255, 255;
--c8-text: 255, 255, 255;
--c8-link: 255, 255, 255;
--c8-link-hover: 255, 255, 255;
--c8-borders: 255, 255, 255;
--c8-highlight: 255, 255, 255;
--c8-highlight-text: 224, 10, 8;
--c9-bg-color1: 241, 241, 242;
--c9-bg-color2:  0, 0, 0;
--c9-bg-start-perc: 50%;
--c9-bg-stop-perc: 50%;
--c9-bg-angle: 90deg;
--c9-heading: 33, 33, 33;
--c9-secondary-heading: 33, 33, 33;
--c9-text: 33, 33, 33;
--c9-link: 33, 33, 33;
--c9-link-hover: 108, 108, 108;
--c9-borders: 33, 33, 33;
--c9-highlight: 108, 108, 108;
--c9-highlight-text: 255, 255, 255;
--c10-bg-color1: 128, 64, 141;
--c10-bg-color2:  0, 0, 0;
--c10-bg-start-perc: 50%;
--c10-bg-stop-perc: 50%;
--c10-bg-angle: 90deg;
--c10-heading: 255, 255, 255;
--c10-secondary-heading: 255, 255, 255;
--c10-text: 255, 255, 255;
--c10-link: 255, 255, 255;
--c10-link-hover: 255, 255, 255;
--c10-borders: 255, 255, 255;
--c10-highlight: 255, 255, 255;
--c10-highlight-text: 128, 64, 141;
--c11-bg-color1: 184, 77, 0;
--c11-bg-color2:  0, 0, 0;
--c11-bg-start-perc: 50%;
--c11-bg-stop-perc: 50%;
--c11-bg-angle: 90deg;
--c11-heading: 255, 255, 255;
--c11-secondary-heading: 255, 255, 255;
--c11-text: 255, 255, 255;
--c11-link: 255, 255, 255;
--c11-link-hover: 255, 255, 255;
--c11-borders: 0, 0, 0;
--c11-highlight: 255, 255, 255;
--c11-highlight-text: 184, 77, 0;
--c12-bg-color1: 61, 123, 35;
--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: 255, 255, 255;
--c12-borders: 255, 255, 255;
--c12-highlight: 255, 255, 255;
--c12-highlight-text: 61, 123, 35;
--c13-bg-color1: 255, 255, 255;
--c13-bg-color2:  0, 0, 0;
--c13-bg-start-perc: 50%;
--c13-bg-stop-perc: 50%;
--c13-bg-angle: 90deg;
--c13-heading: 8, 102, 161;
--c13-secondary-heading: 8, 102, 161;
--c13-text: 8, 102, 161;
--c13-link: 8, 102, 161;
--c13-link-hover: 8, 102, 161;
--c13-borders: 8, 102, 161;
--c13-highlight: 8, 102, 161;
--c13-highlight-text: 255, 255, 255;
--c14-bg-color1: 255, 255, 255;
--c14-bg-color2:  0, 0, 0;
--c14-bg-start-perc: 50%;
--c14-bg-stop-perc: 50%;
--c14-bg-angle: 90deg;
--c14-heading: 8, 102, 161;
--c14-secondary-heading: 33, 33, 33;
--c14-text: 33, 33, 33;
--c14-link: 33, 33, 33;
--c14-link-hover: 108, 108, 108;
--c14-borders: 33, 33, 33;
--c14-highlight: 108, 108, 108;
--c14-highlight-text: 255, 255, 255;
--c15-bg-color1: 255, 239, 229;
--c15-bg-color2:  0, 0, 0;
--c15-bg-start-perc: 50%;
--c15-bg-stop-perc: 50%;
--c15-bg-angle: 90deg;
--c15-heading: 184, 77, 0;
--c15-secondary-heading: 184, 77, 0;
--c15-text: 184, 77, 0;
--c15-link: 184, 77, 0;
--c15-link-hover: 184, 77, 0;
--c15-borders: 184, 77, 0;
--c15-highlight: 184, 77, 0;
--c15-highlight-text: 255, 255, 255;
--c16-bg-color1: 229, 245, 224;
--c16-bg-color2:  0, 0, 0;
--c16-bg-start-perc: 50%;
--c16-bg-stop-perc: 50%;
--c16-bg-angle: 90deg;
--c16-heading: 61, 123, 35;
--c16-secondary-heading: 33, 33, 33;
--c16-text: 33, 33, 33;
--c16-link: 33, 33, 33;
--c16-link-hover: 33, 33, 33;
--c16-borders: 0, 0, 0;
--c16-highlight: 33, 33, 33;
--c16-highlight-text: 255, 255, 255;
--c17-bg-color1: 201, 0, 107;
--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: 0, 0, 0;
--c17-borders: 255, 255, 255;
--c17-highlight: 255, 255, 255;
--c17-highlight-text: 201, 0, 107;


    --c1-btn-bg-color1:  224, 10, 8;
--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: 224, 10, 8;
--c1-btn-bg-hover-color1:  33, 33, 33;
--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: 255, 255, 255;
--c1-btn-borders-hover: 33, 33, 33;
--c2-btn-bg-color1:  211, 238, 255;
--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: 51, 51, 51;
--c2-btn-borders: 211, 238, 255;
--c2-btn-bg-hover-color1:  33, 33, 33;
--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: 255, 255, 255;
--c2-btn-borders-hover: 33, 33, 33;
--c3-btn-bg-color1:  128, 64, 141;
--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: 128, 64, 141;
--c3-btn-bg-hover-color1:  235, 225, 237;
--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: 128, 64, 141;
--c3-btn-borders-hover: 235, 225, 237;
--c4-btn-bg-color1:  61, 123, 35;
--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: 61, 123, 35;
--c4-btn-bg-hover-color1:  229, 245, 224;
--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: 61, 123, 35;
--c4-btn-borders-hover: 229, 245, 224;
--c5-btn-bg-color1:  255, 227, 227;
--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: 33, 33, 33;
--c5-btn-borders: 255, 227, 227;
--c5-btn-bg-hover-color1:  33, 33, 33;
--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: 33, 33, 33;
--c6-btn-bg-color1:  8, 102, 161;
--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: 8, 102, 161;
--c6-btn-bg-hover-color1:  211, 238, 255;
--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: 8, 102, 161;
--c6-btn-borders-hover: 211, 238, 255;
--c7-btn-bg-color1:  247, 237, 215;
--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: 33, 33, 33;
--c7-btn-borders: 247, 237, 215;
--c7-btn-bg-hover-color1:  33, 33, 33;
--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, 33, 33;
--c8-btn-bg-color1:  201, 0, 107;
--c8-btn-bg-color2:  0, 0, 0;
--c8-btn-bg-start-perc: 50%;
--c8-btn-bg-stop-perc: 50%;
--c8-btn-bg-angle: 90deg;
--c8-btn-text: 255, 255, 255;
--c8-btn-borders: 201, 0, 107;
--c8-btn-bg-hover-color1:  255, 229, 244;
--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: 201, 0, 107;
--c8-btn-borders-hover: 255, 229, 244;
--c9-btn-bg-color1:  184, 77, 0;
--c9-btn-bg-color2:  0, 0, 0;
--c9-btn-bg-start-perc: 50%;
--c9-btn-bg-stop-perc: 50%;
--c9-btn-bg-angle: 90deg;
--c9-btn-text: 255, 255, 255;
--c9-btn-borders: 184, 77, 0;
--c9-btn-bg-hover-color1:  184, 77, 0;
--c9-btn-bg-hover-color2:  255, 255, 255;
--c9-btn-bg-hover-start-perc: 50%;
--c9-btn-bg-hover-stop-perc: 50%;
--c9-btn-bg-hover-angle: 90deg;
--c9-btn-text-hover: 255, 255, 255;
--c9-btn-borders-hover: 184, 77, 0;


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

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

    --h1-typography_font-name: 'Poppins',sans-serif;
    --h1-typography_font-weight: 900;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 110%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 31px; 
    --h1-typography_font-size_sm: 31px; 
    --h1-typography_font-size_md: 40px; 
    --h1-typography_font-size_lg: 40px; 
    --h1-typography_font-size_xl: 44px; 

    --h2-typography_font-name: 'Poppins',sans-serif;
    --h2-typography_font-weight: 700;
    --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: 22px; 
    --h2-typography_font-size_sm: 22px; 
    --h2-typography_font-size_md: 32px; 
    --h2-typography_font-size_lg: 32px; 
    --h2-typography_font-size_xl: 32px; 

    --h3-typography_font-name: 'Poppins',sans-serif;
    --h3-typography_font-weight: 700;
    --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: 22px; 
    --h3-typography_font-size_sm: 22px; 
    --h3-typography_font-size_md: 28px; 
    --h3-typography_font-size_lg: 28px; 
    --h3-typography_font-size_xl: 28px; 

    --h4-typography_font-name: 'Poppins',sans-serif;
    --h4-typography_font-weight: 700;
    --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: 18px; 
    --h4-typography_font-size_sm: 18px; 
    --h4-typography_font-size_md: 20px; 
    --h4-typography_font-size_lg: 20px; 
    --h4-typography_font-size_xl: 20px; 

    --h5-typography_font-name: 'Poppins',sans-serif;
    --h5-typography_font-weight: 700;
    --h5-typography_font-style: normal;
    --h5-typography_font-line-height: 100%;
    --h5-typography_font-letter-spacing: 0px;
    --h5-typography_font-transform: None;

    --h5-typography_font-size: 18px; 
    --h5-typography_font-size_sm: 18px; 
    --h5-typography_font-size_md: 20px; 
    --h5-typography_font-size_lg: 20px; 
    --h5-typography_font-size_xl: 20px; 

    --h6-typography_font-name: 'Poppins',sans-serif;
    --h6-typography_font-weight: 700;
    --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: 18px; 
    --h6-typography_font-size_sm: 18px; 
    --h6-typography_font-size_md: 20px; 
    --h6-typography_font-size_lg: 20px; 
    --h6-typography_font-size_xl: 20px; 

    --p-heading-typography_font-name: 'Poppins',sans-serif;
    --p-heading-typography_font-weight: 700;
    --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: 20px; 
    --p-heading-typography_font-size_sm: 20px; 
    --p-heading-typography_font-size_md: 20px; 
    --p-heading-typography_font-size_lg: 20px; 
    --p-heading-typography_font-size_xl: 20px; 

    --p-heading_small-typography_font-name: 'Poppins',sans-serif;
    --p-heading_small-typography_font-weight: 700;
    --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: 18px; 
    --p-heading_small-typography_font-size_lg: 18px; 
    --p-heading_small-typography_font-size_xl: 18px; 

    --p-heading_large-typography_font-name: 'Poppins',sans-serif;
    --p-heading_large-typography_font-weight: 700;
    --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: 22px; 
    --p-heading_large-typography_font-size_sm: 22px; 
    --p-heading_large-typography_font-size_md: 22px; 
    --p-heading_large-typography_font-size_lg: 22px; 
    --p-heading_large-typography_font-size_xl: 22px; 

    --p-intro-typography_font-name: 'Poppins',sans-serif;
    --p-intro-typography_font-weight: 500;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 130%;
    --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: 'Poppins',sans-serif;
    --p-intro_small-typography_font-weight: 500;
    --p-intro_small-typography_font-style: normal;
    --p-intro_small-typography_font-line-height: 130%;
    --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: 'Poppins',sans-serif;
    --p-intro_large-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --secondary-heading-typography_font-weight: 500;
    --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: 18px; 
    --secondary-heading-typography_font-size_sm: 18px; 
    --secondary-heading-typography_font-size_md: 18px; 
    --secondary-heading-typography_font-size_lg: 18px; 
    --secondary-heading-typography_font-size_xl: 18px;  

    --secondary-heading_small-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading_small-typography_font-weight: 500;
    --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: 16px; 
    --secondary-heading_small-typography_font-size_sm: 18px; 
    --secondary-heading_small-typography_font-size_md: 18px; 
    --secondary-heading_small-typography_font-size_lg: 18px; 
    --secondary-heading_small-typography_font-size_xl: 18px;  

    --secondary-heading_large-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading_large-typography_font-weight: 500;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 120%;
    --secondary-heading_large-typography_font-letter-spacing: 0px;
    --secondary-heading_large-typography_font-transform: None;

    --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: 'Poppins',sans-serif;
    --blockquote-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --blockquote_small-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --blockquote_large-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --btn-typography_font-weight: 700;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 120%;
    --btn-typography_font-letter-spacing: 0px;
    --btn-typography_font-transform: None;

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

    --btn_small-typography_font-name: 'Poppins',sans-serif;
    --btn_small-typography_font-weight: 700;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 100%;
    --btn_small-typography_font-letter-spacing: 0px;
    --btn_small-typography_font-transform: None;

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

    --btn_large-typography_font-name: 'Poppins',sans-serif;
    --btn_large-typography_font-weight: 700;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 130%;
    --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: 23px; 
    --btn_large-typography_font-size_lg: 23px; 
    --btn_large-typography_font-size_xl: 23px;  

    --main-navigation-typography_font-name: 'Poppins',sans-serif;
    --main-navigation-typography_font-weight: 600;
    --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: 'Poppins',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 600;
    --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: 'Poppins',sans-serif;
    --secondary-navigation-typography_font-weight: 600;
    --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: 15px; 
    --secondary-navigation-typography_font-size_sm: 15px; 
    --secondary-navigation-typography_font-size_md: 15px; 
    --secondary-navigation-typography_font-size_lg: 15px; 
    --secondary-navigation-typography_font-size_xl: 16px;  

    --sub-navigation-typography_font-name: 'Poppins',sans-serif;
    --sub-navigation-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --footer-navigation-typography_font-weight: 700;
    --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: 'Poppins',sans-serif;
    --breadcrumb-navigation-typography_font-weight: 500;
    --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: 'Poppins',sans-serif;
    --anchor-navigation-typography_font-weight: 700;
    --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: 'Poppins',sans-serif;
    --acc-tab-typography_font-weight: 700;
    --acc-tab-typography_font-style: normal;
    --acc-tab-typography_font-line-height: 150%;
    --acc-tab-typography_font-letter-spacing: 0px;
    --acc-tab-typography_font-transform: None;

    --acc-tab-typography_font-size: 16px; 
    --acc-tab-typography_font-size_sm: 16px; 
    --acc-tab-typography_font-size_md: 16px; 
    --acc-tab-typography_font-size_lg: 16px; 
    --acc-tab-typography_font-size_xl: 18px;
    
    --logo-typography_font-name: 'Poppins',sans-serif;
    --logo-typography_font-weight: 500;
    --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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}


/*	
--------------------------------------------------
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;
}




/*	
--------------------------------------------------
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);
    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%); 
    color: rgba(var(--c1-btn-text-hover),1);
    border-color: rgba(var(--c1-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c2-btn-text:hover, 
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus, 
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active, 
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text, 
a:focus .btn.c2-btn-text, 
a:active .btn.c2-btn-text {
    color: rgba(var(--c2-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c2-btn-text-hover),1);
    border-color: rgba(var(--c2-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c3-btn-bg, 
.btn-bg_c3-btn-bg .btn {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

.c3-btn-bg:hover, 
.btn-bg_c3-btn-bg .btn:hover,
.btn.c3-btn-bg:focus, 
.btn-bg_c3-btn-bg .btn:focus,
.btn.c3-btn-bg:active, 
.btn-bg_c3-btn-bg .btn:active {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c3-btn-bg.c3-btn-bg-linear, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-linear:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-linear:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-linear:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c3-btn-bg.c3-btn-bg-radial, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-radial:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-radial:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-radial:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c3-btn-bg-hover:hover > span, 
.btn.c3-btn-bg-hover:focus > span, 
.btn.c3-btn-bg-hover:active > span, 
.btn-bg_c3-btn-bg-hover .btn:hover > span, 
.btn-bg_c3-btn-bg-hover .btn:focus > span, 
.btn-bg_c3-btn-bg-hover .btn:active > span,
a:hover .btn.c3-btn-bg-hover > span, 
a:focus .btn.c3-btn-bg-hover > span, 
a:active .btn.c3-btn-bg-hover > span,
.btn.c3-btn-bg-hover-solid:hover > span, 
.btn.c3-btn-bg-hover-solid:focus > span, 
.btn.c3-btn-bg-hover-solid:active > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c3-btn-bg-hover-solid > span, 
a:focus .btn.c3-btn-bg-hover-solid > span, 
a:active .btn.c3-btn-bg-hover-solid > span {
    background: rgba(var(--c3-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c3-btn-borders:hover, 
.btn-borders_c3-btn-borders .btn:hover,
.btn.c3-btn-borders:focus, 
.btn-borders_c3-btn-borders .btn:focus,
.btn.c3-btn-borders:active, 
.btn-borders_c3-btn-borders .btn:active,
a:hover .btn.c3-btn-borders, 
a:focus .btn.c3-btn-borders, 
a:active .btn.c3-btn-borders {
    border-color: rgba(var(--c3-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c3-btn-text:hover, 
.btn-text_c3-btn-text .btn:hover,
.btn.c3-btn-text:focus, 
.btn-text_c3-btn-text .btn:focus,
.btn.c3-btn-text:active, 
.btn-text_c3-btn-text .btn:active,
a:hover .btn.c3-btn-text, 
a:focus .btn.c3-btn-text, 
a:active .btn.c3-btn-text {
    color: rgba(var(--c3-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c3-btn-borders:hover, 
.btn.c3-btn-borders:focus, 
.btn.c3-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c3-btn-borders .btn:hover, 
.btn-borders_c3-btn-borders .btn:focus, 
.btn-borders_c3-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c3-btn-text, 
.basic-buttons .btn-text_c3-btn-text .btn { 
    color: rgba(var(--c3-btn-bg), 1); 
}

.basic-buttons .btn.c3-btn-text:hover, 
.basic-buttons .btn.c3-btn-text:focus, 
.basic-buttons .btn.c3-btn-text:active, 
.basic-buttons .btn-text_c3-btn-text .btn:hover, 
.basic-buttons .btn-text_c3-btn-text .btn:focus, 
.basic-buttons .btn-text_c3-btn-text .btn:active { 
    color: rgba(var(--c3-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c3-btn-text-hover),1);
    border-color: rgba(var(--c3-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c4-btn-bg, 
.btn-bg_c4-btn-bg .btn {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

.c4-btn-bg:hover, 
.btn-bg_c4-btn-bg .btn:hover,
.btn.c4-btn-bg:focus, 
.btn-bg_c4-btn-bg .btn:focus,
.btn.c4-btn-bg:active, 
.btn-bg_c4-btn-bg .btn:active {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c4-btn-bg.c4-btn-bg-linear, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-linear:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-linear:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-linear:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c4-btn-bg.c4-btn-bg-radial, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-radial:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-radial:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-radial:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c4-btn-bg-hover:hover > span, 
.btn.c4-btn-bg-hover:focus > span, 
.btn.c4-btn-bg-hover:active > span, 
.btn-bg_c4-btn-bg-hover .btn:hover > span, 
.btn-bg_c4-btn-bg-hover .btn:focus > span, 
.btn-bg_c4-btn-bg-hover .btn:active > span,
a:hover .btn.c4-btn-bg-hover > span, 
a:focus .btn.c4-btn-bg-hover > span, 
a:active .btn.c4-btn-bg-hover > span,
.btn.c4-btn-bg-hover-solid:hover > span, 
.btn.c4-btn-bg-hover-solid:focus > span, 
.btn.c4-btn-bg-hover-solid:active > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c4-btn-bg-hover-solid > span, 
a:focus .btn.c4-btn-bg-hover-solid > span, 
a:active .btn.c4-btn-bg-hover-solid > span {
    background: rgba(var(--c4-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c4-btn-borders:hover, 
.btn-borders_c4-btn-borders .btn:hover,
.btn.c4-btn-borders:focus, 
.btn-borders_c4-btn-borders .btn:focus,
.btn.c4-btn-borders:active, 
.btn-borders_c4-btn-borders .btn:active,
a:hover .btn.c4-btn-borders, 
a:focus .btn.c4-btn-borders, 
a:active .btn.c4-btn-borders {
    border-color: rgba(var(--c4-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c4-btn-text:hover, 
.btn-text_c4-btn-text .btn:hover,
.btn.c4-btn-text:focus, 
.btn-text_c4-btn-text .btn:focus,
.btn.c4-btn-text:active, 
.btn-text_c4-btn-text .btn:active,
a:hover .btn.c4-btn-text, 
a:focus .btn.c4-btn-text, 
a:active .btn.c4-btn-text {
    color: rgba(var(--c4-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c4-btn-borders:hover, 
.btn.c4-btn-borders:focus, 
.btn.c4-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c4-btn-borders .btn:hover, 
.btn-borders_c4-btn-borders .btn:focus, 
.btn-borders_c4-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c4-btn-text, 
.basic-buttons .btn-text_c4-btn-text .btn { 
    color: rgba(var(--c4-btn-bg), 1); 
}

.basic-buttons .btn.c4-btn-text:hover, 
.basic-buttons .btn.c4-btn-text:focus, 
.basic-buttons .btn.c4-btn-text:active, 
.basic-buttons .btn-text_c4-btn-text .btn:hover, 
.basic-buttons .btn-text_c4-btn-text .btn:focus, 
.basic-buttons .btn-text_c4-btn-text .btn:active { 
    color: rgba(var(--c4-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c4-btn-text-hover),1);
    border-color: rgba(var(--c4-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c5-btn-bg, 
.btn-bg_c5-btn-bg .btn {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

.c5-btn-bg:hover, 
.btn-bg_c5-btn-bg .btn:hover,
.btn.c5-btn-bg:focus, 
.btn-bg_c5-btn-bg .btn:focus,
.btn.c5-btn-bg:active, 
.btn-bg_c5-btn-bg .btn:active {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c5-btn-bg.c5-btn-bg-linear, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-linear:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-linear:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-linear:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c5-btn-bg.c5-btn-bg-radial, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-radial:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-radial:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-radial:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c5-btn-bg-hover:hover > span, 
.btn.c5-btn-bg-hover:focus > span, 
.btn.c5-btn-bg-hover:active > span, 
.btn-bg_c5-btn-bg-hover .btn:hover > span, 
.btn-bg_c5-btn-bg-hover .btn:focus > span, 
.btn-bg_c5-btn-bg-hover .btn:active > span,
a:hover .btn.c5-btn-bg-hover > span, 
a:focus .btn.c5-btn-bg-hover > span, 
a:active .btn.c5-btn-bg-hover > span,
.btn.c5-btn-bg-hover-solid:hover > span, 
.btn.c5-btn-bg-hover-solid:focus > span, 
.btn.c5-btn-bg-hover-solid:active > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c5-btn-bg-hover-solid > span, 
a:focus .btn.c5-btn-bg-hover-solid > span, 
a:active .btn.c5-btn-bg-hover-solid > span {
    background: rgba(var(--c5-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c5-btn-borders:hover, 
.btn-borders_c5-btn-borders .btn:hover,
.btn.c5-btn-borders:focus, 
.btn-borders_c5-btn-borders .btn:focus,
.btn.c5-btn-borders:active, 
.btn-borders_c5-btn-borders .btn:active,
a:hover .btn.c5-btn-borders, 
a:focus .btn.c5-btn-borders, 
a:active .btn.c5-btn-borders {
    border-color: rgba(var(--c5-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c5-btn-text:hover, 
.btn-text_c5-btn-text .btn:hover,
.btn.c5-btn-text:focus, 
.btn-text_c5-btn-text .btn:focus,
.btn.c5-btn-text:active, 
.btn-text_c5-btn-text .btn:active,
a:hover .btn.c5-btn-text, 
a:focus .btn.c5-btn-text, 
a:active .btn.c5-btn-text {
    color: rgba(var(--c5-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c5-btn-borders:hover, 
.btn.c5-btn-borders:focus, 
.btn.c5-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c5-btn-borders .btn:hover, 
.btn-borders_c5-btn-borders .btn:focus, 
.btn-borders_c5-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c5-btn-text, 
.basic-buttons .btn-text_c5-btn-text .btn { 
    color: rgba(var(--c5-btn-bg), 1); 
}

.basic-buttons .btn.c5-btn-text:hover, 
.basic-buttons .btn.c5-btn-text:focus, 
.basic-buttons .btn.c5-btn-text:active, 
.basic-buttons .btn-text_c5-btn-text .btn:hover, 
.basic-buttons .btn-text_c5-btn-text .btn:focus, 
.basic-buttons .btn-text_c5-btn-text .btn:active { 
    color: rgba(var(--c5-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c5-btn-text-hover),1);
    border-color: rgba(var(--c5-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c6-btn-bg, 
.btn-bg_c6-btn-bg .btn {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

.c6-btn-bg:hover, 
.btn-bg_c6-btn-bg .btn:hover,
.btn.c6-btn-bg:focus, 
.btn-bg_c6-btn-bg .btn:focus,
.btn.c6-btn-bg:active, 
.btn-bg_c6-btn-bg .btn:active {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c6-btn-bg.c6-btn-bg-linear, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-linear:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-linear:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-linear:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c6-btn-bg.c6-btn-bg-radial, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-radial:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-radial:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-radial:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c6-btn-bg-hover:hover > span, 
.btn.c6-btn-bg-hover:focus > span, 
.btn.c6-btn-bg-hover:active > span, 
.btn-bg_c6-btn-bg-hover .btn:hover > span, 
.btn-bg_c6-btn-bg-hover .btn:focus > span, 
.btn-bg_c6-btn-bg-hover .btn:active > span,
a:hover .btn.c6-btn-bg-hover > span, 
a:focus .btn.c6-btn-bg-hover > span, 
a:active .btn.c6-btn-bg-hover > span,
.btn.c6-btn-bg-hover-solid:hover > span, 
.btn.c6-btn-bg-hover-solid:focus > span, 
.btn.c6-btn-bg-hover-solid:active > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c6-btn-bg-hover-solid > span, 
a:focus .btn.c6-btn-bg-hover-solid > span, 
a:active .btn.c6-btn-bg-hover-solid > span {
    background: rgba(var(--c6-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-linear:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-radial:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c6-btn-borders:hover, 
.btn-borders_c6-btn-borders .btn:hover,
.btn.c6-btn-borders:focus, 
.btn-borders_c6-btn-borders .btn:focus,
.btn.c6-btn-borders:active, 
.btn-borders_c6-btn-borders .btn:active,
a:hover .btn.c6-btn-borders, 
a:focus .btn.c6-btn-borders, 
a:active .btn.c6-btn-borders {
    border-color: rgba(var(--c6-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

.btn.c6-btn-text:hover, 
.btn-text_c6-btn-text .btn:hover,
.btn.c6-btn-text:focus, 
.btn-text_c6-btn-text .btn:focus,
.btn.c6-btn-text:active, 
.btn-text_c6-btn-text .btn:active,
a:hover .btn.c6-btn-text, 
a:focus .btn.c6-btn-text, 
a:active .btn.c6-btn-text {
    color: rgba(var(--c6-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c6-btn-borders:hover, 
.btn.c6-btn-borders:focus, 
.btn.c6-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c6-btn-borders .btn:hover, 
.btn-borders_c6-btn-borders .btn:focus, 
.btn-borders_c6-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c6-btn-text, 
.basic-buttons .btn-text_c6-btn-text .btn { 
    color: rgba(var(--c6-btn-bg), 1); 
}

.basic-buttons .btn.c6-btn-text:hover, 
.basic-buttons .btn.c6-btn-text:focus, 
.basic-buttons .btn.c6-btn-text:active, 
.basic-buttons .btn-text_c6-btn-text .btn:hover, 
.basic-buttons .btn-text_c6-btn-text .btn:focus, 
.basic-buttons .btn-text_c6-btn-text .btn:active { 
    color: rgba(var(--c6-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c6-btn-text-hover),1);
    border-color: rgba(var(--c6-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c7-btn-bg, 
.btn-bg_c7-btn-bg .btn {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

.c7-btn-bg:hover, 
.btn-bg_c7-btn-bg .btn:hover,
.btn.c7-btn-bg:focus, 
.btn-bg_c7-btn-bg .btn:focus,
.btn.c7-btn-bg:active, 
.btn-bg_c7-btn-bg .btn:active {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c7-btn-bg.c7-btn-bg-linear, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-linear:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-linear:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-linear:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c7-btn-bg.c7-btn-bg-radial, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-radial:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-radial:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-radial:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c7-btn-bg-hover:hover > span, 
.btn.c7-btn-bg-hover:focus > span, 
.btn.c7-btn-bg-hover:active > span, 
.btn-bg_c7-btn-bg-hover .btn:hover > span, 
.btn-bg_c7-btn-bg-hover .btn:focus > span, 
.btn-bg_c7-btn-bg-hover .btn:active > span,
a:hover .btn.c7-btn-bg-hover > span, 
a:focus .btn.c7-btn-bg-hover > span, 
a:active .btn.c7-btn-bg-hover > span,
.btn.c7-btn-bg-hover-solid:hover > span, 
.btn.c7-btn-bg-hover-solid:focus > span, 
.btn.c7-btn-bg-hover-solid:active > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c7-btn-bg-hover-solid > span, 
a:focus .btn.c7-btn-bg-hover-solid > span, 
a:active .btn.c7-btn-bg-hover-solid > span {
    background: rgba(var(--c7-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-linear:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c7-btn-bg-hover-angle), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-radial:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c7-btn-bg-hover-start-perc) var(--c7-btn-bg-hover-stop-perc), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c7-btn-borders, 
.btn-borders_c7-btn-borders .btn {
    border-color: rgba(var(--c7-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c7-btn-borders:hover, 
.btn-borders_c7-btn-borders .btn:hover,
.btn.c7-btn-borders:focus, 
.btn-borders_c7-btn-borders .btn:focus,
.btn.c7-btn-borders:active, 
.btn-borders_c7-btn-borders .btn:active,
a:hover .btn.c7-btn-borders, 
a:focus .btn.c7-btn-borders, 
a:active .btn.c7-btn-borders {
    border-color: rgba(var(--c7-btn-borders-hover), 1);
}


/* Button Text */

.btn.c7-btn-text, 
.btn-text_c7-btn-text .btn {
    color: rgba(var(--c7-btn-text), 1);
}

/* Button Text Hover */

.btn.c7-btn-text:hover, 
.btn-text_c7-btn-text .btn:hover,
.btn.c7-btn-text:focus, 
.btn-text_c7-btn-text .btn:focus,
.btn.c7-btn-text:active, 
.btn-text_c7-btn-text .btn:active,
a:hover .btn.c7-btn-text, 
a:focus .btn.c7-btn-text, 
a:active .btn.c7-btn-text {
    color: rgba(var(--c7-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c7-btn-borders:hover, 
.btn.c7-btn-borders:focus, 
.btn.c7-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c7-btn-borders .btn:hover, 
.btn-borders_c7-btn-borders .btn:focus, 
.btn-borders_c7-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c7-btn-text, 
.basic-buttons .btn-text_c7-btn-text .btn { 
    color: rgba(var(--c7-btn-bg), 1); 
}

.basic-buttons .btn.c7-btn-text:hover, 
.basic-buttons .btn.c7-btn-text:focus, 
.basic-buttons .btn.c7-btn-text:active, 
.basic-buttons .btn-text_c7-btn-text .btn:hover, 
.basic-buttons .btn-text_c7-btn-text .btn:focus, 
.basic-buttons .btn-text_c7-btn-text .btn:active { 
    color: rgba(var(--c7-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c7-btn-text-hover),1);
    border-color: rgba(var(--c7-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c8-btn-bg, 
.btn-bg_c8-btn-bg .btn {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

.c8-btn-bg:hover, 
.btn-bg_c8-btn-bg .btn:hover,
.btn.c8-btn-bg:focus, 
.btn-bg_c8-btn-bg .btn:focus,
.btn.c8-btn-bg:active, 
.btn-bg_c8-btn-bg .btn:active {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c8-btn-bg.c8-btn-bg-linear, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-linear:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-linear:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-linear:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c8-btn-bg.c8-btn-bg-radial, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-radial:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-radial:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-radial:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c8-btn-bg-hover:hover > span, 
.btn.c8-btn-bg-hover:focus > span, 
.btn.c8-btn-bg-hover:active > span, 
.btn-bg_c8-btn-bg-hover .btn:hover > span, 
.btn-bg_c8-btn-bg-hover .btn:focus > span, 
.btn-bg_c8-btn-bg-hover .btn:active > span,
a:hover .btn.c8-btn-bg-hover > span, 
a:focus .btn.c8-btn-bg-hover > span, 
a:active .btn.c8-btn-bg-hover > span,
.btn.c8-btn-bg-hover-solid:hover > span, 
.btn.c8-btn-bg-hover-solid:focus > span, 
.btn.c8-btn-bg-hover-solid:active > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c8-btn-bg-hover-solid > span, 
a:focus .btn.c8-btn-bg-hover-solid > span, 
a:active .btn.c8-btn-bg-hover-solid > span {
    background: rgba(var(--c8-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-linear:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c8-btn-bg-hover-angle), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-radial:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c8-btn-bg-hover-start-perc) var(--c8-btn-bg-hover-stop-perc), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c8-btn-borders, 
.btn-borders_c8-btn-borders .btn {
    border-color: rgba(var(--c8-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c8-btn-borders:hover, 
.btn-borders_c8-btn-borders .btn:hover,
.btn.c8-btn-borders:focus, 
.btn-borders_c8-btn-borders .btn:focus,
.btn.c8-btn-borders:active, 
.btn-borders_c8-btn-borders .btn:active,
a:hover .btn.c8-btn-borders, 
a:focus .btn.c8-btn-borders, 
a:active .btn.c8-btn-borders {
    border-color: rgba(var(--c8-btn-borders-hover), 1);
}


/* Button Text */

.btn.c8-btn-text, 
.btn-text_c8-btn-text .btn {
    color: rgba(var(--c8-btn-text), 1);
}

/* Button Text Hover */

.btn.c8-btn-text:hover, 
.btn-text_c8-btn-text .btn:hover,
.btn.c8-btn-text:focus, 
.btn-text_c8-btn-text .btn:focus,
.btn.c8-btn-text:active, 
.btn-text_c8-btn-text .btn:active,
a:hover .btn.c8-btn-text, 
a:focus .btn.c8-btn-text, 
a:active .btn.c8-btn-text {
    color: rgba(var(--c8-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c8-btn-borders:hover, 
.btn.c8-btn-borders:focus, 
.btn.c8-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c8-btn-borders .btn:hover, 
.btn-borders_c8-btn-borders .btn:focus, 
.btn-borders_c8-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c8-btn-text, 
.basic-buttons .btn-text_c8-btn-text .btn { 
    color: rgba(var(--c8-btn-bg), 1); 
}

.basic-buttons .btn.c8-btn-text:hover, 
.basic-buttons .btn.c8-btn-text:focus, 
.basic-buttons .btn.c8-btn-text:active, 
.basic-buttons .btn-text_c8-btn-text .btn:hover, 
.basic-buttons .btn-text_c8-btn-text .btn:focus, 
.basic-buttons .btn-text_c8-btn-text .btn:active { 
    color: rgba(var(--c8-btn-bg-hover), 1); 
}


/* 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);
    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%); 
    color: rgba(var(--c8-btn-text-hover),1);
    border-color: rgba(var(--c8-btn-borders-hover),1);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c9-btn-bg, 
.btn-bg_c9-btn-bg .btn {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

.c9-btn-bg:hover, 
.btn-bg_c9-btn-bg .btn:hover,
.btn.c9-btn-bg:focus, 
.btn-bg_c9-btn-bg .btn:focus,
.btn.c9-btn-bg:active, 
.btn-bg_c9-btn-bg .btn:active {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c9-btn-bg.c9-btn-bg-linear, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-linear:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-linear:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-linear:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c9-btn-bg.c9-btn-bg-radial, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-radial:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-radial:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-radial:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c9-btn-bg-hover:hover > span, 
.btn.c9-btn-bg-hover:focus > span, 
.btn.c9-btn-bg-hover:active > span, 
.btn-bg_c9-btn-bg-hover .btn:hover > span, 
.btn-bg_c9-btn-bg-hover .btn:focus > span, 
.btn-bg_c9-btn-bg-hover .btn:active > span,
a:hover .btn.c9-btn-bg-hover > span, 
a:focus .btn.c9-btn-bg-hover > span, 
a:active .btn.c9-btn-bg-hover > span,
.btn.c9-btn-bg-hover-solid:hover > span, 
.btn.c9-btn-bg-hover-solid:focus > span, 
.btn.c9-btn-bg-hover-solid:active > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c9-btn-bg-hover-solid > span, 
a:focus .btn.c9-btn-bg-hover-solid > span, 
a:active .btn.c9-btn-bg-hover-solid > span {
    background: rgba(var(--c9-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-linear:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c9-btn-bg-hover-angle), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-radial:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c9-btn-bg-hover-start-perc) var(--c9-btn-bg-hover-stop-perc), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c9-btn-borders, 
.btn-borders_c9-btn-borders .btn {
    border-color: rgba(var(--c9-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c9-btn-borders:hover, 
.btn-borders_c9-btn-borders .btn:hover,
.btn.c9-btn-borders:focus, 
.btn-borders_c9-btn-borders .btn:focus,
.btn.c9-btn-borders:active, 
.btn-borders_c9-btn-borders .btn:active,
a:hover .btn.c9-btn-borders, 
a:focus .btn.c9-btn-borders, 
a:active .btn.c9-btn-borders {
    border-color: rgba(var(--c9-btn-borders-hover), 1);
}


/* Button Text */

.btn.c9-btn-text, 
.btn-text_c9-btn-text .btn {
    color: rgba(var(--c9-btn-text), 1);
}

/* Button Text Hover */

.btn.c9-btn-text:hover, 
.btn-text_c9-btn-text .btn:hover,
.btn.c9-btn-text:focus, 
.btn-text_c9-btn-text .btn:focus,
.btn.c9-btn-text:active, 
.btn-text_c9-btn-text .btn:active,
a:hover .btn.c9-btn-text, 
a:focus .btn.c9-btn-text, 
a:active .btn.c9-btn-text {
    color: rgba(var(--c9-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c9-btn-borders:hover, 
.btn.c9-btn-borders:focus, 
.btn.c9-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c9-btn-borders .btn:hover, 
.btn-borders_c9-btn-borders .btn:focus, 
.btn-borders_c9-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c9-btn-text, 
.basic-buttons .btn-text_c9-btn-text .btn { 
    color: rgba(var(--c9-btn-bg), 1); 
}

.basic-buttons .btn.c9-btn-text:hover, 
.basic-buttons .btn.c9-btn-text:focus, 
.basic-buttons .btn.c9-btn-text:active, 
.basic-buttons .btn-text_c9-btn-text .btn:hover, 
.basic-buttons .btn-text_c9-btn-text .btn:focus, 
.basic-buttons .btn-text_c9-btn-text .btn:active { 
    color: rgba(var(--c9-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c9-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c9-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c9-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c9-btn-bg-hover-color1),1);
    background: linear-gradient(var(--c9-btn-bg-hover-angle), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
    color: rgba(var(--c9-btn-text-hover),1);
    border-color: rgba(var(--c9-btn-borders-hover),1);
}



/**********
GREEN #3D7B23
PURPLE #80408D
BLUE #0866A1
PINK #C9006B
BEIGE #F7EDD7
**********/

.skip-to-content {
    display:none!important;
}

.small-gutters .col, .small-gutters [class*=col-] {
    padding-right: 25px!important;
    padding-left: 25px!important;
}
    
@media (min-width:576px){
    .small-gutters .col, .small-gutters [class*=col-] {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

@media (min-width:768px){
    .small-gutters .col, .small-gutters [class*=col-] {
        padding-right: 7px!important;
        padding-left: 7px!important;
    }
}
.image img, .image.background-image, .image.icon-image {
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    object-fit: cover;
}

.text-black {
    color:#212121!important;
}

#logo {
    z-index: 9999;
}
.component.nointro-padding .component-inner .component-introduction {
    padding-bottom:0!important;
}


body:not(.content-underline-link) #site-content .text p a:not(.btn), body:not(.content-underline-link) #site-content .text a:not(.btn) {
    text-decoration: underline!important;
    text-decoration-color: #212121;
    font-weight: 700;
}

body:not(.content-underline-link) #site-content .text p a:not(.btn):hover, body:not(.content-underline-link) #site-content .text a:not(.btn):hover {
    text-decoration: underline;
    color: #0866A1;
    text-decoration-color: #0866A1;
    font-weight: 700;
}

@media screen and (min-width: 0) and (max-width:575px) {
	#site {
		width: 100%!important;
	}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        padding-right: 35px;
        padding-left: 35px;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right:35px;
        padding-left: 35px;
    }
    .row {
        margin-right: -35px;
        margin-left: -35px;
    }
    .row.slides .item {
        padding: 0 35px;
    }
    .container-fluid .row.listing:not(.listing_no-spacing):not(.listing_window-mosaic) {
        margin-right: -35px;
        margin-left: -35px;
    }
}

@media screen and (min-width: 576px) and (max-width:992px) {
	#site {
		width: 100%!important;
	}
}


@media (min-width:540px) {
    .row.slides .item {
        padding: 0 15px!important;
    }
}


.breadcrumb-trail {
	display: none;
}

.header-cta a:link {
	color: white!important;
}


.home-banner h1 {
    font-size: 31px!important;

}

@media (min-width:768px) {
    .home-banner h1 {
    	font-size: 38px!important;
    }
}

@media (min-width:992px) {
    .home-banner h1 {
    	font-size: 65px!important;
        max-width: 90%;
        margin: 0 5%!important;
    }
}

@media (min-width:992px) and (max-height:750px){
    .home-banner h1 {
    	font-size: 55px!important;
    }
}



.component-inner .heading {
	margin-bottom: 20px!important;
}



.blue-headings h1,
.blue-headings h2,
.blue-headings h3,
.blue-headings h4,
.blue-headings h5,
.blue-headings h6 {
	color: #0866A1!important;
}
.blue-headings .heading {
	color: #0866A1!important;
}


/* Gradient Backgrounds */

.bg-beige {
    background: rgb(247,237,215);
    background: linear-gradient(0deg, rgba(247,237,215,1) 0%, rgba(247,237,215,1) 92%, rgba(237,222,207,1) 100%);
}

.c4-bg, .item.item_overlay .inner .image.c4-bg::before, .usn_cmp_banner .item.item_overlay.c4-bg .inner::before {
    background: rgb(235,225,237);
    background: linear-gradient(0deg, rgba(235,225,237,1) 0%, rgba(235,225,237,1) 92%, rgba(227,213,230,1) 100%);
}

.c5-bg, .item.item_overlay .inner .image.c5-bg::before, .usn_cmp_banner .item.item_overlay.c5-bg .inner::before {
    background: rgb(229,245,224);
    background: linear-gradient(0deg, rgba(229,245,224,1) 0%, rgba(229,245,224,1) 92%, rgba(221,232,217,1) 100%);
}



/******** LATEST NEWS *******/


.latest-news {
	background-color: #F1F1F2!important;
}

.latest-news.latest-news-main {
	background-color: #Fff!important;
}

.latest-news .heading {
	margin-bottom: 20px!important;
	color: #0866A1!important;
}

.latest-news .text {
	color: #212121!important;
}

.latest-news .tag {
	display: none;
}

.latest-news .item {
        margin-bottom: 0!important;
	padding-bottom: 40px!important;
}

.latest-news .item .inner {
	background: white;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
}


.latest-news .item .image {
    height: 280px;
}


@media (min-width:576px){
  .latest-news .item .image {
        height: 220px;
    }  
}

@media (min-width:768px){
  .latest-news .item .image {
        height: 280px;
    }  
}

@media (min-width:1200px){
    .latest-news .item .image {
        height: 300px;
    }
}
@media (min-width:1350px){
    .latest-news .item .image {
        height: 314px;
    }
}

.latest-news .item .inner .date {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #e00a08;
	color: white;
	font-weight: 600;
	padding: 6px 40px 6px 20px;
	border-radius: 0 25px 0 0;
	margin: 0!important;
}

.latest-news .item .inner .info {
	padding: 25px;
}

.latest-news .item .inner .info .heading {
	font-size: 20px;
}

@media (min-width:992px){
      .latest-news .item .inner .info .heading {
    	font-size: 18px;
    }
}

@media (min-width:768px){
    .latest-news .item .inner .info .heading {
    	font-size: 20px;
    }
}

.latest-news .item .inner .info .text {
	color: #212121!important;
}

.latest-news .item .inner .info .link-text {
	display: none;
}



/*******NEWS **********/


.news-featured .image {
	border-radius: 20px;
}

.news-featured .heading {
	font-size: 28px!important;
	font-weight: bold!important;
	padding-top: 35px!important;
	color:#212121!important;
}

.news-featured .meta {
	position: absolute;
	top: -20px;
	bottom: unset!important;
}



.news-featured .meta .date {
	color:#0866A1!important;
	font-weight:bold;
}

@media (max-width: 991px) {
    .news-featured .meta {
    	top: -50px;
    }  
    .news-featured .meta .date {
        font-weight: normal;
    }
}

.news-featured .link-text.btn {
	background-color: #0866A1!important;
	color: white!important;
	margin-top: 20px!important;
}

.latest-news-main .repeatable.tabbed {
	background: #F7EDD7;
	border: 0;
	border-radius: 30px;
	padding: 20px;
	text-align: center;
	margin-bottom: 40px;
}


.latest-news-main .item .image {
    height: 300px;
}


@media (min-width:576px){
  .latest-news-main .item .image {
        height: 220px;
    }  
}

@media (min-width:768px){
  .latest-news-main .item .image {
        height: 280px;
    }  
}

@media (min-width:1200px){
    .latest-news-main .item .image {
        height: 300px;
    }
}
@media (min-width:1350px){
    .latest-news-main .item .image {
        height: 314px;
    }
}

.latest-news-main.latest-news .item .inner {
	background: #F1F1F2;
}

.latest-news-main .repeatable.tabbed ul.nav.nav-tabs {
	justify-content: space-evenly!important;
	max-width: 95%;
    margin: 0 auto;
}

@media (min-width:1350px){
    .latest-news-main .repeatable.tabbed ul.nav.nav-tabs {
    	justify-content: space-evenly!important;
    	max-width: 75%;
        margin: 0 auto;
    }
}


.latest-news-main .repeatable.tabbed a.nav-item.nav-link {
	border: 0!important;
	font-weight:500!important;
}

.latest-news-main .repeatable.tabbed a.nav-item.nav-link.active {
	color: #0866A1!important;
	font-weight: bold!important;
}

.latest-news-main .repeatable.tab-underline .tab .nav-link::before {
	background-color: #0866A1!important;
	height:2px!important;
}



/****** EASY READ IMG **********/


.info .text .easyread-img {
	padding-top: 30px!important;
	max-width: 450px;
}

.btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-text.c8-btn-borders {
	background-color: white!important;
	border: 4px solid #E00A08!important;
	border-radius: 10px!important;
	margin-top: 30px!important;
	color: black!important;
	padding: 15px 50px 15px 100px!important;
	margin-bottom: 30px!important;
	max-width: 100%;
}

.btn.c8-btn-bg-hover-solid.btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-text.c8-btn-borders {
	    background-image: none!important;
}

.btn.c8-btn-bg-hover-solid.btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-text.c8-btn-borders:hover {
	background-color: #212121!important;
	color: white!important;
	    background-image: none!important;
}

.btn.c8-btn-bg:hover  span {
	border-radius:0!important;
	color: white!important;
}


.btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-bg-hover-solid.c8-btn-text.c8-btn-borders:before {
	content: "";
	position: absolute;
	left: 5px;
	bottom: 0;
	height: 70px;
	width: 70px;
	background-repeat: no-repeat;
	background-image: url(/media/fqmiww2o/easyread.png?width=500)!important;
	background-size: contain!important;
	background-position: center!important;
}

.btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-bg-hover-solid.c8-btn-text.c8-btn-borders:after {
	content: "";
	position: absolute;
    right: 15px;
    bottom: 13px;
    height: 25px;
    width: 25px;
	background-repeat: no-repeat;
	background-image: url(/media/cdrfat1t/black-arr-right.svg)!important;
	background-size: contain!important;
	background-position: center!important;
}
.btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-bg-hover-solid.c8-btn-text.c8-btn-borders:hover:after {
	background-image: url(/media/zvshs0bv/right-arr.svg)!important;
}

.btn.c8-btn-bg:hover {
    	background-image: none;
} 


/******** KEY INFO BOX ********/


/*.keyinfo-box {
	background: #F7EDD7;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
	padding: 20px;
}*/

.keyinfo-pod {
	background: #F7EDD7;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
	padding: 25px;
}
.keyinfo-pod .listing_links,
.keyinfo-pod .listing_links .item a{
	border:0;
	border-color:transparent!important;
}
.keyinfo-pod .listing_links .item a .icon{
	display:none;
}
.keyinfo-pod .listing_links .item a {
	padding:0!important;
}
.keyinfo-pod .listing_links .item a:hover {
	text-decoration:none!important;
	background-color:transparent!important;
}
.keyinfo-pod .listing_links .item a .heading{
	margin-bottom:0!important;
	font-size:19px;
	font-weight:600;
	
}
.keyinfo-pod .info .text {
    color:#212121!important;
}
.keyinfo-pod .info .text p {
    margin:0!important;
}
.keyinfo-pod .component-introduction {
    padding-bottom:0!important;
}
.keyinfo-pod .item.items-1{
	margin:10px 0 10px 0!important;
}
.keyinfo-pod .listing_links .item a .info{
	color:#212121!important;
}
.keyinfo-pod .meta.small {
	display:none;
}
.keyinfo-pod .component-outro .info a.at-icon-wrapper {
	display:inline-block!important;
}
.keyinfo-pod .listing_links .item a .info{
	font-style:italic!important;
}
.keyinfo-pod .component-outro .link {
    position: absolute;
    bottom: -160px;
    left: 0;
}
.keyinfo-pod .component-outro .link .btn {
    display: table;
    padding:15px 20px 15px 20px!important;
    background-image:none!important;
}
/********* RIGHT PAGE ********/


.rightinfo {
	padding-left: 130px;
	background-size: 100px 100px;
	background-position: left top;
	background-repeat: no-repeat;
}




/********* RIGHTS LIST **********/

.subrights {
    display:none!important;
}
.subnormal {
    display:block;
}

.rights-list .subrights{
    display:block!important;
}
.rights-list .subnormal{
    display:none!important;
}

.rights-list .heading {
	margin-bottom: 0px!important;
	padding:20px;
	color: #0866A1!important;
}

.rights-list .listing .item {
    padding-bottom: 30px!important;
    margin-bottom: 0;
}
.rights-list .item .inner {
	background: white;
	padding: 20px 20px 20px 20px;
	border: 3px solid #0866A1;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
}
/*.rights-list .item:hover .inner {
	background: #D3EEFF;
}*/

.rights-list .slick-prev.slick-arrow i {
	display: none;
}

.rights-list .slick-slider .slick-prev,
.rights-list .slick-slider .slick-next {
	height: 60px;
	width: 60px;
}

.rights-list .slick-prev.slick-arrow {
	background-image: url('/media/ogwkv2mk/car-arr-left.svg')!important;
	background-size: cover!important;
	background-position: right center!important;
	background-color: transparent!important;
	left: 0px;
}

.rights-list .slick-next.slick-arrow {
	background-image: url('/media/0l5jnq35/car-arr-right.svg')!important;
	background-size: cover!important;
	background-position: right center!important;
	background-color: transparent!important;
	right: 0px;
}

@media (min-width:992px){
  .rights-list .slick-prev.slick-arrow {
    	left: -10px;
    }

    .rights-list .slick-next.slick-arrow {
    	right: -10px;
    }  
}

.rights-list .item .inner .info {
	padding: 10px 25px 25px 25px;
}

.rights-list .item .inner .info .heading {
	color: #0866A1!important;
	font-weight: bold;
	font-size: 20px;
}

.rights-list .item .inner .info .text {
	color: #212121!important;
}

.rights-list .item .inner .image img {
	width: 50%;
}

.right-detail .keyinfo-pod .component-outro {
    padding-top: 10px!important;
}


/******* FAQS ********/


section.faq-section .component-inner .container .component.usn_cmp_accordiontab.base-bg {
	background: transparent!important;
}
section.faq-section.c7-bg {
	padding-bottom:30px!important;
}
section.faq-section .component-inner .container .heading {
	color: #0866A1!important;
}

section.faq-section .repeatable.tab-basic .tab .nav-link {
	padding: 15px 0!important;
	border-top: 0px!important;
	border-bottom: 2px dotted #212121!important;
	border-left: 0px!important;
	border-right: 0px!important;
	border-radius: 0;
	color: #0866A1!important;
	margin: 0!important;
	font-weight: bold;
}

@media (max-width: 991px) {
      section.faq-section .repeatable.tab-basic .tab .nav-link {
    	padding: 15px 30px 18px 0!important;
    } 
}

section.faq-section .repeatable.tab-basic .tab .nav-link:hover {
	background-color: transparent!important;
}

section.faq-section .repeatable-content.collapse,
section.faq-section .repeatable-content.collapsing {
	border: 0!important;
	padding-left: 0!important;
}

section.faq-section .repeatable-content.collapse .text,
section.faq-section .repeatable-content.collapsing .text {
	padding-left: 0!important;
	max-width:850px;
}

section.faq-section .repeatable.tab-basic .tab .nav-link::after {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(/media/hhmbhmwh/blue-acc-arr-down.svg)!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}

section.faq-section .repeatable.tab-basic .tab .nav-link:not(.collapsed)::after {
	background-image: url(/media/cszcs2oy/blue-acc-arr-up.svg)!important;
}

section.faq-section.faq-green .component-inner .container .heading {
	color: #3D7B23!important;
}

section.faq-section.faq-green .repeatable.tab-basic .tab .nav-link {
	color: #3D7B23!important;
}

section.faq-section.faq-green .repeatable.tab-basic .tab .nav-link::after {
	background-image: url(/media/kpkjc1ms/green-acc-arr-down.svg)!important;
}

section.faq-section.faq-green .repeatable.tab-basic .tab .nav-link:not(.collapsed)::after {
	background-image: url(/media/q3kgteh0/green-acc-arr-up.svg)!important;
}

section.faq-section.faq-purple .component-inner .container .heading {
	color: #80408D!important;
}

section.faq-section.faq-purple .repeatable.tab-basic .tab .nav-link {
	color: #80408D!important;
}

section.faq-section.faq-purple .repeatable.tab-basic .tab .nav-link::after {
	background-image: url(/media/raikayet/purple-acc-arr-down.svg)!important;
}

section.faq-section.faq-purple .repeatable.tab-basic .tab .nav-link:not(.collapsed)::after {
	background-image: url(/media/ukfpzfpg/purple-acc-arr-up.svg)!important;
}





/******* STANDARD CTA *******/


section.standard-cta,
section.standard-cta .component.base-bg,
section.standard-cta .heading.base-heading,
section.standard-cta .text,
section.standard-cta .secondary-heading {
	background: #0866A1!important;
	color: white!important;
}

section.standard-cta .link a {
	display: inline-block!important;
}

section.standard-cta .secondary-heading {
	position: absolute;
	top: -50px;
	font-weight: bold;
	color: white!important;
	font-size: 16px;
}

.c6-bg, .item.item_overlay .inner .image.c6-bg::before, .usn_cmp_banner .item.item_overlay.c6-bg .inner::before {
    background: rgb(8,102,161);
    background: linear-gradient(0deg, rgba(8,102,161,1) 0%, rgba(8,102,161,1) 90%, rgba(5,80,140,1) 98%);
}


section.standard-cta.content:not(.usn_cmp_banner) {
    padding: 110px 0px 60px;
}

@media (min-width: 540px) {
    section.standard-cta.content:not(.usn_cmp_banner) {
        padding: 110px 0px 60px;
    }
}

@media (min-width: 768px) {
section.standard-cta .info {
	padding-right: 150px!important;
}
}

@media (min-width: 1200px) {
    section.standard-cta.content:not(.usn_cmp_banner) {
        padding: 120px 0px 70px;
    }
}

/******* CTA WHITE *******/


section.standard-cta.cta-white,
section.standard-cta.cta-white .component.base-bg,
section.standard-cta.cta-white .heading.base-heading,
section.standard-cta.cta-white .secondary-heading {
	background: #fff!important;
	color: #0866A1!important;
}

section.standard-cta.cta-white .secondary-heading {
	color: #212121!important;
}

section.standard-cta.cta-white .text {
	background: #fff!important;
	color: #212121!important;
}

section.standard-cta.cta-white.content:not(.usn_cmp_banner) {
    padding: 60px 0px 60px;
}

@media (min-width: 768px) {
    section.standard-cta.cta-white.content:not(.usn_cmp_banner) {
        padding: 100px 0px 60px;
    }
}


@media (min-width: 1200px) {
    section.standard-cta.cta-white.content:not(.usn_cmp_banner) {
        padding: 120px 0px 70px;
    }
}


/******* RED CTA *******/


section.red-cta,
section.red-cta .component.base-bg,
section.red-cta .heading.base-heading,
section.red-cta .text,
section.red-cta .secondary-heading,
section.red-cta .heading
{
	background: #E00A08!important;
	color: white!important;
}

section.red-cta .info {
	padding-right: 150px!important;
}
section.red-cta .link  {
	text-align:right;
}
section.red-cta .link a {
	display: inline-block!important;
}

section.red-cta .secondary-heading {
	position: absolute;
	top: -50px;
	font-weight: bold;
	color: white!important;
	font-size: 22px;
}


section.red-cta.content:not(.usn_cmp_banner) {
    padding: 60px 0px 60px;
}

@media (min-width: 768px) {
    section.red-cta.content:not(.usn_cmp_banner) {
        padding: 100px 0px 60px;
    }
}


@media (min-width: 1200px) {
    section.red-cta.content:not(.usn_cmp_banner) {
        padding: 120px 0px 70px;
    }
}



/******* PURPLE / GREEN HEADERS ********/


section.yourrights-header,
section.organisation-header,
section.community-header,
section.policies-header{
	padding-top: 200px!important;
}

.yourrights-header .item.order-1 .secondary-heading {
	position: absolute;
	top: -90px;
	font-weight: bold;
	color: white!important;
	font-size: 25px;
	padding: 15px 20px;
	background-image: url(/media/rxrbgmt0/green-heading-bg.svg)!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}

.organisation-header .item.order-1 .secondary-heading {
	position: absolute;
	top: -90px;
	font-weight: bold;
	color: white!important;
	font-size: 25px;
	padding: 25px 20px;
	background-image: url(/media/mtnn00is/purple-heading-bg.svg)!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}

.community-header .item.order-1 .secondary-heading {
	position: absolute;
	top: -90px;
	font-weight: bold;
	color: white!important;
	font-size: 25px;
	padding: 25px 20px;
	background-image: url(/media/lpynchvz/peach-heading-bg.svg)!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}

.policies-header .item.order-1 .secondary-heading {
	position: absolute;
	top: -90px;
	font-weight: bold;
	color: white!important;
	font-size: 25px;
	padding: 25px 20px;
	background-image: url(/media/szpezgkg/pink-heading-bg.svg)!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}

.yourrights-header .item.order-1 .info,
.organisation-header .item.order-1 .info,
.policies-header .item.order-1 .info{
	padding-top: 0px;
}




/******** TESTIMONIALS *******/


.testimonial-slider .heading {
	margin-bottom: 20px!important;
}

.testimonial-slider .slick-prev.slick-arrow i,
.testimonial-slider .slick-next.slick-arrow i {
	display: none;
}

.testimonial-slider .slick-slider .slick-prev,
.testimonial-slider .slick-slider .slick-next {
	height: 30px;
	width: 30px;
}

section.testimonial-slider.content:not(.usn_cmp_banner) {
    padding: 120px 0;
}

@media (max-width: 991px) {
    section.testimonial-slider.content:not(.usn_cmp_banner) {
        padding: 60px 0;
    }
}

section.testimonial-slider .slick-slider ul.slick-dots {
    margin: -10px 0px 10px 0px;
}

.testimonial-slider .slick-prev.slick-arrow {
	background-image: url('/media/wcijpdqv/blue-arr-left.svg')!important;
	background-size: contain!important;
	background-position: right center!important;
	background-color: transparent!important;
	background-repeat:no-repeat;
	left: 0px!important;
}

.testimonial-slider.c5-bg .slick-prev.slick-arrow {
	background-image: url('/media/v5cd4ple/green-cta-left.svg')!important;
}

.testimonial-slider .slick-next.slick-arrow {
	background-image: url('/media/g5ekkudp/blue-arr-right.svg')!important;
	background-size: contain!important;
	background-position: right center!important;
	background-color: transparent!important;
	background-repeat:no-repeat;
	right: 0px!important;
}

.testimonial-slider.c5-bg .slick-next.slick-arrow {
	background-image: url('/media/dbqp55lj/green-cta-right.svg')!important;
}

.testimonial-slider.c6-bg .slick-next.slick-arrow {
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}
.testimonial-slider.c6-bg .slick-prev.slick-arrow {
	background-image: url('/media/l2bgtbp1/white-arr-left.svg')!important;
}

@media (min-width: 576px) {
    .testimonial-slider .slick-prev.slick-arrow {
    	left: -10px!important;
    }
    
    .testimonial-slider .slick-next.slick-arrow {
    	right: -10px!important;
    }  
}

@media (min-width: 992px) {
   .testimonial-slider .slick-prev.slick-arrow {
    	left: -110px!important;
    }
    
    .testimonial-slider .slick-next.slick-arrow {
    	right: -110px!important;
    } 

    section.testimonial-slider.content:not(.usn_cmp_banner) {
        padding: 180px 0;
    }

}

.testimonial-slider .item .inner .info {
    padding-bottom: 80px;
    display: inline-block;
    flex-direction: column;
}

.testimonial-slider .item .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial-slider .item .inner .info .secondary-heading {
    color: #0866A1!important;
    font-weight: bold;
    margin-top: 50px!important;
    order: 2;
}

.testimonial-slider .item .inner .info .text {
	color: #212121!important;
	font-weight: bold;
}

.testimonial-slider .item .inner .info .text.c6-text {
	color: #fff!important;
}

.testimonial-slider .slick-slider .slick-dots li {
	width: 58px;
	height: 12px;
}

.testimonial-slider .slick-slider .slick-dots li > button span {
	display: none;
}

.testimonial-slider .slick-slider .slick-dots li > button {
	width: 58px;
	height: 12px;
	border-radius: 0%;
	background-image: url('/media/ylvn3fwq/blue-pag.svg')!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-color: transparent!important;
}

.testimonial-slider .slick-slider .slick-dots li.slick-active > button {
	background-image: url('/media/250enmnb/blue-pag-active.svg')!important;
}

.testimonial-slider.c5-bg .slick-slider .slick-dots li > button {
	background-image: url('/media/i51ft3py/green-pag.svg')!important;
}

.testimonial-slider.c5-bg .slick-slider .slick-dots li.slick-active > button {
	background-image: url('/media/vknj3hva/green-pag-active.svg')!important;
}

.testimonial-slider.c6-bg .slick-slider .slick-dots li > button {
	background-image: url('/media/1bxlpokt/pag-white.svg')!important;
}
.testimonial-slider.c6-bg .slick-slider .slick-dots li.slick-active > button {
	background-image: url('/media/wepprvfi/pag-white-active.svg')!important;
}

.testimonial-slider .slick-slider .link-text.btn {
	background-color:transparent!important;
	display:inline-block!important;
	width:auto!important;
	margin-top:50px!important;
	background-image:none!important;
	padding:10px!important;
	position:relative;
}
.testimonial-slider .slick-slider .link-text.btn:after {
    content:"";
    position:absolute;
    top: 10px;
    right: -20px;
    width: 20px;
    height: 20px;
	background-image: url('/media/cdrfat1t/black-arr-right.svg')!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-color: transparent!important;
}
.testimonial-slider.c6-bg .slick-slider .link-text.btn {
    color: #fff!important;
}
.testimonial-slider.c6-bg .slick-slider .link-text.btn:after {
    background-image: url('/media/zvshs0bv/right-arr.svg')!important;
}

/***** STATS **********/


.stat-block .component-main.row.listing {
	margin-top: 0px!important;
}

.stat-block .component-introduction .info .heading  {
    	color: #0866A1!important;
}


.stat-block .component-main.row.listing .info .heading {
	font-size: 64px!important;
	line-height: 60px!important;
	color: #0866A1!important;
	font-weight: 900;
	letter-spacing: -0.05em;
}

.stat-block .component-main.row.listing .info .text {
	color: #212121!important;
	font-size: 16px!important;
	line-height:23px!important;
}

@media (max-width:575px){
.stat-block .component-main.row.listing .item:not(.item_text-boxed) .inner {
    text-align: center;
}
}

.stat-block .info .secondary-heading {
	color: #212121!important;
}





/*******BROWSE BY **********/


.browseby .item .inner {
	border: 3px solid #ccc;
	border-radius: 30px;
	padding: 20px 40px 20px 40px;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
	background-size: 70px auto!important;
	background-repeat: no-repeat;
	background-position: right 25px center!important;
	background-color: transparent!important;
}

.browseby .item .inner .heading {
	display: inline-block;
	width: 25%;
	padding-right:30px;
	align-self: center;
}

.browseby .item .inner h3.heading  {
    padding: 7px 50px 0 0;
    font-size: 18px;
        margin-bottom: 0px!important;
}

@media (min-width:768px){
    .browseby .item .inner h3.heading {
        padding: 7px 50px 0px 0;
        font-size: 22px;
        margin-bottom: 0px!important;
    }
}
@media (min-width:992px){
    .browseby .item .inner h3.heading {
        padding: 7px 50px 0px 0;
        font-size: 28px;
        margin-bottom: 0px!important;
    }
}


.browseby .item .inner .text {
	display: inline-block;
	width: 60%
}
.browseby .inner .info {
	display: flex;
}
.browseby .link {
	display: none;
}

.browseby-purple  .inner {
	border-color: #80408D!important;
	background-image: url('/media/k0bpphe4/purple-cta-arr-right.svg')!important;
}

.browseby-purple  .inner .heading {
	color: #80408D!important;
}

.browseby-green .inner {
	border-color: #3D7B23!important;
	background-image: url('/media/jjkesi2s/green-cta-arr-right.svg')!important;
}

.browseby-green  .inner .heading {
	color: #3D7B23!important;
}

.browseby-pink  .inner {
	border-color: #C9006B!important;
	background-image: url('/media/22chkmym/pink-cta-arr-right.svg')!important;
}

.browseby-pink  .inner .heading {
	color: #C9006B!important;
}

.browseby-purple:hover  .inner {
	background-color: #80408D!important;
	background-image: url('/media/b1vjxd3h/purple-arr-right-white.svg')!important;
}

body.content-underline-link-hover #site-content .browseby-purple.item a:not(.btn):not(.nav-button-link):hover .heading,
.browseby-purple:hover  .inner .heading,
.browseby-purple:hover  .inner .base-text.text{
	color: #fff!important;
	text-decoration:none!important;
}

.browseby-green:hover  .inner {
	background-color: #3D7B23!important;
	background-image: url('/media/fmzfpurq/green-cta-arr-right-white.svg')!important;
}

body.content-underline-link-hover #site-content .browseby-green.item a:not(.btn):not(.nav-button-link):hover .heading,
.browseby-green:hover  .inner .heading,
.browseby-green:hover  .inner .base-text.text{
	color: #fff!important;
	text-decoration:none!important;
}

.browseby-pink:hover  .inner {
	background-color: #C9006B!important;
	background-image: url('/media/0jzblweu/pink-arr-right-white.svg')!important;
}

body.content-underline-link-hover #site-content .browseby-pink.item a:not(.btn):not(.nav-button-link):hover .heading,
.browseby-pink:hover  .inner .heading,
.browseby-pink:hover  .inner .base-text.text{
	color: #fff!important;
	text-decoration:none!important;
}


/****** WHAT WE DO ***********/


.whatwedo .heading {
	margin-bottom: 20px!important;
}

.whatwedo-image img {
	max-width: 140px;
	margin-bottom: 30px;
}
@media (max-width:991px){
      .whatwedo .link {
    	margin-top: 30px!important;
    }
}



/****** TAKEOVER BANNER ********/


.component.usn_cmp_banner .item.item_takeover-banner, 
.component.usn_cmp_banner .item.item_takeover-banner .container, 
.component.usn_cmp_banner .item.item_takeover-banner .row, 
.component.usn_cmp_banner .item.item_takeover-banner .image, 
.component.usn_cmp_banner .item.item_takeover-banner .image .video {
	height: calc(var(--takeover-banner) - var(--large-header) - 100px)!important;
}

@media only screen and (min-width: 576px) and (orientation: landscape) { 
    .component.usn_cmp_banner .item.item_takeover-banner, 
    .component.usn_cmp_banner .item.item_takeover-banner .container, 
    .component.usn_cmp_banner .item.item_takeover-banner .row, 
    .component.usn_cmp_banner .item.item_takeover-banner .image, 
    .component.usn_cmp_banner .item.item_takeover-banner .image .video {
    	height: calc(var(--takeover-banner))!important;
    }
}

@media (min-width:992px){
  .component.usn_cmp_banner .item.item_takeover-banner, 
    .component.usn_cmp_banner .item.item_takeover-banner .container, 
    .component.usn_cmp_banner .item.item_takeover-banner .row, 
    .component.usn_cmp_banner .item.item_takeover-banner .image, 
    .component.usn_cmp_banner .item.item_takeover-banner .image .video {
    	height: calc(var(--takeover-banner) - var(--large-header) - 30px)!important;
    } 
}

@media (min-width:1600px) and (min-height:1200px){
.component.usn_cmp_banner .item.item_takeover-banner, 
    .component.usn_cmp_banner .item.item_takeover-banner .container, 
    .component.usn_cmp_banner .item.item_takeover-banner .row, 
    .component.usn_cmp_banner .item.item_takeover-banner .image, 
    .component.usn_cmp_banner .item.item_takeover-banner .image .video {
    	height: calc(var(--takeover-banner) - var(--large-header) - 180px)!important;
    } 
}



/******** PAGE CAROUSEL *******/


.page-carousel .heading {
	margin-bottom: 20px!important;
}

.page-carousel.hide-text .text{
	display:none;
}

.page-carousel .item {
	padding-bottom: 20px!important;
}
.page-carousel .row.slides .item {
	padding-bottom: 20px!important;
}

.page-carousel .item .inner {
	background: white;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
}

.page-carousel.page-carousel-grey .item .inner {
    background: #F1F1F2;
}

.page-carousel .slick-prev.slick-arrow i,
.page-carousel .slick-next.slick-arrow i{
	display: none;
}

.page-carousel .slick-prev.slick-arrow {
	background-image: url('/media/ogwkv2mk/car-arr-left.svg')!important;
	background-size: contain!important;
    background-repeat: no-repeat;
	background-position: right center!important;
	background-color: transparent!important;
	left: 0px;
}

.page-carousel .slick-next.slick-arrow {
	background-image: url('/media/0l5jnq35/car-arr-right.svg')!important;
	background-size: contain!important;
    background-repeat: no-repeat;
	background-position: right center!important;
	background-color: transparent!important;
	right: 0px;
}

.page-carousel .item.item_text-below:not(.item_has-bg) .image {
    height: 300px;
}

.page-carousel .slick-prev.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev  {
    	top: 300px;
    }
    
.page-carousel.page-carousel-noimages .slick-next.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
	top: 46%;
	right:3px;
} 
.page-carousel.page-carousel-noimages .slick-prev.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
	top: 46%;
	left:3px;
} 
.page-carousel .slick-slider .slick-prev,
.page-carousel .slick-slider .slick-next {
	height: 50px;
	width: 50px;
}
@media (min-width:576px){
    .page-carousel.page-carousel-noimages .slick-next.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    	top: 30%;
    	right:-15px;
    } 
    .page-carousel.page-carousel-noimages .slick-prev.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
    	top: 30%;
    	left:-15px;
    } 
}

@media (min-width:768px){
    .page-carousel.page-carousel-noimages .slick-next.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    	top: 30%;
    	right:-20px;
    } 
    .page-carousel.page-carousel-noimages .slick-prev.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
    	top: 30%;
    	left:-20px;
    } 
}

@media (min-width:992px){
      .page-carousel .slick-slider .slick-prev,
    .page-carousel .slick-slider .slick-next {
    	height: 60px;
    	width: 60px;
    }
.page-carousel .slick-prev.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev  {
    	left: -20px;
    	top: 300px;
    }

    .page-carousel .slick-next.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    	right: -20px;
    	top: 300px;
    }  
    .page-carousel.page-carousel-noimages .slick-next.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    	top: 42%;
    } 
    .page-carousel.page-carousel-noimages .slick-prev.slick-arrow, .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
    	top: 42%;
    }
}

.page-carousel .item .inner .info {
	    padding: 25px;
    } 

.page-carousel.c6-bg .item .inner .secondary-heading {
    color: black!important;
}

.page-carousel.page-carousel-noimages .item .inner .info {
	padding: 35px;
}

.page-carousel .item .inner .info .heading {
	color: #E00A08!important;
	font-weight: bold;
	font-size: 20px;
}

.page-carousel .item .inner .info .heading {
	color: #E00A08!important;
	font-weight: bold;
	font-size: 18px;
}

@media (min-width:992px){
   .page-carousel.page-carousel-noimages .item .inner .info {
	    padding: 25px;
    } 
    .page-carousel .item .inner .info .heading {
    	font-size: 20px;
    }

}



.page-carousel.page-carousel-blue-heading .item .inner .info .heading {
	color: #0866A1!important;

}

.page-carousel.c4-bg .item .inner .info .heading {
	color: rgba(var(--c4-heading), 1)!important;
}
.page-carousel.c5-bg .item .inner .info .heading {
	color: rgba(var(--c5-heading), 1)!important;
}
.page-carousel.c7-bg .item .inner .info .heading {
	color: rgba(var(--c7-heading), 1)!important;
}

.page-carousel .item .inner .info .text {
	color: #212121!important;
	padding-bottom: 25px;
}

.page-carousel .item .inner .link-text.btn {
    display: none;
}

.page-carousel.page-carousel-noimages .item .inner {
    background: white;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 8px 0px 0px rgb(0 0 0 / 18%);
}
.page-carousel.page-carousel-noimages .item {
        padding-bottom: 40px!important;
        margin-bottom: 0;
}

/******** SUBPAGE WITH IMAGES *******/


.subpage-withimages .heading {
	margin-bottom: 20px!important;
}

.subpage-withimages .item {
    padding-bottom: 40px!important;
    margin: 0;
}

.subpage-withimages .item .inner {
	background: white;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
}

.subpage-withimages-grey .item .inner {
	background: #F1F1F2;
}

.subpage-withimages .slick-prev.slick-arrow i {
	display: none;
}

.subpage-withimages .slick-slider .slick-prev,
.subpage-withimages .slick-slider .slick-next {
	height: 60px;
	width: 60px;
}

.subpage-withimages .slick-prev.slick-arrow {
	background-image: url('/media/ogwkv2mk/car-arr-left.svg')!important;
	background-size: cover!important;
	background-position: right center!important;
	background-color: transparent!important;
	left: 0px;
}

.subpage-withimages .slick-next.slick-arrow {
	background-image: url('/media/0l5jnq35/car-arr-right.svg')!important;
	background-size: cover!important;
	background-position: right center!important;
	background-color: transparent!important;
	right: 0px;
}

@media (min-width:992px){
 .subpage-withimages .slick-prev.slick-arrow {
    	left: -10px;
    }

    .subpage-withimages .slick-next.slick-arrow {
    	right: -10px;
    }  
}


.subpage-withimages .item .inner .info {
	padding: 25px;
}

.subpage-withimages .item .inner .info .heading {
	color: #0866A1!important;
	font-weight: bold;
	font-size: 20px;
}

.subpage-withimages .item .inner .info .text {
	color: #212121!important;
}





/******** SUBPAGE NO IMAGES *******/


.subpage-noimages .heading {
	margin-bottom: 20px!important;
}

.subpage-noimages .item {
	padding-bottom: 30px!important;
	margin-bottom: 0px;
}

.subpage-noimages .item .inner {
	background: white;
	border-radius: 0px;
	border: 3px solid #ccc;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
}

.subpage-noimages .item .inner .info {
	padding: 25px 25px 65px 25px;
}

.subpage-noimages .item .inner .info .heading {
	color: #0866A1;
	font-weight: bold;
	font-size: 20px;
}

.subpage-noimages .item .inner .info .text {
	display: none;
}
.subpage-noimages.subpage-noimages-showtext .item .inner .info .text {
	display: block;
}

@media (max-width: 991px) {
  .subpage-noimages .item .inner {
      height:auto!important;
  } 
}

.subpage-noimages .item .inner.c5-bg {
	border: 3px solid #3D7B23;
	background-image: url('/media/dbqp55lj/green-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-noimages .item:hover .inner.c5-bg {
	border: 3px solid #3D7B23;
	background-color:#3D7B23;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}

.subpage-noimages .item .inner.c4-bg {
	border: 3px solid #80408D;
	background-image: url('/media/w1lnakl1/purple-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-noimages .item:hover .inner.c4-bg {
	border: 3px solid #80408D;
	background-color:#80408D;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}

.subpage-noimages .item .inner.c15-bg {
	border: 3px solid #B84D00;
	background-image: url('/media/zqhepdbq/peach-arr-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-noimages .item:hover .inner.c15-bg {
	border: 3px solid #B84D00;
	background-color:#B84D00;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}

.subpage-noimages .item:hover .inner a .info .heading,
.subpage-noimages .item:hover .inner a .info .text,
.subpage-noimages .item:hover .inner .info .heading{
	color:white!important;
}
body.content-underline-link-hover #site-content .subpage-noimages .item .inner a:hover .info .heading  {
	text-decoration:none!important;
}

.subpage-noimages .item:hover .inner.c5-bg {
	border: 3px solid #3D7B23;
	background-color:#3D7B23;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}

.subpage-color-noimages .heading {
	margin-bottom: 20px!important;
}

.subpage-color-noimages .item {
	padding-bottom: 10px!important;
}

.subpage-color-noimages .item .inner {
	background: white;
	border-radius: 0px;
	border: 3px solid #ccc;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
}

.subpage-color-noimages .item .inner .info {
	padding: 25px 25px 65px 25px;
}
.subpage-color-noimages .item .inner .info .info {
	padding: 25px 0px 25px 0px;
}

.subpage-color-noimages .item .inner.c10-bg {
	border: 3px solid #80408D;
	background-color:#80408D;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-color-noimages .item .inner.c10-bg .heading {
	color:#fff!important;
}
.subpage-color-noimages .item .inner.c11-bg {
	border: 3px solid #B84D00;
	background-color:#B84D00;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-color-noimages .item .inner.c11-bg .heading {
	color:#fff!important;
}
.subpage-color-noimages .item .inner.c3-bg {
	border: 3px solid rgba(var(--c3-bg-color1), 1)!important;
	background: rgba(var(--c3-bg-color1), 1)!important;
	background-image: url('/media/x1yehl0s/black-arr-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-color-noimages .item .inner.c3-bg .heading {
	color:#212121!important;
}
.subpage-color-noimages .item .inner.c12-bg {
	border: 3px solid #3D7B23;
	background-color:#3D7B23;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-color-noimages .item .inner.c12-bg .heading {
	color:#fff!important;
}



.subpage-color-noimages .item .inner.c17-bg {
	border: 3px solid #C9006B;
	background-color:#C9006B;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-color-noimages .item .inner.c17-bg .heading {
	color:#fff!important;
}



.subpage-color-noimages.subpage-color-noimages-nolink .item .inner {
    background-image:none!important;
}

.subpage-noimages.related-noimages .link-text.btn {
    display:none;
}
.subpage-noimages.related-noimages.c5-bg .item .inner {
	border: 3px solid #3D7B23;
	background-image: url('/media/dbqp55lj/green-cta-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-noimages.related-noimages.c5-bg .item:hover .inner {
	border: 3px solid #3D7B23;
	color:white!important;
	background-color:#3D7B23;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}
.subpage-noimages.related-noimages.c5-bg .item:hover .inner .secondary-heading {
	color:white!important;
}

.subpage-noimages.related-noimages.c7-bg .item .inner {
	border: 3px solid #0866A1;
	background-image: url('/media/g5ekkudp/blue-arr-right.svg')!important;
	background-size: 25px 25px!important;
	background-repeat: no-repeat!important;
	background-position: right 15px bottom 20px!important;
}
.subpage-noimages.related-noimages.c7-bg .item:hover .inner {
	border: 3px solid #0866A1;
	color:white!important;
	background-color:#0866A1;
	background-image: url('/media/r1sbmxoz/white-cta-right.svg')!important;
}
.subpage-noimages.related-noimages.c7-bg .item:hover .inner .secondary-heading {
	color:white!important;
}

/******* BTN ***********/


.btn {
	padding: 15px 50px 15px 20px!important;
	background-image: url('/media/zvshs0bv/right-arr.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

.btn span,
.btn:hover span {
	background: transparent!important;
}

.btn:hover {
	padding: 15px 50px 15px 20px!important;
	background: #D3EEFF;
	background-image: url('/media/3a4dc5l5/bluearrow.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

.btn.c1-btn-bg:hover, .btn.c2-btn-bg:hover {
	background: #212121;
	background-image: url('/media/zvshs0bv/right-arr.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

.btn.c2-btn-bg {
	background-image: url('/media/cdrfat1t/black-arr-right.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

.btn.c9-btn-bg:hover, .btn.c9-btn-bg:hover {
	background: rgba(var(--c9-btn-bg-color1), 1);
	background-image: url('/media/zvshs0bv/right-arr.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

#site-footer .btn.c2-btn-bg:hover {
	background: #212121;
	color: white!important;
	background-image: url('/media/zvshs0bv/right-arr.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

.btn.c5-btn-bg {
	background-image: url('/media/cdrfat1t/black-arr-right.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}

.btn.c5-btn-bg:hover {
	background: #212121;
	color: white;
	background-image: url('/media/zvshs0bv/right-arr.svg')!important;
	background-size: auto 40%!important;
	background-repeat: no-repeat!important;
	background-position: right 15px center!important;
}


.btn-noarrow,
.btn-noarrow:hover {
	padding: 15px 20px 15px 20px!important;
	background-image: none!important;
}



/******* SEARCH ***********/


.btn-search.btn,
.btn-search.btn:hover {
	padding: 15px 20px 15px 20px!important;
	background-image: none!important;
	background-color:#0866A1!important;
	border-radius:0px 10px 10px 0px!important;
}
.form.site-search {
	border:2px solid #0866A1!important;
	border-radius:15px 15px 15px 15px!important;
}
.site-search .form-control {
    border:0!important;
    border-radius:15px!important;
}
.search-page .listing_search-results .heading {
    font-weight: 600;
    color: #0866A1!important;
    font-size: 22px;
    line-height: 25px;
}

.search-page .listing_search-results .item {
    border-bottom: 2px solid #ccc;
    padding-bottom: 25px;
}
.search-page .listing_search-results .item .base-link {
    font-weight:bold;
    color:#80408D!important;
    text-decoration:underline!important;
}

/******* NAV SEARCH ********/


nav .form.site-search {
	position: relative!important;
	border:0px solid #0866A1!important;
	top: unset!important;
	right: unset!important;
	left: unset!important;
	bottom: unset!important;
}
nav .site-search .form-control {
    border:2px solid #0866A1!important;
}


/********* SPLIT COMPONENTS ************/


section.usn_cmp_splitcomponent h3 {
	margin-bottom: 30px!important;
}

section.usn_cmp_splitcomponent img.lazyloaded {
	padding: 0px;
}

@media (min-width: 1200px){
   section.usn_cmp_splitcomponent img.lazyloaded {
    	padding: 30px;
    }
     
}


/******** NAVIGATION *************/


nav.secondary li a {
	color: #0866A1!important;
	height: auto!important;
	line-height: unset!important;
}




/********** COLOURED BG ***********/


section.pink-bg {
	background-image: url('/media/nl2d0sye/pink-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);
}

section.green-bg {
	background-image: url('/media/p03fnf0v/green-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	box-shadow: inset 0px 0px 57px 20px rgba(0,184,17,0.11);
}

section.white-bg {
	background-image: url('/media/g0mhqdl3/white-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
/*box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);*/
	
}

section.red-bg {
	background-image: url('/media/ngzjcdx5/red-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
/*box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);*/
	
}

section.purple-bg {
	background-image: url('/media/245nmknm/purple-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
/*box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);*/
	
}



section.blue-bg {
	background-image: url('/media/4uufx3ks/blue-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
/*box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);*/
	
}

section.peach-bg {
	background-image: url('/media/eqdgackr/peach-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
/*box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);*/
	
}

section.beige-bg {
	background-image: url('/media/jy4fexsd/beige-bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
/*box-shadow: inset 0px 0px 57px 20px rgba(248,0,0,0.11);*/
	
}

section.purple-bg-no-image {
	background-color:#EBE1ED;
}
section.purple-bg-no-image .heading {
	color:#80408D!important;
}


/********** INLINE SEARCH ***********/


section.section-search {
	position: relative;
	z-index: 2222;
	background: transparent!important;
}

section.section-search.home-search {
	margin-top: -100px;
}

section.section-search.home-search .usn_cmp_gridlayout {
    padding-bottom: 50px!important;
}

section.section-search .usn_cmp_gridlayout {
	background: transparent!important;
}

section.section-search .content:not(.usn_cmp_banner) {
    padding: 60px 0px!important;
}

.inline-search {
	background: #D3EEFF;
	border-radius: 20px;
}

.inline-search input[type="search"] {
	border: 2px solid #6D9DBC;
	border-radius: 10px;
	font-size: 30px;
	padding: 15px;
	box-shadow: inset 0px 4px 5px 0px rgba(0,0,0,0.22);
}

.inline-search button {
	border: 0;
	background:transparent!important;
}






/*********** FOOTER **********/


footer#site-footer .item a:not(.btn) {
	display: inline-block;
}

footer#site-footer .footer-heading, footer#site-footer a:not(.btn):hover .footer-heading, footer#site-footer a:not(.btn):focus .footer-heading, footer#site-footer a:not(.btn):active .footer-heading {
	font-weight: 700;
}

@media (min-width: 0) and (max-width:575px) {
	footer#site-footer > .container {
		padding-top: 60px;
	}
}

footer#site-footer {
    padding-bottom: 50px!important;
}


footer#site-footer .btn-noarrow {
    padding: 15px 20px 15px 20px!important;
    background-image: none!important;
    color: #212121!important;
    background: #F7EDD7;
    padding: 11px 80px!important;
    border-radius: 50px;
    margin: 25px 0px 15px 0;
    text-align: center;
    font-weight: 600;
    box-shadow: 0px 4px 0px 0px rgb(255 255 255 / 48%);
}
footer#site-footer .btn-noarrow:hover {
    color: #ffffff!important;
    background: #212121;
}
    
@media (min-width: 768px) and (max-width: 992px){
    footer#site-footer .container, footer#site-footer .container-md, footer#site-footer .container-sm {
        max-width: 100%!important;
    }
}
    
    
nav.footer-navigation {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left!important;
}

nav.footer-navigation:before {
    position: absolute;
    top: -25px;
    width: 100%;
    content: '';
    background: url(/media/k3bjkol2/footerborder.png) no-repeat;
    background-size: 100%;
    height: 15px;
    left: 0;
}

nav.footer-navigation li, .nav.footer-navigation li a {
	font-weight: 500!important;
	font-size: 14px;
}

.footer-logo.item .image img {
	max-width: 154px;
}

.footer-last-column .info, .footer-last-column .text {
    height: 100%;
    position: relative;
    text-align: left!important;
}

    .footer-last-column .footer-terms {
          text-align: left!important; 
          margin-top: 30px;
    }
    

@media (min-width: 992px){
    .footer-last-column .info, .footer-last-column .text {
        text-align: right!important;
    }
    .footer-last-column .footer-terms {
       position: absolute;
        right: 0;
        bottom: 0; 
                  margin-top: auto;
         text-align: right!important;
    }
}

.item.footer-logo .footer-text p {
	margin-top: 30px!important;
	color: #fff!important;
}

.list-inline.social-media {
	list-style: none;
	display: flex;
	align-items: start;
	padding: 0;
	margin: 30px 0 0 0;
}

.list-inline.social-media li {
	margin: 0 15px 0 0;
}

.list-inline.social-media li a {
}

.list-inline.social-media svg {
	width: 36px;
	height: 36px;
	top: -2px!important;
	position: relative;
}

.list-inline.social-media svg path {
	fill: #ffffff;
}

.footer-nav a.base-btn-bg {
	width: 100%;
	max-width: 175px;
	background: white;
	color: #333333;
	padding: 7px 10px;
	font-size: 16px!important;
	margin: 0 0 10px 0!important;
	transition: none!important;
}

.footer-nav a.base-btn-bg:hover, .footer-nav a.base-btn-bg:focus, .footer-nav a.base-btn-bg:active {
	color: #333333;
}

.footer-nav a.base-btn-bg:hover span, .footer-nav a.base-btn-bg:focus span, .footer-nav a.base-btn-bg:active span {
	background: #EDE9EF;
}

.footer-nav a.dropdown-toggle {
	width: 100%;
	max-width: 175px;
	background: transparent;
	color: white;
	font-size: 16px!important;
	margin: 0 0 10px 0!important;
	height: 32px!important;
	line-height: 28px!important;
	padding: 0 0 0 10px;
	position: relative!important;
	transition: none!important;
}

.footer-nav a.dropdown-toggle i.icon {
	position: relative;
	top: -7px!important;
	font-size: 15px;
	padding-right: 4px;
	transition: none!important;
}

.footer-nav a.dropdown-toggle:before {
	position: absolute!important;
	content: "\f3d0";
	font-family: "Ionicons";
	width: 20px;
	height: 20px;
	font-size: 15px;
	right: 2px;
	top: 2px;
	display: block;
	transition: none!important;
}

.footer-nav a.dropdown-toggle span {
	margin-left: 5px;
	width: 70%;
	overflow-x: hidden;
	text-overflow: ellipsis;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	transition: none!important;
}

.footer-nav ul li.dropdown .dropdown-menu > a {
	padding: 6px 10px;
	transition: none!important;
}

.footer-nav nav.secondary ul li.dropdown.member-menu, .footer-nav nav.secondary ul li.dropdown.member-menu a {
	width: 100%!important;
	transition: none!important;
}

.footer-nav nav.secondary ul li.dropdown.member-menu a.dropdown-item {
	border-top: 1px solid #333333;
	transition: none!important;
}

#site-footer h6 {
	font-size: 16px;
}

#site-footer h6 span {
	color: #fff;
	font-weight: 900;
}

#site-footer p {
	margin: 0 0 3px;
	font-size: 16px;
}

#site-footer .quick-links li {
	position: relative;
	margin-left: 15px;
}

#site-footer .quick-links li:before {
	content: "•";
	left: -15px;
	position: absolute;
	width: 10px;
	color: white;
}

#site-footer .quick-links ul li a {
	text-decoration: none;
	display: inline;
	font-size: 16px;
	font-weight: 700!important;
}

#site-footer a {
  	font-weight: 700!important;  
}


#site-footer .quick-links ul li a:hover, body.footer-underline-link-hover footer#site-footer .item nav.quick-links a:not(.btn):not(.dropdown-toggle):not(.nav-button-link):hover {
	text-decoration: none!important;
	display: inline-block;
}

#site-footer nav.secondary ul li.dropdown .dropdown-menu {
	top: 100%!important;
	margin-top: -10px;
	width: 100%!important;
	max-width: 175px;
}

#site-footer .footer-navigation li:nth-child(1):after, #site-footer .footer-navigation li:nth-child(2):after {
	content: '';
	margin-left: 0px;
	margin-right: 0px;
}

nav.footer-navigation ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

footer#site-footer .footer-logo .btn {
   display: none;
}

footer#site-footer .footer-last-column .btn {
   display: inline;
}

/* Mobile footer styles */

@media (max-width: 767px) {

    footer#site-footer .footer-item,  footer#site-footer .footer-item, footer#site-footer .footer-last-column .footer-terms {
        text-align: center!important;
    }
    
   footer#site-footer .footer-logo .btn {
       display: inline;
    }
    
    footer#site-footer .list-inline.social-media {
        display: inline-flex;
        align-items: center;
        padding: 0;
        margin: 20px auto 40px;
    }
    footer#site-footer .quick-links ul {
        display: inline-block;
        margin: 0 auto;
    }
   footer#site-footer .quick-links li:before {
        position: relative;
    }

   footer#site-footer .footer-logo { order: 1 }
    
   footer#site-footer .quicklinks { order: 3 }
    
   footer#site-footer .content-col {
        order: 2;
        padding: 20px 15px 70px;
    }
    
   footer#site-footer .footer-last-column {
        order: 4;
        padding: 20px 0px 50px;
        font-size: 14px;
    }
    
  footer#site-footer .quicklinks:before {
        position: absolute;
        top: -50px;
        width: 90%;
        content: '';
        background: url(/media/u4gb3q2u/footer-border-one.png) no-repeat;
        background-size: 100% 15px;
        height: 15px;
        left: 25px;
    }

    footer#site-footer .footer-last-column:before {
        position: absolute;
        top: 0px;
        width: 90%;
        content: '';
        background: url(/media/brrhg310/footer-border-two.png) no-repeat;
        background-size: 100% 15px;
        height: 15px;
        left: 25px;
    }
    
        nav.footer-navigation {
            padding: 10px 30px;
        }
        
        nav.footer-navigation:before {
            position: absolute;
            top: -50px;
            width: 104%;
            content: '';
            background: url(/media/cyhdc2fc/footer-border-three.png) no-repeat;
            background-size: 100% 15px;
            height: 15px;
            left: -9px;
        }


    footer#site-footer .footer-last-column .btn {
       display: none;
    }
    
}


/********** FORMS **********/


.form-control, .umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input, .umbraco-forms-field.longanswer textarea, .form-group.dropdown::after, .form-group.date::after, .umbraco-forms-field.date .umbraco-forms-field-wrapper::after, .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper select, .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
	min-height: 60px;
}

.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input, .umbraco-forms-field.longanswer textarea, .umbraco-forms-field.dropdown select {
	border: 1px solid #333333;
	font-size: 24px;
	color: #605643;
	border-radius: 2px;
	box-shadow: inset 2px 2px 8px -2px #656565;
}

.umbraco-forms-field label {
	font-size: 24px;
}

.umbraco-forms-form .checkboxlist label {
	float: none!important;
}

.umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox {
	padding: 10px 0px!important;
}

.umbraco-forms-field input, .umbraco-forms-field textarea, .umbraco-forms-field .control-label, .umbraco-forms-field .form-control {
	font-size: 24px;
}

.form-group, .umbraco-forms-field:not(.hidden) {
	max-width: 400px;
}

.umbraco-forms.form .form-group, .umbraco-forms.form .umbraco-forms-field:not(.hidden) {
	max-width: 500px;
}

.contact-form .form-group {
	max-width: 100%;
}

.umbraco-forms-field.titleanddescription {
	max-width: 100%!important;
}

.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: none!important;
	outline-offset: none!important;
}

.umbraco-forms-field ul {
	margin: 20px 0px 20px 20px;
	padding: 0;
}

.umbraco-forms-field ul li {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	margin: 10px 0px 10px 0px;
}

.umbraco-forms-field p {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
}

.umbraco-forms-submitmessage {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
}

.umbraco-forms-navigation .btn.primary, .umbraco-forms .btn-bg_base-btn-bg input[type="submit"] {
	padding: 8px 30px;
	border: none;
	border-radius: 2px;
}

.umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:hover {
	background: #312A23;
	border: none;
	border-radius: 2px;
}


/********** EVENTS **********/

.training-events .section.event-grid-listing {
    padding-bottom:50px;
}

.card.key-info {
	background: #F1F1F2;
    box-shadow: 0px 8px 0px 0px rgb(0 0 0 / 18%);
    padding: 25px;
    border-radius:0;
    border:0;
}

/*.card.key-info h4 {
	color: #333333;
	font-size: 24px;
	display: block;
	position: relative;
	margin: 5px 0 0 0!important;
}*/


#eventbrite-details {
	margin-bottom: 10px;
}

#eventbrite-details p {
	line-height: 1.1;
}

#eventbrite-details p b {
	color: #333333;
	min-width: 100px;
	display: inline-block;
	font-weight: 600;
}

.card.key-info .btn, .event-features .btn {
	margin-top: 15px;
	display: inline-block!important;
	width: fit-content!important;
}

.event-grid-listing a.card .card-footer, .event-grid-listing a.card .card-header {
	border: none;
	background-color: transparent!important;
}

.event-grid-listing a.card {
	border: none;
	background: #EDE9EF;
	border-radius: 2px;
}

.event-grid-listing a.card {
	border: none;
	background: #EDE9EF;
	border-radius: 2px;
	text-decoration: none;
}

.event-grid-listing a.card:hover {
	text-decoration: none!important;
	color: rgba(var(--base-link), 1)!important;
}

.event-grid-listing a.card:hover p {
	text-decoration: none!important;
	color: rgba(var(--base-link), 1)!important;
}

.event-grid-listing a.card:hover h4.heading {
	text-decoration: underline!important;
}

.event-grid-listing a.card .label {
	position: relative;
	background: none;
	padding-left: 0;
	color: #333!important;
}

.event-grid-listing .card .label:after {
	content: '';
	position: absolute;
	width: 95%;
	height: 3px;
	bottom: -4px;
	left: 0px;
}

.event-grid-listing a.card:hover .label {
	color: #333!important;
}

.event-grid-listing a.card:hover .label:after {
	border-bottom: 3px dotted #333;
}

.event-img:before {
	content: '';
	top: -15px;
	left: -10px;
	width: 40px;
	height: 95%;
	background-size: 40px 90%;
	position: absolute;
	z-index: 2;
}

.event-img {
	margin-bottom: 45px;
}

.event-grid-listing .row {
	position: relative;
}

.event-grid-listing .img-area {
    position:relative;
}


.event-grid-listing .card .tag.inperson {
	display: inline;
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	font-size: 18px;
	text-align: left;
	font-weight: 600;
	color: #ffffff;
	background-color:#0866A1;
	padding: 6px 30px 6px 20px;
    border-radius: 0 25px 0 0;
}

.event-grid-listing .card .tag.online {
	display: inline;
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	font-size: 18px;
	text-align: left;
	line-height: 30px;
	font-weight: 600;
	color: #ffffff;
	background-color:#e00a08;
	padding: 6px 30px 6px 20px;
    border-radius: 0 25px 0 0;
}

.event-grid-listing .card .card-body {
	padding: 35px 30px;
	font-size: 18px;
}

.event-grid-listing .card h4.heading {
	margin: 0px 0px 15px!important;
	font-size: 24px;
}

.event-grid-listing .card-body span {
	margin: 0px 0px 15px;
	font-size: 16px;
	font-weight: 600;
}

.event-grid-listing .row .eventitem a {
    background: #F1F1F2;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 8px 0px 0px rgb(0 0 0 / 18%);
}
.event-grid-listing .row .eventitem a div.btn.c6-btn-bg {
    color:white!important;
}
.event-grid-listing .row .eventitem a div.btn.c6-btn-bg:hover {
    color:white!important;
    background-color:#0866A1!important;
    background-image: url(/media/zvshs0bv/right-arr.svg)!important;
}

@media (min-width: 1080px) {
	.event-grid-listing .row:before {
		position: absolute;
		content: '';
		top: -15px;
		left: -2.5%;
		width: 105%;
		height: 40px;
		background-size: 100%;
	}
}

@media (min-width: 768px) {
	.event-grid-listing .row:before {
		position: absolute;
		content: '';
		top: -15px;
		left: 0%;
		width: 100%;
		height: 40px;
		background-size: 100%;
	}
}

.event-features .container, .event-features section.content:not(.usn_cmp_banner) {
	padding: 0!important;
}

.event-features .repeatable.tab-basic {
	margin-top: 15px;
	margin-bottom: 15px;
}

.event-features .repeatable.tab-basic .tab .nav-link {
	color: #0866A1!important;
	font-size: 24px;
	font-weight: 600;
	padding: 20px 30px!important;
	background: #D3EEFF!important;
	border: none;
	border-top: none;
	margin-bottom: 0;
}

.event-features .repeatable.tab-basic .tab .nav-link.collapsed {
	margin-bottom: 20px;
	transition: none;
}

.event-features .repeatable.tab-basic .repeatable-content {
	font-size: 18px;
	font-weight: 500;
	padding: 1px 30px 20px!important;
	background: #D3EEFF!important;
	border: none;
	border-top: none;
	margin-bottom: 20px;
	transition: none;
}

.event-features .repeatable.accordion.tab-basic .repeatable-content .text {
	padding: 0;
	max-width: 75%;
}

.event-features .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover {
}

.event-features .repeatable.accordion .tab .nav-link::after {
	right: 20px;
}


/* Event Subpage Listing */


.event-subpage-listing a.card .card-footer, .event-subpage-listing a.card .card-header {
	border: none;
	background-color: transparent!important;
}

.event-subpage-listing a.card {
	border: none;
	background: #EDE9EF;
	border-radius: 2px;
}

.event-subpage-listing a.card {
	border: none;
	background: #EDE9EF;
	border-radius: 2px;
	text-decoration: none;
}

.event-subpage-listing a.card:hover, .event-subpage-listing a.card:focus {
	text-decoration: none!important;
}

.event-subpage-listing a.card:hover .heading, .event-subpage-listing a.card:focus .heading {
	text-decoration: underline!important;
}

.event-subpage-listing a.card:hover p, .event-subpage-listing a.card:hover .card-body {
	opacity: 1!important;
	    color: black;
}
.event-subpage-listing a.card img {
    transform: scale(1);
    transform-origin: center;
    transition: all 0.4s ease-in-out 0s;
}
.event-subpage-listing a.card:hover img {
    transform: scale(1.05);
    transform-origin: center;
    transition: all 0.4s ease-in-out 0s;
}

.event-subpage-listing a.card .label {
	position: relative;
	background: none;
	padding-left: 0;
	color: #333!important;
}

.event-subpage-listing .card .label:after {
	content: '';
	position: absolute;
	width: 95%;
	height: 3px;
	bottom: -4px;
	left: 0px;
}

.event-subpage-listing a.card:hover .label, .event-subpage-listing a.card:focus .label {
	color: #333!important;
}

.event-subpage-listing a.card:hover .label:after, .event-subpage-listing a.card:focus .label:after {
	border-bottom: 3px dotted #333;
}

.event-subpage-listing .event-img:before {
	content: '';
	top: -15px;
	left: -10px;
	width: 40px;
	height: 95%;
	background-size: 40px 90%;
	position: absolute;
	z-index: 2;
}

.event-subpage-listing .event-img {
	margin-bottom: 45px;
}

.event-subpage-listing .event-img img {
	border-radius: 3px;
}
.event-subpage-listing a.slick-slide {
    background: #F1F1F2;
    border-radius: 0px 0px 20px 20px;
    /*box-shadow: 0px 8px 0px 0px rgb(0 0 0 / 18%);*/
}
.event-subpage-listing a div.btn.c6-btn-bg {
    color: white!important;
}
.event-subpage-listing a div.btn.c6-btn-bg:hover {
    color: white!important;
    background-color: #0866A1!important;
    background-image: url(/media/zvshs0bv/right-arr.svg)!important;
}
.event-subpage-listing .row {
	position: relative;
}
.event-subpage-listing .img-area {
    position: relative;
}

.event-subpage-listing .img-area {
    width: auto;
    max-width: 100%;
    display: block;
    height: 100%;
    max-height: 220px;
    position: relative;
    margin: 0px;
    overflow: hidden;
    	transition: all 0.2s ease-in-out 0s;
}

@media (min-width: 992px) {
   .event-subpage-listing .img-area {
        max-height: 280px;
    } 
}


.event-subpage-listing .img-area img {
    width: 100%;
    height: 100%;
    object-position: 0% 0%;
    object-fit: cover;
}

.event-subpage-listing .card .tag.inperson {
	display: inline;
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    color: #ffffff;
    background-color: #0866A1;
    padding: 6px 30px 6px 20px;
    border-radius: 0 25px 0 0;
}

.event-subpage-listing .card .tag.online {
	display: inline;
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	font-size: 18px;
    text-align: left;
    line-height: 30px;
    font-weight: 600;
    color: #ffffff;
    background-color: #e00a08;
    padding: 6px 30px 6px 20px;
    border-radius: 0 25px 0 0;
}

.event-subpage-listing .card .card-body {
	padding: 35px 30px;
	font-size: 18px;
}

.event-subpage-listing .card h4.heading {
	margin: 0px 0px 15px!important;
	font-size: 24px;
}

.event-subpage-listing .card-body span {
	margin: 0px 0px 15px;
	font-size: 16px;
	font-weight: 600;
}

.event-subpage-listing .row.component-introduction {
	margin-bottom: 20px;
}

@media (min-width: 1080px) {
	.event-subpage-listing .row:not(.component-introduction):before {
		position: absolute;
		content: '';
		top: -15px;
		left: -2.5%;
		width: 105%;
		height: 40px;
		background-size: 100%;
	}
}

@media (min-width: 768px) {
	.event-subpage-listing .row:not(.component-introduction):before {
		position: absolute;
		content: '';
		top: -15px;
		left: 0%;
		width: 100%;
		height: 40px;
		background-size: 100%;
	}
}

@media (max-width: 575px) {
	.component:not(.usn_cmp_banner).event-subpage-listing  .slick-slider .slick-track {
		margin: 0px!important;
		width: 100%!important;
	}

	.component:not(.usn_cmp_banner).event-subpage-listing .slick-initialized .slick-slide {
		display: block;
		width: 100%!important;
		min-width: 100%!important;
		padding: 0 20px!important;
	}
}

@media (min-width: 576px) {
	.component:not(.usn_cmp_banner).event-subpage-listing .slick-initialized .slick-slide {
		display: block;
		margin: 0px 15px;
	}
}

/*
.component:not(.usn_cmp_banner).event-subpage-listing .slick-initialized .slick-slide .img-area {
	height: 310px;
}

@media (min-width: 992px) {
	.component:not(.usn_cmp_banner).event-subpage-listing .slick-initialized .slick-slide .img-area {
		height: 340px;
	}
}

@media (min-width: 1600px) {
	.component:not(.usn_cmp_banner).event-subpage-listing .slick-initialized .slick-slide .img-area {
		height: 400px;
	}
}
*/

/* Newsletter signup modal */


#modal_1874 .modal-content {
	max-width: 820px!important;
	margin: 0 auto!important;
}

#modal_1874 .modal-content section.content:not(.usn_cmp_banner) {
	padding: 20px;
}

#modal_1874 .modal-content .button {
	padding: 0px 30px;
	font-size: 18px;
	border-radius: 2px;
	background: #333!important;
	color: white!important;
	line-height: 54px;
	margin: 0;
	height: 54px;
	font-weight: 700;
}

#modal_1874 .modal-content #mc_embed_signup .indicates-required {
	text-align: left;
	font-size: 15px;
	margin: 0;
}

#modal_1874 .modal-content #mc_embed_signup div#mce-responses {
	float: left!important;
	top: 0!important;
	padding: 0!important;
	overflow: visible!important;
	width: 100%!important;
	margin: 0!important;
	clear: both;
}

#modal_1874 .modal-content #mc_embed_signup div.response {
	margin: 0 0 20px!important;
	padding: 0!important;
	font-weight: 600!important;
	float: left;
	top: 0!important;
	z-index: 1;
	width: 100%!important;
}

#modal_1874 .modal-content #mc_embed_signup #mce-success-response {
	color: #312A23!important;
	background: #c4fcc4;
	padding: 5px 10px!important;
	border-radius: 3px;
}


/* Safe Place */


.safe-place .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), .safe-place .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: none;
}

.safe-place .left-col .swp > .listing h1 {
}

.safe-place .component:not(.usn_cmp_banner) .slick-slider .slick-list, .safe-place .component:not(.usn_cmp_banner) .slick-slider .slick-track {
	width: 100%!important;
}

.safe-place .row.component-introduction {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.safe-place nav.sub {
		border: none;
		background: #FFEDE5;
		background-size: cover;
		padding: 35px 35px 35px 35px;
		position: relative;
	}

	.safe-place nav.sub:before {
		display: none;
		content: '';
		top: -15px;
		left: -18px;
		width: 36px;
		height: 110%;
		background-size: contain;
		position: absolute;
		z-index: 2;
	}
}

.safe-place-menu {
	border: none;
	background: #FFEDE5;
	background-size: cover;
	padding: 35px 35px 35px 35px;
	position: relative;
}

.safe-place-menu li a {
	display: block;
	color: rgba(var(--base-link), 1);
	transition: all 0.2s ease-in-out 0s;
	font-family: var(--sub-navigation-typography_font-name);
	font-weight: var(--sub-navigation-typography_font-weight);
	font-style: var(--sub-navigation-typography_font-style);
	line-height: var(--sub-navigation-typography_font-line-height);
	letter-spacing: var(--sub-navigation-typography_font-letter-spacing);
	text-transform: var(--sub-navigation-typography_font-transform);
	font-size: var(--sub-navigation-typography_font-size);
}

.safe-place-menu li:first-child a {
	font-size: var(--p-heading_small-typography_font-size_xl);
	color: rgba(var(--base-heading), 1);
}

.member-news .latest-news .component-introduction {
	display: none;
}

.info:not(li):not(.btn) .at-share-btn-elements, .at-share-btn-elements a {
	margin-bottom: 0!important;
}

#at20mc {
	display: none!important;
}

.bookmarks .item .inner a .info .label {
	position: relative;
	background: none;
	padding-left: 0;
	color: #333!important;
	margin-top: 15px;
}

.bookmarks .inner a .info .label:after {
	content: '';
	position: absolute;
	width: 95%;
	height: 3px;
	bottom: -4px;
	left: 3px;
}

@media (min-width: 992px) {
	.reg-form, .log-form {
		padding: 50px!important;
	}
}

.register-form .form-group, .usn_cmp_form .form-group {
	max-width: 100%!important;
}

.register-form .alert-success .info p {
	color: black;
	font-size: 22px;
	margin-top: 20px;
}

.register-form .alert-success .info p a {
	color: #333333!important;
}

.register-form a {
	text-decoration: underline!important;
	font-weight: 500;
}

input.input-validation-error ~ label, input:invalid.input-validation-error ~ label {
	color: red;
}

.input-validation-error {
	box-shadow: 0px 0px 4px 0px #ff000096;
	border-radius: 2px;
}






/******** EXIT BUTTON *******/


.quick-exit-btn {
display: block;
    outline: none;
    box-shadow: none;
    position: fixed;
    bottom: 9px;
    right: 10px;
    background: black;
    color: white;
    font-size: 16px;
    font-weight: 700;
    z-index: 99999;
    border: 3px solid #fff;
    letter-spacing: .02rem;
    border-radius: 100px;
    padding: 4px 14px 3px 40px;
    box-shadow: 0px 3px 6px 0px #0000003d;
}

.quick-exit-btn:hover, .quick-exit-btn:focus {
    background: #E00A08;
}

.quick-exit-btn:before {
	content: '';
	background: url("/media/bakfe5m3/exitx.svg") no-repeat;
	background-size: 100%;
	left: 13px;
	top: 7px;
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
}

.live-chat-btn {
	display: block;
	position: fixed;
	outline: none;
	box-shadow: none;
	bottom: 10px;
	left: 10px;
	background: black;
	color: white;
	font-size: 16px;
	font-weight: 700;
	z-index: 99999;
	border: none;
	border-radius: 2px;
	padding: 5px 10px 5px 38px;
}

.live-chat-btn:before {
	content: '';
	background: url("/media/yo1knhgc/iconlivechat.png") no-repeat;
	background-size: 100%;
	left: 9px;
	top: 6px;
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
}

.mob-footer-bar {
	display: none;
}

@media (max-width: 768px) {
	footer#site-footer {
		padding-bottom: 80px!important;
	}

	.quick-exit-btn {
		left:10px;
		right:unset;
	}

	.mob-footer-bar {
		background-size: cover;
		background: #212121;
		color: white;
		width: 100%;
		padding: 0px 20px;
		display: flex;
		justify-content: space-around;
		position: fixed;
		bottom: -1px;
		height: 70px;
		z-index: 99999;
		box-shadow: 0px 0px 7px 4px rgb(0 0 0 / 25%);
	}

	.btn-services {
	}

	.btn-gethelp {
	}

	.mob-foot-btn {
		display: block;
		align-items: center;
		outline: none;
		box-shadow: none;
		color: #333;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		border: none;
		width: 75px;
		padding: 7px 0px 0px;
	}

	.mob-foot-btn img {
		width: 36px;
		height: 36px;
		display: block;
		margin: 0 auto 1px;
	}

	.mob-quick-exit-btn {
		background: black;
		color: white;
		width: 83px;
		height: 64px;
		padding: 6px 0px;
		border-top-left-radius: 2px;
		margin: 6px 0px 0px 0px!important;
		border-top-right-radius: 2px;
	}

	.mob-quick-exit-btn  img {
		width: 22px;
		height: 22px;
		display: block;
		margin: 0 auto 3px;
	}
}

.site-search .form-group {
	max-width: 100%!important;
}


/**************** MEGA NAV **********************/

.mega {
	background: #E00A08!important;
	color: white!important;
	border-radius: 0;
	box-shadow:none;
}

@media (min-width: 991px) and (max-width: 1350px) {
    .mega {
    	border-radius: 0px;
    }
}

@media (min-width: 991px) {
    .mega {
    	background: #E00A08!important;
    	color: white!important;
    	border-radius: 15px;
    	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18);
    }
}



header#site-header {
	z-index: 99999;
	box-shadow: none!important;
}

header#site-header > .container:after {
	display: none;
}

header#site-header.mob-header {
	margin: 0!important;
	width: 100%!important;
	box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.18)!important;
}

header#site-header.mob-header .mega {
	display: flex;
	width: 100%;
	order: 4;
	background: #212121;
	padding: 0 30px;
	margin-top: 20px;
}

header#site-header.mob-header, html.nav-down:not(.reached-top) header#site-header.mob-header, html.nav-down:not(.reached-top) header#site-header.mob-header.header-bg-solid, html.nav-up:not(.reached-top) header#site-header.mob-header, html.nav-up:not(.reached-top) header#site-header.mob-header.header-bg-solid {
	background: #E00A08!important;
}

@media (max-width:991px){
    body.header-03-sm header#site-header nav.secondary {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0 30px;
    }
    
   body.header-03-sm header#site-header nav.secondary ul {
       display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
       
   }

     body.header-03-sm header#site-header nav.secondary ul li a {
        color: #fff!important;
        font-size: 16px;
        position: relative;
        display: block;
            font-weight: 400;
        border-bottom: 1px solid #ee4b4a;
    }
}

header#site-header.mob-header .mega .navbar-nav {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

header#site-header.mob-header .row, header#site-header.mob-header nav.secondary ul li.dropdown .dropdown-menu {
	padding-bottom: 0!important;
}

header#site-header.mob-header .mega .navbar-nav .dropdown-menu {
	position: relative!important;
	width: 100vw;
	top: -4px!important;
	margin-left: -30px;
	padding: 20px 30px;
	transform: none!important;
	border-radius: 0;
	background: #F7EDD7;
	border: none;
}

header#site-header.mob-header nav.secondary ul li.dropdown.language-selector a.dropdown-toggle:before {
	right: 0;
}

header#site-header.mob-header .mega .navbar-nav .dropdown-menu .container {
	position: relative!important;
	width: 100%!important;
	padding: 0;
}

header#site-header.mob-header .expand-header span, header#site-header.mob-header .expand-header span:after, header#site-header.mob-header .expand-header span:before {
	background-color: #fff;
}

header#site-header.mob-header #logo {
	padding: 17px 0 10px 25px;
}

header#site-header.mob-header #logo img, header#site-header.mob-header #logo picture {
	height: 44px;
	max-height: 100%;
	filter: brightness(0) invert(1);
}

header#site-header #logo img[src*='svg'], 
header#site-header #logo img[src*="svg"] {
    width:auto;
}


header#site-header.mob-header .expand-header {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-indent: 0;
}

.menu-label {
	bottom: 5px;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.dropdown-toggle::after {
    display: none;
}

header#site-header.mob-header .expand-header span {
	top: 26px;
	display: none;
}

header#site-header.mob-header .expand-header:before {
    position: absolute;
    left: 10px;
    top: 12px;
    content: "";
    width: 36px;
    height: 30px;
    background: url(/media/bv0fqvqp/menuhamburger.svg) no-repeat;
    background-size: 100%;
}

header#site-header.mob-header .expand-header.active:before {
    position: absolute;
    left: 15px;
    top: 13px;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/media/vipppoqt/menuclose.svg);
    background-size: 100%;
}


header#site-header .expand-header {
    right: 10px;
}

header#site-header .expand-header span, header#site-header .expand-header span:after, header#site-header .expand-header span:before {
	width: calc(var(--expand-nav-width)/ 2);
	height: 4px;
	border-radius: 2px;
}

header#site-header.mob-header .navbar-nav .nav-link {
	padding: 6px 0;
	color: #fff;
	font-size: 16px;
	position: relative;
	display: block;
	border-bottom: 1px solid #ee4b4a;
}

header#site-header.mob-header .navbar-nav .megamenu .nav-link {
padding: 3px 0;
    color: #212121;
    font-size: 16px;
    font-weight: 500!important;
    position: relative;
    display: block;
}

header#site-header.mob-header .navbar-nav .megamenu .nav-item-title {
	padding: 4px 0;
	color: #212121;
	font-size: 16px;
	font-weight: 600!important;
	position: relative;
	display: block;
}

header#site-header.mob-header .navbar-nav .megamenu .nav-top-Level {
	padding: 4px 0;
	color: #212121;
	font-size: 16px;
	font-weight: 600!important;
	position: relative;
	display: block;
}

header#site-header.mob-header .navbar-nav .nav-item .dropdown-menu .nav-link, header#site-header.mob-header .navbar-nav .nav-item:last-child .nav-link {
	border: none;
}

header#site-header.mob-header .navbar-nav ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

header#site-header.mob-header .navbar-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



header#site-header.mob-header #HomeIcon {
	fill: #ffffff;
}

header#site-header.mob-header nav.cta-links .btn {
	background: #fff;
	color: #ffffff;
	padding: 7px 27px;
	font-size: 18px;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 2px;
}

header#site-header.mob-header nav.cta-links .btn:active span, header#site-header.mob-header nav.cta-links .btn:focus span, header#site-header.mob-header nav.cta-links .btn:hover span {
	background: #ede9ef;
}

header#site-header.mob-header nav.cta-links, header#site-header.mob-header nav.secondary {
	padding: 0 25px!important !important;
}

header#site-header.mob-header nav.secondary {
	margin-bottom: 30px;
	margin-top: 15px;
}

header#site-header.mob-header nav.secondary .dropdown-menu a span {
	color: #ffffff!important;
}

header#site-header.mob-header nav.secondary ul li.dropdown.language-selector a.dropdown-toggle {
	padding: 0 15px 0 0;
}

header#site-header.mob-header nav.secondary ul li.dropdown.member-menu a.dropdown-toggle:before {
	position: absolute!important;
	content: "\f3d0";
	font-family: Ionicons;
	width: 20px;
	height: 20px;
	font-size: 16px;
	right: 9px;
	top: 2px;
	display: block;
	transition: none!important;
}

header#site-header.mob-header nav.secondary ul li.dropdown.member-menu, header#site-header.mob-header nav.secondary ul li.dropdown.member-menu a {
	width: 100%!important;
	text-align: left;
	font-weight: 700;
	height: 35px;
	line-height: 35px;
	padding: 0;
	font-size: 16px;
	text-decoration: none;
}

header#site-header.mob-header nav.secondary ul li.dropdown > a.dropdown-toggle:not(:focus-within) {
	border-radius: 2px;
	outline: 0;
	box-shadow: none;
}

header#site-header.mob-header nav.secondary ul li.dropdown > a.dropdown-toggle:focus-within {
	border-radius: 2px 2px 0 0;
	border-bottom: none;
	outline: 0;
	box-shadow: none;
	color: #ffffff;
	background: #333;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

header#site-header.mob-header nav.secondary ul li.dropdown.member-menu a {
	padding-left: 15px;
}

header#site-header.mob-header nav.secondary ul li {
	overflow: visible!important;
}

header#site-header.mob-header nav ul {
	margin: 0;
}

body.header-03-sm header#site-header.mob-header .site-search, header#site-header.mob-header .site-search {
	padding: 0!important;
	margin: 25px 0;
}

header#site-header.mob-header .site-search .form-control {
    width: 100%;
    height: 50px;
    min-height: 50px;
    margin: 0;
}

header#site-header.mob-header .site-search button.btn, header#site-header.mob-header .site-search button.btn:active, header#site-header.mob-header .site-search button.btn:focus {
    width: 50px;
    height: 50px;
    font-size: var(--secondary-navigation-typography_font-size_xl);
    top: 0px;
    right: 0px;
    padding: 0!important;
    line-height: 21px;
}

@media (min-width: 992px){
    body.header-03-sm header#site-header.mob-header .site-search, header#site-header.mob-header .site-search {
    	padding: 0!important;
    	margin: 15px 0;
    }
    header#site-header.mob-header .site-search .form-control {
    	width: 100%;
    	height: 35px;
    	min-height: 35px;
    	padding-right: 0;
    	margin: 0;
    	border-radius: 2px;
    }
    
    header#site-header.mob-header .site-search button.btn, header#site-header.mob-header .site-search button.btn:active, header#site-header.mob-header .site-search button.btn:focus {
    	width: 29px;
    	height: 29px;
    	font-size: var(--secondary-navigation-typography_font-size_xl);
    	border-radius: 50px!important;
    	top: 3px;
    	right: 3px;
    }

}




header#site-header.mob-header .site-search button.btn span {
	border-radius: 50px!important;
}

header#site-header.mob-header nav.secondary ul li.language-selector a {
	position: relative;
	text-align: center;
	color: #fff;
}

header#site-header.mob-header nav.secondary ul li.dropdown > a.dropdown-toggle:focus-within .dropdown-item span, header#site-header.mob-header nav.secondary ul li.dropdown:focus-within .dropdown-item span {
	color: #fff;
}

header#site-header.mob-header nav.secondary ul li.dropdown .dropdown-menu {
	width: 100%;
	min-width: 100%!important;
}

body.header-03-sm header#site-header.mob-header nav.cta-links {
	margin-top: 30px;
}


.usn_ion-md-open {
    display: none;
}

body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
    color: #0866A1;
}

/*donate*/

    .mega > .nav > li:last-of-type > a {
		color: #212121!important;
		background: #F7EDD7;
        padding: 11px 20px!important;
        border-radius: 50px;
        margin: 25px 0px 15px 0;
        text-align: center;
        font-weight: bold;
		box-shadow: 0px 4px 0px 0px rgba(255,255,255,0.48);
	}
	.mega > .nav li:last-of-type > a:hover,.mega > .nav > li:last-of-type > a:focus  {
		background: #ffffff;
	}
    .mega > .nav > li:first-of-type > a:before, .mega > .nav > li:last-of-type > a:before, .mega > .nav > li:first-of-type > a:hover::before, .mega > .nav > li:last-of-type > a:hover::before,
    .mega > .nav > li:first-of-type a:focus::before, .mega > .nav > li:last-of-type > a.nav-link:not(.home):focus-within::before{
	    display: none;
	}
	
	
@media (min-width: 992px) {
	html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header {
		top: -126px!important;
	}

	.mega {
		margin-bottom: -5px;
		position: relative;
	}
    .mega .nav li:last-of-type a {
		margin: 0;
	}
	
	header#site-header #HomeIcon {
		fill: #ffffff;
	}

	header#site-header .mega-wrapper {
		flex-direction: column;
		align-content: end;
		justify-content: end;
		height:55px;
		width: 100%;
	}

	header#site-header > .container {
		margin-top: 20px;
	}

	header#site-header .mega {
		height: auto;
		width: 100%;
		padding: 0;
	}

	header#site-header #logo {
		height: auto;
	}

	header#site-header #logo img {
		padding:13px 15px 0px 45px;
	}

	header#site-header .mega .navbar-nav li, header#site-header .mega .navbar-nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	header#site-header .navbar-nav .megamenu .nav-item-title {
		padding: 5px 0;
		color: #57386b;
		font-size: 18px;
		font-weight: 700!important;
		position: relative;
		display: block;
	}

	header#site-header .navbar-nav .megamenu .nav-top-Level {
		padding: 5px 0;
		color: #312a23;
		font-size: 18px;
		font-weight: 700!important;
		position: relative;
		display: block;
	}

	header#site-header .navbar-nav .megamenu .nav-top-Level:after {
		width: 29px;
		height: 27px;
		content: "";
		bottom: -30px;
		left: 0;
		position: absolute;
		display: block;
		background-image: url(/media/e0cjztj1/red-arr-right.svg)!important;
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
	}

	header#site-header .nav-up .mega {
		background: 0 0;
	}

	header#site-header .nav-up #logo {
		opacity: 0!important;
	}

	header#site-header .mega > ul {
		font-size: var(--main-navigation-typography_font-size_xl);
		margin: 11px 30px 13px 30px!important;
		padding: 0;
	}

	header#site-header .mega > ul li a.nav-link, header#site-header .mega > ul li a.nav-link:active, header#site-header .mega > ul li a.nav-link:active:focus, header#site-header .mega > ul li a.nav-link:focus, header#site-header .mega > ul li a.nav-link:hover:focus {
		font-size: 16px;
		padding: 0;
		font-weight: 600;
		color: #ffffff;
		z-index: 10;
		line-height: 1.1;
		position: relative;
		transition: none;
		white-space: nowrap;
	}

	header#site-header .mega > ul li a.nav-link:not(.home):hover {
		transition: none;
	}
	
    header#site-header .mega > ul li a.nav-link:before {
		position: absolute;
		content: '';
		height: 3px;
		bottom: -5px;
		left: 0;
		border-radius: 4px;
		width: 100%;
		background: transparent;
	}

	.about-us header#site-header .mega > ul > li > a.nav-link.about-us-active:hover, .be-informed header#site-header .mega > ul > li > a.nav-link.be-informed-active:hover, .contact-us header#site-header .mega > ul > li > a.nav-link.contact-us-active:hover, .for-professionals header#site-header .mega > ul > li > a.nav-link.for-professionals-active:hover, .news header#site-header .mega > ul > li > a.nav-link.news-active:hover, .our-services header#site-header .mega > ul > li > a.nav-link.our-services-active:hover, .support-us header#site-header .mega > ul > li > a.nav-link.support-us-active:hover {
		transition: none;
	}

	.about-us header#site-header .mega > ul > li > a.nav-link.about-us-active:before, .be-informed header#site-header .mega > ul > li > a.nav-link.be-informed-active:before, .contact-us header#site-header .mega > ul > li > a.nav-link.contact-us-active:before, .for-professionals header#site-header .mega > ul > li > a.nav-link.for-professionals-active:before, .news header#site-header .mega > ul > li > a.nav-link.news-active:before, .our-services header#site-header .mega > ul > li > a.nav-link.our-services-active:before, .support-us header#site-header .mega > ul > li > a.nav-link.support-us-active:before, header#site-header .mega > ul > li > a.nav-link:not(.home):focus-within::before {
		content: "";
		position: absolute;
		width: 100%;
		bottom: -5px;
		height: 3px;
	}

	.nav-up header#site-header .mega > ul > li > a.nav-link:not(.home):focus-within::before, .nav-up.about-us header#site-header .mega > ul > li > a.nav-link.about-us-active:before, .nav-up.be-informed header#site-header .mega > ul > li > a.nav-link.be-informed-active:before, .nav-up.contact-us header#site-header .mega > ul > li > a.nav-link.contact-us-active:before, .nav-up.for-professionals header#site-header .mega > ul > li > a.nav-link.for-professionals-active:before, .nav-up.news header#site-header .mega > ul > li > a.nav-link.news-active:before, .nav-up.our-services header#site-header .mega > ul > li > a.nav-link.our-services-active:before, .nav-up.support-us header#site-header .mega > ul > li > a.nav-link.support-us-active:before {
		bottom: -5px;
	}
	
	header#site-header .mega > ul li a.nav-link:hover::before {
		position: absolute;
		bottom: -5px;
		left: 0;
		content: '';
		height: 3px;
		border-radius: 4px;
		width: 100%;
		background: #F7EDD7;
	}
	
	header#site-header .mega .navbar-nav .megamenu a.nav-link {
		font-size: 16px;
		line-height: 32px;
		padding: 0;
		font-weight: 400;
		color: #ffffff;
		display: inline;
	}

	header#site-header .mega .navbar-nav .megamenu a.nav-link:hover, header#site-header .mega .navbar-nav .megamenu a.nav-link:hover:focus {
		font-size: 16px;
		line-height: 32px;
		padding: 0;
		font-weight: 600;
		color: #0866A1!important;
		display: inline;
		position: relative;
	}
	
	header#site-header .mega .navbar-nav .megamenu a.nav-link:before {
		content: "";
		position: absolute;
		width: 100%;
		bottom: -3px;
		left: 0;
		content: '';
		height: 3px;
		border-radius: 4px;
		background: transparent;
	}
	
	header#site-header .mega .navbar-nav .megamenu a.nav-link:hover::before {
		content: "";
		position: absolute;
		width: 100%;
		bottom: -3px;
		left: 0;
		content: '';
		height: 3px;
		border-radius: 4px;
		background: #0866A1;
	}

	header#site-header .mega > ul li a.nav-link.home {
		padding: 0;
	}

	header#site-header .megamenu ul li a.nav-link {
		color: #212121;
	}

	body.header-14-lg header#site-header:not(.mob-header) .megamenu .container {
		position: relative!important;
	}

	.nav-up.header-14-lg header#site-header:not(.mob-header) .row, body.header-14-lg header#site-header:not(.mob-header) .row {
		height: auto;
		align-items: start;
		margin-top: 0;
	}

	.nav-up header#site-header:not(.mob-header) .mega-wrapper {
		margin-top: 10px!important;
	}

	body:not(.main-navigation-underline-link) header#site-header:not(.mob-header) .mega a:not(:hover):not(:focus):not(:active) {
		text-decoration: none;
		text-decoration-color: transparent;
	}

	.megamenu > div > li > ul {
		padding: 0;
		margin: 0;
	}

	.megamenu > div > li > ul > li {
		list-style: none;
	}

	.megamenu > div > li > ul > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 500;
		line-height: 1.428571429;
		color: #333;
		white-space: 500;
	}

	.megamenu > div > li > ul > li > a:focus, .megamenu > div > li > ul > li > a:hover {
		text-decoration: none;
		color: #262626;
		background-color: #f5f5f5;
	}

	.megamenu.disabled > a, .megamenu.disabled > a:focus, .megamenu.disabled > a:hover {
		color: #999;
	}

	.megamenu.disabled > a:focus, .megamenu.disabled > a:hover {
		text-decoration: none;
		background-color: transparent;
		background-image: none;
		cursor: not-allowed;
	}

	.megamenu.dropdown-header {
		color: #428bca;
		font-size: 18px;
	}

	header#site-header:not(.mob-header) nav.secondary ul li.dropdown.member-menu > a i+span {
		width: 95px;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: 20px;
	}

	header#site-header:not(.mob-header) nav.secondary ul li.dropdown.member-menu > a i.icon {
		position: absolute;
		top: 8px;
	}

	header#site-header:not(.mob-header) nav.secondary ul li.dropdown.member-menu .usn_ion-md-contact:before {
		font-size: 16px;
	}

	header#site-header:not(.mob-header) .mega {
		-ms-flex-order: 1;
		order: 1;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		z-index: 2;
	}

	header#site-header:not(.mob-header) .mega > ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	header#site-header:not(.mob-header) .mega > ul > li {
		border: 0;
		align-items: center;
		box-sizing: border-box;
		display: flex;
		padding: 4px 13px;
	}

	.menu-large {
		position: static!important;
	}

	.megamenu {
		background: #333;
		padding: 30px 20px 35px;
		border-radius: 0;
		transform: translate3d(0px, 117px, 0)!important;
		position: absolute;
		width: 100vw;
		will-change: transform;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		border: none;
		z-index: 9;
	}

	.megamenu.dropdown-menu {
		position: relative;
		transform: none!important;
		top: 70px!important;
		left: 0!important;
		width: 100%;
		padding: 30px 20px 55px;
		margin: 0;
		z-index: -1;
		background: #F7EDD7!important;
		box-shadow: 0px 8px 0px 0px rgb(0 0 0 / 18%);
	}

	.megamenu.dropdown-menu:before {
		position: absolute;
		content: '';
		top: -15px!important;
		left: 0!important;
		width: 100%;
		padding: 0;
		height: 15px;
		margin: 0;
		z-index: -1;
		background: #e00a08!important;
	}


	.megamenu.dropdown-menu .container {
		position: relative!important;
		max-width: 100%!important;
	}

	.megamenu.dropdown-menu .container a.nav-link.dropdown-item {
		color: #212121!important;
	}

	.megamenu.dropdown-menu .container .dropdown-item:focus, 
    .megamenu.dropdown-menu .container .dropdown-item:hover {
		background-color: transparent!important;
	}

	.mega .megamenu.dropdown-menu .container .col {
		align-self: self-start;
	}

	.mega .megamenu.dropdown-menu .col ul li:last-of-type a {
		color: #212121!important;
		background: none;
		padding: 0!important;
		border-radius: 0px;
		box-shadow: none;
	}

	.megamenu.dropdown-menu .container .row:before {
		display: none;
	}

	.megamenu.dropdown-menu .container:after {
		display: none;
	}

	.megamenu.dropdown-menu .container .row {
		height: auto!important;
	}

	.megamenu.dropdown-menu .container .row a.nav-link {
		color: #212121!important;
	}
}


/***************** DONATION FORM ***********************/


.donate-page .page-title .col {
	max-width: 570px;
	text-align: center;
	margin: 0 auto;
}

.donate-page .page-title .col .heading {
	font-weight: 700;
}

.donation-process .error {
	color: #a03131;
}

.donation-process .form-control.error {
	border-color: #a03131;
}

.donation-process label {
	font-weight: 600;
}

.reg-msg {
	margin: -20px 0px 20px 0px;
	background: #e2e0ea;
	border-radius: 4px;
	padding: 15px 20px;
}

.reg-msg p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 20px;
}

.reg-msg a:link, .reg-msg a:visited, .reg-msg a:active {
	text-decoration: underline;
}

.donation-process {
	background: #ffffff;
}

.section-head {
	color: white;
}

.header-overlay {
	background: #005E85;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: 1;
}

.section-page-header {
	padding: 60px 0 140px;
	margin-top: 52px;
}

.multi-step-form button {
	color: white;
}

.section-page-header h1 {
	font-size: 24px;
}

.preselected-value .card:before {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	content: '';
	border: none;
}

.preselected-value .card {
	border-radius: 0;
	border-radius: 20px!important;
	background: #F7EDD7;
	border: none;
}

.preselected-value.selectedvalue .card:before, .preselected-value.selectedvalue:hover .card:before, .preselected-value:hover .card:before {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	content: '';
	border-radius: 0px 0px 20px 20px;
	border: 4px solid #0866A1 !important;
}

.preselected-value:hover .card {
	cursor: pointer;
}

.preselected-value .card img {
	border-radius: 0;
}

.preselected-value .card h4 {
	color: #212121!important;
	font-size: 32px;
}

.preselected-value:hover .card h4 {
	color: #333333;
}

.section-page-header {
	margin-bottom: -140px;
}

@media (min-width: 480px) {
	.section-page-header h1 {
		font-size: 28px;
	}
}

@media (min-width: 768px) {
	.section-page-header {
		padding: 150px 0 160px;
		margin-top: 30px;
		margin-bottom: -180px;
	}

	.section-page-header h1 {
		font-size: 36px;
	}
}

@media (min-width: 1200px) {
	.section-page-header {
		padding: 150px 0 200px;
		margin: 52px 0px -220px 0px;
	}
}

.multi-step-form-progress {
	margin-bottom: 0px;
	color: #312A23;
}

.multi-step-form-progress {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.3% 33.3% 33.3%;
	grid-template-columns: 33.3% 33.3% 33.3%;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	width: 100%;
}

.multi-step-form-progress >:nth-child(2) {
	-ms-grid-column: 2;
}

.multi-step-form-progress >:nth-child(3) {
	-ms-grid-column: 3;
}

.multi-step-form-progress >:nth-child(4) {
	-ms-grid-row: 2;
}

.multi-step-form-progress >:nth-child(5) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

.multi-step-form-progress >:nth-child(6) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.multi-step-form-progress >:nth-child(7) {
	-ms-grid-row: 3;
}

.multi-step-form-progress-btn {
	transition-property: all;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transition-delay: 0s;
	position: relative;
	padding-top: 60px;
	text-align: center;
	text-indent: 0px;
	border: none;
	background-color: transparent;
	outline: none !important;
	cursor: pointer;
}

.multi-step-form-progress-btn span {
	color: #312A23;
	font-weight: 500;
	line-height: 1;
	display: block;
	font-size: 16px;
	line-height: 16px;
}

.multi-step-form-progress-btn em {
	font-style: normal;
	font-weight: 700;
	color: #0866A1;
	position: absolute;
	top: 3px;
	z-index: 4;
	margin-left: -11px;
	font-size: 40px;
	line-height: 40px;
}

.multi-step-form-progress-btn.js-active em {
	margin-left: -10px;
}

@supports (-webkit-overflow-scrolling: touch) {
	.multi-step-form-progress-btn em {
		bottom: 3px;
	}
}

@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .multi-step-form-progress-btn em {
		margin-left: 45%;
	}
}

.multi-step-form-progress-btn:before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 50px;
	height: 50px;
	content: '';
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
}

.multi-step-form-progress-btn:after {
	position: absolute;
	top: 25px;
	left: calc(-50% - 30px / 2);
	transition-property: all;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transition-delay: 0s;
	display: block;
	width: 100%;
	height: 0px;
	background: transparent;
	border-bottom: 2px solid white;
	content: '';
	z-index: 1;
}

.multi-step-form-progress-btn.js-active {
	color: #0866A1;
}

.multi-step-form-progress-btn.js-active em {
	color: #fff;
}

.multi-step-form-progress-btn:first-child:after {
	display: none;
}

.multi-step-form-progress-btn:before {
	-webkit-transform: translateX(-50%) scale(1.2);
	transform: translateX(-50%) scale(1.2);
	background-size: 100%;
}

.multi-step-form-progress-btn.js-active:before {
	-webkit-transform: translateX(-50%) scale(1.2);
	transform: translateX(-50%) scale(1.2);
	background-size: 100%;
}

.multi-step-form-progress-btn.js-active.donstep1:before {
	background-image:url(/media/41sld1j2/don-step-1-active.svg);
}
.multi-step-form-progress-btn.donstep2:before {
	background-image:url(/media/vjwdyxt0/don-step-2.svg);
}
.multi-step-form-progress-btn.js-active.donstep2:before {
	background-image:url(/media/0hap34cw/don-step-2-active.svg);
}
.multi-step-form-progress-btn.donstep3:before {
	background-image:url(/media/ngqfxoej/don-step-3.svg);
}
.multi-step-form-progress-btn.js-active.donstep3:before {
	background-image:url(/media/j4xhj4hx/don-step-3-active.svg);
}

.multi-step-form-form {
	position: relative;
	height: 100% !important;
}

.multi-step-form-panel {
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	height: 0;
	background: #ffffff;
	opacity: 0;
	display: none;
	visibility: hidden;
}

.multi-step-form-panel.js-active {
	height: auto;
	opacity: 1;
	visibility: visible;
	display: block;
}

.multi-step-form-panel[data-animation="scaleOut"] {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.multi-step-form-panel[data-animation="scaleOut"].js-active {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.multi-step-form-panel[data-animation="slideHorz"] {
	left: 50px;
}

.multi-step-form-panel[data-animation="slideHorz"].js-active {
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
	transition-delay: 0s;
	left: 0;
}

.multi-step-form-panel[data-animation="slideVert"] {
	top: 30px;
}

.multi-step-form-panel[data-animation="slideVert"].js-active {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	top: 0;
}

.multi-step-form-panel[data-animation="fadeIn"].js-active {
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: linear;
	transition-delay: 0s;
}

.multi-step-form-panel[data-animation="scaleIn"] {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.multi-step-form-panel[data-animation="scaleIn"].js-active {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.multi-step-form-panel .button-row {
	padding: 20px 0px;
}

.multi-step-form {
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 3;
	position: relative;
}

.multi-step-form-form .secondary-heading {
	line-height:26px!important;
}

.donation-details .nav-pills .nav-link {
	display: block;
	padding: 14px 20px;
	color: #0866A1;
	background: #fff;
	margin: 0 -1px 0px;
	font-size: 20px;
	line-height: 20px;
	border-radius: 0;
	font-weight: 700;
	border: 2px solid #0866A1;
	text-decoration: none;
}

.donation-details .nav-pills .nav-link:hover, .donation-details .nav-pills .nav-link:focus, .donation-details .nav-pills .nav-link:active {
	text-decoration: none !important;
}

.donation-details .nav-pills .nav-link:first-child {
	border-top-left-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
}

.donation-details .nav-pills .nav-link:last-child {
	border-top-right-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
}

@media (max-width: 991px) {
  .donation-details .nav-pills .nav-link {
	border-radius: 15px!important;
	margin-bottom:5px;
    }  
}

.donation-details .nav-pills {
	border-bottom: 0px solid #e5e4ea;
	margin: 0px 5px;
	padding-bottom: 18px;
}

.donation-details .nav-pills .nav-link.active, .donation-details .nav-pills .show > .nav-link {
	background: #0866A1;
	color: white;
}

.donation-details .card p {
	font-size: 18px;
	line-height: 21px;
}

.donation-details .card .card-body {
	padding: 30px;
}

.donation-details .no-gutters > .col, .donation-details .no-gutters > [class*=col-] {
	padding-right: 5px;
	padding-left: 5px;
}

.donation-banner .info .base-text {
	max-width: 800px;
}

@media (max-width: 991px) {
	.class-donate .section-page-header {
		padding: 90px 0 0px;
		margin-top: 52px;
	}

	.class-donate .section-page-header h1 {
		padding-bottom: 130px;
	}

	.class-donate .multi-step-form {
		margin-top: 0px;
	}
}

.preselected-value.selectedvalue .card, .preselected-value.selectedvalue:hover .card {
	border-color: #FF5000;
}

.paymethod {
	border: 2px solid transparent;
	padding: 20px;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.paymethod:hover {
	cursor: pointer;
}

.paymethod img {
	width: 70px;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

.paymethod.paymethod-active {
	border: 2px solid #fff;
}

.pay-dd {
}

.pay-card {
}

.separator {
	text-align: center;
	height: 15px;
	border-bottom: 2px solid #EDE9EF;
	margin-top: 30px;
	margin-bottom: 35px;
	font-size: 18px;
	color: #333333;
}

.separator:first-line {
	background-color: #fff;
}

.separator:before {
	content: " ";
	width: 20px;
	height: 20px;
	display: inline-block;
}

.separator:after {
	content: " ";
	width: 20px;
	height: 20px;
	display: inline-block;
}

.multi-step-form-form input[type=text].form-control, .multi-step-form-form input[type=email].form-control, .multi-step-form-form input[type=number].form-control, .multi-step-form-form input[type=number].form-control, .multi-step-form-form input.form-control {
	border-radius: 2px !important;
	transition: none !important;
	border: 1px solid #333333 !important;
	outline: none !important;
	box-shadow: inset 2px 2px 8px rgb(0 0 0 / 30%) !important;
	color: #605643 !important;
	font-size: 24px;
}

#getaddress_input {
	color: #D3D0D0 !important;
}

#getaddress_input:focus {
	color: #605643 !important;
}

.donateform-heights .form-control.amount {
	position: relative;
	padding-left: 40px;
}

.donateform-heights .pound {
	position: absolute;
    left: 15px;
    top: 55px;
    height: 50px;
    content: '£';
    font-size: 30px;
    color: #333333;
    z-index: 2;
}

.donateform-heights select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: white;
	background-image: url("/media/akcleub4/blue-select-arr.svg");
	background-repeat: no-repeat;
	background-position-x: calc(100% - 15px);
	background-position-y: 20px;
	border-radius: 20px;
	border: 2px solid #333333;
	font-size: 18px;
	line-height: 21px;
	font-weight: 600;
	color: #333333;
}

.donateform-heights select.form-control option {
	font-size: 18px;
	line-height: 21px;
	font-weight: 600;
	color: #333333;
}

.multi-step-form-form .btn-primary {
    color: #fff;
    background-color: #E00A08 !important;
    border-color: #E00A08 !important;
    padding: 12px 49px 12px 30px!important;
    font-size: 18px;
    border-radius: 40px;
}


.multi-step-form-form .btn-primary.js-btn-prev {
	color: #212121;
	background-color: transparent !important;
	border: 2px solid #212121 !important;
	padding: 15px 20px 15px 20px!important;
    background-image: none!important;
}


#getaddress_button {
	width: 100% !important;
}

.multi-step-form-form .form-group {
	max-width: 100%;
}

.multi-step-form-panel .btn-primary:hover, 
.multi-step-form-panel .button-row .btn-primary:hover, 
.multi-step-form-panel .button-row .btn-primary:focus, 
.multi-step-form-panel .button-row .btn-primary:active {
	color: #fff;
	background-color: #212121 !important;
	border-color: #212121 !important;
	background-image: url(/media/zvshs0bv/right-arr.svg)!important;
}

.dd-pay .btn.btn-primary.disabled {
	background: #e1e1e1;
	opacity:0.6;
	color: #312A23;
	border-bottom: #d2d2d2 3px solid;
	pointer-events: none;
}

.dd-statement {
	background: white;
	padding: 20px;
	border-radius: 4px;
	font-size: 16px;
}

.dd-statement ul {
	margin: 20px;
	padding: 0;
}

.dd-statement ul li {
	margin: 0;
	padding: 0;
}

.dd-pay input[type="checkbox"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-top: 20px;
}

.donation-progress {
	background-image: url(/media/g1nhilus/grey-fade.png);
	background-size:contain;
    padding: 100px 0px 50px 0px;
	position: relative;
}

@media (max-width: 991px) {
  .donation-progress {
        padding: 50px 0px 50px 0px;
    }  
}

.donation-progress .row {
	position: relative;
	z-index: 9;
	max-width: 100%;
	margin: 0;
}

.donation-progress:after {
	position: absolute;
	content: '';
	bottom: -10px;
	left: 0px;
	width: 100%;
	height: 50px;
	background-size: 100%;
	overflow: hidden;
	background-position: bottom;
}

.card.other-amount, .card.gift-aid {
	background: #F7EDD7;
	border: none;
	border-radius:20px!important;
}

.card.gift-aid .card-body {
	padding: 75px;
}

.card.gift-aid .card-body p.bolder {
	font-weight: 600;
}

.card.gift-aid .card-body label {
	color: #333333;
	font-weight: 600;
}

.card.frequency, .card.reason {
    background: #D3EEFF;
	border: none;
	border-radius:20px!important;
}
.card.frequency select, .card.reason select{
    border-color:#0866A1!important;
}

.donation-details .card {
	border: none;
	border-radius: 2px;
}

.donation-details label {
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	color: #312A23;
	margin-bottom: 20px;
}

.form-control::placeholder, #getaddress_input::placeholder {
	color: #D3D0D0 !important;
	opacity: 1;
	font-size: 22px;
	font-weight: 500;
	line-height: 24px;
}

.form-control:-ms-input-placeholder {
	color: #D3D0D0;
	font-size: 22px;
	font-weight: 500;
}

.form-control::-ms-input-placeholder {
	color: #D3D0D0;
	font-size: 22px;
	font-weight: 500;
}

header#site-header .site-search input.form-control::placeholder, header#site-header .site-search input.form-control:-ms-input-placeholder, header#site-header .site-search input.form-control::-ms-input-placeholder {
	color: #D3D0D0 !important;
	opacity: 1;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 16px !important;
}

header#site-header.mob-header .site-search input.form-control::placeholder, header#site-header.mob-header .site-search input.form-control:-ms-input-placeholder, header#site-header.mob-header .site-search input.form-control::-ms-input-placeholder {
	color: #D3D0D0 !important;
	opacity: 1;
	font-size: 16px !important;
	font-weight:500 !important;
	line-height: 16px !important;
}

    
@media (min-width:992px){
    body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search {
        position: relative;
        width: auto;
        height: calc(var(--large-header) / 2);
        padding: 0px 15px;
        text-align: left;
    }
    
    body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(90%,-48%);
    }
    body.header-05-lg header#site-header .row::before {
        content: "";
        width: 0;
        height: 0;
    }
    header#site-header .site-search .expand-search em {
        line-height: 14px;
        font-size: var(--secondary-navigation-typography_font-size_xl);
        font-style: normal;
        font-weight: 600;
        color: #0866A1;
        display: block!important;
        white-space: nowrap;
        position: relative;
    }
    html[dir="ltr"] body.header-05-lg header#site-header nav.secondary {
        margin-right: 50px;
    }
}


/******** MOBILE ONLY *********/

@media (max-width: 991px) {
	.card.gift-aid .card-body {
		padding: 15px;
	}

	.multi-step-form-form .btn-primary {
		padding: 8px 20px;
		width: auto !important;
	}

	.multi-step-form-content.p-4 {
		padding: 0rem !important;
	}

	.multi-step-form-panel .button-row {
		padding: 0;
	}
	
	section.red-cta .info {
        padding: 60px 35px 30px!important;
    }
    section.red-cta .secondary-heading {
        top: -10px;
    }
    .component.usn_cmp_ctastrip .info, .component.usn_cmp_ctastrip .link {
        padding: 0 35px;
    }
}


/****************** PRIVACY BAR **********************/

#freeprivacypolicy-com {
    font-family: var(--body-typography_font-name)!important;
}

.freeprivacypolicy-com---nb-headline, .termsfeed-com---nb-headline {
    font-family: var(--body-typography_font-name);
	right: 0;
	top: auto;
	bottom: 0 !important;
    left: unset!important;
    max-width: 550px!important;
	position: fixed!important;
	z-index: 999999999999;
	border-radius: 20px 20px 0 0;
}

.freeprivacypolicy-com---palette-dark, .termsfeed-com---palette-dark {
	font-family: 'Barlow Condensed', sans-serif!important;
	font-family: var(--body-typography_font-name)!important;
}

.freeprivacypolicy-com---palette-dark.freeprivacypolicy-com---nb, .termsfeed-com---palette-dark.termsfeed-com---nb {
	color: #fff;
	background-color: #47285B;
}

.freeprivacypolicy-com---nb .cc-nb-title, .termsfeed-com---nb .cc-nb-title {
	font-size: 26px;
	font-weight: 700;
}

.freeprivacypolicy-com---palette-dark .cc-nb-reject, .termsfeed-com---palette-dark .cc-nb-reject {
	color: #212121;
	margin-bottom: 6px;
	background-color: #eaeaea;
}

.freeprivacypolicy-com---nb .cc-nb-main-container, .termsfeed-com---nb .cc-nb-main-container {
}

.freeprivacypolicy-com---reset p, .termsfeed-com---reset p {
	margin-top: 0;
	margin-bottom: 0;
}

.freeprivacypolicy-com---nb .cc-nb-text, .termsfeed-com---nb .cc-nb-text {
	font-size: 18px;
	margin: 5px 0px 15px;
	line-height: 1.2;
}

.freeprivacypolicy-com---palette-dark .cc-cp-foot-save, 
.termsfeed-com---palette-dark .cc-cp-foot-save {
	background: #0866A1!important;
	color: #fff!important;
}

.freeprivacypolicy-com---palette-dark .cc-nb-okagree, .termsfeed-com---palette-dark .cc-nb-okagree {
	background: #0866A1!important;
	color: #fff!important;
	margin-bottom: 6px;
}
.freeprivacypolicy-com---palette-dark .cc-nb-reject, .termsfeed-com---palette-dark .cc-nb-reject {
    color: #fff!important;
    background-color: #0866A1!important;
}

.freeprivacypolicy-com---nb .cc-nb-okagree, .freeprivacypolicy-com---nb .cc-nb-reject, .freeprivacypolicy-com---nb .cc-nb-changep, 
.termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep {
	font-weight: 700;
	font-size: 18px;
}


@media screen and (max-width:1199px) {
        
   .inline-search button {
        position: absolute;
        right: 30px;
        height: 45px;
        width: 45px;
        top: 26px;
        display: block;
        padding: 0;
        outline: 0!important;
        }
        .inline-search input[type="search"] {
        font-size: 20px;
        padding: 15px 65px 15px 15px;
    }
}

@media screen and (max-width:767px) {
    
    section.section-search.home-search {
        margin-top: -70px;
        max-width: 100%;
        overflow: hidden;
    }
}



@media screen and (max-width:991px) {
    
    section.section-search.home-search {
        margin-top: -110px;
        max-width: 100%;
        overflow: hidden;
    }
    .browseby .item .inner {
    padding: 20px 40px 20px 40px;
    background-size: 60px 60px!important;
    background-position: right 20px top 10px!important;
    	
    }
    .browseby .item  {
        margin-bottom:35px!important;
    }
    .browseby .item .inner .heading {
        display: block;
        width: 100%;
    }
    .browseby .item .inner .text {
        display: block;
        width: 100%;
    }
    .browseby .inner .info {
        flex-wrap: wrap;
    }
}


@media screen and (max-width:400px) {
    
    section.section-search.home-search {
        margin-top: -70px;
        max-width: 100%;
        overflow: hidden;
    }
    .component.usn_cmp_banner .item.item_takeover-banner, .component.usn_cmp_banner .item.item_takeover-banner .container, .component.usn_cmp_banner .item.item_takeover-banner .row, .component.usn_cmp_banner .item.item_takeover-banner .image, .component.usn_cmp_banner .item.item_takeover-banner .image .video {
    height: calc(var(--takeover-banner) - var(--large-header) - 0px)!important;
}
}

.usn_cmp_gridlayout .umb-grid {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 992px) {
   html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header:not(.mob-header) .mega {
             border-radius: 0;
          width: 100vw;
          position: relative;
          left: 50%;
          right: 50%;
          margin-left: -50vw;
          margin-right: -50vw;
    }
    
     html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header:not(.mob-header) .mega > ul {
        max-width: calc(1350px - 30px);
        margin: 6px auto!important;
    }
}

.focus-content .secondary-heading {
     margin-bottom: 20px!important;
}
.focus-topic{
    position: relative;
    line-height: 24px;
    font-size: 16px;
    font-weight: 800;
}

.focus-topic img {
    width: 31px;
    position: relative;
    top: -2px!important;
}



@media (min-width: 992px) {
    .center-narrow > .component-inner .container {
        max-width: 900px;
    }
    .center-narrow > .component-inner .container .component-introduction .info.col {
        max-width: 100%;
        flex:none;
    }
}

.three-icon-text .inner .image {
    max-width:130px;
}
.three-icon-text .component-main .heading {
    color:#212121!important;
}


.rights-header {
    padding-bottom:45px!important;
}
.rights-header .rights-header-swoosh .text {
    padding-bottom: 50px;
    position:relative;
}

.rights-header .rights-header-icon .text p:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0px;
    width: 90px;
    height: 90px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
}
.rights-header .rights-header-icon .text p {
    padding: 20px 20px 20px 120px;
}
.rights-header .rights-header-icon-1 .text p:before {
    background-image: url(/media/t2bokkom/icons-blue-scribble-transparent-01.svg);
}
.rights-header .rights-header-icon-2 .text p:before {
    background-image: url(/media/glnhcxu0/icons-red-scribble-transparent-02.svg);
}
.rights-header .rights-header-icon-3 .text p:before {
    background-image: url(/media/snqluh3f/icons-blue-scribble-transparent-03.svg);
}
.rights-header .rights-header-icon-4 .text p:before {
    background-image: url(/media/1dle1lpl/icons-red-scribble-transparent-04.svg);
}
.rights-header .rights-header-icon-5 .text p:before {
    background-image: url(/media/d3epq1lg/icons-blue-scribble-transparent-05.svg);
}
.rights-header .rights-header-icon-6 .text p:before {
    background-image: url(/media/qssbs23e/icons-red-scribble-transparent-06.svg);
}
.rights-header .rights-header-icon-7 .text p:before {
    background-image: url(/media/3rifh05i/icons-blue-scribble-transparent-07.svg);
}
.rights-header .rights-header-icon-8 .text p:before {
    background-image: url(/media/vamexlhu/icons-red-scribble-transparent-08.svg);
}
.rights-header .rights-header-icon-9 .text p:before {
    background-image: url(/media/514a5vc4/icons-blue-scribble-transparent-09.svg);
}
.rights-header .rights-header-icon-10 .text p:before {
    background-image: url(/media/mqlagfjs/icons-red-scribble-transparent-10.svg);
}
.rights-header .rights-header-icon-11 .text p:before {
    background-image: url(/media/3e4h3qui/icons-blue-scribble-transparent-11.svg);
}
.rights-header .rights-header-icon-12 .text p:before {
    background-image: url(/media/ooyhyv4j/icons-red-scribble-transparent-12.svg);
}
.rights-header .rights-header-icon-13 .text p:before {
    background-image: url(/media/gw0byhax/icons-blue-scribble-transparent-13.svg);
}
.rights-header .rights-header-icon-14 .text p:before {
    background-image: url(/media/3v5dlazs/icons-red-scribble-transparent-14.svg);
}
.rights-header .rights-header-icon-15 .text p:before {
    background-image: url(/media/z1nhvcev/icons-blue-scribble-transparent-15.svg);
}
.rights-header .rights-header-icon-16 .text p:before {
    background-image: url(/media/0cspssax/icons-red-scribble-transparent-16.svg);
}


/*.rights-header .rights-header-swoosh .text p {
    padding-left: 100px;
}*/
.rights-header .rights-header-swoosh .text:after {
    content:"";
    position:absolute;
    bottom: -20px;
    left: 0px;
    right:15px;
    height:50px;
    background-image: url(/media/dhgp4m1r/blue-header-swoosh.svg);
	background-size:contain;
	background-repeat:no-repeat;
}

.related-cards.rights-list .link-text.btn {
    display:none;
}


.News-page, .Blog-page {
    max-width: 764px;
    margin: 0 auto;
}

.News-page .content .component-introduction,
.Blog-page .content .component-introduction {
    padding-bottom: 0;
}

.News-page .content.usn_cmp_text,
.Blog-page .content.usn_cmp_text {
    padding-top:40px!important;
    padding-bottom:40px!important;
}

.News-page .secondary-heading, 
.Blog-page .secondary-heading {
    font-size:20px;
    line-height:27px;
}
.News-page .date.base-text, 
.Blog-page .date.base-text{
    color:#0866a1;
    font-weight:bold;
    font-size:18px;
}

@media (max-width: 991px) {
    .News-page .date.base-text, 
    .Blog-page .date.base-text{
       /* position: absolute; */
        z-index: 99;
    } 
}

.News-page .container .info.col , .Blog-page .container .info.col  {
    max-width: 100%!important;
    flex:none!important;
}

.News-page .share-this .col-md-12.column, .Blog-page .share-this .col-md-12.column{
    margin-bottom:40px!important;
}


.News-page .share-this .umb-grid .grid-section > div > .container, .Blog-page .share-this .umb-grid .grid-section > div > .container {
    padding: 0!important;
}

.centered-form .umbraco-forms-form input.text, .centered-form .umbraco-forms-form textarea
 {
    width:100%!important;
    max-width:100%!important;
}

.centered-form .umbraco-forms-form input[type="number"]::-webkit-outer-spin-button,
.centered-form .umbraco-forms-form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.at-resp-share-element .at-share-btn {
    margin-right:7px!important;
}

.at-icon-wrapper svg {
  width: 22px!important;
    height: 22px!important;
    margin-left: 5px;  
}



.contactus .umbraco-forms .inner {
    padding:0!important;
}
.contactus .umbraco-forms .inner h4 {
    display:none;
}


.contactus .umbraco-forms-field label {
    font-size: 20px;
}


.meettheteam .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4) {
    margin-bottom:var(--base-spacing)!important;
}

.page-person .usn_cmp_splitcomponent .secondary-heading {
    font-weight:bold!important;
}


.sib-form {
    background-color:transparent!important;
}



/********** TABLET ************/

@media screen and (max-width:1999px) and (orientation : portrait) {
	.page-right .keyinfo-pod {
	    margin:15px 0 0 15px!important;
	    max-width:calc(100% - 30px);
	}
}


.easy-read-hub .info {
    height: 50%;
}

.easy-read-hub .btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-text.c8-btn-borders {
    background-color: white!important;
    border: 4px solid #E00A08!important;
    border-radius: 10px!important;
    color: black!important;
    padding: 20px 40px 20px 65px!important;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    margin: 0px 0 40px!important;
}

@media (min-width:768px) {
    .easy-read-hub .btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-text.c8-btn-borders {
        padding:20px 30px 20px 55px!important;
            font-size: 16px;
    }
}
@media (min-width:1200px) {
    .easy-read-hub .btn.c8-btn-bg.c8-btn-bg-solid.c8-btn-text.c8-btn-borders {
        padding: 20px 40px 20px 65px!important;
            font-size: 18px;
    }
}

.easy-read-hub .item:not(.item_text-boxed) .inner {
    height: 100%;
}

.easy-read-hub .item a:not(.btn) {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.easy-read-hub .item .link {
    margin: 0;
    height: 100%;
    display: flex;
}


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