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

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

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

@import url('https://fonts.googleapis.com/css?family=Public Sans:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');@import url('https://fonts.googleapis.com/css?family=Bricolage Grotesque:200,300,400,500,600,700,800&display=swap');@import url('https://fonts.googleapis.com/css?family=Plus Jakarta Sans:200,300,400,500,600,700,800,200i,300i,400i,500i,600i,700i,800i&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: 1800px;

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

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

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

    --small-breakpoint: 991px;
    --large-breakpoint: 992px;

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

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

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

    --logo_sm-padding_top: 10px;
    --logo_sm-padding_right: 40px;
    --logo_sm-padding_bottom: 10px;
    --logo_sm-padding_left: 10px;

    --logo_lg-padding_top: 15px;
    --logo_lg-padding_right: 500px;
    --logo_lg-padding_bottom: 15px;
    --logo_lg-padding_left: 30px;

    --base-spacing: 50px;
    --base-half-spacing: 30px;
    --base-border-width: 0px;
    --base-border-radius: 10px;

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

    --content-col_pc-spacing: 20px;
    --pc-spacing: 25px;
    --pc-spacing_sm: 25px;
    --pc-spacing_md: 50px;
    --pc-spacing_lg: 60px;
    --pc-spacing_xl: 70px;

    --intro-col: 95%;
    --intro-col_sm: 95%;
    --intro-col_md: 100%;
    --intro-col_lg: 85%;
    --intro-col_xl: 80%;

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

    --center-col: 95%;
    --center-col_sm: 95%;
    --center-col_md: 100%;
    --center-col_lg: 85%;
    --center-col_xl: 80%;

    --banner-col: 98%;
    --banner-col_sm: 98%;
    --banner-col_md: 80%;
    --banner-col_lg: 65%;
    --banner-col_xl: 50%;

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

    --btn-border-width: 0px;
    --btn-border-radius: 100px;

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

    --btn_sm-padding_top: 8px;
    --btn_sm-padding_right: 14px;
    --btn_sm-padding_bottom: 8px;
    --btn_sm-padding_left: 14px;

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

    --btn_lg-padding_top:  12px;
    --btn_lg-padding_right:  22px;
    --btn_lg-padding_bottom:  12px;
    --btn_lg-padding_left:  22px;
    
    --footer-max-width: 1350px;

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 251, 250, 247;
    --body-bg-color2:  40, 46, 81;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 251, 250, 247;
    --header-bg-color2:  36, 42, 73;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 21, 23, 57;
    --header-borders: 8, 10, 39;
    --header-highlight: 255, 255, 255;
    
    /* Main Navigation */
    --main-navigation-link: 22, 24, 29;
    --main-navigation-link-hover: 31, 70, 229;
    --main-navigation-link-active: 0, 137, 255;

    /* Logo */
    --logo-link: 0, 0, 0;
    --logo-link-hover: 255, 255, 255;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 3, 5, 26;
    --secondary-navigation-link-hover: 255, 255, 255;
    
    /* 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: 12, 16, 46;
    --navigation-dropdown-link-hover: 54, 219, 255;
    --navigation-dropdown-link-active: 89, 182, 229;
    
    /* Content */
    --base-bg-color1: 8, 10, 39;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 255, 255, 255;
    --base-secondary-heading: 255, 255, 255;
    --base-text: 255, 255, 255;
    --base-link: 255, 255, 255;
    --base-link-hover: 255, 255, 255;
    --base-borders: 8, 10, 39;
    --base-highlight: 70, 130, 180;
    --base-highlight-text: 12, 16, 46;
    
    /* Button */
    --base-btn-bg-color1: 31, 70, 229;
    --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: 31, 70, 229;
    --base-btn-bg-hover-color1: 22, 24, 29;
    --base-btn-bg-hover-color2:  230, 106, 69;
    --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: 255, 255, 255;
    
    /* Footer */
    --footer-max-width: 1350px;
    --footer-bg-color1: 21, 23, 28;
    --footer-bg-color2:  8, 10, 39;
    --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: 221, 221, 221;
    --footer-link: 148, 148, 148;
    --footer-link-hover: 255, 255, 255;
    --footer-borders: 8, 10, 39;
    --footer-highlight: 62, 166, 255;

    --c1-bg-color1: 21, 23, 57;
--c1-bg-color2:  62, 166, 255;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 255, 255, 255;
--c1-secondary-heading: 255, 255, 255;
--c1-text: 255, 255, 255;
--c1-link: 192, 255, 14;
--c1-link-hover: 255, 255, 255;
--c1-borders: 42, 46, 78;
--c1-highlight: 62, 166, 255;
--c1-highlight-text: 8, 10, 39;
--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: 8, 10, 39;
--c2-secondary-heading: 8, 10, 39;
--c2-text: 61, 62, 74;
--c2-link: 62, 166, 255;
--c2-link-hover: 61, 62, 74;
--c2-borders: 176, 177, 187;
--c2-highlight: 62, 166, 255;
--c2-highlight-text: 8, 10, 39;
--c3-bg-color1: 251, 250, 247;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 0, 0, 0;
--c3-secondary-heading: 0, 0, 0;
--c3-text: 0, 0, 0;
--c3-link: 62, 166, 255;
--c3-link-hover: 108, 108, 108;
--c3-borders: 21, 23, 57;
--c3-highlight: 62, 166, 255;
--c3-highlight-text: 255, 255, 255;
--c4-bg-color1: 251, 250, 247;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 0, 0, 0;
--c4-secondary-heading: 0, 0, 0;
--c4-text: 0, 0, 0;
--c4-link: 62, 166, 255;
--c4-link-hover: 108, 108, 108;
--c4-borders: 0, 0, 0;
--c4-highlight: 62, 166, 255;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 31, 70, 229;
--c5-bg-color2:  219, 219, 219;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 255, 255, 255;
--c5-secondary-heading: 255, 255, 255;
--c5-text: 255, 255, 255;
--c5-link: 192, 255, 11;
--c5-link-hover: 192, 255, 11;
--c5-borders: 140, 189, 0;
--c5-highlight: 21, 23, 57;
--c5-highlight-text: 255, 255, 255;


    --c1-btn-bg-color1:  255, 255, 255;
--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: 31, 70, 229;
--c1-btn-borders: 255, 255, 255;
--c1-btn-bg-hover-color1:  0, 0, 0;
--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: 31, 70, 229;
--c1-btn-borders-hover: 51, 51, 51;


    --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: 'Plus Jakarta Sans',sans-serif;
    --body-typography_font-weight: 400;
    --body-typography_font-style: normal;
    --body-typography_font-line-height: 160%;
    --body-typography_font-letter-spacing: 0px;
    --body-typography_font-transform: None;

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

    --h1-typography_font-name: 'Plus Jakarta Sans',sans-serif;
    --h1-typography_font-weight: 800;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 120%;
    --h1-typography_font-letter-spacing: 0px;
    --h1-typography_font-transform: None;

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

    --h2-typography_font-name: 'Plus Jakarta Sans',sans-serif;
    --h2-typography_font-weight: 800;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 110%;
    --h2-typography_font-letter-spacing: 0px;
    --h2-typography_font-transform: None;

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

    --h3-typography_font-name: 'Plus Jakarta Sans',sans-serif;
    --h3-typography_font-weight: 800;
    --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: 40px; 
    --h3-typography_font-size_lg: 40px; 
    --h3-typography_font-size_xl: 40px; 

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

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

    --h5-typography_font-name: 'Public Sans',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: 18px; 
    --h5-typography_font-size_sm: 20px; 
    --h5-typography_font-size_md: 22px; 
    --h5-typography_font-size_lg: 26px; 
    --h5-typography_font-size_xl: 28px; 

    --h6-typography_font-name: 'Public Sans',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: 16px; 
    --h6-typography_font-size_sm: 18px; 
    --h6-typography_font-size_md: 20px; 
    --h6-typography_font-size_lg: 22px; 
    --h6-typography_font-size_xl: 26px; 

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

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

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

    --p-heading_small-typography_font-size: 18px; 
    --p-heading_small-typography_font-size_sm: 18px; 
    --p-heading_small-typography_font-size_md: 18px; 
    --p-heading_small-typography_font-size_lg: 18px; 
    --p-heading_small-typography_font-size_xl: 18px; 

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

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

    --p-intro-typography_font-name: 'Plus Jakarta Sans',sans-serif;
    --p-intro-typography_font-weight: 400;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 160%;
    --p-intro-typography_font-letter-spacing: -0.25px;
    --p-intro-typography_font-transform: None;

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

    --p-intro_small-typography_font-name: 'Public Sans',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: -0.25px;
    --p-intro_small-typography_font-transform: None;

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

    --p-intro_large-typography_font-name: 'Public Sans',sans-serif;
    --p-intro_large-typography_font-weight: 400;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 140%;
    --p-intro_large-typography_font-letter-spacing: -0.25px;
    --p-intro_large-typography_font-transform: None;

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

    --secondary-heading-typography_font-name: 'Public Sans',sans-serif;
    --secondary-heading-typography_font-weight: 400;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 140%;
    --secondary-heading-typography_font-letter-spacing: -0.25px;
    --secondary-heading-typography_font-transform: None;

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

    --secondary-heading_small-typography_font-name: 'Public Sans',sans-serif;
    --secondary-heading_small-typography_font-weight: 400;
    --secondary-heading_small-typography_font-style: normal;
    --secondary-heading_small-typography_font-line-height: 140%;
    --secondary-heading_small-typography_font-letter-spacing: -0.25px;
    --secondary-heading_small-typography_font-transform: None;

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

    --secondary-heading_large-typography_font-name: 'Public Sans',sans-serif;
    --secondary-heading_large-typography_font-weight: 400;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 140%;
    --secondary-heading_large-typography_font-letter-spacing: -0.25px;
    --secondary-heading_large-typography_font-transform: None;

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

    --blockquote-typography_font-name: 'Public Sans',sans-serif;
    --blockquote-typography_font-weight: 400;
    --blockquote-typography_font-style: normal;
    --blockquote-typography_font-line-height: 130%;
    --blockquote-typography_font-letter-spacing: 0px;
    --blockquote-typography_font-transform: None;

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

    --blockquote_small-typography_font-name: 'Public Sans',sans-serif;
    --blockquote_small-typography_font-weight: 400;
    --blockquote_small-typography_font-style: normal;
    --blockquote_small-typography_font-line-height: 130%;
    --blockquote_small-typography_font-letter-spacing: 0px;
    --blockquote_small-typography_font-transform: None;

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

    --blockquote_large-typography_font-name: 'Public Sans',sans-serif;
    --blockquote_large-typography_font-weight: 400;
    --blockquote_large-typography_font-style: normal;
    --blockquote_large-typography_font-line-height: 130%;
    --blockquote_large-typography_font-letter-spacing: 0px;
    --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: 34px; 
    --blockquote_large-typography_font-size_lg: 34px; 
    --blockquote_large-typography_font-size_xl: 34px;  

    --btn-typography_font-name: 'Public Sans',sans-serif;
    --btn-typography_font-weight: 700;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 140%;
    --btn-typography_font-letter-spacing: 0px;
    --btn-typography_font-transform: None;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    --anchor-navigation-typography_font-name: 'Public Sans',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: 'Public Sans',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: 'Public Sans',sans-serif;
    --logo-typography_font-weight: 400;
    --logo-typography_font-style: normal;
    --logo-typography_font-line-height: 140%;
    --logo-typography_font-letter-spacing: 2px;
    --logo-typography_font-transform: Uppercase;

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

}


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c1-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c1-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c1-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

.c1-bg .form-control:focus-visible,
.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .form-control:focus-visible,
.form .inner.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}



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

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

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

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


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c2-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c2-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c2-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

.c2-bg .form-control:focus-visible,
.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .form-control:focus-visible,
.form .inner.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}



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

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

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

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


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c3-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c3-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c3-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

.c3-bg .form-control:focus-visible,
.c3-bg .form-check-input:focus-visible,
.form .inner.c3-bg .form-control:focus-visible,
.form .inner.c3-bg .form-check-input:focus-visible,
.form .inner.c3-bg .umbraco-forms-field input:focus-visible,
.form .inner.c3-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c3-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c3-highlight), 1)!important;
}



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

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

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

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


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c4-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c4-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c4-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

.c4-bg .form-control:focus-visible,
.c4-bg .form-check-input:focus-visible,
.form .inner.c4-bg .form-control:focus-visible,
.form .inner.c4-bg .form-check-input:focus-visible,
.form .inner.c4-bg .umbraco-forms-field input:focus-visible,
.form .inner.c4-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c4-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c4-highlight), 1)!important;
}



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

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

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

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


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c5-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c5-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c5-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

.c5-bg .form-control:focus-visible,
.c5-bg .form-check-input:focus-visible,
.form .inner.c5-bg .form-control:focus-visible,
.form .inner.c5-bg .form-check-input:focus-visible,
.form .inner.c5-bg .umbraco-forms-field input:focus-visible,
.form .inner.c5-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c5-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c5-highlight), 1)!important;
}



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

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

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

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




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


/* ============================================================
   MOVE INNOVATION — SAMLET CSS (lyst tema · alle komponenter)
   ============================================================
   Komponenter (scoped): .mi-hero · .mi-identity · .mi-offer ·
   .mi-tech · .mi-process · .mi-testimonials · .mi-cta
   ------------------------------------------------------------
   Brug:
     1. Kopiér ALT herunder ind i uSkinned → Design → Custom CSS.
     2. Hvert sektions-HTML ligger i sin egen Kode-komponent
        (se move-innovation-*-snippet/-code-component filerne).
   Fonts loades via @import nedenfor (eller læg <link>-tags i <head>).
   Alle regler er scoped pr. komponent og rører ikke resten af siden.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Public+Sans:wght@400;500;600;700&display=swap');

/* ============================================================
   GLOBALT — divider under hver Kode-komponent-sektion
   ============================================================ */
/* Subtle grey divider under each code-component section.
   Paste into uSkinned: Design → custom CSS (or your global stylesheet). */
section.content.component.usn_cmp_code {
  border-bottom: 1px solid #E3E1DC;
}
section.content.component.usn_cmp_code:has(.mi-cta) {
  border-bottom: 0;
  padding-bottom: 0 !important;
}
/* Panel-sektionen bærer sin egen afgrænsning — ingen divider under den. */
section.content.component.usn_cmp_code:has(.mi-panel) {
  border-bottom: 0;
}

/* ============================================================
   GLOBALT — "raise"-effekt på ALLE knapper
   ------------------------------------------------------------
   uSkinned styrer selve knap-udseendet (base/c6-skemaer). Her tvinger vi
   kun det lille løft + pile-nudge på hover, så hver knap på sitet — native
   uSkinned-knapper såvel som knapper i Kode-komponenter — får samme
   mikrointeraktion. !important slår uSkinneds egne transitions.
   ============================================================ */
.btn { transition: transform .18s ease !important; }
.btn:hover { transform: translateY(-2px) !important; }
/* Pile-ikon i knapper: brug et <i class="arr">→</i> (IKKE <span>) — uSkinned
   reserverer knappens direkte <span> til hover-baggrunds-overlayet, så en
   <span> som pil bliver "spist" og vises kun på hover. */
.btn .arr { display: inline-block; font-style: normal; transition: transform .2s ease; }
.btn:hover .arr { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) {
  .btn { transition: none !important; }
  .btn:hover { transform: none !important; }
}

/* ============================================================
   HERO — .mi-hero
   ============================================================ */

/* ===== Fjern temaets section-padding OVER heroen (luk gabet til navbar) =====
     Rammer den .content-komponent der indeholder heroen, uanset dybde/type. */
  section.content.component:has(.mi-hero){
    padding-top: 0 !important;
    /* vil du også fjerne luften UNDER heroen, fjern kommentaren herunder: */
    /* padding-bottom: 0 !important; */
  }

  /* ============= MOVE INNOVATION — HERO (LYST · LUFTIG) ============= */
  .mi-hero {
    --mi-surface:     #FFFFFF;
    --mi-ink:         #16181D;
    --mi-body:        #565C66;
    --mi-muted:       #8A8F98;
    --mi-line:        #E8E4DC;
    --mi-accent:      #1F46E5;
    --mi-accent-ink:  #FFFFFF;
    --mi-accent-soft: #EEF1FE;

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    min-height: 94vh;
    display: flex;
    align-items: center;
    padding: clamp(40px, 5vw, 72px) clamp(16px, 4vw, 24px);
    color: var(--mi-ink);
    font-family: 'Public Sans', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .mi-hero *, .mi-hero *::before, .mi-hero *::after { box-sizing: border-box; }

  .mi-hero .mi-inner {
    max-width: 1350px; margin: 0 auto; width: 100%;
  }

  /* ---------- topblok: overskrift ---------- */
  .mi-hero .mi-eyebrow {
    font-family: 'Public Sans', system-ui, sans-serif;
    font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;
    color: var(--mi-accent);
    display: inline-flex; align-items: center; gap: 10px;
    margin: 0 0 36px;
  }
  .mi-hero .mi-eyebrow::before {
    content: ""; width: 26px; height: 2px; background: var(--mi-accent);
    display: inline-block; flex-shrink: 0;
  }

  .mi-hero .mi-h1 {
    font-family: 'Bricolage Grotesque', 'Public Sans', sans-serif;
    font-size: clamp(38px, 6vw, 82px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin: 0 0 38px;
    max-width: 20ch;
  }
  .mi-hero .mi-h1 em {
    font-style: normal;
    color: var(--mi-accent-ink);
    background: var(--mi-accent);
    padding: 0 .12em;
    border-radius: 6px;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }

  /* "Vi har ___"-rotator */
  .mi-hero .mi-vihar {
    font-family: 'Bricolage Grotesque', 'Public Sans', sans-serif;
    font-size: clamp(21px, 2.9vw, 34px);
    font-weight: 600; color: var(--mi-ink);
    display: flex; align-items: baseline; gap: 12px;
    margin: 0 0 58px;
  }
  .mi-hero .mi-rot { display: inline-block; height: 1.25em; overflow: hidden; }
  .mi-hero .mi-rot ul { margin: 0; padding: 0; list-style: none; animation: mi-rot 11s infinite; }
  .mi-hero .mi-rot li { height: 1.25em; line-height: 1.25em; color: var(--mi-accent); font-weight: 700; }
  @keyframes mi-rot {
    0%,14%  { transform: translateY(0); }
    20%,34% { transform: translateY(-1.25em); }
    40%,54% { transform: translateY(-2.5em); }
    60%,74% { transform: translateY(-3.75em); }
    80%,94% { transform: translateY(-5em); }
    100%    { transform: translateY(-6.25em); }
  }

  /* ---------- lead ---------- */
  .mi-hero .mi-lead {
    font-size: clamp(18px, 1.55vw, 22px);
    line-height: 1.6; color: var(--mi-body);
    max-width: 62ch; margin: 0 0 60px;
  }
  .mi-hero .mi-lead strong { color: var(--mi-ink); font-weight: 600; }

  /* ---------- pointer spredt på tværs ---------- */
  .mi-hero .mi-points {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(30px, 4.5vw, 64px);
    padding-top: clamp(38px, 5vw, 56px);
    border-top: 1px solid var(--mi-line);
    margin-bottom: 64px;
  }
  .mi-hero .mi-point .mi-bar {
    width: 40px; height: 3px; background: var(--mi-accent);
    border-radius: 2px; margin-bottom: 20px;
    opacity: 0.7;
  }
  .mi-hero .mi-point h3 {
    font-family: 'Bricolage Grotesque', 'Public Sans', sans-serif;
    margin: 0 0 10px; font-size: clamp(17px, 1.4vw, 20px);
    font-weight: 700; letter-spacing: -0.02em;
  }
  .mi-hero .mi-point p { margin: 0; font-size: 15.5px; line-height: 1.58; color: var(--mi-body); max-width: 34ch; }

  /* ---------- handlinger ---------- */
  /* Knapperne bruger uSkinneds native skemaer (base/c6) — udseende, farver,
     border og radius styres centralt i uSkinned Design, ikke her.
     "Raise"-effekten på hover ligger i den globale .btn-regel (se toppen). */
  .mi-hero .mi-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 22px; }

  .mi-hero .mi-foot {
    font-size: 13.5px; line-height: 1.55;
    color: var(--mi-muted); max-width: 52ch; margin: 0;
  }
  .mi-hero .mi-foot b { color: var(--mi-ink); font-weight: 600; }

  /* ---------- animationer ---------- */
  @keyframes mi-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
  .mi-hero .mi-anim { opacity: 0; animation: mi-rise .75s cubic-bezier(.2,.7,.3,1) forwards; }
  .mi-hero .d1 { animation-delay: .05s; } .mi-hero .d2 { animation-delay: .16s; }
  .mi-hero .d3 { animation-delay: .27s; } .mi-hero .d4 { animation-delay: .38s; }
  .mi-hero .d5 { animation-delay: .49s; } .mi-hero .d6 { animation-delay: .6s; }
  .mi-hero .d7 { animation-delay: .71s; }

  @media (prefers-reduced-motion: reduce) {
    .mi-hero .mi-anim { animation: none; opacity: 1; }
    .mi-hero .mi-rot ul { animation: none; }
  }

  /* ---------- responsivt ---------- */
  @media (max-width: 720px) {
    .mi-hero { min-height: 0; }
    .mi-hero .mi-vihar { margin-bottom: 44px; }
    .mi-hero .mi-lead { margin-bottom: 44px; }
    .mi-hero .mi-points { margin-bottom: 44px; }
  }

/* ============================================================
   HVEM VI ER — .mi-identity
   ============================================================ */
.mi-identity{
  /* Palette (stand-in — udskift med jeres brand) */
  --paper:#FBFAF7; --surface:#FFFFFF; --night:#15171C; --night-2:#1D2027;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-ink:#FFFFFF; --accent-soft:#EEF1FE;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius:18px; --radius-sm:12px;

  font-family:var(--font-body); color:var(--ink);
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  position:relative;
}
.mi-identity *:not(.btn){ box-sizing:border-box; margin:0; padding:0; }
.mi-identity h2,.mi-identity h4{ font-family:var(--font-display); line-height:1.04; letter-spacing:-0.02em; font-weight:700; }
.mi-identity p{ text-wrap:pretty; }
.mi-identity a{ color:inherit; text-decoration:none; }
.mi-identity img{ display:block; max-width:100%; }

.mi-identity .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }

.mi-identity .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
}
.mi-identity .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }

/* Knapper er native uSkinned-knapper (base-skema) — udseende styres af
   uSkinned Design, ikke her. "Raise"-effekten ligger i den globale .btn-regel. */

.mi-identity .identity__top{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(34px,5vw,70px); align-items:start; }
.mi-identity h2{ font-size:clamp(30px,4.4vw,56px); }
.mi-identity .subhead{ font-family:var(--font-display); font-weight:600; font-size:clamp(19px,2vw,25px); margin-top:14px; color:var(--ink); letter-spacing:-0.01em; }
.mi-identity p{ color:var(--ink-soft); margin-top:18px; max-width:56ch; font-size:17px; }
.mi-identity p strong{ color:var(--ink); }
.mi-identity .identity__top .btn{ margin-top:26px; }

.mi-identity .factbox{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:28px; }
.mi-identity .factbox h4{ color:var(--accent); font-size:13px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:16px; font-family:var(--font-body); }
.mi-identity .factbox ul{ list-style:none; display:flex; flex-direction:column; gap:11px; }
.mi-identity .factbox li{ display:flex; gap:11px; font-size:15.5px; color:var(--ink-soft); align-items:flex-start; }
.mi-identity .factbox li b{ color:var(--ink); }
.mi-identity .factbox li .d{ color:var(--accent); flex:none; font-weight:800; }
.mi-identity .factbox + .factbox{ margin-top:16px; }

.mi-identity .stats-card{ background:var(--night); border-radius:var(--radius); padding:clamp(34px,4vw,52px) clamp(28px,4vw,48px); margin-top:clamp(40px,5vw,64px); }
.mi-identity .stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.mi-identity .stat{ border-left:2px solid rgba(255,255,255,.16); padding-left:22px; }
.mi-identity .stat__num{ font-family:var(--font-display); font-weight:700; font-size:clamp(44px,5vw,72px); line-height:1; letter-spacing:-0.03em; color:#fff; }
.mi-identity .stat__num .suf{ color:#7E93FF; }
.mi-identity .stat__label{ margin-top:12px; color:rgba(255,255,255,.66); font-size:16px; }

.mi-identity .identity__logos{ margin-top:clamp(40px,5vw,64px); padding-top:clamp(34px,4vw,50px); border-top:1px solid var(--line); }
.mi-identity .strip-label{ font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:26px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; text-decoration:none; transition:color .2s; }
a.strip-label.strip-label:hover{ color:var(--ink-soft); }
.mi-identity .strip-label span{ color:var(--ink-soft); }
.mi-identity .logos{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px; align-items:center; }
.mi-identity .logo-chip{ display:flex; align-items:center; justify-content:center; height:92px; border:1px solid var(--line-2); border-radius:var(--radius-sm); background:var(--surface); transition:border-color .2s, transform .2s; }
.mi-identity .logo-chip:hover{ border-color:var(--line); transform:translateY(-2px); }
.mi-identity .logo-chip img{ max-height:46px; width:auto; filter:grayscale(1); opacity:.72; transition:.25s; }
.mi-identity .logo-chip:hover img{ filter:none; opacity:1; }

@media (max-width:1000px){
  .mi-identity .identity__top{ grid-template-columns:1fr; }
  .mi-identity .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .mi-identity .logos{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px){
  .mi-identity{ font-size:17px; }
  .mi-identity .stats-grid{ grid-template-columns:1fr; }
  .mi-identity .logos{ grid-template-columns:repeat(2,1fr); }
}

/* ============================================================
   HVAD VI TILBYDER — .mi-offer
   ============================================================ */
.mi-offer{
  /* Palette (stand-in — udskift med jeres brand) */
  --paper:#FBFAF7; --surface:#FFFFFF; --night:#15171C; --night-2:#1D2027;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-ink:#FFFFFF; --accent-soft:#EEF1FE; --accent-2:#7E93FF;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius:18px; --radius-sm:12px;

  font-family:var(--font-body); color:var(--ink);
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  background:var(--surface);
  padding-block:clamp(56px,7vw,104px);
  position:relative;
}
.mi-offer *{ box-sizing:border-box; margin:0; padding:0; }
.mi-offer h2,.mi-offer h3{ font-family:var(--font-display); line-height:1.05; letter-spacing:-0.02em; font-weight:700; color:var(--ink); }
.mi-offer p{ text-wrap:pretty; color:var(--ink-soft); }
.mi-offer a{ color:inherit; text-decoration:none; }

.mi-offer .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }

/* ---------- sektionshoved ---------- */
.mi-offer .shead{ max-width:62ch; margin-bottom:clamp(40px,5vw,58px); }
.mi-offer .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
}
.mi-offer .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }
.mi-offer .shead h2{ font-size:clamp(30px,4.4vw,56px); margin-top:18px; max-width:20ch; }
.mi-offer .shead p{ font-size:clamp(17px,1.4vw,20px); line-height:1.6; margin-top:18px; }

/* ---------- fagligheds-pills ---------- */
.mi-offer .disc{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:clamp(40px,5vw,58px); }
.mi-offer .disc a{
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 22px; border:1px solid var(--line); border-radius:100px;
  font-weight:600; font-size:16px; color:var(--ink);
  transition:background .18s, color .18s, border-color .18s;
}
.mi-offer .disc a .dot{ width:7px; height:7px; border-radius:50%; background:var(--accent); }
.mi-offer .disc a:hover{ background:var(--night); color:#fff; border-color:var(--night); }
.mi-offer .disc a:hover .dot{ background:var(--accent-2); }

/* ---------- 3 ydelseskort ---------- */
.mi-offer .svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.mi-offer .svc-card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:34px 30px 28px; display:flex; flex-direction:column; min-height:320px;
  transition:transform .22s, box-shadow .22s, border-color .22s;
}
.mi-offer .svc-card:hover{ transform:translateY(-4px); box-shadow:0 18px 50px -28px rgba(20,24,40,.4); border-color:var(--line); }
.mi-offer .svc-num{ font-family:var(--font-display); font-size:15px; font-weight:700; color:var(--accent); letter-spacing:.05em; }
/* midlertidigt skjult — siderne er ikke klar endnu; fjern denne regel for at vise kortene igen */
.mi-offer .svc-grid{ display:none; }
.mi-offer .svc-card h3{ font-size:25px; margin:16px 0 12px; }
.mi-offer .svc-card p{ color:var(--ink-soft); font-size:16px; line-height:1.58; flex:1; }
.mi-offer .svc-link{ margin-top:22px; font-weight:700; color:var(--ink); display:inline-flex; align-items:center; gap:8px; font-size:15.5px; transition:color .2s; }
.mi-offer .svc-card:hover .svc-link{ color:var(--accent); }
.mi-offer .svc-link .arr{ transition:transform .2s; }
.mi-offer .svc-card:hover .svc-link .arr{ transform:translateX(3px); }

@media (max-width:920px){
  .mi-offer .svc-grid{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  .mi-offer{ font-size:17px; }
}

/* ============================================================
   TEKNOLOGI — .mi-tech
   ============================================================ */
.mi-tech{
  /* Palette (stand-in — udskift med jeres brand) */
  --paper:#FBFAF7; --surface:#FFFFFF; --night:#15171C;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-soft:#EEF1FE; --accent-2:#7E93FF;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius-sm:12px;

  font-family:var(--font-body); color:var(--ink);
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  background:transparent;
  padding-block:clamp(56px,7vw,104px);
  position:relative;
}
.mi-tech *{ box-sizing:border-box; margin:0; padding:0; }
.mi-tech h2,.mi-tech h4{ font-family:var(--font-display); line-height:1.05; letter-spacing:-0.02em; font-weight:700; color:var(--ink); }
.mi-tech p{ text-wrap:pretty; color:var(--ink-soft); }

.mi-tech .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }

/* ---------- sektionshoved ---------- */
.mi-tech .tech__head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:22px; margin-bottom:clamp(36px,4.5vw,52px); }
.mi-tech .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
}
.mi-tech .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }
.mi-tech .tech__head h2{ font-size:clamp(30px,4.4vw,56px); margin-top:16px; max-width:20ch; }
.mi-tech .tech__head .muted{ color:var(--ink-faint); font-style:italic; font-size:16px; }

/* ---------- teknologi-kort ---------- */
.mi-tech .tech-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.mi-tech .tech-card{
  border:1px solid var(--line-2); border-radius:var(--radius-sm); padding:22px 22px 24px;
  background:var(--paper); transition:.2s; cursor:default;
}
.mi-tech .tech-card:hover{ background:var(--night); border-color:var(--night); transform:translateY(-3px); }
.mi-tech .tech-card h4{ font-size:19px; margin-bottom:8px; display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.mi-tech .tech-card h4 .tg{ font-size:11px; font-weight:700; color:var(--accent); border:1px solid var(--accent-soft); background:var(--accent-soft); padding:3px 8px; border-radius:6px; letter-spacing:.04em; }
.mi-tech .tech-card p{ font-size:14.5px; color:var(--ink-soft); line-height:1.5; }
.mi-tech .tech-card:hover h4{ color:#fff; }
.mi-tech .tech-card:hover p{ color:rgba(255,255,255,.72); }
.mi-tech .tech-card:hover h4 .tg{ background:rgba(126,147,255,.18); border-color:transparent; color:#9FB0FF; }

@media (max-width:980px){
  .mi-tech .tech-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .mi-tech{ font-size:17px; }
  .mi-tech .tech-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   SOFTWARE V3 — tilføjelser (additive, rører ikke eksisterende markup)
   · Oversigtsside = .mi-offer-struktur med 4 kort (.svc-grid.cols-2)
   · Side-side    = .mi-tech-struktur med undersider (.sp-grid + .lead)
   ============================================================ */
/* Oversigt: 4 hovedside-kort i 2×2 i stedet for 3 */
.mi-offer .svc-grid.cols-2{ grid-template-columns:repeat(2,1fr); }
@media (max-width:920px){ .mi-offer .svc-grid.cols-2{ grid-template-columns:1fr; } }

/* Side-side: intro under h2 i sektionshovedet */
.mi-tech .tech__head .lead{ font-size:clamp(17px,1.4vw,20px); line-height:1.6; margin-top:16px; max-width:56ch; color:var(--ink-soft); }
/* Side-side: undersider i 3-kolonne-grid (genbruger .tech-card-udseendet) */
.mi-tech .sp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:980px){ .mi-tech .sp-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .mi-tech .sp-grid{ grid-template-columns:1fr; } }

/* ============================================================
   OVERSIGTSSIDE (generisk) — .mi-subpages
   Genbruges til Software, Hardware m.fl. — kun HTML-indhold skifter.
   ============================================================ */
.mi-subpages{
  /* Palette (stand-in — udskift med jeres brand) */
  --paper:#FBFAF7; --surface:#FFFFFF; --night:#15171C;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-soft:#EEF1FE; --accent-2:#7E93FF;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius-sm:12px;

  font-family:var(--font-body); color:var(--ink);
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  background:transparent;
  padding-block:clamp(56px,7vw,104px);
  position:relative;
}
.mi-subpages *{ box-sizing:border-box; margin:0; padding:0; }
.mi-subpages h2,.mi-subpages h3,.mi-subpages h4{ font-family:var(--font-display); line-height:1.05; letter-spacing:-0.02em; font-weight:700; color:var(--ink); }
.mi-subpages p{ text-wrap:pretty; color:var(--ink-soft); }
.mi-subpages a{ text-decoration:none; color:inherit; }

.mi-subpages .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }

/* ---------- sektionshoved (eyebrow + h2 til venstre, intro til højre) ---------- */
.mi-subpages .sub__head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(28px,5vw,72px); align-items:start; margin-bottom:clamp(44px,5.5vw,72px); }
.mi-subpages .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
}
.mi-subpages .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }
.mi-subpages .sub__head h2{ font-size:clamp(30px,4vw,52px); margin-top:16px; max-width:16ch; }

.mi-subpages .sub-intro{ display:flex; flex-direction:column; gap:15px; }
.mi-subpages .sub-intro p{ font-size:16px; line-height:1.65; color:var(--ink-soft); }
.mi-subpages .sub-intro p:first-child{ font-size:clamp(17px,1.6vw,19px); line-height:1.55; color:var(--ink); font-weight:500; }

/* ---------- kort-grid (hovedsider + undersider med tags) ---------- */
.mi-subpages .sub-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.mi-subpages .sub-card{
  position:relative; display:flex; flex-direction:column;
  border:1px solid var(--line-2); border-radius:var(--radius-sm); padding:22px 22px 24px;
  background:var(--paper); transition:.2s;
}
.mi-subpages .sub-card:hover{ background:var(--night); border-color:var(--night); transform:translateY(-3px); }
.mi-subpages .sub-card .tg{
  align-self:flex-start; font-size:11px; font-weight:700; color:var(--accent);
  border:1px solid var(--accent-soft); background:var(--accent-soft);
  padding:3px 8px; border-radius:6px; letter-spacing:.04em; margin-bottom:13px;
}
.mi-subpages .sub-card .tg--lead{ color:#fff; background:var(--accent); border-color:var(--accent); }
.mi-subpages .sub-card h4{ font-size:19px; margin-bottom:8px; padding-right:24px; }
.mi-subpages .sub-card p{ font-size:14.5px; color:var(--ink-soft); line-height:1.5; }
.mi-subpages .sub-card .sub-arrow{ position:absolute; top:22px; right:22px; color:var(--accent); transition:.2s; opacity:0; }
.mi-subpages .sub-card:hover .sub-arrow{ opacity:1; transform:translateX(2px); }
.mi-subpages .sub-card:hover h4{ color:#fff; }
.mi-subpages .sub-card:hover p{ color:rgba(255,255,255,.72); }
.mi-subpages .sub-card:hover .tg{ background:rgba(126,147,255,.18); border-color:transparent; color:#9FB0FF; }
.mi-subpages .sub-card:hover .tg--lead{ background:var(--accent-2); border-color:transparent; color:#0D1020; }

@media (max-width:980px){
  .mi-subpages .sub__head{ grid-template-columns:1fr; gap:24px; }
  .mi-subpages .sub__head h2{ max-width:24ch; }
  .mi-subpages .sub-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .mi-subpages{ font-size:17px; }
  .mi-subpages .sub-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   DE FØRSTE SKRIDT — .mi-process
   ============================================================ */
/* ============= MOVE INNOVATION — PROCES (LYST) ============= */
  .mi-process {
    --mi-surface:     #FFFFFF;
    --mi-ink:         #16181D;
    --mi-body:        #565C66;
    --mi-muted:       #8A8F98;
    --mi-line:        #E8E4DC;
    --mi-accent:      #1F46E5;
    --mi-accent-ink:  #FFFFFF;
    --mi-accent-soft: #EEF1FE;

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-block: clamp(56px, 7vw, 104px);
    color: var(--mi-ink);
    font-family: 'Public Sans', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .mi-process *, .mi-process *::before, .mi-process *::after { box-sizing: border-box; }

  .mi-process .mi-inner { max-width: 1350px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 24px); }

  /* ---------- top ---------- */
  .mi-eyebrow {
    font-family: 'Public Sans', system-ui, sans-serif;
    font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;
    color: var(--mi-accent);
    display: inline-flex; align-items: center; gap: 10px; margin: 0 0 28px;
  }
  .mi-eyebrow::before {
    content: ""; width: 26px; height: 2px; background: var(--mi-accent);
    display: inline-block; flex-shrink: 0;
  }

  .mi-h2 {
    font-family: 'Bricolage Grotesque', 'Public Sans', sans-serif;
    font-size: clamp(30px, 4.4vw, 56px);
    line-height: 1.05; letter-spacing: -0.02em; font-weight: 700;
    margin: 0 0 24px; max-width: 18ch;
  }
  .mi-h2 em {
    font-style: normal; color: var(--mi-accent-ink); background: var(--mi-accent);
    padding: 0 .12em; border-radius: 6px;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
  }
  .mi-intro {
    font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: var(--mi-body);
    max-width: 60ch; margin: 0 0 clamp(48px, 6vw, 76px);
  }
  .mi-intro strong { color: var(--mi-ink); font-weight: 600; }

  /* ---------- trin / tidslinje ---------- */
  .mi-steps { max-width: 760px; }
  .mi-step {
    position: relative;
    display: grid; grid-template-columns: 56px 1fr; gap: 26px; align-items: start;
    padding-bottom: clamp(34px, 4.5vw, 54px);
  }
  .mi-step:last-child { padding-bottom: 0; }
  .mi-step:not(:last-child)::before {
    content: ""; position: absolute; left: 27px; top: 46px; height: calc(100% - 46px);
    width: 2px; background: rgba(31,70,229,0.18);
  }
  .mi-node {
    grid-row: 1; width: 44px; height: 44px; border-radius: 50%;
    background: var(--mi-accent-soft); border: 1.5px solid rgba(31,70,229,0.2);
    display: grid; place-items: center; position: relative; z-index: 1;
    font-family: 'Bricolage Grotesque', 'Public Sans', sans-serif;
    font-weight: 700; font-size: 15px; color: var(--mi-accent);
  }
  .mi-step:last-child .mi-node {
    background: var(--mi-accent); color: var(--mi-accent-ink);
    border-color: var(--mi-accent);
  }

  .mi-body { padding-top: 6px; }
  .mi-body h3 {
    font-family: 'Bricolage Grotesque', 'Public Sans', sans-serif;
    margin: 0 0 8px; font-size: clamp(18px, 1.7vw, 22px); font-weight: 700;
    letter-spacing: -0.02em; line-height: 1.2;
  }
  .mi-body h3 .free {
    color: var(--mi-accent-ink); background: var(--mi-accent);
    padding: 0 .18em; border-radius: 4px;
  }
  .mi-body p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--mi-body); max-width: 48ch; }
  .mi-body p .em { color: var(--mi-ink); font-weight: 600; }

  /* chips */
  .mi-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
  .mi-chip {
    font-family: 'Public Sans', system-ui, sans-serif;
    font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 600;
    padding: 5px 12px; border-radius: 100px; white-space: nowrap;
    background: var(--mi-surface); border: 1px solid var(--mi-line); color: var(--mi-ink);
  }
  .mi-price {
    display: inline-block; margin: 6px 0 0;
    font-family: 'Public Sans', system-ui, sans-serif;
    font-size: 12.5px; letter-spacing: 0.04em; font-weight: 700;
    color: var(--mi-accent); border: 1.5px solid var(--mi-accent);
    border-radius: 100px; padding: 5px 14px;
  }

  /* ---------- afslutning ---------- */
  .mi-end {
    margin-top: clamp(46px, 6vw, 72px); padding-top: clamp(34px, 4vw, 48px);
    border-top: 1px solid var(--mi-line);
    display: flex; flex-wrap: wrap; align-items: center; gap: 22px;
  }
  /* Knappen er en native uSkinned-knap — udseende styres af uSkinned Design.
     "Raise"-effekten ligger i den globale .btn-regel (se toppen). */
  .mi-end .note {
    font-size: 15px; line-height: 1.55; color: var(--mi-muted); max-width: 40ch;
  }
  .mi-end .note b { color: var(--mi-ink); font-weight: 600; }

  /* ---------- animationer ---------- */
  @keyframes mi-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
  .mi-process .mi-anim { opacity: 0; animation: mi-rise .7s cubic-bezier(.2,.7,.3,1) forwards; }
  .mi-process .d1 { animation-delay: .05s; } .mi-process .d2 { animation-delay: .14s; }
  .mi-process .d3 { animation-delay: .23s; } .mi-process .d4 { animation-delay: .32s; }
  .mi-process .d5 { animation-delay: .41s; } .mi-process .d6 { animation-delay: .5s; }
  .mi-process .d7 { animation-delay: .59s; } .mi-process .d8 { animation-delay: .68s; }
  @media (prefers-reduced-motion: reduce) { .mi-process .mi-anim { animation: none; opacity: 1; } }

  @media (max-width: 600px) {
    .mi-step { grid-template-columns: 44px 1fr; gap: 18px; }
    .mi-step:not(:last-child)::before { left: 21px; }
  }

/* ============================================================
   ORD FRA DEM (testimonials) — .mi-testimonials
   ============================================================ */
.mi-testimonials{
  --paper:#FBFAF7; --surface:#FFFFFF;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-ink:#FFFFFF;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius:18px;
  --tgap:clamp(16px,2vw,24px);

  font-family:var(--font-body); color:var(--ink);
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  position:relative;
}
.mi-testimonials *{ box-sizing:border-box; margin:0; padding:0; }
.mi-testimonials h2{ font-family:var(--font-display); line-height:1.04; letter-spacing:-0.02em; font-weight:700; font-size:clamp(30px,4.4vw,56px); }
.mi-testimonials p{ text-wrap:pretty; }
.mi-testimonials img{ display:block; max-width:100%; }

.mi-testimonials .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }

.mi-testimonials .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
}
.mi-testimonials .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }

/* header row: title left, arrows right */
.mi-testimonials .t-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:clamp(28px,3.5vw,44px); }
.mi-testimonials .t-nav{ display:flex; gap:12px; flex:none; }
.mi-testimonials .t-arrow{
  width:48px; height:48px; border-radius:100px; cursor:pointer;
  background:var(--surface); border:1.5px solid var(--line); color:var(--ink);
  font-size:20px; line-height:1; display:inline-flex; align-items:center; justify-content:center;
  transition:border-color .2s, background .2s, color .2s, transform .18s, opacity .2s;
}
.mi-testimonials .t-arrow:hover{ border-color:var(--accent); color:var(--accent); transform:translateY(-2px); }
.mi-testimonials .t-arrow[disabled]{ opacity:.35; cursor:default; transform:none; border-color:var(--line); color:var(--ink); }

/* carousel track — CSS scroll-snap, no library */
.mi-testimonials .t-viewport{ position:relative; }
.mi-testimonials .track{
  display:flex; gap:var(--tgap);
  overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  -ms-overflow-style:none; scrollbar-width:none;
  padding:4px; margin:-4px;  /* room for card focus/hover lift without clipping */
}
.mi-testimonials .track::-webkit-scrollbar{ display:none; }

.mi-testimonials .tcard{
  flex:0 0 calc((100% - 2*var(--tgap)) / 3);
  scroll-snap-align:start;
  display:flex; flex-direction:column; gap:1rem;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:clamp(24px,2.4vw,32px);
}
.mi-testimonials .tquote{ color:var(--ink); font-size:17px; line-height:1.6; }
.mi-testimonials .tquote::before{
  content:"\201C"; display:block;
  font-family:var(--font-display); font-size:48px; line-height:.5; color:var(--accent);
  margin-bottom:14px;
}
.mi-testimonials .tperson{ margin-top:auto; display:flex; align-items:center; gap:14px; }
.mi-testimonials .tavatar{ width:52px; height:52px; flex:none; border-radius:50%; object-fit:cover; background:var(--surface); border:1px solid var(--line); }
.mi-testimonials .tname{ font-family:var(--font-display); font-weight:600; font-size:17px; line-height:1.3; color:var(--ink); }
.mi-testimonials .trole{ font-size:14px; color:var(--ink-soft); margin-top:2px; }

@media (max-width:1000px){
  .mi-testimonials .tcard{ flex-basis:calc((100% - var(--tgap)) / 2); }
}
@media (max-width:600px){
  .mi-testimonials{ font-size:17px; }
  .mi-testimonials .tcard{ flex-basis:86%; }
  .mi-testimonials .t-nav{ display:none; }  /* swipe on mobile */
}

/* ============================================================
   CTA — .mi-cta
   ============================================================ */
.mi-cta{
  /* Palette (stand-in — udskift med jeres brand) */
  --surface:#FFFFFF; --night:#15171C;
  --ink:#16181D; --ink-soft:#565C66;
  --accent:#1F46E5; --accent-ink:#FFFFFF;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px);

  font-family:var(--font-body); color:#fff;
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  background:var(--accent);
  padding-block:clamp(64px,9vw,132px);
  position:relative;
}
.mi-cta *:not(.btn){ box-sizing:border-box; margin:0; padding:0; }
.mi-cta h2{ font-family:var(--font-display); line-height:1.04; letter-spacing:-0.02em; font-weight:700; }
.mi-cta p{ text-wrap:pretty; }
.mi-cta a{ color:inherit; text-decoration:none; }

.mi-cta .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); text-align:center; }

.mi-cta .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:#fff;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
}
.mi-cta .eyebrow::before{ content:""; width:26px; height:2px; background:#fff; display:inline-block; }

/* .wrap-scoped (specificity 0,2,1) så de slår margin-resetten i
   `.mi-cta *:not(.btn)` (0,2,0) — ellers nulstilles auto-marginerne og
   h2/p klistrer til venstre i stedet for at centrere. */
.mi-cta .wrap h2{ color:#fff; font-size:clamp(32px,5vw,64px); max-width:18ch; margin:18px auto 0; }
.mi-cta .wrap p{ color:rgba(255,255,255,.9); max-width:56ch; margin:24px auto 0; font-size:18px; }

/* Knappen er en native uSkinned-knap — udseende styres af uSkinned Design.
   Vi sætter kun toppadding på knap-rækken; "raise"-effekten ligger i .btn-reglen.
   Sektionen har accent-blå baggrund, så knappen bruger det hvide c1-skema. */
.mi-cta .btn{ margin-top:34px; }

@media (max-width:600px){
  .mi-cta{ font-size:17px; }
}

/* ============================================================
   uSKINNED-OVERRIDES — native komponenter restylet til brand-look
   ------------------------------------------------------------
   Disse rammer uSkinneds egne komponenter (ikke vores Kode-snippets).
   Sæt den nævnte klasse i komponentens "Custom CSS class"-felt.
     · as-eyebrow  → Subheading-felt bliver til eyebrow
     · as-hero     → Grid Layout som hero (sættes sammen med as-eyebrow)
     · as-offer    → Sub Page Listing i "Hvad vi tilbyder"-stil
     · as-case     → som as-offer, men uden numre og overskrift (cases)
     · as-tech     → Sub Page Listing i "Teknologi"-stil
     · as-factbox  → Data List som "Derudover har vi"-faktaboks
   NB: Knapper styres centralt i uSkinned Design (base/c6 button-skema),
       ikke her.
   ============================================================ */

/* ---------- as-eyebrow · Subheading → eyebrow ---------- */
/* NB: temaet sætter .cN-secondary-heading{ color: … !important } pr. farve-
   skema, så eyebrow-farven KRÆVER !important for at slå igennem — uden den
   arver eyebrowen skemaets næsten-sorte overskriftsfarve (kun stregen blev blå). */
.as-eyebrow .secondary-heading{ font-family:'Public Sans',system-ui,sans-serif; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#1F46E5 !important; display:inline-flex; align-items:center; gap:10px; margin:0 0 16px; }
.as-eyebrow .secondary-heading::before{ content:""; width:26px; height:2px; background:#1F46E5; display:inline-block; }

/* ---------- as-hero · Grid Layout som hero (efter as-eyebrow!) ---------- */
.as-hero{ position:relative; }
.as-hero::after{ content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(180deg, rgba(13,16,32,.35) 0%, rgba(13,16,32,.80) 100%); pointer-events:none; }
.as-hero .component-inner{ position:relative; z-index:1; min-height:72vh; display:flex; align-items:center; padding-block:clamp(64px,10vw,140px); }
.as-hero .info{ max-width:760px; }
.as-hero .secondary-heading{ color:#9FB0FF !important; }  /* !important: slår både temaet og .as-eyebrow ovenfor */
.as-hero .secondary-heading::before{ background:#9FB0FF; }
.as-hero .heading{ font-family:'Bricolage Grotesque','Public Sans',sans-serif; font-weight:700; font-size:clamp(34px,5.4vw,68px); line-height:1.03; letter-spacing:-0.02em; color:#FFFFFF; margin:18px 0 0; max-width:18ch; }
.as-hero .text, .as-hero .text p{ color:rgba(255,255,255,.82); font-size:clamp(17px,1.5vw,20px); line-height:1.6; }
.as-hero .text{ margin-top:20px; max-width:60ch; }
.as-hero .link{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; margin-bottom:0; }

/* ---------- as-offer · Sub Page Listing → "Hvad vi tilbyder" ---------- */
.as-offer .item .inner{ height:100%; min-height:300px; background:#FFFFFF; border:1px solid #E8E4DC; border-radius:18px; transition:transform .22s, box-shadow .22s, border-color .22s; }
.as-offer .item .inner:hover{ transform:translateY(-4px); box-shadow:0 18px 50px -28px rgba(20,24,40,.4); }
.as-offer .item .inner > a{ display:flex; flex-direction:column; height:100%; padding:34px 30px 30px; text-decoration:none; color:#16181D; }
.as-offer .item .info{ display:flex; flex-direction:column; flex:1; }
.as-offer .item .image{ flex:none; border-radius:12px; overflow:hidden; }
.as-offer .item .image img{ display:block; width:100%; height:auto; }
.as-offer .item .image + .info{ margin-top:22px; }
.as-offer .component-main{ counter-reset:svc; }
.as-offer .item{ counter-increment:svc; }
.as-offer .item .info::before{ content:counter(svc, decimal-leading-zero); font-family:'Bricolage Grotesque','Public Sans',sans-serif; font-size:15px; font-weight:700; letter-spacing:.05em; color:#1F46E5; margin-bottom:16px; }
.as-offer .item .heading{ font-family:'Bricolage Grotesque','Public Sans',sans-serif; font-size:25px; font-weight:700; line-height:1.05; letter-spacing:-0.02em; color:#16181D; margin:16px 0 12px; }
.as-offer .item .text, .as-offer .item .text p{ color:#565C66; font-size:16px; line-height:1.58; }
.as-offer .item .text{ flex:1; }
.as-offer .item .info::after{ content:"Se mere →"; margin-top:22px; font-weight:700; font-size:15.5px; color:#16181D; transition:color .2s; }
.as-offer .item .inner:hover .info::after{ color:#1F46E5; }
/* valgfrit: 2 kort pr. række (2×2) */
@media (min-width:921px){ .as-offer .component-main.listing{ display:flex; flex-wrap:wrap; } .as-offer .item.items-4{ flex:0 0 50%; max-width:50%; } }

/* ---------- as-case · Sub Page Listing → cases (as-offer uden numre/overskrift) ----------
   Selvstændig kopi af .as-offer til fx /referencer/, hvor sagens navn/logo er
   bagt ind i billedet: både tællernummeret og overskriften er slået fra.
   Alt andet — kort, hover, billedbeskyttelse, 2-kolonne-option — er identisk.
   Sæt "as-case" i komponentens "Custom CSS class"-felt (i stedet for as-offer). */
.as-case .item .inner{ height:100%; min-height:300px; background:#FFFFFF; border:1px solid #E8E4DC; border-radius:18px; transition:transform .22s, box-shadow .22s, border-color .22s; }
.as-case .item .inner:hover{ transform:translateY(-4px); box-shadow:0 18px 50px -28px rgba(20,24,40,.4); }
.as-case .item .inner > a{ display:flex; flex-direction:column; height:100%; padding:34px 30px 30px; text-decoration:none; color:#16181D; }
/* flex:1 — IKKE height:100%. height:100% på .info får flex-linjen til at løbe
   over, og fordi uSkinneds `.image` har overflow:hidden lander HELE
   sammentrækningen på billedet, som så bliver klippet. */
.as-case .item .info{ display:flex; flex-direction:column; flex:1; }
/* Billedet må aldrig trækkes sammen — bevarer uSkinneds beskæring. */
.as-case .item .image{ flex:none; border-radius:12px; overflow:hidden; }
.as-case .item .image img{ display:block; width:100%; height:auto; }
.as-case .item .image + .info{ margin-top:22px; }
/* Intet nummer: ingen counter og intet ::before-indhold. */
.as-case .item .info::before{ content:none; }
/* Overskriften skjules visuelt, men BLIVER i DOM'en. Hele kortet er ét <a>, så
   display:none ville fjerne linkets tilgængelige navn og efterlade et link uden
   tekst for skærmlæsere og Google. */
.as-case .item .heading{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.as-case .item .text, .as-case .item .text p{ color:#565C66; font-size:16px; line-height:1.58; }
.as-case .item .text{ flex:1; margin-top:0; }
.as-case .item .info::after{ content:"Se mere →"; margin-top:22px; font-weight:700; font-size:15.5px; color:#16181D; transition:color .2s; }
.as-case .item .inner:hover .info::after{ color:#1F46E5; }
/* valgfrit: 2 kort pr. række (2×2) */
@media (min-width:921px){ .as-case .component-main.listing{ display:flex; flex-wrap:wrap; } .as-case .item.items-4{ flex:0 0 50%; max-width:50%; } }

/* ---------- as-tech · Sub Page Listing → "Teknologi" ---------- */
.as-tech .item .inner{ height:100%; background:#FBFAF7; border:1px solid #EFECE5; border-radius:12px; transition:.2s; }
.as-tech .item .inner:hover{ background:#15171C; border-color:#15171C; transform:translateY(-3px); }
.as-tech .item .inner > a{ display:flex; flex-direction:column; height:100%; padding:22px 22px 24px; text-decoration:none; color:inherit; }
.as-tech .item .heading{ font-family:'Bricolage Grotesque','Public Sans',sans-serif; font-size:19px; font-weight:700; line-height:1.05; letter-spacing:-0.02em; color:#16181D; margin:0 0 8px; }
.as-tech .item .text, .as-tech .item .text p{ color:#565C66; font-size:14.5px; line-height:1.5; margin:0; }
.as-tech .item .inner:hover .heading{ color:#FFFFFF; }
.as-tech .item .inner:hover .text, .as-tech .item .inner:hover .text p{ color:rgba(255,255,255,.72); }
/* valgfrit: stram afstand til 16px */
.as-tech .component-main.listing{ gap:16px; }

/* ---------- as-factbox · Data List → "Derudover har vi" ---------- */
.as-factbox .component-main.listing_data-list{ display:block; margin:0; background:#FFFFFF; border:1px solid #E8E4DC; border-radius:18px; padding:28px; }
.as-factbox .list-title{ padding:0; margin:0 0 16px; }
.as-factbox .list-title .heading{ font-family:'Public Sans',system-ui,sans-serif; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#1F46E5; margin:0; }
.as-factbox .item_data-list{ padding:0; margin:0; }
.as-factbox .item_data-list + .item_data-list{ margin-top:11px; }
.as-factbox .item_data-list .title{ display:flex; align-items:flex-start; gap:11px; font-family:'Public Sans',system-ui,sans-serif; font-size:15.5px; font-weight:400; line-height:1.5; color:#565C66; margin:0; }
.as-factbox .item_data-list .title span{ color:inherit; font:inherit; }
.as-factbox .item_data-list .title::before{ content:"·"; flex:none; color:#1F46E5; font-weight:800; }

.mi-location{
  --paper:#FBFAF7; --surface:#FFFFFF; --night:#15171C; --night-2:#1D2027;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-ink:#FFFFFF; --accent-soft:#EEF1FE; --accent-2:#7E93FF;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius:18px; --radius-sm:12px;

  font-family:var(--font-body); color:var(--ink);
  line-height:1.55; -webkit-font-smoothing:antialiased; font-size:18px;
  padding-block:clamp(56px,7vw,104px);
  position:relative;
}
.mi-location *{ box-sizing:border-box; margin:0; padding:0; }
.mi-location h2,.mi-location h3{ font-family:var(--font-display); line-height:1.05; letter-spacing:-0.02em; font-weight:700; color:var(--ink); }
.mi-location p{ text-wrap:pretty; color:var(--ink-soft); }
.mi-location a{ color:inherit; text-decoration:none; }
.mi-location img,.mi-location iframe{ display:block; max-width:100%; }

.mi-location .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }

.mi-location .eyebrow{
  font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:12px;
}
.mi-location .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }

.mi-location .loc-grid{
  display:grid; grid-template-columns:0.86fr 1.14fr; gap:clamp(20px,2.6vw,40px);
  align-items:stretch;
}

.mi-location .loc-info{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:clamp(28px,3.2vw,44px);
  display:flex; flex-direction:column;
}
.mi-location .loc-info h2{ font-size:clamp(28px,3.4vw,46px); margin-top:16px; max-width:14ch; }
.mi-location .loc-info .lead{ font-size:clamp(16px,1.2vw,18px); line-height:1.6; margin-top:18px; max-width:42ch; }

.mi-location .addr{ display:flex; gap:16px; margin-top:clamp(28px,3vw,40px); }
.mi-location .addr .pin{
  flex:none; width:46px; height:46px; border-radius:50%;
  background:var(--accent-soft); color:var(--accent);
  display:flex; align-items:center; justify-content:center;
}
.mi-location .addr .pin svg{ width:22px; height:22px; }
.mi-location .addr .lines{ font-style:normal; }
.mi-location .addr .lab{ font-size:12.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-faint); display:block; margin-bottom:6px; }
.mi-location .addr .street{ font-family:var(--font-display); font-weight:700; font-size:clamp(19px,1.6vw,22px); color:var(--ink); line-height:1.25; letter-spacing:-0.01em; }
.mi-location .addr .city{ font-size:16px; color:var(--ink-soft); margin-top:2px; }

.mi-location .loc-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:auto; padding-top:clamp(28px,3vw,38px); }
.mi-location .btn-route{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--accent); color:var(--accent-ink);
  padding:14px 24px; border-radius:100px; font-weight:600; font-size:16px;
  transition:background .2s, transform .2s;
}
.mi-location .btn-route svg{ width:17px; height:17px; }
.mi-location .btn-route:hover{ background:#173cc4; transform:translateY(-2px); }
.mi-location .btn-ghost{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 24px; border:1px solid var(--line); border-radius:100px;
  font-weight:600; font-size:16px; color:var(--ink); transition:border-color .2s, transform .2s;
}
.mi-location .btn-ghost:hover{ border-color:var(--ink-faint); transform:translateY(-2px); }

.mi-location .loc-map{
  position:relative; border-radius:var(--radius); overflow:hidden;
  border:1px solid var(--line); min-height:380px; background:var(--line-2);
}
.mi-location .loc-map iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; filter:saturate(0.92); }

@media (max-width:900px){
  .mi-location .loc-grid{ grid-template-columns:1fr; }
  .mi-location .loc-map{ min-height:320px; order:-1; }
}

.mi-faq{
  --surface:#FFFFFF; --paper:#FBFAF7;
  --ink:#16181D; --ink-soft:#565C66; --ink-faint:#8A8F98;
  --line:#E8E4DC; --line-2:#EFECE5;
  --accent:#1F46E5; --accent-soft:#EEF1FE; --accent-tint:#E2E7FD;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --maxw:920px; --radius:16px;
  --faq-speed:.32s;

  /* De eneste to skriftstørrelser i komponenten. Skrifttype, vægt og
     linjeafstand kommer stadig fra Design → Typography (H2 og H3);
     kun størrelsen er sat her, så spørgsmålene kan holdes på én linje. */
  --faq-heading-size:clamp(28px,3.6vw,42px);
  --faq-question-size:clamp(18px,1.9vw,23px);

  background:var(--surface) !important;
  font-family:var(--font-body);
  color:var(--ink);
  padding-block:clamp(56px,7vw,104px);
}

/* keep the theme from leaking in */
.mi-faq .component-inner,
.mi-faq .container{ background:transparent; }

.mi-faq .listing_data-list{
  max-width:var(--maxw);
  margin-inline:auto;
  display:block;
}

/* ---- Section heading --------------------------------------
   To varianter: uSkinneds "Introduction"-felter (Subheading +
   Heading) renderes som .component-introduction, mens et list-
   title-felt renderes som .list-title. Begge styles her, så
   overskriften ser ens ud uanset hvilket felt der bruges.     */
.mi-faq .component-introduction{
  max-width:var(--maxw);
  margin:0 auto clamp(28px,4vw,48px);
  text-align:center;
}
/* Skrifttype og vægt kommer fra uSkinned → Design → Typography → H2.
   Kun STØRRELSEN sættes her: overskriftsfeltet i en Data list kan ikke
   gøres til en h2 i backoffice (uSkinned renderer det som <p>), så den
   ville ellers arve p-typografi på 20px. Scriptet skifter tagget til
   h2 for strukturens skyld — størrelsen herunder gælder uanset hvad. */
.mi-faq .component-introduction .secondary-heading{
  color:var(--accent) !important;
  margin:0 0 12px 0 !important;
}
.mi-faq .component-introduction .heading,
.mi-faq .list-title .heading{
  font-family:var(--h2-typography_font-name);
  font-weight:var(--h2-typography_font-weight);
  font-style:var(--h2-typography_font-style);
  line-height:var(--h2-typography_font-line-height);
  letter-spacing:var(--h2-typography_font-letter-spacing);
  font-size:var(--faq-heading-size) !important;
  color:var(--ink) !important;
  margin:0 !important;
}

.mi-faq .list-title{
  text-align:center;
  margin-bottom:clamp(28px,4vw,48px);
  padding:0;
}
/* decorative eyebrow above the title */
.mi-faq .list-title::before{
  content:"FAQ";
  display:block;
  font-family:var(--font-body);
  font-size:13px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--accent);
  margin-bottom:12px;
}


/* ---- Each Q&A as a card -----------------------------------
   Grid layout (NOT absolute positioning): badge in column 1,
   question + answer in column 2. This keeps every badge inside
   its own card even if the theme/animation wrapper changes the
   item's `position` — which is why an absolute badge collapsed
   onto a single (last) item.
   ------------------------------------------------------------ */
.mi-faq .listing_data-list{ counter-reset:faq; }

.mi-faq .item_data-list{
  counter-increment:faq;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:clamp(14px,2vw,20px);
  align-items:start;
  /* Temaets "antal pr. række"-indstilling sætter .items-N på hvert punkt,
     og base-reglen `.row .item.items-4{ flex:0 0 var(--items-4) }` (25%)
     har højere specificitet end os. En FAQ skal ALTID være én kolonne,
     uanset hvad indstillingen står på — derfor låses bredden her. */
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  /* Strammere lodret luft: et lukket kort er kun ét spørgsmål,
     så det skal ikke have samme polstring som et åbent afsnit. */
  padding:clamp(14px,1.6vw,18px) clamp(20px,3vw,28px);
  margin:0 0 10px 0;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mi-faq .item_data-list:last-child{ margin-bottom:0; }
.mi-faq .item_data-list:hover{
  border-color:var(--accent);
  box-shadow:0 10px 30px -18px rgba(31,70,229,.45);
  transform:translateY(-1px);
}

/* The theme draws a divider line via `.item::before` on every item
   except the last (a higher-specificity rule). That collided with our
   badge — it overrode our `content` on all but the last item, so only
   the last got a number. Kill the divider (cards have their own border)
   and put our badge on `::after` to dodge the conflict entirely. */
.mi-faq .item_data-list::before{
  content:none !important;
  display:none !important;
}

/* number badge — first grid cell (row 1, col 1) */
.mi-faq .item_data-list::after{
  content:counter(faq,decimal-leading-zero);
  grid-column:1; grid-row:1;
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  background:var(--accent-soft);
  color:var(--accent);
  border-radius:9px;
  font-family:var(--font-display);
  font-weight:700; font-size:14px;
  letter-spacing:0;
  transition:background-color .2s ease, color .2s ease;
}

/* ---- Question (row 1, col 2) ------------------------------ */
/* Spørgsmålet er en rigtig h3 (scriptet skifter tagget), og henter
   skrifttype, vægt og linjeafstand fra Design → Typography → H3.
   Kun STØRRELSEN styres her: sitets H3 står på 40px, hvilket giver
   to-tre linjer pr. spørgsmål og meget høje lukkede kort. Størrelsen
   ligger i --faq-question-size øverst, så den kan justeres ét sted. */
.mi-faq .item_data-list .title{
  grid-column:2; grid-row:1;
  margin:0 !important;
  padding:0 !important;
  align-self:center;
  font-family:var(--h3-typography_font-name);
  font-weight:var(--h3-typography_font-weight);
  font-style:var(--h3-typography_font-style);
  line-height:var(--h3-typography_font-line-height);
  letter-spacing:var(--h3-typography_font-letter-spacing);
  text-transform:var(--h3-typography_font-transform);
  font-size:var(--faq-question-size) !important;
  color:var(--ink) !important;
}
.mi-faq .item_data-list .title .text-left{ color:inherit; }

/* ---- Answer (row 2, col 2) -------------------------------- */
.mi-faq .item_data-list .text{
  grid-column:2 / -1;      /* svaret må gerne gå ind under ikonet */
  margin:10px 0 0 0; padding:0;
}
/* Svaret er almindelig brødtekst — størrelse og linjeafstand
   kommer fra Design → Typography → Body. Kun farven sættes her. */
.mi-faq .item_data-list .text p{
  margin:0 0 .7em 0;
  color:var(--ink-soft) !important;
  text-wrap:pretty;
}
.mi-faq .item_data-list .text p:last-child{ margin-bottom:0; }
.mi-faq .item_data-list .text a{
  color:var(--accent); text-decoration:none;
  border-bottom:1px solid rgba(31,70,229,.3);
}
.mi-faq .item_data-list .text a:hover{ border-bottom-color:var(--accent); }

/* ============================================================
   ACCORDION — sammenfoldede svar med +/− i højre side
   ------------------------------------------------------------
   Data list-markup har hverken <details>, <button> eller <input>,
   så en klik-toggle kan IKKE laves i ren CSS. Snippetten
   move-innovation-faq-accordion-script.txt (Kode-komponent)
   sætter klassen .faq-js på listen og .is-open på det åbne punkt.
   ALT nedenfor hænger på .faq-js, så uden JS står FAQ'en åben
   præcis som før — intet indhold kan blive utilgængeligt.
   ============================================================ */

/* Rækkerne: 1 = spørgsmål, 2 = svar. Svarrækken animeres fra
   0fr til 1fr — det giver blød udfoldning uden at kende højden. */
.mi-faq .faq-js .item_data-list{
  /* minmax(0,…) er nødvendig: et bart `0fr` er `minmax(auto,0fr)`,
     så rækken beholder sin min-content-højde og efterlader en
     synlig stribe af svaret i lukket tilstand. */
  grid-template-rows:auto minmax(0,0fr);
  transition:border-color .18s ease, box-shadow .18s ease,
             transform .18s ease, grid-template-rows var(--faq-speed) ease;
}
.mi-faq .faq-js .item_data-list.is-open{
  grid-template-rows:auto minmax(0,1fr);
  border-color:var(--accent);
}
.mi-faq .faq-js .item_data-list.is-open::after{
  background:var(--accent);
  color:#fff;
}

/* Hele kortet er klikflade — bortset fra selve svaret, så links
   og tekstmarkering i svaret virker som normalt. */
.mi-faq .faq-js .item_data-list{ cursor:pointer; }
.mi-faq .faq-js .item_data-list .text{ cursor:auto; }

/* Spørgsmålet: tekst til venstre, +/− helt ude til højre.
   Ikonet ligger absolut placeret og IKKE som flex-element i
   titlen. Som flex-element blæste det linjeboksen op til 88px
   (tre linjers højde) selv med height:28px, så et lukket kort
   blev unødigt højt. Absolut placeret fylder det ingenting i
   layoutet, og titlens højde er præcis teksthøjden.          */
.mi-faq .faq-js .item_data-list .title{
  user-select:none;
}
.mi-faq .faq-js .item_data-list .title:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:5px;
  border-radius:6px;
}

/* +/−-ikonet er et rigtigt element (<i class="faq-ico">), som scriptet
   indsætter, og det får sin EGEN kolonne i kortets grid. Det lå før som
   et ::after inde i .title, men temaet gør .title til en flex-container
   med flex-wrap:wrap hvor spanet fylder hele linjen — så ikonet blev
   skubbet ned på flex-linje to, under spørgsmålet. Som selvstændig
   grid-celle er placeringen entydig og uafhængig af temaets regler.
   Selve tegnet er to baggrunds-gradienter: den lodrette bjælke
   skrumper til 0, når punktet åbnes, og plusset bliver til et minus. */
.mi-faq .faq-js .item_data-list{ grid-template-columns:auto 1fr auto; }
.mi-faq .faq-js .item_data-list .faq-ico{
  grid-column:3; grid-row:1;
  align-self:center;
  justify-self:end;
  margin-left:clamp(12px,2vw,18px);
  width:28px; height:28px;
  border-radius:9px;
  background-color:var(--accent-soft);
  background-image:
    linear-gradient(var(--accent),var(--accent)),
    linear-gradient(var(--accent),var(--accent));
  background-repeat:no-repeat;
  background-position:center, center;
  background-size:12px 2px, 2px 12px;
  transition:background-size var(--faq-speed) ease, background-color .2s ease;
}
.mi-faq .faq-js .item_data-list:hover .faq-ico{ background-color:var(--accent-tint); }
.mi-faq .faq-js .item_data-list.is-open .faq-ico{
  background-size:12px 2px, 2px 0;   /* minus */
}

/* Svaret klippes af den kollapsede række. visibility tages først
   væk EFTER animationen, så teksten heller ikke kan tabbes til
   eller læses op af skærmlæsere når punktet er lukket.

   align-self:stretch er IKKE til pynt: kortet har align-items:start
   (så nummer-badgen ikke strækkes), og det giver .text sin egen
   indholdshøjde i stedet for rækkens. Så klipper overflow:hidden
   ingenting, og hele svaret blinker frem i fuld højde — ud over
   kortets kant — mens rækken stadig folder ud. stretch binder
   .text til rækkehøjden, så teksten rulles pænt frem. */
.mi-faq .faq-js .item_data-list .text{
  align-self:stretch;
  overflow:hidden;
  min-height:0;
  margin-top:0 !important;
  visibility:hidden;
  transition:margin-top var(--faq-speed) ease,
             visibility 0s linear var(--faq-speed);
}
.mi-faq .faq-js .item_data-list.is-open .text{
  margin-top:14px !important;
  visibility:visible;
  transition:margin-top var(--faq-speed) ease, visibility 0s linear 0s;
}

@media (prefers-reduced-motion:reduce){
  .mi-faq .faq-js .item_data-list,
  .mi-faq .faq-js .item_data-list .text,
  .mi-faq .faq-js .item_data-list .faq-ico{ transition:none !important; }
}

/* ---- Small screens ----------------------------------------
   Badge og spørgsmål bliver på samme række, så accordion-hovedet
   er én linje med +/− i højre kant. Badge og ikon skrumper lidt. */
@media (max-width:575px){
  .mi-faq .item_data-list{ column-gap:12px; }
  .mi-faq .item_data-list::after{ width:30px; height:30px; font-size:13px; }
  .mi-faq .faq-js .item_data-list .faq-ico{ width:26px; height:26px; margin-left:10px; }
}

/* ============================================================
   MOVE INNOVATION — "Fire fremhævede punkter" · .mi-highlights
   ------------------------------------------------------------
   Content type:  Data list  (Title + Text pr. punkt)
   Placering:     Produktudvikling — højre kolonne i split-
                  komponenten ved "Hvad er produktudvikling?"
   Sådan bruges:  Sæt  mi-highlights  i Custom CSS-feltet på
                  SELVE Data list-elementet (kolonnen). Klassen
                  må også gerne sidde på hele sektionen — begge
                  dele rammes af reglerne nedenfor.
   ------------------------------------------------------------
   Anatomien er stats-kortet fra forsiden (.mi-identity .stats-card):
   2×2 grid, lodret accent-streg foran hvert punkt, display-font på
   titlen og dæmpet brødtekst. Farverne er den LYSE variant og bruger
   sitets egne tokens — paper-kort på hvid sektion, hairline-kant,
   ink/ink-soft til teksten — samme palet som .mi-faq og .mi-offer.
   Titlerne her er ord ("Ét sted") og ikke tal, så typografien er
   skaleret ned i forhold til forsidens .stat__num.
   ============================================================ */

.mi-highlights{
  --surface:#FFFFFF;
  --paper:#FBFAF7;
  --ink:#16181D;
  --ink-soft:#565C66;
  --ink-faint:#8A8F98;
  --line:#E8E4DC;
  --line-2:#EFECE5;
  --accent:#1F46E5;
  --accent-soft:#EEF1FE;
  --font-display:'Bricolage Grotesque','Public Sans',sans-serif;
  --font-body:'Public Sans',system-ui,sans-serif;
  --radius:18px;
}

/* ---- Selve kortet ------------------------------------------
   Rammer både når klassen sidder på Data list-elementet og når
   den sidder på den omkringliggende sektion.                  */
.mi-highlights.usn_cmp_datalist,
.mi-highlights .usn_cmp_datalist{
  background:var(--paper);
  border-radius:var(--radius);
  padding:clamp(30px,3.4vw,44px) clamp(26px,3vw,40px) !important;
  font-family:var(--font-body);
}

/* ---- 2×2 grid ----------------------------------------------
   .listing_data-list er en Bootstrap .row (negative margener) og
   punkterne er .col-12. Begge dele nulstilles, så grid'et styrer.
   container-type gør, at typografien nedenfor skalerer efter
   KORTETS bredde og ikke skærmens — kortet står i en 5/12-kolonne,
   så vw-baserede størrelser ville sprænge titlerne over to linjer. */
.mi-highlights .listing_data-list{
  display:grid !important;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(24px,3vw,34px) clamp(26px,3vw,40px);
  margin:0 !important;
  padding:0 !important;
  container-type:inline-size;
}

/* Valgfri overskrift over punkterne (list-title) */
.mi-highlights .list-title{
  grid-column:1 / -1;
  margin:0 0 6px 0 !important;
  padding:0 !important;
  flex:none !important;
  max-width:none !important;
}
.mi-highlights .list-title .heading{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  font-size:clamp(20px,2vw,26px) !important;
  line-height:1.1 !important;
  letter-spacing:-0.02em !important;
  color:var(--ink) !important;
  margin:0 !important;
}

/* ---- Ét punkt ----------------------------------------------
   Samme anatomi som .mi-identity .stat: lodret streg til venstre
   + indrykning. Temaets .item-margin er !important, så den skal
   overskrives med !important.                                  */
.mi-highlights .item_data-list{
  flex:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:2px 0 2px 22px !important;
  border-left:2px solid var(--line);
  transition:border-color .2s ease;
}
.mi-highlights .item_data-list:hover{ border-left-color:var(--accent); }

/* Temaet tegner en hårfin skillelinje via .item::before på data-
   lister. Den slås fra her — kortet har sine egne streger.     */
.mi-highlights .item_data-list::before{
  content:none !important;
  display:none !important;
}

/* ---- Titel -------------------------------------------------
   Temaet giver .title display:flex; det nulstilles, så lange
   titler ("Tydelige faser") brydes pænt.                       */
.mi-highlights .item_data-list .title{
  display:block !important;
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  font-size:clamp(19px,1.7vw,26px) !important;   /* fallback */
  line-height:1.08 !important;
  letter-spacing:-0.025em !important;
  color:var(--ink) !important;
  margin:0 !important;
  padding:0 !important;
  text-wrap:balance;
}
.mi-highlights .item_data-list .title > span{
  flex:none !important;
  color:inherit !important;
  font-weight:inherit !important;
}

/* ---- Undertekst -------------------------------------------- */
.mi-highlights .item_data-list .text{
  margin:10px 0 0 0 !important;
  padding:0 !important;
}
.mi-highlights .item_data-list .text p{
  margin:0 0 .5em 0;
  color:var(--ink-soft) !important;
  font-size:15.5px;
  line-height:1.5;
  text-wrap:pretty;
}
.mi-highlights .item_data-list .text p:last-child{ margin-bottom:0; }
.mi-highlights .item_data-list .text a{
  color:var(--accent) !important;
  text-decoration:none;
  border-bottom:1px solid rgba(31,70,229,.3);
}
.mi-highlights .item_data-list .text a:hover{ border-bottom-color:var(--accent); }

/* Container-query-baseret typografi (alle moderne browsere).
   Falder tilbage til vw-clampen ovenfor i ældre browsere.      */
@supports (container-type:inline-size){
  .mi-highlights .item_data-list .title{
    font-size:clamp(19px,5.2cqi,30px) !important;
  }
  .mi-highlights .item_data-list .text p{
    font-size:clamp(14.5px,3.4cqi,16.5px);
  }
}

/* ---- Små skærme: én kolonne -------------------------------- */
@media (max-width:575px){
  .mi-highlights .listing_data-list{ grid-template-columns:1fr; }
  .mi-highlights .item_data-list .title{ font-size:26px !important; }
  .mi-highlights .item_data-list .text p{ font-size:15.5px; }
}

@media (prefers-reduced-motion:reduce){
  .mi-highlights .item_data-list{ transition:none; }
}

/* START: keep "Ræk ud til os" visible while the header tucks on scroll */
html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header nav.cta-links{
    transform: translateY(calc(-50% + (var(--large-header) / 2)));
}
header#site-header nav.cta-links{
    transition: transform .3s ease-in-out;
}
/* END: keep "Ræk ud til os" visible */

/* Add base-border on burger nav */
#burgerNavStyle {
    --base-border-width: 2px;
}

/* ============================================================
   MOVE INNOVATION — PANEL-SEKTION (generisk)
   Centreret indholdspanel til enhver tekstsektion.
   HTML + dokumentation: move-innovation-panel-code-component.txt
   Modifiers: .mi-panel--left / --wide / --flush
   Variabler pr. sektion: --panel-max, --panel-bg, --section-bg
   ============================================================ */

.mi-panel{
  --paper:#FBFAF7; --surface:#FFFFFF;
  --ink:#16181D; --ink-soft:#565C66;
  --line:#E8E4DC;
  --accent:#1F46E5; --accent-ink:#FFFFFF; --accent-soft:#EEF1FE;
  --maxw:1350px; --gutter:clamp(16px,4vw,24px); --radius:24px;

  --panel-max:880px;
  --panel-bg:var(--paper);
  --section-bg:transparent;   /* arver uSkinneds sektionsbaggrund */

  /* Typografi arves fra uSkinned-temaet — ingen font-family, -size,
     -weight eller line-height her, så h2/h3 matcher sitets øvrige overskrifter. */
  background:var(--section-bg);
  padding-block:clamp(56px,7vw,104px);
}
.mi-panel *{ box-sizing:border-box; margin:0; padding:0; }
.mi-panel p{ text-wrap:pretty; color:var(--ink-soft); }
.mi-panel ul,.mi-panel ol{ list-style:none; }
.mi-panel a{ color:var(--accent); text-decoration:none; }
.mi-panel a:hover{ text-decoration:underline; }
.mi-panel strong{ color:var(--ink); font-weight:700; }

.mi-panel .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); display:flex; justify-content:center; }

.mi-panel .panel{
  width:100%; max-width:var(--panel-max);
  background:var(--panel-bg); border-radius:var(--radius);
  padding:clamp(28px,4vw,56px);
  text-align:center;
}

.mi-panel .eyebrow{
  display:inline-flex; align-items:center; gap:12px;
  font-size:13px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--accent);
  margin-bottom:16px;
}
.mi-panel .eyebrow::before{ content:""; width:26px; height:2px; background:var(--accent); display:inline-block; }

.mi-panel .panel-body{
  margin-top:clamp(20px,2.4vw,32px);
  text-align:left;
  display:flex; flex-direction:column; gap:16px;
  color:var(--ink); line-height:1.62;
}
.mi-panel .panel-body h3{ margin-top:12px; }
.mi-panel .panel-body .lead-in{ color:var(--ink); font-weight:700; }

.mi-panel .panel-body ul,
.mi-panel .panel-body ol{ display:grid; gap:12px; counter-reset:mi-panel-item; }
.mi-panel .panel-body li{ position:relative; padding-left:26px; color:var(--ink-soft); }
.mi-panel .panel-body ul li::before{
  content:""; position:absolute; left:6px; top:.62em;
  width:7px; height:7px; border-radius:50%; background:var(--accent);
}
.mi-panel .panel-body ol li{ padding-left:32px; }
.mi-panel .panel-body ol li::before{
  counter-increment:mi-panel-item; content:counter(mi-panel-item) ".";
  position:absolute; left:0; top:0;
  font-weight:700; color:var(--accent);
}

.mi-panel .panel-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:8px; }
.mi-panel .btn{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--accent); color:var(--accent-ink);
  padding:14px 24px; border-radius:100px; font-weight:600; font-size:16px;
  transition:background .2s, transform .2s;
}
.mi-panel .btn:hover{ background:#173CC4; transform:translateY(-2px); text-decoration:none; }
.mi-panel .btn-ghost{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 24px; border:1px solid var(--line); border-radius:100px;
  font-weight:600; font-size:16px; color:var(--ink);
  transition:border-color .2s, transform .2s;
}
.mi-panel .btn-ghost:hover{ border-color:var(--ink-soft); transform:translateY(-2px); text-decoration:none; }

.mi-panel--left .panel{ text-align:left; }
.mi-panel--wide{ --panel-max:1080px; }
.mi-panel--flush{ padding-block:0; }

@media (max-width:700px){
  .mi-panel .panel{ border-radius:18px; }
}