/* --------------------------------------------------- Author: uSkinned License: uSkinned Commercial License (https://uSkinned.net/license) --------------------------------------------------- */ /* --------------------------------------------------- Contents 1. File Imports 2. Global non-generated variables 3. Global generated variables --------------------------------------------------- */ /* --------------------------------------------------- uSkinned Global Import --------------------------------------------------- */ /* Base Palette */ @import "/css/uskinned/base/theme.css"; /* Base */ @import "/css/uskinned/base/plugins.css"; @import "/css/uskinned/base/typography.css"; /* Layouts */ @import "/css/uskinned/layouts/body.css"; @import "/css/uskinned/layouts/body-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/layouts/body-large.css" (min-width: 992px); @import "/css/uskinned/layouts/header.css"; @import "/css/uskinned/layouts/header-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/layouts/header-large.css" (min-width: 992px); @import "/css/uskinned/layouts/footer.css"; /* Modules */ /* Navigation */ @import "/css/uskinned/modules/navigation/all_nav.css"; @import "/css/uskinned/modules/navigation/nav_breadcrumb.css"; @import "/css/uskinned/modules/navigation/nav_burger.css"; @import "/css/uskinned/modules/navigation/nav_burger-large.css" (min-width: 992px); @import "/css/uskinned/modules/navigation/nav_cta.css"; @import "/css/uskinned/modules/navigation/nav_cta-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/navigation/nav_cta-large.css" (min-width: 992px); @import "/css/uskinned/modules/navigation/nav_main.css"; @import "/css/uskinned/modules/navigation/nav_main-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/navigation/nav_main-large.css" (min-width: 992px); @import "/css/uskinned/modules/navigation/nav_secondary.css"; @import "/css/uskinned/modules/navigation/nav_secondary-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/navigation/nav_secondary-large.css" (min-width: 992px); @import "/css/uskinned/modules/navigation/nav_sub.css"; @import "/css/uskinned/modules/navigation/nav_pagination.css"; @import "/css/uskinned/modules/navigation/nav_quick-links.css"; @import "/css/uskinned/modules/navigation/nav_sitemap.css"; @import "/css/uskinned/modules/navigation/nav_social.css"; @import "/css/uskinned/modules/navigation/nav_social-large.css" (min-width: 992px); @import "/css/uskinned/modules/navigation/nav_footer.css"; /* Page Components */ @import "/css/uskinned/modules/page-components/all_pc.css"; @import "/css/uskinned/modules/page-components/all_pc-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/page-components/all_pc-large.css" (min-width: 992px); @import "/css/uskinned/modules/page-components/pc_alerts.css"; @import "/css/uskinned/modules/page-components/pc_anchors.css"; @import "/css/uskinned/modules/page-components/pc_anchors-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/page-components/pc_anchors-large.css" (min-width: 992px); @import "/css/uskinned/modules/page-components/pc_banner.css"; @import "/css/uskinned/modules/page-components/pc_banner-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/page-components/pc_banner-large.css" (min-width: 992px); @import "/css/uskinned/modules/page-components/pc_codeblock.css"; @import "/css/uskinned/modules/page-components/pc_cta.css"; @import "/css/uskinned/modules/page-components/pc_data-list.css"; @import "/css/uskinned/modules/page-components/pc_data-list-large.css" (min-width: 992px); @import "/css/uskinned/modules/page-components/pc_forms.css"; @import "/css/uskinned/modules/page-components/pc_gallery.css"; @import "/css/uskinned/modules/page-components/pc_instagram-feed.css"; @import "/css/uskinned/modules/page-components/pc_grid.css"; @import "/css/uskinned/modules/page-components/pc_links.css"; @import "/css/uskinned/modules/page-components/pc_links-large.css" (min-width: 992px); @import "/css/uskinned/modules/page-components/pc_listing.css"; @import "/css/uskinned/modules/page-components/pc_pods.css"; @import "/css/uskinned/modules/page-components/pc_split.css"; @import "/css/uskinned/modules/page-components/pc_split-large.css" (min-width: 992px); @import "/css/uskinned/modules/page-components/pc_tabs-accordions.css"; @import "/css/uskinned/modules/page-components/pc_windows.css"; @import "/css/uskinned/modules/page-components/pc_windows-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/page-components/pc_windows-large.css" (min-width: 992px); /* Site Wide Pods */ @import "/css/uskinned/modules/sitewide-pods/all_swp.css"; /* Forms */ @import "/css/uskinned/modules/forms/all_forms.css"; @import "/css/uskinned/modules/forms/all_forms-large.css" (min-width: 992px); @import "/css/uskinned/modules/forms/form_contact.css"; @import "/css/uskinned/modules/forms/form_login.css"; @import "/css/uskinned/modules/forms/form_login-large.css" (min-width: 992px); @import "/css/uskinned/modules/forms/form_newsletter.css"; @import "/css/uskinned/modules/forms/form_newsletter-large.css" (min-width: 992px); @import "/css/uskinned/modules/forms/form_site-search.css"; @import "/css/uskinned/modules/forms/form_site-search-large.css" (min-width: 992px); @import "/css/uskinned/modules/forms/form_loading.css"; /* Misc */ @import "/css/uskinned/modules/misc/all_misc.css"; @import "/css/uskinned/modules/misc/misc_authors.css"; @import "/css/uskinned/modules/misc/misc_back-to-top.css"; @import "/css/uskinned/modules/misc/misc_back-to-top-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/misc/misc_back-to-top-large.css" (min-width: 992px); @import "/css/uskinned/modules/misc/misc_buttons.css"; @import "/css/uskinned/modules/misc/misc_images.css"; @import "/css/uskinned/modules/misc/misc_lazyframe-video.css"; @import "/css/uskinned/modules/misc/misc_lightbox.css"; @import "/css/uskinned/modules/misc/misc_links.css"; @import "/css/uskinned/modules/misc/misc_meta.css"; @import "/css/uskinned/modules/misc/misc_notification.css"; @import "/css/uskinned/modules/misc/misc_notification-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/misc/misc_notification-large.css" (min-width: 992px); @import "/css/uskinned/modules/misc/misc_overlay-icons.css"; @import "/css/uskinned/modules/misc/misc_scroll-prompt.css"; @import "/css/uskinned/modules/misc/misc_scroll-prompt-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/misc/misc_scroll-prompt-large.css" (min-width: 992px); @import "/css/uskinned/modules/misc/misc_tables.css"; @import "/css/uskinned/modules/misc/misc_directions.css"; @import "/css/uskinned/modules/misc/misc_directions-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/misc/misc_directions-large.css" (min-width: 992px); /* Shop */ @import "/css/uskinned/modules/shop/all_shop.css"; @import "/css/uskinned/modules/shop/all_shop-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/shop/all_shop-large.css" (min-width: 992px); @import "/css/uskinned/modules/shop/shop_snipcart.css"; @import "/css/uskinned/modules/shop/shop_snipcart-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/shop/shop_snipcart-large.css" (min-width: 992px); @import "/css/uskinned/modules/shop/shop_ecwid.css"; @import "/css/uskinned/modules/shop/shop_ecwid-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/modules/shop/shop_ecwid-large.css" (min-width: 992px); /* RTL only */ @import "/css/uskinned/layouts/rtl.css"; @import "/css/uskinned/layouts/rtl-small.css" (min-width: 0) and (max-width:991px); @import "/css/uskinned/layouts/rtl-large.css" (min-width: 992px); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i&display=swap');@import url('https://fonts.googleapis.com/css?family=Work Sans:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); :root { /* Expand navigation width */ --expand-nav-width: 60px; /* More header sizes */ --small-header-half: calc(var(--small-header) / 2); --large-header-half: calc(var(--large-header) / 2); --large-header-quarter: calc(var(--large-header) / 4); /* Main navigation sizes */ --nav-main-height: var(--large-header); /* Generic palette */ --true-black:0,0,0; --true-white:255,255,255; --form-errors: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; /* All configurable variables below */ /* Spacing tab */ --site-max-width: 1800px; --site-spacing_sm: 0px; --site-spacing_lg: 0px; --notification-spacing_below_sm: 0px; --notification-spacing_side_sm: 0px; --notification-spacing_below_lg: 0px; --notification-spacing_side_lg: 0px; --backtotop-size_sm: 45px; --backtotop-size_lg: 60px; --backtotop-spacing_side_sm: 0px; --backtotop-spacing_below_sm: 0px; --backtotop-spacing_side_lg: 0px; --backtotop-spacing_below_lg: 0px; --site-box-shadow_h: 0px; --site-box-shadow_v: 0px; --site-box-shadow_b: 100px; --site-box-shadow_o: 0.1; --small-breakpoint: 991px; --large-breakpoint: 992px; --header-max-width: 1792px; --small-header: 60px; --large-header: 90px; --header-box-shadow_h: 0px; --header-box-shadow_v: 0px; --header-box-shadow_b: 4px; --header-box-shadow_o: 0.1; --nav-main-dropdown-width: 240px; --nav-main-dropdown-width_wide: 480px; --logo_sm-padding_top: 5px; --logo_sm-padding_right: 15px; --logo_sm-padding_bottom: 5px; --logo_sm-padding_left: 15px; --logo_lg-padding_top: 15px; --logo_lg-padding_right: 15px; --logo_lg-padding_bottom: 15px; --logo_lg-padding_left: 15px; --base-spacing: 30px; --base-half-spacing: 15px; --base-border-width: 1px; --base-border-radius: 0px; --base-box-shadow_h: 2px; --base-box-shadow_v: 2px; --base-box-shadow_b: 4px; --base-box-shadow_o: 0.1; --content-col_pc-spacing: 15px; --pc-spacing: 30px; --pc-spacing_sm: 45px; --pc-spacing_md: 50px; --pc-spacing_lg: 60px; --pc-spacing_xl: 80px; --intro-col: 100%; --intro-col_sm: 100%; --intro-col_md: 100%; --intro-col_lg: 83.3333333%; --intro-col_xl: 75%; --outro-col: 100%; --outro-col_sm: 100%; --outro-col_md: 100%; --outro-col_lg: 83.3333333%; --outro-col_xl: 75%; --center-col: 100%; --center-col_sm: 100%; --center-col_md: 100%; --center-col_lg: 83.3333333%; --center-col_xl: 75%; --banner-col: 100%; --banner-col_sm: 100%; --banner-col_md: 90%; --banner-col_lg: 83.3333333%; --banner-col_xl: 75%; --form-field-border-width: 1px; --form-field-border-radius: 0px; --btn-border-width: 1px; --btn-border-radius: 10px; --btn-box-shadow_h: 0px; --btn-box-shadow_v: 0px; --btn-box-shadow_b: 0px; --btn-box-shadow_o: 0; --btn_sm-padding_top: 10px; --btn_sm-padding_right: 30px; --btn_sm-padding_bottom: 10px; --btn_sm-padding_left: 30px; --btn-padding_top: 10px; --btn-padding_right: 30px; --btn-padding_bottom: 10px; --btn-padding_left: 30px; --btn_lg-padding_top: 10px; --btn_lg-padding_right: 30px; --btn_lg-padding_bottom: 10px; --btn_lg-padding_left: 30px; /* Colors tab */ /* Body */ --body-bg-color1: 255, 255, 255; --body-bg-color2: 40, 46, 81; --body-bg-start-perc: 50%; --body-bg-stop-perc: 50%; --body-bg-angle: 90deg; /* Header */ --header-bg-color1: 255, 255, 255; --header-bg-color2: 36, 42, 73; --header-bg-start-perc: 50%; --header-bg-stop-perc: 50%; --header-bg-angle: 90deg; --header-text: 244, 240, 239; --header-borders: 40, 46, 81; --header-highlight: 255, 118, 77; /* Main Navigation */ --main-navigation-link: 0, 0, 0; --main-navigation-link-hover: 51, 51, 51; --main-navigation-link-active: 51, 51, 51; /* Logo */ --logo-link: 255, 255, 255; --logo-link-hover: 119, 182, 58; /* Secondary Navigation */ --secondary-navigation-link: 244, 240, 239; --secondary-navigation-link-hover: 255, 255, 255; /* Navigation dropdown */ --navigation-dropdown-color1: 255, 255, 255; --navigation-dropdown-color2: 244, 240, 239; --navigation-dropdown-start-perc: 50%; --navigation-dropdown-stop-perc: 50%; --navigation-dropdown-angle: 135deg; --navigation-dropdown-link: 40, 46, 81; --navigation-dropdown-link-hover: 36, 42, 73; --navigation-dropdown-link-active: 119, 182, 58; /* 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: 34, 124, 169; --base-borders: 0, 0, 0; --base-highlight: 55, 166, 222; --base-highlight-text: 255, 255, 255; /* Button */ --base-btn-bg-color1: 215, 255, 43; --base-btn-bg-color2: 0, 0, 0; --base-btn-bg-start-perc: 50%; --base-btn-bg-stop-perc: 50%; --base-btn-bg-angle: 90deg; --base-btn-text: 0, 0, 0; --base-btn-borders: 0, 0, 0; --base-btn-bg-hover-color1: 0, 0, 0; --base-btn-bg-hover-color2: 0, 0, 0; --base-btn-bg-hover-start-perc: 50%; --base-btn-bg-hover-stop-perc: 50%; --base-btn-bg-hover-angle: 135deg; --base-btn-text-hover: 255, 255, 255; --base-btn-borders-hover: 0, 0, 0; /* Footer */ --footer-bg-color1: 255, 255, 255; --footer-bg-color2: 255, 255, 255; --footer-bg-start-perc: 50%; --footer-bg-stop-perc: 50%; --footer-bg-angle: 135deg; --footer-heading: 0, 0, 0; --footer-secondary-heading: 0, 0, 0; --footer-text: 0, 0, 0; --footer-link: 0, 0, 0; --footer-link-hover: 51, 51, 51; --footer-borders: 51, 51, 51; --footer-highlight: 255, 118, 77; --c1-bg-color1: 40, 46, 81; --c1-bg-color2: 36, 42, 73; --c1-bg-start-perc: 50%; --c1-bg-stop-perc: 50%; --c1-bg-angle: 135deg; --c1-heading: 255, 255, 255; --c1-secondary-heading: 255, 118, 77; --c1-text: 244, 240, 239; --c1-link: 255, 118, 77; --c1-link-hover: 230, 106, 69; --c1-borders: 95, 100, 133; --c1-highlight: 255, 118, 77; --c1-highlight-text: 255, 255, 255; --c2-bg-color1: 159, 159, 159; --c2-bg-color2: 0, 0, 0; --c2-bg-start-perc: 50%; --c2-bg-stop-perc: 50%; --c2-bg-angle: 90deg; --c2-heading: 246, 250, 247; --c2-secondary-heading: 255, 255, 255; --c2-text: 246, 250, 247; --c2-link: 255, 255, 255; --c2-link-hover: 246, 250, 247; --c2-borders: 255, 255, 255; --c2-highlight: 71, 162, 73; --c2-highlight-text: 255, 255, 255; --c1-btn-bg-color1: 46, 46, 46; --c1-btn-bg-color2: 40, 46, 81; --c1-btn-bg-start-perc: 50%; --c1-btn-bg-stop-perc: 50%; --c1-btn-bg-angle: 90deg; --c1-btn-text: 241, 242, 242; --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: 238, 243, 240; --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: 119, 182, 58; --c2-btn-borders: 238, 243, 240; --c2-btn-bg-hover-color1: 255, 255, 255; --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: 119, 182, 58; --c2-btn-borders-hover: 119, 182, 58; --c3-btn-bg-color1: 215, 255, 43; --c3-btn-bg-color2: 0, 0, 0; --c3-btn-bg-start-perc: 50%; --c3-btn-bg-stop-perc: 50%; --c3-btn-bg-angle: 90deg; --c3-btn-text: 0, 0, 0; --c3-btn-borders: 0, 0, 0; --c3-btn-bg-hover-color1: 0, 0, 0; --c3-btn-bg-hover-color2: 0, 0, 0; --c3-btn-bg-hover-start-perc: 50%; --c3-btn-bg-hover-stop-perc: 50%; --c3-btn-bg-hover-angle: 90deg; --c3-btn-text-hover: 255, 255, 255; --c3-btn-borders-hover: 0, 0, 0; /* Fonts tab */ --body-typography_font-name: 'Work Sans',sans-serif; --body-typography_font-weight: 400; --body-typography_font-style: normal; --body-typography_font-line-height: 150%; --body-typography_font-letter-spacing: -0.15px; --body-typography_font-transform: None; --body-typography_font-size: 14px; --body-typography_font-size_sm: 14px; --body-typography_font-size_md: 14px; --body-typography_font-size_lg: 14px; --body-typography_font-size_xl: 14px; --h1-typography_font-name: 'Work Sans',sans-serif; --h1-typography_font-weight: 700; --h1-typography_font-style: normal; --h1-typography_font-line-height: 110%; --h1-typography_font-letter-spacing: 0px; --h1-typography_font-transform: None; --h1-typography_font-size: 40px; --h1-typography_font-size_sm: 40px; --h1-typography_font-size_md: 45px; --h1-typography_font-size_lg: 50px; --h1-typography_font-size_xl: 60px; --h2-typography_font-name: 'Work Sans',sans-serif; --h2-typography_font-weight: 700; --h2-typography_font-style: normal; --h2-typography_font-line-height: 110%; --h2-typography_font-letter-spacing: 0px; --h2-typography_font-transform: None; --h2-typography_font-size: 28px; --h2-typography_font-size_sm: 30px; --h2-typography_font-size_md: 35px; --h2-typography_font-size_lg: 40px; --h2-typography_font-size_xl: 45px; --h3-typography_font-name: 'Work Sans',sans-serif; --h3-typography_font-weight: 700; --h3-typography_font-style: normal; --h3-typography_font-line-height: 91%; --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: 32px; --h3-typography_font-size_lg: 35px; --h3-typography_font-size_xl: 40px; --h4-typography_font-name: 'Work Sans',sans-serif; --h4-typography_font-weight: 700; --h4-typography_font-style: normal; --h4-typography_font-line-height: 110%; --h4-typography_font-letter-spacing: 0px; --h4-typography_font-transform: None; --h4-typography_font-size: 20px; --h4-typography_font-size_sm: 22px; --h4-typography_font-size_md: 24px; --h4-typography_font-size_lg: 28px; --h4-typography_font-size_xl: 32px; --h5-typography_font-name: 'Work Sans',sans-serif; --h5-typography_font-weight: 700; --h5-typography_font-style: normal; --h5-typography_font-line-height: 110%; --h5-typography_font-letter-spacing: 0px; --h5-typography_font-transform: None; --h5-typography_font-size: 18px; --h5-typography_font-size_sm: 20px; --h5-typography_font-size_md: 22px; --h5-typography_font-size_lg: 26px; --h5-typography_font-size_xl: 28px; --h6-typography_font-name: 'Work Sans',sans-serif; --h6-typography_font-weight: 700; --h6-typography_font-style: normal; --h6-typography_font-line-height: 110%; --h6-typography_font-letter-spacing: 0px; --h6-typography_font-transform: None; --h6-typography_font-size: 16px; --h6-typography_font-size_sm: 18px; --h6-typography_font-size_md: 20px; --h6-typography_font-size_lg: 22px; --h6-typography_font-size_xl: 26px; --p-heading-typography_font-name: 'Work Sans',sans-serif; --p-heading-typography_font-weight: 700; --p-heading-typography_font-style: normal; --p-heading-typography_font-line-height: 110%; --p-heading-typography_font-letter-spacing: 0px; --p-heading-typography_font-transform: None; --p-heading-typography_font-size: 18px; --p-heading-typography_font-size_sm: 20px; --p-heading-typography_font-size_md: 20px; --p-heading-typography_font-size_lg: 20px; --p-heading-typography_font-size_xl: 22px; --p-heading_small-typography_font-name: 'Work Sans',sans-serif; --p-heading_small-typography_font-weight: 700; --p-heading_small-typography_font-style: normal; --p-heading_small-typography_font-line-height: 110%; --p-heading_small-typography_font-letter-spacing: 0px; --p-heading_small-typography_font-transform: None; --p-heading_small-typography_font-size: 16px; --p-heading_small-typography_font-size_sm: 16px; --p-heading_small-typography_font-size_md: 16px; --p-heading_small-typography_font-size_lg: 16px; --p-heading_small-typography_font-size_xl: 16px; --p-heading_large-typography_font-name: 'Work Sans',sans-serif; --p-heading_large-typography_font-weight: 700; --p-heading_large-typography_font-style: normal; --p-heading_large-typography_font-line-height: 110%; --p-heading_large-typography_font-letter-spacing: 0px; --p-heading_large-typography_font-transform: None; --p-heading_large-typography_font-size: 22px; --p-heading_large-typography_font-size_sm: 24px; --p-heading_large-typography_font-size_md: 26px; --p-heading_large-typography_font-size_lg: 30px; --p-heading_large-typography_font-size_xl: 35px; --p-intro-typography_font-name: 'Work Sans',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: -0.25px; --p-intro-typography_font-transform: None; --p-intro-typography_font-size: 20px; --p-intro-typography_font-size_sm: 20px; --p-intro-typography_font-size_md: 22px; --p-intro-typography_font-size_lg: 22px; --p-intro-typography_font-size_xl: 24px; --p-intro_small-typography_font-name: 'Work Sans',sans-serif; --p-intro_small-typography_font-weight: 400; --p-intro_small-typography_font-style: normal; --p-intro_small-typography_font-line-height: 140%; --p-intro_small-typography_font-letter-spacing: -0.25px; --p-intro_small-typography_font-transform: None; --p-intro_small-typography_font-size: 18px; --p-intro_small-typography_font-size_sm: 18px; --p-intro_small-typography_font-size_md: 18px; --p-intro_small-typography_font-size_lg: 18px; --p-intro_small-typography_font-size_xl: 18px; --p-intro_large-typography_font-name: 'Work Sans',sans-serif; --p-intro_large-typography_font-weight: 400; --p-intro_large-typography_font-style: normal; --p-intro_large-typography_font-line-height: 140%; --p-intro_large-typography_font-letter-spacing: -0.25px; --p-intro_large-typography_font-transform: None; --p-intro_large-typography_font-size: 22px; --p-intro_large-typography_font-size_sm: 24px; --p-intro_large-typography_font-size_md: 26px; --p-intro_large-typography_font-size_lg: 26px; --p-intro_large-typography_font-size_xl: 28px; --secondary-heading-typography_font-name: 'Work Sans',sans-serif; --secondary-heading-typography_font-weight: 500; --secondary-heading-typography_font-style: normal; --secondary-heading-typography_font-line-height: 140%; --secondary-heading-typography_font-letter-spacing: -0.25px; --secondary-heading-typography_font-transform: None; --secondary-heading-typography_font-size: 18px; --secondary-heading-typography_font-size_sm: 18px; --secondary-heading-typography_font-size_md: 18px; --secondary-heading-typography_font-size_lg: 18px; --secondary-heading-typography_font-size_xl: 18px; --secondary-heading_small-typography_font-name: 'Work Sans',sans-serif; --secondary-heading_small-typography_font-weight: 500; --secondary-heading_small-typography_font-style: normal; --secondary-heading_small-typography_font-line-height: 140%; --secondary-heading_small-typography_font-letter-spacing: -0.25px; --secondary-heading_small-typography_font-transform: None; --secondary-heading_small-typography_font-size: 16px; --secondary-heading_small-typography_font-size_sm: 16px; --secondary-heading_small-typography_font-size_md: 16px; --secondary-heading_small-typography_font-size_lg: 18px; --secondary-heading_small-typography_font-size_xl: 18px; --secondary-heading_large-typography_font-name: 'Work Sans',sans-serif; --secondary-heading_large-typography_font-weight: 500; --secondary-heading_large-typography_font-style: normal; --secondary-heading_large-typography_font-line-height: 140%; --secondary-heading_large-typography_font-letter-spacing: -0.25px; --secondary-heading_large-typography_font-transform: None; --secondary-heading_large-typography_font-size: 20px; --secondary-heading_large-typography_font-size_sm: 20px; --secondary-heading_large-typography_font-size_md: 20px; --secondary-heading_large-typography_font-size_lg: 22px; --secondary-heading_large-typography_font-size_xl: 22px; --blockquote-typography_font-name: 'Work Sans',sans-serif; --blockquote-typography_font-weight: 700; --blockquote-typography_font-style: normal; --blockquote-typography_font-line-height: 110%; --blockquote-typography_font-letter-spacing: -0.15px; --blockquote-typography_font-transform: None; --blockquote-typography_font-size: 26px; --blockquote-typography_font-size_sm: 28px; --blockquote-typography_font-size_md: 30px; --blockquote-typography_font-size_lg: 30px; --blockquote-typography_font-size_xl: 35px; --blockquote_small-typography_font-name: 'Work Sans',sans-serif; --blockquote_small-typography_font-weight: 700; --blockquote_small-typography_font-style: italic; --blockquote_small-typography_font-line-height: 110%; --blockquote_small-typography_font-letter-spacing: -0.15px; --blockquote_small-typography_font-transform: None; --blockquote_small-typography_font-size: 18px; --blockquote_small-typography_font-size_sm: 18px; --blockquote_small-typography_font-size_md: 20px; --blockquote_small-typography_font-size_lg: 20px; --blockquote_small-typography_font-size_xl: 22px; --blockquote_large-typography_font-name: 'Work Sans',sans-serif; --blockquote_large-typography_font-weight: 700; --blockquote_large-typography_font-style: normal; --blockquote_large-typography_font-line-height: 110%; --blockquote_large-typography_font-letter-spacing: -0.15px; --blockquote_large-typography_font-transform: None; --blockquote_large-typography_font-size: 30px; --blockquote_large-typography_font-size_sm: 30px; --blockquote_large-typography_font-size_md: 30px; --blockquote_large-typography_font-size_lg: 35px; --blockquote_large-typography_font-size_xl: 45px; --btn-typography_font-name: 'Work Sans',sans-serif; --btn-typography_font-weight: 500; --btn-typography_font-style: normal; --btn-typography_font-line-height: 140%; --btn-typography_font-letter-spacing: -0.15px; --btn-typography_font-transform: None; --btn-typography_font-size: 14px; --btn-typography_font-size_sm: 15px; --btn-typography_font-size_md: 18px; --btn-typography_font-size_lg: 20px; --btn-typography_font-size_xl: 20px; --btn_small-typography_font-name: 'Work Sans',sans-serif; --btn_small-typography_font-weight: 500; --btn_small-typography_font-style: normal; --btn_small-typography_font-line-height: 140%; --btn_small-typography_font-letter-spacing: -0.15px; --btn_small-typography_font-transform: None; --btn_small-typography_font-size: 14px; --btn_small-typography_font-size_sm: 15px; --btn_small-typography_font-size_md: 18px; --btn_small-typography_font-size_lg: 20px; --btn_small-typography_font-size_xl: 20px; --btn_large-typography_font-name: 'Work Sans',sans-serif; --btn_large-typography_font-weight: 500; --btn_large-typography_font-style: normal; --btn_large-typography_font-line-height: 140%; --btn_large-typography_font-letter-spacing: -0.15px; --btn_large-typography_font-transform: None; --btn_large-typography_font-size: 14px; --btn_large-typography_font-size_sm: 15px; --btn_large-typography_font-size_md: 18px; --btn_large-typography_font-size_lg: 20px; --btn_large-typography_font-size_xl: 20px; --main-navigation-typography_font-name: 'Work Sans',sans-serif; --main-navigation-typography_font-weight: 500; --main-navigation-typography_font-style: normal; --main-navigation-typography_font-line-height: 150%; --main-navigation-typography_font-letter-spacing: -0.15px; --main-navigation-typography_font-transform: None; --main-navigation-typography_font-size: 16px; --main-navigation-typography_font-size_sm: 16px; --main-navigation-typography_font-size_md: 16px; --main-navigation-typography_font-size_lg: 16px; --main-navigation-typography_font-size_xl: 16px; --main-navigation_dropdowns-typography_font-name: 'Work Sans',sans-serif; --main-navigation_dropdowns-typography_font-weight: 500; --main-navigation_dropdowns-typography_font-style: normal; --main-navigation_dropdowns-typography_font-line-height: 150%; --main-navigation_dropdowns-typography_font-letter-spacing: -0.15px; --main-navigation_dropdowns-typography_font-transform: None; --main-navigation_dropdowns-typography_font-size: 16px; --main-navigation_dropdowns-typography_font-size_sm: 16px; --main-navigation_dropdowns-typography_font-size_md: 16px; --main-navigation_dropdowns-typography_font-size_lg: 16px; --main-navigation_dropdowns-typography_font-size_xl: 16px; --secondary-navigation-typography_font-name: 'Work Sans',sans-serif; --secondary-navigation-typography_font-weight: 400; --secondary-navigation-typography_font-style: normal; --secondary-navigation-typography_font-line-height: 150%; --secondary-navigation-typography_font-letter-spacing: -0.15px; --secondary-navigation-typography_font-transform: None; --secondary-navigation-typography_font-size: 16px; --secondary-navigation-typography_font-size_sm: 16px; --secondary-navigation-typography_font-size_md: 16px; --secondary-navigation-typography_font-size_lg: 16px; --secondary-navigation-typography_font-size_xl: 16px; --sub-navigation-typography_font-name: 'Work Sans',sans-serif; --sub-navigation-typography_font-weight: 400; --sub-navigation-typography_font-style: normal; --sub-navigation-typography_font-line-height: 150%; --sub-navigation-typography_font-letter-spacing: -0.15px; --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: 'Work Sans',sans-serif; --footer-navigation-typography_font-weight: 400; --footer-navigation-typography_font-style: normal; --footer-navigation-typography_font-line-height: 150%; --footer-navigation-typography_font-letter-spacing: -0.15px; --footer-navigation-typography_font-transform: None; --footer-navigation-typography_font-size: 13px; --footer-navigation-typography_font-size_sm: 13px; --footer-navigation-typography_font-size_md: 13px; --footer-navigation-typography_font-size_lg: 13px; --footer-navigation-typography_font-size_xl: 13px; --breadcrumb-navigation-typography_font-name: 'Work Sans',sans-serif; --breadcrumb-navigation-typography_font-weight: 400; --breadcrumb-navigation-typography_font-style: normal; --breadcrumb-navigation-typography_font-line-height: 150%; --breadcrumb-navigation-typography_font-letter-spacing: 0px; --breadcrumb-navigation-typography_font-transform: None; --breadcrumb-navigation-typography_font-size: 13px; --breadcrumb-navigation-typography_font-size_sm: 13px; --breadcrumb-navigation-typography_font-size_md: 13px; --breadcrumb-navigation-typography_font-size_lg: 13px; --breadcrumb-navigation-typography_font-size_xl: 13px; --anchor-navigation-typography_font-name: 'Work Sans',sans-serif; --anchor-navigation-typography_font-weight: 500; --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: 'Work Sans',sans-serif; --acc-tab-typography_font-weight: 500; --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: 'Work Sans',sans-serif; --logo-typography_font-weight: 700; --logo-typography_font-style: italic; --logo-typography_font-line-height: 140%; --logo-typography_font-letter-spacing: -0.5px; --logo-typography_font-transform: None; --logo-typography_font-size: 14px; --logo-typography_font-size_sm: 16px; --logo-typography_font-size_md: 16px; --logo-typography_font-size_lg: 14px; --logo-typography_font-size_xl: 16px; } /* 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-bg 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 { 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); } 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); } /* 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-bg 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 { 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); } 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 Colours - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c1-btn-bg, .btn-bg_c1-btn-bg .btn { background: rgba(var(--c1-btn-bg-color1), 1); } .c1-btn-bg:hover, .btn-bg_c1-btn-bg .btn:hover, .btn.c1-btn-bg:focus, .btn-bg_c1-btn-bg .btn:focus, .btn.c1-btn-bg:active, .btn-bg_c1-btn-bg .btn:active { background: rgba(var(--c1-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c1-btn-bg.c1-btn-bg-linear, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn { background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } .c1-btn-bg.c1-btn-bg-linear:hover, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover, .btn.c1-btn-bg.c1-btn-bg-linear:focus, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus, .btn.c1-btn-bg.c1-btn-bg-linear:active, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active { background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c1-btn-bg.c1-btn-bg-radial, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } .c1-btn-bg.c1-btn-bg-radial:hover, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover, .btn.c1-btn-bg.c1-btn-bg-radial:focus, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus, .btn.c1-btn-bg.c1-btn-bg-radial:active, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c1-btn-bg-hover:hover > span, .btn.c1-btn-bg-hover:focus > span, .btn.c1-btn-bg-hover:active > span, .btn-bg_c1-btn-bg-hover .btn:hover > span, .btn-bg_c1-btn-bg-hover .btn:focus > span, .btn-bg_c1-btn-bg-hover .btn:active > span, a:hover .btn.c1-btn-bg-hover > span, a:focus .btn.c1-btn-bg-hover > span, a:active .btn.c1-btn-bg-hover > span, .btn.c1-btn-bg-hover-solid:hover > span, .btn.c1-btn-bg-hover-solid:focus > span, .btn.c1-btn-bg-hover-solid:active > span, .btn-bg_c1-btn-bg-hover-solid .btn:hover > span, .btn-bg_c1-btn-bg-hover-solid .btn:focus > span, .btn-bg_c1-btn-bg-hover-solid .btn:active > span, a:hover .btn.c1-btn-bg-hover-solid > span, a:focus .btn.c1-btn-bg-hover-solid > span, a:active .btn.c1-btn-bg-hover-solid > span { background: rgba(var(--c1-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c1-btn-bg.c1-btn-bg-hover-linear:hover > span, .btn.c1-btn-bg.c1-btn-bg-hover-linear:focus > span, .btn.c1-btn-bg.c1-btn-bg-hover-linear:active > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:hover > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:focus > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:active > span, a:hover .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, a:focus .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, a:active .btn.c1-btn-bg.c1-btn-bg-hover-linear > span { background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, .btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, .btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span, a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c1-btn-borders, .btn-borders_c1-btn-borders .btn { border-color: rgba(var(--c1-btn-borders), 1); } /* Button Borders Hover */ .btn.c1-btn-borders:hover, .btn-borders_c1-btn-borders .btn:hover, .btn.c1-btn-borders:focus, .btn-borders_c1-btn-borders .btn:focus, .btn.c1-btn-borders:active, .btn-borders_c1-btn-borders .btn:active, a:hover .btn.c1-btn-borders, a:focus .btn.c1-btn-borders, a:active .btn.c1-btn-borders { border-color: rgba(var(--c1-btn-borders-hover), 1); } /* Button Text */ .btn.c1-btn-text, .btn-text_c1-btn-text .btn { color: rgba(var(--c1-btn-text), 1); } /* Button Text Hover */ .btn.c1-btn-text:hover, .btn-text_c1-btn-text .btn:hover, .btn.c1-btn-text:focus, .btn-text_c1-btn-text .btn:focus, .btn.c1-btn-text:active, .btn-text_c1-btn-text .btn:active, a:hover .btn.c1-btn-text, a:focus .btn.c1-btn-text, a:active .btn.c1-btn-text { color: rgba(var(--c1-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c1-btn-borders, .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), 1), var(--btn-box-shadow_o); } .btn-borders_c1-btn-borders .btn, .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), 1), 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 Colours - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c2-btn-bg, .btn-bg_c2-btn-bg .btn { background: rgba(var(--c2-btn-bg-color1), 1); } .c2-btn-bg:hover, .btn-bg_c2-btn-bg .btn:hover, .btn.c2-btn-bg:focus, .btn-bg_c2-btn-bg .btn:focus, .btn.c2-btn-bg:active, .btn-bg_c2-btn-bg .btn:active { background: rgba(var(--c2-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c2-btn-bg.c2-btn-bg-linear, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-linear:hover, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover, .btn.c2-btn-bg.c2-btn-bg-linear:focus, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus, .btn.c2-btn-bg.c2-btn-bg-linear:active, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c2-btn-bg.c2-btn-bg-radial, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-radial:hover, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover, .btn.c2-btn-bg.c2-btn-bg-radial:focus, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus, .btn.c2-btn-bg.c2-btn-bg-radial:active, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c2-btn-bg-hover:hover > span, .btn.c2-btn-bg-hover:focus > span, .btn.c2-btn-bg-hover:active > span, .btn-bg_c2-btn-bg-hover .btn:hover > span, .btn-bg_c2-btn-bg-hover .btn:focus > span, .btn-bg_c2-btn-bg-hover .btn:active > span, a:hover .btn.c2-btn-bg-hover > span, a:focus .btn.c2-btn-bg-hover > span, a:active .btn.c2-btn-bg-hover > span, .btn.c2-btn-bg-hover-solid:hover > span, .btn.c2-btn-bg-hover-solid:focus > span, .btn.c2-btn-bg-hover-solid:active > span, .btn-bg_c2-btn-bg-hover-solid .btn:hover > span, .btn-bg_c2-btn-bg-hover-solid .btn:focus > span, .btn-bg_c2-btn-bg-hover-solid .btn:active > span, a:hover .btn.c2-btn-bg-hover-solid > span, a:focus .btn.c2-btn-bg-hover-solid > span, a:active .btn.c2-btn-bg-hover-solid > span { background: rgba(var(--c2-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, .btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, .btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span, a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span { background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, .btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, .btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span, a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c2-btn-borders, .btn-borders_c2-btn-borders .btn { border-color: rgba(var(--c2-btn-borders), 1); } /* Button Borders Hover */ .btn.c2-btn-borders:hover, .btn-borders_c2-btn-borders .btn:hover, .btn.c2-btn-borders:focus, .btn-borders_c2-btn-borders .btn:focus, .btn.c2-btn-borders:active, .btn-borders_c2-btn-borders .btn:active, a:hover .btn.c2-btn-borders, a:focus .btn.c2-btn-borders, a:active .btn.c2-btn-borders { border-color: rgba(var(--c2-btn-borders-hover), 1); } /* Button Text */ .btn.c2-btn-text, .btn-text_c2-btn-text .btn { color: rgba(var(--c2-btn-text), 1); } /* Button Text Hover */ .btn.c2-btn-text:hover, .btn-text_c2-btn-text .btn:hover, .btn.c2-btn-text:focus, .btn-text_c2-btn-text .btn:focus, .btn.c2-btn-text:active, .btn-text_c2-btn-text .btn:active, a:hover .btn.c2-btn-text, a:focus .btn.c2-btn-text, a:active .btn.c2-btn-text { color: rgba(var(--c2-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c2-btn-borders, .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), 1), var(--btn-box-shadow_o); } .btn-borders_c2-btn-borders .btn, .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), 1), 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 Colours - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c3-btn-bg, .btn-bg_c3-btn-bg .btn { background: rgba(var(--c3-btn-bg-color1), 1); } .c3-btn-bg:hover, .btn-bg_c3-btn-bg .btn:hover, .btn.c3-btn-bg:focus, .btn-bg_c3-btn-bg .btn:focus, .btn.c3-btn-bg:active, .btn-bg_c3-btn-bg .btn:active { background: rgba(var(--c3-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c3-btn-bg.c3-btn-bg-linear, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-linear:hover, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover, .btn.c3-btn-bg.c3-btn-bg-linear:focus, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus, .btn.c3-btn-bg.c3-btn-bg-linear:active, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c3-btn-bg.c3-btn-bg-radial, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-radial:hover, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover, .btn.c3-btn-bg.c3-btn-bg-radial:focus, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus, .btn.c3-btn-bg.c3-btn-bg-radial:active, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c3-btn-bg-hover:hover > span, .btn.c3-btn-bg-hover:focus > span, .btn.c3-btn-bg-hover:active > span, .btn-bg_c3-btn-bg-hover .btn:hover > span, .btn-bg_c3-btn-bg-hover .btn:focus > span, .btn-bg_c3-btn-bg-hover .btn:active > span, a:hover .btn.c3-btn-bg-hover > span, a:focus .btn.c3-btn-bg-hover > span, a:active .btn.c3-btn-bg-hover > span, .btn.c3-btn-bg-hover-solid:hover > span, .btn.c3-btn-bg-hover-solid:focus > span, .btn.c3-btn-bg-hover-solid:active > span, .btn-bg_c3-btn-bg-hover-solid .btn:hover > span, .btn-bg_c3-btn-bg-hover-solid .btn:focus > span, .btn-bg_c3-btn-bg-hover-solid .btn:active > span, a:hover .btn.c3-btn-bg-hover-solid > span, a:focus .btn.c3-btn-bg-hover-solid > span, a:active .btn.c3-btn-bg-hover-solid > span { background: rgba(var(--c3-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, .btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, .btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span, a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span { background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, .btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, .btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span, a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c3-btn-borders, .btn-borders_c3-btn-borders .btn { border-color: rgba(var(--c3-btn-borders), 1); } /* Button Borders Hover */ .btn.c3-btn-borders:hover, .btn-borders_c3-btn-borders .btn:hover, .btn.c3-btn-borders:focus, .btn-borders_c3-btn-borders .btn:focus, .btn.c3-btn-borders:active, .btn-borders_c3-btn-borders .btn:active, a:hover .btn.c3-btn-borders, a:focus .btn.c3-btn-borders, a:active .btn.c3-btn-borders { border-color: rgba(var(--c3-btn-borders-hover), 1); } /* Button Text */ .btn.c3-btn-text, .btn-text_c3-btn-text .btn { color: rgba(var(--c3-btn-text), 1); } /* Button Text Hover */ .btn.c3-btn-text:hover, .btn-text_c3-btn-text .btn:hover, .btn.c3-btn-text:focus, .btn-text_c3-btn-text .btn:focus, .btn.c3-btn-text:active, .btn-text_c3-btn-text .btn:active, a:hover .btn.c3-btn-text, a:focus .btn.c3-btn-text, a:active .btn.c3-btn-text { color: rgba(var(--c3-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c3-btn-borders, .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), 1), var(--btn-box-shadow_o); } .btn-borders_c3-btn-borders .btn, .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), 1), 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); } body * { font-family: 'Work Sans', sans-serif !important; } h1, h2, h3, h4, h5, h6, p, small { color: #000; } p {font-size: 14px !important} a:not(.btn) { color: #000 !important; text-decoration: underline !important; } .h1, h1 { font-size: 46px !important; line-height: 1.3; } .fs__20 { font-size: 20px !important; } .fs__24 { font-size: 24px !important; } .fw__400 { font-weight: 400 !important; } .fw__500 { font-weight: 500 !important; } .fw__600 { font-weight: 600 !important; } .fw__700 { font-weight: 700 !important; } .text__yellow { color: #D7FF2B !important; } .mt__0 { margin-top: 0 !important; } .mt__15 { margin-top: 15px; } .mt__10 { margin-top: 10px; } .mt__20 { margin-top: 20px; } .mt__30 { margin-top: 30px; } .mt__80 { margin-top: 80px; } .mb__0 { margin-bottom: 0 !important; } .mb__20 { margin-bottom: 20px; } .mb__30 { margin-bottom: 30px; } .mb__40 { margin-bottom: 40px; } .mb__80 { margin-bottom: 80px; } .pt__0 { padding-top: 0 !important; } .pt__20 { padding-top: 20px !important; } .pt__40 { padding-top: 40px !important; } .fig-h1 { font-weight: 500; font-size: 55px; line-height: 64px; color: #7DCF2E !important; } .fig-h2 { font-weight: 500; font-size: 42px; line-height: 44px; color: #3D3E3E !important; } .fig-h4 { font-weight: bold; font-size: 26px; line-height: 30px; color: #F5B716; } .fig-green { color: #7DCF2E !important; } /*.fig-orange { color: #F5B716 !important; }*/ .fig-orange { color: #000 !important; } .fig-dark_link { color: #667266; } .download-help-header_bg { background: #F6FAF7; } .img_normal img { width: auto; } .fig_ft18 { font-size: 14px; } .fig_ftwt400 { font-weight: 400; } /* .fig-lightergrey_txt p { color: #879487; } */ .fig-lightergrey_txt p { color: #000; font-weight: 500; } .fig-lightgrey_txt p { color: #667266; } .fig-darkergrey_txt { color: #3D3E3E; } .fig-darkgrey_txt p { color: #495849; } .inside-model { max-width: 560px; margin: 0 auto; } .fig-height_full .text.c2-text { height: 100%; } /* section ul li::marker { color: #7DCF2E; font-size: 21px; } */ /* START: Section */ section.content { font-family: 'Work Sans', sans-serif; } /* END: Section */ /* START: Reusable Styles Section */ section.content.pt-0 { padding-top: 0; } section.content.pb-0 { padding-bottom: 0; } body:not(.content-underline-link) #site-content .custom__link a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active), body:not(.content-underline-link-hover) #site-content a:not(.btn):not(.nav-button-link):hover{ text-decoration: underline; font-weight: 500; } section.content ul li { padding-bottom: 10px; } /* section.content ul li::marker { color: #7DCF2E; font-size: 21px; } */ .btn>span { border-radius: 5px; } /* 06302021 */ /*.windowsdownload a.btn { background-image: url(/media/efxjyr4y/windows-bcert-wallet-windows-icon.png) !important; } .macosdownload a.btn { background-image: url(/media/kkjnfupj/bcert-wallet-mac-icon.png) !important; } .linuxdownload a.btn { background-image: url(/media/dyqcebcz/bcert-wallet-redhat-icon.png) !important; background-size: 24px 24px; } .linuxdownload-deb a.btn { background-image: url(/media/ikuduejm/bcert-wallet-debian-icon.png) !important; } .windowsdownload a.btn:hover { background-image: url(/media/2kppdwrk/windows.png) !important; } .macosdownload a.btn:hover { background-image: url(/media/1nqpnjkm/apple.png) !important; } .linuxdownload a.btn:hover { background-image: url(/media/xk4nrgy5/red-hat.png) !important; } .linuxdownload-deb a.btn:hover { background-image: url(/media/pchhg1u5/debian.png) !important; }*/ .windowsdownload a.btn { background-image: url(/media/xeemyceb/beyoncerts-wallet-windows-version.png) !important; background-size: 20px 20px; } .macosdownload a.btn { background-image: url(/media/gxtf5wow/beyoncerts-wallet-mac-version.png) !important; background-size: 20px 20px; } .linuxdownload a.btn { background-image: url(/media/dyqcebcz/bcert-wallet-redhat-icon.png) !important; background-size: 20px 20px; } .linuxdownload-deb a.btn { background-image: url(/media/ikuduejm/bcert-wallet-debian-icon.png) !important; background-size: 20px 20px; } .windowsdownload a.btn:hover, .windowsdownload a.btn:active, .windowsdownload a.btn:focus { background-image: url(/media/z1acaurp/beyoncerts-wallet-window-version-dark.png) !important; } .macosdownload a.btn:hover, .macosdownload a.btn:active, .macosdownload a.btn:focus { background-image: url(/media/n2ddyv4k/beyoncerts-wallet-mac-version-dark.png) !important; } .linuxdownload a.btn:hover { background-image: url(/media/xk4nrgy5/red-hat.png) !important; } .linuxdownload-deb a.btn:hover { background-image: url(/media/pchhg1u5/debian.png) !important; } /* .osbaseddownload a.btn { background-repeat: no-repeat !important; background-position: 9px 9px !important; padding-left: 40px !important; background-color: #7DCF2E !important; border: 1px solid #7DCF2E; border-radius: 5px; } .osbaseddownload a.btn:hover { background-color: transparent !important; background-repeat: no-repeat !important; background-position: 9px 9px; background-color: transparent; color: #7DCF2E !important; border: 1px solid #7DCF2E; } .osbaseddownload a.btn:active { border: 1px solid #7DCF2E !important; color: #FFF !important; } .osbaseddownload a.btn:focus { border: 1px solid #7DCF2E !important; color: #FFF !important; } .osbaseddownload a.btn:active:hover, .windowsdownload a.btn:focus:hover { border: 1px solid #7DCF2E !important; color: #7DCF2E !important; } */ .osbaseddownload a.btn { background-repeat: no-repeat !important; background-position: 8px 14px !important; padding-left: 35px !important; background-color: #000 !important; border: 1px solid #000; border-radius: 5px; font-size: 18px; } .osbaseddownload a.btn:hover { background-color: transparent !important; background-repeat: no-repeat !important; background-position: 8px 14px; background-color: transparent; color: #000 !important; border: 1px solid #000; } .osbaseddownload a.btn:active { border: 1px solid #000 !important; color: #000 !important; background-color: #FFF !important; } .osbaseddownload a.btn:focus { border: 1px solid #000 !important; color: #000 !important; background-color: #FFF !important; box-shadow: none !important; } .osbaseddownload a.btn:active:hover, .windowsdownload a.btn:focus:hover { border: 1px solid #000 !important; color: #000 !important; background-color: #FFF !important; } /* 05052023 */ .bcertin__grey-txt { color: #A3A3A3 !important; } /* End 05052023 */ /* BCERT.io site wide Footer */ #bcert-footer h3 { font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; color: #7DCF2E; font-family: 'Work Sans', sans-serif; margin-top: 15px; } #bcert-footer p { font-weight: normal; font-size: 20px; line-height: 24px; color: #9FAB9F; font-family: 'Work Sans', sans-serif; } p#copyright { font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; color: #9FAB9F; } footer#site-footer.footer-bg-linear { background: #FFF !important; border-bottom: 1px dashed #C7C7C7; border-top: 1px dashed #C7C7C7; } .footer_link ul { list-style: none; padding-left: 0; margin-left: 0; } .footer_link ul li { line-height: inherit; margin-bottom: 10px; text-align: left; padding-left: 0; } .footer_link ul li a { color: #000 !important; font-family: 'Work Sans', sans-serif !important; font-weight: 400; font-size: 14px; line-height: 1.3; text-align: left; text-decoration: none; } .footer_link h3 { font-size: 14px !important; text-align: left; margin-bottom: 20px; line-height: 30px !important; font-weight: 700 !important; color: #000 !important; } .footer-copyright { /*margin-top: 50px;*/ margin-top: 0; } footer#site-footer { padding-bottom: 45px !important; } #bcert-footer hr { border-top: 1px solid #C7C7C7; } .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span, .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a span, .breadcrumb-trail ol.breadcrumb li.breadcrumb-item>span { color: #9FAB9F; } /* 07052021 - Sumesh */ .img-orig_size img { width: auto; } /* 07062021*/ #friends-invite .required.red, #friends-invite-mob .required.red { color: red; position: absolute; top: 0px; left: 5px; z-index: 1; } #friends-invite .country-select .required.red, #friends-invite-mob .country-select .required.red { left: 20px; } #friends-invite label.error, #friends-invite-mob label.error { font-size: 14px; text-transform: none; } .error { color: red; } #friends-invite-mob .password-wrapper .passtrengthMeter .showPassword, #friends-invite-mob .password-wrapper .passtrengthMeter .showPassword.active { top: calc(50% - 10px); } .passwordconfirm-wrapper .passtrengthMeter .showPassword, .password-wrapper .passtrengthMeter .showPassword { top: 15px; } /* .password-wrapper .passtrengthMeter .showPassword.active { top: calc(50% - 10px); } .passwordconfirm-wrapper .passtrengthMeter .showPassword.active { top: calc(50% - 10px); } */ /* Blockcerts Product launch research */ .plr-box * { color: #3D3E3E !important; } .plr-box { padding: 25px; background: #FFFFFF; border-radius: 10px; border: 1px solid #DADCE0; margin-bottom: 15px; } .plr-box.first { border-top: 10px solid #7DCF2E; } .plr-nain_heading { font-size: 33px; font-weight: normal; } .plr-heading { font-size: 17px; font-weight: normal; line-height: 22px; margin-bottom: 20px; } .plr-box p, .plr-box label { font-size: 15px; font-weight: normal; } #interest-in-bcerts-other-value, #interested-industries-other-value { margin-top: 10px; } #blockcerts-product-launch_research button { border-radius: 5px; padding: 10px 30px; } /* Sumesh 08202021 */ .cta-links button.btn.base-btn-text:hover, .cta-links button.btn-text_base-btn-text .btn:hover, .cta-links button.btn.base-btn-text:focus, .cta-links button.btn-text_base-btn-text .btn:focus, .cta-links button.btn.base-btn-text:active, .cta-links button.btn-text_base-btn-text .btn:active { background: #FFFFFF; border: 1px solid #7DCF2E; color: #7DCF2E; } /* Sumesh 08202021 End */ .fig-lightergrey_txt hr { border-top: 1px dashed #000 !important; } .wallet__downloadpage-hero-image img { max-width: 450px; } .fa-regular, .far { font-family: "Font Awesome 6 Free" !important } .fa { font: normal normal normal 14px/1 FontAwesome !important; } #bcert-footer .col__heading { font-weight: 700; font-size: 14px; line-height: 1.3; text-transform: capitalize; color: #000; margin-bottom: 15px; } footer .col__heading:not(:first-child) { margin-top: 30px; } #bcert-footer ul { margin-left: 0; } #bcert-footer ul li { list-style: none; margin-bottom: 8px; } #bcert-footer a, #bcert-footer p { font-weight: 400; font-size: 14px; line-height: 1.3; color: #000 !important; text-decoration: none !important; } .footer__bottom{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:30px 0} .footer-social{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:20px;-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-box-ordinal-group:0;-ms-flex-order:-1;order:-1} .footer-social a{padding:0 10px} .footer-social svg{width:20px;height:20px;fill: #000;-webkit-transition:fill .25s ease;-o-transition:fill .25s ease;-moz-transition:fill .25s ease;transition:fill .25s ease} .footer-social a:hover svg {fill: #333;} .footer__btm p{font-weight:400;font-size:15px;line-height:1.3;color:#000;} /* Mega menu */ .megamenu { /* 07222022 */ /*max-width: 460px;*/ /* End 07222022 */ position: absolute; /* 07222022 */ top: 120%; /* End 07222022 */ right: 25px; font-size: 14px; text-align: left; /* 07222022 */ background-color: #1f1e1e; box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 30%), 0 -2px 6px 2px rgb(0 0 0 / 15%); /* End 07222022 */ border-radius: 4px; background-clip: padding-box; -webkit-transition: all 0.2s ease; opacity: 0; -webkit-transform-origin: right top 0px; -webkit-transform: scale(0); /* 07222022 */ padding: 20px; background: #FFFFFF; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); /* we can remove these 4 lines if it doesn'ork out */ position: fixed; top: 80px; overflow: auto; /*height: 85vh*/ /* End 07222022 */ /* 07262022 */ max-height: calc(-81px + 100vh); /* End 07262022 */ transition: none !important; /* 03072023 */ max-width: 900px; width: 100%; padding: 25px 35px 15px; /* 03072023 */ display: none } .megamenu.active { opacity: 1; -webkit-transform-origin: right top 0px; -webkit-transform: scale(1); display: block } /* Mega menu */ .text__white-var1 { color: #FFFFFF; } .section__bg-grey { background: #F1F2F2; } .usn_ion, [class^="usn_ion-"], [class*=" usn_ion-"] { font-family: "Ionicons" !important; } .defi__defi-swap-nft .listing .item .inner { background: #F1F2F2; border-radius: 18px; height: 100%; padding: 25px 15px; } .section__grids.defi__defi-swap-nft .listing .info > p:first-child { display: none; } .btn.c1-btn-borders, .btn.c1-btn-borders:hover, .btn.c1-btn-borders:focus, .btn.c1-btn-borders:active { font-size: 20px; } section.content .btn { padding: 10px 30px !important; font-weight: 500; font-size: 20px; } .section__every-mission-critical-tool .row.flexed__row { display: flex; justify-content: center; } .bcertin__value-stack-yellow-box-item { background: #D7FF2B; border: 0.5px solid #000000; border-radius: 4px; padding: 7px 10px; margin-bottom: 8px; } .bcertin__value-stack-yellow-box-item p { margin: 0; font-weight: 400; color: #000; } .bcertin__value-stack-yellow-box-item ul { margin-top: 13px; margin-bottom: 0 } .bcertin__value-stack-yellow-box-item ul li { list-style: none; color: #000; font-weight: 500; padding-bottom: 8px !important; } .bcertin__value-stack-yellow-box-item ul li:last-child { padding-bottom: 0 !important; } section .text .mb__40 { margin-bottom: 40px !important; } nav.main>ul>li>span>a { text-decoration: none !important; } .grey__section-bg { background-color: #F1F2F2; } .link .btn, .link .btn:hover, .link .btn:hover span { border-radius: 10px !important; } .form-control { color: #787878 !important; background-color: transparent !important; border: 1px solid #787878 !important; border-radius: 6px !important; font-weight: 400 !important; } .new-menu-group ul li a, a.megamenu-app { text-decoration: none !important; } .mega-menu-top-col a { color: #D7FF2B !important; } .fig-height_full h1 { color: #000 !important; font-size: 46px !important; font-weight: 700 !important; } @media (max-width: 992px) { section.content ul li { padding-bottom: 5px; } nav.cta-links img.megamenu-icon { max-width: 110px; } html[dir="ltr"] body.header-06-lg header#site-header nav.cta-links { position: unset !important; right: 0; padding-top: 0; } nav.cta-links .megamenu { width: 100%; height: auto; position: absolute; max-width: 100% !important; left: 0; right: 0; margin-right: 0; margin-left: auto; background-color: #FFFFFF; padding: 25px 35px 15px; -webkit-animation: FadeDown .2s linear; animation: FadeDown .2s linear; top: 0px; z-index: 300; max-height: unset; } nav.cta-links #mega-menu-close { position: absolute; right: 15px; top: 10px; height: 30px; width: 30px; display: block !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: calc(80vh - 65px); } .fig-height_full h1 { font-size: 37px !important; } .fs__20 { font-size: 16px !important; } } /* END: Reusable Styles Section */ /* START: Header */ @media (min-width:1279px) { body.header-06-lg header#site-header nav.main { position: relative; left: 0; transform: none; } } @media (min-width: 0) and (max-width: 991px) { body.header-02-sm header#site-header #logo { display: flex; align-items: center; } } @media (min-width: 1200px) { nav.main { width: calc(100% - 764px); } } @media (min-width: 992px) { header#site-header { height: 100px; } html.nav-up body:not(.show_header-on-scroll-lg) header#site-header { top: calc((100px + 5px) * -1); } header#site-header #logo { height: 100%; } header#site-header #logo a { height: 100%; display: flex; align-items: flex-start; } header#site-header .row { justify-content: unset; height: 100%; } header#site-header #logo img[src*=svg] { width: 200px; max-height: 60px; } nav.main { margin: 0 auto; right: 0; left: 0; transform: none; } nav.main ul { display: flex; justify-content: space-between; } nav.main li { font-family: 'Work Sans', sans-serif; font-weight: normal; } nav.main ul li span { /*padding-top: 4px;*/ padding-top: 0; } } @media (max-width: 1200px) { .tab-mb30 { margin-bottom: 30px !important; } .mb__30-md { margin-bottom: 30px; } } @media (max-width: 768px) { header#site-header nav.main>ul { border: none; } header#site-header nav.main>ul>li { border-color: #E5E5E5; } header#site-header nav.main>ul>li:first-child { border: none; } header#site-header nav.main>ul>li:last-child { border: 1px solid #ccc; } .section__every-mission-critical-tool .background-image { background-image: none !important; } } /* END: Header */ /* START: Section Hero Banner */ @media (max-width: 768px) { .component.usn_cmp_banner .item:not(.item_scale-banner) .image { background-position: 30% !important; } .component-inner .item.item_medium-banner .info.col { /*max-width: 60% !important;*/ max-width: 100% !important; } .fig-height_full h1 { font-size: 33px !important; } .fs__20 { font-size: 15px !important; } .text__align-center-sm { text-align: center !important; } .text__align-center-sm .text-left { text-align: center !important; } } @media (max-width: 576px) { section.section__herobanner h1 { font-size: 24px !important; line-height: 1.3 !important; } .component.usn_cmp_banner .item:not(.item_scale-banner) .image { background-position: 12% !important; } .component-inner .item.item_medium-banner .info.col { max-width: 100% !important; } .component.usn_cmp_banner .item .info { padding-top: 30px !important; } .fig-height_full .background-image { background-image: none !important; background-color: #F1F2F2; } } /* END: Section Hero Banner */ /* START: Section Image & Text (Uneven) */ /* .section__imagetext .column:first-child{ padding-right: 60px; } */ .section__imagetext .column .imagetext__title{ font-size: 22px; } .section__imagetext .column p{ line-height: 1.3; font-family: 'Work Sans', sans-serif; margin-top: 0; } .section__imagetext .column .imagetext__desc{ font-size: 30px; line-height: 1.3; font-family: 'Work Sans', sans-serif; margin-top: 30px; } /* .section__imagetext .column:first-child{ display: flex; max-width: 40%; flex: 0 0 40%; } */ /* .section__imagetext .column:last-child{ max-width: 60%; flex: 0 0 60%; } */ @media (max-width: 1350px) { .section__imagetext .column .imagetext__title{ font-size: 20px; } .section__imagetext .column .imagetext__desc{ font-size: 25px; margin-top: 0; } } @media (max-width: 1200px) and (min-width: 991px) { /* .section__imagetext .column:first-child, .section__imagetext .column:last-child{ max-width: 50%; flex: 0 0 50%; } */ .section__imagetext .column .imagetext__title{ font-size: 16px; } .section__imagetext .column .imagetext__desc{ font-size: 22px; } } @media (min-width: 992px) { section.content.component.section__imagetext .content-col.center-col.col { max-width: 100%; flex: 0 0 100%; } .section__imagetext .column:last-child img{ width: 100%; max-width: 800px; height: auto; } .section__imagetext .column .imagetext__desc + .section__imagetext .column .imagetext__desc{ margin-top: 20px; } } /* START: Section Imagetext RTE */ @media (max-width: 1200px) and (min-width: 991px) { /* .section__imagetext--rte .column:first-child, .section__imagetext--rte .column:last-child{ max-width: 50%; flex: 0 0 50%; } */ } @media (max-width: 991px) { .section__imagetext--rte .column { max-width: 100% !important; flex: none !important; padding-right: 15px; padding-left: 15px; } .section__imagetext--rte .column p:first-child { margin-top: 1em !important; } } /* Image & Text Reversed */ .section__imagetext.section__imagetext--reversed .column + .column { order: -1; } .section__imagetext.section__imagetext--reversed .column:first-child { padding-right: 0; padding-left: 60px; } /* RTE image small */ .section__imagetext .column p>img{ width: 100%; max-width: 230px; height: auto; padding-top: 5px; padding-bottom: 5px; } .section__imagetext p.link span { border-radius: 5px; } @media (max-width: 1200px) and (min-width: 992px) { .section__imagetext .column:first-child{ padding-right: 30px; } .section__imagetext.section__imagetext--reversed .column:first-child { padding-left: 30px; } } @media (max-width: 991px) { .section__imagetext .column:first-child{ padding-right: 15px; margin-bottom: 25px; } .section__imagetext .column { max-width: 100% !important; flex: none !important; padding-right: 15px; padding-left: 15px; } .section__imagetext.section__imagetext--reversed .column:first-child { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .section__imagetext.section__imagetext--reversed .column + .column { margin-bottom: 25px; } } /* END: Section Image & Text */ /* START: Hero Banner */ .component.usn_cmp_banner .item.item_medium-banner h1 { font-family: 'Work Sans', sans-serif; font-size: 40px; } @media (min-width: 1200px) { .component.usn_cmp_banner .item.item_medium-banner .container { max-width: none; width: 100%; padding-left: 172px; } } @media (min-width: 992px) { .component-inner .item.item_medium-banner .info.col { max-width: 485px; } } @media (max-width: 991px) { .component-inner .item.item_medium-banner .info.col { max-width: 400px; } .component.usn_cmp_banner .item.item_medium-banner h1 { font-size: 30px; } .component.usn_cmp_banner .item:not(.item_scale-banner) .image { background-position: 40%; } } @media (max-width: 768px) { .component.usn_cmp_banner .item.item_medium-banner .container { max-width: 100%; } .component-inner .item.item_medium-banner .info.col { max-width: 50%; } section.bannerslider h2 { font-size: 36px !important; } section.bannerslider p { font-size: 24px !important; } section.bannerslider small, section.bannerslider a.button { font-size: 16px !important; } .hide__sm { display: none !important; } } @media (max-width: 576px) { .component-inner .item.item_medium-banner .info.col { max-width: 60%; } .component.usn_cmp_banner .item.item_medium-banner h1 { font-size: 24px; } section.bannerslider h2 { font-size: 32px !important; } section.bannerslider p { font-size: 20px !important; } section.bannerslider small, section.bannerslider a.button { font-size: 16px !important; } } /* END: Hero Banner */ /* START: Grids */ .section__grids .heading { padding-top: 22px; color: #7DCF2E; } .section__grids p:first-child { margin-top: 0; } .section__grids p { font-size: 14px; color: #000; font-weight: 400; } .section__grids a:hover p{ text-decoration: none; } .section__grids p.link span { border-radius: 5px; } @media (min-width: 769px) { .section__grids .heading { font-size: 28px; } } @media (max-width: 768px) { .section__grids .col-md-4:first-child, .section__grids .col-md-4:nth-child(2){ margin-bottom: 30px; } .section__grids p { padding-right: 0; } } /* Four Grid & Four Grid token__benefits */ .section__four--grid { background-color: #FAF9F9; } .section__four--grid img { width: auto; height: 46px; } .section__four--grid h4.heading { color: #000 !important; } .section__four--grid.token__benefits { background-color: #ffffff; } .section__four--grid.token__benefits h5.heading { color: #7DCF2E !important; } @media (min-width: 992px) { .section__four--grid h4.heading { margin-bottom: 50px !important; } .section__four--grid .col-md-3:nth-child(2) div { padding-right: calc(10%); } .section__four--grid .col-md-3:nth-child(3) div { padding-left: calc(10%); } .section__four--grid.token__benefits span.heading { font-size: 28px; } .section__four--grid.token__benefits .col-md-3:nth-child(2) div { padding-right: calc(20%); } .section__four--grid.token__benefits .col-md-3:nth-child(3) div { padding-left: calc(20%); } .section__four--grid.token__benefits img { width: 136px; height: auto; } } @media (min-width: 768px) { .section__four--grid .col-md-3:first-child div { text-align: left; } .section__four--grid .col-md-3:nth-child(2) div, .section__four--grid .col-md-3:nth-child(3) div { text-align: center; } .section__four--grid .col-md-3:last-child div { text-align: right; } /* token__benefits col-md-3 */ .section__four--grid.token__benefits .col-md-3:first-child, .section__four--grid.token__benefits .col-md-3:last-child { display: flex; align-items: center; } .section__four--grid.token__benefits .col-md-3:first-child { justify-content: flex-end; } .section__four--grid.token__benefits .col-md-3:last-child { justify-content: flex-start; } /* token__benefits div */ .section__four--grid.token__benefits .col-md-3:first-child div, .section__four--grid.token__benefits .col-md-3:nth-child(2) div{ text-align: right; } .section__four--grid.token__benefits .col-md-3:nth-child(3) div, .section__four--grid.token__benefits .col-md-3:last-child div{ text-align: left; } } @media (max-width: 992px) { .section__four--grid img { width: 100%; max-width: 180px; height: auto; } .section__four--grid.token__benefits img { max-width: 80px; } .section__four--grid .col-md-3 div { text-align: center; padding-bottom: 20px; } } /* END: Grids */ /* Tiles Grid 2: (Even) */ .section__imagetext--even .column img{ height: auto; width: 100%; margin-bottom: 20px; } .section__imagetext--even.plain .column { display: flex; align-items: center; justify-content: center; } /* .section__imagetext--even .column p{ text-align: left; font-size: 16px; color: #030405; } */ .section__imagetext--even .column p.link { text-align: center; } .section__imagetext--even p.link span { border-radius: 5px; } @media (min-width: 768px) { .section__imagetext--even .column div{ text-align: center; } .section__imagetext--even .column span.heading{ font-size: 28px; margin-bottom: 30px !important; } } @media (max-width: 768px) { .section__imagetext--even .column:first-child{ margin-bottom: 30px; } } /* START: ABOUT PAGE */ /* START: Section Title */ .section__title h1 { font-size: 46px; margin-bottom: 0; line-height: 1.3; } .section__title h2 { margin: 0 !important; } .section__title h2 .light { color: #3D3E3E !important; font-size: 34px; font-weight: 200; } .section__title h2 .bold { color: #3D3E3E !important; font-size: 34px; font-weight: 500; } .section__title h3 span { font-size: 28px !important; color: #F5B716 !important; font-style: italic !important; } @media (max-width: 768px) { /* .section__title h1, .section__title h2 .light, .section__title h2 .bold, .section__title h3 span { font-size: 20px !important; } */ } /* END: Section Title */ /* START: Section ImageText Narrow */ /* .section__imagetext--narrow { padding-bottom: 50px !important; } */ .section__imagetext--narrow .container { max-width: 1148px; } .section__imagetext--narrow .col-text h2 { /* font-size: 40px; font-weight: 400; color: #3D3E3E !important; margin-bottom: 30px; */ } .section__imagetext--narrow .col-text h2 .green { font-weight: bold; color: #7DCF2E !important; } .section__imagetext--narrow .col-text p { /*font-size: 24px;*/ line-height: 1.3; color: #000; } .section__imagetext--narrow .col-image { display: flex; justify-content: center; align-items: center; height: 100%; } .section__imagetext--narrow .col-image img { height: auto; max-width: 250px; } @media (min-width: 768px) { .section__imagetext--narrow.reversed .column:first-child { order: 1; } } @media (max-width: 1200px) { .wallet__also-available-on { justify-content: center !important; } .text-center-lg { text-align: center } } @media (max-width: 992px) { .section__imagetext--narrow .col-text { padding-bottom: 30px; } } @media (max-width: 767px) { .section__imagetext--narrow .col-text h2 { font-size: 32px !important; } .section__imagetext--narrow .col-text p { font-size: 20px; } } @media (max-width: 540px) { .section__imagetext--narrow .col-image img { height: auto; max-width: 100%; } } /* END: Section ImageText Narrow */ /* START: Section ImageText Narrower */ .section__imagetext--narrower .container { max-width: 800px; } .section__imagetext--narrower .info .heading { margin-bottom: 30px !important; } .section__imagetext--narrower .info.col { max-width: 800px !important; flex: 1 !important; margin: 0 auto; } .section__imagetext--narrower .column { display: flex; align-items: center; justify-content: center; flex-flow: column; } .section__imagetext--narrower .col-image { margin-bottom: 30px; } .section__imagetext--narrower img { max-height: 293px; width: auto; } .section__imagetext--narrower h5 { font-size: 34px; color: #7DCF2E !important; text-align: center; } .section__imagetext--narrower p { font-size: 18px; color: #3D3E3E !important; } .section__imagetext--narrower p.link span { border-radius: 5px; } @media (max-width: 767px) { .section__imagetext--narrower h5 { font-size: 32px; } .section__imagetext--narrower p { font-size: 20px; } } /* END: Section ImageText Narrower */ /* START: Section Article */ .section__article { color: #3D3E3E !important; } /* .section__article h1 { max-width: 80%; font-size: 34px; font-weight: 500; color: #7DCF2E !important; margin-top: 20px; margin-bottom: 20px; } */ .section__article h2 { /* font-size: 24px; font-weight: 200; color: #3D3E3E !important; margin-bottom: 60px; */ margin-top: 0 } .section__article h3 { font-size: 24px; font-weight: 500; color: #3D3E3E !important; } .section__article p { font-size: 20px; line-height: 1.5; color: #3D3E3E !important; } .section__article span.intro { font-size: 24px; font-weight: 400; color: #3D3E3E !important; margin-bottom: 40px !important; } .section__article span.yellow { color: #F5B716 !important; } @media (max-width: 1300px) { .section__article h1 { max-width: 100%; } } @media (max-width: 768px) { .section__article h2 { margin-bottom: 30px !important; } .section__article span.intro { margin-bottom: 10px !important; } .mob-mt20 { margin-top: 20px; } .mob-fullwidth { width: 100%; } } /* END: Section Article */ /* START: Section Lead Capture */ .section__leadcapture { text-align: center; background-color: #FAF9F9; padding-top: 80px; padding-bottom: 80px; } .section__leadcapture p { margin: 0 !important; } .section__leadcapture p span { color: #F5B716 !important; margin-bottom: 30px !important; font-weight: bold !important; font-size: 34px !important; display: block; } .section__leadcapture p span.light { font-size: 34px; color: #F5B716 !important; font-weight: 300 !important; } /* END: Section Lead Capture */ /* END: ABOUT PAGE */ /* START: Section Wallet Signup */ .section__signup .container > .row { } .section__signup .section__signup-leftcol { padding: 45px 55px 35px; background-color: #F6FAF7; } .section__signup .section__signup-leftcol .logo { margin-bottom: 30px; } .section__signup .section__signup-leftcol .logo img { width: 180px; height: 40px; } .section__signup .section__signup-leftcol .heading { font-weight: 500; font-size: 42px; line-height: 44px; color: #344134; padding-right: 10%; margin-bottom: 15px !important; } .section__signup .section__signup-leftcol .subheading { font-weight: normal; font-size: 20px; line-height: 24px; color: #495849; padding-right: 45%; margin-bottom: 50px; } .section__signup .section__signup-leftcol .teaser { padding-right: 50%; margin-bottom: 30px; } .section__signup .section__signup-leftcol .teaser-heading { font-weight: 500; font-size: 20px; line-height: 24px; color: #1D251D; margin-bottom: 12px; } .section__signup .section__signup-leftcol .teaser p { font-weight: normal; font-size: 16px; line-height: 19px; color: #495849; } .section__signup .section__signup-leftcol .teaser a { font-weight: normal; font-size: 16px; line-height: 19px; display: block; } .section__signup .section__signup-leftcol .bottom-cols { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 30px; } .section__signup .section__signup-leftcol .bottom-cols img { height: 45px; width: auto; } .section__signup .section__signup-leftcol .bottom-cols p { font-weight: normal; font-size: 14px; line-height: 20px; color: #495849; } .section__signup .green-text { color: #7DCF2E; } .section__signup .section__signup-rightcol { background-color: #ffffff; /*padding: 45px 30px 35px;*/ padding: 5px 30px 35px; } .section__signup .signup__form .signup__form-heading { font-weight: 500; font-size: 28px; line-height: 32px; color: #495849; margin-bottom: 20px; } .section__signup .signup__form .form-group { margin-bottom: 25px; } .section__signup .signup__form .form-control { border: 1px solid #9FAB9F; box-sizing: border-box; border-radius: 5px; } .section__signup .signup__form .form-control::placeholder { color: #B7C0B7; } .section__signup .signup__form .btn { border-radius: 5px; } .section__signup .signup__form .btn:hover, .section__signup .signup__form .btn:focus{ border-color: rgba(var(--base-btn-bg-color1), 1); color: rgba(var(--base-btn-bg-color1), 1); background: rgba(var(--base-btn-text), 1); } .signup__form.visible-sm { display: none; } @media(max-width: 1200px) { .section__signup .section__signup-leftcol .heading, .section__signup .section__signup-leftcol .subheading, .section__signup .section__signup-leftcol .teaser { padding-right: 0; } } @media(max-width: 992px) { .section__signup .section__signup-leftcol { /*flex: 0 0 60%; max-width: 60%;*/ padding: 25px 30px; } .section__signup .section__signup-rightcol { /*flex: 0 0 40%; max-width: 40%;*/ padding: 25px 30px; } .section__signup .section__signup-leftcol .heading { font-size: 28px; line-height: 32px; margin-bottom: 20px !important; } .section__signup .section__signup-leftcol .subheading { font-size: 16px; line-height: 19px; } } @media(max-width: 767px) { .section__signup .section__signup-leftcol { background-color: #FFFFFF; flex: 0 0 100%; max-width: 100%; } .signup__form.visible-sm { display: block; margin-bottom: 50px; } .section__signup .section__signup-leftcol .bottom-cols { flex-flow: column; align-items: center; } } /* END: Section Wallet Signup */ .newsletter__article .green__text { color: #7DCF2E; } .newsletter__article .heading { margin-top: 25px; margin-bottom: 25px; font-weight: 300; font-size: 34px; line-height: 40px; color: #3d3e3e; } .newsletter__article .heading strong { font-weight: 500; } .newsletter__article .heading__medium { margin-top: 25px; margin-bottom: 25px; font-weight: 300; font-size: 28px; line-height: 33px; color: #3d3e3e; } .newsletter__article .heading__medium strong { font-weight: 500; } .newsletter__article .heading__small { font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; margin-bottom: 40px; color: #3d3e3e; } .newsletter__article .paragraph__wrapper { padding-bottom: 25px; } .newsletter__article .paragraph__wrapper p { font-weight: 300; font-size: 22px; line-height: 26px; color: #3d3e3e; } .newsletter__article .paragraph__wrapper p:last-child { margin-bottom: 0; } .newsletter__article .paragraph__wrapper strong { font-weight: 500; } .newsletter__article .paragraph__wrapper p.large { font-weight: bold; font-size: 55px; line-height: 64px; text-align: center; color: #c4c4c4; margin-top: 50px; margin-bottom: 30px; } .newsletter__article .link__dark { font-weight: 400; font-style: italic; color: #3d3e3e; } .newsletter__article .link__dark:active, .newsletter__article .link__dark:visited { color: #3d3e3e; } .newsletter__article figure { margin: 0; } .newsletter__article .newsletter__img { text-align: center; padding-top: 40px; padding-bottom: 40px; display: block; } .newsletter__article .newsletter__img img { max-width: 100%; height: auto; width: auto; } .newsletter__article .quotation { position: relative; max-width: 925px; margin: 50px auto 25px; font-weight: 300; font-size: 22px; line-height: 20px; text-align: center; color: #3d3e3e; padding-right: 40px; padding-left: 40px; } .newsletter__article .quotation:before { content: "‘‘"; position: absolute; top: 0; left: 25px; bottom: auto; } .newsletter__article .quotation:after { content: "’’"; position: absolute; top: auto; bottom: -20px; } .newsletter__article .quotation:before, .newsletter__article .quotation:after { font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 64px; text-align: center; color: #a6a6a6; } .newsletter__article .newsletter__btn { font-weight: 400; font-size: 16px; line-height: 19px; display: flex; justify-content: center; margin-bottom: 50px; } .newsletter__article .newsletter__btn a { color: #ffffff; text-decoration: none; background: #7DCF2E; border: 1px solid #7DCF2E; border-radius: 5px; padding: 10px 40px; text-align: center; transition: all 0.3s ease; } .newsletter__article .newsletter__btn a:hover { background: #ffffff; color: #7DCF2E; } @media (max-width: 768px) { .newsletter__article .heading { font-size: 24px; line-height: 28px; } .newsletter__article .heading__medium { font-size: 22px; line-height: 26px; } .newsletter__article .heading__small { font-size: 20px; line-height: 24px; } .newsletter__article .paragraph__wrapper p { font-size: 18px; line-height: 22px; } .newsletter__article .newsletter__btn { margin-bottom: 20px; } } .section__newsletter--personalized { background: #faf9f9; margin-top: 100px; padding-top: 85px; padding-bottom: 100px; } .section__newsletter--personalized .green__text { color: #7DCF2E; } .section__newsletter--personalized .heading { margin-top: 25px; margin-bottom: 25px; font-weight: 300; font-size: 34px; line-height: 155.2%; color: #3d3e3e; text-align: center; margin-bottom: 60px; } .section__newsletter--personalized .heading strong { font-weight: 500; } .section__newsletter--personalized .paragraph__wrapper strong { font-weight: 500; } .section__newsletter--personalized p { font-weight: 300; font-size: 22px; line-height: 26px; color: #3d3e3e; } .section__newsletter--personalized p:last-child { margin-bottom: 0; } .section__newsletter--personalized a { color: #7DCF2E; } .section__newsletter--personalized a:visited, .section__newsletter--personalized a:active { color: #7DCF2E; } @media (max-width: 768px) { .section__newsletter--personalized { margin-top: 50px; padding-top: 50px; padding-bottom: 50px; } .section__newsletter--personalized .heading { font-size: 24px; line-height: 28px; } .section__newsletter--personalized p { font-size: 18px; line-height: 22px; } } /* Sumesh */ header#site-header nav.cta-links .btn.base-btn-text, header#site-header nav.cta-links .btn-text_base-btn-text .btn { border-radius: 5px; } header#site-header nav.cta-links .btn.base-btn-text:hover, header#site-header nav.cta-links .btn-text_base-btn-text .btn:hover, header#site-header nav.cta-links .btn.base-btn-text:focus, header#site-header nav.cta-links .btn-text_base-btn-text .btn:focus, header#site-header nav.cta-links .btn.base-btn-text:active, header#site-header nav.cta-links .btn-text_base-btn-text .btn:active, header#site-header nav.cta-links a:hover .btn.base-btn-text, header#site-header nav.cta-links a:focus .btn.base-btn-text, header#site-header nav.cta-links a:active .btn.base-btn-text { border-radius: 5px; } html[dir="ltr"] body.header-06-lg header#site-header nav.cta-links { /* position: absolute; right: 30px; */ } /* Sumesh 08182021 */ footer#site-footer a.footer-link:not(.btn):hover, footer#site-footer a.footer-link:not(.btn):focus, footer#site-footer a.footer-link:not(.btn):active, footer#site-footer a:not(.btn):hover, footer#site-footer a:not(.btn):focus, footer#site-footer a:not(.btn):active { color: #7DCF2E; } .social-media-item { background-color: #fff; color: #7DCF2E; border-radius: 50%; padding: 2px; width: 25px; height: 25px; text-align: center; float: left; margin-right: 10px; } footer#site-footer i.fa, i.before { margin-right: 0; } /* Sumesh 08182021 End */ @media (min-width: 992px) { nav.main ul { display: flex; justify-content: normal; float: right; } } @media (max-width: 992px) { html[dir="ltr"] body.header-06-lg header#site-header nav.cta-links { position: relative; right: 0; padding-top: 0; } } /* Slider Banner */ section.bannerslider .slick-dots { position: relative !important; padding-top: 40px !important; } section.bannerslider .slick-dots li button { background: #E3EAE3 !important; } section.bannerslider .slick-dots li.slick-active button { background: #7DCF2E !important; } section.bannerslider .container { max-width: 1170px !important; } section.bannerslider .row { /*max-width: 480px;*/ max-width: 700px; width: 100%; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } section.bannerslider h1 { font-weight: 900; font-size: 36px; line-height: 42px; margin-bottom: 0; color: white; } section.bannerslider h2 { font-weight: 700; font-size: 42px; line-height: 1.3; color: #D7FF2B; margin-bottom: 7px; margin-top: 0; } section.bannerslider h3 { font-weight: 700; font-size: 24px; line-height: 28px; color: #344134; margin-top: 0; margin-bottom: 4px; } section.bannerslider h4 { font-weight: 300; font-size: 20px; line-height: 23px; color: #FFFFFF; margin-top: 0; } section.bannerslider p { font-weight: 600; font-size: 30px; line-height: 1.3; color: #F1F2F2; } section.bannerslider p strong { font-weight: 600; } section.bannerslider small { font-weight: 400; font-size: 22px; line-height: 1.3; color: #FFFFFF; display: block; } section.bannerslider small a { text-decoration: none; color: inherit; } section.bannerslider .mt40 { margin-top: 40px; } section.bannerslider .text__uppercase { text-transform: uppercase; } section.bannerslider .text__green { color: #7DCF2E; } section.bannerslider .text__green * { color: #7DCF2E; } section.bannerslider .text__dark { color: #344134; } section.bannerslider .text__dark * { color: #344134; } section.bannerslider a.button { font-weight: 600; font-size: 18px; line-height: 1.3; color: #000; text-decoration: none; padding: 13px 30px; /*background-color: #7DCF2E;*/ background-color: #D7FF2B; border: 1px solid #000000; margin-top: 25px !important; display: inline-block !important; border-radius: 10px; -webkit-transition: all .15s ease; transition: all .15s ease; text-decoration: none !important; } section.bannerslider a.button:hover { /*background-color: rgba(125, 207, 46, 0.9);*/ background-color: #000; border: 1px solid #D7FF2B; color: #FFF !important; text-decoration: none !important; } section.bannerslider a.button.button__white { background-color: #FFFFFF; color: #7DCF2E; } section.bannerslider a.button.button__white:hover { background-color: darken(#FFFFFF, 0.90); text-decoration: none !important; } section.bannerslider .steps__text { margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* font-weight: 400; font-size: 16px; line-height: 19px; */ font-weight: 600; font-size: 30px; line-height: 1.3; text-align: center; color: #F1F2F2; } section.bannerslider .steps__text .num__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 13px; padding-right: 13px; } section.bannerslider .steps__text .num__item { /* font-weight: 700; font-size: 36px; line-height: 42px; */ font-weight: 600; font-size: 32px; line-height: 1.3; font-style: normal; text-align: center; color: #F1F2F2; width: 63px; height: 63px; border: 1px solid #D7FF2B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; margin-left: 4px; margin-right: 4px; font-style: italic; } section.bannerslider .banner__tiles .container { width: 100%; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } section.bannerslider .banner__tiles .row { max-width: 100%; } section.bannerslider .banner__tiles .info.col { max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; padding: 0 !important; } section.bannerslider .banner__tiles .text, section.bannerslider .banner__tiles .banner__column { height: 100%; } section.bannerslider .banner__tiles img { max-width: 100%; width: auto; display: block; margin: 0 auto; } section.bannerslider .banner__tiles small { margin-top: 10px; } section.bannerslider .banner__tiles small + small { margin-top: 2px; } section.bannerslider .banner__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } section.bannerslider .banner__column-item { width: 50%; text-align: center; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section.bannerslider .banner__column-item:first-child { background: linear-gradient(102.49deg, #A3D832 18.13%, #5DC82A 81.87%); } section.bannerslider .banner__column-item:nth-child(2) img { margin-bottom: 20px; } section.bannerslider .banner__column .column__wrapper { max-width: 440px; margin: 0 auto; } @media (max-width: 1200px) { section.bannerslider .item:nth-child(2) .image.background-image { background-position: right; } } @media (max-width: 992px) { section.bannerslider .container { width: 100%; } section.bannerslider .item.banner__tiles .row { margin: 0; } } @media (max-width: 992px) and (max-height: 680px) { section.bannerslider .item { min-height: 550px; } section.bannerslider .item .container, section.bannerslider .item .row, section.bannerslider .item .image { height: 100% !important; } } @media (max-width: 768px) { section.bannerslider .row { margin: 0; } section.bannerslider h1 { font-size: 36px; } section.bannerslider h3 { font-size: 22px; line-height: 1.3; } section.bannerslider h4 { font-size: 18px; line-height: 1.3; } section.bannerslider .steps__text .num__item { font-size: 22px; line-height: 1.3; width: 40px; height: 40px; } section.bannerslider .item > .image { height: 100% !important; } section.bannerslider .item.banner__tiles { min-height: 800px; } section.bannerslider .item.banner__tiles .info.col { max-width: 100% !important; } section.bannerslider .banner__column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } section.bannerslider .banner__column-item { width: 100%; } }