/* --------------------------------------------------- Author: uSkinned License: uSkinned Commercial License (https://uSkinned.net/license) --------------------------------------------------- */ /* --------------------------------------------------- Contents 1. Font Imports 2. Global non-generated variables 3. Global generated variables --------------------------------------------------- */ :root { /* Expand navigation width */ --expand-nav-width: 60px; /* More header sizes */ --small-header-half: calc(var(--small-header) / 2); --large-header-half: calc(var(--large-header) / 2); --large-header-quarter: calc(var(--large-header) / 4); /* Main navigation sizes */ --nav-main-height: var(--large-header); /* Generic palette */ --true-black:0,0,0; --true-white:255,255,255; --form-errors:144,62,60; --form-warning:240,173,78; --form-success:92,184,92; /* Item widths */ --items-1:100%; --items-2:50%; --items-3:33.3333333%; --items-4:25%; --items-5:20%; --items-6:16.6666667%; --items-7:14.2857143%; --items-8:12.5%; /* Window heights */ --windows_basic: 50vh; --windows_basic_PX: 375px; --windows-1_basic: 100vh; --windows-1_basic_PX: 62.5%; --windows-2_basic: 100vh; --windows-2_basic_PX: 75%; --windows-3_basic: 70vh; --windows-3_basic_PX: 100%; --windows-4_basic: 50vh; --windows-4_basic_PX: 75%; --windows-3_big-item: 100vh; --windows-3_big-item_PX: 750px; --windows-3_small-item: 50vh; --windows-3_small-item_PX: 375px; --windows-4_big-item: 55vh; --windows-4_big-item_PX: 475px; --windows-4_small-item: 45vh; --windows-4_small-item_PX: 375px; /* Banner heights */ --takeover-banner: 100vh; --medium-banner: 65vh; --medium-bannerPX: 450px; --short-banner: 50vh; --short-bannerPX: 340px; /* Lazyframe buttons*/ --youtube-bg: 229,45,39; --vimeo-bg: 0,173,239; /* Component max-width */ --component-max-width: 1350px; /* Modal max-width */ --modal-opacity: 0.75; --modal-components-max-width: 1800px; --modal-pods-max-width: 645px; /* All configurable variables below */ /* Spacing tab */ --site-max-width: 1600px; --site-spacing_sm: 0px; --site-spacing_lg: 0px; --notification-spacing_below_sm: 0px; --notification-spacing_side_sm: 0px; --notification-spacing_below_lg: 0px; --notification-spacing_side_lg: 0px; --backtotop-size_sm: 45px; --backtotop-size_lg: 60px; --backtotop-spacing_side_sm: 0px; --backtotop-spacing_below_sm: 0px; --backtotop-spacing_side_lg: 0px; --backtotop-spacing_below_lg: 0px; --site-box-shadow_h: 0px; --site-box-shadow_v: 0px; --site-box-shadow_b: 100px; --site-box-shadow_o: 0.1; --small-breakpoint: 991px; --large-breakpoint: 992px; --header-max-width: 1350px; --small-header: 60px; --large-header: 90px; --header-box-shadow_h: 0px; --header-box-shadow_v: 2px; --header-box-shadow_b: 2px; --header-box-shadow_o: 0.05; --nav-main-dropdown-width: 240px; --nav-main-dropdown-width_wide: 480px; --logo_sm-padding_top: 10px; --logo_sm-padding_right: 10px; --logo_sm-padding_bottom: 10px; --logo_sm-padding_left: 10px; --logo_lg-padding_top: 15px; --logo_lg-padding_right: 20px; --logo_lg-padding_bottom: 15px; --logo_lg-padding_left: 20px; --base-spacing: 30px; --base-half-spacing: 15px; --base-border-width: 1px; --base-border-radius: 0px; --base-box-shadow_h: 0px; --base-box-shadow_v: 0px; --base-box-shadow_b: 15px; --base-box-shadow_o: 0.1; --content-col_pc-spacing: 15px; --pc-spacing: 30px; --pc-spacing_sm: 30px; --pc-spacing_md: 40px; --pc-spacing_lg: 50px; --pc-spacing_xl: 60px; --intro-col: 100%; --intro-col_sm: 100%; --intro-col_md: 90%; --intro-col_lg: 80%; --intro-col_xl: 75%; --outro-col: 100%; --outro-col_sm: 100%; --outro-col_md: 90%; --outro-col_lg: 80%; --outro-col_xl: 75%; --center-col: 100%; --center-col_sm: 100%; --center-col_md: 90%; --center-col_lg: 65%; --center-col_xl: 50%; --banner-col: 100%; --banner-col_sm: 100%; --banner-col_md: 90%; --banner-col_lg: 80%; --banner-col_xl: 75%; --form-field-border-width: 1px; --form-field-border-radius: 0px; --btn-border-width: 1px; --btn-border-radius: 0px; --btn-box-shadow_h: 0px; --btn-box-shadow_v: 0px; --btn-box-shadow_b: 0px; --btn-box-shadow_o: 0; --btn_sm-padding_top: 6px; --btn_sm-padding_right: 10px; --btn_sm-padding_bottom: 6px; --btn_sm-padding_left: 10px; --btn-padding_top: 8px; --btn-padding_right: 12px; --btn-padding_bottom: 8px; --btn-padding_left: 12px; --btn_lg-padding_top: 10px; --btn_lg-padding_right: 14px; --btn_lg-padding_bottom: 10px; --btn_lg-padding_left: 14px; /* Colors tab */ /* Body */ --body-bg-color1: 255, 255, 255; --body-bg-color2: 0, 0, 0; --body-bg-start-perc: 50%; --body-bg-stop-perc: 50%; --body-bg-angle: 90deg; /* Header */ --header-bg-color1: 255, 255, 255; --header-bg-color2: 0, 0, 0; --header-bg-start-perc: 50%; --header-bg-stop-perc: 50%; --header-bg-angle: 90deg; --header-text: 0, 0, 0; --header-borders: 0, 94, 184; --header-highlight: 0, 0, 0; /* Main Navigation */ --main-navigation-link: 0, 94, 184; --main-navigation-link-hover: 66, 85, 99; --main-navigation-link-active: 174, 37, 115; /* Logo */ --logo-link: 255, 255, 255; --logo-link-hover: 78, 78, 78; /* Secondary Navigation */ --secondary-navigation-link: 35, 31, 32; --secondary-navigation-link-hover: 66, 85, 99; /* Navigation dropdown */ --navigation-dropdown-color1: 232, 237, 238; --navigation-dropdown-color2: 0, 0, 0; --navigation-dropdown-start-perc: 50%; --navigation-dropdown-stop-perc: 50%; --navigation-dropdown-angle: 90deg; --navigation-dropdown-link: 0, 94, 184; --navigation-dropdown-link-hover: 108, 108, 108; --navigation-dropdown-link-active: 0, 48, 135; /* Content */ --base-bg-color1: 255, 255, 255; --base-bg-color2: 0, 0, 0; --base-bg-start-perc: 50%; --base-bg-stop-perc: 50%; --base-bg-angle: 90deg; --base-heading: 66, 85, 99; --base-secondary-heading: 66, 85, 99; --base-text: 35, 31, 32; --base-link: 0, 114, 206; --base-link-hover: 0, 114, 206; --base-borders: 35, 31, 32; --base-highlight: 174, 37, 115; --base-highlight-text: 255, 255, 255; /* Button */ --base-btn-bg-color1: 174, 37, 115; --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: 255, 255, 255; --base-btn-bg-hover-color1: 255, 255, 255; --base-btn-bg-hover-color2: 53, 53, 53; --base-btn-bg-hover-start-perc: 50%; --base-btn-bg-hover-stop-perc: 50%; --base-btn-bg-hover-angle: 90deg; --base-btn-text-hover: 35, 31, 32; --base-btn-borders-hover: 66, 85, 99; /* Footer */ --footer-bg-color1: 232, 237, 238; --footer-bg-color2: 255, 255, 255; --footer-bg-start-perc: 50%; --footer-bg-stop-perc: 50%; --footer-bg-angle: 90deg; --footer-heading: 0, 0, 0; --footer-secondary-heading: 0, 0, 0; --footer-text: 51, 51, 51; --footer-link: 0, 114, 206; --footer-link-hover: 174, 37, 115; --footer-borders: 35, 31, 32; --footer-highlight: 174, 37, 115; --c1-bg-color1: 0, 94, 184; --c1-bg-color2: 0, 0, 0; --c1-bg-start-perc: 50%; --c1-bg-stop-perc: 50%; --c1-bg-angle: 90deg; --c1-heading: 232, 237, 238; --c1-secondary-heading: 255, 255, 255; --c1-text: 255, 255, 255; --c1-link: 255, 255, 255; --c1-link-hover: 255, 255, 255; --c1-borders: 255, 255, 255; --c1-highlight: 255, 255, 255; --c1-highlight-text: 35, 31, 32; --c2-bg-color1: 174, 37, 115; --c2-bg-color2: 0, 0, 0; --c2-bg-start-perc: 50%; --c2-bg-stop-perc: 50%; --c2-bg-angle: 90deg; --c2-heading: 255, 255, 255; --c2-secondary-heading: 255, 255, 255; --c2-text: 255, 255, 255; --c2-link: 255, 255, 255; --c2-link-hover: 108, 108, 108; --c2-borders: 255, 255, 255; --c2-highlight: 255, 255, 255; --c2-highlight-text: 35, 31, 32; --c3-bg-color1: 255, 255, 255; --c3-bg-color2: 0, 0, 0; --c3-bg-start-perc: 50%; --c3-bg-stop-perc: 50%; --c3-bg-angle: 90deg; --c3-heading: 174, 37, 115; --c3-secondary-heading: 66, 85, 99; --c3-text: 66, 85, 99; --c3-link: 0, 0, 0; --c3-link-hover: 108, 108, 108; --c3-borders: 0, 0, 0; --c3-highlight: 174, 37, 115; --c3-highlight-text: 255, 255, 255; --c4-bg-color1: 255, 255, 255; --c4-bg-color2: 0, 0, 0; --c4-bg-start-perc: 50%; --c4-bg-stop-perc: 50%; --c4-bg-angle: 90deg; --c4-heading: 0, 94, 184; --c4-secondary-heading: 0, 48, 135; --c4-text: 0, 0, 0; --c4-link: 0, 114, 206; --c4-link-hover: 66, 85, 99; --c4-borders: 66, 85, 99; --c4-highlight: 66, 85, 99; --c4-highlight-text: 255, 255, 255; --c5-bg-color1: 0, 0, 0; --c5-bg-color2: 0, 0, 0; --c5-bg-start-perc: 50%; --c5-bg-stop-perc: 50%; --c5-bg-angle: 90deg; --c5-heading: 255, 255, 255; --c5-secondary-heading: 255, 255, 255; --c5-text: 238, 238, 238; --c5-link: 0, 169, 206; --c5-link-hover: 204, 204, 204; --c5-borders: 255, 255, 255; --c5-highlight: 255, 255, 255; --c5-highlight-text: 0, 0, 0; --c6-bg-color1: 0, 164, 153; --c6-bg-color2: 0, 0, 0; --c6-bg-start-perc: 50%; --c6-bg-stop-perc: 50%; --c6-bg-angle: 90deg; --c6-heading: 255, 255, 255; --c6-secondary-heading: 255, 255, 255; --c6-text: 255, 255, 255; --c6-link: 35, 31, 32; --c6-link-hover: 108, 108, 108; --c6-borders: 255, 255, 255; --c6-highlight: 255, 255, 255; --c6-highlight-text: 35, 31, 32; --c7-bg-color1: 216, 216, 216; --c7-bg-color2: 0, 0, 0; --c7-bg-start-perc: 50%; --c7-bg-stop-perc: 50%; --c7-bg-angle: 90deg; --c7-heading: 35, 31, 32; --c7-secondary-heading: 0, 0, 0; --c7-text: 0, 0, 0; --c7-link: 118, 134, 146; --c7-link-hover: 108, 108, 108; --c7-borders: 0, 0, 0; --c7-highlight: 108, 108, 108; --c7-highlight-text: 255, 255, 255; --c8-bg-color1: 66, 85, 99; --c8-bg-color2: 0, 0, 0; --c8-bg-start-perc: 50%; --c8-bg-stop-perc: 50%; --c8-bg-angle: 90deg; --c8-heading: 232, 237, 238; --c8-secondary-heading: 255, 255, 255; --c8-text: 255, 255, 255; --c8-link: 0, 169, 206; --c8-link-hover: 108, 108, 108; --c8-borders: 232, 237, 238; --c8-highlight: 232, 237, 238; --c8-highlight-text: 66, 85, 99; --c9-bg-color1: 0, 48, 135; --c9-bg-color2: 0, 0, 0; --c9-bg-start-perc: 50%; --c9-bg-stop-perc: 50%; --c9-bg-angle: 90deg; --c9-heading: 255, 255, 255; --c9-secondary-heading: 255, 255, 255; --c9-text: 255, 255, 255; --c9-link: 255, 255, 255; --c9-link-hover: 232, 237, 238; --c9-borders: 255, 255, 255; --c9-highlight: 65, 182, 230; --c9-highlight-text: 255, 255, 255; --c10-bg-color1: 51, 0, 114; --c10-bg-color2: 0, 0, 0; --c10-bg-start-perc: 50%; --c10-bg-stop-perc: 50%; --c10-bg-angle: 90deg; --c10-heading: 255, 255, 255; --c10-secondary-heading: 255, 255, 255; --c10-text: 255, 255, 255; --c10-link: 255, 255, 255; --c10-link-hover: 35, 31, 32; --c10-borders: 255, 255, 255; --c10-highlight: 255, 255, 255; --c10-highlight-text: 66, 85, 99; --c11-bg-color1: 65, 182, 230; --c11-bg-color2: 0, 0, 0; --c11-bg-start-perc: 50%; --c11-bg-stop-perc: 50%; --c11-bg-angle: 90deg; --c11-heading: 35, 31, 32; --c11-secondary-heading: 35, 31, 32; --c11-text: 35, 31, 32; --c11-link: 35, 31, 32; --c11-link-hover: 108, 108, 108; --c11-borders: 35, 31, 32; --c11-highlight: 174, 37, 115; --c11-highlight-text: 255, 255, 255; --c12-bg-color1: 255, 255, 255; --c12-bg-color2: 0, 0, 0; --c12-bg-start-perc: 50%; --c12-bg-stop-perc: 50%; --c12-bg-angle: 90deg; --c12-heading: 120, 190, 32; --c12-secondary-heading: 0, 150, 57; --c12-text: 66, 85, 99; --c12-link: 0, 150, 57; --c12-link-hover: 108, 108, 108; --c12-borders: 0, 0, 0; --c12-highlight: 66, 85, 99; --c12-highlight-text: 255, 255, 255; --c13-bg-color1: 255, 255, 255; --c13-bg-color2: 0, 0, 0; --c13-bg-start-perc: 50%; --c13-bg-stop-perc: 50%; --c13-bg-angle: 90deg; --c13-heading: 237, 139, 0; --c13-secondary-heading: 66, 85, 99; --c13-text: 35, 31, 32; --c13-link: 0, 0, 0; --c13-link-hover: 237, 139, 0; --c13-borders: 237, 139, 0; --c13-highlight: 237, 139, 0; --c13-highlight-text: 255, 255, 255; --c1-btn-bg-color1: 66, 85, 99; --c1-btn-bg-color2: 0, 0, 0; --c1-btn-bg-start-perc: 50%; --c1-btn-bg-stop-perc: 50%; --c1-btn-bg-angle: 90deg; --c1-btn-text: 255, 255, 255; --c1-btn-borders: 66, 85, 99; --c1-btn-bg-hover-color1: 232, 237, 238; --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: 35, 31, 32; --c1-btn-borders-hover: 66, 85, 99; --c2-btn-bg-color1: 0, 164, 153; --c2-btn-bg-color2: 0, 0, 0; --c2-btn-bg-start-perc: 50%; --c2-btn-bg-stop-perc: 50%; --c2-btn-bg-angle: 90deg; --c2-btn-text: 255, 255, 255; --c2-btn-borders: 0, 164, 153; --c2-btn-bg-hover-color1: 0, 103, 71; --c2-btn-bg-hover-color2: 255, 255, 255; --c2-btn-bg-hover-start-perc: 50%; --c2-btn-bg-hover-stop-perc: 50%; --c2-btn-bg-hover-angle: 90deg; --c2-btn-text-hover: 255, 255, 255; --c2-btn-borders-hover: 0, 103, 71; --c3-btn-bg-color1: 65, 182, 230; --c3-btn-bg-color2: 0, 0, 0; --c3-btn-bg-start-perc: 50%; --c3-btn-bg-stop-perc: 50%; --c3-btn-bg-angle: 90deg; --c3-btn-text: 255, 255, 255; --c3-btn-borders: 65, 182, 230; --c3-btn-bg-hover-color1: 255, 255, 255; --c3-btn-bg-hover-color2: 255, 255, 255; --c3-btn-bg-hover-start-perc: 50%; --c3-btn-bg-hover-stop-perc: 50%; --c3-btn-bg-hover-angle: 90deg; --c3-btn-text-hover: 65, 182, 230; --c3-btn-borders-hover: 65, 182, 230; --c4-btn-bg-color1: 0, 114, 206; --c4-btn-bg-color2: 0, 0, 0; --c4-btn-bg-start-perc: 50%; --c4-btn-bg-stop-perc: 50%; --c4-btn-bg-angle: 90deg; --c4-btn-text: 255, 255, 255; --c4-btn-borders: 51, 0, 114; --c4-btn-bg-hover-color1: 0, 48, 135; --c4-btn-bg-hover-color2: 255, 255, 255; --c4-btn-bg-hover-start-perc: 50%; --c4-btn-bg-hover-stop-perc: 50%; --c4-btn-bg-hover-angle: 90deg; --c4-btn-text-hover: 255, 255, 255; --c4-btn-borders-hover: 51, 51, 51; /* Fonts tab */ --body-typography_font-name: 'Arial',Helvetica, sans-serif; --body-typography_font-weight: 400; --body-typography_font-style: normal; --body-typography_font-line-height: 150%; --body-typography_font-letter-spacing: 0.01px; --body-typography_font-transform: None; --body-typography_font-size: 16px; --body-typography_font-size_sm: 16px; --body-typography_font-size_md: 16px; --body-typography_font-size_lg: 16px; --body-typography_font-size_xl: 16px; --h1-typography_font-name: 'Arial',Helvetica, sans-serif; --h1-typography_font-weight: 700; --h1-typography_font-style: normal; --h1-typography_font-line-height: 120%; --h1-typography_font-letter-spacing: -0.06px; --h1-typography_font-transform: None; --h1-typography_font-size: 30px; --h1-typography_font-size_sm: 35px; --h1-typography_font-size_md: 40px; --h1-typography_font-size_lg: 45px; --h1-typography_font-size_xl: 50px; --h2-typography_font-name: 'Arial',Helvetica, sans-serif; --h2-typography_font-weight: 700; --h2-typography_font-style: normal; --h2-typography_font-line-height: 120%; --h2-typography_font-letter-spacing: 0px; --h2-typography_font-transform: None; --h2-typography_font-size: 30px; --h2-typography_font-size_sm: 32px; --h2-typography_font-size_md: 36px; --h2-typography_font-size_lg: 38px; --h2-typography_font-size_xl: 40px; --h3-typography_font-name: 'Arial',Helvetica, sans-serif; --h3-typography_font-weight: 700; --h3-typography_font-style: normal; --h3-typography_font-line-height: 120%; --h3-typography_font-letter-spacing: 0px; --h3-typography_font-transform: None; --h3-typography_font-size: 26px; --h3-typography_font-size_sm: 28px; --h3-typography_font-size_md: 30px; --h3-typography_font-size_lg: 32px; --h3-typography_font-size_xl: 36px; --h4-typography_font-name: 'Arial',Helvetica, sans-serif; --h4-typography_font-weight: 700; --h4-typography_font-style: normal; --h4-typography_font-line-height: 120%; --h4-typography_font-letter-spacing: 0px; --h4-typography_font-transform: None; --h4-typography_font-size: 24px; --h4-typography_font-size_sm: 26px; --h4-typography_font-size_md: 28px; --h4-typography_font-size_lg: 30px; --h4-typography_font-size_xl: 34px; --h5-typography_font-name: 'Arial',Helvetica, sans-serif; --h5-typography_font-weight: 700; --h5-typography_font-style: normal; --h5-typography_font-line-height: 120%; --h5-typography_font-letter-spacing: 0px; --h5-typography_font-transform: None; --h5-typography_font-size: 22px; --h5-typography_font-size_sm: 24px; --h5-typography_font-size_md: 26px; --h5-typography_font-size_lg: 28px; --h5-typography_font-size_xl: 28px; --h6-typography_font-name: 'Arial',Helvetica, sans-serif; --h6-typography_font-weight: 700; --h6-typography_font-style: normal; --h6-typography_font-line-height: 120%; --h6-typography_font-letter-spacing: 0px; --h6-typography_font-transform: None; --h6-typography_font-size: 20px; --h6-typography_font-size_sm: 22px; --h6-typography_font-size_md: 22px; --h6-typography_font-size_lg: 24px; --h6-typography_font-size_xl: 24px; --p-heading-typography_font-name: 'Arial',Helvetica, sans-serif; --p-heading-typography_font-weight: 700; --p-heading-typography_font-style: normal; --p-heading-typography_font-line-height: 120%; --p-heading-typography_font-letter-spacing: 0px; --p-heading-typography_font-transform: None; --p-heading-typography_font-size: 22px; --p-heading-typography_font-size_sm: 24px; --p-heading-typography_font-size_md: 26px; --p-heading-typography_font-size_lg: 28px; --p-heading-typography_font-size_xl: 28px; --p-heading_small-typography_font-name: 'Arial',Helvetica, sans-serif; --p-heading_small-typography_font-weight: 700; --p-heading_small-typography_font-style: normal; --p-heading_small-typography_font-line-height: 120%; --p-heading_small-typography_font-letter-spacing: 0px; --p-heading_small-typography_font-transform: None; --p-heading_small-typography_font-size: 20px; --p-heading_small-typography_font-size_sm: 22px; --p-heading_small-typography_font-size_md: 22px; --p-heading_small-typography_font-size_lg: 24px; --p-heading_small-typography_font-size_xl: 24px; --p-heading_large-typography_font-name: 'Arial',Helvetica, sans-serif; --p-heading_large-typography_font-weight: 700; --p-heading_large-typography_font-style: normal; --p-heading_large-typography_font-line-height: 120%; --p-heading_large-typography_font-letter-spacing: 0px; --p-heading_large-typography_font-transform: None; --p-heading_large-typography_font-size: 26px; --p-heading_large-typography_font-size_sm: 28px; --p-heading_large-typography_font-size_md: 30px; --p-heading_large-typography_font-size_lg: 32px; --p-heading_large-typography_font-size_xl: 34px; --p-intro-typography_font-name: 'Arial',Helvetica, sans-serif; --p-intro-typography_font-weight: 400; --p-intro-typography_font-style: normal; --p-intro-typography_font-line-height: 140%; --p-intro-typography_font-letter-spacing: 0px; --p-intro-typography_font-transform: None; --p-intro-typography_font-size: 22px; --p-intro-typography_font-size_sm: 22px; --p-intro-typography_font-size_md: 22px; --p-intro-typography_font-size_lg: 22px; --p-intro-typography_font-size_xl: 22px; --p-intro_small-typography_font-name: 'Arial',Helvetica, sans-serif; --p-intro_small-typography_font-weight: 400; --p-intro_small-typography_font-style: normal; --p-intro_small-typography_font-line-height: 140%; --p-intro_small-typography_font-letter-spacing: 0px; --p-intro_small-typography_font-transform: None; --p-intro_small-typography_font-size: 20px; --p-intro_small-typography_font-size_sm: 20px; --p-intro_small-typography_font-size_md: 20px; --p-intro_small-typography_font-size_lg: 20px; --p-intro_small-typography_font-size_xl: 20px; --p-intro_large-typography_font-name: 'Arial',Helvetica, sans-serif; --p-intro_large-typography_font-weight: 400; --p-intro_large-typography_font-style: normal; --p-intro_large-typography_font-line-height: 130%; --p-intro_large-typography_font-letter-spacing: -0.15px; --p-intro_large-typography_font-transform: None; --p-intro_large-typography_font-size: 26px; --p-intro_large-typography_font-size_sm: 26px; --p-intro_large-typography_font-size_md: 26px; --p-intro_large-typography_font-size_lg: 26px; --p-intro_large-typography_font-size_xl: 26px; --secondary-heading-typography_font-name: 'Arial',Helvetica, sans-serif; --secondary-heading-typography_font-weight: 400; --secondary-heading-typography_font-style: normal; --secondary-heading-typography_font-line-height: 120%; --secondary-heading-typography_font-letter-spacing: 1.5px; --secondary-heading-typography_font-transform: Uppercase; --secondary-heading-typography_font-size: 14px; --secondary-heading-typography_font-size_sm: 14px; --secondary-heading-typography_font-size_md: 14px; --secondary-heading-typography_font-size_lg: 14px; --secondary-heading-typography_font-size_xl: 14px; --secondary-heading_small-typography_font-name: 'Arial',Helvetica, sans-serif; --secondary-heading_small-typography_font-weight: 400; --secondary-heading_small-typography_font-style: normal; --secondary-heading_small-typography_font-line-height: 120%; --secondary-heading_small-typography_font-letter-spacing: 1.5px; --secondary-heading_small-typography_font-transform: Uppercase; --secondary-heading_small-typography_font-size: 12px; --secondary-heading_small-typography_font-size_sm: 12px; --secondary-heading_small-typography_font-size_md: 12px; --secondary-heading_small-typography_font-size_lg: 12px; --secondary-heading_small-typography_font-size_xl: 12px; --secondary-heading_large-typography_font-name: 'Arial',Helvetica, sans-serif; --secondary-heading_large-typography_font-weight: 400; --secondary-heading_large-typography_font-style: normal; --secondary-heading_large-typography_font-line-height: 120%; --secondary-heading_large-typography_font-letter-spacing: 1.5px; --secondary-heading_large-typography_font-transform: Uppercase; --secondary-heading_large-typography_font-size: 18px; --secondary-heading_large-typography_font-size_sm: 18px; --secondary-heading_large-typography_font-size_md: 18px; --secondary-heading_large-typography_font-size_lg: 18px; --secondary-heading_large-typography_font-size_xl: 18px; --blockquote-typography_font-name: 'Arial',Helvetica, sans-serif; --blockquote-typography_font-weight: 700; --blockquote-typography_font-style: italic; --blockquote-typography_font-line-height: 140%; --blockquote-typography_font-letter-spacing: -0.25px; --blockquote-typography_font-transform: None; --blockquote-typography_font-size: 22px; --blockquote-typography_font-size_sm: 22px; --blockquote-typography_font-size_md: 22px; --blockquote-typography_font-size_lg: 22px; --blockquote-typography_font-size_xl: 22px; --blockquote_small-typography_font-name: 'Arial',Helvetica, sans-serif; --blockquote_small-typography_font-weight: 700; --blockquote_small-typography_font-style: italic; --blockquote_small-typography_font-line-height: 140%; --blockquote_small-typography_font-letter-spacing: -0.25px; --blockquote_small-typography_font-transform: None; --blockquote_small-typography_font-size: 18px; --blockquote_small-typography_font-size_sm: 18px; --blockquote_small-typography_font-size_md: 18px; --blockquote_small-typography_font-size_lg: 18px; --blockquote_small-typography_font-size_xl: 18px; --blockquote_large-typography_font-name: 'Arial',Helvetica, sans-serif; --blockquote_large-typography_font-weight: 700; --blockquote_large-typography_font-style: italic; --blockquote_large-typography_font-line-height: 140%; --blockquote_large-typography_font-letter-spacing: -0.25px; --blockquote_large-typography_font-transform: None; --blockquote_large-typography_font-size: 26px; --blockquote_large-typography_font-size_sm: 26px; --blockquote_large-typography_font-size_md: 26px; --blockquote_large-typography_font-size_lg: 26px; --blockquote_large-typography_font-size_xl: 26px; --btn-typography_font-name: 'Arial',Helvetica, sans-serif; --btn-typography_font-weight: 700; --btn-typography_font-style: normal; --btn-typography_font-line-height: 150%; --btn-typography_font-letter-spacing: 0px; --btn-typography_font-transform: None; --btn-typography_font-size: 16px; --btn-typography_font-size_sm: 16px; --btn-typography_font-size_md: 16px; --btn-typography_font-size_lg: 16px; --btn-typography_font-size_xl: 16px; --btn_small-typography_font-name: 'Arial',Helvetica, sans-serif; --btn_small-typography_font-weight: 700; --btn_small-typography_font-style: normal; --btn_small-typography_font-line-height: 150%; --btn_small-typography_font-letter-spacing: 0px; --btn_small-typography_font-transform: None; --btn_small-typography_font-size: 12px; --btn_small-typography_font-size_sm: 12px; --btn_small-typography_font-size_md: 12px; --btn_small-typography_font-size_lg: 12px; --btn_small-typography_font-size_xl: 12px; --btn_large-typography_font-name: 'Arial',Helvetica, sans-serif; --btn_large-typography_font-weight: 700; --btn_large-typography_font-style: normal; --btn_large-typography_font-line-height: 150%; --btn_large-typography_font-letter-spacing: 0px; --btn_large-typography_font-transform: None; --btn_large-typography_font-size: 20px; --btn_large-typography_font-size_sm: 20px; --btn_large-typography_font-size_md: 20px; --btn_large-typography_font-size_lg: 20px; --btn_large-typography_font-size_xl: 20px; --main-navigation-typography_font-name: 'Arial',Helvetica, 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: 16px; --main-navigation-typography_font-size_sm: 16px; --main-navigation-typography_font-size_md: 16px; --main-navigation-typography_font-size_lg: 16px; --main-navigation-typography_font-size_xl: 16px; --main-navigation_dropdowns-typography_font-name: 'Arial',Helvetica, 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: 'Arial',Helvetica, 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: 14px; --secondary-navigation-typography_font-size_sm: 14px; --secondary-navigation-typography_font-size_md: 14px; --secondary-navigation-typography_font-size_lg: 14px; --secondary-navigation-typography_font-size_xl: 14px; --sub-navigation-typography_font-name: 'Arial',Helvetica, 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: 'Arial',Helvetica, 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: 'Arial',Helvetica, sans-serif; --breadcrumb-navigation-typography_font-weight: 400; --breadcrumb-navigation-typography_font-style: normal; --breadcrumb-navigation-typography_font-line-height: 150%; --breadcrumb-navigation-typography_font-letter-spacing: 0px; --breadcrumb-navigation-typography_font-transform: None; --breadcrumb-navigation-typography_font-size: 14px; --breadcrumb-navigation-typography_font-size_sm: 14px; --breadcrumb-navigation-typography_font-size_md: 14px; --breadcrumb-navigation-typography_font-size_lg: 14px; --breadcrumb-navigation-typography_font-size_xl: 14px; --anchor-navigation-typography_font-name: 'Arial',Helvetica, 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: 'Arial',Helvetica, 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: 'Arial',Helvetica, sans-serif; --logo-typography_font-weight: 700; --logo-typography_font-style: normal; --logo-typography_font-line-height: 140%; --logo-typography_font-letter-spacing: -0.25px; --logo-typography_font-transform: None; --logo-typography_font-size: 20px; --logo-typography_font-size_sm: 22px; --logo-typography_font-size_md: 22px; --logo-typography_font-size_lg: 22px; --logo-typography_font-size_xl: 22px; } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c1-bg, .item.item_overlay .inner .image.c1-bg::before, .usn_cmp_banner .item.item_overlay.c1-bg .inner::before { background: rgba(var(--c1-bg-color1), 1); } /* Backgrounds Linear */ .c1-bg.c1-bg-linear, .item.item_overlay .inner .image.c1-bg.c1-bg-linear::before, .usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-linear .inner::before { background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c1-bg.c1-bg-radial, .item.item_overlay .inner .image.c1-bg.c1-bg-radial::before, .usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Headings */ .c1-bg h1:not(.heading), .c1-bg h2:not(.heading), .c1-bg h3:not(.heading), .c1-bg h4:not(.heading), .c1-bg h5:not(.heading), .c1-bg h6:not(.heading) { color: rgba(var(--c1-heading), 1); } .c1-heading, .c1-bg .heading { color: rgba(var(--c1-heading), 1); } /* Secondary Headings */ .c1-secondary-heading, .c1-bg .c1-secondary-heading { color: rgba(var(--c1-secondary-heading), 1); } /* Text */ .c1-bg, .c1-bg .c1-text, .c1-text { color: rgba(var(--c1-text), 1); } /* Borders */ .c1-borders { border-color: rgba(var(--c1-borders), 1); } /* Links */ .c1-link, .c1-link, .c1-bg a:not(.btn), .c1-text a:not(.btn), .c1-bg .c1-text a:not(.btn) { color: rgba(var(--c1-link), 1); } .c1-link:hover, .c1-link:focus, .c1-link:active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active, .c1-text a:not(.btn):hover, .c1-text a:not(.btn):focus, .c1-text a:not(.btn):active, .c1-bg .c1-text a:not(.btn):hover, .c1-bg .c1-text a:not(.btn):focus, .c1-bg .c1-text a:not(.btn):active { color: rgba(var(--c1-link-hover), 1); } /* Highlights */ .c1-highlight-bg { background-color: rgba(var(--c1-highlight), 1); } .c1-bg blockquote::before, .component .component.c1-bg div > blockquote::before { color: rgba(var(--c1-highlight), 1); } .c1-highlight-text { color: rgba(var(--c1-highlight-text), 1); } .c1-heading { color: rgba(var(--c1-heading), 1)!important; } .c1-secondary-heading { color: rgba(var(--c1-secondary-heading), 1)!important; } .c1-bg .heading { color: rgba(var(--c1-heading), 1); } .c1-bg .secondary-heading { color: rgba(var(--c1-secondary-heading), 1); } .c1-bg .quote, .c1-bg blockquote { color: rgba(var(--c1-heading), 1); } .c1-bg .quote::before, .c1-bg blockquote::before { color: rgba(var(--c1-highlight), 1); } /* Labels */ .c1-bg .label:not(.item-label) { background-color: rgba(var(--c1-highlight), 1); } .c1-bg .label:not(.item-label) { color: rgba(var(--c1-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c1-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; } .c1-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c1-highlight), 1); } /* Button Tabs */ .c1-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c1-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c1-link), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); } /* Linethrough Tabs */ .c1-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c1-link), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); } /* Slider Navigation */ .c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); } html.no-touch .c1-bg .slick-slider .slick-prev:hover, html.no-touch .c1-bg .slick-slider .slick-next:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); } html.no-touch .c1-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c1-text), 1); } html.no-touch .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c1-highlight), 1); } /* Forms */ .form .c1-bg .form-control, .form .c1-bg .form-check-input { border-color: rgba(var(--c1-borders), 1); } .form .c1-bg .form-control:focus, .form .c1-bg .form-check-input:focus { border-color: rgba(var(--c1-highlight), 1); box-shadow: 0 0 5px var(--c1-highlight);} /* Ajax Loading */ .c1-bg .ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .c1-bg.ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .ajax-wrap .c1-bg .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } /* Links */ .c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c1-borders), 1); } .c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c1-borders), 0.1); } .c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c1-link), 1); } .c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c1-link-hover), 1); } /* Data List */ .c1-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c1-borders), 1); } .c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c1-borders), 1); } /* Sitemap */ .c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: rgba(var(--c1-borders), 1); } .c1-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c1-borders), 0.5); } /* Tables */ .c1-bg thead { color: rgba(var(--c1-heading), 1); } .c1-bg table, .c1-bg table th, .c1-bg table td { border-color: rgba(var(--c1-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c1-bg .expand-anchor { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand-anchor span:before { background: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand-anchor span { background: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand-anchor span:after { background: rgba(var(--c1-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); } /* Scroll prompt */ .c1-bg .scroll-prompt .scroll-link { color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt .scroll-link i { color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c1-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store h1 { color: rgba(var(--c1-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c1-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c1-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c1-heading), 1)!important; } /* Heading separators - on page */ .c1-bg h1::before, .c1-bg h2::before, .c1-bg h3::before, .c1-bg h4::before, .c1-bg h5::before, .c1-bg h6::before { background: rgba(var(--c1-highlight), 1); } .c1-bg h1::after, .c1-bg h2::after, .c1-bg h3::after, .c1-bg h4::after, .c1-bg h5::after, .c1-bg h6::after { background: rgba(var(--c1-highlight), 1); } /* Heading separators - on components */ .c1-bg .heading::before, .c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); } .c1-bg .heading::after, .c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); } /* Heading separators - on specific items */ .item.c1-bg .heading::before, .item.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); } .item.c1-bg .heading::after, .item.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); } .inner.c1-bg .heading::before, .inner.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); } .inner.c1-bg .heading::after, .inner.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c1-bg .image .overlayicon::before, .item.item_text-boxed .inner.c1-bg .image .overlayicon::before, .item.item_text-boxed .image.c1-bg .overlayicon::before { background: rgba(var(--c1-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c1-bg.c1-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c1-bg.c1-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c1-bg.c1-bg-linear .overlayicon::before { background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c1-bg.c1-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c1-bg.c1-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c1-bg.c1-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } .item.item_text-boxed.c1-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c1-bg .image .overlayicon .icon, .item.item_text-boxed .image.c1-bg .overlayicon .icon { color: rgba(var(--c1-heading), 1); } /* Focus visibles */ .c1-bg a:focus-visible, .c1-bg .btn:focus-visible, .c1-bg button:focus-visible, .form .inner.c1-bg a:focus-visible, .form .inner.c1-bg .btn:focus-visible, .form .inner.c1-bg button:focus-visible, .c1-bg .item .image a:focus-visible, .c1-bg .item .image a:focus-visible img, .c1-bg .item .image a:focus-visible picture, .c1-bg .item .image a:focus-visible .overlayicon, .c1-bg .listing_no-spacing .item a:focus-visible .image, .c1-bg .listing_no-spacing .item a:focus-visible .image img, .c1-bg .listing_no-spacing .item a:focus-visible .image picture, .c1-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c1-bg a:focus-visible .image, .item.item_text-boxed .inner.c1-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c1-bg a:focus-visible .image img, .item.item_text-boxed .inner.c1-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg picture, main:focus-visible > section.c1-bg:first-of-type, section.c1-bg:focus-visible { outline-color: rgba(var(--c1-highlight), 1)!important; } .c1-bg .form-control:focus-visible, .c1-bg .form-check-input:focus-visible, .form .inner.c1-bg .form-control:focus-visible, .form .inner.c1-bg .form-check-input:focus-visible, .form .inner.c1-bg .umbraco-forms-field input:focus-visible, .form .inner.c1-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c1-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c1-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail { color: rgba(var(--c1-text), 1); } .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c1-text), 1); } .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c1-link), 1); } .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c1-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c2-bg, .item.item_overlay .inner .image.c2-bg::before, .usn_cmp_banner .item.item_overlay.c2-bg .inner::before { background: rgba(var(--c2-bg-color1), 1); } /* Backgrounds Linear */ .c2-bg.c2-bg-linear, .item.item_overlay .inner .image.c2-bg.c2-bg-linear::before, .usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-linear .inner::before { background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c2-bg.c2-bg-radial, .item.item_overlay .inner .image.c2-bg.c2-bg-radial::before, .usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Headings */ .c2-bg h1:not(.heading), .c2-bg h2:not(.heading), .c2-bg h3:not(.heading), .c2-bg h4:not(.heading), .c2-bg h5:not(.heading), .c2-bg h6:not(.heading) { color: rgba(var(--c2-heading), 1); } .c2-heading, .c2-bg .heading { color: rgba(var(--c2-heading), 1); } /* Secondary Headings */ .c2-secondary-heading, .c2-bg .c2-secondary-heading { color: rgba(var(--c2-secondary-heading), 1); } /* Text */ .c2-bg, .c2-bg .c2-text, .c2-text { color: rgba(var(--c2-text), 1); } /* Borders */ .c2-borders { border-color: rgba(var(--c2-borders), 1); } /* Links */ .c2-link, .c2-link, .c2-bg a:not(.btn), .c2-text a:not(.btn), .c2-bg .c2-text a:not(.btn) { color: rgba(var(--c2-link), 1); } .c2-link:hover, .c2-link:focus, .c2-link:active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active, .c2-text a:not(.btn):hover, .c2-text a:not(.btn):focus, .c2-text a:not(.btn):active, .c2-bg .c2-text a:not(.btn):hover, .c2-bg .c2-text a:not(.btn):focus, .c2-bg .c2-text a:not(.btn):active { color: rgba(var(--c2-link-hover), 1); } /* Highlights */ .c2-highlight-bg { background-color: rgba(var(--c2-highlight), 1); } .c2-bg blockquote::before, .component .component.c2-bg div > blockquote::before { color: rgba(var(--c2-highlight), 1); } .c2-highlight-text { color: rgba(var(--c2-highlight-text), 1); } .c2-heading { color: rgba(var(--c2-heading), 1)!important; } .c2-secondary-heading { color: rgba(var(--c2-secondary-heading), 1)!important; } .c2-bg .heading { color: rgba(var(--c2-heading), 1); } .c2-bg .secondary-heading { color: rgba(var(--c2-secondary-heading), 1); } .c2-bg .quote, .c2-bg blockquote { color: rgba(var(--c2-heading), 1); } .c2-bg .quote::before, .c2-bg blockquote::before { color: rgba(var(--c2-highlight), 1); } /* Labels */ .c2-bg .label:not(.item-label) { background-color: rgba(var(--c2-highlight), 1); } .c2-bg .label:not(.item-label) { color: rgba(var(--c2-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c2-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; } .c2-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c2-highlight), 1); } /* Button Tabs */ .c2-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c2-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c2-link), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); } /* Linethrough Tabs */ .c2-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c2-link), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); } /* Slider Navigation */ .c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); } html.no-touch .c2-bg .slick-slider .slick-prev:hover, html.no-touch .c2-bg .slick-slider .slick-next:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); } html.no-touch .c2-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c2-text), 1); } html.no-touch .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c2-highlight), 1); } /* Forms */ .form .c2-bg .form-control, .form .c2-bg .form-check-input { border-color: rgba(var(--c2-borders), 1); } .form .c2-bg .form-control:focus, .form .c2-bg .form-check-input:focus { border-color: rgba(var(--c2-highlight), 1); box-shadow: 0 0 5px var(--c2-highlight);} /* Ajax Loading */ .c2-bg .ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .c2-bg.ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .ajax-wrap .c2-bg .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } /* Links */ .c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c2-borders), 1); } .c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c2-borders), 0.1); } .c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c2-link), 1); } .c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c2-link-hover), 1); } /* Data List */ .c2-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c2-borders), 1); } .c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c2-borders), 1); } /* Sitemap */ .c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: rgba(var(--c2-borders), 1); } .c2-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c2-borders), 0.5); } /* Tables */ .c2-bg thead { color: rgba(var(--c2-heading), 1); } .c2-bg table, .c2-bg table th, .c2-bg table td { border-color: rgba(var(--c2-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c2-bg .expand-anchor { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand-anchor span:before { background: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand-anchor span { background: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand-anchor span:after { background: rgba(var(--c2-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); } /* Scroll prompt */ .c2-bg .scroll-prompt .scroll-link { color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt .scroll-link i { color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c2-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store h1 { color: rgba(var(--c2-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c2-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c2-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c2-heading), 1)!important; } /* Heading separators - on page */ .c2-bg h1::before, .c2-bg h2::before, .c2-bg h3::before, .c2-bg h4::before, .c2-bg h5::before, .c2-bg h6::before { background: rgba(var(--c2-highlight), 1); } .c2-bg h1::after, .c2-bg h2::after, .c2-bg h3::after, .c2-bg h4::after, .c2-bg h5::after, .c2-bg h6::after { background: rgba(var(--c2-highlight), 1); } /* Heading separators - on components */ .c2-bg .heading::before, .c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); } .c2-bg .heading::after, .c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); } /* Heading separators - on specific items */ .item.c2-bg .heading::before, .item.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); } .item.c2-bg .heading::after, .item.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); } .inner.c2-bg .heading::before, .inner.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); } .inner.c2-bg .heading::after, .inner.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c2-bg .image .overlayicon::before, .item.item_text-boxed .inner.c2-bg .image .overlayicon::before, .item.item_text-boxed .image.c2-bg .overlayicon::before { background: rgba(var(--c2-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c2-bg.c2-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c2-bg.c2-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c2-bg.c2-bg-linear .overlayicon::before { background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c2-bg.c2-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c2-bg.c2-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c2-bg.c2-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } .item.item_text-boxed.c2-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c2-bg .image .overlayicon .icon, .item.item_text-boxed .image.c2-bg .overlayicon .icon { color: rgba(var(--c2-heading), 1); } /* Focus visibles */ .c2-bg a:focus-visible, .c2-bg .btn:focus-visible, .c2-bg button:focus-visible, .form .inner.c2-bg a:focus-visible, .form .inner.c2-bg .btn:focus-visible, .form .inner.c2-bg button:focus-visible, .c2-bg .item .image a:focus-visible, .c2-bg .item .image a:focus-visible img, .c2-bg .item .image a:focus-visible picture, .c2-bg .item .image a:focus-visible .overlayicon, .c2-bg .listing_no-spacing .item a:focus-visible .image, .c2-bg .listing_no-spacing .item a:focus-visible .image img, .c2-bg .listing_no-spacing .item a:focus-visible .image picture, .c2-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c2-bg a:focus-visible .image, .item.item_text-boxed .inner.c2-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c2-bg a:focus-visible .image img, .item.item_text-boxed .inner.c2-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg picture, main:focus-visible > section.c2-bg:first-of-type, section.c2-bg:focus-visible { outline-color: rgba(var(--c2-highlight), 1)!important; } .c2-bg .form-control:focus-visible, .c2-bg .form-check-input:focus-visible, .form .inner.c2-bg .form-control:focus-visible, .form .inner.c2-bg .form-check-input:focus-visible, .form .inner.c2-bg .umbraco-forms-field input:focus-visible, .form .inner.c2-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c2-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c2-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail { color: rgba(var(--c2-text), 1); } .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c2-text), 1); } .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c2-link), 1); } .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c2-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c3-bg, .item.item_overlay .inner .image.c3-bg::before, .usn_cmp_banner .item.item_overlay.c3-bg .inner::before { background: rgba(var(--c3-bg-color1), 1); } /* Backgrounds Linear */ .c3-bg.c3-bg-linear, .item.item_overlay .inner .image.c3-bg.c3-bg-linear::before, .usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-linear .inner::before { background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c3-bg.c3-bg-radial, .item.item_overlay .inner .image.c3-bg.c3-bg-radial::before, .usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Headings */ .c3-bg h1:not(.heading), .c3-bg h2:not(.heading), .c3-bg h3:not(.heading), .c3-bg h4:not(.heading), .c3-bg h5:not(.heading), .c3-bg h6:not(.heading) { color: rgba(var(--c3-heading), 1); } .c3-heading, .c3-bg .heading { color: rgba(var(--c3-heading), 1); } /* Secondary Headings */ .c3-secondary-heading, .c3-bg .c3-secondary-heading { color: rgba(var(--c3-secondary-heading), 1); } /* Text */ .c3-bg, .c3-bg .c3-text, .c3-text { color: rgba(var(--c3-text), 1); } /* Borders */ .c3-borders { border-color: rgba(var(--c3-borders), 1); } /* Links */ .c3-link, .c3-link, .c3-bg a:not(.btn), .c3-text a:not(.btn), .c3-bg .c3-text a:not(.btn) { color: rgba(var(--c3-link), 1); } .c3-link:hover, .c3-link:focus, .c3-link:active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active, .c3-text a:not(.btn):hover, .c3-text a:not(.btn):focus, .c3-text a:not(.btn):active, .c3-bg .c3-text a:not(.btn):hover, .c3-bg .c3-text a:not(.btn):focus, .c3-bg .c3-text a:not(.btn):active { color: rgba(var(--c3-link-hover), 1); } /* Highlights */ .c3-highlight-bg { background-color: rgba(var(--c3-highlight), 1); } .c3-bg blockquote::before, .component .component.c3-bg div > blockquote::before { color: rgba(var(--c3-highlight), 1); } .c3-highlight-text { color: rgba(var(--c3-highlight-text), 1); } .c3-heading { color: rgba(var(--c3-heading), 1)!important; } .c3-secondary-heading { color: rgba(var(--c3-secondary-heading), 1)!important; } .c3-bg .heading { color: rgba(var(--c3-heading), 1); } .c3-bg .secondary-heading { color: rgba(var(--c3-secondary-heading), 1); } .c3-bg .quote, .c3-bg blockquote { color: rgba(var(--c3-heading), 1); } .c3-bg .quote::before, .c3-bg blockquote::before { color: rgba(var(--c3-highlight), 1); } /* Labels */ .c3-bg .label:not(.item-label) { background-color: rgba(var(--c3-highlight), 1); } .c3-bg .label:not(.item-label) { color: rgba(var(--c3-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c3-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; } .c3-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c3-highlight), 1); } /* Button Tabs */ .c3-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c3-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c3-link), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); } /* Linethrough Tabs */ .c3-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c3-link), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); } /* Slider Navigation */ .c3-bg .slick-slider .slick-prev, .c3-bg .slick-slider .slick-next { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); } html.no-touch .c3-bg .slick-slider .slick-prev:hover, html.no-touch .c3-bg .slick-slider .slick-next:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); } html.no-touch .c3-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c3-text), 1); } html.no-touch .c3-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c3-highlight), 1); } /* Forms */ .form .c3-bg .form-control, .form .c3-bg .form-check-input { border-color: rgba(var(--c3-borders), 1); } .form .c3-bg .form-control:focus, .form .c3-bg .form-check-input:focus { border-color: rgba(var(--c3-highlight), 1); box-shadow: 0 0 5px var(--c3-highlight);} /* Ajax Loading */ .c3-bg .ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .c3-bg.ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .ajax-wrap .c3-bg .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .c3-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .c3-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .c3-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .item_form-single_field .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .item_form-single_field .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } /* Links */ .c3-bg .listing.listing_links:not(.listing_links-mini), .c3-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c3-borders), 1); } .c3-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c3-borders), 0.1); } .c3-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c3-link), 1); } .c3-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c3-link-hover), 1); } /* Data List */ .c3-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c3-borders), 1); } .c3-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c3-borders), 1); } /* Sitemap */ .c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after { background-color: rgba(var(--c3-borders), 1); } .c3-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c3-borders), 0.5); } /* Tables */ .c3-bg thead { color: rgba(var(--c3-heading), 1); } .c3-bg table, .c3-bg table th, .c3-bg table td { border-color: rgba(var(--c3-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c3-bg .expand-anchor { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand-anchor span:before { background: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand-anchor span { background: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand-anchor span:after { background: rgba(var(--c3-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); } /* Scroll prompt */ .c3-bg .scroll-prompt .scroll-link { color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt .scroll-link i { color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c3-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store h1 { color: rgba(var(--c3-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c3-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c3-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c3-heading), 1)!important; } /* Heading separators - on page */ .c3-bg h1::before, .c3-bg h2::before, .c3-bg h3::before, .c3-bg h4::before, .c3-bg h5::before, .c3-bg h6::before { background: rgba(var(--c3-highlight), 1); } .c3-bg h1::after, .c3-bg h2::after, .c3-bg h3::after, .c3-bg h4::after, .c3-bg h5::after, .c3-bg h6::after { background: rgba(var(--c3-highlight), 1); } /* Heading separators - on components */ .c3-bg .heading::before, .c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); } .c3-bg .heading::after, .c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); } /* Heading separators - on specific items */ .item.c3-bg .heading::before, .item.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); } .item.c3-bg .heading::after, .item.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); } .inner.c3-bg .heading::before, .inner.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); } .inner.c3-bg .heading::after, .inner.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c3-bg .image .overlayicon::before, .item.item_text-boxed .inner.c3-bg .image .overlayicon::before, .item.item_text-boxed .image.c3-bg .overlayicon::before { background: rgba(var(--c3-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c3-bg.c3-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c3-bg.c3-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c3-bg.c3-bg-linear .overlayicon::before { background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c3-bg.c3-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c3-bg.c3-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c3-bg.c3-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } .item.item_text-boxed.c3-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c3-bg .image .overlayicon .icon, .item.item_text-boxed .image.c3-bg .overlayicon .icon { color: rgba(var(--c3-heading), 1); } /* Focus visibles */ .c3-bg a:focus-visible, .c3-bg .btn:focus-visible, .c3-bg button:focus-visible, .form .inner.c3-bg a:focus-visible, .form .inner.c3-bg .btn:focus-visible, .form .inner.c3-bg button:focus-visible, .c3-bg .item .image a:focus-visible, .c3-bg .item .image a:focus-visible img, .c3-bg .item .image a:focus-visible picture, .c3-bg .item .image a:focus-visible .overlayicon, .c3-bg .listing_no-spacing .item a:focus-visible .image, .c3-bg .listing_no-spacing .item a:focus-visible .image img, .c3-bg .listing_no-spacing .item a:focus-visible .image picture, .c3-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c3-bg a:focus-visible .image, .item.item_text-boxed .inner.c3-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c3-bg a:focus-visible .image img, .item.item_text-boxed .inner.c3-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg picture, main:focus-visible > section.c3-bg:first-of-type, section.c3-bg:focus-visible { outline-color: rgba(var(--c3-highlight), 1)!important; } .c3-bg .form-control:focus-visible, .c3-bg .form-check-input:focus-visible, .form .inner.c3-bg .form-control:focus-visible, .form .inner.c3-bg .form-check-input:focus-visible, .form .inner.c3-bg .umbraco-forms-field input:focus-visible, .form .inner.c3-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c3-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c3-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail { color: rgba(var(--c3-text), 1); } .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c3-text), 1); } .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c3-link), 1); } .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c3-text), 0.5); } /* -------------------------------------------------- Additional Colors - 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); } /* Borders */ .c4-borders { border-color: rgba(var(--c4-borders), 1); } /* Links */ .c4-link, .c4-link, .c4-bg a:not(.btn), .c4-text a:not(.btn), .c4-bg .c4-text a:not(.btn) { color: rgba(var(--c4-link), 1); } .c4-link:hover, .c4-link:focus, .c4-link:active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active, .c4-text a:not(.btn):hover, .c4-text a:not(.btn):focus, .c4-text a:not(.btn):active, .c4-bg .c4-text a:not(.btn):hover, .c4-bg .c4-text a:not(.btn):focus, .c4-bg .c4-text a:not(.btn):active { color: rgba(var(--c4-link-hover), 1); } /* Highlights */ .c4-highlight-bg { background-color: rgba(var(--c4-highlight), 1); } .c4-bg blockquote::before, .component .component.c4-bg div > blockquote::before { color: rgba(var(--c4-highlight), 1); } .c4-highlight-text { color: rgba(var(--c4-highlight-text), 1); } .c4-heading { color: rgba(var(--c4-heading), 1)!important; } .c4-secondary-heading { color: rgba(var(--c4-secondary-heading), 1)!important; } .c4-bg .heading { color: rgba(var(--c4-heading), 1); } .c4-bg .secondary-heading { color: rgba(var(--c4-secondary-heading), 1); } .c4-bg .quote, .c4-bg blockquote { color: rgba(var(--c4-heading), 1); } .c4-bg .quote::before, .c4-bg blockquote::before { color: rgba(var(--c4-highlight), 1); } /* Labels */ .c4-bg .label:not(.item-label) { background-color: rgba(var(--c4-highlight), 1); } .c4-bg .label:not(.item-label) { color: rgba(var(--c4-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c4-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; } .c4-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c4-highlight), 1); } /* Button Tabs */ .c4-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c4-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c4-link), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); } /* Linethrough Tabs */ .c4-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c4-link), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); } /* Slider Navigation */ .c4-bg .slick-slider .slick-prev, .c4-bg .slick-slider .slick-next { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); } html.no-touch .c4-bg .slick-slider .slick-prev:hover, html.no-touch .c4-bg .slick-slider .slick-next:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); } html.no-touch .c4-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c4-text), 1); } html.no-touch .c4-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c4-highlight), 1); } /* Forms */ .form .c4-bg .form-control, .form .c4-bg .form-check-input { border-color: rgba(var(--c4-borders), 1); } .form .c4-bg .form-control:focus, .form .c4-bg .form-check-input:focus { border-color: rgba(var(--c4-highlight), 1); box-shadow: 0 0 5px var(--c4-highlight);} /* Ajax Loading */ .c4-bg .ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .c4-bg.ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .ajax-wrap .c4-bg .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .c4-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .c4-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .c4-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .item_form-single_field .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .item_form-single_field .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } /* Links */ .c4-bg .listing.listing_links:not(.listing_links-mini), .c4-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c4-borders), 1); } .c4-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c4-borders), 0.1); } .c4-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c4-link), 1); } .c4-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c4-link-hover), 1); } /* Data List */ .c4-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c4-borders), 1); } .c4-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c4-borders), 1); } /* 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); } /* Borders */ .c5-borders { border-color: rgba(var(--c5-borders), 1); } /* Links */ .c5-link, .c5-link, .c5-bg a:not(.btn), .c5-text a:not(.btn), .c5-bg .c5-text a:not(.btn) { color: rgba(var(--c5-link), 1); } .c5-link:hover, .c5-link:focus, .c5-link:active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active, .c5-text a:not(.btn):hover, .c5-text a:not(.btn):focus, .c5-text a:not(.btn):active, .c5-bg .c5-text a:not(.btn):hover, .c5-bg .c5-text a:not(.btn):focus, .c5-bg .c5-text a:not(.btn):active { color: rgba(var(--c5-link-hover), 1); } /* Highlights */ .c5-highlight-bg { background-color: rgba(var(--c5-highlight), 1); } .c5-bg blockquote::before, .component .component.c5-bg div > blockquote::before { color: rgba(var(--c5-highlight), 1); } .c5-highlight-text { color: rgba(var(--c5-highlight-text), 1); } .c5-heading { color: rgba(var(--c5-heading), 1)!important; } .c5-secondary-heading { color: rgba(var(--c5-secondary-heading), 1)!important; } .c5-bg .heading { color: rgba(var(--c5-heading), 1); } .c5-bg .secondary-heading { color: rgba(var(--c5-secondary-heading), 1); } .c5-bg .quote, .c5-bg blockquote { color: rgba(var(--c5-heading), 1); } .c5-bg .quote::before, .c5-bg blockquote::before { color: rgba(var(--c5-highlight), 1); } /* Labels */ .c5-bg .label:not(.item-label) { background-color: rgba(var(--c5-highlight), 1); } .c5-bg .label:not(.item-label) { color: rgba(var(--c5-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c5-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; } .c5-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c5-highlight), 1); } /* Button Tabs */ .c5-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c5-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c5-link), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); } /* Linethrough Tabs */ .c5-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c5-link), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); } /* Slider Navigation */ .c5-bg .slick-slider .slick-prev, .c5-bg .slick-slider .slick-next { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); } html.no-touch .c5-bg .slick-slider .slick-prev:hover, html.no-touch .c5-bg .slick-slider .slick-next:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); } html.no-touch .c5-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c5-text), 1); } html.no-touch .c5-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c5-highlight), 1); } /* Forms */ .form .c5-bg .form-control, .form .c5-bg .form-check-input { border-color: rgba(var(--c5-borders), 1); } .form .c5-bg .form-control:focus, .form .c5-bg .form-check-input:focus { border-color: rgba(var(--c5-highlight), 1); box-shadow: 0 0 5px var(--c5-highlight);} /* Ajax Loading */ .c5-bg .ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .c5-bg.ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .ajax-wrap .c5-bg .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .c5-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .c5-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .c5-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .item_form-single_field .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .item_form-single_field .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } /* Links */ .c5-bg .listing.listing_links:not(.listing_links-mini), .c5-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c5-borders), 1); } .c5-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c5-borders), 0.1); } .c5-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c5-link), 1); } .c5-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c5-link-hover), 1); } /* Data List */ .c5-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c5-borders), 1); } .c5-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c5-borders), 1); } /* 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 - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c6-bg, .item.item_overlay .inner .image.c6-bg::before, .usn_cmp_banner .item.item_overlay.c6-bg .inner::before { background: rgba(var(--c6-bg-color1), 1); } /* Backgrounds Linear */ .c6-bg.c6-bg-linear, .item.item_overlay .inner .image.c6-bg.c6-bg-linear::before, .usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-linear .inner::before { background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c6-bg.c6-bg-radial, .item.item_overlay .inner .image.c6-bg.c6-bg-radial::before, .usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Headings */ .c6-bg h1:not(.heading), .c6-bg h2:not(.heading), .c6-bg h3:not(.heading), .c6-bg h4:not(.heading), .c6-bg h5:not(.heading), .c6-bg h6:not(.heading) { color: rgba(var(--c6-heading), 1); } .c6-heading, .c6-bg .heading { color: rgba(var(--c6-heading), 1); } /* Secondary Headings */ .c6-secondary-heading, .c6-bg .c6-secondary-heading { color: rgba(var(--c6-secondary-heading), 1); } /* Text */ .c6-bg, .c6-bg .c6-text, .c6-text { color: rgba(var(--c6-text), 1); } /* Borders */ .c6-borders { border-color: rgba(var(--c6-borders), 1); } /* Links */ .c6-link, .c6-link, .c6-bg a:not(.btn), .c6-text a:not(.btn), .c6-bg .c6-text a:not(.btn) { color: rgba(var(--c6-link), 1); } .c6-link:hover, .c6-link:focus, .c6-link:active, .c6-bg a:not(.btn):hover, .c6-bg a:not(.btn):focus, .c6-bg a:not(.btn):active, .c6-bg a:not(.btn):hover, .c6-bg a:not(.btn):focus, .c6-bg a:not(.btn):active, .c6-text a:not(.btn):hover, .c6-text a:not(.btn):focus, .c6-text a:not(.btn):active, .c6-bg .c6-text a:not(.btn):hover, .c6-bg .c6-text a:not(.btn):focus, .c6-bg .c6-text a:not(.btn):active { color: rgba(var(--c6-link-hover), 1); } /* Highlights */ .c6-highlight-bg { background-color: rgba(var(--c6-highlight), 1); } .c6-bg blockquote::before, .component .component.c6-bg div > blockquote::before { color: rgba(var(--c6-highlight), 1); } .c6-highlight-text { color: rgba(var(--c6-highlight-text), 1); } .c6-heading { color: rgba(var(--c6-heading), 1)!important; } .c6-secondary-heading { color: rgba(var(--c6-secondary-heading), 1)!important; } .c6-bg .heading { color: rgba(var(--c6-heading), 1); } .c6-bg .secondary-heading { color: rgba(var(--c6-secondary-heading), 1); } .c6-bg .quote, .c6-bg blockquote { color: rgba(var(--c6-heading), 1); } .c6-bg .quote::before, .c6-bg blockquote::before { color: rgba(var(--c6-highlight), 1); } /* Labels */ .c6-bg .label:not(.item-label) { background-color: rgba(var(--c6-highlight), 1); } .c6-bg .label:not(.item-label) { color: rgba(var(--c6-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c6-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; } .c6-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c6-highlight), 1); } /* Button Tabs */ .c6-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c6-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c6-link), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); } /* Linethrough Tabs */ .c6-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c6-link), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); } /* Slider Navigation */ .c6-bg .slick-slider .slick-prev, .c6-bg .slick-slider .slick-next { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); } html.no-touch .c6-bg .slick-slider .slick-prev:hover, html.no-touch .c6-bg .slick-slider .slick-next:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); } html.no-touch .c6-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c6-text), 1); } html.no-touch .c6-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c6-highlight), 1); } /* Forms */ .form .c6-bg .form-control, .form .c6-bg .form-check-input { border-color: rgba(var(--c6-borders), 1); } .form .c6-bg .form-control:focus, .form .c6-bg .form-check-input:focus { border-color: rgba(var(--c6-highlight), 1); box-shadow: 0 0 5px var(--c6-highlight);} /* Ajax Loading */ .c6-bg .ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .c6-bg.ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .ajax-wrap .c6-bg .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .c6-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .c6-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .c6-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .item_form-single_field .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .item_form-single_field .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } /* Links */ .c6-bg .listing.listing_links:not(.listing_links-mini), .c6-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c6-borders), 1); } .c6-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c6-borders), 0.1); } .c6-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c6-link), 1); } .c6-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c6-link-hover), 1); } /* Data List */ .c6-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c6-borders), 1); } .c6-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c6-borders), 1); } /* Sitemap */ .c6-bg nav.sitemap ul li::before, .c6-bg nav.sitemap ul li::after { background-color: rgba(var(--c6-borders), 1); } .c6-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c6-borders), 0.5); } /* Tables */ .c6-bg thead { color: rgba(var(--c6-heading), 1); } .c6-bg table, .c6-bg table th, .c6-bg table td { border-color: rgba(var(--c6-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c6-bg .expand-anchor { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand-anchor span:before { background: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand-anchor span { background: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand-anchor span:after { background: rgba(var(--c6-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); } /* Scroll prompt */ .c6-bg .scroll-prompt .scroll-link { color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt .scroll-link i { color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c6-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store h1 { color: rgba(var(--c6-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c6-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c6-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c6-heading), 1)!important; } /* Heading separators - on page */ .c6-bg h1::before, .c6-bg h2::before, .c6-bg h3::before, .c6-bg h4::before, .c6-bg h5::before, .c6-bg h6::before { background: rgba(var(--c6-highlight), 1); } .c6-bg h1::after, .c6-bg h2::after, .c6-bg h3::after, .c6-bg h4::after, .c6-bg h5::after, .c6-bg h6::after { background: rgba(var(--c6-highlight), 1); } /* Heading separators - on components */ .c6-bg .heading::before, .c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); } .c6-bg .heading::after, .c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); } /* Heading separators - on specific items */ .item.c6-bg .heading::before, .item.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); } .item.c6-bg .heading::after, .item.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); } .inner.c6-bg .heading::before, .inner.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); } .inner.c6-bg .heading::after, .inner.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c6-bg .image .overlayicon::before, .item.item_text-boxed .inner.c6-bg .image .overlayicon::before, .item.item_text-boxed .image.c6-bg .overlayicon::before { background: rgba(var(--c6-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c6-bg.c6-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c6-bg.c6-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c6-bg.c6-bg-linear .overlayicon::before { background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c6-bg.c6-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c6-bg.c6-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c6-bg.c6-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } .item.item_text-boxed.c6-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c6-bg .image .overlayicon .icon, .item.item_text-boxed .image.c6-bg .overlayicon .icon { color: rgba(var(--c6-heading), 1); } /* Focus visibles */ .c6-bg a:focus-visible, .c6-bg .btn:focus-visible, .c6-bg button:focus-visible, .form .inner.c6-bg a:focus-visible, .form .inner.c6-bg .btn:focus-visible, .form .inner.c6-bg button:focus-visible, .c6-bg .item .image a:focus-visible, .c6-bg .item .image a:focus-visible img, .c6-bg .item .image a:focus-visible picture, .c6-bg .item .image a:focus-visible .overlayicon, .c6-bg .listing_no-spacing .item a:focus-visible .image, .c6-bg .listing_no-spacing .item a:focus-visible .image img, .c6-bg .listing_no-spacing .item a:focus-visible .image picture, .c6-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c6-bg a:focus-visible .image, .item.item_text-boxed .inner.c6-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c6-bg a:focus-visible .image img, .item.item_text-boxed .inner.c6-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg picture, main:focus-visible > section.c6-bg:first-of-type, section.c6-bg:focus-visible { outline-color: rgba(var(--c6-highlight), 1)!important; } .c6-bg .form-control:focus-visible, .c6-bg .form-check-input:focus-visible, .form .inner.c6-bg .form-control:focus-visible, .form .inner.c6-bg .form-check-input:focus-visible, .form .inner.c6-bg .umbraco-forms-field input:focus-visible, .form .inner.c6-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c6-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c6-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail { color: rgba(var(--c6-text), 1); } .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c6-text), 1); } .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c6-link), 1); } .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c6-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c7-bg, .item.item_overlay .inner .image.c7-bg::before, .usn_cmp_banner .item.item_overlay.c7-bg .inner::before { background: rgba(var(--c7-bg-color1), 1); } /* Backgrounds Linear */ .c7-bg.c7-bg-linear, .item.item_overlay .inner .image.c7-bg.c7-bg-linear::before, .usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-linear .inner::before { background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c7-bg.c7-bg-radial, .item.item_overlay .inner .image.c7-bg.c7-bg-radial::before, .usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Headings */ .c7-bg h1:not(.heading), .c7-bg h2:not(.heading), .c7-bg h3:not(.heading), .c7-bg h4:not(.heading), .c7-bg h5:not(.heading), .c7-bg h6:not(.heading) { color: rgba(var(--c7-heading), 1); } .c7-heading, .c7-bg .heading { color: rgba(var(--c7-heading), 1); } /* Secondary Headings */ .c7-secondary-heading, .c7-bg .c7-secondary-heading { color: rgba(var(--c7-secondary-heading), 1); } /* Text */ .c7-bg, .c7-bg .c7-text, .c7-text { color: rgba(var(--c7-text), 1); } /* Borders */ .c7-borders { border-color: rgba(var(--c7-borders), 1); } /* Links */ .c7-link, .c7-link, .c7-bg a:not(.btn), .c7-text a:not(.btn), .c7-bg .c7-text a:not(.btn) { color: rgba(var(--c7-link), 1); } .c7-link:hover, .c7-link:focus, .c7-link:active, .c7-bg a:not(.btn):hover, .c7-bg a:not(.btn):focus, .c7-bg a:not(.btn):active, .c7-bg a:not(.btn):hover, .c7-bg a:not(.btn):focus, .c7-bg a:not(.btn):active, .c7-text a:not(.btn):hover, .c7-text a:not(.btn):focus, .c7-text a:not(.btn):active, .c7-bg .c7-text a:not(.btn):hover, .c7-bg .c7-text a:not(.btn):focus, .c7-bg .c7-text a:not(.btn):active { color: rgba(var(--c7-link-hover), 1); } /* Highlights */ .c7-highlight-bg { background-color: rgba(var(--c7-highlight), 1); } .c7-bg blockquote::before, .component .component.c7-bg div > blockquote::before { color: rgba(var(--c7-highlight), 1); } .c7-highlight-text { color: rgba(var(--c7-highlight-text), 1); } .c7-heading { color: rgba(var(--c7-heading), 1)!important; } .c7-secondary-heading { color: rgba(var(--c7-secondary-heading), 1)!important; } .c7-bg .heading { color: rgba(var(--c7-heading), 1); } .c7-bg .secondary-heading { color: rgba(var(--c7-secondary-heading), 1); } .c7-bg .quote, .c7-bg blockquote { color: rgba(var(--c7-heading), 1); } .c7-bg .quote::before, .c7-bg blockquote::before { color: rgba(var(--c7-highlight), 1); } /* Labels */ .c7-bg .label:not(.item-label) { background-color: rgba(var(--c7-highlight), 1); } .c7-bg .label:not(.item-label) { color: rgba(var(--c7-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c7-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; } .c7-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c7-highlight), 1); } /* Button Tabs */ .c7-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c7-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c7-link), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); } /* Linethrough Tabs */ .c7-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c7-link), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); } /* Slider Navigation */ .c7-bg .slick-slider .slick-prev, .c7-bg .slick-slider .slick-next { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); } html.no-touch .c7-bg .slick-slider .slick-prev:hover, html.no-touch .c7-bg .slick-slider .slick-next:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); } html.no-touch .c7-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c7-text), 1); } html.no-touch .c7-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c7-highlight), 1); } /* Forms */ .form .c7-bg .form-control, .form .c7-bg .form-check-input { border-color: rgba(var(--c7-borders), 1); } .form .c7-bg .form-control:focus, .form .c7-bg .form-check-input:focus { border-color: rgba(var(--c7-highlight), 1); box-shadow: 0 0 5px var(--c7-highlight);} /* Ajax Loading */ .c7-bg .ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .c7-bg.ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .ajax-wrap .c7-bg .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .c7-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .c7-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .c7-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .item_form-single_field .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .item_form-single_field .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } /* Links */ .c7-bg .listing.listing_links:not(.listing_links-mini), .c7-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c7-borders), 1); } .c7-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c7-borders), 0.1); } .c7-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c7-link), 1); } .c7-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c7-link-hover), 1); } /* Data List */ .c7-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c7-borders), 1); } .c7-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c7-borders), 1); } /* Sitemap */ .c7-bg nav.sitemap ul li::before, .c7-bg nav.sitemap ul li::after { background-color: rgba(var(--c7-borders), 1); } .c7-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c7-borders), 0.5); } /* Tables */ .c7-bg thead { color: rgba(var(--c7-heading), 1); } .c7-bg table, .c7-bg table th, .c7-bg table td { border-color: rgba(var(--c7-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c7-bg .expand-anchor { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand-anchor span:before { background: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand-anchor span { background: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand-anchor span:after { background: rgba(var(--c7-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); } /* Scroll prompt */ .c7-bg .scroll-prompt .scroll-link { color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt .scroll-link i { color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c7-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store h1 { color: rgba(var(--c7-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c7-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c7-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c7-heading), 1)!important; } /* Heading separators - on page */ .c7-bg h1::before, .c7-bg h2::before, .c7-bg h3::before, .c7-bg h4::before, .c7-bg h5::before, .c7-bg h6::before { background: rgba(var(--c7-highlight), 1); } .c7-bg h1::after, .c7-bg h2::after, .c7-bg h3::after, .c7-bg h4::after, .c7-bg h5::after, .c7-bg h6::after { background: rgba(var(--c7-highlight), 1); } /* Heading separators - on components */ .c7-bg .heading::before, .c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); } .c7-bg .heading::after, .c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); } /* Heading separators - on specific items */ .item.c7-bg .heading::before, .item.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); } .item.c7-bg .heading::after, .item.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); } .inner.c7-bg .heading::before, .inner.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); } .inner.c7-bg .heading::after, .inner.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c7-bg .image .overlayicon::before, .item.item_text-boxed .inner.c7-bg .image .overlayicon::before, .item.item_text-boxed .image.c7-bg .overlayicon::before { background: rgba(var(--c7-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c7-bg.c7-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c7-bg.c7-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c7-bg.c7-bg-linear .overlayicon::before { background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c7-bg.c7-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c7-bg.c7-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c7-bg.c7-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } .item.item_text-boxed.c7-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c7-bg .image .overlayicon .icon, .item.item_text-boxed .image.c7-bg .overlayicon .icon { color: rgba(var(--c7-heading), 1); } /* Focus visibles */ .c7-bg a:focus-visible, .c7-bg .btn:focus-visible, .c7-bg button:focus-visible, .form .inner.c7-bg a:focus-visible, .form .inner.c7-bg .btn:focus-visible, .form .inner.c7-bg button:focus-visible, .c7-bg .item .image a:focus-visible, .c7-bg .item .image a:focus-visible img, .c7-bg .item .image a:focus-visible picture, .c7-bg .item .image a:focus-visible .overlayicon, .c7-bg .listing_no-spacing .item a:focus-visible .image, .c7-bg .listing_no-spacing .item a:focus-visible .image img, .c7-bg .listing_no-spacing .item a:focus-visible .image picture, .c7-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c7-bg a:focus-visible .image, .item.item_text-boxed .inner.c7-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c7-bg a:focus-visible .image img, .item.item_text-boxed .inner.c7-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg picture, main:focus-visible > section.c7-bg:first-of-type, section.c7-bg:focus-visible { outline-color: rgba(var(--c7-highlight), 1)!important; } .c7-bg .form-control:focus-visible, .c7-bg .form-check-input:focus-visible, .form .inner.c7-bg .form-control:focus-visible, .form .inner.c7-bg .form-check-input:focus-visible, .form .inner.c7-bg .umbraco-forms-field input:focus-visible, .form .inner.c7-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c7-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c7-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail { color: rgba(var(--c7-text), 1); } .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c7-text), 1); } .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c7-link), 1); } .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c7-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c8-bg, .item.item_overlay .inner .image.c8-bg::before, .usn_cmp_banner .item.item_overlay.c8-bg .inner::before { background: rgba(var(--c8-bg-color1), 1); } /* Backgrounds Linear */ .c8-bg.c8-bg-linear, .item.item_overlay .inner .image.c8-bg.c8-bg-linear::before, .usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-linear .inner::before { background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c8-bg.c8-bg-radial, .item.item_overlay .inner .image.c8-bg.c8-bg-radial::before, .usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Headings */ .c8-bg h1:not(.heading), .c8-bg h2:not(.heading), .c8-bg h3:not(.heading), .c8-bg h4:not(.heading), .c8-bg h5:not(.heading), .c8-bg h6:not(.heading) { color: rgba(var(--c8-heading), 1); } .c8-heading, .c8-bg .heading { color: rgba(var(--c8-heading), 1); } /* Secondary Headings */ .c8-secondary-heading, .c8-bg .c8-secondary-heading { color: rgba(var(--c8-secondary-heading), 1); } /* Text */ .c8-bg, .c8-bg .c8-text, .c8-text { color: rgba(var(--c8-text), 1); } /* Borders */ .c8-borders { border-color: rgba(var(--c8-borders), 1); } /* Links */ .c8-link, .c8-link, .c8-bg a:not(.btn), .c8-text a:not(.btn), .c8-bg .c8-text a:not(.btn) { color: rgba(var(--c8-link), 1); } .c8-link:hover, .c8-link:focus, .c8-link:active, .c8-bg a:not(.btn):hover, .c8-bg a:not(.btn):focus, .c8-bg a:not(.btn):active, .c8-bg a:not(.btn):hover, .c8-bg a:not(.btn):focus, .c8-bg a:not(.btn):active, .c8-text a:not(.btn):hover, .c8-text a:not(.btn):focus, .c8-text a:not(.btn):active, .c8-bg .c8-text a:not(.btn):hover, .c8-bg .c8-text a:not(.btn):focus, .c8-bg .c8-text a:not(.btn):active { color: rgba(var(--c8-link-hover), 1); } /* Highlights */ .c8-highlight-bg { background-color: rgba(var(--c8-highlight), 1); } .c8-bg blockquote::before, .component .component.c8-bg div > blockquote::before { color: rgba(var(--c8-highlight), 1); } .c8-highlight-text { color: rgba(var(--c8-highlight-text), 1); } .c8-heading { color: rgba(var(--c8-heading), 1)!important; } .c8-secondary-heading { color: rgba(var(--c8-secondary-heading), 1)!important; } .c8-bg .heading { color: rgba(var(--c8-heading), 1); } .c8-bg .secondary-heading { color: rgba(var(--c8-secondary-heading), 1); } .c8-bg .quote, .c8-bg blockquote { color: rgba(var(--c8-heading), 1); } .c8-bg .quote::before, .c8-bg blockquote::before { color: rgba(var(--c8-highlight), 1); } /* Labels */ .c8-bg .label:not(.item-label) { background-color: rgba(var(--c8-highlight), 1); } .c8-bg .label:not(.item-label) { color: rgba(var(--c8-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c8-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; } .c8-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c8-highlight), 1); } /* Button Tabs */ .c8-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c8-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c8-link), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); } /* Linethrough Tabs */ .c8-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c8-link), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); } /* Slider Navigation */ .c8-bg .slick-slider .slick-prev, .c8-bg .slick-slider .slick-next { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); } html.no-touch .c8-bg .slick-slider .slick-prev:hover, html.no-touch .c8-bg .slick-slider .slick-next:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); } html.no-touch .c8-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c8-text), 1); } html.no-touch .c8-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c8-highlight), 1); } /* Forms */ .form .c8-bg .form-control, .form .c8-bg .form-check-input { border-color: rgba(var(--c8-borders), 1); } .form .c8-bg .form-control:focus, .form .c8-bg .form-check-input:focus { border-color: rgba(var(--c8-highlight), 1); box-shadow: 0 0 5px var(--c8-highlight);} /* Ajax Loading */ .c8-bg .ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .c8-bg.ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .ajax-wrap .c8-bg .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .c8-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .c8-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .c8-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .item_form-single_field .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .item_form-single_field .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } /* Links */ .c8-bg .listing.listing_links:not(.listing_links-mini), .c8-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c8-borders), 1); } .c8-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c8-borders), 0.1); } .c8-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c8-link), 1); } .c8-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c8-link-hover), 1); } /* Data List */ .c8-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c8-borders), 1); } .c8-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c8-borders), 1); } /* Sitemap */ .c8-bg nav.sitemap ul li::before, .c8-bg nav.sitemap ul li::after { background-color: rgba(var(--c8-borders), 1); } .c8-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c8-borders), 0.5); } /* Tables */ .c8-bg thead { color: rgba(var(--c8-heading), 1); } .c8-bg table, .c8-bg table th, .c8-bg table td { border-color: rgba(var(--c8-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c8-bg .expand-anchor { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand-anchor span:before { background: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand-anchor span { background: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand-anchor span:after { background: rgba(var(--c8-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); } /* Scroll prompt */ .c8-bg .scroll-prompt .scroll-link { color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt .scroll-link i { color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c8-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store h1 { color: rgba(var(--c8-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c8-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c8-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c8-heading), 1)!important; } /* Heading separators - on page */ .c8-bg h1::before, .c8-bg h2::before, .c8-bg h3::before, .c8-bg h4::before, .c8-bg h5::before, .c8-bg h6::before { background: rgba(var(--c8-highlight), 1); } .c8-bg h1::after, .c8-bg h2::after, .c8-bg h3::after, .c8-bg h4::after, .c8-bg h5::after, .c8-bg h6::after { background: rgba(var(--c8-highlight), 1); } /* Heading separators - on components */ .c8-bg .heading::before, .c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); } .c8-bg .heading::after, .c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); } /* Heading separators - on specific items */ .item.c8-bg .heading::before, .item.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); } .item.c8-bg .heading::after, .item.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); } .inner.c8-bg .heading::before, .inner.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); } .inner.c8-bg .heading::after, .inner.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c8-bg .image .overlayicon::before, .item.item_text-boxed .inner.c8-bg .image .overlayicon::before, .item.item_text-boxed .image.c8-bg .overlayicon::before { background: rgba(var(--c8-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c8-bg.c8-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c8-bg.c8-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c8-bg.c8-bg-linear .overlayicon::before { background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c8-bg.c8-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c8-bg.c8-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c8-bg.c8-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } .item.item_text-boxed.c8-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c8-bg .image .overlayicon .icon, .item.item_text-boxed .image.c8-bg .overlayicon .icon { color: rgba(var(--c8-heading), 1); } /* Focus visibles */ .c8-bg a:focus-visible, .c8-bg .btn:focus-visible, .c8-bg button:focus-visible, .form .inner.c8-bg a:focus-visible, .form .inner.c8-bg .btn:focus-visible, .form .inner.c8-bg button:focus-visible, .c8-bg .item .image a:focus-visible, .c8-bg .item .image a:focus-visible img, .c8-bg .item .image a:focus-visible picture, .c8-bg .item .image a:focus-visible .overlayicon, .c8-bg .listing_no-spacing .item a:focus-visible .image, .c8-bg .listing_no-spacing .item a:focus-visible .image img, .c8-bg .listing_no-spacing .item a:focus-visible .image picture, .c8-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c8-bg a:focus-visible .image, .item.item_text-boxed .inner.c8-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c8-bg a:focus-visible .image img, .item.item_text-boxed .inner.c8-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg picture, main:focus-visible > section.c8-bg:first-of-type, section.c8-bg:focus-visible { outline-color: rgba(var(--c8-highlight), 1)!important; } .c8-bg .form-control:focus-visible, .c8-bg .form-check-input:focus-visible, .form .inner.c8-bg .form-control:focus-visible, .form .inner.c8-bg .form-check-input:focus-visible, .form .inner.c8-bg .umbraco-forms-field input:focus-visible, .form .inner.c8-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c8-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c8-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail { color: rgba(var(--c8-text), 1); } .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c8-text), 1); } .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c8-link), 1); } .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c8-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c9-bg, .item.item_overlay .inner .image.c9-bg::before, .usn_cmp_banner .item.item_overlay.c9-bg .inner::before { background: rgba(var(--c9-bg-color1), 1); } /* Backgrounds Linear */ .c9-bg.c9-bg-linear, .item.item_overlay .inner .image.c9-bg.c9-bg-linear::before, .usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-linear .inner::before { background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c9-bg.c9-bg-radial, .item.item_overlay .inner .image.c9-bg.c9-bg-radial::before, .usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c9-bg-start-perc) var(--c9-bg-stop-perc), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } /* Headings */ .c9-bg h1:not(.heading), .c9-bg h2:not(.heading), .c9-bg h3:not(.heading), .c9-bg h4:not(.heading), .c9-bg h5:not(.heading), .c9-bg h6:not(.heading) { color: rgba(var(--c9-heading), 1); } .c9-heading, .c9-bg .heading { color: rgba(var(--c9-heading), 1); } /* Secondary Headings */ .c9-secondary-heading, .c9-bg .c9-secondary-heading { color: rgba(var(--c9-secondary-heading), 1); } /* Text */ .c9-bg, .c9-bg .c9-text, .c9-text { color: rgba(var(--c9-text), 1); } /* Borders */ .c9-borders { border-color: rgba(var(--c9-borders), 1); } /* Links */ .c9-link, .c9-link, .c9-bg a:not(.btn), .c9-text a:not(.btn), .c9-bg .c9-text a:not(.btn) { color: rgba(var(--c9-link), 1); } .c9-link:hover, .c9-link:focus, .c9-link:active, .c9-bg a:not(.btn):hover, .c9-bg a:not(.btn):focus, .c9-bg a:not(.btn):active, .c9-bg a:not(.btn):hover, .c9-bg a:not(.btn):focus, .c9-bg a:not(.btn):active, .c9-text a:not(.btn):hover, .c9-text a:not(.btn):focus, .c9-text a:not(.btn):active, .c9-bg .c9-text a:not(.btn):hover, .c9-bg .c9-text a:not(.btn):focus, .c9-bg .c9-text a:not(.btn):active { color: rgba(var(--c9-link-hover), 1); } /* Highlights */ .c9-highlight-bg { background-color: rgba(var(--c9-highlight), 1); } .c9-bg blockquote::before, .component .component.c9-bg div > blockquote::before { color: rgba(var(--c9-highlight), 1); } .c9-highlight-text { color: rgba(var(--c9-highlight-text), 1); } .c9-heading { color: rgba(var(--c9-heading), 1)!important; } .c9-secondary-heading { color: rgba(var(--c9-secondary-heading), 1)!important; } .c9-bg .heading { color: rgba(var(--c9-heading), 1); } .c9-bg .secondary-heading { color: rgba(var(--c9-secondary-heading), 1); } .c9-bg .quote, .c9-bg blockquote { color: rgba(var(--c9-heading), 1); } .c9-bg .quote::before, .c9-bg blockquote::before { color: rgba(var(--c9-highlight), 1); } /* Labels */ .c9-bg .label:not(.item-label) { background-color: rgba(var(--c9-highlight), 1); } .c9-bg .label:not(.item-label) { color: rgba(var(--c9-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c9-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); } .c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; } .c9-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c9-highlight), 1); } /* Button Tabs */ .c9-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c9-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c9-link), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); } /* Linethrough Tabs */ .c9-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c9-link), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); } /* Slider Navigation */ .c9-bg .slick-slider .slick-prev, .c9-bg .slick-slider .slick-next { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); } html.no-touch .c9-bg .slick-slider .slick-prev:hover, html.no-touch .c9-bg .slick-slider .slick-next:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); } html.no-touch .c9-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c9-text), 1); } html.no-touch .c9-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c9-link-hover), 1); } .c9-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c9-highlight), 1); } /* Forms */ .form .c9-bg .form-control, .form .c9-bg .form-check-input { border-color: rgba(var(--c9-borders), 1); } .form .c9-bg .form-control:focus, .form .c9-bg .form-check-input:focus { border-color: rgba(var(--c9-highlight), 1); box-shadow: 0 0 5px var(--c9-highlight);} /* Ajax Loading */ .c9-bg .ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); } .c9-bg.ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); } .ajax-wrap .c9-bg .ajax-loading { background: rgba(var(--c9-bg-color1), 1); } .c9-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); } .c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); } .ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); } .c9-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } .c9-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } .item_form-single_field .c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } .item_form-single_field .ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } /* Links */ .c9-bg .listing.listing_links:not(.listing_links-mini), .c9-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c9-borders), 1); } .c9-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c9-borders), 0.1); } .c9-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c9-link), 1); } .c9-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c9-link-hover), 1); } /* Data List */ .c9-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c9-borders), 1); } .c9-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c9-borders), 1); } /* Sitemap */ .c9-bg nav.sitemap ul li::before, .c9-bg nav.sitemap ul li::after { background-color: rgba(var(--c9-borders), 1); } .c9-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c9-borders), 0.5); } /* Tables */ .c9-bg thead { color: rgba(var(--c9-heading), 1); } .c9-bg table, .c9-bg table th, .c9-bg table td { border-color: rgba(var(--c9-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c9-bg .expand-anchor { color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg .expand-anchor span:before { background: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg .expand-anchor span { background: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg .expand-anchor span:after { background: rgba(var(--c9-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), 0.25); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); } /* Scroll prompt */ .c9-bg .scroll-prompt .scroll-link { color: rgba(var(--c9-heading), 1); } .c9-bg .scroll-prompt .scroll-link i { color: rgba(var(--c9-heading), 1); } .c9-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c9-heading), 1); } .c9-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c9-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store h1 { color: rgba(var(--c9-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c9-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c9-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c9-heading), 1)!important; } /* Heading separators - on page */ .c9-bg h1::before, .c9-bg h2::before, .c9-bg h3::before, .c9-bg h4::before, .c9-bg h5::before, .c9-bg h6::before { background: rgba(var(--c9-highlight), 1); } .c9-bg h1::after, .c9-bg h2::after, .c9-bg h3::after, .c9-bg h4::after, .c9-bg h5::after, .c9-bg h6::after { background: rgba(var(--c9-highlight), 1); } /* Heading separators - on components */ .c9-bg .heading::before, .c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); } .c9-bg .heading::after, .c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); } /* Heading separators - on specific items */ .item.c9-bg .heading::before, .item.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); } .item.c9-bg .heading::after, .item.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); } .inner.c9-bg .heading::before, .inner.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); } .inner.c9-bg .heading::after, .inner.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c9-bg .image .overlayicon::before, .item.item_text-boxed .inner.c9-bg .image .overlayicon::before, .item.item_text-boxed .image.c9-bg .overlayicon::before { background: rgba(var(--c9-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c9-bg.c9-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c9-bg.c9-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c9-bg.c9-bg-linear .overlayicon::before { background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c9-bg.c9-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c9-bg.c9-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c9-bg.c9-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c9-bg-start-perc) var(--c9-bg-stop-perc), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } .item.item_text-boxed.c9-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c9-bg .image .overlayicon .icon, .item.item_text-boxed .image.c9-bg .overlayicon .icon { color: rgba(var(--c9-heading), 1); } /* Focus visibles */ .c9-bg a:focus-visible, .c9-bg .btn:focus-visible, .c9-bg button:focus-visible, .form .inner.c9-bg a:focus-visible, .form .inner.c9-bg .btn:focus-visible, .form .inner.c9-bg button:focus-visible, .c9-bg .item .image a:focus-visible, .c9-bg .item .image a:focus-visible img, .c9-bg .item .image a:focus-visible picture, .c9-bg .item .image a:focus-visible .overlayicon, .c9-bg .listing_no-spacing .item a:focus-visible .image, .c9-bg .listing_no-spacing .item a:focus-visible .image img, .c9-bg .listing_no-spacing .item a:focus-visible .image picture, .c9-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c9-bg a:focus-visible .image, .item.item_text-boxed .inner.c9-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c9-bg a:focus-visible .image img, .item.item_text-boxed .inner.c9-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg picture, main:focus-visible > section.c9-bg:first-of-type, section.c9-bg:focus-visible { outline-color: rgba(var(--c9-highlight), 1)!important; } .c9-bg .form-control:focus-visible, .c9-bg .form-check-input:focus-visible, .form .inner.c9-bg .form-control:focus-visible, .form .inner.c9-bg .form-check-input:focus-visible, .form .inner.c9-bg .umbraco-forms-field input:focus-visible, .form .inner.c9-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c9-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c9-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail { color: rgba(var(--c9-text), 1); } .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c9-text), 1); } .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c9-link), 1); } .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c9-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c10-bg, .item.item_overlay .inner .image.c10-bg::before, .usn_cmp_banner .item.item_overlay.c10-bg .inner::before { background: rgba(var(--c10-bg-color1), 1); } /* Backgrounds Linear */ .c10-bg.c10-bg-linear, .item.item_overlay .inner .image.c10-bg.c10-bg-linear::before, .usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-linear .inner::before { background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c10-bg.c10-bg-radial, .item.item_overlay .inner .image.c10-bg.c10-bg-radial::before, .usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c10-bg-start-perc) var(--c10-bg-stop-perc), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } /* Headings */ .c10-bg h1:not(.heading), .c10-bg h2:not(.heading), .c10-bg h3:not(.heading), .c10-bg h4:not(.heading), .c10-bg h5:not(.heading), .c10-bg h6:not(.heading) { color: rgba(var(--c10-heading), 1); } .c10-heading, .c10-bg .heading { color: rgba(var(--c10-heading), 1); } /* Secondary Headings */ .c10-secondary-heading, .c10-bg .c10-secondary-heading { color: rgba(var(--c10-secondary-heading), 1); } /* Text */ .c10-bg, .c10-bg .c10-text, .c10-text { color: rgba(var(--c10-text), 1); } /* Borders */ .c10-borders { border-color: rgba(var(--c10-borders), 1); } /* Links */ .c10-link, .c10-link, .c10-bg a:not(.btn), .c10-text a:not(.btn), .c10-bg .c10-text a:not(.btn) { color: rgba(var(--c10-link), 1); } .c10-link:hover, .c10-link:focus, .c10-link:active, .c10-bg a:not(.btn):hover, .c10-bg a:not(.btn):focus, .c10-bg a:not(.btn):active, .c10-bg a:not(.btn):hover, .c10-bg a:not(.btn):focus, .c10-bg a:not(.btn):active, .c10-text a:not(.btn):hover, .c10-text a:not(.btn):focus, .c10-text a:not(.btn):active, .c10-bg .c10-text a:not(.btn):hover, .c10-bg .c10-text a:not(.btn):focus, .c10-bg .c10-text a:not(.btn):active { color: rgba(var(--c10-link-hover), 1); } /* Highlights */ .c10-highlight-bg { background-color: rgba(var(--c10-highlight), 1); } .c10-bg blockquote::before, .component .component.c10-bg div > blockquote::before { color: rgba(var(--c10-highlight), 1); } .c10-highlight-text { color: rgba(var(--c10-highlight-text), 1); } .c10-heading { color: rgba(var(--c10-heading), 1)!important; } .c10-secondary-heading { color: rgba(var(--c10-secondary-heading), 1)!important; } .c10-bg .heading { color: rgba(var(--c10-heading), 1); } .c10-bg .secondary-heading { color: rgba(var(--c10-secondary-heading), 1); } .c10-bg .quote, .c10-bg blockquote { color: rgba(var(--c10-heading), 1); } .c10-bg .quote::before, .c10-bg blockquote::before { color: rgba(var(--c10-highlight), 1); } /* Labels */ .c10-bg .label:not(.item-label) { background-color: rgba(var(--c10-highlight), 1); } .c10-bg .label:not(.item-label) { color: rgba(var(--c10-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c10-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); } .c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; } .c10-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c10-highlight), 1); } /* Button Tabs */ .c10-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c10-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c10-link), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); } /* Linethrough Tabs */ .c10-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c10-link), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); } /* Slider Navigation */ .c10-bg .slick-slider .slick-prev, .c10-bg .slick-slider .slick-next { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); } html.no-touch .c10-bg .slick-slider .slick-prev:hover, html.no-touch .c10-bg .slick-slider .slick-next:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); } html.no-touch .c10-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c10-text), 1); } html.no-touch .c10-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c10-link-hover), 1); } .c10-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c10-highlight), 1); } /* Forms */ .form .c10-bg .form-control, .form .c10-bg .form-check-input { border-color: rgba(var(--c10-borders), 1); } .form .c10-bg .form-control:focus, .form .c10-bg .form-check-input:focus { border-color: rgba(var(--c10-highlight), 1); box-shadow: 0 0 5px var(--c10-highlight);} /* Ajax Loading */ .c10-bg .ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); } .c10-bg.ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); } .ajax-wrap .c10-bg .ajax-loading { background: rgba(var(--c10-bg-color1), 1); } .c10-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); } .c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); } .ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); } .c10-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } .c10-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } .item_form-single_field .c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } .item_form-single_field .ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } /* Links */ .c10-bg .listing.listing_links:not(.listing_links-mini), .c10-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c10-borders), 1); } .c10-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c10-borders), 0.1); } .c10-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c10-link), 1); } .c10-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c10-link-hover), 1); } /* Data List */ .c10-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c10-borders), 1); } .c10-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c10-borders), 1); } /* Sitemap */ .c10-bg nav.sitemap ul li::before, .c10-bg nav.sitemap ul li::after { background-color: rgba(var(--c10-borders), 1); } .c10-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c10-borders), 0.5); } /* Tables */ .c10-bg thead { color: rgba(var(--c10-heading), 1); } .c10-bg table, .c10-bg table th, .c10-bg table td { border-color: rgba(var(--c10-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c10-bg .expand-anchor { color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg .expand-anchor span:before { background: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg .expand-anchor span { background: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg .expand-anchor span:after { background: rgba(var(--c10-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), 0.25); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); } /* Scroll prompt */ .c10-bg .scroll-prompt .scroll-link { color: rgba(var(--c10-heading), 1); } .c10-bg .scroll-prompt .scroll-link i { color: rgba(var(--c10-heading), 1); } .c10-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c10-heading), 1); } .c10-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c10-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store h1 { color: rgba(var(--c10-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c10-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c10-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c10-heading), 1)!important; } /* Heading separators - on page */ .c10-bg h1::before, .c10-bg h2::before, .c10-bg h3::before, .c10-bg h4::before, .c10-bg h5::before, .c10-bg h6::before { background: rgba(var(--c10-highlight), 1); } .c10-bg h1::after, .c10-bg h2::after, .c10-bg h3::after, .c10-bg h4::after, .c10-bg h5::after, .c10-bg h6::after { background: rgba(var(--c10-highlight), 1); } /* Heading separators - on components */ .c10-bg .heading::before, .c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); } .c10-bg .heading::after, .c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); } /* Heading separators - on specific items */ .item.c10-bg .heading::before, .item.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); } .item.c10-bg .heading::after, .item.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); } .inner.c10-bg .heading::before, .inner.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); } .inner.c10-bg .heading::after, .inner.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c10-bg .image .overlayicon::before, .item.item_text-boxed .inner.c10-bg .image .overlayicon::before, .item.item_text-boxed .image.c10-bg .overlayicon::before { background: rgba(var(--c10-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c10-bg.c10-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c10-bg.c10-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c10-bg.c10-bg-linear .overlayicon::before { background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c10-bg.c10-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c10-bg.c10-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c10-bg.c10-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c10-bg-start-perc) var(--c10-bg-stop-perc), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } .item.item_text-boxed.c10-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c10-bg .image .overlayicon .icon, .item.item_text-boxed .image.c10-bg .overlayicon .icon { color: rgba(var(--c10-heading), 1); } /* Focus visibles */ .c10-bg a:focus-visible, .c10-bg .btn:focus-visible, .c10-bg button:focus-visible, .form .inner.c10-bg a:focus-visible, .form .inner.c10-bg .btn:focus-visible, .form .inner.c10-bg button:focus-visible, .c10-bg .item .image a:focus-visible, .c10-bg .item .image a:focus-visible img, .c10-bg .item .image a:focus-visible picture, .c10-bg .item .image a:focus-visible .overlayicon, .c10-bg .listing_no-spacing .item a:focus-visible .image, .c10-bg .listing_no-spacing .item a:focus-visible .image img, .c10-bg .listing_no-spacing .item a:focus-visible .image picture, .c10-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c10-bg a:focus-visible .image, .item.item_text-boxed .inner.c10-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c10-bg a:focus-visible .image img, .item.item_text-boxed .inner.c10-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg picture, main:focus-visible > section.c10-bg:first-of-type, section.c10-bg:focus-visible { outline-color: rgba(var(--c10-highlight), 1)!important; } .c10-bg .form-control:focus-visible, .c10-bg .form-check-input:focus-visible, .form .inner.c10-bg .form-control:focus-visible, .form .inner.c10-bg .form-check-input:focus-visible, .form .inner.c10-bg .umbraco-forms-field input:focus-visible, .form .inner.c10-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c10-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c10-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail { color: rgba(var(--c10-text), 1); } .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c10-text), 1); } .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c10-link), 1); } .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c10-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c11-bg, .item.item_overlay .inner .image.c11-bg::before, .usn_cmp_banner .item.item_overlay.c11-bg .inner::before { background: rgba(var(--c11-bg-color1), 1); } /* Backgrounds Linear */ .c11-bg.c11-bg-linear, .item.item_overlay .inner .image.c11-bg.c11-bg-linear::before, .usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-linear .inner::before { background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c11-bg.c11-bg-radial, .item.item_overlay .inner .image.c11-bg.c11-bg-radial::before, .usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c11-bg-start-perc) var(--c11-bg-stop-perc), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } /* Headings */ .c11-bg h1:not(.heading), .c11-bg h2:not(.heading), .c11-bg h3:not(.heading), .c11-bg h4:not(.heading), .c11-bg h5:not(.heading), .c11-bg h6:not(.heading) { color: rgba(var(--c11-heading), 1); } .c11-heading, .c11-bg .heading { color: rgba(var(--c11-heading), 1); } /* Secondary Headings */ .c11-secondary-heading, .c11-bg .c11-secondary-heading { color: rgba(var(--c11-secondary-heading), 1); } /* Text */ .c11-bg, .c11-bg .c11-text, .c11-text { color: rgba(var(--c11-text), 1); } /* Borders */ .c11-borders { border-color: rgba(var(--c11-borders), 1); } /* Links */ .c11-link, .c11-link, .c11-bg a:not(.btn), .c11-text a:not(.btn), .c11-bg .c11-text a:not(.btn) { color: rgba(var(--c11-link), 1); } .c11-link:hover, .c11-link:focus, .c11-link:active, .c11-bg a:not(.btn):hover, .c11-bg a:not(.btn):focus, .c11-bg a:not(.btn):active, .c11-bg a:not(.btn):hover, .c11-bg a:not(.btn):focus, .c11-bg a:not(.btn):active, .c11-text a:not(.btn):hover, .c11-text a:not(.btn):focus, .c11-text a:not(.btn):active, .c11-bg .c11-text a:not(.btn):hover, .c11-bg .c11-text a:not(.btn):focus, .c11-bg .c11-text a:not(.btn):active { color: rgba(var(--c11-link-hover), 1); } /* Highlights */ .c11-highlight-bg { background-color: rgba(var(--c11-highlight), 1); } .c11-bg blockquote::before, .component .component.c11-bg div > blockquote::before { color: rgba(var(--c11-highlight), 1); } .c11-highlight-text { color: rgba(var(--c11-highlight-text), 1); } .c11-heading { color: rgba(var(--c11-heading), 1)!important; } .c11-secondary-heading { color: rgba(var(--c11-secondary-heading), 1)!important; } .c11-bg .heading { color: rgba(var(--c11-heading), 1); } .c11-bg .secondary-heading { color: rgba(var(--c11-secondary-heading), 1); } .c11-bg .quote, .c11-bg blockquote { color: rgba(var(--c11-heading), 1); } .c11-bg .quote::before, .c11-bg blockquote::before { color: rgba(var(--c11-highlight), 1); } /* Labels */ .c11-bg .label:not(.item-label) { background-color: rgba(var(--c11-highlight), 1); } .c11-bg .label:not(.item-label) { color: rgba(var(--c11-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c11-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); } .c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; } .c11-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c11-highlight), 1); } /* Button Tabs */ .c11-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c11-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c11-link), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); } /* Linethrough Tabs */ .c11-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c11-link), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); } /* Slider Navigation */ .c11-bg .slick-slider .slick-prev, .c11-bg .slick-slider .slick-next { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); } html.no-touch .c11-bg .slick-slider .slick-prev:hover, html.no-touch .c11-bg .slick-slider .slick-next:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); } html.no-touch .c11-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c11-text), 1); } html.no-touch .c11-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c11-link-hover), 1); } .c11-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c11-highlight), 1); } /* Forms */ .form .c11-bg .form-control, .form .c11-bg .form-check-input { border-color: rgba(var(--c11-borders), 1); } .form .c11-bg .form-control:focus, .form .c11-bg .form-check-input:focus { border-color: rgba(var(--c11-highlight), 1); box-shadow: 0 0 5px var(--c11-highlight);} /* Ajax Loading */ .c11-bg .ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); } .c11-bg.ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); } .ajax-wrap .c11-bg .ajax-loading { background: rgba(var(--c11-bg-color1), 1); } .c11-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); } .c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); } .ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); } .c11-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } .c11-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } .item_form-single_field .c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } .item_form-single_field .ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } /* Links */ .c11-bg .listing.listing_links:not(.listing_links-mini), .c11-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c11-borders), 1); } .c11-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c11-borders), 0.1); } .c11-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c11-link), 1); } .c11-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c11-link-hover), 1); } /* Data List */ .c11-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c11-borders), 1); } .c11-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c11-borders), 1); } /* Sitemap */ .c11-bg nav.sitemap ul li::before, .c11-bg nav.sitemap ul li::after { background-color: rgba(var(--c11-borders), 1); } .c11-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c11-borders), 0.5); } /* Tables */ .c11-bg thead { color: rgba(var(--c11-heading), 1); } .c11-bg table, .c11-bg table th, .c11-bg table td { border-color: rgba(var(--c11-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c11-bg .expand-anchor { color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg .expand-anchor span:before { background: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg .expand-anchor span { background: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg .expand-anchor span:after { background: rgba(var(--c11-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), 0.25); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); } /* Scroll prompt */ .c11-bg .scroll-prompt .scroll-link { color: rgba(var(--c11-heading), 1); } .c11-bg .scroll-prompt .scroll-link i { color: rgba(var(--c11-heading), 1); } .c11-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c11-heading), 1); } .c11-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c11-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store h1 { color: rgba(var(--c11-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c11-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c11-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c11-heading), 1)!important; } /* Heading separators - on page */ .c11-bg h1::before, .c11-bg h2::before, .c11-bg h3::before, .c11-bg h4::before, .c11-bg h5::before, .c11-bg h6::before { background: rgba(var(--c11-highlight), 1); } .c11-bg h1::after, .c11-bg h2::after, .c11-bg h3::after, .c11-bg h4::after, .c11-bg h5::after, .c11-bg h6::after { background: rgba(var(--c11-highlight), 1); } /* Heading separators - on components */ .c11-bg .heading::before, .c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); } .c11-bg .heading::after, .c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); } /* Heading separators - on specific items */ .item.c11-bg .heading::before, .item.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); } .item.c11-bg .heading::after, .item.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); } .inner.c11-bg .heading::before, .inner.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); } .inner.c11-bg .heading::after, .inner.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c11-bg .image .overlayicon::before, .item.item_text-boxed .inner.c11-bg .image .overlayicon::before, .item.item_text-boxed .image.c11-bg .overlayicon::before { background: rgba(var(--c11-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c11-bg.c11-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c11-bg.c11-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c11-bg.c11-bg-linear .overlayicon::before { background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c11-bg.c11-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c11-bg.c11-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c11-bg.c11-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c11-bg-start-perc) var(--c11-bg-stop-perc), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } .item.item_text-boxed.c11-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c11-bg .image .overlayicon .icon, .item.item_text-boxed .image.c11-bg .overlayicon .icon { color: rgba(var(--c11-heading), 1); } /* Focus visibles */ .c11-bg a:focus-visible, .c11-bg .btn:focus-visible, .c11-bg button:focus-visible, .form .inner.c11-bg a:focus-visible, .form .inner.c11-bg .btn:focus-visible, .form .inner.c11-bg button:focus-visible, .c11-bg .item .image a:focus-visible, .c11-bg .item .image a:focus-visible img, .c11-bg .item .image a:focus-visible picture, .c11-bg .item .image a:focus-visible .overlayicon, .c11-bg .listing_no-spacing .item a:focus-visible .image, .c11-bg .listing_no-spacing .item a:focus-visible .image img, .c11-bg .listing_no-spacing .item a:focus-visible .image picture, .c11-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c11-bg a:focus-visible .image, .item.item_text-boxed .inner.c11-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c11-bg a:focus-visible .image img, .item.item_text-boxed .inner.c11-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg picture, main:focus-visible > section.c11-bg:first-of-type, section.c11-bg:focus-visible { outline-color: rgba(var(--c11-highlight), 1)!important; } .c11-bg .form-control:focus-visible, .c11-bg .form-check-input:focus-visible, .form .inner.c11-bg .form-control:focus-visible, .form .inner.c11-bg .form-check-input:focus-visible, .form .inner.c11-bg .umbraco-forms-field input:focus-visible, .form .inner.c11-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c11-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c11-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail { color: rgba(var(--c11-text), 1); } .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c11-text), 1); } .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c11-link), 1); } .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c11-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c12-bg, .item.item_overlay .inner .image.c12-bg::before, .usn_cmp_banner .item.item_overlay.c12-bg .inner::before { background: rgba(var(--c12-bg-color1), 1); } /* Backgrounds Linear */ .c12-bg.c12-bg-linear, .item.item_overlay .inner .image.c12-bg.c12-bg-linear::before, .usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-linear .inner::before { background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c12-bg.c12-bg-radial, .item.item_overlay .inner .image.c12-bg.c12-bg-radial::before, .usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c12-bg-start-perc) var(--c12-bg-stop-perc), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } /* Headings */ .c12-bg h1:not(.heading), .c12-bg h2:not(.heading), .c12-bg h3:not(.heading), .c12-bg h4:not(.heading), .c12-bg h5:not(.heading), .c12-bg h6:not(.heading) { color: rgba(var(--c12-heading), 1); } .c12-heading, .c12-bg .heading { color: rgba(var(--c12-heading), 1); } /* Secondary Headings */ .c12-secondary-heading, .c12-bg .c12-secondary-heading { color: rgba(var(--c12-secondary-heading), 1); } /* Text */ .c12-bg, .c12-bg .c12-text, .c12-text { color: rgba(var(--c12-text), 1); } /* Borders */ .c12-borders { border-color: rgba(var(--c12-borders), 1); } /* Links */ .c12-link, .c12-link, .c12-bg a:not(.btn), .c12-text a:not(.btn), .c12-bg .c12-text a:not(.btn) { color: rgba(var(--c12-link), 1); } .c12-link:hover, .c12-link:focus, .c12-link:active, .c12-bg a:not(.btn):hover, .c12-bg a:not(.btn):focus, .c12-bg a:not(.btn):active, .c12-bg a:not(.btn):hover, .c12-bg a:not(.btn):focus, .c12-bg a:not(.btn):active, .c12-text a:not(.btn):hover, .c12-text a:not(.btn):focus, .c12-text a:not(.btn):active, .c12-bg .c12-text a:not(.btn):hover, .c12-bg .c12-text a:not(.btn):focus, .c12-bg .c12-text a:not(.btn):active { color: rgba(var(--c12-link-hover), 1); } /* Highlights */ .c12-highlight-bg { background-color: rgba(var(--c12-highlight), 1); } .c12-bg blockquote::before, .component .component.c12-bg div > blockquote::before { color: rgba(var(--c12-highlight), 1); } .c12-highlight-text { color: rgba(var(--c12-highlight-text), 1); } .c12-heading { color: rgba(var(--c12-heading), 1)!important; } .c12-secondary-heading { color: rgba(var(--c12-secondary-heading), 1)!important; } .c12-bg .heading { color: rgba(var(--c12-heading), 1); } .c12-bg .secondary-heading { color: rgba(var(--c12-secondary-heading), 1); } .c12-bg .quote, .c12-bg blockquote { color: rgba(var(--c12-heading), 1); } .c12-bg .quote::before, .c12-bg blockquote::before { color: rgba(var(--c12-highlight), 1); } /* Labels */ .c12-bg .label:not(.item-label) { background-color: rgba(var(--c12-highlight), 1); } .c12-bg .label:not(.item-label) { color: rgba(var(--c12-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c12-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); } .c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; } .c12-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c12-highlight), 1); } /* Button Tabs */ .c12-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c12-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c12-link), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); } /* Linethrough Tabs */ .c12-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c12-link), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); } /* Slider Navigation */ .c12-bg .slick-slider .slick-prev, .c12-bg .slick-slider .slick-next { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); } html.no-touch .c12-bg .slick-slider .slick-prev:hover, html.no-touch .c12-bg .slick-slider .slick-next:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); } html.no-touch .c12-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c12-text), 1); } html.no-touch .c12-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c12-link-hover), 1); } .c12-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c12-highlight), 1); } /* Forms */ .form .c12-bg .form-control, .form .c12-bg .form-check-input { border-color: rgba(var(--c12-borders), 1); } .form .c12-bg .form-control:focus, .form .c12-bg .form-check-input:focus { border-color: rgba(var(--c12-highlight), 1); box-shadow: 0 0 5px var(--c12-highlight);} /* Ajax Loading */ .c12-bg .ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); } .c12-bg.ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); } .ajax-wrap .c12-bg .ajax-loading { background: rgba(var(--c12-bg-color1), 1); } .c12-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); } .c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); } .ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); } .c12-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } .c12-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } .item_form-single_field .c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } .item_form-single_field .ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } /* Links */ .c12-bg .listing.listing_links:not(.listing_links-mini), .c12-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c12-borders), 1); } .c12-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c12-borders), 0.1); } .c12-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c12-link), 1); } .c12-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c12-link-hover), 1); } /* Data List */ .c12-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c12-borders), 1); } .c12-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c12-borders), 1); } /* Sitemap */ .c12-bg nav.sitemap ul li::before, .c12-bg nav.sitemap ul li::after { background-color: rgba(var(--c12-borders), 1); } .c12-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c12-borders), 0.5); } /* Tables */ .c12-bg thead { color: rgba(var(--c12-heading), 1); } .c12-bg table, .c12-bg table th, .c12-bg table td { border-color: rgba(var(--c12-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c12-bg .expand-anchor { color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg .expand-anchor span:before { background: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg .expand-anchor span { background: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg .expand-anchor span:after { background: rgba(var(--c12-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), 0.25); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); } /* Scroll prompt */ .c12-bg .scroll-prompt .scroll-link { color: rgba(var(--c12-heading), 1); } .c12-bg .scroll-prompt .scroll-link i { color: rgba(var(--c12-heading), 1); } .c12-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c12-heading), 1); } .c12-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c12-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store h1 { color: rgba(var(--c12-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c12-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c12-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c12-heading), 1)!important; } /* Heading separators - on page */ .c12-bg h1::before, .c12-bg h2::before, .c12-bg h3::before, .c12-bg h4::before, .c12-bg h5::before, .c12-bg h6::before { background: rgba(var(--c12-highlight), 1); } .c12-bg h1::after, .c12-bg h2::after, .c12-bg h3::after, .c12-bg h4::after, .c12-bg h5::after, .c12-bg h6::after { background: rgba(var(--c12-highlight), 1); } /* Heading separators - on components */ .c12-bg .heading::before, .c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); } .c12-bg .heading::after, .c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); } /* Heading separators - on specific items */ .item.c12-bg .heading::before, .item.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); } .item.c12-bg .heading::after, .item.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); } .inner.c12-bg .heading::before, .inner.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); } .inner.c12-bg .heading::after, .inner.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c12-bg .image .overlayicon::before, .item.item_text-boxed .inner.c12-bg .image .overlayicon::before, .item.item_text-boxed .image.c12-bg .overlayicon::before { background: rgba(var(--c12-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c12-bg.c12-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c12-bg.c12-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c12-bg.c12-bg-linear .overlayicon::before { background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c12-bg.c12-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c12-bg.c12-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c12-bg.c12-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c12-bg-start-perc) var(--c12-bg-stop-perc), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } .item.item_text-boxed.c12-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c12-bg .image .overlayicon .icon, .item.item_text-boxed .image.c12-bg .overlayicon .icon { color: rgba(var(--c12-heading), 1); } /* Focus visibles */ .c12-bg a:focus-visible, .c12-bg .btn:focus-visible, .c12-bg button:focus-visible, .form .inner.c12-bg a:focus-visible, .form .inner.c12-bg .btn:focus-visible, .form .inner.c12-bg button:focus-visible, .c12-bg .item .image a:focus-visible, .c12-bg .item .image a:focus-visible img, .c12-bg .item .image a:focus-visible picture, .c12-bg .item .image a:focus-visible .overlayicon, .c12-bg .listing_no-spacing .item a:focus-visible .image, .c12-bg .listing_no-spacing .item a:focus-visible .image img, .c12-bg .listing_no-spacing .item a:focus-visible .image picture, .c12-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c12-bg a:focus-visible .image, .item.item_text-boxed .inner.c12-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c12-bg a:focus-visible .image img, .item.item_text-boxed .inner.c12-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg picture, main:focus-visible > section.c12-bg:first-of-type, section.c12-bg:focus-visible { outline-color: rgba(var(--c12-highlight), 1)!important; } .c12-bg .form-control:focus-visible, .c12-bg .form-check-input:focus-visible, .form .inner.c12-bg .form-control:focus-visible, .form .inner.c12-bg .form-check-input:focus-visible, .form .inner.c12-bg .umbraco-forms-field input:focus-visible, .form .inner.c12-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c12-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c12-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail { color: rgba(var(--c12-text), 1); } .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c12-text), 1); } .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c12-link), 1); } .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c12-text), 0.5); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c13-bg, .item.item_overlay .inner .image.c13-bg::before, .usn_cmp_banner .item.item_overlay.c13-bg .inner::before { background: rgba(var(--c13-bg-color1), 1); } /* Backgrounds Linear */ .c13-bg.c13-bg-linear, .item.item_overlay .inner .image.c13-bg.c13-bg-linear::before, .usn_cmp_banner .item.item_overlay.c13-bg.c13-bg-linear .inner::before { background: linear-gradient(var(--c13-bg-angle), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c13-bg.c13-bg-radial, .item.item_overlay .inner .image.c13-bg.c13-bg-radial::before, .usn_cmp_banner .item.item_overlay.c13-bg.c13-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c13-bg-start-perc) var(--c13-bg-stop-perc), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } /* Headings */ .c13-bg h1:not(.heading), .c13-bg h2:not(.heading), .c13-bg h3:not(.heading), .c13-bg h4:not(.heading), .c13-bg h5:not(.heading), .c13-bg h6:not(.heading) { color: rgba(var(--c13-heading), 1); } .c13-heading, .c13-bg .heading { color: rgba(var(--c13-heading), 1); } /* Secondary Headings */ .c13-secondary-heading, .c13-bg .c13-secondary-heading { color: rgba(var(--c13-secondary-heading), 1); } /* Text */ .c13-bg, .c13-bg .c13-text, .c13-text { color: rgba(var(--c13-text), 1); } /* Borders */ .c13-borders { border-color: rgba(var(--c13-borders), 1); } /* Links */ .c13-link, .c13-link, .c13-bg a:not(.btn), .c13-text a:not(.btn), .c13-bg .c13-text a:not(.btn) { color: rgba(var(--c13-link), 1); } .c13-link:hover, .c13-link:focus, .c13-link:active, .c13-bg a:not(.btn):hover, .c13-bg a:not(.btn):focus, .c13-bg a:not(.btn):active, .c13-bg a:not(.btn):hover, .c13-bg a:not(.btn):focus, .c13-bg a:not(.btn):active, .c13-text a:not(.btn):hover, .c13-text a:not(.btn):focus, .c13-text a:not(.btn):active, .c13-bg .c13-text a:not(.btn):hover, .c13-bg .c13-text a:not(.btn):focus, .c13-bg .c13-text a:not(.btn):active { color: rgba(var(--c13-link-hover), 1); } /* Highlights */ .c13-highlight-bg { background-color: rgba(var(--c13-highlight), 1); } .c13-bg blockquote::before, .component .component.c13-bg div > blockquote::before { color: rgba(var(--c13-highlight), 1); } .c13-highlight-text { color: rgba(var(--c13-highlight-text), 1); } .c13-heading { color: rgba(var(--c13-heading), 1)!important; } .c13-secondary-heading { color: rgba(var(--c13-secondary-heading), 1)!important; } .c13-bg .heading { color: rgba(var(--c13-heading), 1); } .c13-bg .secondary-heading { color: rgba(var(--c13-secondary-heading), 1); } .c13-bg .quote, .c13-bg blockquote { color: rgba(var(--c13-heading), 1); } .c13-bg .quote::before, .c13-bg blockquote::before { color: rgba(var(--c13-highlight), 1); } /* Labels */ .c13-bg .label:not(.item-label) { background-color: rgba(var(--c13-highlight), 1); } .c13-bg .label:not(.item-label) { color: rgba(var(--c13-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c13-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c13-link), 1); border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c13-borders), 0.15); } .c13-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c13-heading), 1); background: transparent; } .c13-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c13-highlight), 1); } /* Button Tabs */ .c13-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c13-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c13-link), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c13-heading), 1); } /* Linethrough Tabs */ .c13-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c13-link), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c13-heading), 1); } /* Slider Navigation */ .c13-bg .slick-slider .slick-prev, .c13-bg .slick-slider .slick-next { color: rgba(var(--c13-link), 1); background-color: rgba(var(--c13-bg-color1), 1); } html.no-touch .c13-bg .slick-slider .slick-prev:hover, html.no-touch .c13-bg .slick-slider .slick-next:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c13-link), 1); background-color: rgba(var(--c13-bg-color1), 1); } html.no-touch .c13-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c13-text), 1); } html.no-touch .c13-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c13-link-hover), 1); } .c13-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c13-highlight), 1); } /* Forms */ .form .c13-bg .form-control, .form .c13-bg .form-check-input { border-color: rgba(var(--c13-borders), 1); } .form .c13-bg .form-control:focus, .form .c13-bg .form-check-input:focus { border-color: rgba(var(--c13-highlight), 1); box-shadow: 0 0 5px var(--c13-highlight);} /* Ajax Loading */ .c13-bg .ajax-wrap .ajax-loading { background: rgba(var(--c13-bg-color1), 1); } .c13-bg.ajax-wrap .ajax-loading { background: rgba(var(--c13-bg-color1), 1); } .ajax-wrap .c13-bg .ajax-loading { background: rgba(var(--c13-bg-color1), 1); } .c13-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); } .c13-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); } .ajax-wrap .c13-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); } .c13-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } .c13-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } .item_form-single_field .c13-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } .item_form-single_field .ajax-wrap .c13-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } /* Links */ .c13-bg .listing.listing_links:not(.listing_links-mini), .c13-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c13-borders), 1); } .c13-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c13-borders), 0.1); } .c13-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c13-link), 1); } .c13-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c13-link-hover), 1); } /* Data List */ .c13-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c13-borders), 1); } .c13-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c13-borders), 1); } /* Sitemap */ .c13-bg nav.sitemap ul li::before, .c13-bg nav.sitemap ul li::after { background-color: rgba(var(--c13-borders), 1); } .c13-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c13-borders), 0.5); } /* Tables */ .c13-bg thead { color: rgba(var(--c13-heading), 1); } .c13-bg table, .c13-bg table th, .c13-bg table td { border-color: rgba(var(--c13-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c13-bg .expand-anchor { color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg .expand-anchor span:before { background: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg .expand-anchor span { background: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg .expand-anchor span:after { background: rgba(var(--c13-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c13-link), 1); border-color: rgba(var(--c13-borders), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c13-borders), 0.15); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c13-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-borders), 0.25); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), 0.25); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c13-link), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c13-link), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-heading), 1); } /* Scroll prompt */ .c13-bg .scroll-prompt .scroll-link { color: rgba(var(--c13-heading), 1); } .c13-bg .scroll-prompt .scroll-link i { color: rgba(var(--c13-heading), 1); } .c13-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c13-heading), 1); } .c13-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c13-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store h1 { color: rgba(var(--c13-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c13-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c13-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c13-heading), 1)!important; } /* Heading separators - on page */ .c13-bg h1::before, .c13-bg h2::before, .c13-bg h3::before, .c13-bg h4::before, .c13-bg h5::before, .c13-bg h6::before { background: rgba(var(--c13-highlight), 1); } .c13-bg h1::after, .c13-bg h2::after, .c13-bg h3::after, .c13-bg h4::after, .c13-bg h5::after, .c13-bg h6::after { background: rgba(var(--c13-highlight), 1); } /* Heading separators - on components */ .c13-bg .heading::before, .c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); } .c13-bg .heading::after, .c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); } /* Heading separators - on specific items */ .item.c13-bg .heading::before, .item.c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); } .item.c13-bg .heading::after, .item.c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); } .inner.c13-bg .heading::before, .inner.c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); } .inner.c13-bg .heading::after, .inner.c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c13-bg .image .overlayicon::before, .item.item_text-boxed .inner.c13-bg .image .overlayicon::before, .item.item_text-boxed .image.c13-bg .overlayicon::before { background: rgba(var(--c13-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c13-bg.c13-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c13-bg.c13-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c13-bg.c13-bg-linear .overlayicon::before { background: linear-gradient(var(--c13-bg-angle), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c13-bg.c13-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c13-bg.c13-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c13-bg.c13-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c13-bg-start-perc) var(--c13-bg-stop-perc), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } .item.item_text-boxed.c13-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c13-bg .image .overlayicon .icon, .item.item_text-boxed .image.c13-bg .overlayicon .icon { color: rgba(var(--c13-heading), 1); } /* Focus visibles */ .c13-bg a:focus-visible, .c13-bg .btn:focus-visible, .c13-bg button:focus-visible, .form .inner.c13-bg a:focus-visible, .form .inner.c13-bg .btn:focus-visible, .form .inner.c13-bg button:focus-visible, .c13-bg .item .image a:focus-visible, .c13-bg .item .image a:focus-visible img, .c13-bg .item .image a:focus-visible picture, .c13-bg .item .image a:focus-visible .overlayicon, .c13-bg .listing_no-spacing .item a:focus-visible .image, .c13-bg .listing_no-spacing .item a:focus-visible .image img, .c13-bg .listing_no-spacing .item a:focus-visible .image picture, .c13-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c13-bg a:focus-visible .image, .item.item_text-boxed .inner.c13-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c13-bg a:focus-visible .image img, .item.item_text-boxed .inner.c13-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg picture, main:focus-visible > section.c13-bg:first-of-type, section.c13-bg:focus-visible { outline-color: rgba(var(--c13-highlight), 1)!important; } .c13-bg .form-control:focus-visible, .c13-bg .form-check-input:focus-visible, .form .inner.c13-bg .form-control:focus-visible, .form .inner.c13-bg .form-check-input:focus-visible, .form .inner.c13-bg .umbraco-forms-field input:focus-visible, .form .inner.c13-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c13-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c13-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail { color: rgba(var(--c13-text), 1); } .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c13-text), 1); } .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c13-link), 1); } .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c13-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 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 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 hover */ .btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, .btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, .btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span, a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c1-btn-borders, .btn-borders_c1-btn-borders .btn { border-color: rgba(var(--c1-btn-borders), 1); } /* Button Borders Hover */ .btn.c1-btn-borders:hover, .btn-borders_c1-btn-borders .btn:hover, .btn.c1-btn-borders:focus, .btn-borders_c1-btn-borders .btn:focus, .btn.c1-btn-borders:active, .btn-borders_c1-btn-borders .btn:active, a:hover .btn.c1-btn-borders, a:focus .btn.c1-btn-borders, a:active .btn.c1-btn-borders { border-color: rgba(var(--c1-btn-borders-hover), 1); } /* Button Text */ .btn.c1-btn-text, .btn-text_c1-btn-text .btn { color: rgba(var(--c1-btn-text), 1); } /* Button Text Hover */ .btn.c1-btn-text:hover, .btn-text_c1-btn-text .btn:hover, .btn.c1-btn-text:focus, .btn-text_c1-btn-text .btn:focus, .btn.c1-btn-text:active, .btn-text_c1-btn-text .btn:active, a:hover .btn.c1-btn-text, a:focus .btn.c1-btn-text, a:active .btn.c1-btn-text { color: rgba(var(--c1-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c1-btn-borders:hover, .btn.c1-btn-borders:focus, .btn.c1-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c1-btn-borders .btn:hover, .btn-borders_c1-btn-borders .btn:focus, .btn-borders_c1-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c1-btn-text, .basic-buttons .btn-text_c1-btn-text .btn { color: rgba(var(--c1-btn-bg), 1); } .basic-buttons .btn.c1-btn-text:hover, .basic-buttons .btn.c1-btn-text:focus, .basic-buttons .btn.c1-btn-text:active, .basic-buttons .btn-text_c1-btn-text .btn:hover, .basic-buttons .btn-text_c1-btn-text .btn:focus, .basic-buttons .btn-text_c1-btn-text .btn:active { color: rgba(var(--c1-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:hover { background: rgba(var(--c1-btn-bg-hover-color1),1); color: rgba(var(--c1-btn-text-hover),1); border-color: rgba(var(--c1-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c2-btn-bg, .btn-bg_c2-btn-bg .btn { background: rgba(var(--c2-btn-bg-color1), 1); } .c2-btn-bg:hover, .btn-bg_c2-btn-bg .btn:hover, .btn.c2-btn-bg:focus, .btn-bg_c2-btn-bg .btn:focus, .btn.c2-btn-bg:active, .btn-bg_c2-btn-bg .btn:active { background: rgba(var(--c2-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c2-btn-bg.c2-btn-bg-linear, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-linear:hover, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover, .btn.c2-btn-bg.c2-btn-bg-linear:focus, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus, .btn.c2-btn-bg.c2-btn-bg-linear:active, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c2-btn-bg.c2-btn-bg-radial, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-radial:hover, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover, .btn.c2-btn-bg.c2-btn-bg-radial:focus, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus, .btn.c2-btn-bg.c2-btn-bg-radial:active, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c2-btn-bg-hover:hover > span, .btn.c2-btn-bg-hover:focus > span, .btn.c2-btn-bg-hover:active > span, .btn-bg_c2-btn-bg-hover .btn:hover > span, .btn-bg_c2-btn-bg-hover .btn:focus > span, .btn-bg_c2-btn-bg-hover .btn:active > span, a:hover .btn.c2-btn-bg-hover > span, a:focus .btn.c2-btn-bg-hover > span, a:active .btn.c2-btn-bg-hover > span, .btn.c2-btn-bg-hover-solid:hover > span, .btn.c2-btn-bg-hover-solid:focus > span, .btn.c2-btn-bg-hover-solid:active > span, .btn-bg_c2-btn-bg-hover-solid .btn:hover > span, .btn-bg_c2-btn-bg-hover-solid .btn:focus > span, .btn-bg_c2-btn-bg-hover-solid .btn:active > span, a:hover .btn.c2-btn-bg-hover-solid > span, a:focus .btn.c2-btn-bg-hover-solid > span, a:active .btn.c2-btn-bg-hover-solid > span { background: rgba(var(--c2-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, .btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, .btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span, a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span { background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, .btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, .btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span, a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c2-btn-borders, .btn-borders_c2-btn-borders .btn { border-color: rgba(var(--c2-btn-borders), 1); } /* Button Borders Hover */ .btn.c2-btn-borders:hover, .btn-borders_c2-btn-borders .btn:hover, .btn.c2-btn-borders:focus, .btn-borders_c2-btn-borders .btn:focus, .btn.c2-btn-borders:active, .btn-borders_c2-btn-borders .btn:active, a:hover .btn.c2-btn-borders, a:focus .btn.c2-btn-borders, a:active .btn.c2-btn-borders { border-color: rgba(var(--c2-btn-borders-hover), 1); } /* Button Text */ .btn.c2-btn-text, .btn-text_c2-btn-text .btn { color: rgba(var(--c2-btn-text), 1); } /* Button Text Hover */ .btn.c2-btn-text:hover, .btn-text_c2-btn-text .btn:hover, .btn.c2-btn-text:focus, .btn-text_c2-btn-text .btn:focus, .btn.c2-btn-text:active, .btn-text_c2-btn-text .btn:active, a:hover .btn.c2-btn-text, a:focus .btn.c2-btn-text, a:active .btn.c2-btn-text { color: rgba(var(--c2-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c2-btn-borders:hover, .btn.c2-btn-borders:focus, .btn.c2-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c2-btn-borders .btn:hover, .btn-borders_c2-btn-borders .btn:focus, .btn-borders_c2-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c2-btn-text, .basic-buttons .btn-text_c2-btn-text .btn { color: rgba(var(--c2-btn-bg), 1); } .basic-buttons .btn.c2-btn-text:hover, .basic-buttons .btn.c2-btn-text:focus, .basic-buttons .btn.c2-btn-text:active, .basic-buttons .btn-text_c2-btn-text .btn:hover, .basic-buttons .btn-text_c2-btn-text .btn:focus, .basic-buttons .btn-text_c2-btn-text .btn:active { color: rgba(var(--c2-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:hover { background: rgba(var(--c2-btn-bg-hover-color1),1); color: rgba(var(--c2-btn-text-hover),1); border-color: rgba(var(--c2-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c3-btn-bg, .btn-bg_c3-btn-bg .btn { background: rgba(var(--c3-btn-bg-color1), 1); } .c3-btn-bg:hover, .btn-bg_c3-btn-bg .btn:hover, .btn.c3-btn-bg:focus, .btn-bg_c3-btn-bg .btn:focus, .btn.c3-btn-bg:active, .btn-bg_c3-btn-bg .btn:active { background: rgba(var(--c3-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c3-btn-bg.c3-btn-bg-linear, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-linear:hover, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover, .btn.c3-btn-bg.c3-btn-bg-linear:focus, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus, .btn.c3-btn-bg.c3-btn-bg-linear:active, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c3-btn-bg.c3-btn-bg-radial, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-radial:hover, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover, .btn.c3-btn-bg.c3-btn-bg-radial:focus, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus, .btn.c3-btn-bg.c3-btn-bg-radial:active, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c3-btn-bg-hover:hover > span, .btn.c3-btn-bg-hover:focus > span, .btn.c3-btn-bg-hover:active > span, .btn-bg_c3-btn-bg-hover .btn:hover > span, .btn-bg_c3-btn-bg-hover .btn:focus > span, .btn-bg_c3-btn-bg-hover .btn:active > span, a:hover .btn.c3-btn-bg-hover > span, a:focus .btn.c3-btn-bg-hover > span, a:active .btn.c3-btn-bg-hover > span, .btn.c3-btn-bg-hover-solid:hover > span, .btn.c3-btn-bg-hover-solid:focus > span, .btn.c3-btn-bg-hover-solid:active > span, .btn-bg_c3-btn-bg-hover-solid .btn:hover > span, .btn-bg_c3-btn-bg-hover-solid .btn:focus > span, .btn-bg_c3-btn-bg-hover-solid .btn:active > span, a:hover .btn.c3-btn-bg-hover-solid > span, a:focus .btn.c3-btn-bg-hover-solid > span, a:active .btn.c3-btn-bg-hover-solid > span { background: rgba(var(--c3-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, .btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, .btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span, a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span { background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, .btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, .btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span, a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c3-btn-borders, .btn-borders_c3-btn-borders .btn { border-color: rgba(var(--c3-btn-borders), 1); } /* Button Borders Hover */ .btn.c3-btn-borders:hover, .btn-borders_c3-btn-borders .btn:hover, .btn.c3-btn-borders:focus, .btn-borders_c3-btn-borders .btn:focus, .btn.c3-btn-borders:active, .btn-borders_c3-btn-borders .btn:active, a:hover .btn.c3-btn-borders, a:focus .btn.c3-btn-borders, a:active .btn.c3-btn-borders { border-color: rgba(var(--c3-btn-borders-hover), 1); } /* Button Text */ .btn.c3-btn-text, .btn-text_c3-btn-text .btn { color: rgba(var(--c3-btn-text), 1); } /* Button Text Hover */ .btn.c3-btn-text:hover, .btn-text_c3-btn-text .btn:hover, .btn.c3-btn-text:focus, .btn-text_c3-btn-text .btn:focus, .btn.c3-btn-text:active, .btn-text_c3-btn-text .btn:active, a:hover .btn.c3-btn-text, a:focus .btn.c3-btn-text, a:active .btn.c3-btn-text { color: rgba(var(--c3-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c3-btn-borders:hover, .btn.c3-btn-borders:focus, .btn.c3-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c3-btn-borders .btn:hover, .btn-borders_c3-btn-borders .btn:focus, .btn-borders_c3-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c3-btn-text, .basic-buttons .btn-text_c3-btn-text .btn { color: rgba(var(--c3-btn-bg), 1); } .basic-buttons .btn.c3-btn-text:hover, .basic-buttons .btn.c3-btn-text:focus, .basic-buttons .btn.c3-btn-text:active, .basic-buttons .btn-text_c3-btn-text .btn:hover, .basic-buttons .btn-text_c3-btn-text .btn:focus, .basic-buttons .btn-text_c3-btn-text .btn:active { color: rgba(var(--c3-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:hover { background: rgba(var(--c3-btn-bg-hover-color1),1); color: rgba(var(--c3-btn-text-hover),1); border-color: rgba(var(--c3-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c4-btn-bg, .btn-bg_c4-btn-bg .btn { background: rgba(var(--c4-btn-bg-color1), 1); } .c4-btn-bg:hover, .btn-bg_c4-btn-bg .btn:hover, .btn.c4-btn-bg:focus, .btn-bg_c4-btn-bg .btn:focus, .btn.c4-btn-bg:active, .btn-bg_c4-btn-bg .btn:active { background: rgba(var(--c4-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c4-btn-bg.c4-btn-bg-linear, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn { background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } .c4-btn-bg.c4-btn-bg-linear:hover, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover, .btn.c4-btn-bg.c4-btn-bg-linear:focus, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus, .btn.c4-btn-bg.c4-btn-bg-linear:active, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active { background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c4-btn-bg.c4-btn-bg-radial, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } .c4-btn-bg.c4-btn-bg-radial:hover, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover, .btn.c4-btn-bg.c4-btn-bg-radial:focus, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus, .btn.c4-btn-bg.c4-btn-bg-radial:active, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c4-btn-bg-hover:hover > span, .btn.c4-btn-bg-hover:focus > span, .btn.c4-btn-bg-hover:active > span, .btn-bg_c4-btn-bg-hover .btn:hover > span, .btn-bg_c4-btn-bg-hover .btn:focus > span, .btn-bg_c4-btn-bg-hover .btn:active > span, a:hover .btn.c4-btn-bg-hover > span, a:focus .btn.c4-btn-bg-hover > span, a:active .btn.c4-btn-bg-hover > span, .btn.c4-btn-bg-hover-solid:hover > span, .btn.c4-btn-bg-hover-solid:focus > span, .btn.c4-btn-bg-hover-solid:active > span, .btn-bg_c4-btn-bg-hover-solid .btn:hover > span, .btn-bg_c4-btn-bg-hover-solid .btn:focus > span, .btn-bg_c4-btn-bg-hover-solid .btn:active > span, a:hover .btn.c4-btn-bg-hover-solid > span, a:focus .btn.c4-btn-bg-hover-solid > span, a:active .btn.c4-btn-bg-hover-solid > span { background: rgba(var(--c4-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, .btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, .btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span, a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span { background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, .btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, .btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span, a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c4-btn-borders, .btn-borders_c4-btn-borders .btn { border-color: rgba(var(--c4-btn-borders), 1); } /* Button Borders Hover */ .btn.c4-btn-borders:hover, .btn-borders_c4-btn-borders .btn:hover, .btn.c4-btn-borders:focus, .btn-borders_c4-btn-borders .btn:focus, .btn.c4-btn-borders:active, .btn-borders_c4-btn-borders .btn:active, a:hover .btn.c4-btn-borders, a:focus .btn.c4-btn-borders, a:active .btn.c4-btn-borders { border-color: rgba(var(--c4-btn-borders-hover), 1); } /* Button Text */ .btn.c4-btn-text, .btn-text_c4-btn-text .btn { color: rgba(var(--c4-btn-text), 1); } /* Button Text Hover */ .btn.c4-btn-text:hover, .btn-text_c4-btn-text .btn:hover, .btn.c4-btn-text:focus, .btn-text_c4-btn-text .btn:focus, .btn.c4-btn-text:active, .btn-text_c4-btn-text .btn:active, a:hover .btn.c4-btn-text, a:focus .btn.c4-btn-text, a:active .btn.c4-btn-text { color: rgba(var(--c4-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c4-btn-borders:hover, .btn.c4-btn-borders:focus, .btn.c4-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c4-btn-borders .btn:hover, .btn-borders_c4-btn-borders .btn:focus, .btn-borders_c4-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c4-btn-text, .basic-buttons .btn-text_c4-btn-text .btn { color: rgba(var(--c4-btn-bg), 1); } .basic-buttons .btn.c4-btn-text:hover, .basic-buttons .btn.c4-btn-text:focus, .basic-buttons .btn.c4-btn-text:active, .basic-buttons .btn-text_c4-btn-text .btn:hover, .basic-buttons .btn-text_c4-btn-text .btn:focus, .basic-buttons .btn-text_c4-btn-text .btn:active { color: rgba(var(--c4-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:hover { background: rgba(var(--c4-btn-bg-hover-color1),1); color: rgba(var(--c4-btn-text-hover),1); border-color: rgba(var(--c4-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } .site-credit { display: none !important; } .anchor-link-important a { text-decoration: underline !important; } .slide-in-colour>div { border-left: solid 8px #005eb8; background-color: #fff; } .slide-in-colour a p { color: rgba(var(--c4-heading), 1) !important; } .pod-shadow>div { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.6); } .lg-box { width: 20em; height: 20em; } .md-box { width: 15em; height: 15em; } .sm-box { width: 10em; height: 10em; } .lg-box .inner, .md-box .inner, .sm-box .inner { height: 100%; } .lg-box .inner .info, .md-box .inner .info, .sm-box .inner .info { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; height: 100%; } .rounded-corners-1 .inner { border-radius: 25px; } .wl-form input[type="radio"], .wl-form input[type="checkbox"] { -webkit-appearance: auto; appearance: auto; }