/*  
---------------------------------------------------
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=Roboto:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i&display=swap');@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900,200i,300i,400i,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: 1600px;
    --modal-pods-max-width: 645px;
    

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

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

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

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

    --small-breakpoint: 1108px;
    --large-breakpoint: 1109px;

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

    --header-box-shadow_h: 0px;
    --header-box-shadow_v: 0px;
    --header-box-shadow_b: 4px;
    --header-box-shadow_o: 0.1;

    --nav-main-dropdown-width: 238px;
    --nav-main-dropdown-width_wide: 476px;

    --logo_sm-padding_top: 5px;
    --logo_sm-padding_right: 5px;
    --logo_sm-padding_bottom: 0px;
    --logo_sm-padding_left: 0px;

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

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

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

    --content-col_pc-spacing: 15px;
    --pc-spacing: 10px;
    --pc-spacing_sm: 10px;
    --pc-spacing_md: 20px;
    --pc-spacing_lg: 30px;
    --pc-spacing_xl: 40px;

    --intro-col: 100%;
    --intro-col_sm: 100%;
    --intro-col_md: 100%;
    --intro-col_lg: 83.3333333%;
    --intro-col_xl: 66.6666667%;

    --outro-col: 100%;
    --outro-col_sm: 100%;
    --outro-col_md: 100%;
    --outro-col_lg: 83.3333333%;
    --outro-col_xl: 66.6666667%;

    --center-col: 100%;
    --center-col_sm: 100%;
    --center-col_md: 83.3333333%;
    --center-col_lg: 66.6666667%;
    --center-col_xl: 50%;

    --banner-col: 100%;
    --banner-col_sm: 100%;
    --banner-col_md: 100%;
    --banner-col_lg: 83.3333333%;
    --banner-col_xl: 66.6666667%;

    --form-field-border-width: 2px;
    --form-field-border-radius: 5px;

    --btn-border-width: 2px;
    --btn-border-radius: 5px;

    --btn-box-shadow_h: 0px;
    --btn-box-shadow_v: 2px;
    --btn-box-shadow_b: 1px;
    --btn-box-shadow_o: 0.1;

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

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

    --btn_lg-padding_top:  10px;
    --btn_lg-padding_right:  24px;
    --btn_lg-padding_bottom:  10px;
    --btn_lg-padding_left:  24px;
    
    --footer-max-width: 1350px;

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 255, 255, 255;
    --body-bg-color2:  90, 49, 49;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 255, 255, 255;
    --header-bg-color2:  116, 80, 80;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 110, 110, 110;
    --header-borders: 215, 218, 217;
    --header-highlight: 34, 44, 98;
    
    /* Main Navigation */
    --main-navigation-link: 42, 122, 176;
    --main-navigation-link-hover: 4, 64, 104;
    --main-navigation-link-active: 65, 61, 122;

    /* Logo */
    --logo-link: 33, 36, 33;
    --logo-link-hover: 0, 0, 0;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 42, 122, 176;
    --secondary-navigation-link-hover: 4, 64, 104;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 244, 244, 244;
    --navigation-dropdown-color2:  244, 244, 244;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 42, 122, 176;
    --navigation-dropdown-link-hover: 4, 64, 104;
    --navigation-dropdown-link-active: 65, 61, 122;
    
    /* Content */
    --base-bg-color1: 255, 255, 255;
    --base-bg-color2:  215, 218, 217;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 4, 64, 104;
    --base-secondary-heading: 4, 64, 104;
    --base-text: 110, 110, 110;
    --base-link: 42, 122, 176;
    --base-link-hover: 4, 64, 104;
    --base-borders: 215, 218, 217;
    --base-highlight: 4, 64, 104;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 42, 122, 176;
    --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: 42, 122, 176;
    --base-btn-bg-hover-color1: 251, 176, 64;
    --base-btn-bg-hover-color2:  48, 58, 142;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 255, 255, 255;
    --base-btn-borders-hover: 65, 61, 122;
    
    /* Footer */
    --footer-max-width: 1350px;
    --footer-bg-color1: 244, 244, 244;
    --footer-bg-color2:  244, 244, 244;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 135deg;
    --footer-heading: 34, 44, 98;
    --footer-secondary-heading: 34, 44, 98;
    --footer-text: 34, 44, 98;
    --footer-link: 34, 44, 98;
    --footer-link-hover: 70, 113, 202;
    --footer-borders: 215, 218, 217;
    --footer-highlight: 70, 113, 202;

    --c1-bg-color1: 32, 113, 168;
--c1-bg-color2:  10, 64, 100;
--c1-bg-start-perc: 0%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 255, 255, 255;
--c1-secondary-heading: 255, 255, 255;
--c1-text: 215, 218, 217;
--c1-link: 255, 255, 255;
--c1-link-hover: 70, 113, 202;
--c1-borders: 56, 56, 56;
--c1-highlight: 34, 44, 98;
--c1-highlight-text: 255, 255, 255;
--c2-bg-color1: 42, 122, 176;
--c2-bg-color2:  38, 34, 98;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 255, 255, 255;
--c2-secondary-heading: 255, 255, 255;
--c2-text: 255, 255, 255;
--c2-link: 255, 255, 255;
--c2-link-hover: 251, 176, 64;
--c2-borders: 4, 64, 104;
--c2-highlight: 255, 255, 255;
--c2-highlight-text: 4, 64, 104;
--c3-bg-color1: 244, 244, 244;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 34, 44, 98;
--c3-secondary-heading: 34, 44, 98;
--c3-text: 110, 110, 110;
--c3-link: 34, 44, 98;
--c3-link-hover: 70, 113, 202;
--c3-borders: 189, 189, 189;
--c3-highlight: 70, 113, 202;
--c3-highlight-text: 255, 255, 255;
--c4-bg-color1: 240, 242, 247;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 34, 44, 98;
--c4-secondary-heading: 34, 44, 98;
--c4-text: 34, 44, 98;
--c4-link: 34, 44, 98;
--c4-link-hover: 70, 113, 202;
--c4-borders: 225, 227, 231;
--c4-highlight: 108, 108, 108;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 10, 80, 128;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 255, 255, 255;
--c5-secondary-heading: 255, 255, 255;
--c5-text: 215, 218, 217;
--c5-link: 255, 255, 255;
--c5-link-hover: 70, 113, 202;
--c5-borders: 0, 0, 0;
--c5-highlight: 34, 44, 98;
--c5-highlight-text: 255, 255, 255;


    

    

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

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

    --h1-typography_font-name: 'Roboto',sans-serif;
    --h1-typography_font-weight: 700;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 110%;
    --h1-typography_font-letter-spacing: -0.35px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 28px; 
    --h1-typography_font-size_sm: 28px; 
    --h1-typography_font-size_md: 28px; 
    --h1-typography_font-size_lg: 30px; 
    --h1-typography_font-size_xl: 30px; 

    --h2-typography_font-name: 'Roboto',sans-serif;
    --h2-typography_font-weight: 500;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 110%;
    --h2-typography_font-letter-spacing: -0.35px;
    --h2-typography_font-transform: None;

    --h2-typography_font-size: 18px; 
    --h2-typography_font-size_sm: 18px; 
    --h2-typography_font-size_md: 22px; 
    --h2-typography_font-size_lg: 24px; 
    --h2-typography_font-size_xl: 26px; 

    --h3-typography_font-name: 'Roboto',sans-serif;
    --h3-typography_font-weight: 500;
    --h3-typography_font-style: normal;
    --h3-typography_font-line-height: 110%;
    --h3-typography_font-letter-spacing: -0.35px;
    --h3-typography_font-transform: None;

    --h3-typography_font-size: 17px; 
    --h3-typography_font-size_sm: 17px; 
    --h3-typography_font-size_md: 21px; 
    --h3-typography_font-size_lg: 22px; 
    --h3-typography_font-size_xl: 24px; 

    --h4-typography_font-name: 'Roboto',sans-serif;
    --h4-typography_font-weight: 400;
    --h4-typography_font-style: normal;
    --h4-typography_font-line-height: 110%;
    --h4-typography_font-letter-spacing: -0.35px;
    --h4-typography_font-transform: None;

    --h4-typography_font-size: 15px; 
    --h4-typography_font-size_sm: 15px; 
    --h4-typography_font-size_md: 19px; 
    --h4-typography_font-size_lg: 20px; 
    --h4-typography_font-size_xl: 20px; 

    --h5-typography_font-name: 'Roboto',sans-serif;
    --h5-typography_font-weight: 400;
    --h5-typography_font-style: normal;
    --h5-typography_font-line-height: 110%;
    --h5-typography_font-letter-spacing: -0.35px;
    --h5-typography_font-transform: None;

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

    --h6-typography_font-name: 'Roboto',sans-serif;
    --h6-typography_font-weight: 400;
    --h6-typography_font-style: normal;
    --h6-typography_font-line-height: 110%;
    --h6-typography_font-letter-spacing: -0.35px;
    --h6-typography_font-transform: None;

    --h6-typography_font-size: 14px; 
    --h6-typography_font-size_sm: 14px; 
    --h6-typography_font-size_md: 14px; 
    --h6-typography_font-size_lg: 16px; 
    --h6-typography_font-size_xl: 18px; 

    --p-heading-typography_font-name: 'Roboto',sans-serif;
    --p-heading-typography_font-weight: 700;
    --p-heading-typography_font-style: normal;
    --p-heading-typography_font-line-height: 110%;
    --p-heading-typography_font-letter-spacing: -0.35px;
    --p-heading-typography_font-transform: None;

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

    --p-heading_small-typography_font-name: 'Roboto',sans-serif;
    --p-heading_small-typography_font-weight: 500;
    --p-heading_small-typography_font-style: normal;
    --p-heading_small-typography_font-line-height: 110%;
    --p-heading_small-typography_font-letter-spacing: -0.35px;
    --p-heading_small-typography_font-transform: None;

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

    --p-heading_large-typography_font-name: 'Roboto',sans-serif;
    --p-heading_large-typography_font-weight: 900;
    --p-heading_large-typography_font-style: normal;
    --p-heading_large-typography_font-line-height: 110%;
    --p-heading_large-typography_font-letter-spacing: -0.35px;
    --p-heading_large-typography_font-transform: None;

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

    --p-intro-typography_font-name: 'Roboto',sans-serif;
    --p-intro-typography_font-weight: 400;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 150%;
    --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: 24px; 
    --p-intro-typography_font-size_lg: 24px; 
    --p-intro-typography_font-size_xl: 24px; 

    --p-intro_small-typography_font-name: 'Roboto',sans-serif;
    --p-intro_small-typography_font-weight: 400;
    --p-intro_small-typography_font-style: normal;
    --p-intro_small-typography_font-line-height: 150%;
    --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: 'Roboto',sans-serif;
    --p-intro_large-typography_font-weight: 400;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 150%;
    --p-intro_large-typography_font-letter-spacing: 0px;
    --p-intro_large-typography_font-transform: None;

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

    --secondary-heading-typography_font-name: 'Roboto',sans-serif;
    --secondary-heading-typography_font-weight: 500;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 140%;
    --secondary-heading-typography_font-letter-spacing: -0.15px;
    --secondary-heading-typography_font-transform: None;

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

    --secondary-heading_small-typography_font-name: 'Roboto',sans-serif;
    --secondary-heading_small-typography_font-weight: 500;
    --secondary-heading_small-typography_font-style: normal;
    --secondary-heading_small-typography_font-line-height: 140%;
    --secondary-heading_small-typography_font-letter-spacing: -0.15px;
    --secondary-heading_small-typography_font-transform: None;

    --secondary-heading_small-typography_font-size: 16px; 
    --secondary-heading_small-typography_font-size_sm: 16px; 
    --secondary-heading_small-typography_font-size_md: 18px; 
    --secondary-heading_small-typography_font-size_lg: 18px; 
    --secondary-heading_small-typography_font-size_xl: 20px;  

    --secondary-heading_large-typography_font-name: 'Roboto',sans-serif;
    --secondary-heading_large-typography_font-weight: 500;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 140%;
    --secondary-heading_large-typography_font-letter-spacing: -0.15px;
    --secondary-heading_large-typography_font-transform: None;

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

    --blockquote-typography_font-name: 'Nunito',sans-serif;
    --blockquote-typography_font-weight: 700;
    --blockquote-typography_font-style: italic;
    --blockquote-typography_font-line-height: 130%;
    --blockquote-typography_font-letter-spacing: -0.15px;
    --blockquote-typography_font-transform: None;

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

    --blockquote_small-typography_font-name: 'Nunito',sans-serif;
    --blockquote_small-typography_font-weight: 700;
    --blockquote_small-typography_font-style: italic;
    --blockquote_small-typography_font-line-height: 130%;
    --blockquote_small-typography_font-letter-spacing: -0.35px;
    --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: 20px; 
    --blockquote_small-typography_font-size_lg: 20px; 
    --blockquote_small-typography_font-size_xl: 20px;  

    --blockquote_large-typography_font-name: 'Nunito',sans-serif;
    --blockquote_large-typography_font-weight: 700;
    --blockquote_large-typography_font-style: italic;
    --blockquote_large-typography_font-line-height: 130%;
    --blockquote_large-typography_font-letter-spacing: -0.15px;
    --blockquote_large-typography_font-transform: None;

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

    --btn-typography_font-name: 'Roboto',sans-serif;
    --btn-typography_font-weight: 700;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 150%;
    --btn-typography_font-letter-spacing: 0.5px;
    --btn-typography_font-transform: Uppercase;

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

    --btn_small-typography_font-name: 'Roboto',sans-serif;
    --btn_small-typography_font-weight: 700;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 150%;
    --btn_small-typography_font-letter-spacing: 0.5px;
    --btn_small-typography_font-transform: None;

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

    --btn_large-typography_font-name: 'Roboto',sans-serif;
    --btn_large-typography_font-weight: 700;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 150%;
    --btn_large-typography_font-letter-spacing: 0.5px;
    --btn_large-typography_font-transform: None;

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

    --main-navigation-typography_font-name: 'Roboto',sans-serif;
    --main-navigation-typography_font-weight: 500;
    --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: 18px; 
    --main-navigation-typography_font-size_xl: 18px; 

    --main-navigation_dropdowns-typography_font-name: 'Nunito',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 400;
    --main-navigation_dropdowns-typography_font-style: normal;
    --main-navigation_dropdowns-typography_font-line-height: 95%;
    --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: 'Nunito',sans-serif;
    --secondary-navigation-typography_font-weight: 400;
    --secondary-navigation-typography_font-style: normal;
    --secondary-navigation-typography_font-line-height: 150%;
    --secondary-navigation-typography_font-letter-spacing: 0px;
    --secondary-navigation-typography_font-transform: None;

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

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

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

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

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

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

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

    --anchor-navigation-typography_font-name: 'Roboto',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: 0.5px;
    --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: 'Roboto',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: 0.5px;
    --acc-tab-typography_font-transform: None;

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

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

}


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


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


/* Text selection */

.c1-bg ::selection { 
    color: rgba(var(--c1-highlight-text), 1); 
    background-color: rgba(var(--c1-highlight), 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:not(.item-label) { background-color: rgba(var(--c1-highlight), 1); }

.c1-bg .label:not(.item-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,
.form .c1-bg .form-check-input { border-color: rgba(var(--c1-borders), 1); }

.form .c1-bg .form-control:focus,
.form .c1-bg .form-check-input: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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c1-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c1-bg .pricing-features .feature-title + .feature { border-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,
.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .form-control:focus-visible,
.form .inner.c1-bg .form-check-input: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;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail {
    color: rgba(var(--c1-text), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c1-text), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c1-link), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c1-text), 0.5);
}


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


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


/* Text selection */

.c2-bg ::selection { 
    color: rgba(var(--c2-highlight-text), 1); 
    background-color: rgba(var(--c2-highlight), 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:not(.item-label) { background-color: rgba(var(--c2-highlight), 1); }

.c2-bg .label:not(.item-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,
.form .c2-bg .form-check-input { border-color: rgba(var(--c2-borders), 1); }

.form .c2-bg .form-control:focus,
.form .c2-bg .form-check-input: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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c2-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c2-bg .pricing-features .feature-title + .feature { border-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,
.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .form-control:focus-visible,
.form .inner.c2-bg .form-check-input: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;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail {
    color: rgba(var(--c2-text), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c2-text), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c2-link), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c2-text), 0.5);
}


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


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


/* Text selection */

.c3-bg ::selection { 
    color: rgba(var(--c3-highlight-text), 1); 
    background-color: rgba(var(--c3-highlight), 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:not(.item-label) { background-color: rgba(var(--c3-highlight), 1); }

.c3-bg .label:not(.item-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,
.form .c3-bg .form-check-input { border-color: rgba(var(--c3-borders), 1); }

.form .c3-bg .form-control:focus,
.form .c3-bg .form-check-input: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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c3-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c3-bg .pricing-features .feature-title + .feature { border-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,
.c3-bg .form-check-input:focus-visible,
.form .inner.c3-bg .form-control:focus-visible,
.form .inner.c3-bg .form-check-input: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;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail {
    color: rgba(var(--c3-text), 1);
}

.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c3-text), 1);
}

.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c3-link), 1);
}

.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c3-text), 0.5);
}


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


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


/* Text selection */

.c4-bg ::selection { 
    color: rgba(var(--c4-highlight-text), 1); 
    background-color: rgba(var(--c4-highlight), 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:not(.item-label) { background-color: rgba(var(--c4-highlight), 1); }

.c4-bg .label:not(.item-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,
.form .c4-bg .form-check-input { border-color: rgba(var(--c4-borders), 1); }

.form .c4-bg .form-control:focus,
.form .c4-bg .form-check-input: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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c4-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c4-bg .pricing-features .feature-title + .feature { border-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,
.c4-bg .form-check-input:focus-visible,
.form .inner.c4-bg .form-control:focus-visible,
.form .inner.c4-bg .form-check-input: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;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail {
    color: rgba(var(--c4-text), 1);
}

.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c4-text), 1);
}

.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c4-link), 1);
}

.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c4-text), 0.5);
}


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


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


/* Text selection */

.c5-bg ::selection { 
    color: rgba(var(--c5-highlight-text), 1); 
    background-color: rgba(var(--c5-highlight), 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:not(.item-label) { background-color: rgba(var(--c5-highlight), 1); }

.c5-bg .label:not(.item-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,
.form .c5-bg .form-check-input { border-color: rgba(var(--c5-borders), 1); }

.form .c5-bg .form-control:focus,
.form .c5-bg .form-check-input: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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c5-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c5-bg .pricing-features .feature-title + .feature { border-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,
.c5-bg .form-check-input:focus-visible,
.form .inner.c5-bg .form-control:focus-visible,
.form .inner.c5-bg .form-check-input: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;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail {
    color: rgba(var(--c5-text), 1);
}

.component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c5-text), 1);
}

.component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c5-link), 1);
}

.component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c5-text), 0.5);
}







.component.usn_cmp_banner .item.cda-home-banner:not(.item_scale-banner) .image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position:center bottom;
}
.repeatable.accordion .repeatable-content {padding: 0;}

.repeatable.accordion .repeatable-content .text {padding: var(--base-half-spacing);}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item, .component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item span, .component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item span a {
    box-shadow: none!important;
}
/*Correct Header on modal popup*/
#site #site-header 
{
    right:0;
    left:0;
}
/*End Correct Header on modal popup*/
/*Correct the linkbox*/
/*
.linkbox-correct .listing.listing_links:not(.listing_links-mini) {
    height: 100%;
}

.linkbox-correct .item .inner {
    height: 100%;
}

.linkbox-correct .listing.listing_links .item a {
    height: 100%;
}

.linkbox-correct .item .meta {
    word-break: break-word;
}

.linkbox-correct .component-main.row.listing.listing_links, .linkbox-correct .component-main.row.listing.listing_links > .item {
  border-style: solid;
}
.linkbox-correct .component-main.row.listing.listing_links      { border-width: 1px  0   0  1px }
.linkbox-correct .component-main.row.listing.listing_links > .item { border-width:  0  1px 1px  0  }
*/
/*End linkbox fix*/

/*remove desc text from carousel*/
.carousel-nodesc .text.base-text {
    display: none;
}
/*Add arrow to sub nav - this is on the right*/
/*
nav.sub ul li.active > span.select-active:first-child a::after {
    content: "\f3cf";
    font-family: 'Ionicons';
    display: inline-block;
    padding-left: 10px;
}
*/
/*Remove dashes from subnav*/
nav.sub ul ul li span a::before
{
    display: none;
}

nav.sub ul li.active > span.select-active a::before{
    content: "\f287";
    font-family: 'Ionicons';
    display: inline-block;
    background-color:transparent;
    top:0;
    left:-5px;
    position:absolute;
}
/*
nav.sub > ul > li:first-child.active > span:first-child a::before {
    left: -15px; 
}
*/
nav.sub > ul > li.active > span:first-child a::before {
  left:-15px;
}
/*
nav.sub ul li:first-child.active > span.select-active:first-child a::before {
    content: "\f287";
    font-family: 'Ionicons';
    display: inline-block;
    background-color: transparent;
    top: 0;
    left: -15px;
    position: absolute;
}
*/
/*hero gradient*/

.usn_cmp_banner .item.hero-gradient .inner {
    width: 50%;
    right: auto;
}
/*
.usn_cmp_banner .item.hero-gradient .inner .info {
    position: absolute !important;
    width: 500px;
    max-width: unset !important;
    bottom: 0;
    top: 0;
    padding: 0;
    padding-left: 60px;
    margin: 0;
    background-image: linear-gradient(to right, #0968a7 0%, #0968a769 80%, rgba(0, 0, 0, 0.0) 100%);
}
@media (min-width:0) and (max-width:575px){
    .component.usn_cmp_banner .item.hero-gradient .info.col {
        width: 340px;
    }
    .usn_cmp_banner .item.hero-gradient .inner .info {
    position: absolute !important;
    width: 500px;
    max-width: unset !important;
    bottom: 0;
    top: 0;
    padding: 0;
    padding-left: 60px;
    margin: 0;
    background-image: linear-gradient(to right, #0968a7e6 0%, #0968a730 80%, rgba(0, 0, 0, 0.0) 100%);
    }
}
*/
.usn_cmp_banner .item.hero-gradient .row {
    padding-left: 60px;
    background-image: linear-gradient(to right, #0968a7 0%, #0968a769 80%, rgba(0, 0, 0, 0.0) 100%);
}

/*End hero gradient*/
/*Banner adjustments, height and responsiveness*/
.component.usn_cmp_banner .item.item_short-banner, .component.usn_cmp_banner .item.item_short-banner .container, .component.usn_cmp_banner .item.item_short-banner .row, .component.usn_cmp_banner .item.item_short-banner .image, .component.usn_cmp_banner .item.item_short-banner .image .video {
    height: calc(var(--short-banner) - var(--large-header));
}
@media (min-width:0) and (max-width:992px){
  .component.usn_cmp_banner .item.item_short-banner, .component.usn_cmp_banner .item.item_short-banner .container, .component.usn_cmp_banner .item.item_short-banner .row, .component.usn_cmp_banner .item.item_short-banner .image, .component.usn_cmp_banner .item.item_short-banner .image .video {
    height:100%;
    min-height:unset;
  }
}
/*fix strange 1 pixel issue where nav is displayed when it shouldn't*/
 @media screen and (min-width: 0) and (max-width: 992px) {
    body.header-03-sm header#site-header nav.main, body.header-03-sm header#site-header nav.cta-links, body.header-03-sm header#site-header .site-search, body.header-03-sm header#site-header nav.secondary
 {
        width: 100%;
    }
}
 @media screen and (min-width: 0) and (max-width: 992px) {
    html:not(.reveal-out) header#site-header nav.main, html:not(.reveal-out) header#site-header nav.cta-links, html:not(.reveal-out) header#site-header .site-search, html:not(.reveal-out) header#site-header nav.secondary {
        display: none;
    }
}
/*End Banner adjustments, height and responsiveness*/
/* Smaller Pod image*/

.item.item_text-left.small-pod-image .image, .item.item_text-right.small-pod-image .image {
    flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    max-width: 15%;
    margin: 0!important;
}
.item.item_text-left.small-pod-image .image, .item.item_text-right.small-pod-icon .image {
    flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    max-width: 10%;
    margin: 0!important;
    background-color:#2a7ab0;
}


.item.item_text-left.small-pod-image .image + .info, .item.item_text-right.small-pod-image .image + .info {
    flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    max-width: 80%;
    padding: 0 0 30px 30px;
}

.small-pod-image .inner a {
    display: flex;
}

/*New sub nav test*/
nav.sub ul li .expand-subpages::after {
    content: "";
    top: 0;
    left: 0;
    position:relative;
    /*color: rgba(var(--base-link), 1);*/
    color: inherit;
    /*transform: none;*/
}

.directional-icons-chevron nav.sub ul li.open-child > .expand-subpages::after {
    content: "\f1fc";
}

.directional-icons-chevron nav.sub ul li .expand-subpages
{
    border:none;
}

.directional-icons-chevron nav.sub ul li .expand-subpages::before {
      content: "\f273";
      font-family: "Ionicons";
      margin-left: 0px;
      font-size: 24px;
      -webkit-transition: transform 0.3s;
      transition: transform 0.3s;
      vertical-align: top;
      display: inline-block;
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    transform-origin: center center;
     position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}

.directional-icons-chevron nav.sub ul li.open-child > .expand-subpages::before {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        font-family: "Ionicons";
        opacity:0;
}
.directional-icons-chevron nav.sub ul li .expand-subpages::after {
      content: "\f1fc"; 
      font-family: "Ionicons";
      margin-left: 0;
      font-size: 24px;
      -webkit-transition: transform 0.3s;
      transition: transform 0.3s;
      vertical-align: top;
      display: inline-block;
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      opacity:0;
}

.directional-icons-chevron nav.sub ul li.open-child > .expand-subpages::after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        font-family: "Ionicons";
        opacity:1;
}
/*End New Test*/
/*SVG Home Page Icons*/
.city-services-dir .item .image img {
    max-height: 90px;
}
.city-services-dir a:hover .heading {
    text-decoration: underline;
}

/* For 10 items 5 x 5 on a wide screen */
.city-services-dir .item.items-5 .inner::before, .usn_cmp_subpagelisting .item.items-5.inner::before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    bottom: -15px;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.city-services-dir .item.items-5 .inner::after, .usn_cmp_subpagelisting .item.items-5 .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    width: 1px;
    border-right: 1px solid #ddd;
}
.city-services-dir .item.items-5:nth-child(5) .inner::after, .city-services-dir .item.items-5:nth-child(10) .inner::after{
	content: none;
}
/*
@media(min-width:768px)
{
    .city-services-dir .item.items-5:nth-child(even) .inner::after{
    	content: none;
    }
}
*/

/* Need to add media size queries to adjust based on browser size */
@media (min-width:576px) and (max-width:992px)
{
    .city-services-dir .item.items-5:nth-child(even) .inner::after {
    	content: none;
    }
  .city-services-dir .item.items-5:nth-last-child(1) .inner::before,  .city-services-dir .item.items-5:nth-last-child(2) .inner::before {
    	content: none;
    }
  .usn_cmp_subpagelisting .item.items-5 .inner::after, .city-services-dir .item.items-5:nth-child(5) .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    width: 1px;
    border-right: 1px solid #ddd;
    }
}

@media (min-width: 0px) and (max-width: 575.98px) {
  /* Home page service icons: 2 per row (was 1) */
  .city-services-dir .item.items-5 {
    width: 50%;
  }

  /* vertical divider only between the two columns (left column = odd tiles) */
  .city-services-dir .item.items-5:nth-child(odd) .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    width: 1px;
    border-right: 1px solid #ddd;
  }
  .city-services-dir .item.items-5:nth-child(even) .inner::after {
    content: none;
  }

  /* horizontal dividers between rows, except the last row (tiles 9 & 10) */
  .city-services-dir .item.items-5 .inner::before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    bottom: -15px;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  .city-services-dir .item.items-5:nth-last-child(1) .inner::before,
  .city-services-dir .item.items-5:nth-last-child(2) .inner::before {
    content: none;
  }

  /* leave the sub-page listing's vertical divider as it was */
  .usn_cmp_subpagelisting .item.items-5 .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    width: 1px;
    border-right: 1px solid #ddd;
  }
}


/*Remove bottom borders */
@media (min-width:992px) 
{

  .city-services-dir .item.items-5:nth-child(n+6) .inner::before {
    	content: none;
    }

}
/*Add borders back when they wrap*/
@media (min-width:992px) and (max-width:1199px)
{
   .city-services-dir .item.items-5:nth-child(6) .inner::before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    bottom: -15px;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #ddd;
   }
  .city-services-dir .item.items-5:nth-child(5) .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    width: 1px;
    border-right: 1px solid #ddd;
    }
   .city-services-dir .item.items-5:nth-child(4) .inner::after,.city-services-dir .item.items-5:nth-child(8) .inner::after {
        content: none;
    }
}
/*End Home Page Icons*/

/*Remove Bottom Padding from pods*/
.pod-no-padding-bottom .listing-pods .usn_pod_textimage, .pod-no-padding-bottom .listing-pods .usn_pod_textimage .info {
    padding-bottom: 0 !important;
}
/*End Remove Bottom Padding from pods*/

/*Update Header for #7 option*/
html.no-touch body.header-07-lg header#site-header nav.main>ul>li:hover 
/*, body.header-07-lg header#site-header nav.main>ul>li:focus>span::before, body.header-07-lg header#site-header nav.main>ul>li:active>span::before, body.header-07-lg header#site-header nav.main>ul>li.active>span::before, body.header-07-lg header#site-header nav.main>ul>li.open-child>span::before */
{
    background-color:#f4f4f4;
}
@media (min-width: 1108px) {
    .header-07-lg header#site-header nav.main>ul>li.has-child>span::before {
        z-index: 0;
    }
    .header-07-lg header#site-header nav.main>ul>li.has-child>span::after {
        z-index: 0;
    }
}

/*Nav Arrow Fix */
@media (min-width: 1108px) {
    nav.main ul ul li.has-child>span::after
    {
        padding-top:8px;
    }
}
/*End Nav Arrow Fix*/
/* Show icon only when THIS li (the wastewater one) is hovered */
nav.main ul li.no-child:hover > span:has([href="/government/departments/wastewater/"]) {
    content: "";
    /*display: inline-block;*/
    /*padding-right: 12px;*/
     /*URL*/
    background-image: url('/media/v5girhkt/noun-toilet-paper_sm.svg');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center right 10px;
    background-position-y: center;
}

.main.nav-dropdown ul ul li span {
    border-bottom: 1px solid #a9a9a9;
}
/*Remove bottom border from items with 9 or more - only larger screens*/
@media screen and (min-width: 1109px) {
 
    /* 1. Default borders for all second-level spans */
    .main.nav-dropdown ul ul > li > span {
      border-bottom: 1px solid #a9a9a9;
    }
    
    /* 2. Single-item submenus → remove the only border */
    .main.nav-dropdown ul ul:has(> li:first-child:last-child) > li:first-child > span {
      border-bottom: 0 !important;
    }
    
    /* 3. Submenus with 2–7 items → remove last item border */
    .main.nav-dropdown ul ul:has(> li:nth-child(2)):not(:has(> li:nth-child(8))) > li:last-child > span {
      border-bottom: 0 !important;
    }
    
    /* 4. Multi-column submenus (≥8 items, left-to-right flow)
       → remove bottom row borders
       → if total items odd, keep border on second-to-last item */
    .main.nav-dropdown ul ul:has(> li:nth-child(8)) > li:last-child > span,
    .main.nav-dropdown ul ul:has(> li:nth-child(8)) > li:nth-last-child(2):nth-child(odd) > span {
      border-bottom: 0 !important;
    }

}

.main.nav-dropdown ul ul li 
{
    padding:0 8px;
}
.main.nav-dropdown li.no-child:hover {
    border-right: 3px solid #044068;
}

/* Multi-col nav grid fix */
@media screen and (min-width: 1109px) {
    html.no-touch nav.main ul > li:hover > ul.multi-col,
    html.no-touch nav.main ul > li.open-child > ul.multi-col {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: var(--nav-main-dropdown-width_wide);
    }

    /* Neutralize the flex item constraints */
    nav.main ul > li > ul.multi-col > li {
        flex: unset !important;
        max-width: unset !important;
    }

    .main.nav-dropdown ul ul.multi-col > li {
        display: flex;
        align-items: stretch;
    }

    .main.nav-dropdown ul ul.multi-col > li > span {
        display: flex;
        align-items: center;
        width: 100%;
    }
}
/*End Multi-col nav grid fix*/

/*
nav.main ul li.no-child:hover > span > a[href="/government/departments/wastewater/"]::after {
    font-family: "Ionicons";
    content: "\f3e4";  
    font-size: 1rem;
}*/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.author-bio .item.item_text-left:has(.image) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
/*boxed button links - make consistent size*/
.normalize-buttons .item.usn_pod_textimage .inner {
    padding: 0 7px 15px 7px;
}
.normalize-buttons .item.usn_pod_textimage .inner a {
    height:100%;
}
.normalize-buttons .item.usn_pod_textimage .inner a .info {
    height:100%;
}
.normalize-buttons .item.usn_pod_textimage .inner a .info .link {
    height:100%;
}
.normalize-buttons .btn.boxed-btn {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;         
    justify-content: center;
}
.normalize-buttons .item.usn_pod_textimage .inner a .info {
    height: 100%;
    display: flex;                /* ⬅️ added */
    flex-direction: column;       /* ⬅️ added */
}
.normalize-buttons .item.usn_pod_textimage .inner a .info .text {
    flex: 1;                      /* ⬅️ new rule */
}
/*Normalize multiple pods with buttons*/
.normalize-buttons-text .item.usn_pod_textimage .inner a .info .link {
    height: auto;
}
.normalize-buttons-text .item.usn_pod_textimage .inner a .info .text {
    flex: 1;
}
/*End normalize multiple pods with buttons*/
/*boxed pod links - make consistent size in rows*/
.normalize-pods .item .inner {
    height:100%;
}
.normalize-pods .item .inner a {
    height:100%;
}
.normalize-pods .item .inner a .info {
    /*height:100%;*/
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*Without link*/
.normalize-pods .item .inner .info {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.normalize-pods .item .inner a .info .link {
    height:100%;
}
.component.normalize-pods .slick-slider .slick-list, .component .slick-slider .slick-track {
    height: auto;
}
.normalize-pods .item a:hover .info
{
    background: #fbb040;
    transition: background 0.3s ease, border-width 0.3s ease; 
}
.normalize-pods .item a 
{
    border: 2px solid transparent;
    border-radius: 5px;
    transition: border-color 0.3s ease, border-width 0.3s ease; 
}
.normalize-pods .item a:hover 
{
    border-color: #413d7a;
}
/*
.normalize-pods .btn.boxed-btn {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;         
    justify-content: center;
}
*/
.main.nav-dropdown li {
  border-radius: 0 !important;
  --base-border-radius: 0 !important;
}
/*Fix Call to action hover*/
.cta-links .btn.base-btn-bg-hover-solid:focus > span
{
   background: #2a7ab0;
   /*border: 2px solid transparent;*/
}
.cta-links .btn.base-btn-borders:focus 
{
   border: 2px solid transparent;
}
.cta-links .btn.base-btn-bg-hover-solid:hover > span
{
   background: #fbb040;
   border-color: #413d7a;
}
.cta-links .btn.base-btn-bg-hover-solid:hover
{
   border-color: #413d7a;
}
/*End Fix Call to action hover*/
/*Remove extra sub navigiation from bottom of pages*/
@media (max-width: 991.98px) {
  nav.sub:not(.in-this-section nav) {
    display: none;
  }
}
/*End Remove extra sub navigation*/
/*Remove header spacing online licensing page*/
.online-licensing .heading-col {
    padding-bottom: 0;
}

.header-no-margins
{
    margin:0 0 0 0 !important;
}
h3.header-no-margins.citydir-anchors a {
    padding-left: 10px;
}
/*fire background colors*/
.red-shift .image {
    background-color: #C1121F;
    padding: 5px;
}
.green-shift .image {
    background-color: #2D6A4F;
    padding: 5px;
}
.blue-shift .image {
    background-color: #1D3557;
    padding: 5px;
}
/*end fire background colors*/
/*Turn off background/button type of hover for forms*/
.umbraco-forms .base-btn-bg:hover,.umbraco-forms .btn-bg_base-btn-bg .btn:hover,.umbraco-forms .btn.base-btn-bg:focus,.umbraco-forms .btn-bg_base-btn-bg .btn:focus,.umbraco-forms .btn.base-btn-bg:active,.umbraco-forms .btn-bg_base-btn-bg .btn:active {
    background:none;
}
/*Quick Fix for checkboxes*/
/*.umbraco-forms-form .checkboxlist
{
    width:100%;
}
*/
/* Keep checkbox + label together and stop "Feb 26" splitting */
.umbraco-forms-form .checkboxlist > div{
  display: flex;           /* input + label in a row */
  align-items: center;
  gap: .5rem;
}

.umbraco-forms-form .checkboxlist > div > label{
  white-space: nowrap;     /* prevents "Feb" / "26" split */
}

/* optional: stop weird word-breaking rules from theme */
.umbraco-forms-form .checkboxlist > div > label{
  word-break: normal;
  overflow-wrap: normal;
}
.umbraco-forms-form .checkboxlist.checkboxlist-horizontal{
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
}
/*End background/button forms*/
/* Removed padding and margins from Umbraco Forms*/
.umbraco-forms-form fieldset {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}
/*End removed padding and margin from Umbraco Forms*/

/*Add some padding to h3 above*/
.info h3.heading {padding-top:5px;}
/*End add some margin to h3 above*/

/*Add top padding and margin options*/
body:not(.full-page) section.content .content-col > section.content.component.padding-top-5 {padding-top:5px;}
body:not(.full-page) section.content .content-col > section.content.component.padding-top-10 {padding-top:10px;}
body:not(.full-page) section.content .content-col > section.content.component.padding-top-20 {padding-top:20px;}


body:not(.full-page) section.content .content-col > section.content.component.margin-top-5 {margin-top:5px;}
body:not(.full-page) section.content .content-col > section.content.component.margin-top-10 {margin-top:10px;}
body:not(.full-page) section.content .content-col > section.content.component.margin-top-20 {margin-top:20px;}
/*End Add top padding*/

/*Removed Opacity on sub nav*/
nav.sub ul > li.active > span > a {
    opacity: 1;
}

/* === Clean Link List === */

/* Hide URL meta text */
.clean-link-list .meta.small {
  display: none;
}

/* Lighten the secondary heading */
.clean-link-list .secondary-heading {
  color: #666 !important;
  font-weight: 400 !important;
}

/* Separate intro from links */
.clean-link-list .component-introduction {
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove container border */
.clean-link-list .listing.listing_links {
  border: none !important;
}

/* Flatten link card rows */
.clean-link-list .item_links a {
  border: none !important;
  border-bottom: 1px solid #eee !important;
  border-radius: 0 !important;
}

.clean-link-list .item_links:last-child a {
  border-bottom: none !important;
}

/* Mute description text */
.clean-link-list .item_links .text p {
  font-size: 0.85rem;
  color: #666;
  margin: 0;
}

/* Mini (no detail) padding */
.clean-link-list .listing_links-mini .item_links a {
  padding-top: 0 !important;
  padding-bottom: 0.75rem !important;
}

/* === End Clean Link List === */
/* === HR contracts links — component-context tightening ===
   APPEND this below your existing, untouched clean-link-list block.
   Do NOT replace your original rules.

   Scoped to .clean-link-list:not(.usn_pod_links) so it ONLY affects the
   HR page's Links COMPONENTS and leaves pod cards / other pages alone.
   Detail mode: per-link title + date subtext. Keeps the indent. */

/* Tighten vertical space between link blocks */
.clean-link-list:not(.usn_pod_links) .item_links a {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.clean-link-list:not(.usn_pod_links) .item_links {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Close the gap between the title and its date line */
.clean-link-list:not(.usn_pod_links) .item_links .info .text.pt-2 {
  padding-top: 0.15rem !important;
}
.clean-link-list:not(.usn_pod_links) .item_links .text p {
  margin: 0 !important;
}

/* Per-link title size (adjust 1.05rem to taste; delete rule to keep full size) */
.clean-link-list:not(.usn_pod_links) .item_links .heading.sm {
  font-size: 1.05rem !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* Reduce gap under the group heading / secondary heading */
.clean-link-list:not(.usn_pod_links) .component-introduction {
  margin-bottom: 0.25rem !important;
}
/* === End HR contracts links === */


/* === Permit cards — pod-context tightening ===
   Scoped to .clean-link-list.usn_pod_links so it ONLY affects the permit
   pod cards and leaves the HR component links alone. Works whether
   "include link detail" is ON or OFF. Add below your existing
   clean-link-list block. */

/* --- Card heading ("Commercial Building") --- */
.clean-link-list.usn_pod_links .inner > .heading {
  font-size: 1.25rem !important;
  margin-bottom: 0.25rem !important;
}
@media (max-width: 767.98px) {
  .clean-link-list.usn_pod_links .inner > .heading {
    font-size: 1.0rem !important;   /* confirm against the mobile h2 size; tune to taste */
  }
}
/* --- Secondary heading + separator line under it --- */
.clean-link-list.usn_pod_links .inner > .secondary-heading {
  font-size: 0.9rem !important;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0 !important;
}
.clean-link-list.usn_pod_links .inner > .heading:only-of-type {
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0 !important;
}

/* --- Kill all top spacing above the first link --- */
.clean-link-list.usn_pod_links .listing_links {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.clean-link-list.usn_pod_links .component-main.listing_links.row {
  margin-top: 0 !important;
}

/* --- Link rows: EVERY row gets the same tight padding ---
   Zero out any per-item top margin uSkinned adds (this is what made
   the 2nd/3rd links look roomier than the 1st), then set uniform
   padding on the anchors. */
.clean-link-list.usn_pod_links .item_links {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.clean-link-list.usn_pod_links .item_links a {
  display: block;
  font-size: 0.95rem !important;
  border: none !important;
  border-bottom: 1px solid #eee !important;
  border-radius: 0 !important;
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}
.clean-link-list.usn_pod_links .item_links:first-child a {
  padding-top: 0.35rem !important;
}
.clean-link-list.usn_pod_links .item_links:last-child a {
  border-bottom: none !important;
}

/* Detail-mode per-link title (heading sm) */
.clean-link-list.usn_pod_links .item_links .heading.sm {
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Optional additional info (per-link notes, e.g. dates) */
.clean-link-list.usn_pod_links .item_links .text p {
  font-size: 0.8rem !important;
  color: #666 !important;
  margin: 0 !important;
}

/* Trailing/inline link icon */
.clean-link-list.usn_pod_links .item_links .icon {
  font-size: 0.85rem !important;
}
/* === End permit cards === */

/*Make any content links Bold for Compliance*/
.base-text a {
  font-weight: 600;
}
/*End Make any content lins Bold for COmpliance*/
/*Change alert-info colors*/
.alert-info {
  background-color: #dce8f5;
  color: #044068;
  border-color: #a8c8e8;
}

.alert-info a {
  color: #044068 !important;
  text-decoration: underline;
}

.alert-info a:hover {
  color: #2a7ab0 !important;
}
/*End Change alert-info colors*/
/*Top bread crumb*/
.usn_cmp_breadcrumb.base-bg.base-bg-solid {
    padding: 0 !important;
}
.breadcrumb-trail .breadcrumb-item.active > span {
    color: #044068 !important;
}
/*End top bread crumb*/
/*hide modal link in page*/
.hide-modal-trigger { display: none !important; }
/*hide modal link in page*/
/*Arts Page caption*/
.image .caption:not(.caption-below) {
    background-color: rgba(var(--true-black), 0.7);
}
/*End Arts Page caption*/
/* Created Pod card standard*/
.solid-icon-cards .inner {
  background: #0a5080 !important;

}

.solid-icon-cards .image img {
  max-width: 140px;
  max-height: 110px;
  width: auto;
  height: auto;
}
.solid-icon-cards .item.item_text-below.item_has-bg .info, .solid-icon-cards .item.item_text-left.item_has-bg .info, .solid-icon-cards .item.item_text-right.item_has-bg .info, .solid-icon-cards .item.item_text-above.item_has-bg .info {
    padding: 20px;
}
/*End Pod card standard*/
/* Responsive Impact Fee Tables */
  .cda-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    font-size: 0.95rem;
  }

  .cda-table caption {
    caption-side: top;
    text-align: left;
    font-weight: 700;
    font-size: 1rem;
    padding: 0 0 0.5rem 0;
    color: inherit;
  }

  .cda-table thead th {
    background-color: #d6dce4;
    color: #1a3a5c;
    font-weight: 700;
    padding: 0.6rem 0.75rem;
    text-align: left;
    border: 1px solid #b0bec5;
  }

  .cda-table tbody td,
  .cda-table tbody th {
    padding: 0.55rem 0.75rem;
    border: 1px solid #d0d7de;
    text-align: left;
    vertical-align: middle;
  }

  /* Section header rows (Residential Fees / Non-Residential Fees) */
  .cda-table .section-header td {
    font-weight: 700;
    background-color: #f0f3f6;
    border-top: 2px solid #b0bec5;
  }

  /* Zebra stripe data rows */
  .cda-table tbody tr:not(.section-header):nth-child(even) td {
    background-color: #f8f9fa;
  }

  /* ── Mobile: card layout below 600px ──────────────────────── */
  @media (max-width: 600px) {
    .cda-table thead {
      display: none; /* hide column headers; labels come from data-label */
    }

    .cda-table,
    .cda-table tbody,
    .cda-table tr,
    .cda-table td {
      display: block;
      width: 100%;
    }

    /* Section header rows stay full-width labels */
    .cda-table .section-header td {
      font-weight: 700;
      background-color: #d6dce4;
      color: #1a3a5c;
      padding: 0.5rem 0.75rem;
      border: none;
      border-top: 2px solid #b0bec5;
    }

    /* Each data cell becomes a labeled row */
    .cda-table tbody tr:not(.section-header) {
      border: 1px solid #d0d7de;
      border-radius: 4px;
      margin-bottom: 0.75rem;
      padding: 0.25rem 0;
      background-color: #fff;
    }

    .cda-table tbody tr:not(.section-header) td {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.4rem 0.75rem;
      border: none;
      border-bottom: 1px solid #f0f0f0;
      background: none;
    }

    .cda-table tbody tr:not(.section-header) td:last-child {
      border-bottom: none;
      font-weight: 700;
    }

    /* Inject column label before each value via data-label attribute */
    .cda-table tbody tr:not(.section-header) td::before {
      content: attr(data-label);
      font-weight: 600;
      color: #1a3a5c;
      flex-shrink: 0;
      margin-right: 1rem;
    }

    /* Hide the data-label on the fee type cell (it IS the label) */
    .cda-table tbody tr:not(.section-header) td:first-child::before {
      display: none;
    }

    .cda-table tbody tr:not(.section-header) td:first-child {
      font-weight: 600;
      background-color: #f0f3f6;
      border-bottom: 1px solid #d0d7de;
    }
  }
  /* End Responsive Impact Fee Tables */
  /* === Category icons on Links pod headings (CSS) ===
   Uses the Ionicons 4.5.4 webfont served from /css/CDA/icons
   (font-family: "Ionicons"). Confirmed version from ionicons.woff2?v=4.5.4.

   SETUP: on each Links pod add a category class beside clean-link-list:
     Custom classes:  clean-link-list icon-building

   Codepoints below are from the Ionicons 4.5.4 table. document (\f2e1) is
   confirmed live on your site. Spot-check one or two others; if any is blank,
   inspect that usn_ion-md-* icon's ::before content and send the hex. */

.clean-link-list[class*="icon-"] .inner > .heading::before {
  font-family: "Ionicons";
  font-weight: normal;
  font-style: normal;
  margin-right: 0.45rem;
  font-size: 1.15rem;
  vertical-align: 0;
  color: #0b5394;            /* CdA blue — change per taste */
  background: none !important;   /* uSkinned paints a bg on .heading::before; clear it */
  -webkit-font-smoothing: antialiased;
}

/* --- Category map (Ionicons 4.5.4) — all CONFIRMED from the live font ---
   Each category class maps to an inspected, verified codepoint. Add the class
   beside clean-link-list on a pod, e.g. Custom classes: clean-link-list icon-building
   Spare confirmed glyphs (build, clipboard) are listed at the bottom to swap in. --- */

.clean-link-list.icon-building   .inner > .heading::before { content: "\f1a4"; } /* business  */
.clean-link-list.icon-site       .inner > .heading::before { content: "\f34a"; } /* pin       */
.clean-link-list.icon-reroof     .inner > .heading::before { content: "\f30c"; } /* home      */
.clean-link-list.icon-demo       .inner > .heading::before { content: "\f303"; } /* hammer    */
.clean-link-list.icon-mechanical .inner > .heading::before { content: "\f2d5"; } /* construct */
.clean-link-list.icon-plumbing   .inner > .heading::before { content: "\f3a7"; } /* water     */
.clean-link-list.icon-review     .inner > .heading::before { content: "\f375"; } /* search    */
.clean-link-list.icon-admin      .inner > .heading::before { content: "\f394"; } /* time      */
.clean-link-list.icon-health     .inner > .heading::before { content: "\f328"; } /* medkit    */
.clean-link-list.icon-document   .inner > .heading::before { content: "\f2e1"; } /* document  */
.clean-link-list.icon-download   .inner > .heading::before { content: "\f2e3"; } /* download  */
.clean-link-list.icon-home .inner > .heading::before { content: "\f30c"; } /* home — CONFIRMED */
.clean-link-list.icon-siding       .inner > .heading::before { content: "\f2a6"; } /* build (stand-in) */
.clean-link-list.icon-window       .inner > .heading::before { content: "\f2a6"; } /* build (stand-in) */

/* Spare confirmed glyphs to swap in if you prefer:
   build \f2a6   |   clipboard \f2bd  */
/* === End category icons === */
/* ============================================================================
   PART 3 — HANDOUT COLUMNS   (aligned reference list)
   SETUP: Links component items-per-row = 2; custom class = handout-columns.
   Hardcoded to 2 columns. Every item keeps its divider (no final-row removal —
   that can't handle odd item counts; the Contact Us section below provides the
   page's bottom edge). To generalize the column count later, swap
   "grid-template-columns: 1fr 1fr" for repeat(var(--cols,2),1fr) + a .cols-N class.
   ============================================================================ */
 
.handout-columns .listing_links {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
  margin: 0 !important;
}
.handout-columns .item_links {
  width: auto !important; max-width: none !important; flex: none !important;
  float: none !important; margin: 0 !important; padding: 0 !important;
  display: flex; flex-direction: column;
}
.handout-columns .item_links a {
  display: block; flex: 1 1 auto;
  padding: 0.6rem 0 !important;
  border-bottom: 1px solid #eee;
}
.handout-columns .item_links a .icon { vertical-align: baseline; }
 
@media (max-width: 767.98px) {
  .handout-columns .listing_links { grid-template-columns: 1fr; column-gap: 0; }
  .handout-columns .item_links { display: block; }
  .handout-columns .item_links a { flex: none; }
  .handout-columns .item_links:last-child a { border-bottom: none; }
}

/* ============================ END ============================ */
/* === Staff directory — grouped, text-only contact list ===
   Add class "staff-directory" to the Text/Richtext component holding the list.
   Structure: h2 (role group) + .staff-member rows (name / title / contact).
   Opt-in scoped; safe for Global CSS. */
 
/* Role group heading */
.staff-directory h2 {
  font-size: 1.1rem !important;
  color: #044068;                 /* CdA dark heading blue (matches page h1) */
  margin: 1.5rem 0 0.5rem !important;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid #044068;
}
.staff-directory h2:first-child { margin-top: 0 !important; }
 
/* One person row: name | title | contact, responsive columns */
.staff-directory .staff-member {
  display: grid;
  grid-template-columns: 1.2fr 1.6fr 1fr;
  gap: 0.5rem 1.5rem;
  align-items: baseline;
  padding: 0.55rem 0;
  border-bottom: 1px solid #eee;
}
 
.staff-directory .staff-name  { font-weight: 600; }
.staff-directory .staff-title { color: #555; font-size: 0.95rem; }
 
/* Contact: phone + email links */
.staff-directory .staff-contact a {
  display: inline-block;
  margin-right: 1rem;
  white-space: nowrap;
}
 
/* Stack to a single column on mobile so nothing gets cramped */
@media (max-width: 767.98px) {
  .staff-directory .staff-member {
    grid-template-columns: 1fr;
    gap: 0.15rem;
    padding: 0.7rem 0;
  }
  .staff-directory .staff-contact a { margin-right: 1.25rem; }
}
/*End Staff CSS */