/****************************************************** * Reset ******************************************************/ /****************************************************** * Variables ******************************************************/ /****************************************************** * Global Styles ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Utilities: Functions ******************************************************/ /****************************************************** * Functions: Units ******************************************************/ /****************************************************** * Utilities: Mixins ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Accessibility ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Breakpoints ******************************************************/ /****************************************************** * Mixins: Typography ******************************************************/ /*----- Named Styles -----*/ /*----- RTE Typography -----*/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Layout ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Decorations ******************************************************/ /*----- Checkmarks, Arrows, and Plus Signs -----*/ /*----- Loaders -----*/ /*----- Lists -----*/ /*----- Line-Based Decorations -----*/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Dropdown ******************************************************/ /****************************************************** * Mixins: Accordion ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Aspect Ratio ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Queries ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Positioning ******************************************************/ /****************************************************** * Mixins: Buttons ******************************************************/ /*----- Base Styles -----*/ /*----- Main Button Base -----*/ /*----- Primary Button -----*/ /*----- Secondary Button -----*/ /*----- Tertiary Button -----*/ /*----- Button Pill -----*/ /*----- Tab Button -----*/ /*----- Button Helpers -----*/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Utilities: Mixins ******************************************************/ /****************************************************** * Mixins: Cards ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Containers ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Display ******************************************************/ /*----- SR-Only/Invisible -----*/ /*----- No-Flicker -----*/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Drawers ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Grid ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: HTML Elements ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Interactive ******************************************************/ /*----- Basic Interactive Styles -----*/ /*----- Complex Interactive Styles -----*/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Media ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Scrollbars ******************************************************/ /****************************************************** * Utilities: Mixins ******************************************************/ /****************************************************** * Mixins: Modals ******************************************************/ /*----- Base, Functional Mixin -----*/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Name ******************************************************/ /****************************************************** * Utilities: Main ******************************************************/ /* This file contains all existing variables, breakpoints, functions, mixins, and extends that can be used in the site SCSS. It should be used at the top of every new SCSS file, using the following format: @use '../utilities/main' as *; */ /****************************************************** * Mixins: Toggles ******************************************************/ /****************************************************** * Utilities: Mixins ******************************************************/ /****************************************************** * Base: Body ******************************************************/ html { opacity: 1 !important; } /****************************************************** * Global Helpers ******************************************************/ /****************************************************** * Helpers: Display ******************************************************/ /*----- General -----*/ .hide { display: none !important; } .hide-soft, .hidden-soft { display: none; } .sr-only { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); display: block; } /*----- Device-Specific -----*/ .mobile-lg-only, .mobile-lg-up, .tablet-sm-only, .tablet-sm-up, .tablet-lg-only, .tablet-lg-up, .desktop-only, .desktop-up, .desktop-lg-only { display: none !important; } /****************************************************** * Global Input Helpers ******************************************************/ /****************************************************** * Project-Specific Global Components ******************************************************/ @media only screen and (min-width: 30em) { .mobile-only { display: none !important; } .mobile-lg-only, .mobile-lg-up { display: var(--display, block) !important; } } @media only screen and (min-width: 48em) { .mobile-lg-only, .mobile-lg-down { display: none !important; } .tablet-sm-only, .tablet-sm-up { display: var(--display, block) !important; } } @media only screen and (min-width: 64em) { .tablet-sm-only, .tablet-sm-down { display: none !important; } .tablet-lg-only, .tablet-lg-up { display: var(--display, block) !important; } } @media only screen and (min-width: 79.5em) { .tablet-lg-only, .tablet-lg-down { display: none !important; } .desktop-only, .desktop-up { display: var(--display, block) !important; } } @media only screen and (min-width: 120em) { .desktop-only, .desktop-down { display: none !important; } .desktop-lg-only { display: var(--display, block) !important; } }