/* --------------------------------------------------- Author: uSkinned License: uSkinned Commercial License (https://uskinned.net/website-license-agreement/) --------------------------------------------------- */ /* --------------------------------------------------- Contents 1. Font Imports 2. Global non-generated variables 3. Global generated variables --------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Afacad:400,500,600,700,400i,500i,600i,700i&display=swap');@import url('https://fonts.googleapis.com/css?family=Barlow: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:144,62,60; --form-warning:240,173,78; --form-success:92,184,92; /* Item widths */ --items-1:100%; --items-2:50%; --items-3:33.3333333%; --items-4:25%; --items-5:20%; --items-6:16.6666667%; --items-7:14.2857143%; --items-8:12.5%; /* Window heights */ --windows_basic: 50vh; --windows_basic_PX: 375px; --windows-1_basic: 100vh; --windows-1_basic_PX: 62.5%; --windows-2_basic: 100vh; --windows-2_basic_PX: 75%; --windows-3_basic: 70vh; --windows-3_basic_PX: 100%; --windows-4_basic: 50vh; --windows-4_basic_PX: 75%; --windows-3_big-item: 100vh; --windows-3_big-item_PX: 750px; --windows-3_small-item: 50vh; --windows-3_small-item_PX: 375px; --windows-4_big-item: 55vh; --windows-4_big-item_PX: 475px; --windows-4_small-item: 45vh; --windows-4_small-item_PX: 375px; /* Banner heights */ --takeover-banner: 100vh; --medium-banner: 65vh; --medium-bannerPX: 450px; --short-banner: 50vh; --short-bannerPX: 340px; /* Lazyframe buttons*/ --youtube-bg: 229,45,39; --vimeo-bg: 0,173,239; /* Component max-width */ --component-max-width: 1350px; /* Modal max-width */ --modal-opacity: 0.75; --modal-components-max-width: 1800px; --modal-pods-max-width: 645px; /* All configurable variables below */ /* Spacing tab */ --site-max-width: 1600px; --site-spacing_sm: 0px; --site-spacing_lg: 0px; --notification-spacing_below_sm: 0px; --notification-spacing_side_sm: 0px; --notification-spacing_below_lg: 0px; --notification-spacing_side_lg: 0px; --backtotop-size_sm: 45px; --backtotop-size_lg: 60px; --backtotop-spacing_side_sm: 0px; --backtotop-spacing_below_sm: 0px; --backtotop-spacing_side_lg: 0px; --backtotop-spacing_below_lg: 0px; --site-box-shadow_h: 0px; --site-box-shadow_v: 0px; --site-box-shadow_b: 100px; --site-box-shadow_o: 0.1; --small-breakpoint: 1349px; --large-breakpoint: 1350px; --header-max-width: 1350px; --small-header: 85px; --large-header: 80px; --header-box-shadow_h: 0px; --header-box-shadow_v: 0px; --header-box-shadow_b: 0px; --header-box-shadow_o: 0; --nav-main-dropdown-width: 260px; --nav-main-dropdown-width_wide: 480px; --logo_sm-padding_top: 10px; --logo_sm-padding_right: 10px; --logo_sm-padding_bottom: 10px; --logo_sm-padding_left: 10px; --logo_lg-padding_top: 0px; --logo_lg-padding_right: 10px; --logo_lg-padding_bottom: 0px; --logo_lg-padding_left: 10px; --base-spacing: 30px; --base-half-spacing: 15px; --base-border-width: 3px; --base-border-radius: 0px; --base-box-shadow_h: 0px; --base-box-shadow_v: 0px; --base-box-shadow_b: 15px; --base-box-shadow_o: 0.1; --content-col_pc-spacing: 15px; --pc-spacing: 30px; --pc-spacing_sm: 30px; --pc-spacing_md: 40px; --pc-spacing_lg: 50px; --pc-spacing_xl: 60px; --intro-col: 100%; --intro-col_sm: 100%; --intro-col_md: 90%; --intro-col_lg: 80%; --intro-col_xl: 75%; --outro-col: 100%; --outro-col_sm: 100%; --outro-col_md: 90%; --outro-col_lg: 80%; --outro-col_xl: 75%; --center-col: 100%; --center-col_sm: 100%; --center-col_md: 90%; --center-col_lg: 65%; --center-col_xl: 65%; --banner-col: 100%; --banner-col_sm: 100%; --banner-col_md: 90%; --banner-col_lg: 80%; --banner-col_xl: 75%; --form-field-border-width: 1px; --form-field-border-radius: 0px; --btn-border-width: 2px; --btn-border-radius: 6px; --btn-box-shadow_h: 0px; --btn-box-shadow_v: 0px; --btn-box-shadow_b: 0px; --btn-box-shadow_o: 0; --btn_sm-padding_top: 6px; --btn_sm-padding_right: 10px; --btn_sm-padding_bottom: 6px; --btn_sm-padding_left: 10px; --btn-padding_top: 8px; --btn-padding_right: 18px; --btn-padding_bottom: 8px; --btn-padding_left: 18px; --btn_lg-padding_top: 10px; --btn_lg-padding_right: 20px; --btn_lg-padding_bottom: 10px; --btn_lg-padding_left: 20px; --footer-max-width: 1350px; /* Colors tab */ /* Body */ --body-bg-color1: 231, 231, 231; --body-bg-color2: 0, 0, 0; --body-bg-start-perc: 50%; --body-bg-stop-perc: 50%; --body-bg-angle: 90deg; /* Header */ --header-bg-color1: 0, 81, 214; --header-bg-color2: 0, 0, 0; --header-bg-start-perc: 50%; --header-bg-stop-perc: 50%; --header-bg-angle: 90deg; --header-text: 255, 255, 255; --header-borders: 255, 255, 255; --header-highlight: 255, 255, 255; /* Main Navigation */ --main-navigation-link: 255, 255, 255; --main-navigation-link-hover: 255, 214, 0; --main-navigation-link-active: 255, 214, 0; /* Logo */ --logo-link: 255, 255, 255; --logo-link-hover: 78, 78, 78; /* Secondary Navigation */ --secondary-navigation-link: 255, 255, 255; --secondary-navigation-link-hover: 232, 214, 29; /* Navigation dropdown */ --navigation-dropdown-color1: 32, 42, 134; --navigation-dropdown-color2: 0, 0, 0; --navigation-dropdown-start-perc: 50%; --navigation-dropdown-stop-perc: 50%; --navigation-dropdown-angle: 90deg; --navigation-dropdown-link: 255, 255, 255; --navigation-dropdown-link-hover: 255, 214, 0; --navigation-dropdown-link-active: 255, 214, 0; /* Content */ --base-bg-color1: 255, 255, 255; --base-bg-color2: 0, 0, 0; --base-bg-start-perc: 50%; --base-bg-stop-perc: 50%; --base-bg-angle: 90deg; --base-heading: 32, 42, 134; --base-secondary-heading: 255, 1, 144; --base-text: 0, 0, 0; --base-link: 255, 1, 144; --base-link-hover: 0, 78, 176; --base-borders: 231, 231, 231; --base-highlight: 255, 1, 144; --base-highlight-text: 255, 255, 255; /* Button */ --base-btn-bg-color1: 255, 1, 144; --base-btn-bg-color2: 0, 0, 0; --base-btn-bg-start-perc: 50%; --base-btn-bg-stop-perc: 50%; --base-btn-bg-angle: 90deg; --base-btn-text: 255, 255, 255; --base-btn-borders: 255, 1, 144; --base-btn-bg-hover-color1: 211, 9, 114; --base-btn-bg-hover-color2: 53, 53, 53; --base-btn-bg-hover-start-perc: 50%; --base-btn-bg-hover-stop-perc: 50%; --base-btn-bg-hover-angle: 90deg; --base-btn-text-hover: 255, 255, 255; --base-btn-borders-hover: 211, 9, 114; /* Footer */ --footer-max-width: 1350px; --footer-bg-color1: 3, 8, 61; --footer-bg-color2: 255, 255, 255; --footer-bg-start-perc: 50%; --footer-bg-stop-perc: 50%; --footer-bg-angle: 90deg; --footer-heading: 255, 255, 255; --footer-secondary-heading: 255, 255, 255; --footer-text: 255, 255, 255; --footer-link: 255, 255, 255; --footer-link-hover: 246, 225, 16; --footer-borders: 255, 255, 255; --footer-highlight: 255, 214, 0; --c1-bg-color1: 255, 1, 144; --c1-bg-color2: 0, 0, 0; --c1-bg-start-perc: 50%; --c1-bg-stop-perc: 50%; --c1-bg-angle: 90deg; --c1-heading: 255, 255, 255; --c1-secondary-heading: 255, 255, 255; --c1-text: 255, 255, 255; --c1-link: 255, 255, 255; --c1-link-hover: 238, 238, 238; --c1-borders: 255, 248, 251; --c1-highlight: 238, 238, 238; --c1-highlight-text: 236, 100, 100; --c2-bg-color1: 0, 81, 214; --c2-bg-color2: 0, 0, 0; --c2-bg-start-perc: 50%; --c2-bg-stop-perc: 50%; --c2-bg-angle: 90deg; --c2-heading: 255, 255, 255; --c2-secondary-heading: 255, 255, 255; --c2-text: 255, 255, 255; --c2-link: 255, 255, 255; --c2-link-hover: 255, 223, 0; --c2-borders: 255, 255, 255; --c2-highlight: 232, 214, 29; --c2-highlight-text: 0, 78, 176; --c3-bg-color1: 226, 93, 0; --c3-bg-color2: 0, 0, 0; --c3-bg-start-perc: 50%; --c3-bg-stop-perc: 50%; --c3-bg-angle: 90deg; --c3-heading: 255, 255, 255; --c3-secondary-heading: 255, 232, 0; --c3-text: 255, 255, 255; --c3-link: 255, 255, 255; --c3-link-hover: 238, 222, 10; --c3-borders: 255, 255, 255; --c3-highlight: 255, 255, 255; --c3-highlight-text: 85, 36, 7; --c4-bg-color1: 237, 39, 36; --c4-bg-color2: 0, 0, 0; --c4-bg-start-perc: 50%; --c4-bg-stop-perc: 50%; --c4-bg-angle: 90deg; --c4-heading: 255, 255, 255; --c4-secondary-heading: 255, 255, 255; --c4-text: 255, 255, 255; --c4-link: 255, 255, 255; --c4-link-hover: 240, 240, 243; --c4-borders: 255, 255, 255; --c4-highlight: 255, 255, 255; --c4-highlight-text: 255, 255, 255; --c5-bg-color1: 31, 154, 214; --c5-bg-color2: 0, 0, 0; --c5-bg-start-perc: 50%; --c5-bg-stop-perc: 50%; --c5-bg-angle: 90deg; --c5-heading: 255, 255, 255; --c5-secondary-heading: 255, 255, 255; --c5-text: 255, 255, 255; --c5-link: 255, 255, 255; --c5-link-hover: 231, 231, 231; --c5-borders: 255, 255, 255; --c5-highlight: 255, 255, 255; --c5-highlight-text: 255, 255, 255; --c6-bg-color1: 64, 175, 73; --c6-bg-color2: 0, 0, 0; --c6-bg-start-perc: 50%; --c6-bg-stop-perc: 50%; --c6-bg-angle: 90deg; --c6-heading: 255, 255, 255; --c6-secondary-heading: 255, 255, 255; --c6-text: 255, 255, 255; --c6-link: 255, 255, 255; --c6-link-hover: 231, 231, 231; --c6-borders: 255, 255, 255; --c6-highlight: 255, 255, 255; --c6-highlight-text: 255, 255, 255; --c7-bg-color1: 0, 27, 61; --c7-bg-color2: 0, 0, 0; --c7-bg-start-perc: 50%; --c7-bg-stop-perc: 50%; --c7-bg-angle: 90deg; --c7-heading: 255, 255, 255; --c7-secondary-heading: 255, 255, 255; --c7-text: 255, 255, 255; --c7-link: 255, 255, 255; --c7-link-hover: 255, 255, 255; --c7-borders: 255, 255, 255; --c7-highlight: 255, 255, 255; --c7-highlight-text: 0, 0, 0; --c8-bg-color1: 255, 1, 144; --c8-bg-color2: 0, 0, 0; --c8-bg-start-perc: 50%; --c8-bg-stop-perc: 50%; --c8-bg-angle: 90deg; --c8-heading: 255, 255, 255; --c8-secondary-heading: 255, 255, 255; --c8-text: 255, 255, 255; --c8-link: 255, 255, 255; --c8-link-hover: 255, 255, 255; --c8-borders: 255, 255, 255; --c8-highlight: 255, 255, 255; --c8-highlight-text: 0, 0, 0; --c9-bg-color1: 239, 142, 31; --c9-bg-color2: 238, 67, 31; --c9-bg-start-perc: 50%; --c9-bg-stop-perc: 50%; --c9-bg-angle: -180deg; --c9-heading: 255, 255, 255; --c9-secondary-heading: 242, 220, 206; --c9-text: 255, 255, 255; --c9-link: 253, 236, 232; --c9-link-hover: 255, 255, 255; --c9-borders: 255, 255, 255; --c9-highlight: 255, 255, 255; --c9-highlight-text: 242, 114, 36; --c10-bg-color1: 239, 239, 239; --c10-bg-color2: 0, 0, 0; --c10-bg-start-perc: 50%; --c10-bg-stop-perc: 50%; --c10-bg-angle: 90deg; --c10-heading: 229, 2, 120; --c10-secondary-heading: 229, 2, 120; --c10-text: 0, 0, 0; --c10-link: 182, 5, 97; --c10-link-hover: 215, 0, 120; --c10-borders: 0, 0, 0; --c10-highlight: 229, 2, 120; --c10-highlight-text: 255, 255, 255; --c11-bg-color1: 33, 43, 135; --c11-bg-color2: 0, 0, 0; --c11-bg-start-perc: 50%; --c11-bg-stop-perc: 50%; --c11-bg-angle: 90deg; --c11-heading: 255, 214, 0; --c11-secondary-heading: 255, 255, 255; --c11-text: 240, 240, 243; --c11-link: 255, 255, 255; --c11-link-hover: 255, 214, 0; --c11-borders: 0, 81, 214; --c11-highlight: 255, 255, 255; --c11-highlight-text: 32, 42, 134; --c12-bg-color1: 0, 0, 0; --c12-bg-color2: 0, 0, 0; --c12-bg-start-perc: 50%; --c12-bg-stop-perc: 50%; --c12-bg-angle: 90deg; --c12-heading: 255, 255, 255; --c12-secondary-heading: 240, 240, 243; --c12-text: 231, 231, 231; --c12-link: 255, 255, 255; --c12-link-hover: 240, 240, 243; --c12-borders: 58, 58, 58; --c12-highlight: 255, 255, 255; --c12-highlight-text: 0, 0, 0; --c13-bg-color1: 255, 255, 255; --c13-bg-color2: 229, 247, 255; --c13-bg-start-perc: 50%; --c13-bg-stop-perc: 50%; --c13-bg-angle: 0deg; --c13-heading: 32, 42, 134; --c13-secondary-heading: 255, 1, 144; --c13-text: 0, 0, 0; --c13-link: 255, 1, 144; --c13-link-hover: 0, 78, 176; --c13-borders: 231, 231, 231; --c13-highlight: 255, 1, 144; --c13-highlight-text: 255, 255, 255; --c14-bg-color1: 229, 247, 255; --c14-bg-color2: 0, 0, 0; --c14-bg-start-perc: 50%; --c14-bg-stop-perc: 50%; --c14-bg-angle: 90deg; --c14-heading: 32, 42, 134; --c14-secondary-heading: 0, 0, 0; --c14-text: 0, 0, 0; --c14-link: 0, 0, 0; --c14-link-hover: 108, 108, 108; --c14-borders: 0, 0, 0; --c14-highlight: 108, 108, 108; --c14-highlight-text: 255, 255, 255; --c1-btn-bg-color1: 34, 34, 34; --c1-btn-bg-color2: 0, 0, 0; --c1-btn-bg-start-perc: 50%; --c1-btn-bg-stop-perc: 50%; --c1-btn-bg-angle: 90deg; --c1-btn-text: 255, 255, 255; --c1-btn-borders: 34, 34, 34; --c1-btn-bg-hover-color1: 34, 34, 34; --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: 238, 238, 238; --c1-btn-borders-hover: 76, 76, 76; --c2-btn-bg-color1: 0, 0, 0; --c2-btn-bg-color2: 0, 0, 0; --c2-btn-bg-start-perc: 50%; --c2-btn-bg-stop-perc: 50%; --c2-btn-bg-angle: 90deg; --c2-btn-text: 255, 255, 255; --c2-btn-borders: 0, 0, 0; --c2-btn-bg-hover-color1: 45, 45, 45; --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: 234, 234, 234; --c2-btn-borders-hover: 45, 45, 45; --c3-btn-bg-color1: 240, 235, 230; --c3-btn-bg-color2: 0, 0, 0; --c3-btn-bg-start-perc: 50%; --c3-btn-bg-stop-perc: 50%; --c3-btn-bg-angle: 90deg; --c3-btn-text: 34, 34, 34; --c3-btn-borders: 240, 235, 230; --c3-btn-bg-hover-color1: 255, 255, 255; --c3-btn-bg-hover-color2: 255, 255, 255; --c3-btn-bg-hover-start-perc: 50%; --c3-btn-bg-hover-stop-perc: 50%; --c3-btn-bg-hover-angle: 90deg; --c3-btn-text-hover: 208, 82, 82; --c3-btn-borders-hover: 255, 255, 255; --c4-btn-bg-color1: 231, 231, 231; --c4-btn-bg-color2: 0, 0, 0; --c4-btn-bg-start-perc: 50%; --c4-btn-bg-stop-perc: 50%; --c4-btn-bg-angle: 90deg; --c4-btn-text: 34, 34, 34; --c4-btn-borders: 231, 231, 231; --c4-btn-bg-hover-color1: 255, 255, 255; --c4-btn-bg-hover-color2: 255, 255, 255; --c4-btn-bg-hover-start-perc: 50%; --c4-btn-bg-hover-stop-perc: 50%; --c4-btn-bg-hover-angle: 90deg; --c4-btn-text-hover: 208, 82, 82; --c4-btn-borders-hover: 255, 255, 255; --c5-btn-bg-color1: 255, 255, 255; --c5-btn-bg-color2: 0, 0, 0; --c5-btn-bg-start-perc: 50%; --c5-btn-bg-stop-perc: 50%; --c5-btn-bg-angle: 90deg; --c5-btn-text: 238, 93, 93; --c5-btn-borders: 255, 255, 255; --c5-btn-bg-hover-color1: 231, 231, 231; --c5-btn-bg-hover-color2: 255, 255, 255; --c5-btn-bg-hover-start-perc: 50%; --c5-btn-bg-hover-stop-perc: 50%; --c5-btn-bg-hover-angle: 90deg; --c5-btn-text-hover: 238, 93, 93; --c5-btn-borders-hover: 231, 231, 231; --c6-btn-bg-color1: 0, 81, 214; --c6-btn-bg-color2: 0, 0, 0; --c6-btn-bg-start-perc: 50%; --c6-btn-bg-stop-perc: 50%; --c6-btn-bg-angle: 90deg; --c6-btn-text: 252, 250, 250; --c6-btn-borders: 0, 81, 214; --c6-btn-bg-hover-color1: 9, 69, 144; --c6-btn-bg-hover-color2: 255, 255, 255; --c6-btn-bg-hover-start-perc: 50%; --c6-btn-bg-hover-stop-perc: 50%; --c6-btn-bg-hover-angle: 90deg; --c6-btn-text-hover: 254, 252, 252; --c6-btn-borders-hover: 9, 69, 144; --c7-btn-bg-color1: 255, 214, 0; --c7-btn-bg-color2: 0, 0, 0; --c7-btn-bg-start-perc: 50%; --c7-btn-bg-stop-perc: 50%; --c7-btn-bg-angle: 90deg; --c7-btn-text: 32, 42, 134; --c7-btn-borders: 255, 214, 0; --c7-btn-bg-hover-color1: 0, 81, 214; --c7-btn-bg-hover-color2: 255, 255, 255; --c7-btn-bg-hover-start-perc: 50%; --c7-btn-bg-hover-stop-perc: 50%; --c7-btn-bg-hover-angle: 90deg; --c7-btn-text-hover: 255, 255, 255; --c7-btn-borders-hover: 0, 81, 214; /* Fonts tab */ --body-typography_font-name: 'Afacad',sans-serif; --body-typography_font-weight: 400; --body-typography_font-style: normal; --body-typography_font-line-height: 140%; --body-typography_font-letter-spacing: 0.3px; --body-typography_font-transform: None; --body-typography_font-size: 18px; --body-typography_font-size_sm: 18px; --body-typography_font-size_md: 20px; --body-typography_font-size_lg: 20px; --body-typography_font-size_xl: 20px; --h1-typography_font-name: 'Barlow',sans-serif; --h1-typography_font-weight: 900; --h1-typography_font-style: normal; --h1-typography_font-line-height: 120%; --h1-typography_font-letter-spacing: 0.2px; --h1-typography_font-transform: Capitalize; --h1-typography_font-size: 30px; --h1-typography_font-size_sm: 35px; --h1-typography_font-size_md: 35px; --h1-typography_font-size_lg: 45px; --h1-typography_font-size_xl: 50px; --h2-typography_font-name: 'Barlow',sans-serif; --h2-typography_font-weight: 900; --h2-typography_font-style: normal; --h2-typography_font-line-height: 120%; --h2-typography_font-letter-spacing: 0.2px; --h2-typography_font-transform: Capitalize; --h2-typography_font-size: 30px; --h2-typography_font-size_sm: 32px; --h2-typography_font-size_md: 36px; --h2-typography_font-size_lg: 38px; --h2-typography_font-size_xl: 45px; --h3-typography_font-name: 'Afacad',sans-serif; --h3-typography_font-weight: 600; --h3-typography_font-style: normal; --h3-typography_font-line-height: 120%; --h3-typography_font-letter-spacing: 0px; --h3-typography_font-transform: None; --h3-typography_font-size: 26px; --h3-typography_font-size_sm: 28px; --h3-typography_font-size_md: 30px; --h3-typography_font-size_lg: 32px; --h3-typography_font-size_xl: 32px; --h4-typography_font-name: 'Afacad',sans-serif; --h4-typography_font-weight: 600; --h4-typography_font-style: normal; --h4-typography_font-line-height: 120%; --h4-typography_font-letter-spacing: 0px; --h4-typography_font-transform: None; --h4-typography_font-size: 24px; --h4-typography_font-size_sm: 24px; --h4-typography_font-size_md: 26px; --h4-typography_font-size_lg: 28px; --h4-typography_font-size_xl: 28px; --h5-typography_font-name: 'Afacad',sans-serif; --h5-typography_font-weight: 600; --h5-typography_font-style: normal; --h5-typography_font-line-height: 120%; --h5-typography_font-letter-spacing: 0px; --h5-typography_font-transform: None; --h5-typography_font-size: 22px; --h5-typography_font-size_sm: 24px; --h5-typography_font-size_md: 26px; --h5-typography_font-size_lg: 28px; --h5-typography_font-size_xl: 28px; --h6-typography_font-name: 'Afacad',sans-serif; --h6-typography_font-weight: 600; --h6-typography_font-style: normal; --h6-typography_font-line-height: 120%; --h6-typography_font-letter-spacing: 0px; --h6-typography_font-transform: None; --h6-typography_font-size: 20px; --h6-typography_font-size_sm: 22px; --h6-typography_font-size_md: 22px; --h6-typography_font-size_lg: 24px; --h6-typography_font-size_xl: 24px; --p-heading-typography_font-name: 'Afacad',sans-serif; --p-heading-typography_font-weight: 400; --p-heading-typography_font-style: normal; --p-heading-typography_font-line-height: 120%; --p-heading-typography_font-letter-spacing: 0px; --p-heading-typography_font-transform: None; --p-heading-typography_font-size: 22px; --p-heading-typography_font-size_sm: 24px; --p-heading-typography_font-size_md: 26px; --p-heading-typography_font-size_lg: 28px; --p-heading-typography_font-size_xl: 28px; --p-heading_small-typography_font-name: 'Afacad',sans-serif; --p-heading_small-typography_font-weight: 600; --p-heading_small-typography_font-style: normal; --p-heading_small-typography_font-line-height: 120%; --p-heading_small-typography_font-letter-spacing: 0px; --p-heading_small-typography_font-transform: None; --p-heading_small-typography_font-size: 20px; --p-heading_small-typography_font-size_sm: 22px; --p-heading_small-typography_font-size_md: 22px; --p-heading_small-typography_font-size_lg: 22px; --p-heading_small-typography_font-size_xl: 22px; --p-heading_large-typography_font-name: 'Afacad',sans-serif; --p-heading_large-typography_font-weight: 400; --p-heading_large-typography_font-style: normal; --p-heading_large-typography_font-line-height: 120%; --p-heading_large-typography_font-letter-spacing: 0px; --p-heading_large-typography_font-transform: None; --p-heading_large-typography_font-size: 26px; --p-heading_large-typography_font-size_sm: 28px; --p-heading_large-typography_font-size_md: 30px; --p-heading_large-typography_font-size_lg: 32px; --p-heading_large-typography_font-size_xl: 34px; --p-intro-typography_font-name: 'Afacad',sans-serif; --p-intro-typography_font-weight: 400; --p-intro-typography_font-style: normal; --p-intro-typography_font-line-height: 140%; --p-intro-typography_font-letter-spacing: 0px; --p-intro-typography_font-transform: None; --p-intro-typography_font-size: 20px; --p-intro-typography_font-size_sm: 20px; --p-intro-typography_font-size_md: 20px; --p-intro-typography_font-size_lg: 20px; --p-intro-typography_font-size_xl: 20px; --p-intro_small-typography_font-name: 'Afacad',sans-serif; --p-intro_small-typography_font-weight: 400; --p-intro_small-typography_font-style: normal; --p-intro_small-typography_font-line-height: 140%; --p-intro_small-typography_font-letter-spacing: 0px; --p-intro_small-typography_font-transform: None; --p-intro_small-typography_font-size: 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: 'Afacad',sans-serif; --p-intro_large-typography_font-weight: 400; --p-intro_large-typography_font-style: normal; --p-intro_large-typography_font-line-height: 130%; --p-intro_large-typography_font-letter-spacing: -0.15px; --p-intro_large-typography_font-transform: None; --p-intro_large-typography_font-size: 22px; --p-intro_large-typography_font-size_sm: 22px; --p-intro_large-typography_font-size_md: 22px; --p-intro_large-typography_font-size_lg: 22px; --p-intro_large-typography_font-size_xl: 22px; --secondary-heading-typography_font-name: 'Afacad',sans-serif; --secondary-heading-typography_font-weight: 400; --secondary-heading-typography_font-style: normal; --secondary-heading-typography_font-line-height: 120%; --secondary-heading-typography_font-letter-spacing: 1.5px; --secondary-heading-typography_font-transform: Uppercase; --secondary-heading-typography_font-size: 14px; --secondary-heading-typography_font-size_sm: 14px; --secondary-heading-typography_font-size_md: 14px; --secondary-heading-typography_font-size_lg: 14px; --secondary-heading-typography_font-size_xl: 14px; --secondary-heading_small-typography_font-name: 'Afacad',sans-serif; --secondary-heading_small-typography_font-weight: 400; --secondary-heading_small-typography_font-style: normal; --secondary-heading_small-typography_font-line-height: 120%; --secondary-heading_small-typography_font-letter-spacing: 1.5px; --secondary-heading_small-typography_font-transform: Uppercase; --secondary-heading_small-typography_font-size: 12px; --secondary-heading_small-typography_font-size_sm: 12px; --secondary-heading_small-typography_font-size_md: 12px; --secondary-heading_small-typography_font-size_lg: 12px; --secondary-heading_small-typography_font-size_xl: 12px; --secondary-heading_large-typography_font-name: 'Barlow',sans-serif; --secondary-heading_large-typography_font-weight: 900; --secondary-heading_large-typography_font-style: normal; --secondary-heading_large-typography_font-line-height: 120%; --secondary-heading_large-typography_font-letter-spacing: 1.5px; --secondary-heading_large-typography_font-transform: Uppercase; --secondary-heading_large-typography_font-size: 15px; --secondary-heading_large-typography_font-size_sm: 15px; --secondary-heading_large-typography_font-size_md: 15px; --secondary-heading_large-typography_font-size_lg: 18px; --secondary-heading_large-typography_font-size_xl: 18px; --blockquote-typography_font-name: 'Afacad',sans-serif; --blockquote-typography_font-weight: 400; --blockquote-typography_font-style: normal; --blockquote-typography_font-line-height: 140%; --blockquote-typography_font-letter-spacing: -0.25px; --blockquote-typography_font-transform: None; --blockquote-typography_font-size: 22px; --blockquote-typography_font-size_sm: 22px; --blockquote-typography_font-size_md: 22px; --blockquote-typography_font-size_lg: 22px; --blockquote-typography_font-size_xl: 22px; --blockquote_small-typography_font-name: 'Afacad',sans-serif; --blockquote_small-typography_font-weight: 400; --blockquote_small-typography_font-style: normal; --blockquote_small-typography_font-line-height: 140%; --blockquote_small-typography_font-letter-spacing: -0.25px; --blockquote_small-typography_font-transform: None; --blockquote_small-typography_font-size: 18px; --blockquote_small-typography_font-size_sm: 18px; --blockquote_small-typography_font-size_md: 18px; --blockquote_small-typography_font-size_lg: 18px; --blockquote_small-typography_font-size_xl: 18px; --blockquote_large-typography_font-name: 'Afacad',sans-serif; --blockquote_large-typography_font-weight: 400; --blockquote_large-typography_font-style: normal; --blockquote_large-typography_font-line-height: 140%; --blockquote_large-typography_font-letter-spacing: -0.25px; --blockquote_large-typography_font-transform: None; --blockquote_large-typography_font-size: 26px; --blockquote_large-typography_font-size_sm: 26px; --blockquote_large-typography_font-size_md: 26px; --blockquote_large-typography_font-size_lg: 26px; --blockquote_large-typography_font-size_xl: 26px; --btn-typography_font-name: 'Afacad',sans-serif; --btn-typography_font-weight: 700; --btn-typography_font-style: normal; --btn-typography_font-line-height: 150%; --btn-typography_font-letter-spacing: 0.2px; --btn-typography_font-transform: Uppercase; --btn-typography_font-size: 16px; --btn-typography_font-size_sm: 16px; --btn-typography_font-size_md: 16px; --btn-typography_font-size_lg: 17px; --btn-typography_font-size_xl: 17px; --btn_small-typography_font-name: 'Afacad',sans-serif; --btn_small-typography_font-weight: 700; --btn_small-typography_font-style: normal; --btn_small-typography_font-line-height: 150%; --btn_small-typography_font-letter-spacing: 0.2px; --btn_small-typography_font-transform: Uppercase; --btn_small-typography_font-size: 13px; --btn_small-typography_font-size_sm: 13px; --btn_small-typography_font-size_md: 13px; --btn_small-typography_font-size_lg: 16px; --btn_small-typography_font-size_xl: 16px; --btn_large-typography_font-name: 'Afacad',sans-serif; --btn_large-typography_font-weight: 700; --btn_large-typography_font-style: normal; --btn_large-typography_font-line-height: 150%; --btn_large-typography_font-letter-spacing: 0.2px; --btn_large-typography_font-transform: Uppercase; --btn_large-typography_font-size: 20px; --btn_large-typography_font-size_sm: 20px; --btn_large-typography_font-size_md: 20px; --btn_large-typography_font-size_lg: 20px; --btn_large-typography_font-size_xl: 20px; --main-navigation-typography_font-name: 'Afacad',sans-serif; --main-navigation-typography_font-weight: 600; --main-navigation-typography_font-style: normal; --main-navigation-typography_font-line-height: 130%; --main-navigation-typography_font-letter-spacing: -0.04px; --main-navigation-typography_font-transform: Capitalize; --main-navigation-typography_font-size: 18px; --main-navigation-typography_font-size_sm: 18px; --main-navigation-typography_font-size_md: 18px; --main-navigation-typography_font-size_lg: 19px; --main-navigation-typography_font-size_xl: 19px; --main-navigation_dropdowns-typography_font-name: 'Afacad',sans-serif; --main-navigation_dropdowns-typography_font-weight: 400; --main-navigation_dropdowns-typography_font-style: normal; --main-navigation_dropdowns-typography_font-line-height: 120%; --main-navigation_dropdowns-typography_font-letter-spacing: 0.4px; --main-navigation_dropdowns-typography_font-transform: None; --main-navigation_dropdowns-typography_font-size: 17px; --main-navigation_dropdowns-typography_font-size_sm: 17px; --main-navigation_dropdowns-typography_font-size_md: 17px; --main-navigation_dropdowns-typography_font-size_lg: 17px; --main-navigation_dropdowns-typography_font-size_xl: 17px; --secondary-navigation-typography_font-name: 'Afacad',sans-serif; --secondary-navigation-typography_font-weight: 400; --secondary-navigation-typography_font-style: normal; --secondary-navigation-typography_font-line-height: 150%; --secondary-navigation-typography_font-letter-spacing: 0px; --secondary-navigation-typography_font-transform: None; --secondary-navigation-typography_font-size: 14px; --secondary-navigation-typography_font-size_sm: 14px; --secondary-navigation-typography_font-size_md: 14px; --secondary-navigation-typography_font-size_lg: 14px; --secondary-navigation-typography_font-size_xl: 14px; --sub-navigation-typography_font-name: 'Afacad',sans-serif; --sub-navigation-typography_font-weight: 400; --sub-navigation-typography_font-style: normal; --sub-navigation-typography_font-line-height: 150%; --sub-navigation-typography_font-letter-spacing: 0px; --sub-navigation-typography_font-transform: None; --sub-navigation-typography_font-size: 16px; --sub-navigation-typography_font-size_sm: 16px; --sub-navigation-typography_font-size_md: 16px; --sub-navigation-typography_font-size_lg: 16px; --sub-navigation-typography_font-size_xl: 16px; --footer-navigation-typography_font-name: 'Afacad',sans-serif; --footer-navigation-typography_font-weight: 400; --footer-navigation-typography_font-style: normal; --footer-navigation-typography_font-line-height: 150%; --footer-navigation-typography_font-letter-spacing: 0px; --footer-navigation-typography_font-transform: None; --footer-navigation-typography_font-size: 13px; --footer-navigation-typography_font-size_sm: 13px; --footer-navigation-typography_font-size_md: 13px; --footer-navigation-typography_font-size_lg: 14px; --footer-navigation-typography_font-size_xl: 14px; --breadcrumb-navigation-typography_font-name: 'Afacad',sans-serif; --breadcrumb-navigation-typography_font-weight: 400; --breadcrumb-navigation-typography_font-style: normal; --breadcrumb-navigation-typography_font-line-height: 150%; --breadcrumb-navigation-typography_font-letter-spacing: 0px; --breadcrumb-navigation-typography_font-transform: None; --breadcrumb-navigation-typography_font-size: 14px; --breadcrumb-navigation-typography_font-size_sm: 14px; --breadcrumb-navigation-typography_font-size_md: 14px; --breadcrumb-navigation-typography_font-size_lg: 14px; --breadcrumb-navigation-typography_font-size_xl: 14px; --anchor-navigation-typography_font-name: 'Afacad',sans-serif; --anchor-navigation-typography_font-weight: 400; --anchor-navigation-typography_font-style: normal; --anchor-navigation-typography_font-line-height: 150%; --anchor-navigation-typography_font-letter-spacing: 0px; --anchor-navigation-typography_font-transform: None; --anchor-navigation-typography_font-size: 16px; --anchor-navigation-typography_font-size_sm: 16px; --anchor-navigation-typography_font-size_md: 16px; --anchor-navigation-typography_font-size_lg: 16px; --anchor-navigation-typography_font-size_xl: 16px; --acc-tab-typography_font-name: 'Afacad',sans-serif; --acc-tab-typography_font-weight: 400; --acc-tab-typography_font-style: normal; --acc-tab-typography_font-line-height: 150%; --acc-tab-typography_font-letter-spacing: 0.5px; --acc-tab-typography_font-transform: None; --acc-tab-typography_font-size: 18px; --acc-tab-typography_font-size_sm: 18px; --acc-tab-typography_font-size_md: 16px; --acc-tab-typography_font-size_lg: 17px; --acc-tab-typography_font-size_xl: 17px; --logo-typography_font-name: 'Afacad',sans-serif; --logo-typography_font-weight: 400; --logo-typography_font-style: normal; --logo-typography_font-line-height: 140%; --logo-typography_font-letter-spacing: -0.25px; --logo-typography_font-transform: None; --logo-typography_font-size: 20px; --logo-typography_font-size_sm: 22px; --logo-typography_font-size_md: 22px; --logo-typography_font-size_lg: 22px; --logo-typography_font-size_xl: 22px; } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c1-bg, .item.item_overlay .inner .image.c1-bg::before, .usn_cmp_banner .item.item_overlay.c1-bg .inner::before { background: rgba(var(--c1-bg-color1), 1); } /* Backgrounds Linear */ .c1-bg.c1-bg-linear, .item.item_overlay .inner .image.c1-bg.c1-bg-linear::before, .usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-linear .inner::before { background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c1-bg.c1-bg-radial, .item.item_overlay .inner .image.c1-bg.c1-bg-radial::before, .usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Headings */ .c1-bg h1:not(.heading), .c1-bg h2:not(.heading), .c1-bg h3:not(.heading), .c1-bg h4:not(.heading), .c1-bg h5:not(.heading), .c1-bg h6:not(.heading) { color: rgba(var(--c1-heading), 1); } .c1-heading, .c1-bg .heading { color: rgba(var(--c1-heading), 1); } /* Secondary Headings */ .c1-secondary-heading, .c1-bg .c1-secondary-heading { color: rgba(var(--c1-secondary-heading), 1); } /* Text */ .c1-bg, .c1-bg .c1-text, .c1-text { color: rgba(var(--c1-text), 1); } /* Text selection */ .c1-bg ::selection { color: rgba(var(--c1-highlight-text), 1); background-color: rgba(var(--c1-highlight), 1); } /* Borders */ .c1-borders { border-color: rgba(var(--c1-borders), 1); } /* Links */ .c1-link, .c1-link, .c1-bg a:not(.btn), .c1-text a:not(.btn), .c1-bg .c1-text a:not(.btn) { color: rgba(var(--c1-link), 1); } .c1-link:hover, .c1-link:focus, .c1-link:active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active, .c1-bg a:not(.btn):hover, .c1-bg a:not(.btn):focus, .c1-bg a:not(.btn):active, .c1-text a:not(.btn):hover, .c1-text a:not(.btn):focus, .c1-text a:not(.btn):active, .c1-bg .c1-text a:not(.btn):hover, .c1-bg .c1-text a:not(.btn):focus, .c1-bg .c1-text a:not(.btn):active { color: rgba(var(--c1-link-hover), 1); } /* Highlights */ .c1-highlight-bg { background-color: rgba(var(--c1-highlight), 1); } .c1-bg blockquote::before, .component .component.c1-bg div > blockquote::before { color: rgba(var(--c1-highlight), 1); } .c1-highlight-text { color: rgba(var(--c1-highlight-text), 1); } .c1-heading { color: rgba(var(--c1-heading), 1)!important; } .c1-secondary-heading { color: rgba(var(--c1-secondary-heading), 1)!important; } .c1-bg .heading { color: rgba(var(--c1-heading), 1); } .c1-bg .secondary-heading { color: rgba(var(--c1-secondary-heading), 1); } .c1-bg .quote, .c1-bg blockquote, .component .c1-bg .quote, .component .c1-bg blockquote { color: rgba(var(--c1-heading), 1); } .c1-bg .quote::before, .c1-bg blockquote::before, .component .c1-bg .quote::before, .component .c1-bg blockquote::before { color: rgba(var(--c1-highlight), 1); } /* Labels */ .c1-bg .label:not(.item-label) { background-color: rgba(var(--c1-highlight), 1); } .c1-bg .label:not(.item-label) { color: rgba(var(--c1-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c1-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; } .c1-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c1-highlight), 1); } /* Button Tabs */ .c1-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c1-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c1-link), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); } /* Linethrough Tabs */ .c1-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c1-link), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); } .c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); } /* Slider Navigation */ .c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); } html.no-touch .c1-bg .slick-slider .slick-prev:hover, html.no-touch .c1-bg .slick-slider .slick-next:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); } html.no-touch .c1-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c1-text), 1); } html.no-touch .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c1-link-hover), 1); } .c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c1-highlight), 1); } /* Forms */ .form .c1-bg .form-control, .form .c1-bg .form-check-input { border-color: rgba(var(--c1-borders), 1); } .form .c1-bg .form-control:focus, .form .c1-bg .form-check-input:focus { border-color: rgba(var(--c1-highlight), 1); box-shadow: 0 0 5px var(--c1-highlight);} /* Ajax Loading */ .c1-bg .ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .c1-bg.ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .ajax-wrap .c1-bg .ajax-loading { background: rgba(var(--c1-bg-color1), 1); } .c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); } .c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } .item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); } /* Links */ .c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c1-borders), 1); } .c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c1-borders), 0.1); } .c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c1-link), 1); } .c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c1-link-hover), 1); } /* Data List */ .c1-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c1-borders), 1); } .c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c1-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c1-bg .pricing-features .feature, .item.usn_pod_pricingtable .c1-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c1-borders), 1); } /* Sitemap */ .c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: rgba(var(--c1-borders), 1); } .c1-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c1-borders), 0.5); } /* Tables */ .c1-bg thead { color: rgba(var(--c1-heading), 1); } .c1-bg table, .c1-bg table th, .c1-bg table td { border-color: rgba(var(--c1-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c1-bg .expand-anchor { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand-anchor span:before { background: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand-anchor span { background: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg .expand-anchor span:after { background: rgba(var(--c1-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } .component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); } /* Scroll prompt */ .c1-bg .scroll-prompt .scroll-link { color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt .scroll-link i { color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c1-heading), 1); } .c1-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c1-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store h1 { color: rgba(var(--c1-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c1-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c1-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c1-heading), 1)!important; } /* Heading separators - on page */ .c1-bg h1::before, .c1-bg h2::before, .c1-bg h3::before, .c1-bg h4::before, .c1-bg h5::before, .c1-bg h6::before { background: rgba(var(--c1-highlight), 1); } .c1-bg h1::after, .c1-bg h2::after, .c1-bg h3::after, .c1-bg h4::after, .c1-bg h5::after, .c1-bg h6::after { background: rgba(var(--c1-highlight), 1); } /* Heading separators - on components */ .c1-bg .heading::before, .c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); } .c1-bg .heading::after, .c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); } /* Heading separators - on specific items */ .item.c1-bg .heading::before, .item.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); } .item.c1-bg .heading::after, .item.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); } .inner.c1-bg .heading::before, .inner.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); } .inner.c1-bg .heading::after, .inner.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c1-bg .image .overlayicon::before, .item.item_text-boxed .inner.c1-bg .image .overlayicon::before, .item.item_text-boxed .image.c1-bg .overlayicon::before { background: rgba(var(--c1-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c1-bg.c1-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c1-bg.c1-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c1-bg.c1-bg-linear .overlayicon::before { background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c1-bg.c1-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c1-bg.c1-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c1-bg.c1-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); } .item.item_text-boxed.c1-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c1-bg .image .overlayicon .icon, .item.item_text-boxed .image.c1-bg .overlayicon .icon { color: rgba(var(--c1-heading), 1); } /* Focus visibles */ .c1-bg a:focus-visible, .c1-bg .btn:focus-visible, .c1-bg button:focus-visible, .form .inner.c1-bg a:focus-visible, .form .inner.c1-bg .btn:focus-visible, .form .inner.c1-bg button:focus-visible, .c1-bg .item .image a:focus-visible, .c1-bg .item .image a:focus-visible img, .c1-bg .item .image a:focus-visible picture, .c1-bg .item .image a:focus-visible .overlayicon, .c1-bg .listing_no-spacing .item a:focus-visible .image, .c1-bg .listing_no-spacing .item a:focus-visible .image img, .c1-bg .listing_no-spacing .item a:focus-visible .image picture, .c1-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c1-bg a:focus-visible .image, .item.item_text-boxed .inner.c1-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c1-bg a:focus-visible .image img, .item.item_text-boxed .inner.c1-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg picture, main:focus-visible > section.c1-bg:first-of-type, section.c1-bg:focus-visible { outline-color: rgba(var(--c1-highlight), 1)!important; } .c1-bg .form-control:focus-visible, .c1-bg .form-check-input:focus-visible, .form .inner.c1-bg .form-control:focus-visible, .form .inner.c1-bg .form-check-input:focus-visible, .form .inner.c1-bg .umbraco-forms-field input:focus-visible, .form .inner.c1-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c1-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c1-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail { color: rgba(var(--c1-text), 1); } .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c1-text), 1); } .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c1-link), 1); } .component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c1-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c2-bg, .item.item_overlay .inner .image.c2-bg::before, .usn_cmp_banner .item.item_overlay.c2-bg .inner::before { background: rgba(var(--c2-bg-color1), 1); } /* Backgrounds Linear */ .c2-bg.c2-bg-linear, .item.item_overlay .inner .image.c2-bg.c2-bg-linear::before, .usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-linear .inner::before { background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c2-bg.c2-bg-radial, .item.item_overlay .inner .image.c2-bg.c2-bg-radial::before, .usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Headings */ .c2-bg h1:not(.heading), .c2-bg h2:not(.heading), .c2-bg h3:not(.heading), .c2-bg h4:not(.heading), .c2-bg h5:not(.heading), .c2-bg h6:not(.heading) { color: rgba(var(--c2-heading), 1); } .c2-heading, .c2-bg .heading { color: rgba(var(--c2-heading), 1); } /* Secondary Headings */ .c2-secondary-heading, .c2-bg .c2-secondary-heading { color: rgba(var(--c2-secondary-heading), 1); } /* Text */ .c2-bg, .c2-bg .c2-text, .c2-text { color: rgba(var(--c2-text), 1); } /* Text selection */ .c2-bg ::selection { color: rgba(var(--c2-highlight-text), 1); background-color: rgba(var(--c2-highlight), 1); } /* Borders */ .c2-borders { border-color: rgba(var(--c2-borders), 1); } /* Links */ .c2-link, .c2-link, .c2-bg a:not(.btn), .c2-text a:not(.btn), .c2-bg .c2-text a:not(.btn) { color: rgba(var(--c2-link), 1); } .c2-link:hover, .c2-link:focus, .c2-link:active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active, .c2-bg a:not(.btn):hover, .c2-bg a:not(.btn):focus, .c2-bg a:not(.btn):active, .c2-text a:not(.btn):hover, .c2-text a:not(.btn):focus, .c2-text a:not(.btn):active, .c2-bg .c2-text a:not(.btn):hover, .c2-bg .c2-text a:not(.btn):focus, .c2-bg .c2-text a:not(.btn):active { color: rgba(var(--c2-link-hover), 1); } /* Highlights */ .c2-highlight-bg { background-color: rgba(var(--c2-highlight), 1); } .c2-bg blockquote::before, .component .component.c2-bg div > blockquote::before { color: rgba(var(--c2-highlight), 1); } .c2-highlight-text { color: rgba(var(--c2-highlight-text), 1); } .c2-heading { color: rgba(var(--c2-heading), 1)!important; } .c2-secondary-heading { color: rgba(var(--c2-secondary-heading), 1)!important; } .c2-bg .heading { color: rgba(var(--c2-heading), 1); } .c2-bg .secondary-heading { color: rgba(var(--c2-secondary-heading), 1); } .c2-bg .quote, .c2-bg blockquote, .component .c2-bg .quote, .component .c2-bg blockquote { color: rgba(var(--c2-heading), 1); } .c2-bg .quote::before, .c2-bg blockquote::before, .component .c2-bg .quote::before, .component .c2-bg blockquote::before { color: rgba(var(--c2-highlight), 1); } /* Labels */ .c2-bg .label:not(.item-label) { background-color: rgba(var(--c2-highlight), 1); } .c2-bg .label:not(.item-label) { color: rgba(var(--c2-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c2-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; } .c2-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c2-highlight), 1); } /* Button Tabs */ .c2-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c2-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c2-link), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); } /* Linethrough Tabs */ .c2-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c2-link), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); } .c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); } /* Slider Navigation */ .c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); } html.no-touch .c2-bg .slick-slider .slick-prev:hover, html.no-touch .c2-bg .slick-slider .slick-next:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); } html.no-touch .c2-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c2-text), 1); } html.no-touch .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c2-link-hover), 1); } .c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c2-highlight), 1); } /* Forms */ .form .c2-bg .form-control, .form .c2-bg .form-check-input { border-color: rgba(var(--c2-borders), 1); } .form .c2-bg .form-control:focus, .form .c2-bg .form-check-input:focus { border-color: rgba(var(--c2-highlight), 1); box-shadow: 0 0 5px var(--c2-highlight);} /* Ajax Loading */ .c2-bg .ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .c2-bg.ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .ajax-wrap .c2-bg .ajax-loading { background: rgba(var(--c2-bg-color1), 1); } .c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); } .c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } .item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); } /* Links */ .c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c2-borders), 1); } .c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c2-borders), 0.1); } .c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c2-link), 1); } .c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c2-link-hover), 1); } /* Data List */ .c2-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c2-borders), 1); } .c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c2-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c2-bg .pricing-features .feature, .item.usn_pod_pricingtable .c2-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c2-borders), 1); } /* Sitemap */ .c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: rgba(var(--c2-borders), 1); } .c2-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c2-borders), 0.5); } /* Tables */ .c2-bg thead { color: rgba(var(--c2-heading), 1); } .c2-bg table, .c2-bg table th, .c2-bg table td { border-color: rgba(var(--c2-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c2-bg .expand-anchor { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand-anchor span:before { background: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand-anchor span { background: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg .expand-anchor span:after { background: rgba(var(--c2-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } .component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); } /* Scroll prompt */ .c2-bg .scroll-prompt .scroll-link { color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt .scroll-link i { color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c2-heading), 1); } .c2-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c2-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store h1 { color: rgba(var(--c2-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c2-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c2-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c2-heading), 1)!important; } /* Heading separators - on page */ .c2-bg h1::before, .c2-bg h2::before, .c2-bg h3::before, .c2-bg h4::before, .c2-bg h5::before, .c2-bg h6::before { background: rgba(var(--c2-highlight), 1); } .c2-bg h1::after, .c2-bg h2::after, .c2-bg h3::after, .c2-bg h4::after, .c2-bg h5::after, .c2-bg h6::after { background: rgba(var(--c2-highlight), 1); } /* Heading separators - on components */ .c2-bg .heading::before, .c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); } .c2-bg .heading::after, .c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); } /* Heading separators - on specific items */ .item.c2-bg .heading::before, .item.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); } .item.c2-bg .heading::after, .item.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); } .inner.c2-bg .heading::before, .inner.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); } .inner.c2-bg .heading::after, .inner.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c2-bg .image .overlayicon::before, .item.item_text-boxed .inner.c2-bg .image .overlayicon::before, .item.item_text-boxed .image.c2-bg .overlayicon::before { background: rgba(var(--c2-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c2-bg.c2-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c2-bg.c2-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c2-bg.c2-bg-linear .overlayicon::before { background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c2-bg.c2-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c2-bg.c2-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c2-bg.c2-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); } .item.item_text-boxed.c2-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c2-bg .image .overlayicon .icon, .item.item_text-boxed .image.c2-bg .overlayicon .icon { color: rgba(var(--c2-heading), 1); } /* Focus visibles */ .c2-bg a:focus-visible, .c2-bg .btn:focus-visible, .c2-bg button:focus-visible, .form .inner.c2-bg a:focus-visible, .form .inner.c2-bg .btn:focus-visible, .form .inner.c2-bg button:focus-visible, .c2-bg .item .image a:focus-visible, .c2-bg .item .image a:focus-visible img, .c2-bg .item .image a:focus-visible picture, .c2-bg .item .image a:focus-visible .overlayicon, .c2-bg .listing_no-spacing .item a:focus-visible .image, .c2-bg .listing_no-spacing .item a:focus-visible .image img, .c2-bg .listing_no-spacing .item a:focus-visible .image picture, .c2-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c2-bg a:focus-visible .image, .item.item_text-boxed .inner.c2-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c2-bg a:focus-visible .image img, .item.item_text-boxed .inner.c2-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg picture, main:focus-visible > section.c2-bg:first-of-type, section.c2-bg:focus-visible { outline-color: rgba(var(--c2-highlight), 1)!important; } .c2-bg .form-control:focus-visible, .c2-bg .form-check-input:focus-visible, .form .inner.c2-bg .form-control:focus-visible, .form .inner.c2-bg .form-check-input:focus-visible, .form .inner.c2-bg .umbraco-forms-field input:focus-visible, .form .inner.c2-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c2-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c2-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail { color: rgba(var(--c2-text), 1); } .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c2-text), 1); } .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c2-link), 1); } .component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c2-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c3-bg, .item.item_overlay .inner .image.c3-bg::before, .usn_cmp_banner .item.item_overlay.c3-bg .inner::before { background: rgba(var(--c3-bg-color1), 1); } /* Backgrounds Linear */ .c3-bg.c3-bg-linear, .item.item_overlay .inner .image.c3-bg.c3-bg-linear::before, .usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-linear .inner::before { background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c3-bg.c3-bg-radial, .item.item_overlay .inner .image.c3-bg.c3-bg-radial::before, .usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Headings */ .c3-bg h1:not(.heading), .c3-bg h2:not(.heading), .c3-bg h3:not(.heading), .c3-bg h4:not(.heading), .c3-bg h5:not(.heading), .c3-bg h6:not(.heading) { color: rgba(var(--c3-heading), 1); } .c3-heading, .c3-bg .heading { color: rgba(var(--c3-heading), 1); } /* Secondary Headings */ .c3-secondary-heading, .c3-bg .c3-secondary-heading { color: rgba(var(--c3-secondary-heading), 1); } /* Text */ .c3-bg, .c3-bg .c3-text, .c3-text { color: rgba(var(--c3-text), 1); } /* Text selection */ .c3-bg ::selection { color: rgba(var(--c3-highlight-text), 1); background-color: rgba(var(--c3-highlight), 1); } /* Borders */ .c3-borders { border-color: rgba(var(--c3-borders), 1); } /* Links */ .c3-link, .c3-link, .c3-bg a:not(.btn), .c3-text a:not(.btn), .c3-bg .c3-text a:not(.btn) { color: rgba(var(--c3-link), 1); } .c3-link:hover, .c3-link:focus, .c3-link:active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active, .c3-bg a:not(.btn):hover, .c3-bg a:not(.btn):focus, .c3-bg a:not(.btn):active, .c3-text a:not(.btn):hover, .c3-text a:not(.btn):focus, .c3-text a:not(.btn):active, .c3-bg .c3-text a:not(.btn):hover, .c3-bg .c3-text a:not(.btn):focus, .c3-bg .c3-text a:not(.btn):active { color: rgba(var(--c3-link-hover), 1); } /* Highlights */ .c3-highlight-bg { background-color: rgba(var(--c3-highlight), 1); } .c3-bg blockquote::before, .component .component.c3-bg div > blockquote::before { color: rgba(var(--c3-highlight), 1); } .c3-highlight-text { color: rgba(var(--c3-highlight-text), 1); } .c3-heading { color: rgba(var(--c3-heading), 1)!important; } .c3-secondary-heading { color: rgba(var(--c3-secondary-heading), 1)!important; } .c3-bg .heading { color: rgba(var(--c3-heading), 1); } .c3-bg .secondary-heading { color: rgba(var(--c3-secondary-heading), 1); } .c3-bg .quote, .c3-bg blockquote, .component .c3-bg .quote, .component .c3-bg blockquote { color: rgba(var(--c3-heading), 1); } .c3-bg .quote::before, .c3-bg blockquote::before, .component .c3-bg .quote::before, .component .c3-bg blockquote::before { color: rgba(var(--c3-highlight), 1); } /* Labels */ .c3-bg .label:not(.item-label) { background-color: rgba(var(--c3-highlight), 1); } .c3-bg .label:not(.item-label) { color: rgba(var(--c3-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c3-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; } .c3-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c3-highlight), 1); } /* Button Tabs */ .c3-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c3-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c3-link), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); } /* Linethrough Tabs */ .c3-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c3-link), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); } .c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); } /* Slider Navigation */ .c3-bg .slick-slider .slick-prev, .c3-bg .slick-slider .slick-next { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); } html.no-touch .c3-bg .slick-slider .slick-prev:hover, html.no-touch .c3-bg .slick-slider .slick-next:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); } html.no-touch .c3-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c3-text), 1); } html.no-touch .c3-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c3-link-hover), 1); } .c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c3-highlight), 1); } /* Forms */ .form .c3-bg .form-control, .form .c3-bg .form-check-input { border-color: rgba(var(--c3-borders), 1); } .form .c3-bg .form-control:focus, .form .c3-bg .form-check-input:focus { border-color: rgba(var(--c3-highlight), 1); box-shadow: 0 0 5px var(--c3-highlight);} /* Ajax Loading */ .c3-bg .ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .c3-bg.ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .ajax-wrap .c3-bg .ajax-loading { background: rgba(var(--c3-bg-color1), 1); } .c3-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); } .c3-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .c3-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .item_form-single_field .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } .item_form-single_field .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); } /* Links */ .c3-bg .listing.listing_links:not(.listing_links-mini), .c3-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c3-borders), 1); } .c3-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c3-borders), 0.1); } .c3-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c3-link), 1); } .c3-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c3-link-hover), 1); } /* Data List */ .c3-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c3-borders), 1); } .c3-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c3-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c3-bg .pricing-features .feature, .item.usn_pod_pricingtable .c3-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c3-borders), 1); } /* Sitemap */ .c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after { background-color: rgba(var(--c3-borders), 1); } .c3-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c3-borders), 0.5); } /* Tables */ .c3-bg thead { color: rgba(var(--c3-heading), 1); } .c3-bg table, .c3-bg table th, .c3-bg table td { border-color: rgba(var(--c3-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c3-bg .expand-anchor { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand-anchor span:before { background: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand-anchor span { background: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg .expand-anchor span:after { background: rgba(var(--c3-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); } .component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); } /* Scroll prompt */ .c3-bg .scroll-prompt .scroll-link { color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt .scroll-link i { color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c3-heading), 1); } .c3-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c3-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store h1 { color: rgba(var(--c3-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c3-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c3-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c3-heading), 1)!important; } /* Heading separators - on page */ .c3-bg h1::before, .c3-bg h2::before, .c3-bg h3::before, .c3-bg h4::before, .c3-bg h5::before, .c3-bg h6::before { background: rgba(var(--c3-highlight), 1); } .c3-bg h1::after, .c3-bg h2::after, .c3-bg h3::after, .c3-bg h4::after, .c3-bg h5::after, .c3-bg h6::after { background: rgba(var(--c3-highlight), 1); } /* Heading separators - on components */ .c3-bg .heading::before, .c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); } .c3-bg .heading::after, .c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); } /* Heading separators - on specific items */ .item.c3-bg .heading::before, .item.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); } .item.c3-bg .heading::after, .item.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); } .inner.c3-bg .heading::before, .inner.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); } .inner.c3-bg .heading::after, .inner.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c3-bg .image .overlayicon::before, .item.item_text-boxed .inner.c3-bg .image .overlayicon::before, .item.item_text-boxed .image.c3-bg .overlayicon::before { background: rgba(var(--c3-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c3-bg.c3-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c3-bg.c3-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c3-bg.c3-bg-linear .overlayicon::before { background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c3-bg.c3-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c3-bg.c3-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c3-bg.c3-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); } .item.item_text-boxed.c3-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c3-bg .image .overlayicon .icon, .item.item_text-boxed .image.c3-bg .overlayicon .icon { color: rgba(var(--c3-heading), 1); } /* Focus visibles */ .c3-bg a:focus-visible, .c3-bg .btn:focus-visible, .c3-bg button:focus-visible, .form .inner.c3-bg a:focus-visible, .form .inner.c3-bg .btn:focus-visible, .form .inner.c3-bg button:focus-visible, .c3-bg .item .image a:focus-visible, .c3-bg .item .image a:focus-visible img, .c3-bg .item .image a:focus-visible picture, .c3-bg .item .image a:focus-visible .overlayicon, .c3-bg .listing_no-spacing .item a:focus-visible .image, .c3-bg .listing_no-spacing .item a:focus-visible .image img, .c3-bg .listing_no-spacing .item a:focus-visible .image picture, .c3-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c3-bg a:focus-visible .image, .item.item_text-boxed .inner.c3-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c3-bg a:focus-visible .image img, .item.item_text-boxed .inner.c3-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg picture, main:focus-visible > section.c3-bg:first-of-type, section.c3-bg:focus-visible { outline-color: rgba(var(--c3-highlight), 1)!important; } .c3-bg .form-control:focus-visible, .c3-bg .form-check-input:focus-visible, .form .inner.c3-bg .form-control:focus-visible, .form .inner.c3-bg .form-check-input:focus-visible, .form .inner.c3-bg .umbraco-forms-field input:focus-visible, .form .inner.c3-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c3-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c3-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail { color: rgba(var(--c3-text), 1); } .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c3-text), 1); } .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c3-link), 1); } .component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c3-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c4-bg, .item.item_overlay .inner .image.c4-bg::before, .usn_cmp_banner .item.item_overlay.c4-bg .inner::before { background: rgba(var(--c4-bg-color1), 1); } /* Backgrounds Linear */ .c4-bg.c4-bg-linear, .item.item_overlay .inner .image.c4-bg.c4-bg-linear::before, .usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-linear .inner::before { background: linear-gradient(var(--c4-bg-angle), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c4-bg.c4-bg-radial, .item.item_overlay .inner .image.c4-bg.c4-bg-radial::before, .usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c4-bg-start-perc) var(--c4-bg-stop-perc), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); } /* Headings */ .c4-bg h1:not(.heading), .c4-bg h2:not(.heading), .c4-bg h3:not(.heading), .c4-bg h4:not(.heading), .c4-bg h5:not(.heading), .c4-bg h6:not(.heading) { color: rgba(var(--c4-heading), 1); } .c4-heading, .c4-bg .heading { color: rgba(var(--c4-heading), 1); } /* Secondary Headings */ .c4-secondary-heading, .c4-bg .c4-secondary-heading { color: rgba(var(--c4-secondary-heading), 1); } /* Text */ .c4-bg, .c4-bg .c4-text, .c4-text { color: rgba(var(--c4-text), 1); } /* Text selection */ .c4-bg ::selection { color: rgba(var(--c4-highlight-text), 1); background-color: rgba(var(--c4-highlight), 1); } /* Borders */ .c4-borders { border-color: rgba(var(--c4-borders), 1); } /* Links */ .c4-link, .c4-link, .c4-bg a:not(.btn), .c4-text a:not(.btn), .c4-bg .c4-text a:not(.btn) { color: rgba(var(--c4-link), 1); } .c4-link:hover, .c4-link:focus, .c4-link:active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active, .c4-bg a:not(.btn):hover, .c4-bg a:not(.btn):focus, .c4-bg a:not(.btn):active, .c4-text a:not(.btn):hover, .c4-text a:not(.btn):focus, .c4-text a:not(.btn):active, .c4-bg .c4-text a:not(.btn):hover, .c4-bg .c4-text a:not(.btn):focus, .c4-bg .c4-text a:not(.btn):active { color: rgba(var(--c4-link-hover), 1); } /* Highlights */ .c4-highlight-bg { background-color: rgba(var(--c4-highlight), 1); } .c4-bg blockquote::before, .component .component.c4-bg div > blockquote::before { color: rgba(var(--c4-highlight), 1); } .c4-highlight-text { color: rgba(var(--c4-highlight-text), 1); } .c4-heading { color: rgba(var(--c4-heading), 1)!important; } .c4-secondary-heading { color: rgba(var(--c4-secondary-heading), 1)!important; } .c4-bg .heading { color: rgba(var(--c4-heading), 1); } .c4-bg .secondary-heading { color: rgba(var(--c4-secondary-heading), 1); } .c4-bg .quote, .c4-bg blockquote, .component .c4-bg .quote, .component .c4-bg blockquote { color: rgba(var(--c4-heading), 1); } .c4-bg .quote::before, .c4-bg blockquote::before, .component .c4-bg .quote::before, .component .c4-bg blockquote::before { color: rgba(var(--c4-highlight), 1); } /* Labels */ .c4-bg .label:not(.item-label) { background-color: rgba(var(--c4-highlight), 1); } .c4-bg .label:not(.item-label) { color: rgba(var(--c4-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c4-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; } .c4-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c4-highlight), 1); } /* Button Tabs */ .c4-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c4-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c4-link), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); } /* Linethrough Tabs */ .c4-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c4-link), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); } .c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); } /* Slider Navigation */ .c4-bg .slick-slider .slick-prev, .c4-bg .slick-slider .slick-next { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); } html.no-touch .c4-bg .slick-slider .slick-prev:hover, html.no-touch .c4-bg .slick-slider .slick-next:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); } html.no-touch .c4-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c4-text), 1); } html.no-touch .c4-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c4-link-hover), 1); } .c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c4-highlight), 1); } /* Forms */ .form .c4-bg .form-control, .form .c4-bg .form-check-input { border-color: rgba(var(--c4-borders), 1); } .form .c4-bg .form-control:focus, .form .c4-bg .form-check-input:focus { border-color: rgba(var(--c4-highlight), 1); box-shadow: 0 0 5px var(--c4-highlight);} /* Ajax Loading */ .c4-bg .ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .c4-bg.ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .ajax-wrap .c4-bg .ajax-loading { background: rgba(var(--c4-bg-color1), 1); } .c4-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); } .c4-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .c4-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .item_form-single_field .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } .item_form-single_field .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); } /* Links */ .c4-bg .listing.listing_links:not(.listing_links-mini), .c4-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c4-borders), 1); } .c4-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c4-borders), 0.1); } .c4-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c4-link), 1); } .c4-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c4-link-hover), 1); } /* Data List */ .c4-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c4-borders), 1); } .c4-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c4-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c4-bg .pricing-features .feature, .item.usn_pod_pricingtable .c4-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c4-borders), 1); } /* Sitemap */ .c4-bg nav.sitemap ul li::before, .c4-bg nav.sitemap ul li::after { background-color: rgba(var(--c4-borders), 1); } .c4-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c4-borders), 0.5); } /* Tables */ .c4-bg thead { color: rgba(var(--c4-heading), 1); } .c4-bg table, .c4-bg table th, .c4-bg table td { border-color: rgba(var(--c4-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c4-bg .expand-anchor { color: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg .expand-anchor span:before { background: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg .expand-anchor span { background: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg .expand-anchor span:after { background: rgba(var(--c4-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c4-link), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c4-link-hover), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c4-link), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c4-heading), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c4-link-hover), 1); } .component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-heading), 1); } /* Scroll prompt */ .c4-bg .scroll-prompt .scroll-link { color: rgba(var(--c4-heading), 1); } .c4-bg .scroll-prompt .scroll-link i { color: rgba(var(--c4-heading), 1); } .c4-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c4-heading), 1); } .c4-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c4-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store h1 { color: rgba(var(--c4-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c4-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c4-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c4-heading), 1)!important; } /* Heading separators - on page */ .c4-bg h1::before, .c4-bg h2::before, .c4-bg h3::before, .c4-bg h4::before, .c4-bg h5::before, .c4-bg h6::before { background: rgba(var(--c4-highlight), 1); } .c4-bg h1::after, .c4-bg h2::after, .c4-bg h3::after, .c4-bg h4::after, .c4-bg h5::after, .c4-bg h6::after { background: rgba(var(--c4-highlight), 1); } /* Heading separators - on components */ .c4-bg .heading::before, .c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); } .c4-bg .heading::after, .c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); } /* Heading separators - on specific items */ .item.c4-bg .heading::before, .item.c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); } .item.c4-bg .heading::after, .item.c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); } .inner.c4-bg .heading::before, .inner.c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); } .inner.c4-bg .heading::after, .inner.c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c4-bg .image .overlayicon::before, .item.item_text-boxed .inner.c4-bg .image .overlayicon::before, .item.item_text-boxed .image.c4-bg .overlayicon::before { background: rgba(var(--c4-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c4-bg.c4-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c4-bg.c4-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c4-bg.c4-bg-linear .overlayicon::before { background: linear-gradient(var(--c4-bg-angle), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c4-bg.c4-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c4-bg.c4-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c4-bg.c4-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c4-bg-start-perc) var(--c4-bg-stop-perc), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); } .item.item_text-boxed.c4-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c4-bg .image .overlayicon .icon, .item.item_text-boxed .image.c4-bg .overlayicon .icon { color: rgba(var(--c4-heading), 1); } /* Focus visibles */ .c4-bg a:focus-visible, .c4-bg .btn:focus-visible, .c4-bg button:focus-visible, .form .inner.c4-bg a:focus-visible, .form .inner.c4-bg .btn:focus-visible, .form .inner.c4-bg button:focus-visible, .c4-bg .item .image a:focus-visible, .c4-bg .item .image a:focus-visible img, .c4-bg .item .image a:focus-visible picture, .c4-bg .item .image a:focus-visible .overlayicon, .c4-bg .listing_no-spacing .item a:focus-visible .image, .c4-bg .listing_no-spacing .item a:focus-visible .image img, .c4-bg .listing_no-spacing .item a:focus-visible .image picture, .c4-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c4-bg a:focus-visible .image, .item.item_text-boxed .inner.c4-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c4-bg a:focus-visible .image img, .item.item_text-boxed .inner.c4-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg picture, main:focus-visible > section.c4-bg:first-of-type, section.c4-bg:focus-visible { outline-color: rgba(var(--c4-highlight), 1)!important; } .c4-bg .form-control:focus-visible, .c4-bg .form-check-input:focus-visible, .form .inner.c4-bg .form-control:focus-visible, .form .inner.c4-bg .form-check-input:focus-visible, .form .inner.c4-bg .umbraco-forms-field input:focus-visible, .form .inner.c4-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c4-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c4-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail { color: rgba(var(--c4-text), 1); } .component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c4-text), 1); } .component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c4-link), 1); } .component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c4-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c5-bg, .item.item_overlay .inner .image.c5-bg::before, .usn_cmp_banner .item.item_overlay.c5-bg .inner::before { background: rgba(var(--c5-bg-color1), 1); } /* Backgrounds Linear */ .c5-bg.c5-bg-linear, .item.item_overlay .inner .image.c5-bg.c5-bg-linear::before, .usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-linear .inner::before { background: linear-gradient(var(--c5-bg-angle), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c5-bg.c5-bg-radial, .item.item_overlay .inner .image.c5-bg.c5-bg-radial::before, .usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c5-bg-start-perc) var(--c5-bg-stop-perc), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); } /* Headings */ .c5-bg h1:not(.heading), .c5-bg h2:not(.heading), .c5-bg h3:not(.heading), .c5-bg h4:not(.heading), .c5-bg h5:not(.heading), .c5-bg h6:not(.heading) { color: rgba(var(--c5-heading), 1); } .c5-heading, .c5-bg .heading { color: rgba(var(--c5-heading), 1); } /* Secondary Headings */ .c5-secondary-heading, .c5-bg .c5-secondary-heading { color: rgba(var(--c5-secondary-heading), 1); } /* Text */ .c5-bg, .c5-bg .c5-text, .c5-text { color: rgba(var(--c5-text), 1); } /* Text selection */ .c5-bg ::selection { color: rgba(var(--c5-highlight-text), 1); background-color: rgba(var(--c5-highlight), 1); } /* Borders */ .c5-borders { border-color: rgba(var(--c5-borders), 1); } /* Links */ .c5-link, .c5-link, .c5-bg a:not(.btn), .c5-text a:not(.btn), .c5-bg .c5-text a:not(.btn) { color: rgba(var(--c5-link), 1); } .c5-link:hover, .c5-link:focus, .c5-link:active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active, .c5-bg a:not(.btn):hover, .c5-bg a:not(.btn):focus, .c5-bg a:not(.btn):active, .c5-text a:not(.btn):hover, .c5-text a:not(.btn):focus, .c5-text a:not(.btn):active, .c5-bg .c5-text a:not(.btn):hover, .c5-bg .c5-text a:not(.btn):focus, .c5-bg .c5-text a:not(.btn):active { color: rgba(var(--c5-link-hover), 1); } /* Highlights */ .c5-highlight-bg { background-color: rgba(var(--c5-highlight), 1); } .c5-bg blockquote::before, .component .component.c5-bg div > blockquote::before { color: rgba(var(--c5-highlight), 1); } .c5-highlight-text { color: rgba(var(--c5-highlight-text), 1); } .c5-heading { color: rgba(var(--c5-heading), 1)!important; } .c5-secondary-heading { color: rgba(var(--c5-secondary-heading), 1)!important; } .c5-bg .heading { color: rgba(var(--c5-heading), 1); } .c5-bg .secondary-heading { color: rgba(var(--c5-secondary-heading), 1); } .c5-bg .quote, .c5-bg blockquote, .component .c5-bg .quote, .component .c5-bg blockquote { color: rgba(var(--c5-heading), 1); } .c5-bg .quote::before, .c5-bg blockquote::before, .component .c5-bg .quote::before, .component .c5-bg blockquote::before { color: rgba(var(--c5-highlight), 1); } /* Labels */ .c5-bg .label:not(.item-label) { background-color: rgba(var(--c5-highlight), 1); } .c5-bg .label:not(.item-label) { color: rgba(var(--c5-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c5-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; } .c5-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c5-highlight), 1); } /* Button Tabs */ .c5-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c5-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c5-link), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); } /* Linethrough Tabs */ .c5-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c5-link), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); } .c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); } /* Slider Navigation */ .c5-bg .slick-slider .slick-prev, .c5-bg .slick-slider .slick-next { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); } html.no-touch .c5-bg .slick-slider .slick-prev:hover, html.no-touch .c5-bg .slick-slider .slick-next:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); } html.no-touch .c5-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c5-text), 1); } html.no-touch .c5-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c5-link-hover), 1); } .c5-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c5-highlight), 1); } /* Forms */ .form .c5-bg .form-control, .form .c5-bg .form-check-input { border-color: rgba(var(--c5-borders), 1); } .form .c5-bg .form-control:focus, .form .c5-bg .form-check-input:focus { border-color: rgba(var(--c5-highlight), 1); box-shadow: 0 0 5px var(--c5-highlight);} /* Ajax Loading */ .c5-bg .ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .c5-bg.ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .ajax-wrap .c5-bg .ajax-loading { background: rgba(var(--c5-bg-color1), 1); } .c5-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); } .c5-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .c5-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .item_form-single_field .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } .item_form-single_field .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); } /* Links */ .c5-bg .listing.listing_links:not(.listing_links-mini), .c5-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c5-borders), 1); } .c5-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c5-borders), 0.1); } .c5-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c5-link), 1); } .c5-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c5-link-hover), 1); } /* Data List */ .c5-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c5-borders), 1); } .c5-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c5-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c5-bg .pricing-features .feature, .item.usn_pod_pricingtable .c5-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c5-borders), 1); } /* Sitemap */ .c5-bg nav.sitemap ul li::before, .c5-bg nav.sitemap ul li::after { background-color: rgba(var(--c5-borders), 1); } .c5-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c5-borders), 0.5); } /* Tables */ .c5-bg thead { color: rgba(var(--c5-heading), 1); } .c5-bg table, .c5-bg table th, .c5-bg table td { border-color: rgba(var(--c5-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c5-bg .expand-anchor { color: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg .expand-anchor span:before { background: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg .expand-anchor span { background: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg .expand-anchor span:after { background: rgba(var(--c5-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c5-link), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c5-link-hover), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c5-link), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c5-heading), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c5-link-hover), 1); } .component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-heading), 1); } /* Scroll prompt */ .c5-bg .scroll-prompt .scroll-link { color: rgba(var(--c5-heading), 1); } .c5-bg .scroll-prompt .scroll-link i { color: rgba(var(--c5-heading), 1); } .c5-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c5-heading), 1); } .c5-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c5-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store h1 { color: rgba(var(--c5-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c5-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c5-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c5-heading), 1)!important; } /* Heading separators - on page */ .c5-bg h1::before, .c5-bg h2::before, .c5-bg h3::before, .c5-bg h4::before, .c5-bg h5::before, .c5-bg h6::before { background: rgba(var(--c5-highlight), 1); } .c5-bg h1::after, .c5-bg h2::after, .c5-bg h3::after, .c5-bg h4::after, .c5-bg h5::after, .c5-bg h6::after { background: rgba(var(--c5-highlight), 1); } /* Heading separators - on components */ .c5-bg .heading::before, .c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); } .c5-bg .heading::after, .c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); } /* Heading separators - on specific items */ .item.c5-bg .heading::before, .item.c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); } .item.c5-bg .heading::after, .item.c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); } .inner.c5-bg .heading::before, .inner.c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); } .inner.c5-bg .heading::after, .inner.c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c5-bg .image .overlayicon::before, .item.item_text-boxed .inner.c5-bg .image .overlayicon::before, .item.item_text-boxed .image.c5-bg .overlayicon::before { background: rgba(var(--c5-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c5-bg.c5-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c5-bg.c5-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c5-bg.c5-bg-linear .overlayicon::before { background: linear-gradient(var(--c5-bg-angle), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c5-bg.c5-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c5-bg.c5-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c5-bg.c5-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c5-bg-start-perc) var(--c5-bg-stop-perc), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); } .item.item_text-boxed.c5-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c5-bg .image .overlayicon .icon, .item.item_text-boxed .image.c5-bg .overlayicon .icon { color: rgba(var(--c5-heading), 1); } /* Focus visibles */ .c5-bg a:focus-visible, .c5-bg .btn:focus-visible, .c5-bg button:focus-visible, .form .inner.c5-bg a:focus-visible, .form .inner.c5-bg .btn:focus-visible, .form .inner.c5-bg button:focus-visible, .c5-bg .item .image a:focus-visible, .c5-bg .item .image a:focus-visible img, .c5-bg .item .image a:focus-visible picture, .c5-bg .item .image a:focus-visible .overlayicon, .c5-bg .listing_no-spacing .item a:focus-visible .image, .c5-bg .listing_no-spacing .item a:focus-visible .image img, .c5-bg .listing_no-spacing .item a:focus-visible .image picture, .c5-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c5-bg a:focus-visible .image, .item.item_text-boxed .inner.c5-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c5-bg a:focus-visible .image img, .item.item_text-boxed .inner.c5-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c5-bg picture, main:focus-visible > section.c5-bg:first-of-type, section.c5-bg:focus-visible { outline-color: rgba(var(--c5-highlight), 1)!important; } .c5-bg .form-control:focus-visible, .c5-bg .form-check-input:focus-visible, .form .inner.c5-bg .form-control:focus-visible, .form .inner.c5-bg .form-check-input:focus-visible, .form .inner.c5-bg .umbraco-forms-field input:focus-visible, .form .inner.c5-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c5-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c5-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail { color: rgba(var(--c5-text), 1); } .component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c5-text), 1); } .component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c5-link), 1); } .component.usn_cmp_breadcrumb.c5-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c5-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c6-bg, .item.item_overlay .inner .image.c6-bg::before, .usn_cmp_banner .item.item_overlay.c6-bg .inner::before { background: rgba(var(--c6-bg-color1), 1); } /* Backgrounds Linear */ .c6-bg.c6-bg-linear, .item.item_overlay .inner .image.c6-bg.c6-bg-linear::before, .usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-linear .inner::before { background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c6-bg.c6-bg-radial, .item.item_overlay .inner .image.c6-bg.c6-bg-radial::before, .usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Headings */ .c6-bg h1:not(.heading), .c6-bg h2:not(.heading), .c6-bg h3:not(.heading), .c6-bg h4:not(.heading), .c6-bg h5:not(.heading), .c6-bg h6:not(.heading) { color: rgba(var(--c6-heading), 1); } .c6-heading, .c6-bg .heading { color: rgba(var(--c6-heading), 1); } /* Secondary Headings */ .c6-secondary-heading, .c6-bg .c6-secondary-heading { color: rgba(var(--c6-secondary-heading), 1); } /* Text */ .c6-bg, .c6-bg .c6-text, .c6-text { color: rgba(var(--c6-text), 1); } /* Text selection */ .c6-bg ::selection { color: rgba(var(--c6-highlight-text), 1); background-color: rgba(var(--c6-highlight), 1); } /* Borders */ .c6-borders { border-color: rgba(var(--c6-borders), 1); } /* Links */ .c6-link, .c6-link, .c6-bg a:not(.btn), .c6-text a:not(.btn), .c6-bg .c6-text a:not(.btn) { color: rgba(var(--c6-link), 1); } .c6-link:hover, .c6-link:focus, .c6-link:active, .c6-bg a:not(.btn):hover, .c6-bg a:not(.btn):focus, .c6-bg a:not(.btn):active, .c6-bg a:not(.btn):hover, .c6-bg a:not(.btn):focus, .c6-bg a:not(.btn):active, .c6-text a:not(.btn):hover, .c6-text a:not(.btn):focus, .c6-text a:not(.btn):active, .c6-bg .c6-text a:not(.btn):hover, .c6-bg .c6-text a:not(.btn):focus, .c6-bg .c6-text a:not(.btn):active { color: rgba(var(--c6-link-hover), 1); } /* Highlights */ .c6-highlight-bg { background-color: rgba(var(--c6-highlight), 1); } .c6-bg blockquote::before, .component .component.c6-bg div > blockquote::before { color: rgba(var(--c6-highlight), 1); } .c6-highlight-text { color: rgba(var(--c6-highlight-text), 1); } .c6-heading { color: rgba(var(--c6-heading), 1)!important; } .c6-secondary-heading { color: rgba(var(--c6-secondary-heading), 1)!important; } .c6-bg .heading { color: rgba(var(--c6-heading), 1); } .c6-bg .secondary-heading { color: rgba(var(--c6-secondary-heading), 1); } .c6-bg .quote, .c6-bg blockquote, .component .c6-bg .quote, .component .c6-bg blockquote { color: rgba(var(--c6-heading), 1); } .c6-bg .quote::before, .c6-bg blockquote::before, .component .c6-bg .quote::before, .component .c6-bg blockquote::before { color: rgba(var(--c6-highlight), 1); } /* Labels */ .c6-bg .label:not(.item-label) { background-color: rgba(var(--c6-highlight), 1); } .c6-bg .label:not(.item-label) { color: rgba(var(--c6-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c6-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; } .c6-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c6-highlight), 1); } /* Button Tabs */ .c6-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c6-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c6-link), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); } /* Linethrough Tabs */ .c6-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c6-link), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); } .c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); } /* Slider Navigation */ .c6-bg .slick-slider .slick-prev, .c6-bg .slick-slider .slick-next { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); } html.no-touch .c6-bg .slick-slider .slick-prev:hover, html.no-touch .c6-bg .slick-slider .slick-next:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); } html.no-touch .c6-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c6-text), 1); } html.no-touch .c6-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c6-link-hover), 1); } .c6-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c6-highlight), 1); } /* Forms */ .form .c6-bg .form-control, .form .c6-bg .form-check-input { border-color: rgba(var(--c6-borders), 1); } .form .c6-bg .form-control:focus, .form .c6-bg .form-check-input:focus { border-color: rgba(var(--c6-highlight), 1); box-shadow: 0 0 5px var(--c6-highlight);} /* Ajax Loading */ .c6-bg .ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .c6-bg.ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .ajax-wrap .c6-bg .ajax-loading { background: rgba(var(--c6-bg-color1), 1); } .c6-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); } .c6-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .c6-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .item_form-single_field .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } .item_form-single_field .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); } /* Links */ .c6-bg .listing.listing_links:not(.listing_links-mini), .c6-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c6-borders), 1); } .c6-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c6-borders), 0.1); } .c6-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c6-link), 1); } .c6-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c6-link-hover), 1); } /* Data List */ .c6-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c6-borders), 1); } .c6-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c6-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c6-bg .pricing-features .feature, .item.usn_pod_pricingtable .c6-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c6-borders), 1); } /* Sitemap */ .c6-bg nav.sitemap ul li::before, .c6-bg nav.sitemap ul li::after { background-color: rgba(var(--c6-borders), 1); } .c6-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c6-borders), 0.5); } /* Tables */ .c6-bg thead { color: rgba(var(--c6-heading), 1); } .c6-bg table, .c6-bg table th, .c6-bg table td { border-color: rgba(var(--c6-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c6-bg .expand-anchor { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand-anchor span:before { background: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand-anchor span { background: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg .expand-anchor span:after { background: rgba(var(--c6-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); } .component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); } /* Scroll prompt */ .c6-bg .scroll-prompt .scroll-link { color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt .scroll-link i { color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c6-heading), 1); } .c6-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c6-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store h1 { color: rgba(var(--c6-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c6-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c6-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c6-heading), 1)!important; } /* Heading separators - on page */ .c6-bg h1::before, .c6-bg h2::before, .c6-bg h3::before, .c6-bg h4::before, .c6-bg h5::before, .c6-bg h6::before { background: rgba(var(--c6-highlight), 1); } .c6-bg h1::after, .c6-bg h2::after, .c6-bg h3::after, .c6-bg h4::after, .c6-bg h5::after, .c6-bg h6::after { background: rgba(var(--c6-highlight), 1); } /* Heading separators - on components */ .c6-bg .heading::before, .c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); } .c6-bg .heading::after, .c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); } /* Heading separators - on specific items */ .item.c6-bg .heading::before, .item.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); } .item.c6-bg .heading::after, .item.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); } .inner.c6-bg .heading::before, .inner.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); } .inner.c6-bg .heading::after, .inner.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c6-bg .image .overlayicon::before, .item.item_text-boxed .inner.c6-bg .image .overlayicon::before, .item.item_text-boxed .image.c6-bg .overlayicon::before { background: rgba(var(--c6-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c6-bg.c6-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c6-bg.c6-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c6-bg.c6-bg-linear .overlayicon::before { background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c6-bg.c6-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c6-bg.c6-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c6-bg.c6-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); } .item.item_text-boxed.c6-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c6-bg .image .overlayicon .icon, .item.item_text-boxed .image.c6-bg .overlayicon .icon { color: rgba(var(--c6-heading), 1); } /* Focus visibles */ .c6-bg a:focus-visible, .c6-bg .btn:focus-visible, .c6-bg button:focus-visible, .form .inner.c6-bg a:focus-visible, .form .inner.c6-bg .btn:focus-visible, .form .inner.c6-bg button:focus-visible, .c6-bg .item .image a:focus-visible, .c6-bg .item .image a:focus-visible img, .c6-bg .item .image a:focus-visible picture, .c6-bg .item .image a:focus-visible .overlayicon, .c6-bg .listing_no-spacing .item a:focus-visible .image, .c6-bg .listing_no-spacing .item a:focus-visible .image img, .c6-bg .listing_no-spacing .item a:focus-visible .image picture, .c6-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c6-bg a:focus-visible .image, .item.item_text-boxed .inner.c6-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c6-bg a:focus-visible .image img, .item.item_text-boxed .inner.c6-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c6-bg picture, main:focus-visible > section.c6-bg:first-of-type, section.c6-bg:focus-visible { outline-color: rgba(var(--c6-highlight), 1)!important; } .c6-bg .form-control:focus-visible, .c6-bg .form-check-input:focus-visible, .form .inner.c6-bg .form-control:focus-visible, .form .inner.c6-bg .form-check-input:focus-visible, .form .inner.c6-bg .umbraco-forms-field input:focus-visible, .form .inner.c6-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c6-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c6-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail { color: rgba(var(--c6-text), 1); } .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c6-text), 1); } .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c6-link), 1); } .component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c6-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c7-bg, .item.item_overlay .inner .image.c7-bg::before, .usn_cmp_banner .item.item_overlay.c7-bg .inner::before { background: rgba(var(--c7-bg-color1), 1); } /* Backgrounds Linear */ .c7-bg.c7-bg-linear, .item.item_overlay .inner .image.c7-bg.c7-bg-linear::before, .usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-linear .inner::before { background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c7-bg.c7-bg-radial, .item.item_overlay .inner .image.c7-bg.c7-bg-radial::before, .usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Headings */ .c7-bg h1:not(.heading), .c7-bg h2:not(.heading), .c7-bg h3:not(.heading), .c7-bg h4:not(.heading), .c7-bg h5:not(.heading), .c7-bg h6:not(.heading) { color: rgba(var(--c7-heading), 1); } .c7-heading, .c7-bg .heading { color: rgba(var(--c7-heading), 1); } /* Secondary Headings */ .c7-secondary-heading, .c7-bg .c7-secondary-heading { color: rgba(var(--c7-secondary-heading), 1); } /* Text */ .c7-bg, .c7-bg .c7-text, .c7-text { color: rgba(var(--c7-text), 1); } /* Text selection */ .c7-bg ::selection { color: rgba(var(--c7-highlight-text), 1); background-color: rgba(var(--c7-highlight), 1); } /* Borders */ .c7-borders { border-color: rgba(var(--c7-borders), 1); } /* Links */ .c7-link, .c7-link, .c7-bg a:not(.btn), .c7-text a:not(.btn), .c7-bg .c7-text a:not(.btn) { color: rgba(var(--c7-link), 1); } .c7-link:hover, .c7-link:focus, .c7-link:active, .c7-bg a:not(.btn):hover, .c7-bg a:not(.btn):focus, .c7-bg a:not(.btn):active, .c7-bg a:not(.btn):hover, .c7-bg a:not(.btn):focus, .c7-bg a:not(.btn):active, .c7-text a:not(.btn):hover, .c7-text a:not(.btn):focus, .c7-text a:not(.btn):active, .c7-bg .c7-text a:not(.btn):hover, .c7-bg .c7-text a:not(.btn):focus, .c7-bg .c7-text a:not(.btn):active { color: rgba(var(--c7-link-hover), 1); } /* Highlights */ .c7-highlight-bg { background-color: rgba(var(--c7-highlight), 1); } .c7-bg blockquote::before, .component .component.c7-bg div > blockquote::before { color: rgba(var(--c7-highlight), 1); } .c7-highlight-text { color: rgba(var(--c7-highlight-text), 1); } .c7-heading { color: rgba(var(--c7-heading), 1)!important; } .c7-secondary-heading { color: rgba(var(--c7-secondary-heading), 1)!important; } .c7-bg .heading { color: rgba(var(--c7-heading), 1); } .c7-bg .secondary-heading { color: rgba(var(--c7-secondary-heading), 1); } .c7-bg .quote, .c7-bg blockquote, .component .c7-bg .quote, .component .c7-bg blockquote { color: rgba(var(--c7-heading), 1); } .c7-bg .quote::before, .c7-bg blockquote::before, .component .c7-bg .quote::before, .component .c7-bg blockquote::before { color: rgba(var(--c7-highlight), 1); } /* Labels */ .c7-bg .label:not(.item-label) { background-color: rgba(var(--c7-highlight), 1); } .c7-bg .label:not(.item-label) { color: rgba(var(--c7-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c7-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; } .c7-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c7-highlight), 1); } /* Button Tabs */ .c7-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c7-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c7-link), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); } /* Linethrough Tabs */ .c7-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c7-link), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); } .c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); } /* Slider Navigation */ .c7-bg .slick-slider .slick-prev, .c7-bg .slick-slider .slick-next { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); } html.no-touch .c7-bg .slick-slider .slick-prev:hover, html.no-touch .c7-bg .slick-slider .slick-next:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); } html.no-touch .c7-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c7-text), 1); } html.no-touch .c7-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c7-link-hover), 1); } .c7-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c7-highlight), 1); } /* Forms */ .form .c7-bg .form-control, .form .c7-bg .form-check-input { border-color: rgba(var(--c7-borders), 1); } .form .c7-bg .form-control:focus, .form .c7-bg .form-check-input:focus { border-color: rgba(var(--c7-highlight), 1); box-shadow: 0 0 5px var(--c7-highlight);} /* Ajax Loading */ .c7-bg .ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .c7-bg.ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .ajax-wrap .c7-bg .ajax-loading { background: rgba(var(--c7-bg-color1), 1); } .c7-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); } .c7-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .c7-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .item_form-single_field .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } .item_form-single_field .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); } /* Links */ .c7-bg .listing.listing_links:not(.listing_links-mini), .c7-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c7-borders), 1); } .c7-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c7-borders), 0.1); } .c7-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c7-link), 1); } .c7-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c7-link-hover), 1); } /* Data List */ .c7-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c7-borders), 1); } .c7-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c7-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c7-bg .pricing-features .feature, .item.usn_pod_pricingtable .c7-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c7-borders), 1); } /* Sitemap */ .c7-bg nav.sitemap ul li::before, .c7-bg nav.sitemap ul li::after { background-color: rgba(var(--c7-borders), 1); } .c7-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c7-borders), 0.5); } /* Tables */ .c7-bg thead { color: rgba(var(--c7-heading), 1); } .c7-bg table, .c7-bg table th, .c7-bg table td { border-color: rgba(var(--c7-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c7-bg .expand-anchor { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand-anchor span:before { background: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand-anchor span { background: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg .expand-anchor span:after { background: rgba(var(--c7-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } .component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); } /* Scroll prompt */ .c7-bg .scroll-prompt .scroll-link { color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt .scroll-link i { color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c7-heading), 1); } .c7-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c7-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store h1 { color: rgba(var(--c7-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c7-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c7-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c7-heading), 1)!important; } /* Heading separators - on page */ .c7-bg h1::before, .c7-bg h2::before, .c7-bg h3::before, .c7-bg h4::before, .c7-bg h5::before, .c7-bg h6::before { background: rgba(var(--c7-highlight), 1); } .c7-bg h1::after, .c7-bg h2::after, .c7-bg h3::after, .c7-bg h4::after, .c7-bg h5::after, .c7-bg h6::after { background: rgba(var(--c7-highlight), 1); } /* Heading separators - on components */ .c7-bg .heading::before, .c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); } .c7-bg .heading::after, .c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); } /* Heading separators - on specific items */ .item.c7-bg .heading::before, .item.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); } .item.c7-bg .heading::after, .item.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); } .inner.c7-bg .heading::before, .inner.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); } .inner.c7-bg .heading::after, .inner.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c7-bg .image .overlayicon::before, .item.item_text-boxed .inner.c7-bg .image .overlayicon::before, .item.item_text-boxed .image.c7-bg .overlayicon::before { background: rgba(var(--c7-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c7-bg.c7-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c7-bg.c7-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c7-bg.c7-bg-linear .overlayicon::before { background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c7-bg.c7-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c7-bg.c7-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c7-bg.c7-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); } .item.item_text-boxed.c7-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c7-bg .image .overlayicon .icon, .item.item_text-boxed .image.c7-bg .overlayicon .icon { color: rgba(var(--c7-heading), 1); } /* Focus visibles */ .c7-bg a:focus-visible, .c7-bg .btn:focus-visible, .c7-bg button:focus-visible, .form .inner.c7-bg a:focus-visible, .form .inner.c7-bg .btn:focus-visible, .form .inner.c7-bg button:focus-visible, .c7-bg .item .image a:focus-visible, .c7-bg .item .image a:focus-visible img, .c7-bg .item .image a:focus-visible picture, .c7-bg .item .image a:focus-visible .overlayicon, .c7-bg .listing_no-spacing .item a:focus-visible .image, .c7-bg .listing_no-spacing .item a:focus-visible .image img, .c7-bg .listing_no-spacing .item a:focus-visible .image picture, .c7-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c7-bg a:focus-visible .image, .item.item_text-boxed .inner.c7-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c7-bg a:focus-visible .image img, .item.item_text-boxed .inner.c7-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c7-bg picture, main:focus-visible > section.c7-bg:first-of-type, section.c7-bg:focus-visible { outline-color: rgba(var(--c7-highlight), 1)!important; } .c7-bg .form-control:focus-visible, .c7-bg .form-check-input:focus-visible, .form .inner.c7-bg .form-control:focus-visible, .form .inner.c7-bg .form-check-input:focus-visible, .form .inner.c7-bg .umbraco-forms-field input:focus-visible, .form .inner.c7-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c7-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c7-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail { color: rgba(var(--c7-text), 1); } .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c7-text), 1); } .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c7-link), 1); } .component.usn_cmp_breadcrumb.c7-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c7-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c8-bg, .item.item_overlay .inner .image.c8-bg::before, .usn_cmp_banner .item.item_overlay.c8-bg .inner::before { background: rgba(var(--c8-bg-color1), 1); } /* Backgrounds Linear */ .c8-bg.c8-bg-linear, .item.item_overlay .inner .image.c8-bg.c8-bg-linear::before, .usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-linear .inner::before { background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c8-bg.c8-bg-radial, .item.item_overlay .inner .image.c8-bg.c8-bg-radial::before, .usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Headings */ .c8-bg h1:not(.heading), .c8-bg h2:not(.heading), .c8-bg h3:not(.heading), .c8-bg h4:not(.heading), .c8-bg h5:not(.heading), .c8-bg h6:not(.heading) { color: rgba(var(--c8-heading), 1); } .c8-heading, .c8-bg .heading { color: rgba(var(--c8-heading), 1); } /* Secondary Headings */ .c8-secondary-heading, .c8-bg .c8-secondary-heading { color: rgba(var(--c8-secondary-heading), 1); } /* Text */ .c8-bg, .c8-bg .c8-text, .c8-text { color: rgba(var(--c8-text), 1); } /* Text selection */ .c8-bg ::selection { color: rgba(var(--c8-highlight-text), 1); background-color: rgba(var(--c8-highlight), 1); } /* Borders */ .c8-borders { border-color: rgba(var(--c8-borders), 1); } /* Links */ .c8-link, .c8-link, .c8-bg a:not(.btn), .c8-text a:not(.btn), .c8-bg .c8-text a:not(.btn) { color: rgba(var(--c8-link), 1); } .c8-link:hover, .c8-link:focus, .c8-link:active, .c8-bg a:not(.btn):hover, .c8-bg a:not(.btn):focus, .c8-bg a:not(.btn):active, .c8-bg a:not(.btn):hover, .c8-bg a:not(.btn):focus, .c8-bg a:not(.btn):active, .c8-text a:not(.btn):hover, .c8-text a:not(.btn):focus, .c8-text a:not(.btn):active, .c8-bg .c8-text a:not(.btn):hover, .c8-bg .c8-text a:not(.btn):focus, .c8-bg .c8-text a:not(.btn):active { color: rgba(var(--c8-link-hover), 1); } /* Highlights */ .c8-highlight-bg { background-color: rgba(var(--c8-highlight), 1); } .c8-bg blockquote::before, .component .component.c8-bg div > blockquote::before { color: rgba(var(--c8-highlight), 1); } .c8-highlight-text { color: rgba(var(--c8-highlight-text), 1); } .c8-heading { color: rgba(var(--c8-heading), 1)!important; } .c8-secondary-heading { color: rgba(var(--c8-secondary-heading), 1)!important; } .c8-bg .heading { color: rgba(var(--c8-heading), 1); } .c8-bg .secondary-heading { color: rgba(var(--c8-secondary-heading), 1); } .c8-bg .quote, .c8-bg blockquote, .component .c8-bg .quote, .component .c8-bg blockquote { color: rgba(var(--c8-heading), 1); } .c8-bg .quote::before, .c8-bg blockquote::before, .component .c8-bg .quote::before, .component .c8-bg blockquote::before { color: rgba(var(--c8-highlight), 1); } /* Labels */ .c8-bg .label:not(.item-label) { background-color: rgba(var(--c8-highlight), 1); } .c8-bg .label:not(.item-label) { color: rgba(var(--c8-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c8-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; } .c8-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c8-highlight), 1); } /* Button Tabs */ .c8-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c8-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c8-link), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); } /* Linethrough Tabs */ .c8-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c8-link), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); } .c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); } /* Slider Navigation */ .c8-bg .slick-slider .slick-prev, .c8-bg .slick-slider .slick-next { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); } html.no-touch .c8-bg .slick-slider .slick-prev:hover, html.no-touch .c8-bg .slick-slider .slick-next:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); } html.no-touch .c8-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c8-text), 1); } html.no-touch .c8-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c8-link-hover), 1); } .c8-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c8-highlight), 1); } /* Forms */ .form .c8-bg .form-control, .form .c8-bg .form-check-input { border-color: rgba(var(--c8-borders), 1); } .form .c8-bg .form-control:focus, .form .c8-bg .form-check-input:focus { border-color: rgba(var(--c8-highlight), 1); box-shadow: 0 0 5px var(--c8-highlight);} /* Ajax Loading */ .c8-bg .ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .c8-bg.ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .ajax-wrap .c8-bg .ajax-loading { background: rgba(var(--c8-bg-color1), 1); } .c8-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); } .c8-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .c8-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .item_form-single_field .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } .item_form-single_field .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); } /* Links */ .c8-bg .listing.listing_links:not(.listing_links-mini), .c8-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c8-borders), 1); } .c8-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c8-borders), 0.1); } .c8-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c8-link), 1); } .c8-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c8-link-hover), 1); } /* Data List */ .c8-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c8-borders), 1); } .c8-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c8-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c8-bg .pricing-features .feature, .item.usn_pod_pricingtable .c8-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c8-borders), 1); } /* Sitemap */ .c8-bg nav.sitemap ul li::before, .c8-bg nav.sitemap ul li::after { background-color: rgba(var(--c8-borders), 1); } .c8-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c8-borders), 0.5); } /* Tables */ .c8-bg thead { color: rgba(var(--c8-heading), 1); } .c8-bg table, .c8-bg table th, .c8-bg table td { border-color: rgba(var(--c8-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c8-bg .expand-anchor { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand-anchor span:before { background: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand-anchor span { background: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg .expand-anchor span:after { background: rgba(var(--c8-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } .component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); } /* Scroll prompt */ .c8-bg .scroll-prompt .scroll-link { color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt .scroll-link i { color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c8-heading), 1); } .c8-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c8-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store h1 { color: rgba(var(--c8-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c8-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c8-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c8-heading), 1)!important; } /* Heading separators - on page */ .c8-bg h1::before, .c8-bg h2::before, .c8-bg h3::before, .c8-bg h4::before, .c8-bg h5::before, .c8-bg h6::before { background: rgba(var(--c8-highlight), 1); } .c8-bg h1::after, .c8-bg h2::after, .c8-bg h3::after, .c8-bg h4::after, .c8-bg h5::after, .c8-bg h6::after { background: rgba(var(--c8-highlight), 1); } /* Heading separators - on components */ .c8-bg .heading::before, .c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); } .c8-bg .heading::after, .c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); } /* Heading separators - on specific items */ .item.c8-bg .heading::before, .item.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); } .item.c8-bg .heading::after, .item.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); } .inner.c8-bg .heading::before, .inner.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); } .inner.c8-bg .heading::after, .inner.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c8-bg .image .overlayicon::before, .item.item_text-boxed .inner.c8-bg .image .overlayicon::before, .item.item_text-boxed .image.c8-bg .overlayicon::before { background: rgba(var(--c8-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c8-bg.c8-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c8-bg.c8-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c8-bg.c8-bg-linear .overlayicon::before { background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c8-bg.c8-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c8-bg.c8-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c8-bg.c8-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); } .item.item_text-boxed.c8-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c8-bg .image .overlayicon .icon, .item.item_text-boxed .image.c8-bg .overlayicon .icon { color: rgba(var(--c8-heading), 1); } /* Focus visibles */ .c8-bg a:focus-visible, .c8-bg .btn:focus-visible, .c8-bg button:focus-visible, .form .inner.c8-bg a:focus-visible, .form .inner.c8-bg .btn:focus-visible, .form .inner.c8-bg button:focus-visible, .c8-bg .item .image a:focus-visible, .c8-bg .item .image a:focus-visible img, .c8-bg .item .image a:focus-visible picture, .c8-bg .item .image a:focus-visible .overlayicon, .c8-bg .listing_no-spacing .item a:focus-visible .image, .c8-bg .listing_no-spacing .item a:focus-visible .image img, .c8-bg .listing_no-spacing .item a:focus-visible .image picture, .c8-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c8-bg a:focus-visible .image, .item.item_text-boxed .inner.c8-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c8-bg a:focus-visible .image img, .item.item_text-boxed .inner.c8-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c8-bg picture, main:focus-visible > section.c8-bg:first-of-type, section.c8-bg:focus-visible { outline-color: rgba(var(--c8-highlight), 1)!important; } .c8-bg .form-control:focus-visible, .c8-bg .form-check-input:focus-visible, .form .inner.c8-bg .form-control:focus-visible, .form .inner.c8-bg .form-check-input:focus-visible, .form .inner.c8-bg .umbraco-forms-field input:focus-visible, .form .inner.c8-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c8-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c8-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail { color: rgba(var(--c8-text), 1); } .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c8-text), 1); } .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c8-link), 1); } .component.usn_cmp_breadcrumb.c8-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c8-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c9-bg, .item.item_overlay .inner .image.c9-bg::before, .usn_cmp_banner .item.item_overlay.c9-bg .inner::before { background: rgba(var(--c9-bg-color1), 1); } /* Backgrounds Linear */ .c9-bg.c9-bg-linear, .item.item_overlay .inner .image.c9-bg.c9-bg-linear::before, .usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-linear .inner::before { background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c9-bg.c9-bg-radial, .item.item_overlay .inner .image.c9-bg.c9-bg-radial::before, .usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c9-bg-start-perc) var(--c9-bg-stop-perc), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } /* Headings */ .c9-bg h1:not(.heading), .c9-bg h2:not(.heading), .c9-bg h3:not(.heading), .c9-bg h4:not(.heading), .c9-bg h5:not(.heading), .c9-bg h6:not(.heading) { color: rgba(var(--c9-heading), 1); } .c9-heading, .c9-bg .heading { color: rgba(var(--c9-heading), 1); } /* Secondary Headings */ .c9-secondary-heading, .c9-bg .c9-secondary-heading { color: rgba(var(--c9-secondary-heading), 1); } /* Text */ .c9-bg, .c9-bg .c9-text, .c9-text { color: rgba(var(--c9-text), 1); } /* Text selection */ .c9-bg ::selection { color: rgba(var(--c9-highlight-text), 1); background-color: rgba(var(--c9-highlight), 1); } /* Borders */ .c9-borders { border-color: rgba(var(--c9-borders), 1); } /* Links */ .c9-link, .c9-link, .c9-bg a:not(.btn), .c9-text a:not(.btn), .c9-bg .c9-text a:not(.btn) { color: rgba(var(--c9-link), 1); } .c9-link:hover, .c9-link:focus, .c9-link:active, .c9-bg a:not(.btn):hover, .c9-bg a:not(.btn):focus, .c9-bg a:not(.btn):active, .c9-bg a:not(.btn):hover, .c9-bg a:not(.btn):focus, .c9-bg a:not(.btn):active, .c9-text a:not(.btn):hover, .c9-text a:not(.btn):focus, .c9-text a:not(.btn):active, .c9-bg .c9-text a:not(.btn):hover, .c9-bg .c9-text a:not(.btn):focus, .c9-bg .c9-text a:not(.btn):active { color: rgba(var(--c9-link-hover), 1); } /* Highlights */ .c9-highlight-bg { background-color: rgba(var(--c9-highlight), 1); } .c9-bg blockquote::before, .component .component.c9-bg div > blockquote::before { color: rgba(var(--c9-highlight), 1); } .c9-highlight-text { color: rgba(var(--c9-highlight-text), 1); } .c9-heading { color: rgba(var(--c9-heading), 1)!important; } .c9-secondary-heading { color: rgba(var(--c9-secondary-heading), 1)!important; } .c9-bg .heading { color: rgba(var(--c9-heading), 1); } .c9-bg .secondary-heading { color: rgba(var(--c9-secondary-heading), 1); } .c9-bg .quote, .c9-bg blockquote, .component .c9-bg .quote, .component .c9-bg blockquote { color: rgba(var(--c9-heading), 1); } .c9-bg .quote::before, .c9-bg blockquote::before, .component .c9-bg .quote::before, .component .c9-bg blockquote::before { color: rgba(var(--c9-highlight), 1); } /* Labels */ .c9-bg .label:not(.item-label) { background-color: rgba(var(--c9-highlight), 1); } .c9-bg .label:not(.item-label) { color: rgba(var(--c9-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c9-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); } .c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; } .c9-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c9-highlight), 1); } /* Button Tabs */ .c9-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), 0.25); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c9-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c9-link), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); } /* Linethrough Tabs */ .c9-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c9-link), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); } .c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); } /* Slider Navigation */ .c9-bg .slick-slider .slick-prev, .c9-bg .slick-slider .slick-next { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); } html.no-touch .c9-bg .slick-slider .slick-prev:hover, html.no-touch .c9-bg .slick-slider .slick-next:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); } html.no-touch .c9-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c9-link-hover), 1); } .c9-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c9-text), 1); } html.no-touch .c9-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c9-link-hover), 1); } .c9-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c9-highlight), 1); } /* Forms */ .form .c9-bg .form-control, .form .c9-bg .form-check-input { border-color: rgba(var(--c9-borders), 1); } .form .c9-bg .form-control:focus, .form .c9-bg .form-check-input:focus { border-color: rgba(var(--c9-highlight), 1); box-shadow: 0 0 5px var(--c9-highlight);} /* Ajax Loading */ .c9-bg .ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); } .c9-bg.ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); } .ajax-wrap .c9-bg .ajax-loading { background: rgba(var(--c9-bg-color1), 1); } .c9-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); } .c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); } .ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); } .c9-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } .c9-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } .item_form-single_field .c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } .item_form-single_field .ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); } /* Links */ .c9-bg .listing.listing_links:not(.listing_links-mini), .c9-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c9-borders), 1); } .c9-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c9-borders), 0.1); } .c9-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c9-link), 1); } .c9-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c9-link-hover), 1); } /* Data List */ .c9-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c9-borders), 1); } .c9-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c9-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c9-bg .pricing-features .feature, .item.usn_pod_pricingtable .c9-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c9-borders), 1); } /* Sitemap */ .c9-bg nav.sitemap ul li::before, .c9-bg nav.sitemap ul li::after { background-color: rgba(var(--c9-borders), 1); } .c9-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c9-borders), 0.5); } /* Tables */ .c9-bg thead { color: rgba(var(--c9-heading), 1); } .c9-bg table, .c9-bg table th, .c9-bg table td { border-color: rgba(var(--c9-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c9-bg .expand-anchor { color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg .expand-anchor span:before { background: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg .expand-anchor span { background: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg .expand-anchor span:after { background: rgba(var(--c9-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), 0.25); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); } .component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); } /* Scroll prompt */ .c9-bg .scroll-prompt .scroll-link { color: rgba(var(--c9-heading), 1); } .c9-bg .scroll-prompt .scroll-link i { color: rgba(var(--c9-heading), 1); } .c9-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c9-heading), 1); } .c9-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c9-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store h1 { color: rgba(var(--c9-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c9-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c9-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c9-heading), 1)!important; } /* Heading separators - on page */ .c9-bg h1::before, .c9-bg h2::before, .c9-bg h3::before, .c9-bg h4::before, .c9-bg h5::before, .c9-bg h6::before { background: rgba(var(--c9-highlight), 1); } .c9-bg h1::after, .c9-bg h2::after, .c9-bg h3::after, .c9-bg h4::after, .c9-bg h5::after, .c9-bg h6::after { background: rgba(var(--c9-highlight), 1); } /* Heading separators - on components */ .c9-bg .heading::before, .c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); } .c9-bg .heading::after, .c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); } /* Heading separators - on specific items */ .item.c9-bg .heading::before, .item.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); } .item.c9-bg .heading::after, .item.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); } .inner.c9-bg .heading::before, .inner.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); } .inner.c9-bg .heading::after, .inner.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c9-bg .image .overlayicon::before, .item.item_text-boxed .inner.c9-bg .image .overlayicon::before, .item.item_text-boxed .image.c9-bg .overlayicon::before { background: rgba(var(--c9-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c9-bg.c9-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c9-bg.c9-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c9-bg.c9-bg-linear .overlayicon::before { background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c9-bg.c9-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c9-bg.c9-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c9-bg.c9-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c9-bg-start-perc) var(--c9-bg-stop-perc), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); } .item.item_text-boxed.c9-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c9-bg .image .overlayicon .icon, .item.item_text-boxed .image.c9-bg .overlayicon .icon { color: rgba(var(--c9-heading), 1); } /* Focus visibles */ .c9-bg a:focus-visible, .c9-bg .btn:focus-visible, .c9-bg button:focus-visible, .form .inner.c9-bg a:focus-visible, .form .inner.c9-bg .btn:focus-visible, .form .inner.c9-bg button:focus-visible, .c9-bg .item .image a:focus-visible, .c9-bg .item .image a:focus-visible img, .c9-bg .item .image a:focus-visible picture, .c9-bg .item .image a:focus-visible .overlayicon, .c9-bg .listing_no-spacing .item a:focus-visible .image, .c9-bg .listing_no-spacing .item a:focus-visible .image img, .c9-bg .listing_no-spacing .item a:focus-visible .image picture, .c9-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c9-bg a:focus-visible .image, .item.item_text-boxed .inner.c9-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c9-bg a:focus-visible .image img, .item.item_text-boxed .inner.c9-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c9-bg picture, main:focus-visible > section.c9-bg:first-of-type, section.c9-bg:focus-visible { outline-color: rgba(var(--c9-highlight), 1)!important; } .c9-bg .form-control:focus-visible, .c9-bg .form-check-input:focus-visible, .form .inner.c9-bg .form-control:focus-visible, .form .inner.c9-bg .form-check-input:focus-visible, .form .inner.c9-bg .umbraco-forms-field input:focus-visible, .form .inner.c9-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c9-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c9-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail { color: rgba(var(--c9-text), 1); } .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c9-text), 1); } .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c9-link), 1); } .component.usn_cmp_breadcrumb.c9-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c9-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c10-bg, .item.item_overlay .inner .image.c10-bg::before, .usn_cmp_banner .item.item_overlay.c10-bg .inner::before { background: rgba(var(--c10-bg-color1), 1); } /* Backgrounds Linear */ .c10-bg.c10-bg-linear, .item.item_overlay .inner .image.c10-bg.c10-bg-linear::before, .usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-linear .inner::before { background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c10-bg.c10-bg-radial, .item.item_overlay .inner .image.c10-bg.c10-bg-radial::before, .usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c10-bg-start-perc) var(--c10-bg-stop-perc), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } /* Headings */ .c10-bg h1:not(.heading), .c10-bg h2:not(.heading), .c10-bg h3:not(.heading), .c10-bg h4:not(.heading), .c10-bg h5:not(.heading), .c10-bg h6:not(.heading) { color: rgba(var(--c10-heading), 1); } .c10-heading, .c10-bg .heading { color: rgba(var(--c10-heading), 1); } /* Secondary Headings */ .c10-secondary-heading, .c10-bg .c10-secondary-heading { color: rgba(var(--c10-secondary-heading), 1); } /* Text */ .c10-bg, .c10-bg .c10-text, .c10-text { color: rgba(var(--c10-text), 1); } /* Text selection */ .c10-bg ::selection { color: rgba(var(--c10-highlight-text), 1); background-color: rgba(var(--c10-highlight), 1); } /* Borders */ .c10-borders { border-color: rgba(var(--c10-borders), 1); } /* Links */ .c10-link, .c10-link, .c10-bg a:not(.btn), .c10-text a:not(.btn), .c10-bg .c10-text a:not(.btn) { color: rgba(var(--c10-link), 1); } .c10-link:hover, .c10-link:focus, .c10-link:active, .c10-bg a:not(.btn):hover, .c10-bg a:not(.btn):focus, .c10-bg a:not(.btn):active, .c10-bg a:not(.btn):hover, .c10-bg a:not(.btn):focus, .c10-bg a:not(.btn):active, .c10-text a:not(.btn):hover, .c10-text a:not(.btn):focus, .c10-text a:not(.btn):active, .c10-bg .c10-text a:not(.btn):hover, .c10-bg .c10-text a:not(.btn):focus, .c10-bg .c10-text a:not(.btn):active { color: rgba(var(--c10-link-hover), 1); } /* Highlights */ .c10-highlight-bg { background-color: rgba(var(--c10-highlight), 1); } .c10-bg blockquote::before, .component .component.c10-bg div > blockquote::before { color: rgba(var(--c10-highlight), 1); } .c10-highlight-text { color: rgba(var(--c10-highlight-text), 1); } .c10-heading { color: rgba(var(--c10-heading), 1)!important; } .c10-secondary-heading { color: rgba(var(--c10-secondary-heading), 1)!important; } .c10-bg .heading { color: rgba(var(--c10-heading), 1); } .c10-bg .secondary-heading { color: rgba(var(--c10-secondary-heading), 1); } .c10-bg .quote, .c10-bg blockquote, .component .c10-bg .quote, .component .c10-bg blockquote { color: rgba(var(--c10-heading), 1); } .c10-bg .quote::before, .c10-bg blockquote::before, .component .c10-bg .quote::before, .component .c10-bg blockquote::before { color: rgba(var(--c10-highlight), 1); } /* Labels */ .c10-bg .label:not(.item-label) { background-color: rgba(var(--c10-highlight), 1); } .c10-bg .label:not(.item-label) { color: rgba(var(--c10-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c10-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); } .c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; } .c10-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c10-highlight), 1); } /* Button Tabs */ .c10-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), 0.25); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c10-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c10-link), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); } /* Linethrough Tabs */ .c10-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c10-link), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); } .c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); } /* Slider Navigation */ .c10-bg .slick-slider .slick-prev, .c10-bg .slick-slider .slick-next { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); } html.no-touch .c10-bg .slick-slider .slick-prev:hover, html.no-touch .c10-bg .slick-slider .slick-next:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); } html.no-touch .c10-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c10-link-hover), 1); } .c10-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c10-text), 1); } html.no-touch .c10-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c10-link-hover), 1); } .c10-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c10-highlight), 1); } /* Forms */ .form .c10-bg .form-control, .form .c10-bg .form-check-input { border-color: rgba(var(--c10-borders), 1); } .form .c10-bg .form-control:focus, .form .c10-bg .form-check-input:focus { border-color: rgba(var(--c10-highlight), 1); box-shadow: 0 0 5px var(--c10-highlight);} /* Ajax Loading */ .c10-bg .ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); } .c10-bg.ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); } .ajax-wrap .c10-bg .ajax-loading { background: rgba(var(--c10-bg-color1), 1); } .c10-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); } .c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); } .ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); } .c10-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } .c10-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } .item_form-single_field .c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } .item_form-single_field .ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); } /* Links */ .c10-bg .listing.listing_links:not(.listing_links-mini), .c10-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c10-borders), 1); } .c10-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c10-borders), 0.1); } .c10-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c10-link), 1); } .c10-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c10-link-hover), 1); } /* Data List */ .c10-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c10-borders), 1); } .c10-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c10-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c10-bg .pricing-features .feature, .item.usn_pod_pricingtable .c10-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c10-borders), 1); } /* Sitemap */ .c10-bg nav.sitemap ul li::before, .c10-bg nav.sitemap ul li::after { background-color: rgba(var(--c10-borders), 1); } .c10-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c10-borders), 0.5); } /* Tables */ .c10-bg thead { color: rgba(var(--c10-heading), 1); } .c10-bg table, .c10-bg table th, .c10-bg table td { border-color: rgba(var(--c10-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c10-bg .expand-anchor { color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg .expand-anchor span:before { background: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg .expand-anchor span { background: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg .expand-anchor span:after { background: rgba(var(--c10-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), 0.25); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c10-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); } .component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); } /* Scroll prompt */ .c10-bg .scroll-prompt .scroll-link { color: rgba(var(--c10-heading), 1); } .c10-bg .scroll-prompt .scroll-link i { color: rgba(var(--c10-heading), 1); } .c10-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c10-heading), 1); } .c10-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c10-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store h1 { color: rgba(var(--c10-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c10-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c10-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c10-heading), 1)!important; } /* Heading separators - on page */ .c10-bg h1::before, .c10-bg h2::before, .c10-bg h3::before, .c10-bg h4::before, .c10-bg h5::before, .c10-bg h6::before { background: rgba(var(--c10-highlight), 1); } .c10-bg h1::after, .c10-bg h2::after, .c10-bg h3::after, .c10-bg h4::after, .c10-bg h5::after, .c10-bg h6::after { background: rgba(var(--c10-highlight), 1); } /* Heading separators - on components */ .c10-bg .heading::before, .c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); } .c10-bg .heading::after, .c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); } /* Heading separators - on specific items */ .item.c10-bg .heading::before, .item.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); } .item.c10-bg .heading::after, .item.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); } .inner.c10-bg .heading::before, .inner.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); } .inner.c10-bg .heading::after, .inner.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c10-bg .image .overlayicon::before, .item.item_text-boxed .inner.c10-bg .image .overlayicon::before, .item.item_text-boxed .image.c10-bg .overlayicon::before { background: rgba(var(--c10-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c10-bg.c10-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c10-bg.c10-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c10-bg.c10-bg-linear .overlayicon::before { background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c10-bg.c10-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c10-bg.c10-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c10-bg.c10-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c10-bg-start-perc) var(--c10-bg-stop-perc), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); } .item.item_text-boxed.c10-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c10-bg .image .overlayicon .icon, .item.item_text-boxed .image.c10-bg .overlayicon .icon { color: rgba(var(--c10-heading), 1); } /* Focus visibles */ .c10-bg a:focus-visible, .c10-bg .btn:focus-visible, .c10-bg button:focus-visible, .form .inner.c10-bg a:focus-visible, .form .inner.c10-bg .btn:focus-visible, .form .inner.c10-bg button:focus-visible, .c10-bg .item .image a:focus-visible, .c10-bg .item .image a:focus-visible img, .c10-bg .item .image a:focus-visible picture, .c10-bg .item .image a:focus-visible .overlayicon, .c10-bg .listing_no-spacing .item a:focus-visible .image, .c10-bg .listing_no-spacing .item a:focus-visible .image img, .c10-bg .listing_no-spacing .item a:focus-visible .image picture, .c10-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c10-bg a:focus-visible .image, .item.item_text-boxed .inner.c10-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c10-bg a:focus-visible .image img, .item.item_text-boxed .inner.c10-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c10-bg picture, main:focus-visible > section.c10-bg:first-of-type, section.c10-bg:focus-visible { outline-color: rgba(var(--c10-highlight), 1)!important; } .c10-bg .form-control:focus-visible, .c10-bg .form-check-input:focus-visible, .form .inner.c10-bg .form-control:focus-visible, .form .inner.c10-bg .form-check-input:focus-visible, .form .inner.c10-bg .umbraco-forms-field input:focus-visible, .form .inner.c10-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c10-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c10-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail { color: rgba(var(--c10-text), 1); } .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c10-text), 1); } .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c10-link), 1); } .component.usn_cmp_breadcrumb.c10-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c10-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c11-bg, .item.item_overlay .inner .image.c11-bg::before, .usn_cmp_banner .item.item_overlay.c11-bg .inner::before { background: rgba(var(--c11-bg-color1), 1); } /* Backgrounds Linear */ .c11-bg.c11-bg-linear, .item.item_overlay .inner .image.c11-bg.c11-bg-linear::before, .usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-linear .inner::before { background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c11-bg.c11-bg-radial, .item.item_overlay .inner .image.c11-bg.c11-bg-radial::before, .usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c11-bg-start-perc) var(--c11-bg-stop-perc), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } /* Headings */ .c11-bg h1:not(.heading), .c11-bg h2:not(.heading), .c11-bg h3:not(.heading), .c11-bg h4:not(.heading), .c11-bg h5:not(.heading), .c11-bg h6:not(.heading) { color: rgba(var(--c11-heading), 1); } .c11-heading, .c11-bg .heading { color: rgba(var(--c11-heading), 1); } /* Secondary Headings */ .c11-secondary-heading, .c11-bg .c11-secondary-heading { color: rgba(var(--c11-secondary-heading), 1); } /* Text */ .c11-bg, .c11-bg .c11-text, .c11-text { color: rgba(var(--c11-text), 1); } /* Text selection */ .c11-bg ::selection { color: rgba(var(--c11-highlight-text), 1); background-color: rgba(var(--c11-highlight), 1); } /* Borders */ .c11-borders { border-color: rgba(var(--c11-borders), 1); } /* Links */ .c11-link, .c11-link, .c11-bg a:not(.btn), .c11-text a:not(.btn), .c11-bg .c11-text a:not(.btn) { color: rgba(var(--c11-link), 1); } .c11-link:hover, .c11-link:focus, .c11-link:active, .c11-bg a:not(.btn):hover, .c11-bg a:not(.btn):focus, .c11-bg a:not(.btn):active, .c11-bg a:not(.btn):hover, .c11-bg a:not(.btn):focus, .c11-bg a:not(.btn):active, .c11-text a:not(.btn):hover, .c11-text a:not(.btn):focus, .c11-text a:not(.btn):active, .c11-bg .c11-text a:not(.btn):hover, .c11-bg .c11-text a:not(.btn):focus, .c11-bg .c11-text a:not(.btn):active { color: rgba(var(--c11-link-hover), 1); } /* Highlights */ .c11-highlight-bg { background-color: rgba(var(--c11-highlight), 1); } .c11-bg blockquote::before, .component .component.c11-bg div > blockquote::before { color: rgba(var(--c11-highlight), 1); } .c11-highlight-text { color: rgba(var(--c11-highlight-text), 1); } .c11-heading { color: rgba(var(--c11-heading), 1)!important; } .c11-secondary-heading { color: rgba(var(--c11-secondary-heading), 1)!important; } .c11-bg .heading { color: rgba(var(--c11-heading), 1); } .c11-bg .secondary-heading { color: rgba(var(--c11-secondary-heading), 1); } .c11-bg .quote, .c11-bg blockquote, .component .c11-bg .quote, .component .c11-bg blockquote { color: rgba(var(--c11-heading), 1); } .c11-bg .quote::before, .c11-bg blockquote::before, .component .c11-bg .quote::before, .component .c11-bg blockquote::before { color: rgba(var(--c11-highlight), 1); } /* Labels */ .c11-bg .label:not(.item-label) { background-color: rgba(var(--c11-highlight), 1); } .c11-bg .label:not(.item-label) { color: rgba(var(--c11-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c11-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); } .c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; } .c11-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c11-highlight), 1); } /* Button Tabs */ .c11-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), 0.25); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c11-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c11-link), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); } /* Linethrough Tabs */ .c11-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c11-link), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); } .c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); } /* Slider Navigation */ .c11-bg .slick-slider .slick-prev, .c11-bg .slick-slider .slick-next { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); } html.no-touch .c11-bg .slick-slider .slick-prev:hover, html.no-touch .c11-bg .slick-slider .slick-next:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); } html.no-touch .c11-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c11-link-hover), 1); } .c11-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c11-text), 1); } html.no-touch .c11-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c11-link-hover), 1); } .c11-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c11-highlight), 1); } /* Forms */ .form .c11-bg .form-control, .form .c11-bg .form-check-input { border-color: rgba(var(--c11-borders), 1); } .form .c11-bg .form-control:focus, .form .c11-bg .form-check-input:focus { border-color: rgba(var(--c11-highlight), 1); box-shadow: 0 0 5px var(--c11-highlight);} /* Ajax Loading */ .c11-bg .ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); } .c11-bg.ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); } .ajax-wrap .c11-bg .ajax-loading { background: rgba(var(--c11-bg-color1), 1); } .c11-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); } .c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); } .ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); } .c11-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } .c11-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } .item_form-single_field .c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } .item_form-single_field .ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); } /* Links */ .c11-bg .listing.listing_links:not(.listing_links-mini), .c11-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c11-borders), 1); } .c11-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c11-borders), 0.1); } .c11-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c11-link), 1); } .c11-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c11-link-hover), 1); } /* Data List */ .c11-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c11-borders), 1); } .c11-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c11-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c11-bg .pricing-features .feature, .item.usn_pod_pricingtable .c11-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c11-borders), 1); } /* Sitemap */ .c11-bg nav.sitemap ul li::before, .c11-bg nav.sitemap ul li::after { background-color: rgba(var(--c11-borders), 1); } .c11-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c11-borders), 0.5); } /* Tables */ .c11-bg thead { color: rgba(var(--c11-heading), 1); } .c11-bg table, .c11-bg table th, .c11-bg table td { border-color: rgba(var(--c11-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c11-bg .expand-anchor { color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg .expand-anchor span:before { background: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg .expand-anchor span { background: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg .expand-anchor span:after { background: rgba(var(--c11-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), 0.25); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c11-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); } .component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); } /* Scroll prompt */ .c11-bg .scroll-prompt .scroll-link { color: rgba(var(--c11-heading), 1); } .c11-bg .scroll-prompt .scroll-link i { color: rgba(var(--c11-heading), 1); } .c11-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c11-heading), 1); } .c11-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c11-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store h1 { color: rgba(var(--c11-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c11-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c11-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c11-heading), 1)!important; } /* Heading separators - on page */ .c11-bg h1::before, .c11-bg h2::before, .c11-bg h3::before, .c11-bg h4::before, .c11-bg h5::before, .c11-bg h6::before { background: rgba(var(--c11-highlight), 1); } .c11-bg h1::after, .c11-bg h2::after, .c11-bg h3::after, .c11-bg h4::after, .c11-bg h5::after, .c11-bg h6::after { background: rgba(var(--c11-highlight), 1); } /* Heading separators - on components */ .c11-bg .heading::before, .c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); } .c11-bg .heading::after, .c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); } /* Heading separators - on specific items */ .item.c11-bg .heading::before, .item.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); } .item.c11-bg .heading::after, .item.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); } .inner.c11-bg .heading::before, .inner.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); } .inner.c11-bg .heading::after, .inner.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c11-bg .image .overlayicon::before, .item.item_text-boxed .inner.c11-bg .image .overlayicon::before, .item.item_text-boxed .image.c11-bg .overlayicon::before { background: rgba(var(--c11-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c11-bg.c11-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c11-bg.c11-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c11-bg.c11-bg-linear .overlayicon::before { background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c11-bg.c11-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c11-bg.c11-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c11-bg.c11-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c11-bg-start-perc) var(--c11-bg-stop-perc), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); } .item.item_text-boxed.c11-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c11-bg .image .overlayicon .icon, .item.item_text-boxed .image.c11-bg .overlayicon .icon { color: rgba(var(--c11-heading), 1); } /* Focus visibles */ .c11-bg a:focus-visible, .c11-bg .btn:focus-visible, .c11-bg button:focus-visible, .form .inner.c11-bg a:focus-visible, .form .inner.c11-bg .btn:focus-visible, .form .inner.c11-bg button:focus-visible, .c11-bg .item .image a:focus-visible, .c11-bg .item .image a:focus-visible img, .c11-bg .item .image a:focus-visible picture, .c11-bg .item .image a:focus-visible .overlayicon, .c11-bg .listing_no-spacing .item a:focus-visible .image, .c11-bg .listing_no-spacing .item a:focus-visible .image img, .c11-bg .listing_no-spacing .item a:focus-visible .image picture, .c11-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c11-bg a:focus-visible .image, .item.item_text-boxed .inner.c11-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c11-bg a:focus-visible .image img, .item.item_text-boxed .inner.c11-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c11-bg picture, main:focus-visible > section.c11-bg:first-of-type, section.c11-bg:focus-visible { outline-color: rgba(var(--c11-highlight), 1)!important; } .c11-bg .form-control:focus-visible, .c11-bg .form-check-input:focus-visible, .form .inner.c11-bg .form-control:focus-visible, .form .inner.c11-bg .form-check-input:focus-visible, .form .inner.c11-bg .umbraco-forms-field input:focus-visible, .form .inner.c11-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c11-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c11-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail { color: rgba(var(--c11-text), 1); } .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c11-text), 1); } .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c11-link), 1); } .component.usn_cmp_breadcrumb.c11-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c11-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c12-bg, .item.item_overlay .inner .image.c12-bg::before, .usn_cmp_banner .item.item_overlay.c12-bg .inner::before { background: rgba(var(--c12-bg-color1), 1); } /* Backgrounds Linear */ .c12-bg.c12-bg-linear, .item.item_overlay .inner .image.c12-bg.c12-bg-linear::before, .usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-linear .inner::before { background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c12-bg.c12-bg-radial, .item.item_overlay .inner .image.c12-bg.c12-bg-radial::before, .usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c12-bg-start-perc) var(--c12-bg-stop-perc), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } /* Headings */ .c12-bg h1:not(.heading), .c12-bg h2:not(.heading), .c12-bg h3:not(.heading), .c12-bg h4:not(.heading), .c12-bg h5:not(.heading), .c12-bg h6:not(.heading) { color: rgba(var(--c12-heading), 1); } .c12-heading, .c12-bg .heading { color: rgba(var(--c12-heading), 1); } /* Secondary Headings */ .c12-secondary-heading, .c12-bg .c12-secondary-heading { color: rgba(var(--c12-secondary-heading), 1); } /* Text */ .c12-bg, .c12-bg .c12-text, .c12-text { color: rgba(var(--c12-text), 1); } /* Text selection */ .c12-bg ::selection { color: rgba(var(--c12-highlight-text), 1); background-color: rgba(var(--c12-highlight), 1); } /* Borders */ .c12-borders { border-color: rgba(var(--c12-borders), 1); } /* Links */ .c12-link, .c12-link, .c12-bg a:not(.btn), .c12-text a:not(.btn), .c12-bg .c12-text a:not(.btn) { color: rgba(var(--c12-link), 1); } .c12-link:hover, .c12-link:focus, .c12-link:active, .c12-bg a:not(.btn):hover, .c12-bg a:not(.btn):focus, .c12-bg a:not(.btn):active, .c12-bg a:not(.btn):hover, .c12-bg a:not(.btn):focus, .c12-bg a:not(.btn):active, .c12-text a:not(.btn):hover, .c12-text a:not(.btn):focus, .c12-text a:not(.btn):active, .c12-bg .c12-text a:not(.btn):hover, .c12-bg .c12-text a:not(.btn):focus, .c12-bg .c12-text a:not(.btn):active { color: rgba(var(--c12-link-hover), 1); } /* Highlights */ .c12-highlight-bg { background-color: rgba(var(--c12-highlight), 1); } .c12-bg blockquote::before, .component .component.c12-bg div > blockquote::before { color: rgba(var(--c12-highlight), 1); } .c12-highlight-text { color: rgba(var(--c12-highlight-text), 1); } .c12-heading { color: rgba(var(--c12-heading), 1)!important; } .c12-secondary-heading { color: rgba(var(--c12-secondary-heading), 1)!important; } .c12-bg .heading { color: rgba(var(--c12-heading), 1); } .c12-bg .secondary-heading { color: rgba(var(--c12-secondary-heading), 1); } .c12-bg .quote, .c12-bg blockquote, .component .c12-bg .quote, .component .c12-bg blockquote { color: rgba(var(--c12-heading), 1); } .c12-bg .quote::before, .c12-bg blockquote::before, .component .c12-bg .quote::before, .component .c12-bg blockquote::before { color: rgba(var(--c12-highlight), 1); } /* Labels */ .c12-bg .label:not(.item-label) { background-color: rgba(var(--c12-highlight), 1); } .c12-bg .label:not(.item-label) { color: rgba(var(--c12-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c12-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); } .c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; } .c12-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c12-highlight), 1); } /* Button Tabs */ .c12-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), 0.25); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c12-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c12-link), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); } /* Linethrough Tabs */ .c12-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c12-link), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); } .c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); } /* Slider Navigation */ .c12-bg .slick-slider .slick-prev, .c12-bg .slick-slider .slick-next { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); } html.no-touch .c12-bg .slick-slider .slick-prev:hover, html.no-touch .c12-bg .slick-slider .slick-next:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); } html.no-touch .c12-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c12-link-hover), 1); } .c12-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c12-text), 1); } html.no-touch .c12-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c12-link-hover), 1); } .c12-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c12-highlight), 1); } /* Forms */ .form .c12-bg .form-control, .form .c12-bg .form-check-input { border-color: rgba(var(--c12-borders), 1); } .form .c12-bg .form-control:focus, .form .c12-bg .form-check-input:focus { border-color: rgba(var(--c12-highlight), 1); box-shadow: 0 0 5px var(--c12-highlight);} /* Ajax Loading */ .c12-bg .ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); } .c12-bg.ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); } .ajax-wrap .c12-bg .ajax-loading { background: rgba(var(--c12-bg-color1), 1); } .c12-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); } .c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); } .ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); } .c12-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } .c12-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } .item_form-single_field .c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } .item_form-single_field .ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); } /* Links */ .c12-bg .listing.listing_links:not(.listing_links-mini), .c12-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c12-borders), 1); } .c12-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c12-borders), 0.1); } .c12-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c12-link), 1); } .c12-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c12-link-hover), 1); } /* Data List */ .c12-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c12-borders), 1); } .c12-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c12-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c12-bg .pricing-features .feature, .item.usn_pod_pricingtable .c12-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c12-borders), 1); } /* Sitemap */ .c12-bg nav.sitemap ul li::before, .c12-bg nav.sitemap ul li::after { background-color: rgba(var(--c12-borders), 1); } .c12-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c12-borders), 0.5); } /* Tables */ .c12-bg thead { color: rgba(var(--c12-heading), 1); } .c12-bg table, .c12-bg table th, .c12-bg table td { border-color: rgba(var(--c12-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c12-bg .expand-anchor { color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg .expand-anchor span:before { background: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg .expand-anchor span { background: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg .expand-anchor span:after { background: rgba(var(--c12-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), 0.25); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c12-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); } .component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); } /* Scroll prompt */ .c12-bg .scroll-prompt .scroll-link { color: rgba(var(--c12-heading), 1); } .c12-bg .scroll-prompt .scroll-link i { color: rgba(var(--c12-heading), 1); } .c12-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c12-heading), 1); } .c12-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c12-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store h1 { color: rgba(var(--c12-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c12-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c12-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c12-heading), 1)!important; } /* Heading separators - on page */ .c12-bg h1::before, .c12-bg h2::before, .c12-bg h3::before, .c12-bg h4::before, .c12-bg h5::before, .c12-bg h6::before { background: rgba(var(--c12-highlight), 1); } .c12-bg h1::after, .c12-bg h2::after, .c12-bg h3::after, .c12-bg h4::after, .c12-bg h5::after, .c12-bg h6::after { background: rgba(var(--c12-highlight), 1); } /* Heading separators - on components */ .c12-bg .heading::before, .c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); } .c12-bg .heading::after, .c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); } /* Heading separators - on specific items */ .item.c12-bg .heading::before, .item.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); } .item.c12-bg .heading::after, .item.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); } .inner.c12-bg .heading::before, .inner.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); } .inner.c12-bg .heading::after, .inner.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c12-bg .image .overlayicon::before, .item.item_text-boxed .inner.c12-bg .image .overlayicon::before, .item.item_text-boxed .image.c12-bg .overlayicon::before { background: rgba(var(--c12-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c12-bg.c12-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c12-bg.c12-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c12-bg.c12-bg-linear .overlayicon::before { background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c12-bg.c12-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c12-bg.c12-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c12-bg.c12-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c12-bg-start-perc) var(--c12-bg-stop-perc), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); } .item.item_text-boxed.c12-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c12-bg .image .overlayicon .icon, .item.item_text-boxed .image.c12-bg .overlayicon .icon { color: rgba(var(--c12-heading), 1); } /* Focus visibles */ .c12-bg a:focus-visible, .c12-bg .btn:focus-visible, .c12-bg button:focus-visible, .form .inner.c12-bg a:focus-visible, .form .inner.c12-bg .btn:focus-visible, .form .inner.c12-bg button:focus-visible, .c12-bg .item .image a:focus-visible, .c12-bg .item .image a:focus-visible img, .c12-bg .item .image a:focus-visible picture, .c12-bg .item .image a:focus-visible .overlayicon, .c12-bg .listing_no-spacing .item a:focus-visible .image, .c12-bg .listing_no-spacing .item a:focus-visible .image img, .c12-bg .listing_no-spacing .item a:focus-visible .image picture, .c12-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c12-bg a:focus-visible .image, .item.item_text-boxed .inner.c12-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c12-bg a:focus-visible .image img, .item.item_text-boxed .inner.c12-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c12-bg picture, main:focus-visible > section.c12-bg:first-of-type, section.c12-bg:focus-visible { outline-color: rgba(var(--c12-highlight), 1)!important; } .c12-bg .form-control:focus-visible, .c12-bg .form-check-input:focus-visible, .form .inner.c12-bg .form-control:focus-visible, .form .inner.c12-bg .form-check-input:focus-visible, .form .inner.c12-bg .umbraco-forms-field input:focus-visible, .form .inner.c12-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c12-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c12-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail { color: rgba(var(--c12-text), 1); } .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c12-text), 1); } .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c12-link), 1); } .component.usn_cmp_breadcrumb.c12-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c12-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c13-bg, .item.item_overlay .inner .image.c13-bg::before, .usn_cmp_banner .item.item_overlay.c13-bg .inner::before { background: rgba(var(--c13-bg-color1), 1); } /* Backgrounds Linear */ .c13-bg.c13-bg-linear, .item.item_overlay .inner .image.c13-bg.c13-bg-linear::before, .usn_cmp_banner .item.item_overlay.c13-bg.c13-bg-linear .inner::before { background: linear-gradient(var(--c13-bg-angle), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c13-bg.c13-bg-radial, .item.item_overlay .inner .image.c13-bg.c13-bg-radial::before, .usn_cmp_banner .item.item_overlay.c13-bg.c13-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c13-bg-start-perc) var(--c13-bg-stop-perc), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } /* Headings */ .c13-bg h1:not(.heading), .c13-bg h2:not(.heading), .c13-bg h3:not(.heading), .c13-bg h4:not(.heading), .c13-bg h5:not(.heading), .c13-bg h6:not(.heading) { color: rgba(var(--c13-heading), 1); } .c13-heading, .c13-bg .heading { color: rgba(var(--c13-heading), 1); } /* Secondary Headings */ .c13-secondary-heading, .c13-bg .c13-secondary-heading { color: rgba(var(--c13-secondary-heading), 1); } /* Text */ .c13-bg, .c13-bg .c13-text, .c13-text { color: rgba(var(--c13-text), 1); } /* Text selection */ .c13-bg ::selection { color: rgba(var(--c13-highlight-text), 1); background-color: rgba(var(--c13-highlight), 1); } /* Borders */ .c13-borders { border-color: rgba(var(--c13-borders), 1); } /* Links */ .c13-link, .c13-link, .c13-bg a:not(.btn), .c13-text a:not(.btn), .c13-bg .c13-text a:not(.btn) { color: rgba(var(--c13-link), 1); } .c13-link:hover, .c13-link:focus, .c13-link:active, .c13-bg a:not(.btn):hover, .c13-bg a:not(.btn):focus, .c13-bg a:not(.btn):active, .c13-bg a:not(.btn):hover, .c13-bg a:not(.btn):focus, .c13-bg a:not(.btn):active, .c13-text a:not(.btn):hover, .c13-text a:not(.btn):focus, .c13-text a:not(.btn):active, .c13-bg .c13-text a:not(.btn):hover, .c13-bg .c13-text a:not(.btn):focus, .c13-bg .c13-text a:not(.btn):active { color: rgba(var(--c13-link-hover), 1); } /* Highlights */ .c13-highlight-bg { background-color: rgba(var(--c13-highlight), 1); } .c13-bg blockquote::before, .component .component.c13-bg div > blockquote::before { color: rgba(var(--c13-highlight), 1); } .c13-highlight-text { color: rgba(var(--c13-highlight-text), 1); } .c13-heading { color: rgba(var(--c13-heading), 1)!important; } .c13-secondary-heading { color: rgba(var(--c13-secondary-heading), 1)!important; } .c13-bg .heading { color: rgba(var(--c13-heading), 1); } .c13-bg .secondary-heading { color: rgba(var(--c13-secondary-heading), 1); } .c13-bg .quote, .c13-bg blockquote, .component .c13-bg .quote, .component .c13-bg blockquote { color: rgba(var(--c13-heading), 1); } .c13-bg .quote::before, .c13-bg blockquote::before, .component .c13-bg .quote::before, .component .c13-bg blockquote::before { color: rgba(var(--c13-highlight), 1); } /* Labels */ .c13-bg .label:not(.item-label) { background-color: rgba(var(--c13-highlight), 1); } .c13-bg .label:not(.item-label) { color: rgba(var(--c13-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c13-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c13-link), 1); border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c13-borders), 0.15); } .c13-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c13-heading), 1); background: transparent; } .c13-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c13-highlight), 1); } /* Button Tabs */ .c13-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), 0.25); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .c13-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c13-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c13-link), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c13-heading), 1); } /* Linethrough Tabs */ .c13-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c13-link), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c13-link-hover), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c13-heading), 1); } .c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c13-heading), 1); } /* Slider Navigation */ .c13-bg .slick-slider .slick-prev, .c13-bg .slick-slider .slick-next { color: rgba(var(--c13-link), 1); background-color: rgba(var(--c13-bg-color1), 1); } html.no-touch .c13-bg .slick-slider .slick-prev:hover, html.no-touch .c13-bg .slick-slider .slick-next:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c13-link), 1); background-color: rgba(var(--c13-bg-color1), 1); } html.no-touch .c13-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c13-link-hover), 1); } .c13-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c13-text), 1); } html.no-touch .c13-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c13-link-hover), 1); } .c13-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c13-highlight), 1); } /* Forms */ .form .c13-bg .form-control, .form .c13-bg .form-check-input { border-color: rgba(var(--c13-borders), 1); } .form .c13-bg .form-control:focus, .form .c13-bg .form-check-input:focus { border-color: rgba(var(--c13-highlight), 1); box-shadow: 0 0 5px var(--c13-highlight);} /* Ajax Loading */ .c13-bg .ajax-wrap .ajax-loading { background: rgba(var(--c13-bg-color1), 1); } .c13-bg.ajax-wrap .ajax-loading { background: rgba(var(--c13-bg-color1), 1); } .ajax-wrap .c13-bg .ajax-loading { background: rgba(var(--c13-bg-color1), 1); } .c13-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); } .c13-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); } .ajax-wrap .c13-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); } .c13-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } .c13-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } .item_form-single_field .c13-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } .item_form-single_field .ajax-wrap .c13-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); } /* Links */ .c13-bg .listing.listing_links:not(.listing_links-mini), .c13-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c13-borders), 1); } .c13-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c13-borders), 0.1); } .c13-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c13-link), 1); } .c13-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c13-link-hover), 1); } /* Data List */ .c13-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c13-borders), 1); } .c13-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c13-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c13-bg .pricing-features .feature, .item.usn_pod_pricingtable .c13-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c13-borders), 1); } /* Sitemap */ .c13-bg nav.sitemap ul li::before, .c13-bg nav.sitemap ul li::after { background-color: rgba(var(--c13-borders), 1); } .c13-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c13-borders), 0.5); } /* Tables */ .c13-bg thead { color: rgba(var(--c13-heading), 1); } .c13-bg table, .c13-bg table th, .c13-bg table td { border-color: rgba(var(--c13-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c13-bg .expand-anchor { color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg .expand-anchor span:before { background: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg .expand-anchor span { background: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg .expand-anchor span:after { background: rgba(var(--c13-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c13-link), 1); border-color: rgba(var(--c13-borders), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c13-borders), 0.15); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c13-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-borders), 0.25); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), 0.25); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c13-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c13-link), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c13-link), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c13-heading), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c13-link-hover), 1); } .component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-heading), 1); } /* Scroll prompt */ .c13-bg .scroll-prompt .scroll-link { color: rgba(var(--c13-heading), 1); } .c13-bg .scroll-prompt .scroll-link i { color: rgba(var(--c13-heading), 1); } .c13-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c13-heading), 1); } .c13-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c13-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store h1 { color: rgba(var(--c13-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c13-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c13-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c13-heading), 1)!important; } /* Heading separators - on page */ .c13-bg h1::before, .c13-bg h2::before, .c13-bg h3::before, .c13-bg h4::before, .c13-bg h5::before, .c13-bg h6::before { background: rgba(var(--c13-highlight), 1); } .c13-bg h1::after, .c13-bg h2::after, .c13-bg h3::after, .c13-bg h4::after, .c13-bg h5::after, .c13-bg h6::after { background: rgba(var(--c13-highlight), 1); } /* Heading separators - on components */ .c13-bg .heading::before, .c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); } .c13-bg .heading::after, .c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); } /* Heading separators - on specific items */ .item.c13-bg .heading::before, .item.c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); } .item.c13-bg .heading::after, .item.c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); } .inner.c13-bg .heading::before, .inner.c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); } .inner.c13-bg .heading::after, .inner.c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c13-bg .image .overlayicon::before, .item.item_text-boxed .inner.c13-bg .image .overlayicon::before, .item.item_text-boxed .image.c13-bg .overlayicon::before { background: rgba(var(--c13-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c13-bg.c13-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c13-bg.c13-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c13-bg.c13-bg-linear .overlayicon::before { background: linear-gradient(var(--c13-bg-angle), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c13-bg.c13-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c13-bg.c13-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c13-bg.c13-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c13-bg-start-perc) var(--c13-bg-stop-perc), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); } .item.item_text-boxed.c13-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c13-bg .image .overlayicon .icon, .item.item_text-boxed .image.c13-bg .overlayicon .icon { color: rgba(var(--c13-heading), 1); } /* Focus visibles */ .c13-bg a:focus-visible, .c13-bg .btn:focus-visible, .c13-bg button:focus-visible, .form .inner.c13-bg a:focus-visible, .form .inner.c13-bg .btn:focus-visible, .form .inner.c13-bg button:focus-visible, .c13-bg .item .image a:focus-visible, .c13-bg .item .image a:focus-visible img, .c13-bg .item .image a:focus-visible picture, .c13-bg .item .image a:focus-visible .overlayicon, .c13-bg .listing_no-spacing .item a:focus-visible .image, .c13-bg .listing_no-spacing .item a:focus-visible .image img, .c13-bg .listing_no-spacing .item a:focus-visible .image picture, .c13-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c13-bg a:focus-visible .image, .item.item_text-boxed .inner.c13-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c13-bg a:focus-visible .image img, .item.item_text-boxed .inner.c13-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c13-bg picture, main:focus-visible > section.c13-bg:first-of-type, section.c13-bg:focus-visible { outline-color: rgba(var(--c13-highlight), 1)!important; } .c13-bg .form-control:focus-visible, .c13-bg .form-check-input:focus-visible, .form .inner.c13-bg .form-control:focus-visible, .form .inner.c13-bg .form-check-input:focus-visible, .form .inner.c13-bg .umbraco-forms-field input:focus-visible, .form .inner.c13-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c13-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c13-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail { color: rgba(var(--c13-text), 1); } .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c13-text), 1); } .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c13-link), 1); } .component.usn_cmp_breadcrumb.c13-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c13-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Content -------------------------------------------------- */ /* Backgrounds */ /* Backgrounds Solid */ .c14-bg, .item.item_overlay .inner .image.c14-bg::before, .usn_cmp_banner .item.item_overlay.c14-bg .inner::before { background: rgba(var(--c14-bg-color1), 1); } /* Backgrounds Linear */ .c14-bg.c14-bg-linear, .item.item_overlay .inner .image.c14-bg.c14-bg-linear::before, .usn_cmp_banner .item.item_overlay.c14-bg.c14-bg-linear .inner::before { background: linear-gradient(var(--c14-bg-angle), rgba(var(--c14-bg-color1), 1) 0%, rgba(var(--c14-bg-color2), 1) 100%); } /* Backgrounds Radial */ .c14-bg.c14-bg-radial, .item.item_overlay .inner .image.c14-bg.c14-bg-radial::before, .usn_cmp_banner .item.item_overlay.c14-bg.c14-bg-radial .inner::before { background: radial-gradient(farthest-side at var(--c14-bg-start-perc) var(--c14-bg-stop-perc), rgba(var(--c14-bg-color1), 1) 0%, rgba(var(--c14-bg-color2), 1) 100%); } /* Headings */ .c14-bg h1:not(.heading), .c14-bg h2:not(.heading), .c14-bg h3:not(.heading), .c14-bg h4:not(.heading), .c14-bg h5:not(.heading), .c14-bg h6:not(.heading) { color: rgba(var(--c14-heading), 1); } .c14-heading, .c14-bg .heading { color: rgba(var(--c14-heading), 1); } /* Secondary Headings */ .c14-secondary-heading, .c14-bg .c14-secondary-heading { color: rgba(var(--c14-secondary-heading), 1); } /* Text */ .c14-bg, .c14-bg .c14-text, .c14-text { color: rgba(var(--c14-text), 1); } /* Text selection */ .c14-bg ::selection { color: rgba(var(--c14-highlight-text), 1); background-color: rgba(var(--c14-highlight), 1); } /* Borders */ .c14-borders { border-color: rgba(var(--c14-borders), 1); } /* Links */ .c14-link, .c14-link, .c14-bg a:not(.btn), .c14-text a:not(.btn), .c14-bg .c14-text a:not(.btn) { color: rgba(var(--c14-link), 1); } .c14-link:hover, .c14-link:focus, .c14-link:active, .c14-bg a:not(.btn):hover, .c14-bg a:not(.btn):focus, .c14-bg a:not(.btn):active, .c14-bg a:not(.btn):hover, .c14-bg a:not(.btn):focus, .c14-bg a:not(.btn):active, .c14-text a:not(.btn):hover, .c14-text a:not(.btn):focus, .c14-text a:not(.btn):active, .c14-bg .c14-text a:not(.btn):hover, .c14-bg .c14-text a:not(.btn):focus, .c14-bg .c14-text a:not(.btn):active { color: rgba(var(--c14-link-hover), 1); } /* Highlights */ .c14-highlight-bg { background-color: rgba(var(--c14-highlight), 1); } .c14-bg blockquote::before, .component .component.c14-bg div > blockquote::before { color: rgba(var(--c14-highlight), 1); } .c14-highlight-text { color: rgba(var(--c14-highlight-text), 1); } .c14-heading { color: rgba(var(--c14-heading), 1)!important; } .c14-secondary-heading { color: rgba(var(--c14-secondary-heading), 1)!important; } .c14-bg .heading { color: rgba(var(--c14-heading), 1); } .c14-bg .secondary-heading { color: rgba(var(--c14-secondary-heading), 1); } .c14-bg .quote, .c14-bg blockquote, .component .c14-bg .quote, .component .c14-bg blockquote { color: rgba(var(--c14-heading), 1); } .c14-bg .quote::before, .c14-bg blockquote::before, .component .c14-bg .quote::before, .component .c14-bg blockquote::before { color: rgba(var(--c14-highlight), 1); } /* Labels */ .c14-bg .label:not(.item-label) { background-color: rgba(var(--c14-highlight), 1); } .c14-bg .label:not(.item-label) { color: rgba(var(--c14-highlight-text), 1); } /* Tabs */ /* Basic Tabs */ .c14-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c14-link), 1); border-color: rgba(var(--c14-borders), 1); } .c14-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c14-borders), 0.15); } .c14-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); background: rgba(var(--c14-borders), 0.25); } .c14-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c14-link-hover), 1); background: rgba(var(--c14-borders), 0.25); } .c14-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c14-heading), 1); background: transparent; } .c14-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c14-borders), 1); } .c14-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c14-highlight), 1); } /* Button Tabs */ .c14-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c14-heading), 1); border-color: rgba(var(--c14-borders), 0.25); } .c14-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); border-color: rgba(var(--c14-borders), 1); } .c14-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c14-link-hover), 1); border-color: rgba(var(--c14-borders), 1); } .c14-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c14-heading), 1); border-color: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c14-heading), 1); border-color: rgba(var(--c14-heading), 1); } .c14-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(--c14-borders), 0.25); } .c14-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(--c14-borders), var(--btn-box-shadow_o)); } .c14-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(--c14-borders), var(--btn-box-shadow_o)); } .c14-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(--c14-borders), var(--btn-box-shadow_o)); } .c14-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(--c14-borders), var(--btn-box-shadow_o)); } /* Underline Tabs */ .c14-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c14-link), 1); } .c14-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c14-heading), 1); } /* Linethrough Tabs */ .c14-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c14-link), 1); } .c14-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c14-link-hover), 1); } .c14-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c14-heading), 1); } .c14-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c14-heading), 1); } /* Slider Navigation */ .c14-bg .slick-slider .slick-prev, .c14-bg .slick-slider .slick-next { color: rgba(var(--c14-link), 1); background-color: rgba(var(--c14-bg-color1), 1); } html.no-touch .c14-bg .slick-slider .slick-prev:hover, html.no-touch .c14-bg .slick-slider .slick-next:hover { color: rgba(var(--c14-link-hover), 1); } .c14-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c14-link), 1); background-color: rgba(var(--c14-bg-color1), 1); } html.no-touch .c14-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c14-link-hover), 1); } .c14-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c14-text), 1); } html.no-touch .c14-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c14-link-hover), 1); } .c14-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c14-highlight), 1); } /* Forms */ .form .c14-bg .form-control, .form .c14-bg .form-check-input { border-color: rgba(var(--c14-borders), 1); } .form .c14-bg .form-control:focus, .form .c14-bg .form-check-input:focus { border-color: rgba(var(--c14-highlight), 1); box-shadow: 0 0 5px var(--c14-highlight);} /* Ajax Loading */ .c14-bg .ajax-wrap .ajax-loading { background: rgba(var(--c14-bg-color1), 1); } .c14-bg.ajax-wrap .ajax-loading { background: rgba(var(--c14-bg-color1), 1); } .ajax-wrap .c14-bg .ajax-loading { background: rgba(var(--c14-bg-color1), 1); } .c14-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c14-borders), 1); border-top: 10px solid rgba(var(--c14-highlight), 1); } .c14-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c14-borders), 1); border-top: 10px solid rgba(var(--c14-highlight), 1); } .ajax-wrap .c14-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c14-borders), 1); border-top: 10px solid rgba(var(--c14-highlight), 1); } .c14-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c14-borders), 1); border-top: 5px solid rgba(var(--c14-highlight), 1); } .c14-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c14-borders), 1); border-top: 5px solid rgba(var(--c14-highlight), 1); } .item_form-single_field .c14-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c14-borders), 1); border-top: 5px solid rgba(var(--c14-highlight), 1); } .item_form-single_field .ajax-wrap .c14-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c14-borders), 1); border-top: 5px solid rgba(var(--c14-highlight), 1); } /* Links */ .c14-bg .listing.listing_links:not(.listing_links-mini), .c14-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c14-borders), 1); } .c14-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c14-borders), 0.1); } .c14-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c14-link), 1); } .c14-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c14-link-hover), 1); } /* Data List */ .c14-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c14-borders), 1); } .c14-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c14-borders), 1); } /* Pricing pod */ .item.usn_pod_pricingtable .c14-bg .pricing-features .feature, .item.usn_pod_pricingtable .c14-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c14-borders), 1); } /* Sitemap */ .c14-bg nav.sitemap ul li::before, .c14-bg nav.sitemap ul li::after { background-color: rgba(var(--c14-borders), 1); } .c14-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c14-borders), 0.5); } /* Tables */ .c14-bg thead { color: rgba(var(--c14-heading), 1); } .c14-bg table, .c14-bg table th, .c14-bg table td { border-color: rgba(var(--c14-borders), 1); } /* Anchor Navigtation */ .component.usn_cmp_anchornavigation.c14-bg .expand-anchor { color: rgba(var(--c14-heading), 1); } .component.usn_cmp_anchornavigation.c14-bg .expand-anchor span:before { background: rgba(var(--c14-heading), 1); } .component.usn_cmp_anchornavigation.c14-bg .expand-anchor span { background: rgba(var(--c14-heading), 1); } .component.usn_cmp_anchornavigation.c14-bg .expand-anchor span:after { background: rgba(var(--c14-heading), 1); } /* Basic */ .component.usn_cmp_anchornavigation.c14-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c14-link), 1); border-color: rgba(var(--c14-borders), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c14-borders), 0.15); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); background: rgba(var(--c14-borders), 0.25); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c14-heading), 1); background: transparent; } .component.usn_cmp_anchornavigation.c14-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c14-highlight), 1); } /* Button */ .component.usn_cmp_anchornavigation.c14-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c14-heading), 1); border-color: rgba(var(--c14-borders), 0.25); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); border-color: rgba(var(--c14-borders), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c14-heading), 1); border-color: rgba(var(--c14-heading), 1); } .component.usn_cmp_anchornavigation.c14-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(--c14-borders), 0.25); } .component.usn_cmp_anchornavigation.c14-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(--c14-borders), var(--btn-box-shadow_o)); } .component.usn_cmp_anchornavigation.c14-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(--c14-borders), var(--btn-box-shadow_o)); } /* Underline */ .component.usn_cmp_anchornavigation.c14-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c14-link), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c14-heading), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c14-link-hover), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c14-heading), 1); } /* Linethrough */ .component.usn_cmp_anchornavigation.c14-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c14-link), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c14-link-hover), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c14-heading), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c14-link-hover), 1); } .component.usn_cmp_anchornavigation.c14-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c14-heading), 1); } /* Scroll prompt */ .c14-bg .scroll-prompt .scroll-link { color: rgba(var(--c14-heading), 1); } .c14-bg .scroll-prompt .scroll-link i { color: rgba(var(--c14-heading), 1); } .c14-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c14-heading), 1); } .c14-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c14-heading), 1); } /* Shoppping Cart */ html#ecwid_html.usn body#ecwid_body .c14-bg .ec-size .ec-store h1 { color: rgba(var(--c14-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c14-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c14-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c14-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c14-heading), 1)!important; } html#ecwid_html.usn body#ecwid_body .c14-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c14-heading), 1)!important; } /* Heading separators - on page */ .c14-bg h1::before, .c14-bg h2::before, .c14-bg h3::before, .c14-bg h4::before, .c14-bg h5::before, .c14-bg h6::before { background: rgba(var(--c14-highlight), 1); } .c14-bg h1::after, .c14-bg h2::after, .c14-bg h3::after, .c14-bg h4::after, .c14-bg h5::after, .c14-bg h6::after { background: rgba(var(--c14-highlight), 1); } /* Heading separators - on components */ .c14-bg .heading::before, .c14-bg .secondary-heading::before { background: rgba(var(--c14-highlight), 1); } .c14-bg .heading::after, .c14-bg .secondary-heading::after { background: rgba(var(--c14-highlight), 1); } /* Heading separators - on specific items */ .item.c14-bg .heading::before, .item.c14-bg .secondary-heading::before { background: rgba(var(--c14-highlight), 1); } .item.c14-bg .heading::after, .item.c14-bg .secondary-heading::after { background: rgba(var(--c14-highlight), 1); } .inner.c14-bg .heading::before, .inner.c14-bg .secondary-heading::before { background: rgba(var(--c14-highlight), 1); } .inner.c14-bg .heading::after, .inner.c14-bg .secondary-heading::after { background: rgba(var(--c14-highlight), 1); } /* Overlayicons */ .item.item_text-boxed.c14-bg .image .overlayicon::before, .item.item_text-boxed .inner.c14-bg .image .overlayicon::before, .item.item_text-boxed .image.c14-bg .overlayicon::before { background: rgba(var(--c14-bg), 1); } /* Overlayicons - Backgrounds Linear */ .item.item_text-boxed.c14-bg.c14-bg-linear .image .overlayicon::before, .item.item_text-boxed .inner.c14-bg.c14-bg-linear .image .overlayicon::before, .item.item_text-boxed .image.c14-bg.c14-bg-linear .overlayicon::before { background: linear-gradient(var(--c14-bg-angle), rgba(var(--c14-bg-color1), 1) 0%, rgba(var(--c14-bg-color2), 1) 100%); } /* Overlayicons - Backgrounds Radial */ .item.item_text-boxed.c14-bg.c14-bg-radial .image .overlayicon::before, .item.item_text-boxed .inner.c14-bg.c14-bg-radial .image .overlayicon::before, .item.item_text-boxed .image.c14-bg.c14-bg-radial .overlayicon::before { background: radial-gradient(farthest-side at var(--c14-bg-start-perc) var(--c14-bg-stop-perc), rgba(var(--c14-bg-color1), 1) 0%, rgba(var(--c14-bg-color2), 1) 100%); } .item.item_text-boxed.c14-bg .image .overlayicon .icon, .item.item_text-boxed .inner.c14-bg .image .overlayicon .icon, .item.item_text-boxed .image.c14-bg .overlayicon .icon { color: rgba(var(--c14-heading), 1); } /* Focus visibles */ .c14-bg a:focus-visible, .c14-bg .btn:focus-visible, .c14-bg button:focus-visible, .form .inner.c14-bg a:focus-visible, .form .inner.c14-bg .btn:focus-visible, .form .inner.c14-bg button:focus-visible, .c14-bg .item .image a:focus-visible, .c14-bg .item .image a:focus-visible img, .c14-bg .item .image a:focus-visible picture, .c14-bg .item .image a:focus-visible .overlayicon, .c14-bg .listing_no-spacing .item a:focus-visible .image, .c14-bg .listing_no-spacing .item a:focus-visible .image img, .c14-bg .listing_no-spacing .item a:focus-visible .image picture, .c14-bg .listing_no-spacing .item a:focus-visible .image .overlayicon, .item.item_text-boxed .inner.c14-bg a:focus-visible .image, .item.item_text-boxed .inner.c14-bg a:focus-visible .image::before, .item.item_text-boxed .inner.c14-bg a:focus-visible .image img, .item.item_text-boxed .inner.c14-bg a:focus-visible .image picture, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg::before, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg img, .usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c14-bg picture, main:focus-visible > section.c14-bg:first-of-type, section.c14-bg:focus-visible { outline-color: rgba(var(--c14-highlight), 1)!important; } .c14-bg .form-control:focus-visible, .c14-bg .form-check-input:focus-visible, .form .inner.c14-bg .form-control:focus-visible, .form .inner.c14-bg .form-check-input:focus-visible, .form .inner.c14-bg .umbraco-forms-field input:focus-visible, .form .inner.c14-bg .umbraco-forms-field.longanswer textarea:focus-visible, .form .inner.c14-bg .umbraco-forms-field.dropdown select:focus-visible { outline-color: rgba(var(--c14-highlight), 1)!important; } /* Breadcrumbs */ .component.usn_cmp_breadcrumb.c14-bg .breadcrumb-trail { color: rgba(var(--c14-text), 1); } .component.usn_cmp_breadcrumb.c14-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a, .component.usn_cmp_breadcrumb.c14-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span { color: rgba(var(--c14-text), 1); } .component.usn_cmp_breadcrumb.c14-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover { color: rgba(var(--c14-link), 1); } .component.usn_cmp_breadcrumb.c14-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span { color: rgba(var(--c14-text), 0.5); } :root{ --medium-banner: 65vh!important; --medium-bannerPX: 500px!important; } .icon-container-long { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 0px!important; text-align: left; margin-bottom: 20px; border: 1px solid #fff200; font-size:18px!important; } .activity-pink { background-color: #e50278; background-image: url(/media/zlbbb0uz/pink-background-small.jpg); background-position: top center; background-size: cover; } .activity-details-section { width: 100%; margin-left: auto; margin-right: auto; color: #fff; padding: 4%; margin-top: 5px !important; margin-bottom: 10px; border: 1px solid #fff200; } .activity-details-section h1, .activity-details-section h2, .activity-details-section h3 { padding:0px; margin:0px; } .activity-orange { background-color: #f89021; background-image: url(/media/pk0jx4a5/orange-background-small.jpg); background-position: bottom center; background-size: cover; } .activity-table-outer{ border:0px!important; border-color:transparent!important; } .activity-table-outer table th, .activity-table-outer table td { border-style: unset!important; } .activity-table-outer table, .activity-table-outer table th, .activity-table-outer .c2-bg table td { border: transparent!important; } /* This overrides the centered titles on the activities pages for desktop */ @media (min-width:992px){ .activity-page .grid-section h3{ text-align:left!important; } } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c1-btn-bg, .btn-bg_c1-btn-bg .btn { background: rgba(var(--c1-btn-bg-color1), 1); } .c1-btn-bg:hover, .btn-bg_c1-btn-bg .btn:hover, .btn.c1-btn-bg:focus, .btn-bg_c1-btn-bg .btn:focus, .btn.c1-btn-bg:active, .btn-bg_c1-btn-bg .btn:active { background: rgba(var(--c1-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c1-btn-bg.c1-btn-bg-linear, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn { background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } .c1-btn-bg.c1-btn-bg-linear:hover, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover, .btn.c1-btn-bg.c1-btn-bg-linear:focus, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus, .btn.c1-btn-bg.c1-btn-bg-linear:active, .btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active { background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c1-btn-bg.c1-btn-bg-radial, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } .c1-btn-bg.c1-btn-bg-radial:hover, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover, .btn.c1-btn-bg.c1-btn-bg-radial:focus, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus, .btn.c1-btn-bg.c1-btn-bg-radial:active, .btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c1-btn-bg-hover:hover > span, .btn.c1-btn-bg-hover:focus > span, .btn.c1-btn-bg-hover:active > span, .btn-bg_c1-btn-bg-hover .btn:hover > span, .btn-bg_c1-btn-bg-hover .btn:focus > span, .btn-bg_c1-btn-bg-hover .btn:active > span, a:hover .btn.c1-btn-bg-hover > span, a:focus .btn.c1-btn-bg-hover > span, a:active .btn.c1-btn-bg-hover > span, .btn.c1-btn-bg-hover-solid:hover > span, .btn.c1-btn-bg-hover-solid:focus > span, .btn.c1-btn-bg-hover-solid:active > span, .btn-bg_c1-btn-bg-hover-solid .btn:hover > span, .btn-bg_c1-btn-bg-hover-solid .btn:focus > span, .btn-bg_c1-btn-bg-hover-solid .btn:active > span, a:hover .btn.c1-btn-bg-hover-solid > span, a:focus .btn.c1-btn-bg-hover-solid > span, a:active .btn.c1-btn-bg-hover-solid > span { background: rgba(var(--c1-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c1-btn-bg.c1-btn-bg-hover-linear:hover > span, .btn.c1-btn-bg.c1-btn-bg-hover-linear:focus > span, .btn.c1-btn-bg.c1-btn-bg-hover-linear:active > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:hover > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:focus > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:active > span, a:hover .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, a:focus .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, a:active .btn.c1-btn-bg.c1-btn-bg-hover-linear > span { background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, .btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, .btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span, a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c1-btn-borders, .btn-borders_c1-btn-borders .btn { border-color: rgba(var(--c1-btn-borders), 1); } /* Button Borders Hover */ .btn.c1-btn-borders:hover, .btn-borders_c1-btn-borders .btn:hover, .btn.c1-btn-borders:focus, .btn-borders_c1-btn-borders .btn:focus, .btn.c1-btn-borders:active, .btn-borders_c1-btn-borders .btn:active, a:hover .btn.c1-btn-borders, a:focus .btn.c1-btn-borders, a:active .btn.c1-btn-borders { border-color: rgba(var(--c1-btn-borders-hover), 1); } /* Button Text */ .btn.c1-btn-text, .btn-text_c1-btn-text .btn { color: rgba(var(--c1-btn-text), 1); } /* Button Text Hover */ .btn.c1-btn-text:hover, .btn-text_c1-btn-text .btn:hover, .btn.c1-btn-text:focus, .btn-text_c1-btn-text .btn:focus, .btn.c1-btn-text:active, .btn-text_c1-btn-text .btn:active, a:hover .btn.c1-btn-text, a:focus .btn.c1-btn-text, a:active .btn.c1-btn-text { color: rgba(var(--c1-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c1-btn-borders:hover, .btn.c1-btn-borders:focus, .btn.c1-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c1-btn-borders .btn:hover, .btn-borders_c1-btn-borders .btn:focus, .btn-borders_c1-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c1-btn-text, .basic-buttons .btn-text_c1-btn-text .btn { color: rgba(var(--c1-btn-bg), 1); } .basic-buttons .btn.c1-btn-text:hover, .basic-buttons .btn.c1-btn-text:focus, .basic-buttons .btn.c1-btn-text:active, .basic-buttons .btn-text_c1-btn-text .btn:hover, .basic-buttons .btn-text_c1-btn-text .btn:focus, .basic-buttons .btn-text_c1-btn-text .btn:active { color: rgba(var(--c1-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:hover { background: rgba(var(--c1-btn-bg-hover-color1),1); color: rgba(var(--c1-btn-text-hover),1); border-color: rgba(var(--c1-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c2-btn-bg, .btn-bg_c2-btn-bg .btn { background: rgba(var(--c2-btn-bg-color1), 1); } .c2-btn-bg:hover, .btn-bg_c2-btn-bg .btn:hover, .btn.c2-btn-bg:focus, .btn-bg_c2-btn-bg .btn:focus, .btn.c2-btn-bg:active, .btn-bg_c2-btn-bg .btn:active { background: rgba(var(--c2-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c2-btn-bg.c2-btn-bg-linear, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-linear:hover, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover, .btn.c2-btn-bg.c2-btn-bg-linear:focus, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus, .btn.c2-btn-bg.c2-btn-bg-linear:active, .btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active { background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c2-btn-bg.c2-btn-bg-radial, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } .c2-btn-bg.c2-btn-bg-radial:hover, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover, .btn.c2-btn-bg.c2-btn-bg-radial:focus, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus, .btn.c2-btn-bg.c2-btn-bg-radial:active, .btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c2-btn-bg-hover:hover > span, .btn.c2-btn-bg-hover:focus > span, .btn.c2-btn-bg-hover:active > span, .btn-bg_c2-btn-bg-hover .btn:hover > span, .btn-bg_c2-btn-bg-hover .btn:focus > span, .btn-bg_c2-btn-bg-hover .btn:active > span, a:hover .btn.c2-btn-bg-hover > span, a:focus .btn.c2-btn-bg-hover > span, a:active .btn.c2-btn-bg-hover > span, .btn.c2-btn-bg-hover-solid:hover > span, .btn.c2-btn-bg-hover-solid:focus > span, .btn.c2-btn-bg-hover-solid:active > span, .btn-bg_c2-btn-bg-hover-solid .btn:hover > span, .btn-bg_c2-btn-bg-hover-solid .btn:focus > span, .btn-bg_c2-btn-bg-hover-solid .btn:active > span, a:hover .btn.c2-btn-bg-hover-solid > span, a:focus .btn.c2-btn-bg-hover-solid > span, a:active .btn.c2-btn-bg-hover-solid > span { background: rgba(var(--c2-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, .btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, .btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span, a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span { background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, .btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, .btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span, a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c2-btn-borders, .btn-borders_c2-btn-borders .btn { border-color: rgba(var(--c2-btn-borders), 1); } /* Button Borders Hover */ .btn.c2-btn-borders:hover, .btn-borders_c2-btn-borders .btn:hover, .btn.c2-btn-borders:focus, .btn-borders_c2-btn-borders .btn:focus, .btn.c2-btn-borders:active, .btn-borders_c2-btn-borders .btn:active, a:hover .btn.c2-btn-borders, a:focus .btn.c2-btn-borders, a:active .btn.c2-btn-borders { border-color: rgba(var(--c2-btn-borders-hover), 1); } /* Button Text */ .btn.c2-btn-text, .btn-text_c2-btn-text .btn { color: rgba(var(--c2-btn-text), 1); } /* Button Text Hover */ .btn.c2-btn-text:hover, .btn-text_c2-btn-text .btn:hover, .btn.c2-btn-text:focus, .btn-text_c2-btn-text .btn:focus, .btn.c2-btn-text:active, .btn-text_c2-btn-text .btn:active, a:hover .btn.c2-btn-text, a:focus .btn.c2-btn-text, a:active .btn.c2-btn-text { color: rgba(var(--c2-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c2-btn-borders:hover, .btn.c2-btn-borders:focus, .btn.c2-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c2-btn-borders .btn:hover, .btn-borders_c2-btn-borders .btn:focus, .btn-borders_c2-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c2-btn-text, .basic-buttons .btn-text_c2-btn-text .btn { color: rgba(var(--c2-btn-bg), 1); } .basic-buttons .btn.c2-btn-text:hover, .basic-buttons .btn.c2-btn-text:focus, .basic-buttons .btn.c2-btn-text:active, .basic-buttons .btn-text_c2-btn-text .btn:hover, .basic-buttons .btn-text_c2-btn-text .btn:focus, .basic-buttons .btn-text_c2-btn-text .btn:active { color: rgba(var(--c2-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:hover { background: rgba(var(--c2-btn-bg-hover-color1),1); color: rgba(var(--c2-btn-text-hover),1); border-color: rgba(var(--c2-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c3-btn-bg, .btn-bg_c3-btn-bg .btn { background: rgba(var(--c3-btn-bg-color1), 1); } .c3-btn-bg:hover, .btn-bg_c3-btn-bg .btn:hover, .btn.c3-btn-bg:focus, .btn-bg_c3-btn-bg .btn:focus, .btn.c3-btn-bg:active, .btn-bg_c3-btn-bg .btn:active { background: rgba(var(--c3-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c3-btn-bg.c3-btn-bg-linear, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-linear:hover, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover, .btn.c3-btn-bg.c3-btn-bg-linear:focus, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus, .btn.c3-btn-bg.c3-btn-bg-linear:active, .btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active { background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c3-btn-bg.c3-btn-bg-radial, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } .c3-btn-bg.c3-btn-bg-radial:hover, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover, .btn.c3-btn-bg.c3-btn-bg-radial:focus, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus, .btn.c3-btn-bg.c3-btn-bg-radial:active, .btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c3-btn-bg-hover:hover > span, .btn.c3-btn-bg-hover:focus > span, .btn.c3-btn-bg-hover:active > span, .btn-bg_c3-btn-bg-hover .btn:hover > span, .btn-bg_c3-btn-bg-hover .btn:focus > span, .btn-bg_c3-btn-bg-hover .btn:active > span, a:hover .btn.c3-btn-bg-hover > span, a:focus .btn.c3-btn-bg-hover > span, a:active .btn.c3-btn-bg-hover > span, .btn.c3-btn-bg-hover-solid:hover > span, .btn.c3-btn-bg-hover-solid:focus > span, .btn.c3-btn-bg-hover-solid:active > span, .btn-bg_c3-btn-bg-hover-solid .btn:hover > span, .btn-bg_c3-btn-bg-hover-solid .btn:focus > span, .btn-bg_c3-btn-bg-hover-solid .btn:active > span, a:hover .btn.c3-btn-bg-hover-solid > span, a:focus .btn.c3-btn-bg-hover-solid > span, a:active .btn.c3-btn-bg-hover-solid > span { background: rgba(var(--c3-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, .btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, .btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span, a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span { background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, .btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, .btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span, a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c3-btn-borders, .btn-borders_c3-btn-borders .btn { border-color: rgba(var(--c3-btn-borders), 1); } /* Button Borders Hover */ .btn.c3-btn-borders:hover, .btn-borders_c3-btn-borders .btn:hover, .btn.c3-btn-borders:focus, .btn-borders_c3-btn-borders .btn:focus, .btn.c3-btn-borders:active, .btn-borders_c3-btn-borders .btn:active, a:hover .btn.c3-btn-borders, a:focus .btn.c3-btn-borders, a:active .btn.c3-btn-borders { border-color: rgba(var(--c3-btn-borders-hover), 1); } /* Button Text */ .btn.c3-btn-text, .btn-text_c3-btn-text .btn { color: rgba(var(--c3-btn-text), 1); } /* Button Text Hover */ .btn.c3-btn-text:hover, .btn-text_c3-btn-text .btn:hover, .btn.c3-btn-text:focus, .btn-text_c3-btn-text .btn:focus, .btn.c3-btn-text:active, .btn-text_c3-btn-text .btn:active, a:hover .btn.c3-btn-text, a:focus .btn.c3-btn-text, a:active .btn.c3-btn-text { color: rgba(var(--c3-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c3-btn-borders:hover, .btn.c3-btn-borders:focus, .btn.c3-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c3-btn-borders .btn:hover, .btn-borders_c3-btn-borders .btn:focus, .btn-borders_c3-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c3-btn-text, .basic-buttons .btn-text_c3-btn-text .btn { color: rgba(var(--c3-btn-bg), 1); } .basic-buttons .btn.c3-btn-text:hover, .basic-buttons .btn.c3-btn-text:focus, .basic-buttons .btn.c3-btn-text:active, .basic-buttons .btn-text_c3-btn-text .btn:hover, .basic-buttons .btn-text_c3-btn-text .btn:focus, .basic-buttons .btn-text_c3-btn-text .btn:active { color: rgba(var(--c3-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:hover { background: rgba(var(--c3-btn-bg-hover-color1),1); color: rgba(var(--c3-btn-text-hover),1); border-color: rgba(var(--c3-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c4-btn-bg, .btn-bg_c4-btn-bg .btn { background: rgba(var(--c4-btn-bg-color1), 1); } .c4-btn-bg:hover, .btn-bg_c4-btn-bg .btn:hover, .btn.c4-btn-bg:focus, .btn-bg_c4-btn-bg .btn:focus, .btn.c4-btn-bg:active, .btn-bg_c4-btn-bg .btn:active { background: rgba(var(--c4-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c4-btn-bg.c4-btn-bg-linear, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn { background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } .c4-btn-bg.c4-btn-bg-linear:hover, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover, .btn.c4-btn-bg.c4-btn-bg-linear:focus, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus, .btn.c4-btn-bg.c4-btn-bg-linear:active, .btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active { background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c4-btn-bg.c4-btn-bg-radial, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } .c4-btn-bg.c4-btn-bg-radial:hover, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover, .btn.c4-btn-bg.c4-btn-bg-radial:focus, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus, .btn.c4-btn-bg.c4-btn-bg-radial:active, .btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c4-btn-bg-hover:hover > span, .btn.c4-btn-bg-hover:focus > span, .btn.c4-btn-bg-hover:active > span, .btn-bg_c4-btn-bg-hover .btn:hover > span, .btn-bg_c4-btn-bg-hover .btn:focus > span, .btn-bg_c4-btn-bg-hover .btn:active > span, a:hover .btn.c4-btn-bg-hover > span, a:focus .btn.c4-btn-bg-hover > span, a:active .btn.c4-btn-bg-hover > span, .btn.c4-btn-bg-hover-solid:hover > span, .btn.c4-btn-bg-hover-solid:focus > span, .btn.c4-btn-bg-hover-solid:active > span, .btn-bg_c4-btn-bg-hover-solid .btn:hover > span, .btn-bg_c4-btn-bg-hover-solid .btn:focus > span, .btn-bg_c4-btn-bg-hover-solid .btn:active > span, a:hover .btn.c4-btn-bg-hover-solid > span, a:focus .btn.c4-btn-bg-hover-solid > span, a:active .btn.c4-btn-bg-hover-solid > span { background: rgba(var(--c4-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, .btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, .btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span, a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span { background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, .btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, .btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span, a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c4-btn-borders, .btn-borders_c4-btn-borders .btn { border-color: rgba(var(--c4-btn-borders), 1); } /* Button Borders Hover */ .btn.c4-btn-borders:hover, .btn-borders_c4-btn-borders .btn:hover, .btn.c4-btn-borders:focus, .btn-borders_c4-btn-borders .btn:focus, .btn.c4-btn-borders:active, .btn-borders_c4-btn-borders .btn:active, a:hover .btn.c4-btn-borders, a:focus .btn.c4-btn-borders, a:active .btn.c4-btn-borders { border-color: rgba(var(--c4-btn-borders-hover), 1); } /* Button Text */ .btn.c4-btn-text, .btn-text_c4-btn-text .btn { color: rgba(var(--c4-btn-text), 1); } /* Button Text Hover */ .btn.c4-btn-text:hover, .btn-text_c4-btn-text .btn:hover, .btn.c4-btn-text:focus, .btn-text_c4-btn-text .btn:focus, .btn.c4-btn-text:active, .btn-text_c4-btn-text .btn:active, a:hover .btn.c4-btn-text, a:focus .btn.c4-btn-text, a:active .btn.c4-btn-text { color: rgba(var(--c4-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c4-btn-borders:hover, .btn.c4-btn-borders:focus, .btn.c4-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c4-btn-borders .btn:hover, .btn-borders_c4-btn-borders .btn:focus, .btn-borders_c4-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c4-btn-text, .basic-buttons .btn-text_c4-btn-text .btn { color: rgba(var(--c4-btn-bg), 1); } .basic-buttons .btn.c4-btn-text:hover, .basic-buttons .btn.c4-btn-text:focus, .basic-buttons .btn.c4-btn-text:active, .basic-buttons .btn-text_c4-btn-text .btn:hover, .basic-buttons .btn-text_c4-btn-text .btn:focus, .basic-buttons .btn-text_c4-btn-text .btn:active { color: rgba(var(--c4-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:hover { background: rgba(var(--c4-btn-bg-hover-color1),1); color: rgba(var(--c4-btn-text-hover),1); border-color: rgba(var(--c4-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c5-btn-bg, .btn-bg_c5-btn-bg .btn { background: rgba(var(--c5-btn-bg-color1), 1); } .c5-btn-bg:hover, .btn-bg_c5-btn-bg .btn:hover, .btn.c5-btn-bg:focus, .btn-bg_c5-btn-bg .btn:focus, .btn.c5-btn-bg:active, .btn-bg_c5-btn-bg .btn:active { background: rgba(var(--c5-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c5-btn-bg.c5-btn-bg-linear, .btn-bg_c5-btn-bg.c5-btn-bg-linear .btn { background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); } .c5-btn-bg.c5-btn-bg-linear:hover, .btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover, .btn.c5-btn-bg.c5-btn-bg-linear:focus, .btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus, .btn.c5-btn-bg.c5-btn-bg-linear:active, .btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active { background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c5-btn-bg.c5-btn-bg-radial, .btn-bg_c5-btn-bg.c5-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); } .c5-btn-bg.c5-btn-bg-radial:hover, .btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover, .btn.c5-btn-bg.c5-btn-bg-radial:focus, .btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus, .btn.c5-btn-bg.c5-btn-bg-radial:active, .btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c5-btn-bg-hover:hover > span, .btn.c5-btn-bg-hover:focus > span, .btn.c5-btn-bg-hover:active > span, .btn-bg_c5-btn-bg-hover .btn:hover > span, .btn-bg_c5-btn-bg-hover .btn:focus > span, .btn-bg_c5-btn-bg-hover .btn:active > span, a:hover .btn.c5-btn-bg-hover > span, a:focus .btn.c5-btn-bg-hover > span, a:active .btn.c5-btn-bg-hover > span, .btn.c5-btn-bg-hover-solid:hover > span, .btn.c5-btn-bg-hover-solid:focus > span, .btn.c5-btn-bg-hover-solid:active > span, .btn-bg_c5-btn-bg-hover-solid .btn:hover > span, .btn-bg_c5-btn-bg-hover-solid .btn:focus > span, .btn-bg_c5-btn-bg-hover-solid .btn:active > span, a:hover .btn.c5-btn-bg-hover-solid > span, a:focus .btn.c5-btn-bg-hover-solid > span, a:active .btn.c5-btn-bg-hover-solid > span { background: rgba(var(--c5-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, .btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, .btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, .btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, .btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, .btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span, a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span { background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, .btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, .btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span, a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c5-btn-borders, .btn-borders_c5-btn-borders .btn { border-color: rgba(var(--c5-btn-borders), 1); } /* Button Borders Hover */ .btn.c5-btn-borders:hover, .btn-borders_c5-btn-borders .btn:hover, .btn.c5-btn-borders:focus, .btn-borders_c5-btn-borders .btn:focus, .btn.c5-btn-borders:active, .btn-borders_c5-btn-borders .btn:active, a:hover .btn.c5-btn-borders, a:focus .btn.c5-btn-borders, a:active .btn.c5-btn-borders { border-color: rgba(var(--c5-btn-borders-hover), 1); } /* Button Text */ .btn.c5-btn-text, .btn-text_c5-btn-text .btn { color: rgba(var(--c5-btn-text), 1); } /* Button Text Hover */ .btn.c5-btn-text:hover, .btn-text_c5-btn-text .btn:hover, .btn.c5-btn-text:focus, .btn-text_c5-btn-text .btn:focus, .btn.c5-btn-text:active, .btn-text_c5-btn-text .btn:active, a:hover .btn.c5-btn-text, a:focus .btn.c5-btn-text, a:active .btn.c5-btn-text { color: rgba(var(--c5-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c5-btn-borders:hover, .btn.c5-btn-borders:focus, .btn.c5-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c5-btn-borders .btn:hover, .btn-borders_c5-btn-borders .btn:focus, .btn-borders_c5-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c5-btn-text, .basic-buttons .btn-text_c5-btn-text .btn { color: rgba(var(--c5-btn-bg), 1); } .basic-buttons .btn.c5-btn-text:hover, .basic-buttons .btn.c5-btn-text:focus, .basic-buttons .btn.c5-btn-text:active, .basic-buttons .btn-text_c5-btn-text .btn:hover, .basic-buttons .btn-text_c5-btn-text .btn:focus, .basic-buttons .btn-text_c5-btn-text .btn:active { color: rgba(var(--c5-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:hover { background: rgba(var(--c5-btn-bg-hover-color1),1); color: rgba(var(--c5-btn-text-hover),1); border-color: rgba(var(--c5-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c6-btn-bg, .btn-bg_c6-btn-bg .btn { background: rgba(var(--c6-btn-bg-color1), 1); } .c6-btn-bg:hover, .btn-bg_c6-btn-bg .btn:hover, .btn.c6-btn-bg:focus, .btn-bg_c6-btn-bg .btn:focus, .btn.c6-btn-bg:active, .btn-bg_c6-btn-bg .btn:active { background: rgba(var(--c6-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c6-btn-bg.c6-btn-bg-linear, .btn-bg_c6-btn-bg.c6-btn-bg-linear .btn { background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); } .c6-btn-bg.c6-btn-bg-linear:hover, .btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:hover, .btn.c6-btn-bg.c6-btn-bg-linear:focus, .btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:focus, .btn.c6-btn-bg.c6-btn-bg-linear:active, .btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:active { background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c6-btn-bg.c6-btn-bg-radial, .btn-bg_c6-btn-bg.c6-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); } .c6-btn-bg.c6-btn-bg-radial:hover, .btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:hover, .btn.c6-btn-bg.c6-btn-bg-radial:focus, .btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:focus, .btn.c6-btn-bg.c6-btn-bg-radial:active, .btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c6-btn-bg-hover:hover > span, .btn.c6-btn-bg-hover:focus > span, .btn.c6-btn-bg-hover:active > span, .btn-bg_c6-btn-bg-hover .btn:hover > span, .btn-bg_c6-btn-bg-hover .btn:focus > span, .btn-bg_c6-btn-bg-hover .btn:active > span, a:hover .btn.c6-btn-bg-hover > span, a:focus .btn.c6-btn-bg-hover > span, a:active .btn.c6-btn-bg-hover > span, .btn.c6-btn-bg-hover-solid:hover > span, .btn.c6-btn-bg-hover-solid:focus > span, .btn.c6-btn-bg-hover-solid:active > span, .btn-bg_c6-btn-bg-hover-solid .btn:hover > span, .btn-bg_c6-btn-bg-hover-solid .btn:focus > span, .btn-bg_c6-btn-bg-hover-solid .btn:active > span, a:hover .btn.c6-btn-bg-hover-solid > span, a:focus .btn.c6-btn-bg-hover-solid > span, a:active .btn.c6-btn-bg-hover-solid > span { background: rgba(var(--c6-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c6-btn-bg.c6-btn-bg-hover-linear:hover > span, .btn.c6-btn-bg.c6-btn-bg-hover-linear:focus > span, .btn.c6-btn-bg.c6-btn-bg-hover-linear:active > span, .btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:hover > span, .btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:focus > span, .btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:active > span, a:hover .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, a:focus .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, a:active .btn.c6-btn-bg.c6-btn-bg-hover-linear > span { background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c6-btn-bg.c6-btn-bg-hover-radial:hover > span, .btn.c6-btn-bg.c6-btn-bg-hover-radial:focus > span, .btn.c6-btn-bg.c6-btn-bg-hover-radial:active > span, .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:hover > span, .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:focus > span, .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:active > span, a:hover .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, a:focus .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, a:active .btn.c6-btn-bg.c6-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c6-btn-borders, .btn-borders_c6-btn-borders .btn { border-color: rgba(var(--c6-btn-borders), 1); } /* Button Borders Hover */ .btn.c6-btn-borders:hover, .btn-borders_c6-btn-borders .btn:hover, .btn.c6-btn-borders:focus, .btn-borders_c6-btn-borders .btn:focus, .btn.c6-btn-borders:active, .btn-borders_c6-btn-borders .btn:active, a:hover .btn.c6-btn-borders, a:focus .btn.c6-btn-borders, a:active .btn.c6-btn-borders { border-color: rgba(var(--c6-btn-borders-hover), 1); } /* Button Text */ .btn.c6-btn-text, .btn-text_c6-btn-text .btn { color: rgba(var(--c6-btn-text), 1); } /* Button Text Hover */ .btn.c6-btn-text:hover, .btn-text_c6-btn-text .btn:hover, .btn.c6-btn-text:focus, .btn-text_c6-btn-text .btn:focus, .btn.c6-btn-text:active, .btn-text_c6-btn-text .btn:active, a:hover .btn.c6-btn-text, a:focus .btn.c6-btn-text, a:active .btn.c6-btn-text { color: rgba(var(--c6-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c6-btn-borders:hover, .btn.c6-btn-borders:focus, .btn.c6-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c6-btn-borders .btn:hover, .btn-borders_c6-btn-borders .btn:focus, .btn-borders_c6-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c6-btn-text, .basic-buttons .btn-text_c6-btn-text .btn { color: rgba(var(--c6-btn-bg), 1); } .basic-buttons .btn.c6-btn-text:hover, .basic-buttons .btn.c6-btn-text:focus, .basic-buttons .btn.c6-btn-text:active, .basic-buttons .btn-text_c6-btn-text .btn:hover, .basic-buttons .btn-text_c6-btn-text .btn:focus, .basic-buttons .btn-text_c6-btn-text .btn:active { color: rgba(var(--c6-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:hover { background: rgba(var(--c6-btn-bg-hover-color1),1); color: rgba(var(--c6-btn-text-hover),1); border-color: rgba(var(--c6-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } /* -------------------------------------------------- Additional Colors - Buttons -------------------------------------------------- */ /* Solid Buttons */ .btn.c7-btn-bg, .btn-bg_c7-btn-bg .btn { background: rgba(var(--c7-btn-bg-color1), 1); } .c7-btn-bg:hover, .btn-bg_c7-btn-bg .btn:hover, .btn.c7-btn-bg:focus, .btn-bg_c7-btn-bg .btn:focus, .btn.c7-btn-bg:active, .btn-bg_c7-btn-bg .btn:active { background: rgba(var(--c7-btn-bg-color1), 1); } /* Linear Buttons */ .btn.c7-btn-bg.c7-btn-bg-linear, .btn-bg_c7-btn-bg.c7-btn-bg-linear .btn { background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); } .c7-btn-bg.c7-btn-bg-linear:hover, .btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:hover, .btn.c7-btn-bg.c7-btn-bg-linear:focus, .btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:focus, .btn.c7-btn-bg.c7-btn-bg-linear:active, .btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:active { background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); } /* Radial Buttons */ .btn.c7-btn-bg.c7-btn-bg-radial, .btn-bg_c7-btn-bg.c7-btn-bg-radial .btn { background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); } .c7-btn-bg.c7-btn-bg-radial:hover, .btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:hover, .btn.c7-btn-bg.c7-btn-bg-radial:focus, .btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:focus, .btn.c7-btn-bg.c7-btn-bg-radial:active, .btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:active { background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); } /* Solid Buttons - inner hover */ .btn.c7-btn-bg-hover:hover > span, .btn.c7-btn-bg-hover:focus > span, .btn.c7-btn-bg-hover:active > span, .btn-bg_c7-btn-bg-hover .btn:hover > span, .btn-bg_c7-btn-bg-hover .btn:focus > span, .btn-bg_c7-btn-bg-hover .btn:active > span, a:hover .btn.c7-btn-bg-hover > span, a:focus .btn.c7-btn-bg-hover > span, a:active .btn.c7-btn-bg-hover > span, .btn.c7-btn-bg-hover-solid:hover > span, .btn.c7-btn-bg-hover-solid:focus > span, .btn.c7-btn-bg-hover-solid:active > span, .btn-bg_c7-btn-bg-hover-solid .btn:hover > span, .btn-bg_c7-btn-bg-hover-solid .btn:focus > span, .btn-bg_c7-btn-bg-hover-solid .btn:active > span, a:hover .btn.c7-btn-bg-hover-solid > span, a:focus .btn.c7-btn-bg-hover-solid > span, a:active .btn.c7-btn-bg-hover-solid > span { background: rgba(var(--c7-btn-bg-hover-color1), 1); } /* Linear Buttons - inner hover */ .btn.c7-btn-bg.c7-btn-bg-hover-linear:hover > span, .btn.c7-btn-bg.c7-btn-bg-hover-linear:focus > span, .btn.c7-btn-bg.c7-btn-bg-hover-linear:active > span, .btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:hover > span, .btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:focus > span, .btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:active > span, a:hover .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, a:focus .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, a:active .btn.c7-btn-bg.c7-btn-bg-hover-linear > span { background: linear-gradient(var(--c7-btn-bg-hover-angle), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); } /* Radial Buttons - inner hover */ .btn.c7-btn-bg.c7-btn-bg-hover-radial:hover > span, .btn.c7-btn-bg.c7-btn-bg-hover-radial:focus > span, .btn.c7-btn-bg.c7-btn-bg-hover-radial:active > span, .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:hover > span, .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:focus > span, .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:active > span, a:hover .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, a:focus .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, a:active .btn.c7-btn-bg.c7-btn-bg-hover-radial > span { background: radial-gradient(farthest-side at var(--c7-btn-bg-hover-start-perc) var(--c7-btn-bg-hover-stop-perc), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); } /* Button Borders */ .btn.c7-btn-borders, .btn-borders_c7-btn-borders .btn { border-color: rgba(var(--c7-btn-borders), 1); } /* Button Borders Hover */ .btn.c7-btn-borders:hover, .btn-borders_c7-btn-borders .btn:hover, .btn.c7-btn-borders:focus, .btn-borders_c7-btn-borders .btn:focus, .btn.c7-btn-borders:active, .btn-borders_c7-btn-borders .btn:active, a:hover .btn.c7-btn-borders, a:focus .btn.c7-btn-borders, a:active .btn.c7-btn-borders { border-color: rgba(var(--c7-btn-borders-hover), 1); } /* Button Text */ .btn.c7-btn-text, .btn-text_c7-btn-text .btn { color: rgba(var(--c7-btn-text), 1); } /* Button Text Hover */ .btn.c7-btn-text:hover, .btn-text_c7-btn-text .btn:hover, .btn.c7-btn-text:focus, .btn-text_c7-btn-text .btn:focus, .btn.c7-btn-text:active, .btn-text_c7-btn-text .btn:active, a:hover .btn.c7-btn-text, a:focus .btn.c7-btn-text, a:active .btn.c7-btn-text { color: rgba(var(--c7-btn-text-hover), 1); } /* Buttons box shadows */ .btn.c7-btn-borders:hover, .btn.c7-btn-borders:focus, .btn.c7-btn-borders:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); } .btn-borders_c7-btn-borders .btn:hover, .btn-borders_c7-btn-borders .btn:focus, .btn-borders_c7-btn-borders .btn:active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); } /* Basic buttons */ .basic-buttons .btn.c7-btn-text, .basic-buttons .btn-text_c7-btn-text .btn { color: rgba(var(--c7-btn-bg), 1); } .basic-buttons .btn.c7-btn-text:hover, .basic-buttons .btn.c7-btn-text:focus, .basic-buttons .btn.c7-btn-text:active, .basic-buttons .btn-text_c7-btn-text .btn:hover, .basic-buttons .btn-text_c7-btn-text .btn:focus, .basic-buttons .btn-text_c7-btn-text .btn:active { color: rgba(var(--c7-btn-bg-hover), 1); } /* Umbraco Form input submit button hovers */ /* Required so we do not change the HTML of Umbraco Forms source */ .umbraco-forms .btn-bg_c7-btn-bg input[type="submit"]:active, .umbraco-forms .btn-bg_c7-btn-bg input[type="submit"]:focus, .umbraco-forms .btn-bg_c7-btn-bg input[type="submit"]:hover { background: rgba(var(--c7-btn-bg-hover-color1),1); color: rgba(var(--c7-btn-text-hover),1); border-color: rgba(var(--c7-btn-borders-hover),1); } .umbraco-forms .btn-bg_base-btn-bg.c7-btn-bg-hover-linear input[type="submit"]:active, .umbraco-forms .btn-bg_base-btn-bg.c7-btn-bg-hover-linear input[type="submit"]:focus, .umbraco-forms .btn-bg_base-btn-bg.c7-btn-bg-hover-linear input[type="submit"]:hover { background: linear-gradient(var(--c7-btn-bg-hover-angle), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); } .umbraco-forms .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial input[type="submit"]:active, .umbraco-forms .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial input[type="submit"]:focus, .umbraco-forms .btn-bg_c7-btn-bg.c7-btn-bg-hover-radial input[type="submit"]:hover { background: radial-gradient(farthest-side at var(--c7-btn-bg-hover-start-perc) var(--c7-btn-bg-hover-stop-perc), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); } /**umb_name:Red Text*/ .redText { color:#ed2724; } /**umb_name:Green Text*/ .greenText { color:#40af49; } /**umb_name:Purple Text*/ .purpleText { color:#dd2b71; } /**umb_name:Orange Text*/ .orangeText { color:#f78f1e; } /**umb_name:Yellow Text*/ .yellowText { color:#ffe800; } /**umb_name:White Text*/ .whiteText { color:#cdcdcd; } /**umb_name:Text Shadow Grey .textShadow { text-shadow: 3px 1px 5px #000; }*/ /**umb_name:Text Shadow White .textShadowWhite { text-shadow: 3px 1px 5px #fff; } .c1-bg h1, .c2-bg h1, .c3-bg h1, .c3-heading, .usn_cmp_banner h1 { text-shadow: 3px 3px 7px #000; } */ /* NEW CODE 2026 */ .home-banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; } .home-banner-block-text-center h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 750px; text-align: center; margin:0 auto !important; } .home-banner-block-text p, .banner-block-text p { padding:15px !important; background:#ff0090 !important; color:#ffffff !important; max-width: 370px; text-align: center; } .home-banner .item .link { background-color: transparent !important; } @media(max-width:767px){ .home-banner .btn{ margin-left:auto; margin-right:auto; border-radius:0px; margin-top:-10px; } } @media(min-width:768px){ .home-banner .btn{ margin-left:-10px; border-radius:0px; margin-top:-20px; } } .banner-block-text h1 { padding:20px !important; background:#FFFFFF !important; color:#202a86 !important; max-width: 550px; text-align: center; } .usn_cmp_banner h1 { text-shadow:none !important; } .slick-slider .slick-prev, .slick-slider .slick-next { top: 95%; } .slick-slider .slick-dots li.slick-active > button { width: 9px; height: 9px; } .slick-slider .slick-dots li > button { width: 8px; height: 8px; } .slick-slider .slick-next { margin-right: 35% !important; } .slick-slider .slick-prev { margin-left: 35% !important; } .home-activities img, .home-activities-3 img { border:15px solid #FFFFFF; } .home-activities .info { margin-top:-55px; } .home-activities-3 .info { margin-top:-60px; } .base-bg .heading span, .base-bg li strong { color:#ff0190 !important; } .base-bg li strong { font-weight:700 !important; } .lower-banner .info { max-width:600px !important; } /* credit stars */ .credit-star { z-index: 99; width: 105px; top: 0% !important; right: 0%; position: absolute; display:none !important; } .credit-star img, .payasyouplay img { border:none !important; } .payasyouplay { z-index: 99; width: 105px; top: 0% !important; left: 0%; position: absolute; display:none !important; } .promo-bar p { margin-bottom:20px !important; } @media (max-width:991px) { .component.usn_cmp_banner .item .info { padding: 220px 5% 0% 5%; } .banner-block-text h1 { max-width: 450px !important; } .home-banner-block-text p, .banner-block-text p { padding:8px !important; } .banner-block-text h1 { padding:10px !important; } } nav.social ul li a img { border-radius: 70px; } @media(max-width:767px){ .repeatable.tabbed .tab { margin-bottom: 10px !important; } } /* After Dark */ .after-dark .top-bar{ background-color: #000; } .after-dark .image.background-image.header-background-image, .after-dark .image.background-image.component-background-image { filter: grayscale(100%); } .after-dark .top-promo-banner{ background-color:#000!important; } .after-dark .home-banner-block-text p, .after-dark .banner-block-text p{ background-color:#000!important; } .after-dark .component.usn_cmp_banner { border-bottom: 7px solid #777!important; } .after-dark .c2-bg{ background-color:#222!important; } .after-dark .usn_cmp_banner .c12-heading{ color:#222!important; } /* After Dark attraction pod headers */ .after-dark .listing-pods .orange-header .info, .after-dark .listing-pods .red-header .info, .after-dark .listing-pods .purple-header .info, .after-dark .listing-pods .blue-header .info { background: #3f3f3f !important; } /* Keep heading text white */ .after-dark .listing-pods .orange-header .info .heading, .after-dark .listing-pods .red-header .info .heading, .after-dark .listing-pods .purple-header .info .heading, .after-dark .listing-pods .blue-header .info .heading { color: #fff !important; } .after-dark .c7-bg{ color:#000!important; } .after-dark .c7-bg h4{ color:#000!important; } .after-dark .c11-bg h3, .after-dark .c11-bg h2, .after-dark .c11-bg h1{ color:#000!important; } .after-dark .c11-bg p{ color:#000!important; } .after-dark .base-bg h2{ color:#000!important; } .after-dark .base-bg h2{ color: #333; } header{ top:45px!important; } header#site-header { border-bottom:0px solid #b71985; overflow:unset!important; } #logo { position: fixed; left:10px; top:5px!important; height:200px; width:auto; z-index:999999; } #logo img{ height:155px!important; width:auto!important; box-sizing: border-box!important; } #logo span{ display:none; } /* Position the logo on mobile and tablet portrait */ @media (min-width:901px) and (max-width: 1200px) { #logo { top:0px!important; } #logo img{ height:140px!important; } } /* Position the logo on mobile and tablet portrait */ @media screen and (max-width: 900px) { #logo { top:36px!important; } #logo img{ height:100px!important; } } @media screen and (min-width: 319px) and (max-width: 359px) { #logo { top:47px!important; } #logo img{ height:90px!important; } } @media screen and (min-width: 360px) and (max-width: 399px) { #logo { top:45px!important; } #logo img{ height:90px!important; } } /* Allow for additional top bar mobile/low res */ #site-content{ margin-top:45px; } @media screen and (min-width: 350px) and (max-width: 1049px) { html:not(.reveal-out) header#site-header nav.cta-links { display: block!important; width:fit-content!important; margin-right:50px!important; margin-top:5px; } header#site-header .row { align-items: flex-end; } } /* Very low res mobile adjustments */ @media screen and (min-width: 319px) and (max-width: 349px) { html:not(.reveal-out) header#site-header nav.cta-links { display: block!important; width:fit-content!important; margin-right:44px!important; margin-top:7px; } html:not(.reveal-out) header#site-header nav.cta-links .btn{ font-size:14px!important; padding-left:7px; padding-right:7px; } header#site-header .row { align-items: flex-end; } } /* Allow for additional top bar */ @media(min-width:1350px){ #site-content{ margin-top:90px; } } /* Desktop nav dropdown alignment adjustment for higher resolution */ @media (min-width: 1280px) { nav.main { position: relative!important; /* makes nav the positioning context */ } nav.main ul li ul { left: 0!important; /* aligns dropdown directly below each parent li */ } } /* == Top Promo Banner == */ .top-promo-banner{ top: calc(var(--large-header) + 47px)!important; box-sizing: border-box; z-index:999; overflow: hidden; height:45px!important; background-color:#ff0190 } .top-promo-banner button{ display:none!important; height:1px!important; } @media (max-width:767px){ .top-promo-banner{ min-height:35px!important; height:fit-content!important; } } .top-promo-banner .container{ padding-top:10px!important; padding-bottom:7px!important; } #logo img { max-width: 100%; height: auto; box-sizing: border-box; } /* == Top Bar == */ .top-bar { position: fixed; /* fixed position at top of viewport */ top: 0px; left: 0; width: 100%; max-width: 100%; height: 45px; /* fixed height on all devices */ background-color: rgba(var(--c7-bg-color1), 1); /* colour */ z-index: 99999999; /* sit above all other content */ display: flex; align-items: center; /* vertical centering of links */ overflow: hidden; /* hide overflowed links on mobile */ justify-content: center; margin: 0; padding: 0; box-sizing: border-box; margin-top:-45px; } @media (min-width:767px){ .top-bar { justify-content: right; } } .top-bar nav.topnav ul { display: flex; flex-direction: row; /* keep links in a horizontal row */ gap: 10px; /* space between items */ list-style: none; margin: 0; padding: 0; margin-right:10px; } .top-bar nav.topnav ul li { white-space: nowrap; /* prevent text from wrapping onto multiple lines */ } .top-bar nav.topnav ul li a { display: block; color: white; text-decoration: none; line-height: 36px; /* vertically align text with the bar */ padding: 0 10px; /* horizontal padding */ font-size: 14px; /* adjust as needed */ } .top-bar nav.topnav ul li a:hover, .top-bar nav.topnav ul li a:focus { text-decoration: underline; } @media screen and (max-width: 767px) { .top-bar { align-items: center; } .top-bar nav.topnav ul { gap: 5px; /* space between items */ } .top-bar nav.topnav ul li { margin-bottom: 0; } } @media screen and (max-width: 369px) { .top-bar nav.topnav ul li:nth-child(n+3) { display: none; } } /* == END:: Top Bar CSS == */ /* Pad the logo down when the burger nav is open and set background options */ @media screen and (min-width: 0) and (max-width: 1049px) { html.reveal-out header#site-header nav.main { order: 3; margin-top: 95px; } /* Mobile reveal menu set at c1-bg colour */ html.reveal-out header{ background-color: rgba(var(--c2-bg-color1), 1)!important; } html.reveal-out .header-background-image{ display:none; } nav.main ul li ul li{ padding-left:10px; } nav.main ul li ul li a{ margin-left:15px; font-size:16px!important; } } /* Fix the higher res desktop position issue */ @media (min-width: 1280px) { nav.main { box-sizing: border-box; } } @media(min-width:767px){ nav.secondary{display:none!important;} } /* == END:: Logo Customisations */ /* Open Today Panel for home page */ .usn_cmp_opentodaysection{ margin-top:-8px!important; } .opentoday-text{ font-size:18px; font-weight:bold; margin-top:8px; margin-bottom:8px; } @media (max-width:767px){ .open-message{ max-width:300px; margin-left:auto; margin-right:auto; } .opentoday-text{ font-size:18px; } } html.reveal-out .custom-cta{ display:none!important; } .orange-header .info { background-color: rgba(var(--c3-bg-color1), 1)!important; text-transform:uppercase!important; line-height: 2!important; min-height:40px; margin-left: auto; margin-right: auto; padding-top:5px; width: 97%; /*-ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg);*/ margin-bottom: 8px !important; color:#FFFFFF !important; } .red-header .info { background-color: rgba(var(--c4-bg-color1), 1)!important; text-transform:uppercase!important; line-height: 2!important; min-height:40px; margin-left: auto; margin-right: auto; padding-top:5px; width: 97%; /*-ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg);*/ margin-bottom: 8px !important; color:#FFFFFF !important; } .blue-header .info { background-color: rgba(var(--c5-bg-color1), 1)!important; text-transform:uppercase!important; line-height: 2!important; min-height:40px; margin-left: auto; margin-right: auto; padding-top:5px; width: 97%; /*-ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg);*/ margin-bottom: 8px !important; color:#FFFFFF !important; } .purple-header .info { background-color: rgba(var(--c1-bg-color1), 1)!important; text-transform:uppercase!important; line-height: 2!important; min-height:40px; margin-left: auto; margin-right: auto; padding-top:5px; width: 97%; /*-ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg);*/ margin-bottom: 8px !important; color:#FFFFFF !important; } .green-header .info { background-color: rgba(var(--c6-bg-color1), 1)!important; text-transform:uppercase!important; line-height: 2!important; min-height:40px; margin-left: auto; margin-right: auto; padding-top:5px; width: 97%; /*-ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg);*/ margin-bottom: 8px !important; color:#FFFFFF !important; } .orange-header .info p, .blue-header .info p, .red-header .info p, .purple-header .info p, .green-header .info p { color:#FFFFFF !important; } .accordian-white .accordion .tab{ background-color:#fff!important; color:#000!important; } .accordian-white .accordion .tab a{ color:#000!important; } .accordian-white .accordion .repeatable-content{ background-color: rgba(var(--c2-bg-color1), 1)!important; } .component.usn_cmp_banner { border-bottom: 7px solid rgba(var(--c8-bg-color1), 1); } @media (min-width:1050px){ .component.usn_cmp_banner { /* margin-top:125px;*/ } } .slick-autoplay-toggle-button { display:none!important; } .slick-slider .slick-prev{ margin-left:-18px!important; } .slick-slider .slick-next{ margin-right:-18px!important; } .circle-pod img{ background-color:#fff; max-width:90%; margin-left:auto; margin-right:auto; padding:10%; } .all-activity-zones .row{ justify-content: center; } .all-activity-zones .secondary-heading{ background-color: #ff0190; color: #fff !important; padding: 5px; } .adrenaline .secondary-heading{ background-color: #ed2724; } .golf-bowls .secondary-heading{ background-color: #40af49; } .play-zone .secondary-heading{ background-color: #f27224; } .all-activity-zones .repeatable-content .text{ background-color: #202a86; color: #fff; font-size: 14px; width: fit-content; padding: 5px; margin-left: auto !important; margin-right: auto !important; line-height: 1.2; } .all-activity-zones p.heading.sm{ min-height: 55px!important; } .voucher-image{ width:400px; max-width:90%; margin-left:auto; margin-right:auto; } /*--- TRIPADVISOR ---*/ #CDSWIDCOE { margin: 0 auto !important; } /* USkinned nav fix for sub sub */ @media (min-width: 1279px) { html[dir="ltr"].no-touch body.header-02-lg header#site-header nav.main ul ul>li:hover>ul, html[dir="ltr"] body.header-02-lg header#site-header nav.main ul ul>li.open-child>ul { left:calc(var(--nav-main-dropdown-width) - 20px)!important; } } /* Mobile menu scroll fix */ @media (max-width: 1149px) { /* When the mobile menu is open, make the full header/menu scrollable */ header#site-header:has(:is(button[aria-expanded="true"], .collapse.show, .navbar-collapse.show)) { max-height: calc(100dvh - 45px) !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding-bottom: 160px !important; } /* Let the full menu scroll together instead of trapping scroll inside inner sections */ header#site-header:has(:is(button[aria-expanded="true"], .collapse.show, .navbar-collapse.show)) :is(.container, .container-fluid, .row, nav, .collapse, .navbar-collapse) { max-height: none !important; overflow: visible !important; } /* Stop the page behind the menu from scrolling */ body:has(header#site-header :is(button[aria-expanded="true"], .collapse.show, .navbar-collapse.show)) { overflow: hidden !important; } }