/*  
---------------------------------------------------
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=Ubuntu:300,400,500,700,300i,400i,500i,700i&display=swap');@import url('https://fonts.googleapis.com/css?family=Titillium Web:200,300,400,600,700,900,200i,300i,400i,600i,700i&display=swap');

:root {

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

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

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

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors:144,62,60;
    --form-warning:240,173,78;
    --form-success:92,184,92;

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

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

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

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

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

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

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

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

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

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

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

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

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

    --small-breakpoint: 1199px;
    --large-breakpoint: 1200px;

    --header-max-width: 1800px;
    --small-header: 100px;
    --large-header: 175px;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    --btn_sm-padding_top: 15px;
    --btn_sm-padding_right: 25px;
    --btn_sm-padding_bottom: 15px;
    --btn_sm-padding_left: 25px;

    --btn-padding_top: 10px;
    --btn-padding_right: 45px;
    --btn-padding_bottom: 10px;
    --btn-padding_left: 45px;

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

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

    /* Logo */
    --logo-link: 0, 0, 0;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 0, 0, 0;
    --secondary-navigation-link-hover: 108, 108, 108;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 255, 255, 255;
    --navigation-dropdown-color2:  255, 255, 255;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 0, 0, 0;
    --navigation-dropdown-link-hover: 62, 62, 62;
    --navigation-dropdown-link-active: 47, 47, 47;
    
    /* Content */
    --base-bg-color1: 251, 248, 243;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 0, 62, 135;
    --base-secondary-heading: 0, 62, 135;
    --base-text: 0, 0, 0;
    --base-link: 78, 186, 225;
    --base-link-hover: 0, 62, 135;
    --base-borders: 0, 62, 135;
    --base-highlight: 0, 62, 135;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 216, 68, 80;
    --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: 216, 68, 80;
    --base-btn-bg-hover-color1: 189, 63, 73;
    --base-btn-bg-hover-color2:  255, 255, 255;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 255, 255, 255;
    --base-btn-borders-hover: 189, 63, 73;
    
    /* Footer */
    --footer-bg-color1: 0, 62, 135;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 255, 255, 255;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 255, 255, 255;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 255, 255, 255;

    --c1-bg-color1: 0, 62, 135;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 255, 255, 255;
--c1-secondary-heading: 255, 255, 255;
--c1-text: 238, 238, 238;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 255;
--c1-highlight-text: 0, 62, 135;
--c2-bg-color1: 255, 255, 255;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 0, 62, 135;
--c2-secondary-heading: 0, 62, 135;
--c2-text: 0, 0, 0;
--c2-link: 0, 0, 0;
--c2-link-hover: 108, 108, 108;
--c2-borders: 0, 0, 0;
--c2-highlight: 108, 108, 108;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 78, 186, 225;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 255, 255, 255;
--c3-secondary-heading: 0, 62, 135;
--c3-text: 0, 62, 135;
--c3-link: 255, 255, 255;
--c3-link-hover: 0, 62, 135;
--c3-borders: 255, 255, 255;
--c3-highlight: 255, 255, 255;
--c3-highlight-text: 0, 62, 135;


    --c1-btn-bg-color1:  78, 186, 225;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 255, 255, 255;
--c1-btn-borders: 78, 186, 225;
--c1-btn-bg-hover-color1:  0, 169, 229;
--c1-btn-bg-hover-color2:  255, 255, 255;
--c1-btn-bg-hover-start-perc: 50%;
--c1-btn-bg-hover-stop-perc: 50%;
--c1-btn-bg-hover-angle: 90deg;
--c1-btn-text-hover: 255, 255, 255;
--c1-btn-borders-hover: 0, 169, 229;
--c2-btn-bg-color1:  0, 62, 135;
--c2-btn-bg-color2:  0, 0, 0;
--c2-btn-bg-start-perc: 50%;
--c2-btn-bg-stop-perc: 50%;
--c2-btn-bg-angle: 90deg;
--c2-btn-text: 255, 255, 255;
--c2-btn-borders: 0, 62, 135;
--c2-btn-bg-hover-color1:  78, 186, 225;
--c2-btn-bg-hover-color2:  255, 255, 255;
--c2-btn-bg-hover-start-perc: 50%;
--c2-btn-bg-hover-stop-perc: 50%;
--c2-btn-bg-hover-angle: 90deg;
--c2-btn-text-hover: 255, 255, 255;
--c2-btn-borders-hover: 78, 186, 225;
--c3-btn-bg-color1:  216, 68, 80;
--c3-btn-bg-color2:  0, 0, 0;
--c3-btn-bg-start-perc: 50%;
--c3-btn-bg-stop-perc: 50%;
--c3-btn-bg-angle: 90deg;
--c3-btn-text: 0, 62, 135;
--c3-btn-borders: 255, 255, 255;
--c3-btn-bg-hover-color1:  216, 68, 80;
--c3-btn-bg-hover-color2:  255, 255, 255;
--c3-btn-bg-hover-start-perc: 50%;
--c3-btn-bg-hover-stop-perc: 50%;
--c3-btn-bg-hover-angle: 90deg;
--c3-btn-text-hover: 78, 186, 225;
--c3-btn-borders-hover: 255, 255, 255;
--c4-btn-bg-color1:  0, 62, 135;
--c4-btn-bg-color2:  0, 0, 0;
--c4-btn-bg-start-perc: 50%;
--c4-btn-bg-stop-perc: 50%;
--c4-btn-bg-angle: 90deg;
--c4-btn-text: 255, 255, 255;
--c4-btn-borders: 255, 255, 255;
--c4-btn-bg-hover-color1:  0, 62, 135;
--c4-btn-bg-hover-color2:  255, 255, 255;
--c4-btn-bg-hover-start-perc: 50%;
--c4-btn-bg-hover-stop-perc: 50%;
--c4-btn-bg-hover-angle: 90deg;
--c4-btn-text-hover: 255, 255, 255;
--c4-btn-borders-hover: 255, 255, 255;
--c5-btn-bg-color1:  57, 170, 58;
--c5-btn-bg-color2:  0, 0, 0;
--c5-btn-bg-start-perc: 50%;
--c5-btn-bg-stop-perc: 50%;
--c5-btn-bg-angle: 90deg;
--c5-btn-text: 255, 255, 255;
--c5-btn-borders: 57, 170, 58;
--c5-btn-bg-hover-color1:  47, 125, 47;
--c5-btn-bg-hover-color2:  255, 255, 255;
--c5-btn-bg-hover-start-perc: 50%;
--c5-btn-bg-hover-stop-perc: 50%;
--c5-btn-bg-hover-angle: 90deg;
--c5-btn-text-hover: 255, 255, 255;
--c5-btn-borders-hover: 57, 170, 58;


    --c1-label-bg-color1: 0, 0, 0;
--c1-label-bg-color2:  0, 0, 0;
--c1-label-bg-start-perc: 50%;
--c1-label-bg-stop-perc: 50%;
--c1-label-bg-angle: 90deg;
--c1-label-text: 255, 255, 255;


    /* Fonts tab */
    
    --body-typography_font-name: 'Ubuntu',sans-serif;
    --body-typography_font-weight: 300;
    --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: 19px; 
    --body-typography_font-size_xl: 20px; 

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

    --h1-typography_font-size: 30px; 
    --h1-typography_font-size_sm: 35px; 
    --h1-typography_font-size_md: 40px; 
    --h1-typography_font-size_lg: 45px; 
    --h1-typography_font-size_xl: 50px; 

    --h2-typography_font-name: 'Titillium Web',sans-serif;
    --h2-typography_font-weight: 600;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 140%;
    --h2-typography_font-letter-spacing: 0px;
    --h2-typography_font-transform: None;

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

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

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

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

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

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

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

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

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

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

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

    --p-heading_small-typography_font-name: 'Titillium Web',sans-serif;
    --p-heading_small-typography_font-weight: 600;
    --p-heading_small-typography_font-style: normal;
    --p-heading_small-typography_font-line-height: 120%;
    --p-heading_small-typography_font-letter-spacing: 0px;
    --p-heading_small-typography_font-transform: Uppercase;

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

    --p-heading_large-typography_font-name: 'Titillium Web',sans-serif;
    --p-heading_large-typography_font-weight: 700;
    --p-heading_large-typography_font-style: normal;
    --p-heading_large-typography_font-line-height: 100%;
    --p-heading_large-typography_font-letter-spacing: 0px;
    --p-heading_large-typography_font-transform: None;

    --p-heading_large-typography_font-size: 50px; 
    --p-heading_large-typography_font-size_sm: 50px; 
    --p-heading_large-typography_font-size_md: 60px; 
    --p-heading_large-typography_font-size_lg: 75px; 
    --p-heading_large-typography_font-size_xl: 90px; 

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

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

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

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

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

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

    --secondary-heading-typography_font-name: 'Titillium Web',sans-serif;
    --secondary-heading-typography_font-weight: 600;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 100%;
    --secondary-heading-typography_font-letter-spacing: 0px;
    --secondary-heading-typography_font-transform: None;

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

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

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

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

    --secondary-heading_large-typography_font-size: 40px; 
    --secondary-heading_large-typography_font-size_sm: 40px; 
    --secondary-heading_large-typography_font-size_md: 60px; 
    --secondary-heading_large-typography_font-size_lg: 80px; 
    --secondary-heading_large-typography_font-size_xl: 90px;  

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

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

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

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

    --blockquote_large-typography_font-name: 'Titillium Web',sans-serif;
    --blockquote_large-typography_font-weight: 600;
    --blockquote_large-typography_font-style: italic;
    --blockquote_large-typography_font-line-height: 130%;
    --blockquote_large-typography_font-letter-spacing: -0.25px;
    --blockquote_large-typography_font-transform: None;

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

    --btn-typography_font-name: 'Ubuntu',sans-serif;
    --btn-typography_font-weight: 500;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 150%;
    --btn-typography_font-letter-spacing: 0px;
    --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: 19px;  

    --btn_small-typography_font-name: 'Ubuntu',sans-serif;
    --btn_small-typography_font-weight: 500;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 150%;
    --btn_small-typography_font-letter-spacing: 0px;
    --btn_small-typography_font-transform: Uppercase;

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

    --btn_large-typography_font-name: 'Ubuntu',sans-serif;
    --btn_large-typography_font-weight: 500;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 150%;
    --btn_large-typography_font-letter-spacing: 0px;
    --btn_large-typography_font-transform: Uppercase;

    --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: 18px; 
    --btn_large-typography_font-size_xl: 22px;  

    --main-navigation-typography_font-name: 'Ubuntu',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: 15px; 
    --main-navigation-typography_font-size_xl: 21px; 

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

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

    --secondary-navigation-typography_font-name: 'Ubuntu',sans-serif;
    --secondary-navigation-typography_font-weight: 500;
    --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: 21px;  

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

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

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

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

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

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

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

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

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

}


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


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


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


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


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


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


/* 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 - Buttons
-------------------------------------------------- 
*/

/* Solid Buttons */

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

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

/* Linear Buttons */

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

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

/* Radial Buttons */

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

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


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

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


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

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


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

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


/* Button Borders */

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

/* Button Borders Hover */

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


/* Button Text */

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

/* Button Text Hover */

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


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

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


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

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


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


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

/* Solid Buttons */

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

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

/* Linear Buttons */

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

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

/* Radial Buttons */

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

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


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

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


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

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


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

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


/* Button Borders */

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

/* Button Borders Hover */

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


/* Button Text */

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

/* Button Text Hover */

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


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

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


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

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


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


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

/* Solid Buttons */

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

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

/* Linear Buttons */

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

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

/* Radial Buttons */

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

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


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

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


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

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


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

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


/* Button Borders */

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

/* Button Borders Hover */

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


/* Button Text */

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

/* Button Text Hover */

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


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

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


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

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


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


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

/* Solid Buttons */

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

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

/* Linear Buttons */

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

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

/* Radial Buttons */

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

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


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

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


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

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


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

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


/* Button Borders */

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

/* Button Borders Hover */

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


/* Button Text */

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

/* Button Text Hover */

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


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

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


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

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


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


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

/* Solid Buttons */

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

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

/* Linear Buttons */

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

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

/* Radial Buttons */

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

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


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

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


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

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


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

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


/* Button Borders */

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

/* Button Borders Hover */

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


/* Button Text */

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

/* Button Text Hover */

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


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

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


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

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


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




/*	
--------------------------------------------------
Additional Colors - Labels
-------------------------------------------------- 
*/

/* Label backgrounds Solid */
.c1-label-bg,
.c1-label-bg.c1-label-bg-solid { 
    background: rgba(var(--c1-label-bg-color1), 1); 
}

/* Label backgrounds Linear */
.c1-label-bg.c1-label-bg-linear { 
    background: linear-gradient(var(--c1-label-bg-angle), rgba(var(--c1-label-bg-color1), 1) 0%, rgba(var(--c1-label-bg-color2), 1) 100%); 
}

/* Label backgrounds Radial */
.c1-label-bg.c1-label-bg-radial { 
    background: radial-gradient(farthest-side at var(--c1-label-bg-start-perc) var(--c1-label-bg-stop-perc), rgba(var(--c1-label-bg-color1), 1) 0%, rgba(var(--c1-label-bg-color2), 1) 100%); 
}

/* Label text */
.c1-label-text { 
    color: rgba(var(--c1-label-text), 1);
}


.mb-6{
    margin-bottom: 6rem !important
}
.mb-7{
    margin-bottom: 9rem !important
}
.mb-8{
    margin-bottom: 12rem !important
}
.mb-9{
    margin-bottom: 15rem !important
}

.mt-6{
    margin-top: 6rem !important
}
.mt-7{
    margin-top: 9rem !important
}
.mt-8{
    margin-top: 12rem !important
}
.mt-9{
    margin-top: 15rem !important
}


.pb-6{
    padding-bottom: 6rem !important
}
.pb-7{
    padding-bottom: 9rem !important
}
.pb-8{
    padding-bottom: 12rem !important
}
.pb-9{
    padding-bottom: 15rem !important
}

.pt-6{
    padding-top: 6rem !important
}
.pt-7{
    padding-top: 9rem !important
}
.pt-8{
    padding-top: 12rem !important
}
.pt-9{
    padding-top: 15rem !important
}

.forms-fields{
    position: absolute;
    left: -9999px;
}

#site-content{
    overflow-x: hidden;
}

.LaatAlleenEerst1Zien .item.item-blog {
  display:none !important;
}

.LaatAlleenEerst1Zien .item.item-blog:nth-last-child(-n+1) {
  display:flex !important;
}

.content .info{
    z-index:1 !important;
}

.agendapagelisting .component-main.row {
  flex-flow: wrap-reverse;
}

.meta-author-comments .content-col{
    max-width:100% !important;
    flex: 0 0 100%!important;
    -ms-flex: 0 0 100%!important;
}

.BiggerH1Text h1{
    font-size:calc(3 * var(--h1-typography_font-size)) !important;
}
.date time{
    font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

#logo img{
    top: -1px !important;
    position: relative !important;
}

.footer-social-icon-linkedin{
    width: 32px;
  height: 37px;
  background-color: rgba(var(--c1-btn-bg-color1), 1);
  -webkit-mask-image: url("/media/0hihcefv/linkedin-in.svg");
  mask-image: url("/media/0hihcefv/linkedin-in.svg");
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  mask-repeat: no-repeat;
  top: -3px;
  position: relative;
  transition: 0.3s;
  margin-right: 30px;
  float: left;
}

.footer-social-icon-twitter{
width: 37px;
  height: 37px;
  background-color: rgba(var(--c1-btn-bg-color1), 1);
  -webkit-mask-image: url("/media/f0tkr0tr/x-twitter.svg");
  mask-image: url("/media/f0tkr0tr/x-twitter.svg");
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  mask-repeat: no-repeat;
  top: -3px;
  position: relative;
  transition: 0.3s;
  margin-right: 30px;
  float: left;
}

.HeaderLogoFloat .usn_cmp_gallery::after{
content: "";
  background-image: url(/media/s1vfoe1n/eemshaven-info-logo-half-wit-half-blauw.png);
  width: 220px;
  height: 220px;
  position: absolute;
  bottom: 72px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
  right: -98px;
  pointer-events: none;
}

@media screen and (max-width:990px){
 .HeaderLogoFloat .usn_cmp_gallery::after {
  content: "";
  background-image: url(/media/s1vfoe1n/eemshaven-info-logo-half-wit-half-blauw.png);
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 58px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
  right: -63px;
  pointer-events: none;
}}



.BlogPageWhite section:nth-child(2){
    background-color:white !important;
}


.BlogPageWhite .content-col {
    flex: 0 0 auto;
    width: 75%;
}

.BlogPageWhite .right-col{
    padding: 0px 40px;
}

.HeaderLogoFloatRight::after{
content: "";
  background-image: url(/media/h5xo4k1q/eemshaven-info-logo-half-wit-half-blauw-full.png);
  width: 400px;
  height: 400px;
  position: absolute;
  bottom: 89px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
  right: 18%;
  pointer-events: none;
  opacity:0.4;
}


.LogoBackground{
    overflow:hidden;
}

.LogoBackground::before{
content: "";
  background-color: #33659e;
  width: 730px;
  height: 730px;
  border-radius: 50%;
  position: absolute;
  top: -430px;
  left: 140px;
  opacity: 1;
  pointer-events: none;
}

.LogoBackground::after{
content: "";
  background-color: #47b8df;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  position: absolute;
  bottom: -220px;
  right: 110px;
  opacity: 1;
  pointer-events: none;
}

.LogoBackgroundFullBottomRight > .component-inner > .container{
    position:relative;
}

.LogoBackgroundFullBottomRight > .component-inner > .container::after{
content: "";
  background-image: url(/media/h5xo4k1q/eemshaven-info-logo-half-wit-half-blauw-full.png);
  width: 220px;
  height: 220px;
  position: absolute;
  bottom: 50px;
  right: -110px;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
}

footer::before{
content: "";
  background-color: #33659e;
  width: 730px;
  height: 730px;
  border-radius: 50%;
  position: absolute;
  top: -430px;
  left: calc(50% - 380px);  opacity: 1;
  pointer-events: none;
  z-index: 9;
  opacity: 0.7;
}


footer::after{
content: "";
  background-color: #47b8df;
  width: 410px;
  height: 410px;
  border-radius: 50%;
  position: absolute;
  bottom: -245px;
  left: calc(24% - 380px);
  opacity: 1;
  pointer-events: none;
  z-index: 9;
  opacity: 1;
}


#site-footer .container > div.row {
    z-index: 10;
  position: relative;
}

.CTAMorePaddingTopNBottom .row{
padding-top: 115px !important;
  padding-bottom: 115px !important;
}

.breadcrumb-trail .container{
    max-width:1800px;
}

.LogoBackgroundFullBottomRight .info{
    z-index: 10;
}

.categories li a {
  background-color: #4fb9e0;
  padding: 9px 16px;
  border-radius: 3px;
  color: white !important;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right:7px;
  transition: all 0s, background-color 0.3s;
}

.categories li a:hover {

  transition: all 0s, background-color 0.3s;
}
.categories li a[title="Bijeenkomsten"] {
    background-color: #5bc47a;
    color:white !important;
}
.categories li a[title="Bijeenkomsten"]:hover {
    background-color: #47a663;
    color:white !important;
}


.meta .categories ul li + li::before {
display:none !important;
}

.blog-listing-component p.heading{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.blog-listing-component div.text {
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
   min-height: 90px;
}

.ExtraMarginUnderSecondary .secondary-heading{
    margin-bottom:40px !important;
}

body.content-underline-link #site-content .item.InnerDecoless a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) .heading{
     text-decoration:none !important;
}

.CustomPodWidth .item.item_text-boxed .info {
  padding: var(--base-spacing);
  max-width: 100%;
}

.CustomC1ColorBackground{
background: rgba(var(--base-bg-color1),1);
  display: block;
  min-height: 600px;
  margin-top: 0px;
  padding: 51px;
  width: 29%;
  padding-top: 100px !important;
}


.CustomC1ColorBackgroundCTA .row {
    background: rgba(var(--base-bg-color1),1);
      padding: 51px;
}

footer > .container{
    max-width:1800px;
}



.container-custom{
    height: 85px;
    line-height: 85px;
    max-width:1800px;
    margin-left:auto;
    margin-right:auto;
    display: flex;
}
.custom-top-navigation{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:1;
    background-color:white;
    transition:0.15s !important;
}
.nav-down:not(.custom-reached-top) .custom-top-navigation{
    background-color:transparent;
    position:fixed;
    top:0px;
    z-index:10000;
    transition:0.15s !important;
}
.nav-up:not(.custom-reached-top) .custom-top-navigation{
    background-color:transparent;
    position:absolute;
    transition:0.15s !important;
    
    z-index:10000;
    top:-400px;
}

.custom-left{
    padding-left: 205px;
    font-size:21px;
    font-family:"Titillium Web", Arial;
    color: rgba(var(--base-heading),1) !important;
    width: 50%;
}

.custom-right{
    width: 50%;
    text-align:right;
    padding-right: 290px;
}

.ButtonLinksNewLine .link{
    display:unset;
}



body.header-14-lg header#site-header nav.cta-links {
  -ms-flex-order: 6;
  order: 6;
}
body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
  -ms-flex-order: 4;
  order: 4;
  pointer-events:all;
}

.usn_cmp_splitcomponent.ButtonLinksNewLine .info:not(.text-center) .link a{
    display: table;
}

.usn_cmp_text.ButtonLinksNewLine .info:not(.text-center) .link a{
    display: table;
}

#back-to-top-link{
    border-radius: 5px !important;
  padding: 0px !important;
}

.c3-btn-text::before{
content: "";
  background-color: rgba(var(--c3-btn-bg-color1), 1);
  -webkit-mask-image: url("/media/bhxnuzz4/angle-right-solid.svg");
  mask-image: url("/media/bhxnuzz4/angle-right-solid.svg");
  width: 15px;
  height: 31px;
  position: absolute;
  top: 9px;
  left: 0px;
  background-repeat: no-repeat;
}
.c3-btn-text{
    background-color: transparent !important;
  border: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform:none !important;
}
.c3-btn-text:hover{
    background-color: transparent !important;
  border: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.c3-btn-text:hover span{
    background-color: transparent !important;
  border: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform:none !important;
}

.c4-btn-text::before{
content: "";
  background-color: rgba(var(--c3-btn-bg-color1), 1);
  -webkit-mask-image: url("/media/bhxnuzz4/angle-right-solid.svg");
  mask-image: url("/media/bhxnuzz4/angle-right-solid.svg");
  width: 15px;
  height: 31px;
  position: absolute;
  top: 9px;
  left: 0px;
  background-repeat: no-repeat;
}
.c4-btn-text{
    background-color: transparent !important;
  border: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform:none !important;
}
.c4-btn-text:hover{
    background-color: transparent !important;
  border: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.c4-btn-text:hover span{
    background-color: transparent !important;
  border: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform:none !important;
}


.custom-right a{
   text-decoration:none !important;
   font-family:"Ubuntu", sans-serif;
   font-weight:500;
   color:black;
   font-size:20px;display: inline-block;
   margin-right:40px;
}

.social-icon-x{
    width: 37px;
    height: 37px;
    background-color: rgba(var(--c1-btn-bg-color1), 1);
    -webkit-mask-image: url("/media/f0tkr0tr/x-twitter.svg");
    mask-image: url("/media/f0tkr0tr/x-twitter.svg");
    background-position:center;
    background-repeat:no-repeat;
    display: inline-block;
    mask-repeat: no-repeat;
  top: 8px;
  position: relative;
    transition:0.3s;
margin-right:10px;
}

.social-icon-linkedin{
    width: 32px;
    height: 37px;
    background-color: rgba(var(--c1-btn-bg-color1), 1);
    -webkit-mask-image: url("/media/0hihcefv/linkedin-in.svg");
    mask-image: url("/media/0hihcefv/linkedin-in.svg");
    background-position:center;
    background-repeat:no-repeat;
    display: inline-block;
    mask-repeat: no-repeat;
  top: 8px;
  position: relative;
    transition:0.3s;

}


.social-icon-x:hover{

    background-color: rgba(var(--c2-btn-bg-color1), 1);
    transition:0.3s;


}

.social-icon-linkedin:hover{

    background-color: rgba(var(--c2-btn-bg-color1), 1);
    transition:0.3s;


}


#logo{
    pointer-events: all !important;
}
body:not(.logo-underline-link) header#site-header #logo a:not(:hover):not(:focus):not(:active){
    pointer-events: all !important;
}

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

html.custom-reached-top header#site-header {
    background: transparent !important;
}

html.custom-reached-top body.header-14-lg:not(.transparent-header-lg) header#site-header {
  box-shadow: unset !important;
  pointer-events: none !important;
}

body.header-14-lg header#site-header nav.cta-links .btn{
    
  pointer-events: auto !important;
}

.Container1800Width .container{
    max-width:1800px !important;
}

.CustomBannerText p.heading.lg{
    word-spacing: 2000px; 
    line-height:90%;
}

.CustomBannerText h1{
font-size:95px;
line-height:90%;
}

blockquote::before, .quote::before {
  top: 12px;
  left: -86px;
  font-size: 140%;
}

.PodsShadow .item .inner{
    -webkit-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.46);
box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.46);
}

.PodImagePadding .image{
    padding: 50px 50px 0px 50px !important; 
}


.CustomBannerText p.secondary-heading.lg{
    line-height:90%;
}


footer {
    overflow: hidden;
}

@media screen and (max-width:1850px){
    
    
    
    .HeaderLogoFloatRight::after {
      width: 300px;
      height: 300px;
      bottom: 149px;
      right: 4%;
    }
    
    
    .breadcrumb-trail .container{
        max-width:1600px;
    }
    
    .Container1800Width .container{
        max-width:1600px !important;
    }
    
    .container-custom{
        max-width:1600px;
    }
    
    footer > .container{
        max-width:1600px;
    }

}

@media screen and (max-width:1650px){
    .breadcrumb-trail .container{
        max-width:1500px;
    }
    
    .Container1800Width .container{
        max-width:1500px !important;
    }
    
    .container-custom{
        max-width:1500px;
    }
    
    footer > .container{
        max-width:1500px;
    }
    
    .CustomC1ColorBackground {
      padding: 15px;
      padding-top: 30px !important;
    }

}

@media screen and (max-width:1500px){
    .breadcrumb-trail .container{
        max-width:1500px;
    }
    
    .Container1800Width .container{
        max-width:1500px !important;
    }
    
    .container-custom{
        max-width:1500px;
    }
    
    footer > .container{
        max-width:1500px;
    }

.HeaderLogoFloat::after {
  width: 400px;
  height: 400px;
  left: calc(50% - 200px);
}


}

.custom-right a.headerphone{
    display:inline-block;
}


@media screen and (max-width:1400px){

.custom-right a.headerphone{
    display:none;
}

.HeaderLogoFloat::after {
  width: 400px;
  height: 400px;
  left: calc(50% - 200px);
}

  .HeaderLogoFloat::after {
    width: 300px;
    height: 300px;
    right: -1px;
    left: unset;
  }
}

@media screen and (max-width:1200px){

.content .info {
    z-index: 1;
    position: relative;
}

.BlogPageWhite .content-col {
  flex: 0 0 auto;
  width: 100%;
}

.HeaderLogoFloatRight::after {

  width: 100px;
  height: 100px;

  bottom: 31px;

  right: 28px;
}

.CustomBannerText p.heading.lg{
   word-spacing: unset;
}


    .custom-left {
      padding-left: 121px;
      font-size: 16px;
    }

    .custom-right {
      text-align: right;
      padding-right: 40px;
    }
    
.reveal-out .custom-right{
    padding-right: 30px;
}
    
    header#site-header .expand-header{
        pointer-events:all;
    }
    .container-custom {
  height: 99px;
  line-height: 99px;
}

.social-icon-linkedin {
  width: 22px;
  height: 27px;
}

.social-icon-x {
  width: 27px;
  height: 27px;
  top: 7px;
}
    
    .reveal-out .custom-top-navigation{
        z-index:10000;
        background-color:transparent;
        pointer-events: none;
    }
    
        .reveal-out .custom-top-navigation a{

        pointer-events: all;
    }
    
    html.custom-reached-top.reveal-out  header#site-header{
        background-color:white !important;
    }
    
    .reveal-out .main{
        pointer-events:all;
    }
    
    .open-child_mobile li{
        padding-left:15px;
    }
    
    
    
    .custom-top-navigation{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:10000000000;
    background-color:transparent;
    transition:0.15s !important;
    pointer-events:none;
}
.nav-down:not(.custom-reached-top) .custom-top-navigation{
    background-color:transparent;
    position:fixed;
    top:0px;
    z-index:10000;
    transition:0.15s !important;
}
.nav-up:not(.custom-reached-top) .custom-top-navigation{
    background-color:transparent;
    position:fixed;
    transition:0.15s !important;
    
    z-index:10000;
     top:0px;
}

.custom-top-navigation .custom-right a{
    pointer-events:all;
}
    
    
    .meta ul li {
  display: block;
  margin-top:16px;
}
    
    
}


@media screen and (max-width:990px){
    .custom-left{
        width:75%;
    }
        .custom-right{
        width:25%;
    }
    .CustomBannerText h1 {
  font-size: 39px;
}

.usn_back-to-top{
    z-index: 10;
  position: relative;

}



.CustomHeaderLineHeight90 .heading{
    line-height:90% !important;
}

.CustomPodToMakeTextFit{
    padding: 0px;
    height:45vh !important;
}

.CustomPodToMakeTextFit .image{
    height:50vh !important;
}

.CustomPodToMakeTextFit .image img{
    transform: scale(3) !important;
}

}
@media screen and (max-width:768px){
      .HeaderLogoFloat::after {
    width: 100px;
    height: 100px;
    right: 12px;
    left: unset;
    bottom: 12px;
  }
    
    .CustomC1ColorBackground {
  background: rgba(var(--base-bg-color1),1);
  display: block;
  min-height: 360px;
  margin-top: 0px;
  padding: 51px;
  width: 100%;
  padding-top: 100px !important;
}
    
    .custom-left{
        width:25%;
        opacity:0;
        pointer-events:none;
    }
        .custom-right{
        width:75%;
    }
}


@media screen and (max-width:400px){

}