/* --------------------------------------------------- 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:193,108,107; --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: 50px; --backtotop-spacing_side_sm: 0px; --backtotop-spacing_below_sm: 0px; --backtotop-spacing_side_lg: 20px; --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: 200px; --header-box-shadow_h: 0px; --header-box-shadow_v: 4px; --header-box-shadow_b: 40px; --header-box-shadow_o: 0.1; --nav-main-dropdown-width: 270px; --nav-main-dropdown-width_wide: 480px; --logo_sm-padding_top: 10px; --logo_sm-padding_right: 10px; --logo_sm-padding_bottom: 20px; --logo_sm-padding_left: 10px; --logo_lg-padding_top: 55px; --logo_lg-padding_right: 20px; --logo_lg-padding_bottom: 55px; --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: 0px; --base-box-shadow_o: 0; --content-col_pc-spacing: 15px; --pc-spacing: 40px; --pc-spacing_sm: 40px; --pc-spacing_md: 50px; --pc-spacing_lg: 110px; --pc-spacing_xl: 110px; --intro-col: 100%; --intro-col_sm: 100%; --intro-col_md: 90%; --intro-col_lg: 75%; --intro-col_xl: 75%; --outro-col: 100%; --outro-col_sm: 100%; --outro-col_md: 90%; --outro-col_lg: 75%; --outro-col_xl: 75%; --center-col: 100%; --center-col_sm: 100%; --center-col_md: 90%; --center-col_lg: 75%; --center-col_xl: 75%; --banner-col: 100%; --banner-col_sm: 100%; --banner-col_md: 90%; --banner-col_lg: 50%; --banner-col_xl: 50%; --form-field-border-width: 1px; --form-field-border-radius: 0px; --btn-border-width: 1px; --btn-border-radius: 150px; --btn-box-shadow_h: 0px; --btn-box-shadow_v: 4px; --btn-box-shadow_b: 4px; --btn-box-shadow_o: 0.25; --btn_sm-padding_top: 8px; --btn_sm-padding_right: 15px; --btn_sm-padding_bottom: 8px; --btn_sm-padding_left: 15px; --btn-padding_top: 8px; --btn-padding_right: 25px; --btn-padding_bottom: 8px; --btn-padding_left: 25px; --btn_lg-padding_top: 8px; --btn_lg-padding_right: 25px; --btn_lg-padding_bottom: 8px; --btn_lg-padding_left: 25px; /* Colors tab */ /* Body */ --body-bg-color1: 255, 255, 255; --body-bg-color2: 255, 255, 255; --body-bg-start-perc: 50%; --body-bg-stop-perc: 50%; --body-bg-angle: 90deg; /* Header */ --header-bg-color1: 255, 255, 255; --header-bg-color2: 255, 255, 255; --header-bg-start-perc: 50%; --header-bg-stop-perc: 50%; --header-bg-angle: 90deg; --header-text: 0, 0, 0; --header-borders: 204, 204, 204; --header-highlight: 0, 0, 0; /* Main Navigation */ --main-navigation-link: 0, 0, 0; --main-navigation-link-hover: 0, 0, 0; --main-navigation-link-active: 0, 0, 0; /* Logo */ --logo-link: 255, 255, 255; --logo-link-hover: 78, 78, 78; /* Secondary Navigation */ --secondary-navigation-link: 0, 0, 0; --secondary-navigation-link-hover: 0, 0, 0; /* Navigation dropdown */ --navigation-dropdown-color1: 240, 236, 228; --navigation-dropdown-color2: 255, 255, 255; --navigation-dropdown-start-perc: 50%; --navigation-dropdown-stop-perc: 50%; --navigation-dropdown-angle: 90deg; --navigation-dropdown-link: 0, 0, 0; --navigation-dropdown-link-hover: 0, 0, 0; --navigation-dropdown-link-active: 0, 0, 0; /* 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: 0, 0, 0; --base-secondary-heading: 0, 0, 0; --base-text: 0, 0, 0; --base-link: 0, 0, 0; --base-link-hover: 108, 108, 108; --base-borders: 0, 0, 0; --base-highlight: 108, 108, 108; --base-highlight-text: 255, 255, 255; /* Button */ --base-btn-bg-color1: 253, 49, 46; --base-btn-bg-color2: 253, 49, 46; --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: 253, 49, 46; --base-btn-bg-hover-color1: 253, 49, 46; --base-btn-bg-hover-color2: 255, 255, 255; --base-btn-bg-hover-start-perc: 50%; --base-btn-bg-hover-stop-perc: 50%; --base-btn-bg-hover-angle: 90deg; --base-btn-text-hover: 255, 255, 255; --base-btn-borders-hover: 253, 49, 46; /* Footer */ --footer-bg-color1: 230, 225, 214; --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: 0, 0, 0; --footer-link: 0, 0, 0; --footer-link-hover: 0, 0, 0; --footer-borders: 0, 0, 0; --footer-highlight: 0, 0, 0; --c1-bg-color1: 0, 0, 0; --c1-bg-color2: 0, 0, 0; --c1-bg-start-perc: 50%; --c1-bg-stop-perc: 50%; --c1-bg-angle: 90deg; --c1-heading: 255, 255, 255; --c1-secondary-heading: 255, 255, 255; --c1-text: 238, 238, 238; --c1-link: 255, 255, 255; --c1-link-hover: 204, 204, 204; --c1-borders: 255, 255, 255; --c1-highlight: 255, 255, 255; --c1-highlight-text: 255, 255, 255; --c2-bg-color1: 255, 255, 255; --c2-bg-color2: 0, 0, 0; --c2-bg-start-perc: 50%; --c2-bg-stop-perc: 50%; --c2-bg-angle: 90deg; --c2-heading: 0, 0, 0; --c2-secondary-heading: 0, 0, 0; --c2-text: 0, 0, 0; --c2-link: 0, 0, 0; --c2-link-hover: 0, 0, 0; --c2-borders: 0, 0, 0; --c2-highlight: 108, 108, 108; --c2-highlight-text: 255, 255, 255; --c3-bg-color1: 255, 255, 255; --c3-bg-color2: 217, 218, 219; --c3-bg-start-perc: 50%; --c3-bg-stop-perc: 50%; --c3-bg-angle: 0deg; --c3-heading: 165, 0, 52; --c3-secondary-heading: 0, 0, 0; --c3-text: 0, 0, 0; --c3-link: 0, 0, 0; --c3-link-hover: 108, 108, 108; --c3-borders: 0, 0, 0; --c3-highlight: 108, 108, 108; --c3-highlight-text: 255, 255, 255; --c4-bg-color1: 248, 248, 249; --c4-bg-color2: 0, 0, 0; --c4-bg-start-perc: 50%; --c4-bg-stop-perc: 50%; --c4-bg-angle: 90deg; --c4-heading: 0, 0, 0; --c4-secondary-heading: 0, 0, 0; --c4-text: 0, 0, 0; --c4-link: 0, 0, 0; --c4-link-hover: 0, 0, 0; --c4-borders: 0, 0, 0; --c4-highlight: 0, 0, 0; --c4-highlight-text: 255, 255, 255; --c5-bg-color1: 217, 218, 219; --c5-bg-color2: 255, 255, 255; --c5-bg-start-perc: 50%; --c5-bg-stop-perc: 50%; --c5-bg-angle: -180deg; --c5-heading: 0, 0, 0; --c5-secondary-heading: 0, 0, 0; --c5-text: 0, 0, 0; --c5-link: 0, 0, 0; --c5-link-hover: 108, 108, 108; --c5-borders: 0, 0, 0; --c5-highlight: 108, 108, 108; --c5-highlight-text: 255, 255, 255; --c6-bg-color1: 255, 255, 255; --c6-bg-color2: 0, 0, 0; --c6-bg-start-perc: 50%; --c6-bg-stop-perc: 50%; --c6-bg-angle: -180deg; --c6-heading: 255, 255, 255; --c6-secondary-heading: 255, 255, 255; --c6-text: 255, 255, 255; --c6-link: 255, 255, 255; --c6-link-hover: 255, 255, 255; --c6-borders: 0, 0, 0; --c6-highlight: 0, 0, 0; --c6-highlight-text: 255, 255, 255; --c7-bg-color1: 255, 255, 255; --c7-bg-color2: 0, 0, 0; --c7-bg-start-perc: 50%; --c7-bg-stop-perc: 50%; --c7-bg-angle: 90deg; --c7-heading: 255, 255, 255; --c7-secondary-heading: 255, 255, 255; --c7-text: 255, 255, 255; --c7-link: 255, 255, 255; --c7-link-hover: 255, 255, 255; --c7-borders: 0, 0, 0; --c7-highlight: 255, 255, 255; --c7-highlight-text: 255, 255, 255; --c8-bg-color1: 244, 244, 244; --c8-bg-color2: 0, 0, 0; --c8-bg-start-perc: 50%; --c8-bg-stop-perc: 50%; --c8-bg-angle: 90deg; --c8-heading: 0, 0, 0; --c8-secondary-heading: 0, 0, 0; --c8-text: 0, 0, 0; --c8-link: 0, 0, 0; --c8-link-hover: 108, 108, 108; --c8-borders: 0, 0, 0; --c8-highlight: 108, 108, 108; --c8-highlight-text: 255, 255, 255; --c1-btn-bg-color1: 255, 255, 255; --c1-btn-bg-color2: 0, 0, 0; --c1-btn-bg-start-perc: 50%; --c1-btn-bg-stop-perc: 50%; --c1-btn-bg-angle: 90deg; --c1-btn-text: 0, 0, 0; --c1-btn-borders: 0, 0, 0; --c1-btn-bg-hover-color1: 255, 255, 255; --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: 0, 0, 0; --c1-btn-borders-hover: 0, 0, 0; --c2-btn-bg-color1: 0, 0, 0; --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: 255, 255, 255; --c2-btn-bg-hover-color1: 0, 0, 0; --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: 255, 255, 255; --c3-btn-bg-color1: 253, 49, 46; --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: 253, 49, 46; --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: 0, 0, 0; --c3-btn-borders-hover: 51, 51, 51; /* Fonts tab */ --body-typography_font-name: 'Helvetica',Arial, sans-serif; --body-typography_font-weight: 400; --body-typography_font-style: normal; --body-typography_font-line-height: 146%; --body-typography_font-letter-spacing: 0px; --body-typography_font-transform: None; --body-typography_font-size: 16px; --body-typography_font-size_sm: 16px; --body-typography_font-size_md: 16px; --body-typography_font-size_lg: 22px; --body-typography_font-size_xl: 22px; --h1-typography_font-name: 'Helvetica',Arial, sans-serif; --h1-typography_font-weight: 700; --h1-typography_font-style: normal; --h1-typography_font-line-height: 120%; --h1-typography_font-letter-spacing: 0px; --h1-typography_font-transform: None; --h1-typography_font-size: 30px; --h1-typography_font-size_sm: 35px; --h1-typography_font-size_md: 40px; --h1-typography_font-size_lg: 40px; --h1-typography_font-size_xl: 55px; --h2-typography_font-name: 'Helvetica',Arial, 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: 40px; --h2-typography_font-size_xl: 55px; --h3-typography_font-name: 'Helvetica',Arial, 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: 40px; --h3-typography_font-size_xl: 40px; --h4-typography_font-name: 'Helvetica',Arial, sans-serif; --h4-typography_font-weight: 700; --h4-typography_font-style: normal; --h4-typography_font-line-height: 150%; --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: 30px; --h5-typography_font-name: 'Helvetica',Arial, sans-serif; --h5-typography_font-weight: 700; --h5-typography_font-style: normal; --h5-typography_font-line-height: 150%; --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: 30px; --h5-typography_font-size_xl: 30px; --h6-typography_font-name: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 55px; --p-heading_large-typography_font-size_xl: 55px; --p-intro-typography_font-name: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 0px; --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: 'Helvetica',Arial, 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: 0px; --secondary-heading-typography_font-transform: None; --secondary-heading-typography_font-size: 20px; --secondary-heading-typography_font-size_sm: 20px; --secondary-heading-typography_font-size_md: 24px; --secondary-heading-typography_font-size_lg: 24px; --secondary-heading-typography_font-size_xl: 24px; --secondary-heading_small-typography_font-name: 'Helvetica',Arial, 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: 0px; --secondary-heading_small-typography_font-transform: None; --secondary-heading_small-typography_font-size: 16px; --secondary-heading_small-typography_font-size_sm: 16px; --secondary-heading_small-typography_font-size_md: 18px; --secondary-heading_small-typography_font-size_lg: 18px; --secondary-heading_small-typography_font-size_xl: 18px; --secondary-heading_large-typography_font-name: 'Helvetica',Arial, 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: 0px; --secondary-heading_large-typography_font-transform: None; --secondary-heading_large-typography_font-size: 22px; --secondary-heading_large-typography_font-size_sm: 22px; --secondary-heading_large-typography_font-size_md: 24px; --secondary-heading_large-typography_font-size_lg: 24px; --secondary-heading_large-typography_font-size_xl: 24px; --blockquote-typography_font-name: 'Helvetica',Arial, sans-serif; --blockquote-typography_font-weight: 700; --blockquote-typography_font-style: italic; --blockquote-typography_font-line-height: 140%; --blockquote-typography_font-letter-spacing: 0px; --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: 'Helvetica',Arial, 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: 0px; --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: 'Helvetica',Arial, 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: 0px; --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: 'Helvetica',Arial, sans-serif; --btn-typography_font-weight: 400; --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: 22px; --btn-typography_font-size_lg: 22px; --btn-typography_font-size_xl: 22px; --btn_small-typography_font-name: 'Helvetica',Arial, sans-serif; --btn_small-typography_font-weight: 400; --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: 16px; --btn_small-typography_font-size_sm: 16px; --btn_small-typography_font-size_md: 16px; --btn_small-typography_font-size_lg: 16px; --btn_small-typography_font-size_xl: 16px; --btn_large-typography_font-name: 'Helvetica',Arial, sans-serif; --btn_large-typography_font-weight: 400; --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: 16px; --btn_large-typography_font-size_sm: 16px; --btn_large-typography_font-size_md: 24px; --btn_large-typography_font-size_lg: 24px; --btn_large-typography_font-size_xl: 24px; --main-navigation-typography_font-name: 'Helvetica',Arial, 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: 20px; --main-navigation-typography_font-size_xl: 20px; --main-navigation_dropdowns-typography_font-name: 'Helvetica',Arial, 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: 18px; --main-navigation_dropdowns-typography_font-size_xl: 18px; --secondary-navigation-typography_font-name: 'Helvetica',Arial, 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: 16px; --secondary-navigation-typography_font-size_lg: 16px; --secondary-navigation-typography_font-size_xl: 16px; --sub-navigation-typography_font-name: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 16px; --footer-navigation-typography_font-size_sm: 16px; --footer-navigation-typography_font-size_md: 16px; --footer-navigation-typography_font-size_lg: 16px; --footer-navigation-typography_font-size_xl: 16px; --breadcrumb-navigation-typography_font-name: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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 - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c1-bg, .item.item_overlay .inner .image.c1-bg::before, .usn_cmp_banner .item.item_overlay.c1-bg .inner::before { background: rgba(var(--c1-bg-color1), 1); } /* Backgrounds Linear */ .c1-bg.c1-bg-linear, .item.item_overlay .inner .image.c1-bg.c1-bg-linear::before, .usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-linear .inner::before { background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c1-bg.c1-bg-radial, .item.item_overlay .inner .image.c1-bg.c1-bg-radial::before, .usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Headings */ .c1-bg h1:not(.heading), .c1-bg h2:not(.heading), .c1-bg h3:not(.heading), .c1-bg h4:not(.heading), .c1-bg h5:not(.heading), .c1-bg h6:not(.heading) { color: rgba(var(--c1-heading), 1); } .c1-heading, .c1-bg .heading { color: rgba(var(--c1-heading), 1); } /* Secondary Headings */ .c1-secondary-heading, .c1-bg .c1-secondary-heading { color: rgba(var(--c1-secondary-heading), 1); } /* Text */ .c1-bg, .c1-bg .c1-text, .c1-text { color: rgba(var(--c1-text), 1); } /* Borders */ .c1-borders { border-color: rgba(var(--c1-borders), 1); } /* Links */ .c1-link, .c1-link, .c1-bg a:not(.btn), .c1-text a:not(.btn), .c1-bg .c1-text a:not(.btn) { color: rgba(var(--c1-link), 1); } .c1-link:hover, .c1-link:focus, .c1-link:active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active, .c1-text a:not(.btn):hover, .c1-text a:not(.btn):focus, .c1-text a:not(.btn):active, .c1-bg .c1-text a:not(.btn):hover, .c1-bg .c1-text a:not(.btn):focus, .c1-bg .c1-text a:not(.btn):active { color: rgba(var(--c1-link-hover), 1); } /* Highlights */ .c1-highlight-bg { background-color: rgba(var(--c1-highlight), 1); } .c1-bg blockquote::before, .component .component.c1-bg div > blockquote::before { color: rgba(var(--c1-highlight), 1); } .c1-highlight-text { color: rgba(var(--c1-highlight-text), 1); } .c1-heading { color: rgba(var(--c1-heading), 1)!important; } .c1-secondary-heading { color: rgba(var(--c1-secondary-heading), 1)!important; } .c1-bg .heading { color: rgba(var(--c1-heading), 1); } .c1-bg .secondary-heading { color: rgba(var(--c1-secondary-heading), 1); } .c1-bg .quote, .c1-bg blockquote { color: rgba(var(--c1-heading), 1); } .c1-bg .quote::before, .c1-bg blockquote::before { color: rgba(var(--c1-highlight), 1); } /* Labels */ .c1-bg .label { background-color: rgba(var(--c1-highlight), 1); } .c1-bg .label { color: rgba(var(--c1-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c1-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; } .c1-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c1-highlight), 1); } /* Button Tabs */ .c1-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c1-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c1-link), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); } /* Linethrough Tabs */ .c1-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c1-link), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); } /* Slider Navigation */ .c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); } html.no-touch .c1-bg .slick-slider .slick-prev:hover, html.no-touch .c1-bg .slick-slider .slick-next:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c1-text), 1); } html.no-touch .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c1-highlight), 1); } /* Forms */ .form .c1-bg .form-control { border-color: rgba(var(--c1-borders), 1); } .form .c1-bg .form-control:focus { border-color: rgba(var(--c1-highlight), 1); box-shadow: 0 0 5px var(--c1-highlight);} /* Ajax Loading */ .c1-bg .ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .c1-bg.ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .ajax-wrap .c1-bg .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } /* Links */ .c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c1-borders), 1); } .c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c1-borders), 0.1); } .c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c1-link), 1); } .c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c1-link-hover), 1); } /* Data List */ .c1-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c1-borders), 1); } .c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c1-borders), 1); } /* Sitemap */ .c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: rgba(var(--c1-borders), 1); } .c1-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c1-borders), 0.5); } /* Tables */ .c1-bg thead { color: rgba(var(--c1-heading), 1); } .c1-bg table, .c1-bg table th, .c1-bg table td { border-color: rgba(var(--c1-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c1-bg .expand { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand span:before { background: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand span { background: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand 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 a { color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c2-bg, .item.item_overlay .inner .image.c2-bg::before, .usn_cmp_banner .item.item_overlay.c2-bg .inner::before { background: rgba(var(--c2-bg-color1), 1); } /* Backgrounds Linear */ .c2-bg.c2-bg-linear, .item.item_overlay .inner .image.c2-bg.c2-bg-linear::before, .usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-linear .inner::before { background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c2-bg.c2-bg-radial, .item.item_overlay .inner .image.c2-bg.c2-bg-radial::before, .usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Headings */ .c2-bg h1:not(.heading), .c2-bg h2:not(.heading), .c2-bg h3:not(.heading), .c2-bg h4:not(.heading), .c2-bg h5:not(.heading), .c2-bg h6:not(.heading) { color: rgba(var(--c2-heading), 1); } .c2-heading, .c2-bg .heading { color: rgba(var(--c2-heading), 1); } /* Secondary Headings */ .c2-secondary-heading, .c2-bg .c2-secondary-heading { color: rgba(var(--c2-secondary-heading), 1); } /* Text */ .c2-bg, .c2-bg .c2-text, .c2-text { color: rgba(var(--c2-text), 1); } /* Borders */ .c2-borders { border-color: rgba(var(--c2-borders), 1); } /* Links */ .c2-link, .c2-link, .c2-bg a:not(.btn), .c2-text a:not(.btn), .c2-bg .c2-text a:not(.btn) { color: rgba(var(--c2-link), 1); } .c2-link:hover, .c2-link:focus, .c2-link:active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active, .c2-text a:not(.btn):hover, .c2-text a:not(.btn):focus, .c2-text a:not(.btn):active, .c2-bg .c2-text a:not(.btn):hover, .c2-bg .c2-text a:not(.btn):focus, .c2-bg .c2-text a:not(.btn):active { color: rgba(var(--c2-link-hover), 1); } /* Highlights */ .c2-highlight-bg { background-color: rgba(var(--c2-highlight), 1); } .c2-bg blockquote::before, .component .component.c2-bg div > blockquote::before { color: rgba(var(--c2-highlight), 1); } .c2-highlight-text { color: rgba(var(--c2-highlight-text), 1); } .c2-heading { color: rgba(var(--c2-heading), 1)!important; } .c2-secondary-heading { color: rgba(var(--c2-secondary-heading), 1)!important; } .c2-bg .heading { color: rgba(var(--c2-heading), 1); } .c2-bg .secondary-heading { color: rgba(var(--c2-secondary-heading), 1); } .c2-bg .quote, .c2-bg blockquote { color: rgba(var(--c2-heading), 1); } .c2-bg .quote::before, .c2-bg blockquote::before { color: rgba(var(--c2-highlight), 1); } /* Labels */ .c2-bg .label { background-color: rgba(var(--c2-highlight), 1); } .c2-bg .label { color: rgba(var(--c2-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c2-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; } .c2-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c2-highlight), 1); } /* Button Tabs */ .c2-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c2-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c2-link), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); } /* Linethrough Tabs */ .c2-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c2-link), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); } /* Slider Navigation */ .c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); } html.no-touch .c2-bg .slick-slider .slick-prev:hover, html.no-touch .c2-bg .slick-slider .slick-next:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c2-text), 1); } html.no-touch .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c2-highlight), 1); } /* Forms */ .form .c2-bg .form-control { border-color: rgba(var(--c2-borders), 1); } .form .c2-bg .form-control:focus { border-color: rgba(var(--c2-highlight), 1); box-shadow: 0 0 5px var(--c2-highlight);} /* Ajax Loading */ .c2-bg .ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .c2-bg.ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .ajax-wrap .c2-bg .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } /* Links */ .c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c2-borders), 1); } .c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c2-borders), 0.1); } .c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c2-link), 1); } .c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c2-link-hover), 1); } /* Data List */ .c2-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c2-borders), 1); } .c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c2-borders), 1); } /* Sitemap */ .c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: rgba(var(--c2-borders), 1); } .c2-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c2-borders), 0.5); } /* Tables */ .c2-bg thead { color: rgba(var(--c2-heading), 1); } .c2-bg table, .c2-bg table th, .c2-bg table td { border-color: rgba(var(--c2-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c2-bg .expand { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand span:before { background: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand span { background: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand 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 a { color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c3-bg, .item.item_overlay .inner .image.c3-bg::before, .usn_cmp_banner .item.item_overlay.c3-bg .inner::before { background: rgba(var(--c3-bg-color1), 1); } /* Backgrounds Linear */ .c3-bg.c3-bg-linear, .item.item_overlay .inner .image.c3-bg.c3-bg-linear::before, .usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-linear .inner::before { background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c3-bg.c3-bg-radial, .item.item_overlay .inner .image.c3-bg.c3-bg-radial::before, .usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Headings */ .c3-bg h1:not(.heading), .c3-bg h2:not(.heading), .c3-bg h3:not(.heading), .c3-bg h4:not(.heading), .c3-bg h5:not(.heading), .c3-bg h6:not(.heading) { color: rgba(var(--c3-heading), 1); } .c3-heading, .c3-bg .heading { color: rgba(var(--c3-heading), 1); } /* Secondary Headings */ .c3-secondary-heading, .c3-bg .c3-secondary-heading { color: rgba(var(--c3-secondary-heading), 1); } /* Text */ .c3-bg, .c3-bg .c3-text, .c3-text { color: rgba(var(--c3-text), 1); } /* Borders */ .c3-borders { border-color: rgba(var(--c3-borders), 1); } /* Links */ .c3-link, .c3-link, .c3-bg a:not(.btn), .c3-text a:not(.btn), .c3-bg .c3-text a:not(.btn) { color: rgba(var(--c3-link), 1); } .c3-link:hover, .c3-link:focus, .c3-link:active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active, .c3-text a:not(.btn):hover, .c3-text a:not(.btn):focus, .c3-text a:not(.btn):active, .c3-bg .c3-text a:not(.btn):hover, .c3-bg .c3-text a:not(.btn):focus, .c3-bg .c3-text a:not(.btn):active { color: rgba(var(--c3-link-hover), 1); } /* Highlights */ .c3-highlight-bg { background-color: rgba(var(--c3-highlight), 1); } .c3-bg blockquote::before, .component .component.c3-bg div > blockquote::before { color: rgba(var(--c3-highlight), 1); } .c3-highlight-text { color: rgba(var(--c3-highlight-text), 1); } .c3-heading { color: rgba(var(--c3-heading), 1)!important; } .c3-secondary-heading { color: rgba(var(--c3-secondary-heading), 1)!important; } .c3-bg .heading { color: rgba(var(--c3-heading), 1); } .c3-bg .secondary-heading { color: rgba(var(--c3-secondary-heading), 1); } .c3-bg .quote, .c3-bg blockquote { color: rgba(var(--c3-heading), 1); } .c3-bg .quote::before, .c3-bg blockquote::before { color: rgba(var(--c3-highlight), 1); } /* Labels */ .c3-bg .label { background-color: rgba(var(--c3-highlight), 1); } .c3-bg .label { color: rgba(var(--c3-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c3-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; } .c3-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c3-highlight), 1); } /* Button Tabs */ .c3-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c3-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c3-link), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); } /* Linethrough Tabs */ .c3-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c3-link), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); } /* Slider Navigation */ .c3-bg .slick-slider .slick-prev, .c3-bg .slick-slider .slick-next { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); } html.no-touch .c3-bg .slick-slider .slick-prev:hover, html.no-touch .c3-bg .slick-slider .slick-next:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c3-text), 1); } html.no-touch .c3-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c3-highlight), 1); } /* Forms */ .form .c3-bg .form-control { border-color: rgba(var(--c3-borders), 1); } .form .c3-bg .form-control:focus { border-color: rgba(var(--c3-highlight), 1); box-shadow: 0 0 5px var(--c3-highlight);} /* Ajax Loading */ .c3-bg .ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .c3-bg.ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .ajax-wrap .c3-bg .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .c3-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .c3-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .c3-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .item_form-single_field .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .item_form-single_field .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } /* Links */ .c3-bg .listing.listing_links:not(.listing_links-mini), .c3-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c3-borders), 1); } .c3-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c3-borders), 0.1); } .c3-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c3-link), 1); } .c3-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c3-link-hover), 1); } /* Data List */ .c3-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c3-borders), 1); } .c3-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c3-borders), 1); } /* Sitemap */ .c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after { background-color: rgba(var(--c3-borders), 1); } .c3-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c3-borders), 0.5); } /* Tables */ .c3-bg thead { color: rgba(var(--c3-heading), 1); } .c3-bg table, .c3-bg table th, .c3-bg table td { border-color: rgba(var(--c3-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c3-bg .expand { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand span:before { background: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand span { background: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand 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 a { color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c4-bg, .item.item_overlay .inner .image.c4-bg::before, .usn_cmp_banner .item.item_overlay.c4-bg .inner::before { background: rgba(var(--c4-bg-color1), 1); } /* Backgrounds Linear */ .c4-bg.c4-bg-linear, .item.item_overlay .inner .image.c4-bg.c4-bg-linear::before, .usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-linear .inner::before { background: linear-gradient(var(--c4-bg-angle), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c4-bg.c4-bg-radial, .item.item_overlay .inner .image.c4-bg.c4-bg-radial::before, .usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c4-bg-start-perc) var(--c4-bg-stop-perc), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); } /* Headings */ .c4-bg h1:not(.heading), .c4-bg h2:not(.heading), .c4-bg h3:not(.heading), .c4-bg h4:not(.heading), .c4-bg h5:not(.heading), .c4-bg h6:not(.heading) { color: rgba(var(--c4-heading), 1); } .c4-heading, .c4-bg .heading { color: rgba(var(--c4-heading), 1); } /* Secondary Headings */ .c4-secondary-heading, .c4-bg .c4-secondary-heading { color: rgba(var(--c4-secondary-heading), 1); } /* Text */ .c4-bg, .c4-bg .c4-text, .c4-text { color: rgba(var(--c4-text), 1); } /* Borders */ .c4-borders { border-color: rgba(var(--c4-borders), 1); } /* Links */ .c4-link, .c4-link, .c4-bg a:not(.btn), .c4-text a:not(.btn), .c4-bg .c4-text a:not(.btn) { color: rgba(var(--c4-link), 1); } .c4-link:hover, .c4-link:focus, .c4-link:active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active, .c4-text a:not(.btn):hover, .c4-text a:not(.btn):focus, .c4-text a:not(.btn):active, .c4-bg .c4-text a:not(.btn):hover, .c4-bg .c4-text a:not(.btn):focus, .c4-bg .c4-text a:not(.btn):active { color: rgba(var(--c4-link-hover), 1); } /* Highlights */ .c4-highlight-bg { background-color: rgba(var(--c4-highlight), 1); } .c4-bg blockquote::before, .component .component.c4-bg div > blockquote::before { color: rgba(var(--c4-highlight), 1); } .c4-highlight-text { color: rgba(var(--c4-highlight-text), 1); } .c4-heading { color: rgba(var(--c4-heading), 1)!important; } .c4-secondary-heading { color: rgba(var(--c4-secondary-heading), 1)!important; } .c4-bg .heading { color: rgba(var(--c4-heading), 1); } .c4-bg .secondary-heading { color: rgba(var(--c4-secondary-heading), 1); } .c4-bg .quote, .c4-bg blockquote { color: rgba(var(--c4-heading), 1); } .c4-bg .quote::before, .c4-bg blockquote::before { color: rgba(var(--c4-highlight), 1); } /* Labels */ .c4-bg .label { background-color: rgba(var(--c4-highlight), 1); } .c4-bg .label { color: rgba(var(--c4-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c4-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; } .c4-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c4-highlight), 1); } /* Button Tabs */ .c4-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c4-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c4-link), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); } /* Linethrough Tabs */ .c4-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c4-link), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); } /* Slider Navigation */ .c4-bg .slick-slider .slick-prev, .c4-bg .slick-slider .slick-next { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); } html.no-touch .c4-bg .slick-slider .slick-prev:hover, html.no-touch .c4-bg .slick-slider .slick-next:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c4-text), 1); } html.no-touch .c4-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c4-highlight), 1); } /* Forms */ .form .c4-bg .form-control { border-color: rgba(var(--c4-borders), 1); } .form .c4-bg .form-control:focus { border-color: rgba(var(--c4-highlight), 1); box-shadow: 0 0 5px var(--c4-highlight);} /* Ajax Loading */ .c4-bg .ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .c4-bg.ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .ajax-wrap .c4-bg .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .c4-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .c4-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .c4-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .item_form-single_field .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .item_form-single_field .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } /* Links */ .c4-bg .listing.listing_links:not(.listing_links-mini), .c4-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c4-borders), 1); } .c4-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c4-borders), 0.1); } .c4-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c4-link), 1); } .c4-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c4-link-hover), 1); } /* Data List */ .c4-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c4-borders), 1); } .c4-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c4-borders), 1); } /* Sitemap */ .c4-bg nav.sitemap ul li::before, .c4-bg nav.sitemap ul li::after { background-color: rgba(var(--c4-borders), 1); } .c4-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c4-borders), 0.5); } /* Tables */ .c4-bg thead { color: rgba(var(--c4-heading), 1); } .c4-bg table, .c4-bg table th, .c4-bg table td { border-color: rgba(var(--c4-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c4-bg .expand { color: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg .expand span:before { background: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg .expand span { background: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg .expand 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 a { color: rgba(var(--c4-heading), 1); } .c4-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c5-bg, .item.item_overlay .inner .image.c5-bg::before, .usn_cmp_banner .item.item_overlay.c5-bg .inner::before { background: rgba(var(--c5-bg-color1), 1); } /* Backgrounds Linear */ .c5-bg.c5-bg-linear, .item.item_overlay .inner .image.c5-bg.c5-bg-linear::before, .usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-linear .inner::before { background: linear-gradient(var(--c5-bg-angle), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c5-bg.c5-bg-radial, .item.item_overlay .inner .image.c5-bg.c5-bg-radial::before, .usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c5-bg-start-perc) var(--c5-bg-stop-perc), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); } /* Headings */ .c5-bg h1:not(.heading), .c5-bg h2:not(.heading), .c5-bg h3:not(.heading), .c5-bg h4:not(.heading), .c5-bg h5:not(.heading), .c5-bg h6:not(.heading) { color: rgba(var(--c5-heading), 1); } .c5-heading, .c5-bg .heading { color: rgba(var(--c5-heading), 1); } /* Secondary Headings */ .c5-secondary-heading, .c5-bg .c5-secondary-heading { color: rgba(var(--c5-secondary-heading), 1); } /* Text */ .c5-bg, .c5-bg .c5-text, .c5-text { color: rgba(var(--c5-text), 1); } /* Borders */ .c5-borders { border-color: rgba(var(--c5-borders), 1); } /* Links */ .c5-link, .c5-link, .c5-bg a:not(.btn), .c5-text a:not(.btn), .c5-bg .c5-text a:not(.btn) { color: rgba(var(--c5-link), 1); } .c5-link:hover, .c5-link:focus, .c5-link:active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active, .c5-text a:not(.btn):hover, .c5-text a:not(.btn):focus, .c5-text a:not(.btn):active, .c5-bg .c5-text a:not(.btn):hover, .c5-bg .c5-text a:not(.btn):focus, .c5-bg .c5-text a:not(.btn):active { color: rgba(var(--c5-link-hover), 1); } /* Highlights */ .c5-highlight-bg { background-color: rgba(var(--c5-highlight), 1); } .c5-bg blockquote::before, .component .component.c5-bg div > blockquote::before { color: rgba(var(--c5-highlight), 1); } .c5-highlight-text { color: rgba(var(--c5-highlight-text), 1); } .c5-heading { color: rgba(var(--c5-heading), 1)!important; } .c5-secondary-heading { color: rgba(var(--c5-secondary-heading), 1)!important; } .c5-bg .heading { color: rgba(var(--c5-heading), 1); } .c5-bg .secondary-heading { color: rgba(var(--c5-secondary-heading), 1); } .c5-bg .quote, .c5-bg blockquote { color: rgba(var(--c5-heading), 1); } .c5-bg .quote::before, .c5-bg blockquote::before { color: rgba(var(--c5-highlight), 1); } /* Labels */ .c5-bg .label { background-color: rgba(var(--c5-highlight), 1); } .c5-bg .label { color: rgba(var(--c5-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c5-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; } .c5-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c5-highlight), 1); } /* Button Tabs */ .c5-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c5-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c5-link), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); } /* Linethrough Tabs */ .c5-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c5-link), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); } /* Slider Navigation */ .c5-bg .slick-slider .slick-prev, .c5-bg .slick-slider .slick-next { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); } html.no-touch .c5-bg .slick-slider .slick-prev:hover, html.no-touch .c5-bg .slick-slider .slick-next:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c5-text), 1); } html.no-touch .c5-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c5-highlight), 1); } /* Forms */ .form .c5-bg .form-control { border-color: rgba(var(--c5-borders), 1); } .form .c5-bg .form-control:focus { border-color: rgba(var(--c5-highlight), 1); box-shadow: 0 0 5px var(--c5-highlight);} /* Ajax Loading */ .c5-bg .ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .c5-bg.ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .ajax-wrap .c5-bg .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .c5-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .c5-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .c5-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .item_form-single_field .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .item_form-single_field .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } /* Links */ .c5-bg .listing.listing_links:not(.listing_links-mini), .c5-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c5-borders), 1); } .c5-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c5-borders), 0.1); } .c5-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c5-link), 1); } .c5-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c5-link-hover), 1); } /* Data List */ .c5-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c5-borders), 1); } .c5-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c5-borders), 1); } /* Sitemap */ .c5-bg nav.sitemap ul li::before, .c5-bg nav.sitemap ul li::after { background-color: rgba(var(--c5-borders), 1); } .c5-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c5-borders), 0.5); } /* Tables */ .c5-bg thead { color: rgba(var(--c5-heading), 1); } .c5-bg table, .c5-bg table th, .c5-bg table td { border-color: rgba(var(--c5-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c5-bg .expand { color: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg .expand span:before { background: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg .expand span { background: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg .expand 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 a { color: rgba(var(--c5-heading), 1); } .c5-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c6-bg, .item.item_overlay .inner .image.c6-bg::before, .usn_cmp_banner .item.item_overlay.c6-bg .inner::before { background: rgba(var(--c6-bg-color1), 1); } /* Backgrounds Linear */ .c6-bg.c6-bg-linear, .item.item_overlay .inner .image.c6-bg.c6-bg-linear::before, .usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-linear .inner::before { background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c6-bg.c6-bg-radial, .item.item_overlay .inner .image.c6-bg.c6-bg-radial::before, .usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Headings */ .c6-bg h1:not(.heading), .c6-bg h2:not(.heading), .c6-bg h3:not(.heading), .c6-bg h4:not(.heading), .c6-bg h5:not(.heading), .c6-bg h6:not(.heading) { color: rgba(var(--c6-heading), 1); } .c6-heading, .c6-bg .heading { color: rgba(var(--c6-heading), 1); } /* Secondary Headings */ .c6-secondary-heading, .c6-bg .c6-secondary-heading { color: rgba(var(--c6-secondary-heading), 1); } /* Text */ .c6-bg, .c6-bg .c6-text, .c6-text { color: rgba(var(--c6-text), 1); } /* Borders */ .c6-borders { border-color: rgba(var(--c6-borders), 1); } /* Links */ .c6-link, .c6-link, .c6-bg a:not(.btn), .c6-text a:not(.btn), .c6-bg .c6-text a:not(.btn) { color: rgba(var(--c6-link), 1); } .c6-link:hover, .c6-link:focus, .c6-link:active, .c6-bg a:not(.btn):hover, .c6-bg a:not(.btn):focus, .c6-bg a:not(.btn):active, .c6-bg a:not(.btn):hover, .c6-bg a:not(.btn):focus, .c6-bg a:not(.btn):active, .c6-text a:not(.btn):hover, .c6-text a:not(.btn):focus, .c6-text a:not(.btn):active, .c6-bg .c6-text a:not(.btn):hover, .c6-bg .c6-text a:not(.btn):focus, .c6-bg .c6-text a:not(.btn):active { color: rgba(var(--c6-link-hover), 1); } /* Highlights */ .c6-highlight-bg { background-color: rgba(var(--c6-highlight), 1); } .c6-bg blockquote::before, .component .component.c6-bg div > blockquote::before { color: rgba(var(--c6-highlight), 1); } .c6-highlight-text { color: rgba(var(--c6-highlight-text), 1); } .c6-heading { color: rgba(var(--c6-heading), 1)!important; } .c6-secondary-heading { color: rgba(var(--c6-secondary-heading), 1)!important; } .c6-bg .heading { color: rgba(var(--c6-heading), 1); } .c6-bg .secondary-heading { color: rgba(var(--c6-secondary-heading), 1); } .c6-bg .quote, .c6-bg blockquote { color: rgba(var(--c6-heading), 1); } .c6-bg .quote::before, .c6-bg blockquote::before { color: rgba(var(--c6-highlight), 1); } /* Labels */ .c6-bg .label { background-color: rgba(var(--c6-highlight), 1); } .c6-bg .label { color: rgba(var(--c6-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c6-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; } .c6-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c6-highlight), 1); } /* Button Tabs */ .c6-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c6-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c6-link), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); } /* Linethrough Tabs */ .c6-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c6-link), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); } /* Slider Navigation */ .c6-bg .slick-slider .slick-prev, .c6-bg .slick-slider .slick-next { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); } html.no-touch .c6-bg .slick-slider .slick-prev:hover, html.no-touch .c6-bg .slick-slider .slick-next:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c6-text), 1); } html.no-touch .c6-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c6-highlight), 1); } /* Forms */ .form .c6-bg .form-control { border-color: rgba(var(--c6-borders), 1); } .form .c6-bg .form-control:focus { border-color: rgba(var(--c6-highlight), 1); box-shadow: 0 0 5px var(--c6-highlight);} /* Ajax Loading */ .c6-bg .ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .c6-bg.ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .ajax-wrap .c6-bg .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .c6-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .c6-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .c6-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .item_form-single_field .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .item_form-single_field .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } /* Links */ .c6-bg .listing.listing_links:not(.listing_links-mini), .c6-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c6-borders), 1); } .c6-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c6-borders), 0.1); } .c6-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c6-link), 1); } .c6-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c6-link-hover), 1); } /* Data List */ .c6-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c6-borders), 1); } .c6-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c6-borders), 1); } /* Sitemap */ .c6-bg nav.sitemap ul li::before, .c6-bg nav.sitemap ul li::after { background-color: rgba(var(--c6-borders), 1); } .c6-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c6-borders), 0.5); } /* Tables */ .c6-bg thead { color: rgba(var(--c6-heading), 1); } .c6-bg table, .c6-bg table th, .c6-bg table td { border-color: rgba(var(--c6-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c6-bg .expand { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand span:before { background: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand span { background: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand 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 a { color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c7-bg, .item.item_overlay .inner .image.c7-bg::before, .usn_cmp_banner .item.item_overlay.c7-bg .inner::before { background: rgba(var(--c7-bg-color1), 1); } /* Backgrounds Linear */ .c7-bg.c7-bg-linear, .item.item_overlay .inner .image.c7-bg.c7-bg-linear::before, .usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-linear .inner::before { background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c7-bg.c7-bg-radial, .item.item_overlay .inner .image.c7-bg.c7-bg-radial::before, .usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Headings */ .c7-bg h1:not(.heading), .c7-bg h2:not(.heading), .c7-bg h3:not(.heading), .c7-bg h4:not(.heading), .c7-bg h5:not(.heading), .c7-bg h6:not(.heading) { color: rgba(var(--c7-heading), 1); } .c7-heading, .c7-bg .heading { color: rgba(var(--c7-heading), 1); } /* Secondary Headings */ .c7-secondary-heading, .c7-bg .c7-secondary-heading { color: rgba(var(--c7-secondary-heading), 1); } /* Text */ .c7-bg, .c7-bg .c7-text, .c7-text { color: rgba(var(--c7-text), 1); } /* Borders */ .c7-borders { border-color: rgba(var(--c7-borders), 1); } /* Links */ .c7-link, .c7-link, .c7-bg a:not(.btn), .c7-text a:not(.btn), .c7-bg .c7-text a:not(.btn) { color: rgba(var(--c7-link), 1); } .c7-link:hover, .c7-link:focus, .c7-link:active, .c7-bg a:not(.btn):hover, .c7-bg a:not(.btn):focus, .c7-bg a:not(.btn):active, .c7-bg a:not(.btn):hover, .c7-bg a:not(.btn):focus, .c7-bg a:not(.btn):active, .c7-text a:not(.btn):hover, .c7-text a:not(.btn):focus, .c7-text a:not(.btn):active, .c7-bg .c7-text a:not(.btn):hover, .c7-bg .c7-text a:not(.btn):focus, .c7-bg .c7-text a:not(.btn):active { color: rgba(var(--c7-link-hover), 1); } /* Highlights */ .c7-highlight-bg { background-color: rgba(var(--c7-highlight), 1); } .c7-bg blockquote::before, .component .component.c7-bg div > blockquote::before { color: rgba(var(--c7-highlight), 1); } .c7-highlight-text { color: rgba(var(--c7-highlight-text), 1); } .c7-heading { color: rgba(var(--c7-heading), 1)!important; } .c7-secondary-heading { color: rgba(var(--c7-secondary-heading), 1)!important; } .c7-bg .heading { color: rgba(var(--c7-heading), 1); } .c7-bg .secondary-heading { color: rgba(var(--c7-secondary-heading), 1); } .c7-bg .quote, .c7-bg blockquote { color: rgba(var(--c7-heading), 1); } .c7-bg .quote::before, .c7-bg blockquote::before { color: rgba(var(--c7-highlight), 1); } /* Labels */ .c7-bg .label { background-color: rgba(var(--c7-highlight), 1); } .c7-bg .label { color: rgba(var(--c7-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c7-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; } .c7-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c7-highlight), 1); } /* Button Tabs */ .c7-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c7-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c7-link), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); } /* Linethrough Tabs */ .c7-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c7-link), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); } /* Slider Navigation */ .c7-bg .slick-slider .slick-prev, .c7-bg .slick-slider .slick-next { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); } html.no-touch .c7-bg .slick-slider .slick-prev:hover, html.no-touch .c7-bg .slick-slider .slick-next:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c7-text), 1); } html.no-touch .c7-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c7-highlight), 1); } /* Forms */ .form .c7-bg .form-control { border-color: rgba(var(--c7-borders), 1); } .form .c7-bg .form-control:focus { border-color: rgba(var(--c7-highlight), 1); box-shadow: 0 0 5px var(--c7-highlight);} /* Ajax Loading */ .c7-bg .ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .c7-bg.ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .ajax-wrap .c7-bg .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .c7-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .c7-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .c7-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .item_form-single_field .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .item_form-single_field .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } /* Links */ .c7-bg .listing.listing_links:not(.listing_links-mini), .c7-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c7-borders), 1); } .c7-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c7-borders), 0.1); } .c7-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c7-link), 1); } .c7-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c7-link-hover), 1); } /* Data List */ .c7-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c7-borders), 1); } .c7-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c7-borders), 1); } /* Sitemap */ .c7-bg nav.sitemap ul li::before, .c7-bg nav.sitemap ul li::after { background-color: rgba(var(--c7-borders), 1); } .c7-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c7-borders), 0.5); } /* Tables */ .c7-bg thead { color: rgba(var(--c7-heading), 1); } .c7-bg table, .c7-bg table th, .c7-bg table td { border-color: rgba(var(--c7-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c7-bg .expand { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand span:before { background: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand span { background: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand 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 a { color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c8-bg, .item.item_overlay .inner .image.c8-bg::before, .usn_cmp_banner .item.item_overlay.c8-bg .inner::before { background: rgba(var(--c8-bg-color1), 1); } /* Backgrounds Linear */ .c8-bg.c8-bg-linear, .item.item_overlay .inner .image.c8-bg.c8-bg-linear::before, .usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-linear .inner::before { background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c8-bg.c8-bg-radial, .item.item_overlay .inner .image.c8-bg.c8-bg-radial::before, .usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Headings */ .c8-bg h1:not(.heading), .c8-bg h2:not(.heading), .c8-bg h3:not(.heading), .c8-bg h4:not(.heading), .c8-bg h5:not(.heading), .c8-bg h6:not(.heading) { color: rgba(var(--c8-heading), 1); } .c8-heading, .c8-bg .heading { color: rgba(var(--c8-heading), 1); } /* Secondary Headings */ .c8-secondary-heading, .c8-bg .c8-secondary-heading { color: rgba(var(--c8-secondary-heading), 1); } /* Text */ .c8-bg, .c8-bg .c8-text, .c8-text { color: rgba(var(--c8-text), 1); } /* Borders */ .c8-borders { border-color: rgba(var(--c8-borders), 1); } /* Links */ .c8-link, .c8-link, .c8-bg a:not(.btn), .c8-text a:not(.btn), .c8-bg .c8-text a:not(.btn) { color: rgba(var(--c8-link), 1); } .c8-link:hover, .c8-link:focus, .c8-link:active, .c8-bg a:not(.btn):hover, .c8-bg a:not(.btn):focus, .c8-bg a:not(.btn):active, .c8-bg a:not(.btn):hover, .c8-bg a:not(.btn):focus, .c8-bg a:not(.btn):active, .c8-text a:not(.btn):hover, .c8-text a:not(.btn):focus, .c8-text a:not(.btn):active, .c8-bg .c8-text a:not(.btn):hover, .c8-bg .c8-text a:not(.btn):focus, .c8-bg .c8-text a:not(.btn):active { color: rgba(var(--c8-link-hover), 1); } /* Highlights */ .c8-highlight-bg { background-color: rgba(var(--c8-highlight), 1); } .c8-bg blockquote::before, .component .component.c8-bg div > blockquote::before { color: rgba(var(--c8-highlight), 1); } .c8-highlight-text { color: rgba(var(--c8-highlight-text), 1); } .c8-heading { color: rgba(var(--c8-heading), 1)!important; } .c8-secondary-heading { color: rgba(var(--c8-secondary-heading), 1)!important; } .c8-bg .heading { color: rgba(var(--c8-heading), 1); } .c8-bg .secondary-heading { color: rgba(var(--c8-secondary-heading), 1); } .c8-bg .quote, .c8-bg blockquote { color: rgba(var(--c8-heading), 1); } .c8-bg .quote::before, .c8-bg blockquote::before { color: rgba(var(--c8-highlight), 1); } /* Labels */ .c8-bg .label { background-color: rgba(var(--c8-highlight), 1); } .c8-bg .label { color: rgba(var(--c8-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c8-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; } .c8-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c8-highlight), 1); } /* Button Tabs */ .c8-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c8-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c8-link), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); } /* Linethrough Tabs */ .c8-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c8-link), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); } /* Slider Navigation */ .c8-bg .slick-slider .slick-prev, .c8-bg .slick-slider .slick-next { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); } html.no-touch .c8-bg .slick-slider .slick-prev:hover, html.no-touch .c8-bg .slick-slider .slick-next:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c8-text), 1); } html.no-touch .c8-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c8-highlight), 1); } /* Forms */ .form .c8-bg .form-control { border-color: rgba(var(--c8-borders), 1); } .form .c8-bg .form-control:focus { border-color: rgba(var(--c8-highlight), 1); box-shadow: 0 0 5px var(--c8-highlight);} /* Ajax Loading */ .c8-bg .ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .c8-bg.ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .ajax-wrap .c8-bg .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .c8-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .c8-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .c8-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .item_form-single_field .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .item_form-single_field .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } /* Links */ .c8-bg .listing.listing_links:not(.listing_links-mini), .c8-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c8-borders), 1); } .c8-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c8-borders), 0.1); } .c8-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c8-link), 1); } .c8-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c8-link-hover), 1); } /* Data List */ .c8-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c8-borders), 1); } .c8-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c8-borders), 1); } /* Sitemap */ .c8-bg nav.sitemap ul li::before, .c8-bg nav.sitemap ul li::after { background-color: rgba(var(--c8-borders), 1); } .c8-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c8-borders), 0.5); } /* Tables */ .c8-bg thead { color: rgba(var(--c8-heading), 1); } .c8-bg table, .c8-bg table th, .c8-bg table td { border-color: rgba(var(--c8-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c8-bg .expand { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand span:before { background: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand span { background: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand 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 a { color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt a 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); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Solid Buttons */ .btn.c1-btn-bg, .btn-bg_c1-btn-bg .btn { background: rgba(var(--c1-btn-bg-color1), 1); } .c1-btn-bg:hover, .btn-bg_c1-btn-bg .btn:hover, .btn.c1-btn-bg:focus, .btn-bg_c1-btn-bg .btn:focus, .btn.c1-btn-bg:active, .btn-bg_c1-btn-bg .btn:active { background: rgba(var(--c1-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c1-btn-bg.c1-btn-bg-linear, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn { background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } .c1-btn-bg.c1-btn-bg-linear:hover, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover, .btn.c1-btn-bg.c1-btn-bg-linear:focus, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus, .btn.c1-btn-bg.c1-btn-bg-linear:active, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active { background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c1-btn-bg.c1-btn-bg-radial, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } .c1-btn-bg.c1-btn-bg-radial:hover, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover, .btn.c1-btn-bg.c1-btn-bg-radial:focus, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus, .btn.c1-btn-bg.c1-btn-bg-radial:active, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner 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); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Solid Buttons */ .btn.c2-btn-bg, .btn-bg_c2-btn-bg .btn { background: rgba(var(--c2-btn-bg-color1), 1); } .c2-btn-bg:hover, .btn-bg_c2-btn-bg .btn:hover, .btn.c2-btn-bg:focus, .btn-bg_c2-btn-bg .btn:focus, .btn.c2-btn-bg:active, .btn-bg_c2-btn-bg .btn:active { background: rgba(var(--c2-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c2-btn-bg.c2-btn-bg-linear, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-linear:hover, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover, .btn.c2-btn-bg.c2-btn-bg-linear:focus, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus, .btn.c2-btn-bg.c2-btn-bg-linear:active, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c2-btn-bg.c2-btn-bg-radial, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-radial:hover, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover, .btn.c2-btn-bg.c2-btn-bg-radial:focus, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus, .btn.c2-btn-bg.c2-btn-bg-radial:active, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner 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); } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Solid Buttons */ .btn.c3-btn-bg, .btn-bg_c3-btn-bg .btn { background: rgba(var(--c3-btn-bg-color1), 1); } .c3-btn-bg:hover, .btn-bg_c3-btn-bg .btn:hover, .btn.c3-btn-bg:focus, .btn-bg_c3-btn-bg .btn:focus, .btn.c3-btn-bg:active, .btn-bg_c3-btn-bg .btn:active { background: rgba(var(--c3-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c3-btn-bg.c3-btn-bg-linear, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-linear:hover, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover, .btn.c3-btn-bg.c3-btn-bg-linear:focus, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus, .btn.c3-btn-bg.c3-btn-bg-linear:active, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c3-btn-bg.c3-btn-bg-radial, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-radial:hover, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover, .btn.c3-btn-bg.c3-btn-bg-radial:focus, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus, .btn.c3-btn-bg.c3-btn-bg-radial:active, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner 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); } html:lang(fr) .slider-products .item .base-secondary-heading { left: 220px; } .listing-news .slick-slider .slick-dots li .summary-text:after { display: none !important; } .usn_cmp_banner .item.item_overlay.base-bg .info { padding: 30px !important; } .base-text a:not(.btn, .categorylink), .base-bg .base-text a:not(.btn, .categorylink) { text-decoration: underline !important; } ul.langdrop li.language-selector a>img { height: 22px !important; width: 22px !important; margin-right: 15px !important; } ul.langdrop li.dropdown .dropdown-menu a>img { height: 14px !important; width: 20px !important; margin-right: 5px !important; margin-left: 10px; } .langdrop { z-index: 9999 !important; } .categories ul li a, .categories ul li a.categorylink { text-decoration: none !important; } @media (max-width: 1600px) { body.header-14-lg header#site-header nav.secondary { right: 60px; } body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search { right: 0; } .usn_cmp_banner .item.item_overlay .info .text { zoom: .8; line-height: 150% !important; } .split-banner .heading.sm, .split-banner .secondary-heading.sm { zoom: .8; } .usn_cmp_banner .item.item_overlay .info { padding: 30px !important; } .component.usn_cmp_banner .item.item_medium-banner, .component.usn_cmp_banner .item.item_medium-banner .container, .component.usn_cmp_banner .item.item_medium-banner .row, .component.usn_cmp_banner .item.item_medium-banner .image, .component.usn_cmp_banner .item.item_medium-banner .image .video { height: 75vh !important; min-height: 75vh !important; } h3 { font-size: 28px; } p { margin: 10px 0 20px 0 !important; } .container { max-width: 1200px; } .listing-news .image { height: 360px !important; } .search-pod.search-pod-header { min-height: 400px !important; } .slider-products .item p.heading { zoom: .8; } .slider-products .slick-dots { right: 22% !important; bottom: 0px !important; } h1 { font-size: 45px; } h2 { font-size: 36px; } .js-slider-center p.heading { min-height: 120px !important; max-height: 120px !important; } } @media (max-width: 1200px) { .usn_cmp_banner .item.item_overlay.c1-bg .info .d-table { padding: 30px !important; } .container { max-width: 1100px; } } @media (max-width: 1080px) and (orientation: landscape) { .container { max-width: 960px; } } @media (max-width: 1080px) and (orientation: portrait) { .container { max-width: 960px; } nav.secondary ul li.language-selector picture, nav.secondary ul li.language-selector picture source, nav.secondary ul li.language-selector picture img, nav.secondary ul li.language-selector a > img { filter: invert(1); margin-right: 5px !important; } nav.secondary ul li.dropdown .dropdown-item img { filter: invert(0); } nav.secondary ul li.dropdown .dropdown-item img { height: 16px !important; width: 22px !important; margin-right: 15px !important; } nav.secondary ul li.dropdown .dropdown-menu a { color: #909090 !important; font-family: "LG_Smart_Regular", Arial, sans-serif !important; } } body.header-14-lg:not(.no-header):not(.hide_header-on-scroll-lg) .sticky { /*pointer-events: none;*/ } .feature-pods .listing .item .inner a:hover .info .heading { text-decoration:underline; } .tools-tabs { padding-top: 50px !important; } .tools-tabs .item .image { flex: 0 0 30% !important; -ms-flex: 0 0 30% !important; max-width: 30% !important; margin: 0 5% 0 0 !important; } .tools-tabs .item .info { padding-top: 20px !important; } .tools-tabs .usn_cmp_pods { padding-top: 40px !important; } @media (max-width: 767px) { .repeatable .tab .nav-link { padding: 10px !important; font-size: 14px !important; } .tools-tabs { padding-top: 0px !important; } .tools-tabs .item .image { flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 30px 0 !important; order: 1 !important; } .tools-tabs .item .info { padding-top: 0px !important; order: 2 !important; } .tools-tabs .slider-servicetools .slick-slide .inner>a { display: block !important; } } .listing-academy { margin-top:0!important; } /* Branding on the banner */ a#CybotCookiebotDialogPoweredbyCybot, div#CybotCookiebotDialogPoweredByText { display: none; } /* Branding on the Privacy trigger */ #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo { display: none!important; } .service-aanvraag-formulier legend { font-size: 24px; font-weight: 700; border-bottom: 1px solid #eee; padding-bottom: 12px; } .service-aanvraag-formulier .umbraco-forms-fieldset { margin-bottom:20px; } .service-aanvraag-formulier .inner { background:transparent; } .service-aanvraag-formulier input, .service-aanvraag-formulier select, .service-aanvraag-formulier textarea { background:#fff!important; } /* Rounded image */ .rounded-image .image { border-radius:28px; } body.header-14-lg:not(.transparent-header-lg) header#site-header::after { background:#F0ECE4!important; border-bottom:1px solid #cbc8c2; } .welcome-message { color:#000!important; } body.header-14-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .expand-search i.icon { color:#000; } .site-search button.btn { background:transparent!important; }