@charset "UTF-8"; /*------------------------------------*\ $JSON Variables \*------------------------------------*/ /*------------------------------------*\ $PATTERNS \*------------------------------------*/ /** * Breakpoint Configuration * */ body { --content-max-width: Min(93vw, 86rem); } html { --osLightMode: light; --fontSizeModifier: 1; --lineHeightModifier: 1; --wordSpaceModifier: 0; } @media (prefers-color-scheme: dark) { html { --osLightMode: dark; } } body { --default-body-wght: 350; --p-font-wght: 350; --st-font-wght: 350; } body { --p-size-s: 1rem; --p-size-m: 1.125rem; --p-size-l: 1.25rem; --h1-size-s: 2rem; --h1-size-m: 2.25rem; --h1-size-l: 2.4375rem; --h2-size-s: 1.5rem; --h2-size-m: 1.625rem; --h2-size-l: 1.75rem; --h3-size-s: 1.25rem; --h3-size-m: 1.375rem; --h3-size-l: 1.5rem; --h4-size-s: 1rem; --h4-size-m: 1.125rem; --h4-size-l: 1.25rem; --h5-size-s: 0.9375rem; --h5-size-m: 1rem; --h5-size-l: 1.125rem; --h6-size-s: 0.875rem; --h6-size-m: 0.9375rem; --h6-size-l: 1rem; --bq-size-s: 1.25rem; --bq-size-m: 1.375rem; --bq-size-l: 1.5rem; --st-size-s: 0.75rem; --st-size-m: 0.8125rem; --st-size-l: 0.875rem; --p-lh-s: 1.35; --p-lh-m: 1.4; --p-lh-l: 1.45; --h1-lh-s: 1.05; --h1-lh-m: 1.075; --h1-lh-l: 1.1; --h2-lh-s: 1.1; --h2-lh-m: 1.125; --h2-lh-l: 1.15; --h3-lh-s: 1.1; --h3-lh-m: 1.125; --h3-lh-l: 1.15; --h4-lh-s: 1.1; --h4-lh-m: 1.2; --h4-lh-l: 1.3; --h5-lh-s: 1.1; --h5-lh-m: 1.2; --h5-lh-l: 1.3; --h6-lh-s: 1.1; --h6-lh-m: 1.2; --h6-lh-l: 1.3; --bq-lh-s: 1.5; --bq-lh-m: 1.525; --bq-lh-l: 1.55; --st-lh-s: 1.1; --st-lh-m: 1.2; --st-lh-l: 1.3; --p-scaler-value: 1.25; --p-lh-scaler-value: 3; --h1-scaler-value: 6; --h1-lh-scaler-value: 6; --h2-scaler-value: 4; --h2-lh-scaler-value: 6; --h3-scaler-value: 2.5; --h3-lh-scaler-value: 5; --h4-scaler-value: 2; --h4-lh-scaler-value: 5; --h5-scaler-value: 1; --h5-lh-scaler-value: 4; --h6-scaler-value: 1; --h6-lh-scaler-value: 4; --bq-scaler-value: 2; --bq-lh-scaler-value: 2.5; --st-scaler-value: 1; --st-lh-scaler-value: 2; } * { --font-size-min-value: 1rem; --font-size-max-value: 1.25rem; --font-size-scaler-value: var(--p-scaler-value); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); --font-size-min: calc(var(--font-size-min-value) * var(--fontSizeModifier) * 1rem); --font-size-max: calc(var(--font-size-max-value) * var(--fontSizeModifier) * 1rem); --font-size: clamp(var(--font-size-min), calc(0.5rem + (var(--font-size-scaler-value) * 1vw)), var(--font-size-max)); --font-lh-min: calc(var(--font-lh-min-value) * var(--lineHeightModifier) * 1em); --font-lh-max: calc(var(--font-lh-max-value) * var(--lineHeightModifier) * 1em); --line-height: clamp(var(--font-lh-min), calc(var(--font-lh-scaler-value) * 1vw), var(--font-lh-max)); --word-spacing: calc( 1em * var(--wordSpaceModifier) ); } /* Static Fonts */ @font-face { font-family: 'Roboto Slab'; font-weight: normal; font-style: normal; src: url("../fonts/roboto-slab/RobotoSlab-Regular-subset.woff2") format("woff2"), url("../fonts/roboto-slab/RobotoSlab-Regular-subset.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Roboto Slab'; font-weight: bold; font-style: normal; src: url("../fonts/roboto-slab/RobotoSlab-Bold-subset.woff2") format("woff2"), url("../fonts/roboto-slab/RobotoSlab-Bold-subset.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Work Sans'; font-weight: normal; font-style: normal; src: url("../fonts/work-sans/WorkSans-Regular-subset.woff2") format("woff2"), url("../fonts/work-sans/WorkSans-Regular-subset.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Work Sans'; font-weight: normal; font-style: italic; src: url("../fonts/work-sans-vf/WorkSans-Italic-subset.woff2") format("woff2 supports variations"), url("../fonts/work-sans-vf/WorkSans-Italic-subset.woff2") format("woff2-variations"); font-display: swap; } @font-face { font-family: 'Work Sans'; font-weight: bold; font-style: normal; src: url("../fonts/work-sans/WorkSans-Bold-subset.woff2") format("woff2"), url("../fonts/work-sans/WorkSans-Bold-subset.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Work Sans'; font-weight: bold; font-style: italic; src: url("../fonts/work-sans/WorkSans-BoldItalic-subset.woff2") format("woff2"), url("../fonts/work-sans/WorkSans-BoldItalic-subset.woff") format("woff"); font-display: swap; } /* Variable Font */ @font-face { font-family: 'Roboto Slab VF'; font-weight: 100 900; /* default: 400 */ font-style: normal; font-stretch: normal; src: url("../fonts/work-sans-vf/RobotoSlab-subset.woff2") format("woff2 supports variations"), url("../fonts/roboto-slab-vf/RobotoSlab-subset.woff2") format("woff2-variations"); font-display: swap; } @font-face { font-family: 'Work Sans VF'; font-weight: 100 900; /* default: 400 */ font-style: normal; font-stretch: normal; src: url("../fonts/work-sans-vf/WorkSans-Roman-subset.woff2") format("woff2 supports variations"), url("../fonts/work-sans-vf/WorkSans-Roman-subset.woff2") format("woff2-variations"); font-display: swap; } @font-face { font-family: 'Work Sans VF'; font-weight: 100 900; /* default: 400 */ font-style: italic; font-stretch: normal; src: url("../fonts/work-sans-vf/WorkSans-Italic-subset.woff2") format("woff2 supports variations"), url("../fonts/work-sans-vf/WorkSans-Italic-subset.woff2") format("woff2-variations"); font-display: swap; } body { --font-sans-fallback: Helvetica Neue, Helvetica, Arial, sans-serif; --font-serif-fallback: Georgia, Times New Roman, serif; --font-sans-static: Work Sans, var(--font-sans-fallback); --font-sans-vf: Work Sans VF, var(--font-sans-fallback); --font-serif-static: Roboto Slab, var(--font-serif-fallback); --font-serif-vf: Roboto Slab VF, var(--font-serif-fallback); } :root { color-scheme: light dark; } html { --c__white: white; --c__white--trans75: rgba(255, 255, 255, 0.75); --c__white--trans33: rgba(255, 255, 255, 0.33); --c__white--trans25: rgba(255, 255, 255, 0.25); --c__white--trans15: rgba(255, 255, 255, 0.15); --c__transparent: transparent; --c__quahog--black: black; --c__quahog--darker: #141414; --c__quahog--dark--trans75: rgba(20, 20, 20, 0.75); --c__quahog--dark--trans33: rgba(20, 20, 20, 0.33); --c__quahog--dark--trans25: rgba(20, 20, 20, 0.25); --c__quahog--dark--trans15: rgba(20, 20, 20, 0.15); --c__quahog--dark: #2e2e2e; --c__quahog: #404040; --c__quahog--medium: #6e6e6e; --c__quahog--light: #d4d4d4; --c__quahog--lightest: #f2f2f2; --c__navy--dark: #1b243b; --c__navy: #293557; --c__navy--trans75: rgba(41, 53, 87, 0.75); --c__navy--trans50: rgba(41, 53, 87, 0.5); --c__navy--light: #95a9df; --c__navy--sat: #1440b8; --c__navy--sat-lgt: #476cd1; --c__navy--warm: #5c55be; --c__navy--wrm-lgt: #bbacec; --c__rhody-red--dark: #8e3339; --c__rhody-red--dark--trans75: rgba(142, 51, 57, 0.75); --c__rhody-red: #eb5252; --c__rhody-red--trans50: rgba(235, 82, 82, 0.5); --c__rhody-red--trans75: rgba(235, 82, 82, 0.75); --c__rhody-red--trans15: rgba(235, 82, 82, 0.15); --c__rhody-red--bright: #620b0b; --c__calamari: #ff8e47; --c__hope-gold: #face3d; --c__hope-gold--bright: #face3d; --c__green-animals: #59bf45; --c__green-animals--dark: #2e7a1f; --c__green-animals--trans75: rgba(89, 191, 69, 0.75); --c__green-animals--trans15: rgba(89, 191, 69, 0.15); --c__cliff-walk--darkest: #138660; --c__cliff-walk--darkest--trans75: rgba(19, 134, 96, 0.75); --c__cliff-walk--darkest--trans15: rgba(19, 134, 96, 0.15); --c__cliff-walk--dark: #42f0b6; --c__cliff-walk--dark--trans75: rgba(66, 240, 182, 0.75); --c__cliff-walk--dark--trans25: rgba(66, 240, 182, 0.25); --c__cliff-walk: #7affd3; --c__cliff-walk--light: #c9f7e8; --c__ocean--dark: #48525b; --c__ocean--medium: #5994cf; --c__ocean: #95bddf; --c__ocean--light: #dfebf6; --c__ocean--trans75: rgba(149, 189, 223, 0.75); --c__ocean--trans25: rgba(149, 189, 223, 0.25); --c__ocean--trans10: rgba(149, 189, 223, 0.1); --c__coffee-milk: #d2cbb2; --c__coffee-milk--light: #f0eee5; --c__coffee-milk--trans25: rgba(210, 203, 178, 0.25); --c__coffee-milk--trans10: rgba(210, 203, 178, 0.1); --fc__official__fg: #d4d4d4; --fc__official__bg: #1b243b; --fc__official__link: white; --fc__official__link--hover: #ff8e47; --fc__official__link--focus: #ff8e47; --fc__header__fg: white; --fc__header__bg: #293557; --fc__header__link: white; --fc__header__link--hover: #95bddf; --fc__header__social__link: #95bddf; --fc__header__social__link--hover: #face3d; --fc__nav-main__fg: #2e2e2e; --fc__nav-main__bg: #95bddf; --fc__nav-main__link: #141414; --fc__nav-main__link--hover: #293557; --fc__nav-main__link--hover__bg: white; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #ff8e47; --fc__nav-main__link__sub--hover__bg: rgba(149, 189, 223, 0.25); --fc__nav-main__icon__bg: white; --fc__nav-main__icon__fg: #293557; --fc__nav-main__icon__bg--hover: #95bddf; --fc__nav-main__icon__fg--hover: #293557; --fc__default__fg: #404040; --fc__default__bg: white; --fc__default__overlay__bg: rgba(255, 255, 255, 0.75); --fc__default__border: rgba(20, 20, 20, 0.15); --fc__default__link: #1440b8; --fc__default__link--hover: #476cd1; --fc__default__link--focus: #293557; --fc__default__link--visited: #5c55be; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #6e6e6e; --fc__default__violator: #face3d; --fc__default__accent: #ff8e47; --fc__default__accent__fg: #2e2e2e; --fc__default__text-accent: #6e6e6e; --fc__default__button__bg: #293557; --fc__default__button__fg: #face3d; --fc__default__button--hover__bg: #1b243b; --fc__default__button--hover__fg: #95bddf; --fc__icon__pdf: #eb5252; --fc__icon__word: #293557; --fc__icon__excel: #59bf45; --fc__icon__generic: #6e6e6e; --fc__icon__download: #6e6e6e; --fc__nav-minor__border: #95bddf; --fc__nav-minor__fg: #141414; --fc__nav-minor__bg: rgba(149, 189, 223, 0.25); --fc__nav-minor__link: #293557; --fc__nav-minor__link__bg: transparent; --fc__nav-minor__link--hover: #1b243b; --fc__nav-minor__link--hover__bg: rgba(149, 189, 223, 0.25); --fc__nav-minor__link--focus: #ff8e47; --fc__nav-minor__link--active: #ff8e47; --fc__nav-minor__sub__bg: rgba(255, 255, 255, 0.25); --fc__notification__fg: #1b243b; --fc__notification__bg: #face3d; --fc__notification__icon: #293557; --fc__notification__link: #1b243b; --fc__notification__link--hover: #1440b8; --fc__notification__link--focus: #1b243b; --fc__notification__link--active: #476cd1; --fc__notification__button__fg: #293557; --fc__notification__button__bg: white; --fc__notification__border: rgba(20, 20, 20, 0.33); --fc__accordion__icon__fg: #1b243b; --fc__accordion__icon__bg: #ff8e47; --fc__attention-card__fg: #1b243b; --fc__attention-card__bar: #95bddf; --fc__attention-card__icon: #1b243b; --fc__footer__border-top: #95bddf; --fc__footer__fg: white; --fc__footer__bg: #2e2e2e; --fc__footer__copyright__bg: #141414; --fc__primary__fg: white; --fc__primary__bg: #293557; --fc__primary__overlay__bg: rgba(41, 53, 87, 0.75); --fc__primary__link: #95a9df; --fc__primary__link--hover: #face3d; --fc__primary__fg--dark: white; --fc__primary__bg--dark: rgba(41, 53, 87, 0.5); --fc__primary__overlay__bg--dark: rgba(41, 53, 87, 0.75); --fc__primary__link--dark: #95a9df; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__fg: #293557; --fc__primary--light__bg: rgba(149, 189, 223, 0.25); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link: #1b243b; --fc__primary--light__link--hover: #141414; --fc__primary--light__fg--dark: #f0eee5; --fc__primary--light__bg--dark: rgba(149, 189, 223, 0.25); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: white; --fc__primary--light__link--dark--hover: #face3d; } html.dark { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: #95bddf; --fc__official__link--hover: #face3d; --fc__official__link--focus: #face3d; --fc__header__fg: white; --fc__header__bg: #1b243b; --fc__header__link: white; --fc__header__link--hover: #95bddf; --fc__header__social__link: #95bddf; --fc__header__social__link--hover: #face3d; --fc__nav-main__fg: #d4d4d4; --fc__nav-main__bg: #293557; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #141414; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #face3d; --fc__nav-main__link__sub--hover__bg: rgba(20, 20, 20, 0.15); --fc__nav-main__icon__bg: #95bddf; --fc__nav-main__icon__bg--hover: #face3d; --fc__nav-main__icon__fg--hover: #1b243b; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__default__text-accent: #d4d4d4; --fc__icon__word: #95bddf; --fc__icon__generic: rgba(255, 255, 255, 0.33); --fc__icon__download: rgba(255, 255, 255, 0.33); --fc__nav-minor__border: #293557; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(41, 53, 87, 0.5); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link__bg: transparent; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--hover__bg: #2e2e2e; --fc__nav-minor__link--focus: #face3d; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.33); --fc__notification__bg: #face3d; --fc__accordion__icon__fg: #141414; --fc__accordion__icon__bg: #ff8e47; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #293557; --fc__attention-card__icon: #f0eee5; --fc__footer__border-top: #95bddf; --fc__footer__fg: white; --fc__footer__bg: #404040; --fc__footer__copyright__bg: #141414; --fc__primary__fg: white; --fc__primary__bg: rgba(41, 53, 87, 0.5); --fc__primary__link: #95a9df; --fc__primary__link--hover: #face3d; --fc__primary--light__fg: #f0eee5; --fc__primary--light__bg: rgba(149, 189, 223, 0.25); --fc__primary--light__link: white; --fc__primary--light__link--hover: #face3d; } html.qh__t__federal-hill { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: white; --fc__official__link--hover: #eb5252; --fc__official__link--focus: #eb5252; --fc__header__fg: white; --fc__header__bg: #8e3339; --fc__header__link: white; --fc__header__link--hover: #face3d; --fc__header__social__link: white; --fc__header__social__link--hover: #face3d; --fc__nav-main__fg: #404040; --fc__nav-main__bg: #eb5252; --fc__nav-main__link: #141414; --fc__nav-main__link--hover: #8e3339; --fc__nav-main__link--hover__bg: white; --fc__nav-main__link--focus: #141414; --fc__nav-main__link--active: #eb5252; --fc__nav-main__link__sub--hover__bg: rgba(235, 82, 82, 0.15); --fc__nav-main__icon__bg: white; --fc__nav-main__icon__fg: #141414; --fc__nav-main__icon__bg--hover: #eb5252; --fc__nav-main__icon__fg--hover: #141414; --fc__default__bg: white; --fc__default__overlay__bg: rgba(255, 255, 255, 0.75); --fc__default__violator: #ff8e47; --fc__default__accent: #face3d; --fc__default__accent__fg: #2e2e2e; --fc__default__button__bg: #eb5252; --fc__default__button__fg: #2e2e2e; --fc__default__button--hover__bg: #8e3339; --fc__default__button--hover__fg: #face3d; --fc__nav-minor__border: #eb5252; --fc__nav-minor__bg: rgba(235, 82, 82, 0.15); --fc__nav-minor__link: #404040; --fc__nav-minor__link--hover: #141414; --fc__nav-minor__link--hover__bg: rgba(235, 82, 82, 0.15); --fc__nav-minor__link--focus: #eb5252; --fc__nav-minor__link--active: #eb5252; --fc__nav-minor__sub__bg: rgba(255, 255, 255, 0.25); --fc__notification__fg: #293557; --fc__notification__bg: #face3d; --fc__notification__link--hover: #8e3339; --fc__notification__link--focus: #293557; --fc__notification__link--active: #ff8e47; --fc__notification__border: rgba(41, 53, 87, 0.5); --fc__accordion__icon__fg: #2e2e2e; --fc__accordion__icon__bg: #eb5252; --fc__attention-card__fg: #141414; --fc__attention-card__bar: #eb5252; --fc__attention-card__icon: white; --fc__footer__border-top: #eb5252; --fc__footer__fg: white; --fc__footer__bg: #2e2e2e; --fc__footer__copyright__bg: #141414; --fc__primary__fg: #d2cbb2; --fc__primary__bg: #8e3339; --fc__primary__overlay__bg: rgba(235, 82, 82, 0.75); --fc__primary__link: #f0eee5; --fc__primary__link--hover: #face3d; --fc__primary__fg--dark: #f0eee5; --fc__primary__bg--dark: rgba(235, 82, 82, 0.5); --fc__primary__overlay__bg--dark: rgba(142, 51, 57, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__fg: #404040; --fc__primary--light__bg: rgba(235, 82, 82, 0.15); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link: #2e2e2e; --fc__primary--light__link--hover: #1440b8; --fc__primary--light__fg--dark: #f0eee5; --fc__primary--light__bg--dark: rgba(235, 82, 82, 0.15); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: #d2cbb2; --fc__primary--light__link--dark--hover: #face3d; } html.dark.qh__t__federal-hill { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: white; --fc__official__link--hover: #eb5252; --fc__official__link--focus: #eb5252; --fc__header__fg: white; --fc__header__bg: rgba(235, 82, 82, 0.15); --fc__header__link: white; --fc__header__link--hover: #face3d; --fc__header__social__link: #eb5252; --fc__header__social__link--hover: #face3d; --fc__nav-main__bg: #8e3339; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #141414; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #face3d; --fc__nav-main__link__sub--hover__bg: rgba(20, 20, 20, 0.15); --fc__nav-main__icon__bg: #2e2e2e; --fc__nav-main__icon__fg: white; --fc__nav-main__icon__bg--hover: #eb5252; --fc__nav-main__icon__fg--hover: #2e2e2e; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__button--hover__fg: #face3d; --fc__nav-minor__border: #8e3339; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(235, 82, 82, 0.15); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--focus: #95bddf; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.15); --fc__accordion__icon__bg: #eb5252; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #8e3339; --fc__attention-card__icon: #f0eee5; --fc__footer__border-top: #eb5252; --fc__footer__fg: white; --fc__footer__bg: #404040; --fc__footer__copyright__bg: #141414; --fc__primary__bg: rgba(235, 82, 82, 0.5); --fc__primary__overlay__bg: rgba(235, 82, 82, 0.75); --fc__primary__link--hover: #face3d; --fc__primary__fg--dark: #f0eee5; --fc__primary__bg--dark: rgba(235, 82, 82, 0.5); --fc__primary__overlay__bg--dark: rgba(142, 51, 57, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__bg: rgba(235, 82, 82, 0.15); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link--hover: #face3d; --fc__primary--light__fg--dark: #f0eee5; --fc__primary--light__bg--dark: rgba(235, 82, 82, 0.15); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: #d2cbb2; --fc__primary--light__link--dark--hover: #face3d; } html.qh__t__wickaboxet { --fc__official__fg: #f0eee5; --fc__official__bg: #141414; --fc__official__link: white; --fc__official__link--hover: #59bf45; --fc__official__link--focus: #59bf45; --fc__header__bg: #2e7a1f; --fc__header__link--hover: #face3d; --fc__header__social__link: white; --fc__nav-main__fg: #404040; --fc__nav-main__bg: #59bf45; --fc__nav-main__link--hover: #2e7a1f; --fc__nav-main__link--focus: #141414; --fc__nav-main__link--active: #1440b8; --fc__nav-main__link__sub--hover__bg: rgba(89, 191, 69, 0.15); --fc__nav-main__icon__fg: #141414; --fc__nav-main__icon__bg--hover: #2e7a1f; --fc__nav-main__icon__fg--hover: white; --fc__default__bg: white; --fc__default__overlay__bg: rgba(255, 255, 255, 0.75); --fc__default__link--active: #59bf45; --fc__default__hx__fg: #2e7a1f; --fc__default__violator: #ff8e47; --fc__default__accent: #face3d; --fc__default__button__bg: #59bf45; --fc__default__button__fg: #141414; --fc__default__button--hover__bg: #2e7a1f; --fc__default__button--hover__fg: white; --fc__nav-minor__border: #59bf45; --fc__nav-minor__bg: rgba(89, 191, 69, 0.15); --fc__nav-minor__link--hover: #1440b8; --fc__nav-minor__link--hover__bg: rgba(89, 191, 69, 0.15); --fc__nav-minor__link--focus: #face3d; --fc__notification__fg: #2e2e2e; --fc__notification__bg: #face3d; --fc__notification__icon: #404040; --fc__notification__link: #2e2e2e; --fc__notification__link--active: #2e7a1f; --fc__notification__button__fg: #2e7a1f; --fc__accordion__icon__fg: #141414; --fc__accordion__icon__bg: #59bf45; --fc__attention-card__fg: #2e2e2e; --fc__attention-card__bar: #59bf45; --fc__attention-card__icon: #f2f2f2; --fc__footer__border-top: #59bf45; --fc__footer__bg: #2e2e2e; --fc__primary__fg: #2e2e2e; --fc__primary__bg: #59bf45; --fc__primary__overlay__bg: rgba(89, 191, 69, 0.75); --fc__primary__link: #1b243b; --fc__primary__link--hover: #141414; --fc__primary__fg--dark: #2e2e2e; --fc__primary__bg--dark: #2e7a1f; --fc__primary__overlay__bg--dark: rgba(89, 191, 69, 0.75); --fc__primary__link--dark: #1b243b; --fc__primary__link--dark--hover: #141414; --fc__primary--light__bg: rgba(89, 191, 69, 0.15); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link: #2e7a1f; --fc__primary--light__bg--dark: rgba(89, 191, 69, 0.15); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); } html.dark.qh__t__wickaboxet { --fc__official__bg: #141414; --fc__header__fg: #f0eee5; --fc__header__bg: rgba(89, 191, 69, 0.15); --fc__header__link: #f0eee5; --fc__header__link--hover: white; --fc__header__social__link: #59bf45; --fc__header__social__link--hover: white; --fc__nav-main__fg: #f0eee5; --fc__nav-main__bg: #2e7a1f; --fc__nav-main__link: white; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #2e2e2e; --fc__nav-main__link--focus: #f0eee5; --fc__nav-main__link--active: #face3d; --fc__nav-main__icon__bg: white; --fc__nav-main__icon__fg: #141414; --fc__nav-main__icon__bg--hover: #95bddf; --fc__nav-main__icon__fg--hover: #141414; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #59bf45; --fc__default__text-accent: white; --fc__nav-minor__fg: #d2cbb2; --fc__nav-minor__bg: rgba(89, 191, 69, 0.15); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.25); --fc__notification__bg: #face3d; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #2e7a1f; --fc__attention-card__icon: #f2f2f2; --fc__footer__bg: #2e2e2e; --fc__primary__fg: #f0eee5; --fc__primary__bg: #2e7a1f; --fc__primary__link: white; --fc__primary--light__bg: rgba(89, 191, 69, 0.15); } html.qh__t__block-island { --fc__official__fg: #d4d4d4; --fc__official__bg: #404040; --fc__official__link: white; --fc__official__link--hover: #face3d; --fc__official__link--focus: #face3d; --fc__header__fg: #404040; --fc__header__bg: rgba(149, 189, 223, 0.1); --fc__header__link: #293557; --fc__header__link--hover: #6e6e6e; --fc__header__social__link: #6e6e6e; --fc__header__social__link--hover: #293557; --fc__nav-main__fg: #293557; --fc__nav-main__bg: #dfebf6; --fc__nav-main__link: #293557; --fc__nav-main__link--hover: #141414; --fc__nav-main__link__sub--hover__bg: rgba(149, 189, 223, 0.1); --fc__default__fg: #404040; --fc__default__bg: white; --fc__default__overlay__bg: rgba(255, 255, 255, 0.75); --fc__default__link--active: #eb5252; --fc__default__hx__fg: #476cd1; --fc__default__violator: #eb5252; --fc__default__accent: #face3d; --fc__default__accent__fg: #1b243b; --fc__nav-minor__border: #dfebf6; --fc__nav-minor__fg: #404040; --fc__nav-minor__bg: rgba(149, 189, 223, 0.1); --fc__nav-minor__link: #293557; --fc__nav-minor__link--hover__bg: rgba(149, 189, 223, 0.1); --fc__nav-minor__link--focus: #eb5252; --fc__nav-minor__link--active: #eb5252; --fc__notification__fg: #293557; --fc__notification__bg: #face3d; --fc__notification__icon: #293557; --fc__notification__link: #1b243b; --fc__notification__link--hover: #1440b8; --fc__notification__link--focus: #1b243b; --fc__notification__link--active: #404040; --fc__notification__button__fg: #293557; --fc__notification__button__bg: white; --fc__notification__border: rgba(20, 20, 20, 0.33); --fc__accordion__icon__fg: #face3d; --fc__accordion__icon__bg: #293557; --fc__attention-card__fg: #293557; --fc__attention-card__bar: #dfebf6; --fc__attention-card__icon: #293557; --fc__footer__border-top: rgba(149, 189, 223, 0.25); --fc__footer__fg: #404040; --fc__footer__bg: #dfebf6; --fc__footer__copyright__bg: #dfebf6; --fc__primary__fg: #293557; --fc__primary__bg: rgba(149, 189, 223, 0.25); --fc__primary__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary__link: #1440b8; --fc__primary__link--hover: #1b243b; --fc__primary__fg--dark: #d4d4d4; --fc__primary__bg--dark: rgba(149, 189, 223, 0.25); --fc__primary__overlay__bg--dark: rgba(41, 53, 87, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__fg: #293557; --fc__primary--light__bg: rgba(149, 189, 223, 0.1); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link: #1440b8; --fc__primary--light__link--hover: #1b243b; --fc__primary--light__fg--dark: #d4d4d4; --fc__primary--light__bg--dark: rgba(149, 189, 223, 0.1); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: white; --fc__primary--light__link--dark--hover: #face3d; } html.dark.qh__t__block-island { --fc__official__bg: #2e2e2e; --fc__header__fg: #d4d4d4; --fc__header__bg: rgba(149, 189, 223, 0.1); --fc__header__link: #95bddf; --fc__header__link--hover: #d4d4d4; --fc__header__social__link: #d4d4d4; --fc__nav-main__fg: #d4d4d4; --fc__nav-main__bg: #48525b; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #2e2e2e; --fc__nav-main__icon__bg: #95bddf; --fc__nav-main__icon__fg: #2e2e2e; --fc__nav-main__icon__bg--hover: white; --fc__nav-main__icon__fg--hover: #293557; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__nav-minor__border: rgba(149, 189, 223, 0.25); --fc__nav-minor__fg: #f0eee5; --fc__nav-minor__bg: rgba(149, 189, 223, 0.1); --fc__nav-minor__link: white; --fc__nav-minor__link--hover: #d4d4d4; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.15); --fc__notification__bg: #face3d; --fc__attention-card__fg: white; --fc__attention-card__bar: #293557; --fc__attention-card__icon: #d4d4d4; --fc__footer__border-top: rgba(149, 189, 223, 0.25); --fc__footer__fg: #d4d4d4; --fc__footer__bg: rgba(149, 189, 223, 0.25); --fc__footer__copyright__bg: transparent; --fc__primary__fg--dark: #d4d4d4; --fc__primary__bg--dark: rgba(149, 189, 223, 0.25); --fc__primary__overlay__bg: rgba(149, 189, 223, 0.75); --fc__primary__overlay__bg--dark: rgba(41, 53, 87, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__fg--dark: #d4d4d4; --fc__primary--light__bg--dark: rgba(149, 189, 223, 0.1); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: white; --fc__primary--light__link--dark--hover: #face3d; } html.qh__t__blue-shutters { --fc__official__fg: #404040; --fc__official__bg: rgba(255, 255, 255, 0.25); --fc__official__link: #404040; --fc__official__link--hover: #141414; --fc__official__link--focus: #141414; --fc__header__fg: #48525b; --fc__header__bg: #7affd3; --fc__header__link: #48525b; --fc__header__link--hover: #141414; --fc__header__social__link: #48525b; --fc__header__social__link--hover: #141414; --fc__nav-main__fg: #2e2e2e; --fc__nav-main__bg: #42f0b6; --fc__nav-main__link: #2e2e2e; --fc__nav-main__link--hover: #293557; --fc__nav-main__link--hover__bg: #7affd3; --fc__nav-main__link--focus: #293557; --fc__nav-main__link--active: #293557; --fc__nav-main__link__sub--hover__bg: rgba(255, 255, 255, 0.25); --fc__nav-main__icon__bg: #7affd3; --fc__nav-main__icon__fg: #2e2e2e; --fc__nav-main__icon__bg--hover: white; --fc__nav-main__icon__fg--hover: #2e2e2e; --fc__default__overlay__bg: rgba(255, 255, 255, 0.75); --fc__default__violator: #ff8e47; --fc__default__accent: #face3d; --fc__default__accent__fg: #293557; --fc__default__text-accent: #138660; --fc__default__button__bg: #7affd3; --fc__default__button__fg: #48525b; --fc__default__button--hover__bg: #42f0b6; --fc__default__button--hover__fg: #141414; --fc__nav-minor__border: #7affd3; --fc__nav-minor__fg: #2e2e2e; --fc__nav-minor__bg: rgba(66, 240, 182, 0.25); --fc__nav-minor__link--hover__bg: rgba(255, 255, 255, 0.25); --fc__nav-minor__link--focus: #293557; --fc__nav-minor__link--active: #1440b8; --fc__notification__fg: #404040; --fc__notification__bg: #face3d; --fc__notification__icon: #404040; --fc__notification__link: #2e2e2e; --fc__notification__button__fg: #404040; --fc__notification__button__bg: white; --fc__accordion__icon__fg: #2e2e2e; --fc__accordion__icon__bg: #7affd3; --fc__attention-card__fg: #48525b; --fc__attention-card__bar: #7affd3; --fc__attention-card__icon: #293557; --fc__footer__border-top: #42f0b6; --fc__footer__fg: #48525b; --fc__footer__bg: #7affd3; --fc__footer__copyright__bg: transparent; --fc__primary__fg: #2e2e2e; --fc__primary__bg: #48525b; --fc__primary__overlay__bg: rgba(66, 240, 182, 0.75); --fc__primary__link: #c9f7e8; --fc__primary__link--hover: white; --fc__primary__fg--dark: #f0eee5; --fc__primary__bg--dark: #138660; --fc__primary__overlay__bg--dark: rgba(19, 134, 96, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__fg: #48525b; --fc__primary--light__bg: #c9f7e8; --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link: #293557; --fc__primary--light__link--hover: #2e2e2e; --fc__primary--light__fg--dark: #dfebf6; --fc__primary--light__bg--dark: rgba(19, 134, 96, 0.15); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: white; --fc__primary--light__link--dark--hover: #face3d; } html.dark.qh__t__blue-shutters { --fc__official__fg: white; --fc__official__bg: rgba(66, 240, 182, 0.25); --fc__official__link: white; --fc__official__link--hover: #7affd3; --fc__official__link--focus: #7affd3; --fc__header__fg: #c9f7e8; --fc__header__bg: rgba(66, 240, 182, 0.25); --fc__header__link: #c9f7e8; --fc__header__link--hover: #d4d4d4; --fc__header__social__link: #7affd3; --fc__header__social__link--hover: #d4d4d4; --fc__nav-main__bg: #42f0b6; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__default__text-accent: #42f0b6; --fc__default__button__bg: #42f0b6; --fc__default__button__fg: #141414; --fc__default__button--hover__bg: #7affd3; --fc__default__button--hover__fg: #48525b; --fc__nav-minor__border: #138660; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(66, 240, 182, 0.25); --fc__nav-minor__link: #d4d4d4; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--hover__bg: rgba(255, 255, 255, 0.15); --fc__nav-minor__link--focus: #face3d; --fc__nav-minor__sub__bg: rgba(255, 255, 255, 0.15); --fc__notification__bg: #face3d; --fc__accordion__icon__bg: #42f0b6; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #138660; --fc__attention-card__icon: #c9f7e8; --fc__footer__border-top: #138660; --fc__footer__fg: white; --fc__footer__bg: rgba(19, 134, 96, 0.15); --fc__primary__bg: #138660; --fc__primary__overlay__bg: rgba(66, 240, 182, 0.75); --fc__primary__overlay__bg: rgba(19, 134, 96, 0.75); --fc__primary--light__bg: rgba(19, 134, 96, 0.15); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); } html.qh__t__misquamicut { --fc__official__fg: white; --fc__official__bg: #293557; --fc__official__link: white; --fc__official__link--hover: #95bddf; --fc__official__link--focus: #95bddf; --fc__header__fg: #293557; --fc__header__bg: #95bddf; --fc__header__link: white; --fc__header__link--hover: #293557; --fc__header__social__link: #293557; --fc__header__social__link--hover: white; --fc__nav-main__fg: #1b243b; --fc__nav-main__bg: #5994cf; --fc__nav-main__link: #1b243b; --fc__nav-main__link--hover: #1b243b; --fc__nav-main__link--hover__bg: white; --fc__nav-main__link--focus: #1b243b; --fc__nav-main__link--active: #1b243b; --fc__nav-main__link__sub--hover__bg: rgba(149, 189, 223, 0.25); --fc__nav-main__icon__bg: white; --fc__nav-main__icon__fg: #293557; --fc__nav-main__icon__bg--hover: #face3d; --fc__nav-main__icon__fg--hover: #293557; --fc__default__fg: #404040; --fc__default__bg: white; --fc__default__overlay__bg: rgba(255, 255, 255, 0.75); --fc__default__border: rgba(20, 20, 20, 0.15); --fc__default__link: #1440b8; --fc__default__link--hover: #476cd1; --fc__default__link--focus: #476cd1; --fc__default__link--visited: #5c55be; --fc__default__link--active: #476cd1; --fc__default__hx__fg: #2e2e2e; --fc__default__violator: #ff8e47; --fc__default__accent: #ff8e47; --fc__default__accent__fg: #1b243b; --fc__default__text-accent: #5994cf; --fc__default__button__bg: #ff8e47; --fc__default__button__fg: #1b243b; --fc__default__button--hover__bg: #1b243b; --fc__default__button--hover__fg: #ff8e47; --fc__icon__pdf: #eb5252; --fc__icon__word: #293557; --fc__icon__excel: #59bf45; --fc__icon__generic: #6e6e6e; --fc__icon__download: #6e6e6e; --fc__nav-minor__border: #95bddf; --fc__nav-minor__fg: #141414; --fc__nav-minor__bg: rgba(149, 189, 223, 0.25); --fc__nav-minor__link: #1b243b; --fc__nav-minor__link__bg: transparent; --fc__nav-minor__link--hover: #1b243b; --fc__nav-minor__link--hover__bg: rgba(149, 189, 223, 0.25); --fc__nav-minor__link--focus: #1b243b; --fc__nav-minor__link--active: #1b243b; --fc__nav-minor__sub__bg: rgba(255, 255, 255, 0.25); --fc__notification__fg: #1b243b; --fc__notification__bg: #face3d; --fc__notification__icon: #293557; --fc__notification__link: #1b243b; --fc__notification__link--hover: #1b243b; --fc__notification__link--focus: #1b243b; --fc__notification__link--active: #1b243b; --fc__notification__button__fg: #face3d; --fc__notification__button__bg: #293557; --fc__notification__border: #293557; --fc__accordion__icon__fg: #1b243b; --fc__accordion__icon__bg: #face3d; --fc__attention-card__fg: #1b243b; --fc__attention-card__bar: #95bddf; --fc__attention-card__icon: #1b243b; --fc__footer__border-top: #293557; --fc__footer__fg: black; --fc__footer__bg: #95bddf; --fc__footer__copyright__bg: #5994cf; --fc__primary__fg: white; --fc__primary__bg: #293557; --fc__primary__overlay__bg: rgba(41, 53, 87, 0.75); --fc__primary__link: #95bddf; --fc__primary__link--hover: #95bddf; --fc__primary__fg--dark: white; --fc__primary__bg--dark: #293557; --fc__primary__overlay__bg--dark: rgba(41, 53, 87, 0.75); --fc__primary__link--dark: #95bddf; --fc__primary__link--dark--hover: #95bddf; --fc__primary--light__fg: #293557; --fc__primary--light__bg: #95bddf; --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link: #1b243b; --fc__primary--light__link--hover: #141414; --fc__primary--light__fg--dark: #95bddf; --fc__primary--light__bg--dark: #293557; --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: white; --fc__primary--light__link--dark--hover: #95bddf; } html.dark.qh__t__misquamicut { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: #95bddf; --fc__official__link--hover: #face3d; --fc__official__link--focus: #face3d; --fc__header__fg: white; --fc__header__bg: #1b243b; --fc__header__link: white; --fc__header__link--hover: #95bddf; --fc__header__social__link: #95bddf; --fc__header__social__link--hover: #face3d; --fc__nav-main__fg: #d4d4d4; --fc__nav-main__bg: #293557; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #141414; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #face3d; --fc__nav-main__link__sub--hover__bg: rgba(20, 20, 20, 0.15); --fc__nav-main__icon__bg: #95bddf; --fc__nav-main__icon__fg: #293557; --fc__nav-main__icon__bg--hover: #face3d; --fc__nav-main__icon__fg--hover: #1b243b; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__default__violator: #ff8e47; --fc__default__accent: #face3d; --fc__default__text-accent: #d4d4d4; --fc__default__button__bg: #293557; --fc__default__button__fg: #face3d; --fc__default__button--hover__bg: #1b243b; --fc__default__button--hover__fg: #95bddf; --fc__icon__pdf: #eb5252; --fc__icon__word: #95bddf; --fc__icon__excel: #59bf45; --fc__icon__generic: rgba(255, 255, 255, 0.33); --fc__icon__download: rgba(255, 255, 255, 0.33); --fc__nav-minor__border: #293557; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(41, 53, 87, 0.5); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link__bg: transparent; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--hover__bg: #2e2e2e; --fc__nav-minor__link--focus: #face3d; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.33); --fc__notification__fg: #1b243b; --fc__notification__bg: #face3d; --fc__notification__icon: #293557; --fc__notification__link: #1b243b; --fc__notification__link--hover: #1440b8; --fc__notification__link--focus: #1b243b; --fc__notification__link--active: #476cd1; --fc__notification__button__fg: #293557; --fc__notification__button__bg: white; --fc__notification__border: rgba(20, 20, 20, 0.33); --fc__accordion__icon__fg: #141414; --fc__accordion__icon__bg: #ff8e47; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #293557; --fc__attention-card__icon: #f0eee5; --fc__footer__border-top: #5994cf; --fc__footer__fg: white; --fc__footer__bg: #293557; --fc__footer__copyright__bg: #141414; --fc__primary__fg: white; --fc__primary__bg: rgba(41, 53, 87, 0.5); --fc__primary__overlay__bg: rgba(41, 53, 87, 0.75); --fc__primary__link: #95a9df; --fc__primary__link--hover: #face3d; --fc__primary--light__fg: #f0eee5; --fc__primary--light__bg: rgba(149, 189, 223, 0.25); --fc__primary--light__overlay__bg: rgba(149, 189, 223, 0.75); --fc__primary--light__link: white; --fc__primary--light__link--hover: #face3d; } @media (prefers-color-scheme: dark) { html:not(.light) { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: #95bddf; --fc__official__link--hover: #face3d; --fc__official__link--focus: #face3d; --fc__header__fg: white; --fc__header__bg: #1b243b; --fc__header__link: white; --fc__header__link--hover: #95bddf; --fc__header__social__link: #95bddf; --fc__header__social__link--hover: #face3d; --fc__nav-main__fg: #d4d4d4; --fc__nav-main__bg: #293557; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #141414; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #face3d; --fc__nav-main__link__sub--hover__bg: rgba(20, 20, 20, 0.15); --fc__nav-main__icon__bg: #95bddf; --fc__nav-main__icon__bg--hover: #face3d; --fc__nav-main__icon__fg--hover: #1b243b; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__default__text-accent: #d4d4d4; --fc__icon__word: #95bddf; --fc__icon__generic: rgba(255, 255, 255, 0.33); --fc__icon__download: rgba(255, 255, 255, 0.33); --fc__nav-minor__border: #293557; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(41, 53, 87, 0.5); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link__bg: transparent; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--hover__bg: #2e2e2e; --fc__nav-minor__link--focus: #face3d; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.33); --fc__notification__bg: #face3d; --fc__accordion__icon__fg: #141414; --fc__accordion__icon__bg: #ff8e47; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #293557; --fc__attention-card__icon: #f0eee5; --fc__footer__border-top: #95bddf; --fc__footer__fg: white; --fc__footer__bg: #404040; --fc__footer__copyright__bg: #141414; --fc__primary__fg: white; --fc__primary__bg: rgba(41, 53, 87, 0.5); --fc__primary__link: #95a9df; --fc__primary__link--hover: #face3d; --fc__primary--light__fg: #f0eee5; --fc__primary--light__bg: rgba(149, 189, 223, 0.25); --fc__primary--light__link: white; --fc__primary--light__link--hover: #face3d; } html:not(.light) .qh__t__federal-hill { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: white; --fc__official__link--hover: #eb5252; --fc__official__link--focus: #eb5252; --fc__header__fg: white; --fc__header__bg: rgba(235, 82, 82, 0.15); --fc__header__link: white; --fc__header__link--hover: #face3d; --fc__header__social__link: #eb5252; --fc__header__social__link--hover: #face3d; --fc__nav-main__bg: #8e3339; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #141414; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #face3d; --fc__nav-main__link__sub--hover__bg: rgba(20, 20, 20, 0.15); --fc__nav-main__icon__bg: #2e2e2e; --fc__nav-main__icon__fg: white; --fc__nav-main__icon__bg--hover: #eb5252; --fc__nav-main__icon__fg--hover: #2e2e2e; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__button--hover__fg: #face3d; --fc__nav-minor__border: #8e3339; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(235, 82, 82, 0.15); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--focus: #95bddf; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.15); --fc__accordion__icon__bg: #eb5252; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #8e3339; --fc__attention-card__icon: #f0eee5; --fc__footer__border-top: #eb5252; --fc__footer__fg: white; --fc__footer__bg: #404040; --fc__footer__copyright__bg: #141414; --fc__primary__bg: rgba(235, 82, 82, 0.5); --fc__primary__overlay__bg: rgba(235, 82, 82, 0.75); --fc__primary__link--hover: #face3d; --fc__primary__fg--dark: #f0eee5; --fc__primary__bg--dark: rgba(235, 82, 82, 0.5); --fc__primary__overlay__bg--dark: rgba(142, 51, 57, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__bg: rgba(235, 82, 82, 0.15); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__link--hover: #face3d; --fc__primary--light__fg--dark: #f0eee5; --fc__primary--light__bg--dark: rgba(235, 82, 82, 0.15); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: #d2cbb2; --fc__primary--light__link--dark--hover: #face3d; } html:not(.light) .qh__t__wickaboxet { --fc__official__bg: #141414; --fc__header__fg: #f0eee5; --fc__header__bg: rgba(89, 191, 69, 0.15); --fc__header__link: #f0eee5; --fc__header__link--hover: white; --fc__header__social__link: #59bf45; --fc__header__social__link--hover: white; --fc__nav-main__fg: #f0eee5; --fc__nav-main__bg: #2e7a1f; --fc__nav-main__link: white; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #2e2e2e; --fc__nav-main__link--focus: #f0eee5; --fc__nav-main__link--active: #face3d; --fc__nav-main__icon__bg: white; --fc__nav-main__icon__fg: #141414; --fc__nav-main__icon__bg--hover: #95bddf; --fc__nav-main__icon__fg--hover: #141414; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #59bf45; --fc__default__text-accent: white; --fc__nav-minor__fg: #d2cbb2; --fc__nav-minor__bg: rgba(89, 191, 69, 0.15); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.25); --fc__notification__bg: #face3d; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #2e7a1f; --fc__attention-card__icon: #f2f2f2; --fc__footer__bg: #2e2e2e; --fc__primary__fg: #f0eee5; --fc__primary__bg: #2e7a1f; --fc__primary__link: white; --fc__primary--light__bg: rgba(89, 191, 69, 0.15); } html:not(.light) .qh__t__block-island { --fc__official__bg: #2e2e2e; --fc__header__fg: #d4d4d4; --fc__header__bg: rgba(149, 189, 223, 0.1); --fc__header__link: #95bddf; --fc__header__link--hover: #d4d4d4; --fc__header__social__link: #d4d4d4; --fc__nav-main__fg: #d4d4d4; --fc__nav-main__bg: #48525b; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #2e2e2e; --fc__nav-main__icon__bg: #95bddf; --fc__nav-main__icon__fg: #2e2e2e; --fc__nav-main__icon__bg--hover: white; --fc__nav-main__icon__fg--hover: #293557; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__nav-minor__border: rgba(149, 189, 223, 0.25); --fc__nav-minor__fg: #f0eee5; --fc__nav-minor__bg: rgba(149, 189, 223, 0.1); --fc__nav-minor__link: white; --fc__nav-minor__link--hover: #d4d4d4; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.15); --fc__notification__bg: #face3d; --fc__attention-card__fg: white; --fc__attention-card__bar: #293557; --fc__attention-card__icon: #d4d4d4; --fc__footer__border-top: rgba(149, 189, 223, 0.25); --fc__footer__fg: #d4d4d4; --fc__footer__bg: rgba(149, 189, 223, 0.25); --fc__footer__copyright__bg: transparent; --fc__primary__fg--dark: #d4d4d4; --fc__primary__bg--dark: rgba(149, 189, 223, 0.25); --fc__primary__overlay__bg: rgba(149, 189, 223, 0.75); --fc__primary__overlay__bg--dark: rgba(41, 53, 87, 0.75); --fc__primary__link--dark: white; --fc__primary__link--dark--hover: #face3d; --fc__primary--light__fg--dark: #d4d4d4; --fc__primary--light__bg--dark: rgba(149, 189, 223, 0.1); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); --fc__primary--light__link--dark: white; --fc__primary--light__link--dark--hover: #face3d; } html:not(.light) .qh__t__blue-shutters { --fc__official__fg: white; --fc__official__bg: rgba(66, 240, 182, 0.25); --fc__official__link: white; --fc__official__link--hover: #7affd3; --fc__official__link--focus: #7affd3; --fc__header__fg: #c9f7e8; --fc__header__bg: rgba(66, 240, 182, 0.25); --fc__header__link: #c9f7e8; --fc__header__link--hover: #d4d4d4; --fc__header__social__link: #7affd3; --fc__header__social__link--hover: #d4d4d4; --fc__nav-main__bg: #42f0b6; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__default__text-accent: #42f0b6; --fc__default__button__bg: #42f0b6; --fc__default__button__fg: #141414; --fc__default__button--hover__bg: #7affd3; --fc__default__button--hover__fg: #48525b; --fc__nav-minor__border: #138660; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(66, 240, 182, 0.25); --fc__nav-minor__link: #d4d4d4; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--hover__bg: rgba(255, 255, 255, 0.15); --fc__nav-minor__link--focus: #face3d; --fc__nav-minor__sub__bg: rgba(255, 255, 255, 0.15); --fc__notification__bg: #face3d; --fc__accordion__icon__bg: #42f0b6; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #138660; --fc__attention-card__icon: #c9f7e8; --fc__footer__border-top: #138660; --fc__footer__fg: white; --fc__footer__bg: rgba(19, 134, 96, 0.15); --fc__primary__bg: #138660; --fc__primary__overlay__bg: rgba(66, 240, 182, 0.75); --fc__primary__overlay__bg: rgba(19, 134, 96, 0.75); --fc__primary--light__bg: rgba(19, 134, 96, 0.15); --fc__primary--light__overlay__bg: rgba(255, 255, 255, 0.75); --fc__primary--light__overlay__bg--dark: rgba(20, 20, 20, 0.75); } html:not(.light) .qh__t__misquamicut { --fc__official__fg: #d4d4d4; --fc__official__bg: #141414; --fc__official__link: #95bddf; --fc__official__link--hover: #face3d; --fc__official__link--focus: #face3d; --fc__header__fg: white; --fc__header__bg: #1b243b; --fc__header__link: white; --fc__header__link--hover: #95bddf; --fc__header__social__link: #95bddf; --fc__header__social__link--hover: #face3d; --fc__nav-main__fg: #d4d4d4; --fc__nav-main__bg: #293557; --fc__nav-main__link: #d4d4d4; --fc__nav-main__link--hover: white; --fc__nav-main__link--hover__bg: #141414; --fc__nav-main__link--focus: #face3d; --fc__nav-main__link--active: #face3d; --fc__nav-main__link__sub--hover__bg: rgba(20, 20, 20, 0.15); --fc__nav-main__icon__bg: #95bddf; --fc__nav-main__icon__fg: #293557; --fc__nav-main__icon__bg--hover: #face3d; --fc__nav-main__icon__fg--hover: #1b243b; --fc__default__fg: #f0eee5; --fc__default__bg: #2e2e2e; --fc__default__overlay__bg: rgba(20, 20, 20, 0.75); --fc__default__border: rgba(255, 255, 255, 0.25); --fc__default__link: #95bddf; --fc__default__link--hover: #face3d; --fc__default__link--focus: #95bddf; --fc__default__link--visited: #bbacec; --fc__default__link--active: #ff8e47; --fc__default__hx__fg: #d2cbb2; --fc__default__violator: #ff8e47; --fc__default__accent: #face3d; --fc__default__text-accent: #d4d4d4; --fc__default__button__bg: #293557; --fc__default__button__fg: #face3d; --fc__default__button--hover__bg: #1b243b; --fc__default__button--hover__fg: #95bddf; --fc__icon__pdf: #eb5252; --fc__icon__word: #95bddf; --fc__icon__excel: #59bf45; --fc__icon__generic: rgba(255, 255, 255, 0.33); --fc__icon__download: rgba(255, 255, 255, 0.33); --fc__nav-minor__border: #293557; --fc__nav-minor__fg: #d4d4d4; --fc__nav-minor__bg: rgba(41, 53, 87, 0.5); --fc__nav-minor__link: #f0eee5; --fc__nav-minor__link__bg: transparent; --fc__nav-minor__link--hover: white; --fc__nav-minor__link--hover__bg: #2e2e2e; --fc__nav-minor__link--focus: #face3d; --fc__nav-minor__link--active: #face3d; --fc__nav-minor__sub__bg: rgba(20, 20, 20, 0.33); --fc__notification__fg: #1b243b; --fc__notification__bg: #face3d; --fc__notification__icon: #293557; --fc__notification__link: #1b243b; --fc__notification__link--hover: #1440b8; --fc__notification__link--focus: #1b243b; --fc__notification__link--active: #476cd1; --fc__notification__button__fg: #293557; --fc__notification__button__bg: white; --fc__notification__border: rgba(20, 20, 20, 0.33); --fc__accordion__icon__fg: #141414; --fc__accordion__icon__bg: #ff8e47; --fc__attention-card__fg: #f0eee5; --fc__attention-card__bar: #293557; --fc__attention-card__icon: #f0eee5; --fc__footer__border-top: #5994cf; --fc__footer__fg: white; --fc__footer__bg: #293557; --fc__footer__copyright__bg: #141414; --fc__primary__fg: white; --fc__primary__bg: rgba(41, 53, 87, 0.5); --fc__primary__overlay__bg: rgba(41, 53, 87, 0.75); --fc__primary__link: #95a9df; --fc__primary__link--hover: #face3d; --fc__primary--light__fg: #f0eee5; --fc__primary--light__bg: rgba(149, 189, 223, 0.25); --fc__primary--light__overlay__bg: rgba(149, 189, 223, 0.75); --fc__primary--light__link: white; --fc__primary--light__link--hover: #face3d; } } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { background-color: var(--fc__default__bg); color: var(--fc__default__fg); margin: 0; padding: 0; } ::selection { background-color: var(--fc__default__fg); color: var(--fc__default__bg); } header, nav, article, main, section, aside, footer { display: block; } nav ul, nav ol { list-style: none; margin: 0; } nav ul li, nav ol li { margin-left: 0; } nav ul li + li, nav ol li + li { margin-top: 0; } :focus:not(:focus-visible) { border: 0; outline: none; } [tabindex="-1"]:focus { outline: 0 !important; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .qh__t__primary, .qh__collection__primary-bg .qh__text-card { background-color: var(--fc__primary__bg); color: var(--fc__primary__fg); } .qh__t__primary h1, .qh__t__primary .h1, .qh__t__primary h2, .qh__t__primary .h2, .qh__t__primary h3, .qh__t__primary .h3, .qh__t__primary h4, .qh__t__primary .h4, .qh__t__primary h5, .qh__t__primary .h5, .qh__t__primary h6, .qh__t__primary .h6, .qh__collection__primary-bg .qh__text-card h1, .qh__collection__primary-bg .qh__text-card .h1, .qh__collection__primary-bg .qh__text-card h2, .qh__collection__primary-bg .qh__text-card .h2, .qh__collection__primary-bg .qh__text-card h3, .qh__collection__primary-bg .qh__text-card .h3, .qh__collection__primary-bg .qh__text-card h4, .qh__collection__primary-bg .qh__text-card .h4, .qh__collection__primary-bg .qh__text-card h5, .qh__collection__primary-bg .qh__text-card .h5, .qh__collection__primary-bg .qh__text-card h6, .qh__collection__primary-bg .qh__text-card .h6 { color: currentColor; } .qh__t__primary a:not(.qh__btn), .qh__t__primary a:not(.qh__btn):visited, .qh__collection__primary-bg .qh__text-card a:not(.qh__btn), .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):visited { color: var(--fc__primary__link, currentColor); } .qh__t__primary a:not(.qh__btn):hover, .qh__t__primary a:not(.qh__btn):focus, .qh__t__primary a:not(.qh__btn):active, .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):hover, .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):focus, .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):active { color: var(--fc__primary__link--hover, var(--fc__primary__link), currentColor); } .qh__t__primary a:not(.qh__btn):focus, .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):focus { outline-color: var(--fc__primary__link--hover, var(--fc__primary__link), currentColor); } .dark .qh__t__primary, .dark .qh__collection__primary-bg .qh__text-card { background-color: var(--fc__primary__bg--dark); color: var(--fc__primary__fg--dark); } .dark .qh__t__primary a:not(.qh__btn), .dark .qh__t__primary a:not(.qh__btn):visited, .dark .qh__collection__primary-bg .qh__text-card a:not(.qh__btn), .dark .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):visited { color: var(--fc__primary__link--dark, currentColor); } .dark .qh__t__primary a:not(.qh__btn):hover, .dark .qh__t__primary a:not(.qh__btn):focus, .dark .qh__t__primary a:not(.qh__btn):active, .dark .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):hover, .dark .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):focus, .dark .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):active { color: var(--fc__primary__link--dark--hover, var(--fc__primary__link), currentColor); } .dark .qh__t__primary a:not(.qh__btn):focus, .dark .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):focus { outline-color: var(--fc__primary--dark__link--hover, var(--fc__primary__link), currentColor); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__t__primary, html:not(.light) .qh__collection__primary-bg .qh__text-card { background-color: var(--fc__primary__bg--dark); color: var(--fc__primary__fg--dark); } html:not(.light) .qh__t__primary a:not(.qh__btn), html:not(.light) .qh__t__primary a:not(.qh__btn):visited, html:not(.light) .qh__collection__primary-bg .qh__text-card a:not(.qh__btn), html:not(.light) .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):visited { color: var(--fc__primary__link--dark, currentColor); } html:not(.light) .qh__t__primary a:not(.qh__btn):hover, html:not(.light) .qh__t__primary a:not(.qh__btn):focus, html:not(.light) .qh__t__primary a:not(.qh__btn):active, html:not(.light) .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):hover, html:not(.light) .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):focus, html:not(.light) .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):active { color: var(--fc__primary__link--dark--hover, var(--fc__primary__link), currentColor); } html:not(.light) .qh__t__primary a:not(.qh__btn):focus, html:not(.light) .qh__collection__primary-bg .qh__text-card a:not(.qh__btn):focus { outline-color: var(--fc__primary--dark__link--hover, var(--fc__primary__link), currentColor); } } .qh__t__primary--light, .qh__collection__primary-light-bg .qh__text-card { background-color: var(--fc__primary--light__bg); color: var(--fc__primary--light__fg); } .qh__t__primary--light h1, .qh__t__primary--light .h1, .qh__t__primary--light h2, .qh__t__primary--light .h2, .qh__t__primary--light h3, .qh__t__primary--light .h3, .qh__t__primary--light h4, .qh__t__primary--light .h4, .qh__t__primary--light h5, .qh__t__primary--light .h5, .qh__t__primary--light h6, .qh__t__primary--light .h6, .qh__collection__primary-light-bg .qh__text-card h1, .qh__collection__primary-light-bg .qh__text-card .h1, .qh__collection__primary-light-bg .qh__text-card h2, .qh__collection__primary-light-bg .qh__text-card .h2, .qh__collection__primary-light-bg .qh__text-card h3, .qh__collection__primary-light-bg .qh__text-card .h3, .qh__collection__primary-light-bg .qh__text-card h4, .qh__collection__primary-light-bg .qh__text-card .h4, .qh__collection__primary-light-bg .qh__text-card h5, .qh__collection__primary-light-bg .qh__text-card .h5, .qh__collection__primary-light-bg .qh__text-card h6, .qh__collection__primary-light-bg .qh__text-card .h6 { color: currentColor; } .qh__t__primary--light a:not(.qh__btn), .qh__t__primary--light a:not(.qh__btn):visited, .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn), .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):visited { color: var(--fc__primary--light__link, currentColor); } .qh__t__primary--light a:not(.qh__btn):hover, .qh__t__primary--light a:not(.qh__btn):focus, .qh__t__primary--light a:not(.qh__btn):active, .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):hover, .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):focus, .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):active { color: var(--fc__primary--light__link--hover, var(--fc__primary--light__link), currentColor); } .qh__t__primary--light a:not(.qh__btn):focus, .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):focus { outline-color: var(--fc__primary--light__link--hover, var(--fc__primary--light__link), currentColor); } .dark .qh__t__primary--light, .dark .qh__collection__primary-light-bg .qh__text-card { background-color: var(--fc__primary--light__bg--dark); color: var(--fc__primary--light__fg--dark); } .dark .qh__t__primary--light a:not(.qh__btn), .dark .qh__t__primary--light a:not(.qh__btn):visited, .dark .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn), .dark .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):visited { color: var(--fc__primary--light--dark__link, currentColor); } .dark .qh__t__primary--light a:not(.qh__btn):hover, .dark .qh__t__primary--light a:not(.qh__btn):focus, .dark .qh__t__primary--light a:not(.qh__btn):active, .dark .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):hover, .dark .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):focus, .dark .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):active { color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } .dark .qh__t__primary--light a:not(.qh__btn):focus, .dark .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):focus { outline-color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__t__primary--light, html:not(.light) .qh__collection__primary-light-bg .qh__text-card { background-color: var(--fc__primary--light__bg--dark); color: var(--fc__primary--light__fg--dark); } html:not(.light) .qh__t__primary--light a:not(.qh__btn), html:not(.light) .qh__t__primary--light a:not(.qh__btn):visited, html:not(.light) .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn), html:not(.light) .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):visited { color: var(--fc__primary--light--dark__link, currentColor); } html:not(.light) .qh__t__primary--light a:not(.qh__btn):hover, html:not(.light) .qh__t__primary--light a:not(.qh__btn):focus, html:not(.light) .qh__t__primary--light a:not(.qh__btn):active, html:not(.light) .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):hover, html:not(.light) .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):focus, html:not(.light) .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):active { color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } html:not(.light) .qh__t__primary--light a:not(.qh__btn):focus, html:not(.light) .qh__collection__primary-light-bg .qh__text-card a:not(.qh__btn):focus { outline-color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } } .qh__tc__primary { background-color: var(--fc__primary__bg); color: var(--fc__primary__fg); } .qh__tc__primary h1, .qh__tc__primary .h1, .qh__tc__primary h2, .qh__tc__primary .h2, .qh__tc__primary h3, .qh__tc__primary .h3, .qh__tc__primary h4, .qh__tc__primary .h4, .qh__tc__primary h5, .qh__tc__primary .h5, .qh__tc__primary h6, .qh__tc__primary .h6 { color: currentColor; } .qh__tc__primary a:not(.qh__btn), .qh__tc__primary a:not(.qh__btn):visited { color: var(--fc__primary__link, currentColor); } .qh__tc__primary a:not(.qh__btn):hover, .qh__tc__primary a:not(.qh__btn):focus, .qh__tc__primary a:not(.qh__btn):active { color: var(--fc__primary__link--hover, var(--fc__primary__link), currentColor); } .qh__tc__primary a:not(.qh__btn):focus { outline-color: var(--fc__primary__link--hover, var(--fc__primary__link), currentColor); } .dark .qh__tc__primary { background-color: var(--fc__primary__bg--dark); color: var(--fc__primary__fg--dark); } .dark .qh__tc__primary a:not(.qh__btn), .dark .qh__tc__primary a:not(.qh__btn):visited { color: var(--fc__primary__link--dark, currentColor); } .dark .qh__tc__primary a:not(.qh__btn):hover, .dark .qh__tc__primary a:not(.qh__btn):focus, .dark .qh__tc__primary a:not(.qh__btn):active { color: var(--fc__primary__link--dark--hover, var(--fc__primary__link), currentColor); } .dark .qh__tc__primary a:not(.qh__btn):focus { outline-color: var(--fc__primary--dark__link--hover, var(--fc__primary__link), currentColor); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__tc__primary { background-color: var(--fc__primary__bg--dark); color: var(--fc__primary__fg--dark); } html:not(.light) .qh__tc__primary a:not(.qh__btn), html:not(.light) .qh__tc__primary a:not(.qh__btn):visited { color: var(--fc__primary__link--dark, currentColor); } html:not(.light) .qh__tc__primary a:not(.qh__btn):hover, html:not(.light) .qh__tc__primary a:not(.qh__btn):focus, html:not(.light) .qh__tc__primary a:not(.qh__btn):active { color: var(--fc__primary__link--dark--hover, var(--fc__primary__link), currentColor); } html:not(.light) .qh__tc__primary a:not(.qh__btn):focus { outline-color: var(--fc__primary--dark__link--hover, var(--fc__primary__link), currentColor); } } .qh__tc__primary--light { background-color: var(--fc__primary--light__bg); color: var(--fc__primary--light__fg); } .qh__tc__primary--light h1, .qh__tc__primary--light .h1, .qh__tc__primary--light h2, .qh__tc__primary--light .h2, .qh__tc__primary--light h3, .qh__tc__primary--light .h3, .qh__tc__primary--light h4, .qh__tc__primary--light .h4, .qh__tc__primary--light h5, .qh__tc__primary--light .h5, .qh__tc__primary--light h6, .qh__tc__primary--light .h6 { color: currentColor; } .qh__tc__primary--light a:not(.qh__btn), .qh__tc__primary--light a:not(.qh__btn):visited { color: var(--fc__primary--light__link, currentColor); } .qh__tc__primary--light a:not(.qh__btn):hover, .qh__tc__primary--light a:not(.qh__btn):focus, .qh__tc__primary--light a:not(.qh__btn):active { color: var(--fc__primary--light__link--hover, var(--fc__primary--light__link), currentColor); } .qh__tc__primary--light a:not(.qh__btn):focus { outline-color: var(--fc__primary--light__link--hover, var(--fc__primary--light__link), currentColor); } .dark .qh__tc__primary--light { background-color: var(--fc__primary--light__bg--dark); color: var(--fc__primary--light__fg--dark); } .dark .qh__tc__primary--light a:not(.qh__btn), .dark .qh__tc__primary--light a:not(.qh__btn):visited { color: var(--fc__primary--light--dark__link, currentColor); } .dark .qh__tc__primary--light a:not(.qh__btn):hover, .dark .qh__tc__primary--light a:not(.qh__btn):focus, .dark .qh__tc__primary--light a:not(.qh__btn):active { color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } .dark .qh__tc__primary--light a:not(.qh__btn):focus { outline-color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__tc__primary--light { background-color: var(--fc__primary--light__bg--dark); color: var(--fc__primary--light__fg--dark); } html:not(.light) .qh__tc__primary--light a:not(.qh__btn), html:not(.light) .qh__tc__primary--light a:not(.qh__btn):visited { color: var(--fc__primary--light--dark__link, currentColor); } html:not(.light) .qh__tc__primary--light a:not(.qh__btn):hover, html:not(.light) .qh__tc__primary--light a:not(.qh__btn):focus, html:not(.light) .qh__tc__primary--light a:not(.qh__btn):active { color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } html:not(.light) .qh__tc__primary--light a:not(.qh__btn):focus { outline-color: var(--fc__primary--light__link--dark--hover, var(--fc__primary--light__link--dark), currentColor); } } .qh__t__coffee-milk, .qh__collection__coffee-milk-bg .qh__text-card, .qh__tc__coffee-milk { background-color: var(--c__coffee-milk--trans25); color: var(--c__quahog--dark); } .qh__t__coffee-milk h1, .qh__t__coffee-milk .h1, .qh__t__coffee-milk h2, .qh__t__coffee-milk .h2, .qh__t__coffee-milk h3, .qh__t__coffee-milk .h3, .qh__t__coffee-milk h4, .qh__t__coffee-milk .h4, .qh__t__coffee-milk h5, .qh__t__coffee-milk .h5, .qh__t__coffee-milk h6, .qh__t__coffee-milk .h6, .qh__collection__coffee-milk-bg .qh__text-card h1, .qh__collection__coffee-milk-bg .qh__text-card .h1, .qh__collection__coffee-milk-bg .qh__text-card h2, .qh__collection__coffee-milk-bg .qh__text-card .h2, .qh__collection__coffee-milk-bg .qh__text-card h3, .qh__collection__coffee-milk-bg .qh__text-card .h3, .qh__collection__coffee-milk-bg .qh__text-card h4, .qh__collection__coffee-milk-bg .qh__text-card .h4, .qh__collection__coffee-milk-bg .qh__text-card h5, .qh__collection__coffee-milk-bg .qh__text-card .h5, .qh__collection__coffee-milk-bg .qh__text-card h6, .qh__collection__coffee-milk-bg .qh__text-card .h6, .qh__tc__coffee-milk h1, .qh__tc__coffee-milk .h1, .qh__tc__coffee-milk h2, .qh__tc__coffee-milk .h2, .qh__tc__coffee-milk h3, .qh__tc__coffee-milk .h3, .qh__tc__coffee-milk h4, .qh__tc__coffee-milk .h4, .qh__tc__coffee-milk h5, .qh__tc__coffee-milk .h5, .qh__tc__coffee-milk h6, .qh__tc__coffee-milk .h6 { color: currentColor; } .qh__t__coffee-milk a:not(.qh__btn), .qh__t__coffee-milk a:not(.qh__btn):visited, .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn), .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):visited, .qh__tc__coffee-milk a:not(.qh__btn), .qh__tc__coffee-milk a:not(.qh__btn):visited { color: var(--c__navy); } .qh__t__coffee-milk a:not(.qh__btn):hover, .qh__t__coffee-milk a:not(.qh__btn):focus, .qh__t__coffee-milk a:not(.qh__btn):active, .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):hover, .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):focus, .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):active, .qh__tc__coffee-milk a:not(.qh__btn):hover, .qh__tc__coffee-milk a:not(.qh__btn):focus, .qh__tc__coffee-milk a:not(.qh__btn):active { color: var(--c__quahog--medium); } .qh__t__coffee-milk a:not(.qh__btn):focus, .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):focus, .qh__tc__coffee-milk a:not(.qh__btn):focus { outline-color: var(--c__navy); } .dark .qh__t__coffee-milk, .dark .qh__collection__coffee-milk-bg .qh__text-card, .dark .qh__tc__coffee-milk { background-color: var(--c__coffee-milk--trans25); color: var(--c__coffee-milk--light); } .dark .qh__t__coffee-milk a:not(.qh__btn), .dark .qh__t__coffee-milk a:not(.qh__btn):visited, .dark .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn), .dark .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):visited, .dark .qh__tc__coffee-milk a:not(.qh__btn), .dark .qh__tc__coffee-milk a:not(.qh__btn):visited { color: var(--c__white); } .dark .qh__t__coffee-milk a:not(.qh__btn):hover, .dark .qh__t__coffee-milk a:not(.qh__btn):focus, .dark .qh__t__coffee-milk a:not(.qh__btn):active, .dark .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):hover, .dark .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):focus, .dark .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):active, .dark .qh__tc__coffee-milk a:not(.qh__btn):hover, .dark .qh__tc__coffee-milk a:not(.qh__btn):focus, .dark .qh__tc__coffee-milk a:not(.qh__btn):active { color: var(--fc__default__accent); } .dark .qh__t__coffee-milk a:not(.qh__btn):focus, .dark .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):focus, .dark .qh__tc__coffee-milk a:not(.qh__btn):focus { outline-color: var(--c__white); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__t__coffee-milk, html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card, html:not(.light) .qh__tc__coffee-milk { background-color: var(--c__coffee-milk--trans25); color: var(--c__coffee-milk--light); } html:not(.light) .qh__t__coffee-milk a:not(.qh__btn), html:not(.light) .qh__t__coffee-milk a:not(.qh__btn):visited, html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn), html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):visited, html:not(.light) .qh__tc__coffee-milk a:not(.qh__btn), html:not(.light) .qh__tc__coffee-milk a:not(.qh__btn):visited { color: var(--c__white); } html:not(.light) .qh__t__coffee-milk a:not(.qh__btn):hover, html:not(.light) .qh__t__coffee-milk a:not(.qh__btn):focus, html:not(.light) .qh__t__coffee-milk a:not(.qh__btn):active, html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):hover, html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):focus, html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):active, html:not(.light) .qh__tc__coffee-milk a:not(.qh__btn):hover, html:not(.light) .qh__tc__coffee-milk a:not(.qh__btn):focus, html:not(.light) .qh__tc__coffee-milk a:not(.qh__btn):active { color: var(--fc__default__accent); } html:not(.light) .qh__t__coffee-milk a:not(.qh__btn):focus, html:not(.light) .qh__collection__coffee-milk-bg .qh__text-card a:not(.qh__btn):focus, html:not(.light) .qh__tc__coffee-milk a:not(.qh__btn):focus { outline-color: var(--c__white); } } .visually-hidden:not(:focus):not(:active) { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; /* added line */ } /* text-size proportional spacer */ body { --body-text-spacer: clamp(1rem, 2vw, 1.25rem); } /* following element spacing selector, just inside node content */ .node > * + *, .qh__accordion__content > div > * + *, .qh__numbered-step__content > * + *, .qh__single-event__content > * + * { margin-top: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .node > * + *, .qh__accordion__content > div > * + *, .qh__numbered-step__content > * + *, .qh__single-event__content > * + * { margin-top: var(--body-text-spacer); } } /* Any time paragraphs follow something else */ main * + p { margin-top: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { main * + p { margin-top: var(--body-text-spacer); } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--fc__default__hx__fg); } h2 { color: var(--fc__default__text-accent); } h1 { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: normal; font-size: 2rem; line-height: 1.05; font-style: normal; margin-top: 0; margin-bottom: 1.25rem; } .wf-inactive h1 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf):not(.wf-inactive) h1 { font-family: var(--font-serif-vf); font-weight: 275; } html:not(.novf).wf-inactive h1 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { h1 { font-size: 2.25rem; line-height: 1.075; } } @media (min-width: 62em) { h1 { font-size: 2.4375rem; line-height: 1.1; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { h1 { --font-size-min-value: 2; --font-size-max-value: 2.4375; --font-size-scaler-value: var(--h1-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.05; --font-lh-max-value: 1.1; --font-lh-scaler-value: var(--h1-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { h1 { margin-bottom: var(--body-text-spacer); } } h2 { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: normal; } .wf-inactive h2 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) h2 { font-family: var(--font-serif-vf); font-weight: 400; } html:not(.novf).wf-inactive h2 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } .qh__emphasis::after { content: ' '; display: block; border-bottom: solid 0.4rem var(--fc__default__violator); margin-top: 1.0625rem; margin-bottom: 1.0625rem; width: 1.125em; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__emphasis::after { margin-top: calc(var(--body-text-spacer) * 0.85); margin-bottom: calc(var(--body-text-spacer) * 0.85); } } h2, .qh__h2 { font-size: 1.5rem; line-height: 1.1; font-style: normal; margin-top: 0.625rem; margin-bottom: 0.625rem; } @media (min-width: 50em) { h2, .qh__h2 { font-size: 1.625rem; line-height: 1.125; } } @media (min-width: 62em) { h2, .qh__h2 { font-size: 1.75rem; line-height: 1.15; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { h2, .qh__h2 { --font-size-min-value: 1.5; --font-size-max-value: 1.75; --font-size-scaler-value: var(--h2-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.15; --font-lh-scaler-value: var(--h2-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { h2, .qh__h2 { margin-top: calc(var(--body-text-spacer) * 0.5); margin-bottom: calc(var(--body-text-spacer) * 0.5); } } h3, .qh__h3 { font-family: "Work Sans", var(--font-sans-fallback); font-weight: bold; font-size: 1.25rem; line-height: 1.1; font-style: normal; margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .wf-inactive h3, .wf-inactive .qh__h3 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) h3, html:not(.novf) .qh__h3 { font-family: var(--font-serif-vf); font-weight: 450; } html:not(.novf).wf-inactive h3, html:not(.novf).wf-inactive .qh__h3 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { h3, .qh__h3 { font-size: 1.375rem; line-height: 1.125; } } @media (min-width: 62em) { h3, .qh__h3 { font-size: 1.5rem; line-height: 1.15; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { h3, .qh__h3 { --font-size-min-value: 1.25; --font-size-max-value: 1.5; --font-size-scaler-value: var(--h3-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.15; --font-lh-scaler-value: var(--h3-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { h3, .qh__h3 { margin-top: calc(var(--body-text-spacer) * 0.75); margin-bottom: calc(var(--body-text-spacer) * 0.75); } } h4 { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: normal; font-size: 1rem; line-height: 1.1; font-style: normal; margin-top: 0.625rem; margin-bottom: 0.625rem; } .wf-inactive h4 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) h4 { font-family: var(--font-serif-vf); font-weight: 400; } html:not(.novf).wf-inactive h4 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { h4 { font-size: 1.125rem; line-height: 1.2; } } @media (min-width: 62em) { h4 { font-size: 1.25rem; line-height: 1.3; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { h4 { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--h4-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--h4-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { h4 { margin-top: calc(var(--body-text-spacer) * 0.5); margin-bottom: calc(var(--body-text-spacer) * 0.5); } } h5 { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: bold; font-size: 0.9375rem; line-height: 1.1; font-style: normal; margin-top: 0.625rem; margin-bottom: 0.625rem; } .wf-inactive h5 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) h5 { font-family: var(--font-serif-vf); font-weight: 500; } html:not(.novf).wf-inactive h5 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { h5 { font-size: 1rem; line-height: 1.2; } } @media (min-width: 62em) { h5 { font-size: 1.125rem; line-height: 1.3; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { h5 { --font-size-min-value: 0.9375; --font-size-max-value: 1.125; --font-size-scaler-value: var(--h5-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--h5-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { h5 { margin-top: calc(var(--body-text-spacer) * 0.5); margin-bottom: calc(var(--body-text-spacer) * 0.5); } } h6 { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: bold; font-size: 0.875rem; line-height: 1.1; font-style: normal; margin-top: 0.625rem; margin-bottom: 0.625rem; } .wf-inactive h6 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) h6 { font-family: var(--font-serif-vf); font-weight: 600; } html:not(.novf).wf-inactive h6 { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { h6 { font-size: 0.9375rem; line-height: 1.2; } } @media (min-width: 62em) { h6 { font-size: 1rem; line-height: 1.3; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { h6 { --font-size-min-value: 0.875; --font-size-max-value: 1; --font-size-scaler-value: var(--h6-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--h6-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { h6 { margin-top: calc(var(--body-text-spacer) * 0.5); margin-bottom: calc(var(--body-text-spacer) * 0.5); } } li, dt, dd, th, td, p, address, button, time, caption, .qh__btn, .button, .skip-link { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 1rem; line-height: 1.35; font-style: normal; margin: 0; max-width: 40em; hyphens: auto; } .wf-inactive li, .wf-inactive dt, .wf-inactive dd, .wf-inactive th, .wf-inactive td, .wf-inactive p, .wf-inactive address, .wf-inactive button, .wf-inactive time, .wf-inactive caption, .wf-inactive .qh__btn, .wf-inactive .button, .wf-inactive .skip-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) li, html:not(.novf) dt, html:not(.novf) dd, html:not(.novf) th, html:not(.novf) td, html:not(.novf) p, html:not(.novf) address, html:not(.novf) button, html:not(.novf) time, html:not(.novf) caption, html:not(.novf) .qh__btn, html:not(.novf) .button, html:not(.novf) .skip-link { font-family: var(--font-sans-vf); font-weight: var(--p-font-wght); } html:not(.novf).wf-inactive li, html:not(.novf).wf-inactive dt, html:not(.novf).wf-inactive dd, html:not(.novf).wf-inactive th, html:not(.novf).wf-inactive td, html:not(.novf).wf-inactive p, html:not(.novf).wf-inactive address, html:not(.novf).wf-inactive button, html:not(.novf).wf-inactive time, html:not(.novf).wf-inactive caption, html:not(.novf).wf-inactive .qh__btn, html:not(.novf).wf-inactive .button, html:not(.novf).wf-inactive .skip-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @media (prefers-color-scheme: dark) { html:not(.light) li, html:not(.light) dt, html:not(.light) dd, html:not(.light) th, html:not(.light) td, html:not(.light) p, html:not(.light) address, html:not(.light) button, html:not(.light) time, html:not(.light) caption, html:not(.light) .qh__btn, html:not(.light) .button, html:not(.light) .skip-link { --p-font-wght: calc(var(--default-body-wght) - 25); } } .dark li, .dark dt, .dark dd, .dark th, .dark td, .dark p, .dark address, .dark button, .dark time, .dark caption, .dark .qh__btn, .dark .button, .dark .skip-link { --p-font-wght: calc(var(--default-body-wght) - 25); } } @media (min-width: 50em) { li, dt, dd, th, td, p, address, button, time, caption, .qh__btn, .button, .skip-link { font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 62em) { li, dt, dd, th, td, p, address, button, time, caption, .qh__btn, .button, .skip-link { font-size: 1.25rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { li, dt, dd, th, td, p, address, button, time, caption, .qh__btn, .button, .skip-link { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 50em) { li, dt, dd, th, td, p, address, button, time, caption, .qh__btn, .button, .skip-link { hyphens: none; } } p, li { font-variant-numeric: oldstyle-nums; } strong, b { font-weight: 575; } blockquote { margin: 0; max-width: var(--content-width); } blockquote p { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: normal; font-size: 1.25rem; line-height: 1.5; margin-left: auto; margin-right: auto; margin-top: 0.75rem; } .wf-inactive blockquote p { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) blockquote p { font-family: var(--font-serif-vf); font-weight: 150; } html:not(.novf).wf-inactive blockquote p { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { blockquote p { font-size: 1.375rem; line-height: 1.525; } } @media (min-width: 62em) { blockquote p { font-size: 1.5rem; line-height: 1.55; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { blockquote p { --font-size-min-value: 1.25; --font-size-max-value: 1.5; --font-size-scaler-value: var(--bq-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.5; --font-lh-max-value: 1.55; --font-lh-scaler-value: var(--bq-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } /* using this for any small bits of text that should be 'next size down' from paragraphs */ body { --st-font-wght: var(--default-body-wght); } label, .small-text, figcaption, .qh__file-list__item__description, .qh__file-list__item__filesize { font-family: "Work Sans", var(--font-sans-fallback); font-size: 0.75rem; line-height: 1.1; font-style: normal; } .wf-inactive label, .wf-inactive .small-text, .wf-inactive figcaption, .wf-inactive .qh__file-list__item__description, .wf-inactive .qh__file-list__item__filesize { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) label, html:not(.novf) .small-text, html:not(.novf) figcaption, html:not(.novf) .qh__file-list__item__description, html:not(.novf) .qh__file-list__item__filesize { font-family: var(--font-sans-vf); font-weight: var(--st-font-wght); } html:not(.novf).wf-inactive label, html:not(.novf).wf-inactive .small-text, html:not(.novf).wf-inactive figcaption, html:not(.novf).wf-inactive .qh__file-list__item__description, html:not(.novf).wf-inactive .qh__file-list__item__filesize { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-variant-numeric: lining-nums; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { label, .small-text, figcaption, .qh__file-list__item__description, .qh__file-list__item__filesize { font-size: 0.8125rem; line-height: 1.2; } } @media (min-width: 62em) { label, .small-text, figcaption, .qh__file-list__item__description, .qh__file-list__item__filesize { font-size: 0.875rem; line-height: 1.3; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { label, .small-text, figcaption, .qh__file-list__item__description, .qh__file-list__item__filesize { --font-size-min-value: 0.75; --font-size-max-value: 0.875; --font-size-scaler-value: var(--st-scaler-value); font-size: var(--font-size); --font-lh-min: 1.1; --font-lh-max: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } label { --st-font-wght: 475; display: block; } /* using this for global text styles */ body { word-break: break-word; } a { color: var(--fc__default__link); text-decoration: underline; text-decoration-thickness: 0.05em; text-underline-offset: .075em; text-decoration-skip-ink: auto; transition: all 250ms ease; } a:hover, a:focus { color: var(--fc__default__link--hover); } a:focus { outline: 0.125rem solid var(--fc__default__link--focus); outline-offset: 0.125rem; } a:visited { color: var(--fc__default__link--visited); } a:active { color: var(--fc__default__link--active); } a[href^="mailto:"]::after, a[href^="mailto:"]::before, a[href^="tel:"]::after, a[href^="tel:"]::before, a[target="_blank"]::after, a[target="_blank"]::before { background-color: currentColor; display: inline-block; height: 0.875em; vertical-align: baseline; width: 0.875em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { a[href^="mailto:"]::after, a[href^="mailto:"]::before, a[href^="tel:"]::after, a[href^="tel:"]::before, a[target="_blank"]::after, a[target="_blank"]::before { display: none; } } a[href^="mailto:"]:hover::before, a[href^="mailto:"]:focus::before, a[href^="mailto:"]:hover::after, a[href^="mailto:"]:focus::after, a[href^="tel:"]:hover::before, a[href^="tel:"]:focus::before, a[href^="tel:"]:hover::after, a[href^="tel:"]:focus::after, a[target="_blank"]:hover::before, a[target="_blank"]:focus::before, a[target="_blank"]:hover::after, a[target="_blank"]:focus::after { background-color: currentColor; } a[href^="mailto:"]::before { content: ''; margin-right: 0.25em; mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.4 11.6L15 5.8H0z'/%3E%3Cpath d='M7.4 13.1L0 7.3V15h15V7.3z'/%3E%3C/svg%3E") no-repeat; } a[href^="tel:"]::before { content: ''; margin-right: 0.25em; mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.3 15.8c-6.1.6-11.4-3.9-12-10 0-.3.1-.5.4-.6l2.4-.8c.3-.1.5 0 .7.3l1.4 2.5c.1.3.1.6-.1.8L4.8 9.3c1 1.8 2.7 3.1 4.6 3.8l1-1.5c.1-.2.4-.3.6-.2l2.7.9c.3.1.4.3.4.6l-.3 2.5c0 .2-.2.4-.5.4zM6.7 4.2c.7.4 1.1 1.1 1.1 1.9 0 .3-.2.4-.5.4L7 6.4c-.2 0-.3-.2-.3-.4 0-.4-.2-.7-.5-.9-.2 0-.2-.2-.2-.4l.1-.3c.1-.2.4-.3.6-.2zM7.8.1c2.9 1.1 4.6 4.1 4 7.1 0 .2-.3.4-.5.3l-.3-.1c-.2-.1-.3-.3-.3-.5.5-2.5-.9-5-3.3-5.9-.1 0-.2-.2-.2-.4l.1-.3c.1-.2.3-.3.5-.2zm-.6 2c1.8.8 2.9 2.7 2.6 4.6 0 .2-.3.4-.5.3L9 6.9c-.1 0-.3-.2-.2-.4.2-1.4-.6-2.8-1.9-3.4-.2-.1-.3-.3-.3-.5l.1-.3c.1-.1.3-.3.5-.2z'/%3E%3C/svg%3E") no-repeat; } a[target="_blank"]::after { content: ''; margin-left: 0.25em; mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 14.5h-7v-7H5V6H0v10h10v-5H8.5z'/%3E%3Cpath d='M7 3v1.5h3.8l-8.2 8.1.8.8 8.1-8.2V9H13V3z'/%3E%3C/svg%3E") no-repeat; } .qh__u__no-mail a[href^="mailto:"]::before, .qh__u__no-mail a[href^="mailto:"]::after, .qh__u__no-tel a[href^="tel:"]::before, .qh__u__no-tel a[href^="tel:"]::after, .qh__u__no-external a[target="_blank"]::before, .qh__u__no-external a[target="_blank"]::after { display: none; } p a, ul a { font-weight: calc(var(--p-font-wght) * 1.25); } .skip-link { display: block; margin: 0 auto; padding: 0.625rem 1.25rem; text-align: center; text-decoration: none; width: 100%; } .skip-link, .skip-link:visited { color: var(--fc__default__link--hover); } .skip-link:focus { color: var(--fc__default__link--hover); outline-offset: -0.25rem; } ul, ol, dl { padding: 0; } ul li, ul dd, ol li, ol dd, dl li, dl dd { margin-top: 0; margin-left: 1.5em; } ul li::marker, ul dd::marker, ol li::marker, ol dd::marker, dl li::marker, dl dd::marker { color: var(--fc__default__text-accent); font-size: 0.875em; } ul li + li, ul dd + li, ol li + li, ol dd + li, dl li + li, dl dd + li { margin-top: calc(var(--body-text-spacer) * 0.5); } ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin: 0; } .qh-u__list-reset { list-style: none; margin: 0; } .qh-u__list-reset li { margin-left: 0; } .qh-u__list-reset li + li { margin-top: 0; } figure { margin: 0; padding: 0; } p + figure { margin-top: var(--body-text-spacer); } img { display: block; height: auto; max-width: 100%; width: 100%; } .auto-width img, img.auto-width { width: auto; } .qh__icon { display: block; height: 2.75rem; width: 2.75rem; pointer-events: none; } .qh__icon__svg path { fill: currentColor; } .qh__icon path { fill: currentColor; } .qh__btn--icon svg path { fill: currentColor; } form { margin-top: calc(var(--body-text-spacer) * 1); margin-bottom: calc(var(--body-text-spacer) * 1); } fieldset { border: 0.0625rem solid var(--fc__default__border); padding: 1.5rem 1rem 0.75rem 1rem; } fieldset > legend { display: block; font-family: "Work Sans", var(--font-sans-fallback); font-size: 1.125rem; font-weight: 575; letter-spacing: 0.035em; } .wf-inactive fieldset > legend { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } @supports (font-variation-settings: normal) { html:not(.novf) fieldset > legend { font-family: var(--font-sans-vf); } html:not(.novf).wf-inactive fieldset > legend { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } } fieldset + fieldset { margin-top: calc(var(--body-text-spacer) * 1.5); } label { --font-size-max-value: 1; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select { background-color: var(--fc__default__bg); border: 0.125rem solid var(--fc__default__border); border-radius: 0.1875rem; color: var(--fc__default__fg); display: inline-block; line-height: 1.25; padding: 0.75em 0.75em; transition: all 250ms ease; width: 100%; font-family: "Work Sans", var(--font-sans-fallback); font-size: 1rem; font-weight: 500; } .wf-inactive input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), .wf-inactive textarea, .wf-inactive select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } @supports (font-variation-settings: normal) { html:not(.novf) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html:not(.novf) textarea, html:not(.novf) select { font-family: var(--font-sans-vf); } html:not(.novf).wf-inactive input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html:not(.novf).wf-inactive textarea, html:not(.novf).wf-inactive select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):hover, textarea:hover, select:hover { border-color: var(--fc__default__link--hover); } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus, textarea:focus, select:focus { border-color: var(--fc__default__violator); outline: 0; } label + input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), label + textarea, label + select { margin-top: 0.25em; } textarea, select { font-weight: 400; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; /* autoprefixer: ignore next */ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%23404040' d='M22 10c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 18.5l-8.8-8.8 2.4-2.4 6.4 6.4 6.4-6.4 2.4 2.4-8.8 8.8z'/%3E%3C/svg%3E"), linear-gradient(to bottom, transparent 25%, var(--c__quahog--dark--trans15) 100%); background-repeat: no-repeat, repeat; background-position: right 0.75em top 50%, 0 0; background-size: 2em auto, 100%; box-shadow: 0 0.0625em 0 0.125em rgba(0, 0, 0, 0.15); cursor: pointer; display: block; max-width: 100%; padding-right: 2.25em; } .dark select { /* autoprefixer: ignore next */ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%23d4d4d4' d='M22 10c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 18.5l-8.8-8.8 2.4-2.4 6.4 6.4 6.4-6.4 2.4 2.4-8.8 8.8z'/%3E%3C/svg%3E"), linear-gradient(to bottom, transparent 0%, var(--c__quahog--dark--trans33) 95%); } @media (prefers-color-scheme: dark) { html:not(.light) select { /* autoprefixer: ignore next */ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%23d4d4d4' d='M22 10c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 18.5l-8.8-8.8 2.4-2.4 6.4 6.4 6.4-6.4 2.4 2.4-8.8 8.8z'/%3E%3C/svg%3E"), linear-gradient(to bottom, transparent 0%, var(--c__quahog--dark--trans33) 95%); } } [dir="rtl"] select { background-position: left 0.75em top 50%, 0 0; } select::-ms-expand { display: none; } .flexbox-container { display: flex; flex-wrap: wrap; padding-top: 0; } .flexbox-container > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0; margin-right: 1rem; margin-top: 1rem; min-width: 18rem; } @media (min-width: 50em) { .flexbox-container > * { min-width: 21rem; } } .flexbox-container > legend { min-width: unset; } .flexbox-container > p { flex-basis: auto; width: 100%; } .flexbox-container h2, .flexbox-container h3 { flex-basis: auto; width: 100%; } .flexbox-container .full-width { flex-basis: auto; width: 100%; } .form__row { padding: 1rem; } * .form__row { margin-top: calc(var(--body-text-spacer) * 1.5); } .form__actions a { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 1rem; line-height: 1.35; font-style: normal; margin: 0; max-width: 40em; hyphens: auto; --p-font-wght: 400; } .wf-inactive .form__actions a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) .form__actions a { font-family: var(--font-sans-vf); font-weight: var(--p-font-wght); } html:not(.novf).wf-inactive .form__actions a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @media (prefers-color-scheme: dark) { html:not(.light) .form__actions a { --p-font-wght: calc(var(--default-body-wght) - 25); } } .dark .form__actions a { --p-font-wght: calc(var(--default-body-wght) - 25); } } @media (min-width: 50em) { .form__actions a { font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 62em) { .form__actions a { font-size: 1.25rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .form__actions a { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 50em) { .form__actions a { hyphens: none; } } .qh__form__nowrap { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .qh__form__nowrap > input { flex: 1 0 calc(100% - 12rem); margin-right: 0.5rem; } .qh__form__input__range { display: flex; align-items: middle; height: 2rem; margin: 0.25rem 0; } .qh__form__input__range input[type="range"] { -webkit-appearance: none; background: transparent; width: 100%; } .qh__form__input__range input[type="range"]::-webkit-slider-runnable-track { -webkit-appearance: none; background: linear-gradient(to bottom right, transparent 50%, var(--c__white--trans33) 50%); cursor: pointer; height: 1rem; } .qh__form__input__range input[type="range"]::-moz-range-track { -webkit-appearance: none; background: linear-gradient(to bottom right, transparent 50%, var(--c__white--trans33) 50%); cursor: pointer; height: 1rem; } .qh__form__input__range input[type="range"]::-ms-track { -webkit-appearance: none; background: linear-gradient(to bottom right, transparent 50%, var(--c__white--trans33) 50%); cursor: pointer; height: 1rem; } .qh__form__input__range input[type="range"]::-ms-fill-lower { background: transparent; } .qh__form__input__range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background: currentColor; border-radius: 0.25rem; cursor: pointer; height: 2rem; margin-top: -0.5rem; width: 0.5rem; } .qh__form__input__range input[type="range"]::-moz-range-thumb { -webkit-appearance: none; background: currentColor; border-radius: 0.25rem; cursor: pointer; height: 2rem; margin-top: -0.5rem; width: 0.5rem; } .qh__form__input__range input[type="range"]::-ms-thumb { -webkit-appearance: none; background: currentColor; border-radius: 0.25rem; cursor: pointer; height: 2rem; margin-top: -0.5rem; width: 0.5rem; } .qh__form__input__range input[type="range"]:focus { outline: 0.125rem solid var(--fc__official__link--focus, currentColor); outline-offset: 0.25rem; } .qh__form__input__range input[type="range"]:focus-within { outline: 0.125rem solid var(--fc__official__link--focus, currentColor); outline-offset: 0.25rem; } .description, .text-count-message { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 1rem; line-height: 1.35; font-style: normal; margin: 0; max-width: 40em; hyphens: auto; } .wf-inactive .description, .wf-inactive .text-count-message { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) .description, html:not(.novf) .text-count-message { font-family: var(--font-sans-vf); font-weight: var(--p-font-wght); } html:not(.novf).wf-inactive .description, html:not(.novf).wf-inactive .text-count-message { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @media (prefers-color-scheme: dark) { html:not(.light) .description, html:not(.light) .text-count-message { --p-font-wght: calc(var(--default-body-wght) - 25); } } .dark .description, .dark .text-count-message { --p-font-wght: calc(var(--default-body-wght) - 25); } } @media (min-width: 50em) { .description, .text-count-message { font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 62em) { .description, .text-count-message { font-size: 1.25rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .description, .text-count-message { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 50em) { .description, .text-count-message { hyphens: none; } } .description small, .text-count-message small { font-size: inherit; } .description, .text-count-message { --font-size-min-value: 0.75rem; --font-size-max-value: 0.925rem; font-size: var(--font-size); margin-top: calc(var(--body-text-spacer) * 0.25); margin-bottom: calc(var(--body-text-spacer) * 0.5); } .form-composite > legend { font-size: 1.125rem; font-weight: 575; } .form-composite > .fieldset-wrapper > .description, .form-item .description { font-size: inherit; } .form-item, .form-actions { margin-top: 1.25em; margin-bottom: 1.75em; } label + div { margin-top: 0.25em; } button, .qh__btn, .button { --p-font-wght: 500; border: 0; border-radius: 0.1875rem; display: inline-block; letter-spacing: 0.035em; overflow: hidden; padding: 0.75rem 1.25rem; transition: all 250ms ease; user-select: none; vertical-align: middle; } button, button:visited, .qh__btn, .qh__btn:visited, .button, .button:visited { background-color: var(--fc__default__button__bg); background-image: linear-gradient(rgba(255, 255, 255, 0.125) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.125) 100%); color: var(--fc__default__button__fg); text-decoration: none; } button:hover, button:focus, .qh__btn:hover, .qh__btn:focus, .button:hover, .button:focus { background-color: var(--fc__default__button--hover__bg); color: var(--fc__default__button--hover__fg); } button:focus, .qh__btn:focus, .button:focus { outline: 0.125rem solid var(--fc__default__link--focus); outline-offset: 0.125rem; } button:disabled, .qh__btn:disabled, .button:disabled { background-color: transparent; background: repeating-linear-gradient(-45deg, var(--fc__default__button__bg), var(--fc__default__button__bg) 0.5em, var(--fc__default__button--hover__bg) 0.5em, var(--fc__default__button--hover__bg) 1em); cursor: default; opacity: 0.6; pointer-events: none; } button:not(:disabled), .qh__btn:not(:disabled), .button:not(:disabled) { cursor: pointer; } .qh__btn--accent, .qh__btn--accent:visited { background-color: var(--fc__default__accent); color: var(--fc__default__accent__fg); } .qh__btn--accent:hover, .qh__btn--accent:focus { background-color: var(--fc__default__fg); color: var(--fc__default__accent); } .qh__btn--secondary, .qh__btn--secondary:visited { background-color: var(--fc__primary--light__bg); color: var(--fc__primary--light__fg); } .qh__btn--secondary:hover, .qh__btn--secondary:focus { background-color: var(--fc__default__fg); color: var(--fc__default__bg); } .qh__btn--secondary html:not(.light), .qh__btn--secondary html:not(.light):visited { background-color: var(--fc__primary--light__bg--dark); color: var(--fc__primary--light__fg--dark); } .qh__btn--secondary html:not(.light):hover, .qh__btn--secondary html:not(.light):focus { background-color: var(--fc__default__fg--dark); color: var(--fc__default__bg--dark); } @media (prefers-color-scheme: dark) { .qh__btn--secondary html:not(.light), .qh__btn--secondary html:not(.light):visited { background-color: var(--fc__primary--light__bg--dark); color: var(--fc__primary--light__fg--dark); } .qh__btn--secondary html:not(.light):hover, .qh__btn--secondary html:not(.light):focus { background-color: var(--fc__default__fg--dark); color: var(--fc__default__bg--dark); } } .qh__btn--small { font-size: 0.875rem; padding: 0.375rem 0.625rem; } .qh__btn--icon { display: flex; align-items: center; justify-content: center; font-size: 1.25rem; line-height: 1.1; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__btn--icon { --font-size-min-value: 1.25; --font-size-max-value: 1.5; --font-size-scaler-value: var(--h3-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.15; --font-lh-scaler-value: var(--h3-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 40em) and (max-width: 61.9375em) { .qh__btn--icon { flex-direction: column; } } .qh__btn--icon::after { content: none !important; } .qh__btn--icon > svg { min-width: 6rem; width: 6rem; height: 6rem; position: relative; left: -.75rem; } @media (min-width: 40em) and (max-width: 61.9375em) { .qh__btn--icon > svg { left: 0; } } .qh__btn:disabled, .qh__btn--disabled { background-color: transparent; background: repeating-linear-gradient(-45deg, var(--fc__default__button__bg), var(--fc__default__button__bg) 0.5em, var(--fc__default__button--hover__bg) 0.5em, var(--fc__default__button--hover__bg) 1em); cursor: default; opacity: 0.6; pointer-events: none; } .qh__btn:not(.qh__btn--disabled):not(.qh__btn:disabled) { cursor: pointer; } .qh__btn button.qh__btn, .qh__btn[type="button"], .qh__btn[type="reset"], .qh__btn[type="submit"] { border: 0; margin: 0; -webkit-appearance: none; } .qh__btn button.qh__btn::-moz-focus-inner, .qh__btn[type="button"]::-moz-focus-inner, .qh__btn[type="reset"]::-moz-focus-inner, .qh__btn[type="submit"]::-moz-focus-inner { border: 0; } .qh__u__btn-as-text { border-radius: 0; display: inline; hyphens: none; line-height: inherit; padding: 0; text-align: inherit; user-select: auto; white-space: normal; } .qh__u__btn-as-text, .qh__u__btn-as-text:visited, .qh__u__btn-as-text:hover, .qh__u__btn-as-text:focus { background-color: transparent; background-image: none; color: var(--fc__default__link); } .qh__u__btn-as-text, .qh__u__btn-as-text:visited { color: var(--fc__default__link); } .qh__u__btn-as-text:hover, .qh__u__btn-as-text:focus { color: var(--fc__default__link--hover); } .qh__u__btn-as-text:active { color: var(--fc__default__link--active); } body { --fc__table__color-bright: #2e2e2e; --fc__table__border__h: rgba(20, 20, 20, 0.25); --fc__table__border__v: rgba(20, 20, 20, 0.15); } .dark body { --fc__table__color-bright: white; --fc__table__border__h: rgba(255, 255, 255, 0.25); --fc__table__border__v: rgba(255, 255, 255, 0.15); } @media (prefers-color-scheme: dark) { html:not(.light) body { --fc__table__color-bright: white; --fc__table__border__h: rgba(255, 255, 255, 0.25); --fc__table__border__v: rgba(255, 255, 255, 0.15); } } table { background-color: transparent; border-spacing: 0; margin-bottom: 1.5rem; width: 100%; } table th, table td { --font-size-max-value: 1; } @media (max-width: 49.9375em) { table { display: block; position: relative; overflow-y: auto; max-height: 100%; max-width: 100%; height: 100%; width: 100%; z-index: 1; } } table caption { max-width: unset; padding-top: 0.5rem; padding-bottom: 0.5rem; } table thead th { border-bottom: 0.125rem solid var(--fc__table__border__h); color: var(--fc__table__color-bright); font-variant-numeric: lining-nums tabular-nums; vertical-align: bottom; } table tbody td { font-variant-numeric: lining-nums tabular-nums; vertical-align: top; } table tfoot th { border-top: 0.0625rem solid var(--fc__table__border__h); color: var(--fc__table__color-bright); vertical-align: top; } table thead, table tbody, table tfoot { text-align: left; } table tr:hover td { background-color: var(--c__coffee-milk--trans10); color: var(--fc__table__color-bright); } table th, table td { padding: 0.5rem 0.75rem; } table th { --p-font-wght: 550; border-bottom: 0.0625rem solid var(--fc__table__border__h); } table th + th, table th + td { border-left: 0.0625rem solid var(--fc__table__border__v); } table td { border-bottom: 0.0625rem solid var(--fc__table__border__h); } table td + td { border-left: 0.0625rem solid var(--fc__table__border__v); } table .finance { text-align: right; font-variant-numeric: tabular-nums; } table .finance-header { text-align: center; } .google-visualization-table-table { font-family: "Work Sans", var(--font-sans-fallback) !important; font-size: inherit !important; cursor: default; margin: inherit !important; background: inherit !important; border-spacing: 0; border-collapse: inherit !important; } @supports (font-variation-settings: normal) { .google-visualization-table-table { font-family: var(--font-sans-vf) !important; } } .google-visualization-table .gradient { background-image: inherit !important; } .google-visualization-table-tr-head { background-color: inherit !important; font-weight: 550 !important; text-align: left !important; } .google-visualization-table-th { white-space: normal !important; } .google-visualization-table-td { overflow: hidden; } .google-visualization-table-th, .google-visualization-table-td { padding: inherit !important; } .google-visualization-table-table td { border: solid var(--fc__table__border__h) !important; border-width: 0 0 0.0625rem 0 !important; padding: 0.5rem 0.75rem !important; } .google-visualization-table-table th { border: solid var(--fc__table__border__h) !important; border-width: 0 0 0.125rem 0 !important; padding: 0.5rem 0.75rem !important; } .google-visualization-table-table th + th, .google-visualization-table-table td + td { border-left: 0.0625rem solid var(--fc__table__border__v) !important; } .google-visualization-table-table .last-frozen-column { border-right: inherit !important; } .google-visualization-table-tr-even { background-color: inherit !important; } .google-visualization-table-tr-odd { background-color: inherit !important; } .google-visualization-table-tr-sel { background-color: inherit !important; } .google-visualization-table-tr-over { background-color: inherit !important; } .google-visualization-table-td.google-visualization-table-type-date { text-align: inherit !important; } .google-visualization-table-td.google-visualization-table-type-number { text-align: inherit !important; white-space: nowrap; } .google-visualization-table-seq { text-align: inherit !important; color: inherit !important; } .google-visualization-table-div-page { background-color: inherit !important; font-family: "Work Sans", var(--font-sans-fallback) !important; } @supports (font-variation-settings: normal) { .google-visualization-table-div-page { font-family: var(--font-sans-vf) !important; } } .google-visualization-table-div-page [role="button"] { font-family: "Work Sans", var(--font-sans-fallback) !important; font-size: inherit !important; line-height: inherit !important; } @supports (font-variation-settings: normal) { .google-visualization-table-div-page [role="button"] { font-family: var(--font-sans-vf) !important; } } .qh__breadcrumb__wrapper { margin: 0 auto; max-width: 93vw; margin-top: 2rem; } @media (min-width: 86em) { .qh__breadcrumb__wrapper { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh__breadcrumb__wrapper { max-width: var(--content-max-width); } } .qh__breadcrumb__item { display: inline-block; margin-right: -0.25rem; vertical-align: middle; } @media (max-width: 39.9375em) { .qh__breadcrumb__item--home { display: none; } } .qh__breadcrumb__item:last-child .qh__breadcrumb__page::after { content: ''; } .qh__breadcrumb__page { display: block; font-size: 87.5%; } *.qh__breadcrumb__page::after { display: inline-block; content: '»'; margin: 0 0.5em; } .qh__cta { position: relative; z-index: 1; } .qh__cta__content { display: inline-block; padding-top: 0.75rem; } .qh__cta__content::after { color: var(--fc__default__link); content: ' >'; display: inline-block; transition: all 250ms ease; transform: translateX(0); } .qh__cta p { transition: all 250ms ease; } .qh__cta__content .qh__cta__link::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; } @supports (inset: 0) { .qh__cta__content .qh__cta__link::before { inset: 0; } } .qh__cta:hover h2 a, .qh__cta:hover h3 a { color: var(--fc__default__link--hover); } .qh__cta:hover p:not(.qh__cta__content) { opacity: 0.8; } .qh__cta:hover .qh__cta__content::after { color: var(--fc__default__link--hover); transform: translateX(4px); } .qh__header-image-action { background-color: var(--fc__default__fg); display: grid; overflow: hidden; position: relative; /* * Main Wrapper modifiers */ /* * Shared image styles for both overlay and title only display. */ /* * Overlay specific components: */ /* * Title only / No overlay: */ } @media (min-width: 75em) { .qh__header-image-action--has-overlay { grid-template-rows: 4rem 1fr 4rem; grid-template-columns: 2rem 1fr 2rem; } .qh-layout-section--full-width .qh__header-image-action--has-overlay { grid-template-columns: calc((100vw - 93vw) / 2) 1fr calc((100vw - 93vw) / 2); } } @media (min-width: 75em) and (min-width: 86em) { .qh-layout-section--full-width .qh__header-image-action--has-overlay { grid-template-columns: calc((100vw - 86rem) / 2) 1fr calc((100vw - 86rem) / 2); } } .qh__header-image-action--title-only { grid-template-rows: 1rem 1fr 1rem; grid-template-columns: 2rem 1fr 2rem; } .qh-layout-section--full-width .qh__header-image-action--title-only { grid-template-columns: calc((100vw - 93vw) / 2) 1fr calc((100vw - 93vw) / 2); } @media (min-width: 86em) { .qh-layout-section--full-width .qh__header-image-action--title-only { grid-template-columns: calc((100vw - 86rem) / 2) 1fr calc((100vw - 86rem) / 2); } } .qh__header-image-action__image { grid-column: 1 / span 3; grid-row: 1 / span 3; max-height: 90vh; } .qh__header-image-action__image img { height: 100%; object-fit: cover; width: 100%; } .qh__header-image-action__overlay { grid-row: 4 / span 3; grid-column: 1 / span 3; } @media (min-width: 75em) { .qh__header-image-action__overlay { grid-column: 2 / span 1; grid-row: 2 / span 1; display: flex; align-items: center; } } .qh__header-image-action__overlay--text-right { justify-content: flex-end; } .qh__header-image-action__overlay-inner { padding: 1.5rem 1rem; position: relative; z-index: 1; } .qh__header-image-action__overlay-inner.qh__tc__primary { color: var(--fc__primary__fg); background-color: var(--fc__primary__overlay__bg); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__header-image-action__overlay-inner.qh__tc__primary { color: var(--fc__primary__fg--dark); background-color: var(--fc__primary__overlay__bg--dark); } } .qh__header-image-action__overlay-inner.qh__tc__primary .qh__btn, .qh__header-image-action__overlay-inner.qh__tc__primary .qh__btn:visited { background-color: var(--fc__default__button__fg); color: var(--fc__default__button__bg); } .qh__header-image-action__overlay-inner.qh__tc__primary .qh__btn:hover, .qh__header-image-action__overlay-inner.qh__tc__primary .qh__btn:focus { background-color: var(--fc__default__button--hover__fg); color: var(--fc__default__button--hover__bg); } .qh__header-image-action__overlay-inner.qh__tc__primary--light { color: var(--fc__primary--light__fg); background-color: var(--fc__primary--light__overlay__bg); } @media (prefers-color-scheme: dark) { html:not(.light) .qh__header-image-action__overlay-inner.qh__tc__primary--light { color: var(--fc__primary--light__fg--dark); background-color: var(--fc__primary--light__overlay__bg--dark); } } @media (min-width: 75em) { .qh__header-image-action__overlay-inner { max-width: 600px; } } .qh__header-image-action__overlay h1::after { content: ' '; display: block; border-bottom: solid 0.4rem var(--fc__default__violator); margin-top: 1.0625rem; margin-bottom: 1.0625rem; width: 1.125em; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__header-image-action__overlay h1::after { margin-top: calc(var(--body-text-spacer) * 0.85); margin-bottom: calc(var(--body-text-spacer) * 0.85); } } .qh__header-image-action__overlay h1, .qh__header-image-action__overlay h2 { margin-top: 0; } .qh__header-image-action__link { margin-top: 1.5rem; } .qh__header-image-action__title { grid-column: 2 / span 1; grid-row: 2 / span 1; align-self: end; color: var(--c__white); margin-bottom: 0; text-shadow: 1px 1px 1px rgba(64, 64, 64, 0.95), 1px 1px 1rem rgba(64, 64, 64, 0.5), -1px 1px 1rem rgba(64, 64, 64, 0.5), -1px -1px 1rem rgba(64, 64, 64, 0.5), 1px -1px 1rem rgba(64, 64, 64, 0.5); width: 100%; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__header-image-action__title { --font-size-min: 1.25rem; --font-size-max: 4rem; --font-size-scaler-value: var(--h2-scaler-value); font-size: var(--font-size); --font-lh-min: 1.1; --font-lh-max: 1.15; --font-lh-scaler-value: var(--h2-lh-scaler-value); line-height: var(--line-height); } } .footer-illustration { position: absolute; bottom: -0.5rem; left: calc(((100vw - var(--content-max-width)) / 4) - 2.5vw); height: Max(35vh, 25vw); z-index: -1; } html:not(.dark) .footer-illustration { opacity: 0.25; } @media (prefers-color-scheme: dark) { html:not(.light) .footer-illustration { opacity: unset; } } .footer-illustration svg { height: Max(35vh, 25vw); } .language-switcher { line-height: 1.3; list-style: none; margin: 0; padding: 0; word-spacing: 0; } .language-switcher li, .settings__menu .language-switcher li { border-bottom: none; line-height: 1.3; margin: 0; padding: 0; } .language-switcher a:link.is-active, .language-switcher a:visited.is-active { font-weight: bold; text-decoration: none; } @supports (font-variation-settings: normal) { html:not(.novf) .language-switcher a:link.is-active, html:not(.novf) .language-switcher a:visited.is-active { font-weight: 575; } html:not(.novf).wf-inactive .language-switcher a:link.is-active, html:not(.novf).wf-inactive .language-switcher a:visited.is-active { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-variant-numeric: lining-nums; font-weight: bold; letter-spacing: 0.035em; } } .language-switcher a:link.is-active:before, .language-switcher a:visited.is-active:before { content: "["; } .language-switcher a:link.is-active:after, .language-switcher a:visited.is-active:after { content: "]"; } .qh__media-item.left { clear: left; float: left; margin-right: 2rem; } .qh__media-item.right { clear: right; float: right; margin-left: 2rem; } .qh__media-item.small { width: 100%; } @media (min-width: 40em) { .qh__media-item.small { width: 32%; width: calc( (100% / 3) - 1rem); } } @media print { .qh__media-item.small { width: 25%; width: calc( (100% / 4) - 1rem); } } .qh__media-item.medium { width: 100%; } @media (min-width: 40em) { .qh__media-item.medium { width: 49%; width: calc( (100% / 2) - 1rem); } } @media print { .qh__media-item.medium { width: 32%; width: calc( (100% / 3) - 1rem); } } .qh__media-item.large { float: none; margin-left: 0; margin-right: 0; width: 100%; } .qh__media-item__video { padding-top: 56.2061%; position: relative; } .qh__media-item__video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .qh__media-item__audio audio { width: 90%; margin-bottom: 1.5rem; } .qh__media-item figcaption { background-color: var(--fc__primary--light__bg--dark); margin-top: 0; padding: 0.5rem 0.75rem; } .qh__numbered-step { list-style-type: none; margin: 0; padding: 1rem 1rem 1rem 0; } .qh__numbered-step__item { counter-increment: customlistcounter; margin-left: 5rem; padding: 0.75em 0; position: relative; z-index: 1; } .qh__numbered-step__item::before { color: var(--fc__default__hx__fg); content: counter(customlistcounter); font-size: 2.5rem; font-variant-numeric: tabular-nums; font-weight: 225; letter-spacing: -0.0625em; position: absolute; top: 1rem; left: -5rem; text-align: center; width: 5rem; z-index: 4; } .qh__numbered-step__item::after { background-color: var(--fc__nav-minor__border); content: ''; position: absolute; top: 0; left: -2.5rem; bottom: -0.5rem; margin-left: -1px; width: 2px; z-index: 1; } .qh__numbered-step__item:last-child::after { display: none; } .qh__numbered-step__title { border-bottom: 1px solid var(--fc__nav-minor__border); display: inline-block; margin: 0; margin-bottom: 0.625rem; padding-bottom: 0.25em; } .qh__numbered-step__title::before, .qh__numbered-step__title::after { border-radius: 50%; content: ''; height: 3.75rem; position: absolute; top: 1.1875rem; left: -2.5rem; transform: translate(-50%, -38%); width: 3.75rem; } .qh__numbered-step__title::after { background-color: var(--fc__default__bg); z-index: 2; } .qh__numbered-step__title::before { background-color: var(--fc__nav-minor__bg); z-index: 3; } @media (min-width: 40em) { .qh__numbered-step { padding: 1.5rem 1rem 1.5rem 0; } .qh__numbered-step__item { margin-left: 7rem; padding: 1.5em 0; } .qh__numbered-step__item::before { font-size: 3.25rem; font-weight: 200; top: 2.25rem; left: -7rem; width: 7rem; } .qh__numbered-step__item::after { left: -3.5rem; margin-left: -2px; width: 4px; } .qh__numbered-step__title::before, .qh__numbered-step__title::after { height: 5.25rem; top: 2.25rem; left: -3.5rem; width: 5.25rem; } } @media (min-width: 50em) { .qh__numbered-step { padding: 2rem 1rem 2rem 0; } .qh__numbered-step__item { margin-left: 8rem; padding: 1.5em 0; } .qh__numbered-step__item::before { font-size: 4rem; font-weight: 175; top: 2rem; left: -8rem; width: 8rem; } .qh__numbered-step__item::after { left: -4rem; } .qh__numbered-step__title { border-bottom-width: 2px; } .qh__numbered-step__title::before, .qh__numbered-step__title::after { height: 6rem; top: 2rem; left: -4rem; width: 6rem; } } @media (min-width: 62em) { .qh__numbered-step__item { margin-left: 10rem; } .qh__numbered-step__item::before { font-size: 4.5rem; top: 2.5rem; left: -10rem; width: 10rem; } .qh__numbered-step__item::after { left: -5rem; margin-left: -3px; width: 6px; } .qh__numbered-step__title::before, .qh__numbered-step__title::after { height: 7.5rem; top: 2.5rem; left: -5rem; width: 7.5rem; } } .qh__numbered-step__content { margin-top: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__numbered-step__content { margin-top: calc(var(--body-text-spacer) * 1.5); } } .qh__numbered-step__content:first-child { margin-top: 0; } .qh__page-tite-with-image { background-color: var(--c__quahog); display: grid; overflow: hidden; position: relative; } .qh__page-tite-with-image__image { display: block; grid-column: 1; grid-row: 1; margin-left: -10%; margin-right: -10%; width: 120%; } .qh__page-tite-with-image__image img { display: block; height: auto; max-width: 100%; width: 100%; } @media (min-width: 40em) { .qh__page-tite-with-image__image { margin-left: -5%; margin-right: -5%; width: 110%; } } @media (min-width: 50em) { .qh__page-tite-with-image__image { margin-left: 0; margin-right: 0; width: 100%; } } .qh__page-tite-with-image__title { margin: 0 auto; max-width: 93vw; align-self: end; color: var(--c__white); grid-column: 1; grid-row: 2; margin-bottom: 0.25rem; text-shadow: 1px 1px 1px rgba(64, 64, 64, 0.95), 1px 1px 1rem rgba(64, 64, 64, 0.5), -1px 1px 1rem rgba(64, 64, 64, 0.5), -1px -1px 1rem rgba(64, 64, 64, 0.5), 1px -1px 1rem rgba(64, 64, 64, 0.5); width: 100%; } @media (min-width: 86em) { .qh__page-tite-with-image__title { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh__page-tite-with-image__title { max-width: var(--content-max-width); } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__page-tite-with-image__title { --font-size-min: 1.25rem; --font-size-max: 4rem; --font-size-scaler-value: var(--h2-scaler-value); font-size: var(--font-size); --font-lh-min: 1.1; --font-lh-max: 1.15; --font-lh-scaler-value: var(--h2-lh-scaler-value); line-height: var(--line-height); } } @media (min-width: 50em) { .qh__page-tite-with-image__title { grid-row: 1; margin-bottom: 1rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__page-tite-with-image { display: block; } .qh__page-tite-with-image__title { position: absolute; left: 1rem; bottom: 1rem; } } .qh__prevnext { border-top: 0.0625rem solid var(--fc__default__border); border-bottom: 0.0625rem solid var(--fc__default__border); margin-top: 2.5rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__prevnext { margin-top: calc(var(--body-text-spacer) * 2); } } .qh__prevnext__list { padding-top: 1.25rem; padding-bottom: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__prevnext__list { padding-top: var(--body-text-spacer); padding-bottom: var(--body-text-spacer); } } @media (min-width: 40em) { .qh__prevnext__list { display: flex; align-items: stretch; justify-content: space-between; flex-flow: row nowrap; } } .qh__prevnext__item { position: relative; } @media (min-width: 40em) { .qh__prevnext__item { flex: 0 1 48.5%; } } @media (max-width: 39.9375em) { .qh__prevnext__item + .qh__prevnext__item { padding-top: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__prevnext__item + .qh__prevnext__item { padding-top: var(--body-text-spacer); } } } @media (min-width: 50em) { .qh__prevnext__prev:not(:empty)::before, .qh__prevnext__next:not(:empty)::before { border-width: 0.125rem; border-style: solid; content: ''; height: 1em; width: 1em; position: absolute; top: 50%; transform: rotate(45deg) translate(0, -50%); } } @media (min-width: 50em) { .qh__prevnext__prev:not(:empty) { padding-left: 1.5em; } .qh__prevnext__prev:not(:empty)::before { border-color: transparent transparent var(--fc__default__border) var(--fc__default__border); left: 0; transition: left 250ms ease; } .qh__prevnext__prev:not(:empty):hover::before { left: -0.1875em; } } @media (min-width: 50em) { .qh__prevnext__next:not(:empty) { padding-right: 1.5em; } .qh__prevnext__next:not(:empty)::before { border-color: var(--fc__default__border) var(--fc__default__border) transparent transparent; right: 0.75em; transition: right 250ms ease; } .qh__prevnext__next:not(:empty):hover::before { right: 0.5625em; } } .qh__prevnext__link { text-decoration: none; } .qh__prevnext__link span { display: block; } .qh__prevnext__link .qh__prevnext__title { text-decoration: underline; } .qh__prevnext__label { color: var(--fc__default__text-accent); letter-spacing: 0.035em; text-transform: uppercase; } .wf-inactive .qh__prevnext__label { font-weight: bold; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__prevnext__label { font-weight: 575; } html:not(.novf).wf-inactive .qh__prevnext__label { font-weight: normal; } } .qh__pagination__list { text-align: center; } .qh__pagination__item { display: inline-block; vertical-align: middle; } .qh__pagination__item + .qh__pagination__item { margin-left: -0.25rem; } .qh__pagination__link, .qh__pagination__ellipses { display: block; font-feature-settings: "lnum"; line-height: 1; min-height: 2.75rem; min-width: 2.75rem; padding: 0.875rem 0.875rem; } .qh__pagination__link, .qh__pagination__link:visited { text-decoration: none; } .qh__pagination__link--first, .qh__pagination__link--last, .qh__pagination__link--prev, .qh__pagination__link--next { height: 2.75rem; width: 2.75rem; padding: 0; } .qh__pagination__link--current { background-color: var(--fc__default__link); color: var(--fc__default__bg); pointer-events: none; } .qh__pagination__link--disabled:not(.qh__pagination__link--current) { opacity: 0.5; pointer-events: none; } .qh__pagination__ellipses { opacity: 0.67; } .qh__icon-card--search-state { margin-bottom: 3rem; } .qh__icon-card--search-state a { margin-bottom: 1rem; display: block; } .qh__site-branding { margin: 1.5rem 0; } .qh__site-branding__inner { display: flex; align-items: center; } .qh__site-branding__link { display: flex; align-items: center; } .qh__site-branding__link, .qh__site-branding__link:visited { text-decoration: none; } .qh__site-branding__logo { display: flex; flex-direction: column; justify-content: center; margin-right: 0.5rem; width: 5rem; min-height: 4.5rem; } .qh__site-branding__logo.--wide { margin: 0 auto; max-width: 26.25em; width: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__site-branding__logo { display: block; } } @media (min-width: 40em) { .qh__site-branding__logo { margin-left: -0.5rem; margin-right: 1rem; } .qh__site-branding__logo.--wide { margin-left: 0; margin-right: 0; } } .qh__site-branding__name { display: block; } .qh__site-branding__name__top-line { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 0.75rem; line-height: 1.1; display: block; letter-spacing: 0.035em; text-transform: uppercase; } .wf-inactive .qh__site-branding__name__top-line { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.04em; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__site-branding__name__top-line { font-family: var(--font-sans-vf); font-weight: 450; } html:not(.novf).wf-inactive .qh__site-branding__name__top-line { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { .qh__site-branding__name__top-line { font-size: 0.8125rem; line-height: 1.2; } } @media (min-width: 62em) { .qh__site-branding__name__top-line { font-size: 0.875rem; line-height: 1.3; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__site-branding__name__top-line { --font-size-min: 0.75rem; --font-size-max: 0.875rem; --font-size-scaler-value: var(--st-scaler-value); font-size: var(--font-size); --font-lh-min: 1.1; --font-lh-max: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } .qh__site-branding__name__main-line { font-family: "Roboto Slab", var(--font-serif-fallback); font-weight: normal; font-size: 2rem; line-height: 1.05; font-style: normal; display: block; } .wf-inactive .qh__site-branding__name__main-line { font-family: Georgia, "Times New Roman", serif; font-weight: normal; letter-spacing: 0.04em; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__site-branding__name__main-line { font-family: var(--font-serif-vf); font-weight: 300; } html:not(.novf).wf-inactive .qh__site-branding__name__main-line { font-family: Georgia, "Times New Roman", serif; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { .qh__site-branding__name__main-line { font-size: 2.5rem; line-height: 1.075; } } @media (min-width: 62em) { .qh__site-branding__name__main-line { font-size: 3rem; line-height: 1.1; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__site-branding__name__main-line { --font-size-min: 1.5rem; --font-size-max: 2rem; --font-size-scaler-value: var(--h2-scaler-value); font-size: var(--font-size); --font-lh-min: 1.05; --font-lh-max: 1.1; --font-lh-scaler-value: var(--h1-lh-scaler-value); line-height: var(--line-height); } } .qh__site-branding__name__bottom-line { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 0.81255rem; line-height: 1.35; display: block; } .wf-inactive .qh__site-branding__name__bottom-line { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.04em; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__site-branding__name__bottom-line { font-family: var(--font-sans-vf); font-weight: 350; } html:not(.novf).wf-inactive .qh__site-branding__name__bottom-line { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } } @media (min-width: 50em) { .qh__site-branding__name__bottom-line { font-size: 0.875rem; line-height: 1.2; } } @media (min-width: 62em) { .qh__site-branding__name__bottom-line { font-size: 1rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__site-branding__name__bottom-line { --font-size-min: 0.8125rem; --font-size-max: 1rem; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min: 1.35; --font-lh-max: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); } } .qh__site-search form { margin: 0; } @media (min-width: 62em) { .qh__site-search form { display: grid; grid-template-columns: auto 3rem; } } .qh__site-search__query { max-width: 12rem; min-width: 10rem; } .qh__site-search label + input[type="text"].qh__site-search__query { margin-top: 0; } @media (min-width: 62em) { .qh__site-search label + input[type="text"].qh__site-search__query { grid-column: 1/2; } } .qh__site-search__submit { background-color: var(--fc__default__accent); color: var(--fc__default__accent__fg); padding: 0.125rem; min-width: 3rem; } @media (min-width: 62em) { .qh__site-search__submit { grid-column: 2/3; } } .qh__social-links__list { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; } .qh__social-links a.qh__social-links__link { display: block; } .qh__social-links a.qh__social-links__link, .qh__social-links a.qh__social-links__link:visited { color: var(--fc__header__social__link); } .qh__social-links a.qh__social-links__link:hover, .qh__social-links a.qh__social-links__link:focus { color: var(--fc__header__social__link--hover); } .qh__social-links a.qh__social-links__link:focus { outline: 0.125rem solid var(--fc__default__link--focus); outline-offset: -0.125rem; } .qh__social-links a.qh__social-links__link:active { color: var(--fc__default__link--active); } .qh__teaser-article { padding-bottom: 1.5rem; } .qh__teaser-article__header { padding-bottom: 0.5rem; } .qh__teaser-article__title { margin: 0; } .qh__teaser-article__title a, .qh__teaser-article__title a:visited { text-decoration: none; } .qh__teaser-article__published { margin-top: 0.375rem; } .qh__teaser-article__published time { font-size: 87.5%; font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__teaser-article__content { padding-bottom: 1.5rem; } .qh-layout__emergency-notification .views-element-container { padding-bottom: 0; } .qh__teaser-emergency-notification { font-family: "Work Sans", var(--font-sans-fallback); } .qh__teaser-emergency-notification__content { display: flex; flex-direction: column; max-width: var(--content-max-width); margin: 0 auto; padding: 1rem; } .qh__teaser-emergency-notification__header { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .qh__teaser-emergency-notification__icon { display: flex; width: 16px; height: 16px; margin-bottom: 1rem; } .qh__teaser-emergency-notification__icon svg { height: 16px; width: 16px; } .qh__teaser-emergency-notification__label { margin-bottom: 1rem; } .qh__teaser-emergency-notification__label p { font-size: 15px; } .qh__teaser-emergency-notification__text p { max-width: unset; } .qh__teaser-emergency-notification__text * { font-size: 16px; font-weight: 300; } .rhody-red--bright { background-color: var(--c__rhody-red--bright); color: var(--c__white); } .rhody-red--bright h1, .rhody-red--bright .h1, .rhody-red--bright h2, .rhody-red--bright .h2, .rhody-red--bright h3, .rhody-red--bright .h3, .rhody-red--bright h4, .rhody-red--bright .h4, .rhody-red--bright h5, .rhody-red--bright .h5, .rhody-red--bright h6, .rhody-red--bright .h6 { color: currentColor; } .rhody-red--bright a:not(.qh__btn), .rhody-red--bright a:not(.qh__btn):visited, .rhody-red--bright a:not(.qh__btn):hover, .rhody-red--bright a:not(.qh__btn):focus, .rhody-red--bright a:not(.qh__btn):active { color: currentColor; font-weight: bold; } .rhody-red--bright a:not(.qh__btn):hover, .rhody-red--bright a:not(.qh__btn):focus, .rhody-red--bright a:not(.qh__btn):active { text-underline-offset: 0.2em; } .dark .rhody-red--bright { background-color: var(--c__rhody-red--bright); color: var(--c__white); } @media (prefers-color-scheme: dark) { html:not(.light) .rhody-red--bright { background-color: var(--c__rhody-red--bright); color: var(--c__white); } } .hope-gold--bright { background-color: var(--c__hope-gold--bright); color: var(--c__quahog--dark); } .hope-gold--bright h1, .hope-gold--bright .h1, .hope-gold--bright h2, .hope-gold--bright .h2, .hope-gold--bright h3, .hope-gold--bright .h3, .hope-gold--bright h4, .hope-gold--bright .h4, .hope-gold--bright h5, .hope-gold--bright .h5, .hope-gold--bright h6, .hope-gold--bright .h6 { color: currentColor; } .hope-gold--bright a:not(.qh__btn), .hope-gold--bright a:not(.qh__btn):visited, .hope-gold--bright a:not(.qh__btn):hover, .hope-gold--bright a:not(.qh__btn):focus, .hope-gold--bright a:not(.qh__btn):active { color: currentColor; font-weight: bold; } .hope-gold--bright a:not(.qh__btn):hover, .hope-gold--bright a:not(.qh__btn):focus, .hope-gold--bright a:not(.qh__btn):active { text-underline-offset: 0.2em; } .dark .hope-gold--bright { background-color: var(--c__hope-gold--bright); color: var(--c__quahog--dark); } @media (prefers-color-scheme: dark) { html:not(.light) .hope-gold--bright { background-color: var(--c__hope-gold--bright); color: var(--c__quahog--dark); } } .qh__teaser-event { display: flex; flex-flow: row nowrap; margin-bottom: 1.5rem; /* * Date styles */ /* * Content styles */ } .qh__teaser-event__date { min-width: 9.375rem; height: 5rem; background-color: var(--fc__primary--light__bg); border-top: 0.25rem var(--fc__primary--light__link) solid; color: var(--fc__primary--light__fg); display: flex; justify-content: center; align-items: center; text-align: center; margin-right: 1rem; } .qh__teaser-event__date > time > span { display: block; text-transform: uppercase; font-weight: 450 !important; line-height: 1; margin-bottom: calc(var(--body-text-spacer) * 0.25); } .qh__teaser-event__date > time time { font-weight: 450; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__teaser-event__date > time time { --font-size-min-value: 1.25; --font-size-max-value: 1.5; --font-size-scaler-value: var(--h3-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.15; --font-lh-scaler-value: var(--h3-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } .qh__teaser-event__end-date::before, .qh__teaser-event__end-time::before { content: '- '; } .qh__teaser-event__content { display: flex; flex-direction: column; justify-content: center; } .qh__teaser-event__title { --font-size-min-value: 1.125; --font-size-max-value: 1.5; --font-size-scaler-value: var(--h3-scaler-value); font-size: var(--font-size); margin-top: 0; margin-bottom: calc(var(--body-text-spacer) * 0.25); } .qh__teaser-event__title > a { text-decoration: none; } .qh__teaser-event__location { margin-bottom: 0.125rem; } .qh__teaser-event__time-rrule::before { content: '/ '; } .qh__teaser-event__cta { display: inline-block; padding-top: 0.75rem; } .qh__teaser-event__cta::after { color: var(--fc__default__link); content: ' >'; display: inline-block; transition: all 250ms ease; transform: translateX(0); } .qh__teaser-event__cta .qh__teaser-event__link { color: var(--fc__primary--light__link); } .qh__teaser-event__cta .qh__teaser-event__link::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; } @supports (inset: 0) { .qh__teaser-event__cta .qh__teaser-event__link::before { inset: 0; } } .qh__teaser-event:hover .qh__teaser-event__title a { color: var(--fc__primary--light__link--hover); } .qh__teaser-event:hover .qh__teaser-event__cta::after { color: var(--fc__primary--light__link--hover); transform: translateX(4px); } .qh__teaser-event p { margin-top: 0; } .qh__teaser-execorder__header { padding-bottom: 0.75rem; } .qh__teaser-execorder__sequence { letter-spacing: 0.035em; padding-bottom: 0.375rem; text-transform: uppercase; } .wf-inactive .qh__teaser-execorder__sequence { font-weight: bold; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__teaser-execorder__sequence { font-weight: 575; } html:not(.novf).wf-inactive .qh__teaser-execorder__sequence { font-weight: normal; } } .qh__teaser-execorder__title { margin: 0; } .qh__teaser-execorder__title a, .qh__teaser-execorder__title a:visited { text-decoration: none; } .qh__teaser-execorder__date { margin-top: 0.375rem; } .qh__teaser-execorder__date time { font-size: 87.5%; font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__teaser-execorder__content { padding-bottom: 1.5rem; } .qh__teaser-execorder__excerpt { padding-bottom: 1.5rem; } .qh__teaser-execorder + .qh__teaser-execorder { margin-top: 1.5rem; } .qh__teaser-hotel { background-color: var(--fc__default__bg); border: 0.0625rem solid var(--fc__default__border); margin-bottom: 1.5rem; padding: 0.75rem 0.5rem; position: relative; } @media (min-width: 50em) { .qh__teaser-hotel { padding: 1.5rem 1rem; } } .qh__teaser-hotel__image-wrap a { display: block; overflow: hidden; position: relative; } .qh__teaser-hotel__image-wrap a, .qh__teaser-hotel__image-wrap a:visited { text-decoration: none; } .qh__teaser-hotel__snipe { color: var(--fc__default__accent__fg); font-family: var(--font-sans-vf); font-size: 200%; position: absolute; top: 0.25rem; right: 0.25rem; z-index: 1; transition: color 250ms ease; } .qh__teaser-hotel__snipe::before { background-color: var(--fc__default__accent); content: ''; position: absolute; top: -2.5em; left: 3.5em; height: 7em; width: 7em; z-index: -1; transition: background-color 250ms ease; transform: rotate(-45deg); transform-origin: bottom left; } .qh__teaser-hotel__snipe sup { font-size: 50%; } .qh__teaser-hotel__snipe p { margin-top: 0; text-align: right; } .qh__teaser-hotel:hover .qh__teaser-hotel__snipe, a:hover .qh__teaser-hotel__snipe, a:focus .qh__teaser-hotel__snipe { color: var(--fc__default__link); } .qh__teaser-hotel:hover .qh__teaser-hotel__snipe::before, a:hover .qh__teaser-hotel__snipe::before, a:focus .qh__teaser-hotel__snipe::before { background-color: var(--fc__default__bg); } .qh__teaser-hotel__content { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; } .qh__teaser-hotel__title { flex: 0 0 100%; font-size: 1.25rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__teaser-hotel__title { --font-size-min-value: 1.125; --font-size-max-value: 1.25; --font-size-scaler-value: var(--h4-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--h4-lh-scaler-value); line-height: var(--line-height); } } .qh__teaser-hotel__location { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__teaser-hotel__location { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } .qh__teaser-hotel__cta { margin-left: auto; font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__teaser-hotel__cta { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } .qh__teaser-hotel__link { display: block; } .qh__teaser-hotel__link::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; } @supports (inset: 0) { .qh__teaser-hotel__link::before { inset: 0; } } .qh__teaser-location-vacsite { padding-bottom: 1.5rem; position: relative; z-index: 1; } .qh__teaser-location-vacsite__header { padding-bottom: 0.5rem; } .qh__teaser-location-vacsite__title { margin: 0; } .qh__teaser-location-vacsite__title a, .qh__teaser-location-vacsite__title a:visited { text-decoration: none; } .qh__teaser-location-vacsite__distance { font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__teaser-location-vacsite__content { padding-bottom: 1.5rem; width: 100%; } @media (min-width: 50em) { .qh__teaser-location-vacsite__content { display: flex; flex-direction: row; justify-content: space-between; } } .qh__teaser-location-vacsite__content__col { flex: 1 1 0; } .qh__teaser-location-vacsite__content__col:last-child { align-self: center; } @media (min-width: 50em) { .qh__teaser-location-vacsite__content__col:last-child { text-align: right; } } .qh__teaser-location-vacsite__cta { display: inline-block; padding-top: 0.75rem; } @media (min-width: 50em) { .qh__teaser-location-vacsite__cta { padding-top: 0; } } .qh__teaser-location-vacsite__link { align-items: center; display: flex; flex-direction: row; margin-left: -0.5rem; } .qh__teaser-location-vacsite__cta .qh__teaser-location-vacsite__link::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; } @supports (inset: 0) { .qh__teaser-location-vacsite__cta .qh__teaser-location-vacsite__link::before { inset: 0; } } .qh__teaser-location-vacsite:hover .qh__teaser-location-vacsite__title a { color: var(--fc__default__link--hover); } .qh__teaser-location-vacsite:hover .qh__teaser-location-vacsite__cta::after { color: var(--fc__default__link--hover); transform: translateX(4px); } .qh__teaser-location__title { margin: 0; } .qh__teaser-location__title a, .qh__teaser-location__title a:visited { text-decoration: none; } .qh__teaser-location__title--with-link { display: none; } .qh__location-list__locations--node_link .qh__teaser-location .qh__teaser-location__title--with-link { display: block; } .qh__location-list__locations--node_link .qh__teaser-location .qh__teaser-location__title--no-link { display: none; } .qh__teaser-location__website-link, .qh__teaser-location .address { margin-left: 1.125em; } .qh__teaser-location__title--no-link, .qh__teaser-location__title--with-link, .qh__teaser-location .address, .qh__teaser-location__phone, .qh__teaser-location__website-link { margin-bottom: 0.625rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__teaser-location__title--no-link, .qh__teaser-location__title--with-link, .qh__teaser-location .address, .qh__teaser-location__phone, .qh__teaser-location__website-link { margin-bottom: calc(var(--body-text-spacer)/2); } } .qh__teaser-notification { padding: 0.75rem 0; border-top: 0.0625rem solid var(--fc__notification__border); } .qh__teaser-notification p, .qh__teaser-notification strong, .qh__teaser-notification a { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__teaser-notification p, .qh__teaser-notification strong, .qh__teaser-notification a { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); } } .qh__teaser-person { display: flex; } .qh__person-list__list--full .qh__teaser-person__meta .qh__teaser-person__category { display: block; margin-top: 0.625rem; } .qh__teaser-person__photo { display: none; width: 25%; margin-right: 1rem; } .qh__person-list--contains-photo .qh__teaser-person__photo { display: block; } .qh__teaser-person__name strong { display: block; font-size: 112.5%; } .qh__teaser-person__content { flex-grow: 1; } .qh__teaser-person__meta { margin-left: 1.125em; } @media (min-width: 75em) { .qh__teaser-person__meta { display: flex; justify-content: space-between; } .qh__teaser-person__meta.multicol > div { width: 45%; } } .qh__teaser-person__category { display: none; } .qh__teaser-person__phone, .qh__teaser-person__email { word-break: break-all; display: block; } .qh__teaser-person__contact-label { display: inline-block; min-width: 5rem; } .qh__teaser-person__additional-field-label { display: block; } .qh__teaser-person__name, .qh__teaser-person__title, .qh__teaser-person__job-details, .qh__teaser-person__phone, .qh__teaser-person__email, .qh__teaser-person__additional-field { margin-bottom: 0.625rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__teaser-person__name, .qh__teaser-person__title, .qh__teaser-person__job-details, .qh__teaser-person__phone, .qh__teaser-person__email, .qh__teaser-person__additional-field { margin-bottom: calc(var(--body-text-spacer)/2); } } .qh__teaser-promotion { background-color: var(--fc__default__bg); border: 0.125rem solid var(--fc__default__border); color: var(--fc__default__fg); text-align: center; text-decoration: none; } .qh__teaser-promotion + .qh__teaser-promotion { margin-top: 1.5rem; } .qh__teaser-promotion__link { display: block; } .qh__teaser-promotion__link::before, .qh__teaser-promotion__link[target="_blank"]::after { display: none; } .qh__teaser-promotion__link:hover { border: 0.125rem solid var(--fc__default__link--hover); } .qh__teaser-promotion__layout { display: flex; flex-direction: column; } @media (min-width: 75em) { .qh-layout__content .qh__teaser-promotion__layout { flex-direction: row; } .qh-layout__content .qh__teaser-promotion__layout .qh__teaser-promotion__content { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; text-align: left; } } .qh__paragraph__column-container .qh__teaser-promotion__layout { flex-direction: row; } @media (min-width: 50em) { .qh__paragraph__column-container .qh__teaser-promotion__layout { flex-direction: column; } } .qh__teaser-promotion__title { margin: 1.5rem 1rem; } .qh__teaser-promotion__text { margin: 1.5rem 1rem; color: var(--fc__default__fg); } .qh__teaser-promotion__text p, .qh__teaser-promotion__text ul, .qh__teaser-promotion__text li { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__teaser-promotion__text p, .qh__teaser-promotion__text ul, .qh__teaser-promotion__text li { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } .qh__teaser-speech { padding-bottom: 1.5rem; } .qh__teaser-speech__header { padding-bottom: 0.5rem; } .qh__teaser-speech__title { margin: 0; } .qh__teaser-speech__title a, .qh__teaser-speech__title a:visited { text-decoration: none; } .qh__teaser-speech__date { margin-top: 0.375rem; } .qh__teaser-speech__date::after { width: 1.5em; } .qh__teaser-speech__date time { font-size: 87.5%; font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__teaser-speech__content { padding-bottom: 1.5rem; } .qh__text-card { margin-top: 1.5rem; } .qh__text-card__title { margin-top: 0; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__text-card__text p { --font-size-min: 0.875rem; --font-size-max: 1rem; --font-size-scaler-value: var(--st-scaler-value); font-size: var(--font-size); --font-lh-min: 1.1; --font-lh-max: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } .qh__collection__primary-bg .qh__text-card, .qh__collection__primary-light-bg .qh__text-card, .qh__collection__coffee-milk-bg .qh__text-card { padding: 1.5rem 1rem; } @media (min-width: 40em) and (max-width: 61.9375em) { .qh__collection__primary-bg .qh__text-card:nth-child(even), .qh__collection__primary-light-bg .qh__text-card:nth-child(even), .qh__collection__coffee-milk-bg .qh__text-card:nth-child(even) { margin-left: 1rem; } } @media (min-width: 62em) { .qh__collection__primary-bg .qh__text-card:nth-child(3n - 1), .qh__collection__primary-bg .qh__text-card:nth-child(3n), .qh__collection__primary-light-bg .qh__text-card:nth-child(3n - 1), .qh__collection__primary-light-bg .qh__text-card:nth-child(3n), .qh__collection__coffee-milk-bg .qh__text-card:nth-child(3n - 1), .qh__collection__coffee-milk-bg .qh__text-card:nth-child(3n) { margin-left: 1rem; } } @media (max-width: 39.9375em) { .qh__collection__border-btwn .qh__text-card { padding-top: 1.5rem; } .qh__collection__border-btwn .qh__text-card + .qh__text-card { border-top: 0.0625rem solid var(--fc__default__border); } } @media (min-width: 40em) and (max-width: 61.9375em) { .qh__collection__border-btwn .qh__text-card { margin-top: 1.5rem; } .qh__collection__border-btwn .qh__text-card:nth-child(odd) { border-right: 0.0625rem solid var(--fc__default__border); padding-right: 0.75rem; } .qh__collection__border-btwn .qh__text-card:nth-child(even) { padding-left: 0.75rem; } .qh__collection__border-btwn .qh__text-card:last-child { border-right: 0; padding-right: 0; } } @media (min-width: 50em) and (max-width: 61.9375em) { .qh__collection__border-btwn .qh__text-card { margin-top: 3rem; } .qh__collection__border-btwn .qh__text-card:nth-child(odd) { padding-right: 1.5rem; } .qh__collection__border-btwn .qh__text-card:nth-child(even) { padding-left: 1.5rem; } .qh__collection__border-btwn .qh__text-card:last-child { padding-right: 0; } } @media (min-width: 62em) { .qh__collection__border-btwn .qh__text-card { border-right: 0.0625rem solid var(--fc__default__border); margin-top: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; } .qh__collection__border-btwn .qh__text-card:nth-child(3n - 2) { padding-left: 0; } .qh__collection__border-btwn .qh__text-card:nth-child(3n), .qh__collection__border-btwn .qh__text-card:last-child { border-right: 0; padding-right: 0; } } /* Settings & Language */ .qh__settings-menu { --text-opsz: 10; display: inline-flex; position: relative; margin-left: 1rem; justify-content: space-between; gap: 0.5em; } .qh__settings-menu__label { display: inline-block; font-weight: 500; line-height: 1.3; padding-bottom: 0.25rem; word-spacing: 0; } .qh__settings-menu__boolean { display: grid; grid-template-columns: 4fr 5fr; padding: 0.5rem 1.5vw; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__settings-menu__boolean button:first-child { grid-column: 1; } .qh__settings-menu__boolean button:last-child { grid-column: 2; } } .qh__settings-menu button.toggle-lightmode { line-height: 1.2; } .dark .qh__settings-menu button.toggle-lightmode.switch:after { content: ' to light'; } html:not(.dark) .qh__settings-menu button.toggle-lightmode.switch:after { content: ' to dark'; } @media (prefers-color-scheme: dark) { html:not(.light) .qh__settings-menu button.toggle-lightmode.switch:after { content: ' to light'; } } .light .qh__settings-menu button.toggle-lightmode.switch:after { content: ' to dark'; } .qh__settings-menu__slider { display: grid; grid-template-columns: 1fr 1fr; padding: 0 1.5vw; } .qh__settings-menu__slider .qh__form__input__range { grid-column: 1 / 3; } .qh__settings-menu__slider .high { text-align: right; } .no-js .qh__settings-menu, .no-js .qh__language-menu { display: none; } .qh__settings-menu__icon, .qh__language-menu__icon { display: inline-block; height: 1.25em; margin: -0.125em .5em 0 0; vertical-align: middle; width: 1.25em; } .qh__settings-menu__icon svg, .qh__language-menu__icon svg { width: 2rem; height: 2rem; position: relative; top: -40%; left: -50%; } @media (max-width: 61.9375em) { .qh__settings-menu__text, .qh__language-menu__text { position: absolute; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } } .qh__settings-menu__toggle, .qh__language-menu__toggle { display: inline-block; padding: 0.15rem 0.25rem; position: relative; text-align: right; z-index: 451; } .qh__settings-menu__toggle, .qh__settings-menu__toggle:visited, .qh__language-menu__toggle, .qh__language-menu__toggle:visited { text-decoration: none; } .qh__settings-menu__toggle:hover, .qh__settings-menu__toggle:focus, .qh__language-menu__toggle:hover, .qh__language-menu__toggle:focus { text-decoration: underline; } .qh__settings-menu__toggle:active, .qh__language-menu__toggle:active { text-decoration: underline; } @media (pointer: coarse) { .qh__settings-menu__toggle:hover, .qh__language-menu__toggle:hover { text-decoration: unset; } } .qh__settings-menu__list, .qh__language-menu__list { background-color: var(--fc__official__bg); color: var(--fc__official__fg); line-height: 1.3; opacity: 0; max-height: 80vh; min-height: 50vh; max-width: 30rem; min-width: 18rem; width: 50vw; overflow-y: scroll; padding: 0.5rem 0; position: absolute; top: 100%; right: -0.75rem; text-align: left; transition: opacity 250ms ease 0ms, visibility 0ms linear 0ms; visibility: hidden; word-spacing: 0; z-index: 500; } .qh__settings-menu__list::before, .qh__language-menu__list::before { background-color: var(--fc__official__bg); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } @supports (inset: 0) { .qh__settings-menu__list::before, .qh__language-menu__list::before { inset: 0; } } [aria-expanded="true"] + .qh__settings-menu__list, [aria-expanded="true"] + .qh__language-menu__list { opacity: 1; transition: opacity 250ms ease 0ms, visibility 0ms linear 250ms; visibility: visible; } .qh__settings-menu__list li, .qh__language-menu__list li { border-bottom: 0.125rem solid rgba(0, 0, 0, 0.25); margin-bottom: 1rem; padding: 0.5rem 1rem; } .qh__settings-menu__list li:last-child, .qh__language-menu__list li:last-child { border-bottom: none; } .qh__settings-menu__list li.active, .qh__language-menu__list li.active { padding: 0.5em 0.15em; } .qh__settings-menu__list .qh__u__btn-as-text, .qh__settings-menu__list .qh__u__btn-as-text:visited, .qh__language-menu__list .qh__u__btn-as-text, .qh__language-menu__list .qh__u__btn-as-text:visited { color: var(--fc__official__link); } .qh__settings-menu__list .qh__u__btn-as-text:hover, .qh__settings-menu__list .qh__u__btn-as-text:focus, .qh__language-menu__list .qh__u__btn-as-text:hover, .qh__language-menu__list .qh__u__btn-as-text:focus { color: var(--fc__official__link--hover); } .qh__settings-menu__list .qh__u__btn-as-text:focus, .qh__language-menu__list .qh__u__btn-as-text:focus { outline-color: var(--fc__official__link); } .qh__language-menu__wrapper .qh__settings-menu__list, .qh__language-menu__wrapper .qh__language-menu__list { padding: 0.5rem 1rem; font-size: 1.25rem; } .qh__articles-latest { padding: 1.5rem 0; } .qh__articles-latest__title { margin: 0; padding-bottom: 1.5rem; position: relative; } .qh__articles-latest__title .qh__articles-latest__all { font-size: 50%; position: absolute; top: 0.5em; right: 0; } @media (max-width: 49.9375em) { .qh__articles-latest__title .qh__articles-latest__all { display: none; } } .qh__articles-latest .qh__teaser-article__content p { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__articles-latest .qh__teaser-article__content p { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } @media (min-width: 50em) { .qh__articles-latest__list + .qh__articles-latest__all { display: none; } } .qh__articles-latest__list .qh__teaser-article { padding-right: 2rem; } @media (min-width: 50em) { .qh__articles-latest__list { display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: center; } } @media (min-width: 50em) { .qh__articles-latest__list > * { flex: 1 1 0; display: flex; flex-flow: column; } .qh__articles-latest__list > * .qh__teaser-article__content { display: flex; flex-flow: column; height: 100%; } .qh__articles-latest__list > * .qh__teaser-article__cta { margin-top: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__articles-latest__list .qh__teaser-article, .qh__articles-latest__list .qh__teaser-article__header, .qh__articles-latest__list .qh__teaser-article__content { display: block !important; } } .qh__articles-list { padding: 1.5rem 0; } .qh__articles-list__title { margin: 0; padding-bottom: 1.5rem; } .qh__articles-list__list { margin: 0 -1rem; } .qh__articles-list__list > * { padding: 0 1rem; } .qh__articles-list__list > * + * { margin-top: 1.5rem; } @media (min-width: 50em) { .qh__articles-list__list > * { flex: 1 1 0; display: flex; flex-flow: column; } .qh__articles-list__list > * .qh__teaser-article__content { display: flex; flex-flow: column; height: 100%; } .qh__articles-list__list > * .qh__teaser-article__cta { margin-top: auto; } } .qh__content-components-block[class*='qh__tc'] { padding: 1.5rem 1rem; } .qh__content-components-block[class*='qh__tc'] figure:first-child { margin: -1.5rem -1rem 1.5rem; width: calc( 100% + (1rem * 2)); } .qh__events-list { padding: 1.5rem 0; } .qh__events-list__title { margin: 0; padding-bottom: 1.5rem; } .qh__events-list__list { margin: 0 -1rem; } .qh__events-list__list > * { padding: 0 1rem; } .qh__events-list__list > * + * { margin-top: 1.5rem; } .qh__events-latest { padding: 1.5rem 0; } .qh__events-latest__title { margin: 0; padding-bottom: 1.5rem; position: relative; } .qh__events-latest__title .qh__events-latest__all { font-size: 50%; position: absolute; top: 0.5em; right: 0; } @media (max-width: 49.9375em) { .qh__events-latest__title .qh__events-latest__all { display: none; } } .qh__events-latest .qh__teaser-events__content p { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__events-latest .qh__teaser-events__content p { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } @media (min-width: 50em) { .qh__events-latest__list + .qh__events-latest__all { display: none; } } .qh__events-latest__list .qh__teaser-events { padding-left: 1rem; padding-right: 1rem; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__events-latest__list .qh__teaser-events, .qh__events-latest__list .qh__teaser-events__header, .qh__events-latest__list .qh__teaser-events__content { display: block !important; } } .qh__execorders__list { padding-top: 1.25rem; padding-bottom: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__execorders__list { padding-top: var(--body-text-spacer); padding-bottom: var(--body-text-spacer); } } .qh__execorders__item + .qh__execorders__item { border-top: 0.0625rem solid var(--fc__default__border); margin-top: 1.875rem; padding-top: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__execorders__item + .qh__execorders__item { margin-top: calc(var(--body-text-spacer) * 1.5); padding-top: calc(var(--body-text-spacer) * 1.5); } } .qh__global-header { background-color: var(--fc__official__bg); color: var(--fc__official__fg); } @media print { .qh__global-header { display: none; } } .qh__global-header__wrapper { margin: 0 auto; max-width: 93vw; display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; } @media (min-width: 86em) { .qh__global-header__wrapper { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh__global-header__wrapper { max-width: var(--content-max-width); } } @media (max-width: 39.9375em) { .qh__global-header__wrapper--multiple-region { margin: 0; flex-direction: column; align-items: flex-start; } .qh__global-header__wrapper--multiple-region > p { margin-bottom: 0.3125rem; } } .qh__global-header__settings { display: flex; flex-flow: row nowrap; } .qh__global-header a, .qh__global-header .qh__settings-menu__toggle, .qh__global-header .qh__language-menu__toggle { text-decoration: none; } .qh__global-header a, .qh__global-header a:visited, .qh__global-header .qh__settings-menu__toggle, .qh__global-header .qh__settings-menu__toggle:visited, .qh__global-header .qh__language-menu__toggle, .qh__global-header .qh__language-menu__toggle:visited { color: var(--fc__official__link); } .qh__global-header a:hover, .qh__global-header a:focus, .qh__global-header .qh__settings-menu__toggle:hover, .qh__global-header .qh__settings-menu__toggle:focus, .qh__global-header .qh__language-menu__toggle:hover, .qh__global-header .qh__language-menu__toggle:focus { color: var(--fc__official__link--hover); text-decoration: underline; } .qh__global-header a:focus, .qh__global-header .qh__settings-menu__toggle:focus, .qh__global-header .qh__language-menu__toggle:focus { outline-color: var(--fc__official__link--focus); } .qh__global-header a:active, .qh__global-header .qh__settings-menu__toggle:active, .qh__global-header .qh__language-menu__toggle:active { color: var(--fc__official__link--active); } .qh__global-header p, .qh__global-header .qh__settings-menu__toggle, .qh__global-header .qh__language-menu__toggle, .qh__global-header .google-translator-switch { font-size: 87.5%; font-weight: 375; } .qh__global-header p + p, .qh__global-header .qh__settings-menu__toggle + p, .qh__global-header .qh__language-menu__toggle + p, .qh__global-header .google-translator-switch + p { margin-top: 0; } .qh__google-translator { font-family: var(--font-sans-vf); color: var(--fc__official__link); display: flex; padding-top: 3.5px; } .qh__google-translator__icon { display: inline-block; height: 1.25em; width: 1.25em; } .qh__google-translator__icon svg { width: 2rem; height: 2rem; position: relative; top: -18%; left: -50%; } .qh__google-translator > a { display: inline-block; padding: 0.15rem 0.25rem; font-size: 87.5%; font-weight: 375; } .qh__google-translator a.google-translator-switch { display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center; font-size: 0; } @media (min-width: 62em) { .qh__google-translator a.google-translator-switch { font-size: 87.5%; } } .qh__google-translator a.google-translator-switch:before { display: block; mask: url("../../source/images/icons/globe.svg"); background-color: var(--fc__official__link); height: 2rem; width: 2rem; content: ''; } #__dimScreen .message { background-color: var(--fc__default__bg); color: var(--fc__default__fg); } #__dimScreen .message > div { margin-top: 1.5rem; } #__dimScreen .message > div > a { margin-right: 1rem; } [id='google_translator_element'] .goog-te-gadget-icon { display: none !important; } [id='google_translator_element'] .goog-te-gadget-simple { background-color: transparent; border: 0; color: var(--fc__official__link); } [id='google_translator_element'] a, [id='google_translator_element'] span, [id='google_translator_element'] div { color: var(--fc__official__link) !important; font-size: var(--font-size-min); font-family: var(--font-sans-vf); } [id='google_translator_element'] a:hover, [id='google_translator_element'] a:focus, [id='google_translator_element'] span:hover, [id='google_translator_element'] span:focus, [id='google_translator_element'] div:hover, [id='google_translator_element'] div:focus { color: var(--fc__official__link--hover) !important; } [id='google_translator_element'] a { font-size: 87.5%; display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center; vertical-align: middle; margin-top: -1px; } [id='google_translator_element'] a:before { display: block; mask: url("../../source/images/icons/globe.svg"); background-color: var(--fc__official__link); height: 2rem; width: 2rem; content: ''; } [id='google_translator_element'] a:before:hover, [id='google_translator_element'] a:before:focus { background-color: var(--fc__official__link--hover); } [id='google_translator_element'] span:first-child { vertical-align: top; } [id='google_translator_element'] a span { display: none !important; } [id='google_translator_element'] a span:first-child { display: none !important; } @media (min-width: 62em) { [id='google_translator_element'] a span:first-child { display: block !important; } } [id='google_translator_element'] .goog-te-menu-value { white-space: nowrap; } [id='google_translator_element'] .goog-te-menu-value span { border: 0 !important; display: inline-block !important; white-space: normal; word-break: normal; word-wrap: break-word; } [id='google_translator_element'] img { display: none !important; } .qh__hotels-grid__title { font-size: 1.125rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__hotels-grid__title { --font-size-min-value: 1.125; --font-size-max-value: 1.33; --font-size-scaler-value: var(--h4-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--h4-lh-scaler-value); line-height: var(--line-height); } } .qh__hotels-grid__list { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; margin: 0 -0.5rem; max-width: unset; list-style: none; } .qh__hotels-grid__list > li { margin: 0; padding: 0 0.5rem 1.5rem; flex: 0 1 100%; } @media (min-width: 40em) { .qh__hotels-grid__list > li { flex: 0 1 50%; } } @media (min-width: 62em) { .qh__hotels-grid__list > li { flex: 0 1 33%; } } .qh__hotels-grid__list > li > div { display: flex; flex-flow: column; height: 100%; margin-bottom: 0; } .qh__hotels-grid__list > li .qh__teaser-hotel__content { flex: 1 0 auto; } .qh__hotels-grid__list > li .qh__teaser-hotel__location, .qh__hotels-grid__list > li .qh__teaser-hotel__cta { margin-top: auto; } .qh__locations-vacsites-list { padding: 1.5rem 0; } .qh__locations-vacsites-list__title { margin: 0; padding-bottom: 1.5rem; } .qh__locations-vacsites-list__list > * { padding: 0 1rem; } .qh__locations-vacsites-list__list > * + * { border-top: solid 1px var(--c__quahog--light); margin-top: 1.5rem; padding-top: 1.5rem; } @media (min-width: 50em) { .qh__locations-vacsites-list__list > * { flex: 1 1 0; display: flex; flex-flow: column; } .qh__locations-vacsites-list__list > * .qh__teaser-location-vacsite__cta { margin-top: auto; } } .qh__locations-vacsites-filters [data-drupal-selector="edit-field-vacsite-geofield-proximity"] { margin-left: 0; margin-right: 0; width: 100%; } .qh__locations-vacsites-filters input[type="submit"].form-submit { clear: both; } .qh__modal { /**************************\ Demo Animation Style \**************************/ } .qh__modal .btn-trigger { margin: 0 0 300px; } .qh__modal .modal { position: relative; z-index: 1000; } .qh__modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .qh__modal__container { background-color: var(--color--white); max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; margin: 6rem 4rem; } .qh__modal__header { display: flex; justify-content: center; align-items: center; background-color: var(--fc__header__bg); padding: 1.5rem 2rem; } .qh__modal__header h2 { margin: 0; color: var(--fc__header__fg); text-align: center; } .qh__t__block-island .qh__modal__header { background-color: var(--fc__nav-main__fg); } .qh__t__block-island .qh__modal__header h2 { color: var(--fc__nav-main__bg); } .qh__modal__body { background-color: var(--fc__default__bg); color: var(--fc__default__fg); padding: 3rem 2rem; } .qh__modal__body > * { text-align: center; } .qh__modal__footer { text-align: center; margin-top: 1.5rem; } .qh__modal__icon { max-width: 150px; margin: 0 auto 1rem; } .qh__modal__icon svg { width: 100% !important; height: auto !important; overflow: visible; color: var(--fc__default__fg); } .qh__modal__icon svg *:not([class]) { stroke: var(--fc__default__fg); fill: var(--fc__default__fg); } .qh__modal__icon svg *[class^="qh__icon"] { stroke: var(--fc__default__fg); fill: var(--fc__default__fg); } .qh__modal--disabled .qh__modal__container { opacity: .7; } @keyframes mm-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mm-slideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } .qh__modal .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mm-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .qh__modal .micromodal-slide[aria-hidden="false"] .modal__container { animation: mm-slideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .qh__modal .micromodal-slide .modal__container, .qh__modal .micromodal-slide .modal__overlay { will-change: transform; } .qh__modal .modal[aria-hidden='true'] { display: none; } .qh__modal-homescreen { position: fixed; bottom: 0; left: 0; width: 100vw; background-color: var(--fc__header__bg); z-index: 1100; padding: 1.5rem 2rem; } .qh__modal-homescreen--closed { display: none; } .qh__modal-homescreen__content { display: flex; gap: 2rem; justify-content: center; align-items: center; } .qh__modal-homescreen__content svg { width: 25px; } .qh__modal-homescreen__content svg * { fill: var(--fc__header__fg); stroke: var(--fc__header__fg); } .qh__modal-homescreen__content h5, .qh__modal-homescreen__content p { color: var(--fc__header__fg); margin-top: 0; } .qh__modal-homescreen__close-icon { border: 0; margin: 0; -webkit-appearance: none; display: block; width: 32px; height: 32px; opacity: 0.7; position: relative; background: transparent; } .qh__modal-homescreen__close-icon::-moz-focus-inner { border: 0; } .qh__modal-homescreen__close-icon:hover, .qh__modal-homescreen__close-icon:focus { opacity: 1; background: transparent; } .qh__modal-homescreen__close-icon:before, .qh__modal-homescreen__close-icon:after { position: absolute; left: 15px; top: 0; content: ' '; height: 33px; width: 2px; background-color: var(--fc__header__fg); } .qh__modal-homescreen__close-icon:before { transform: rotate(45deg); } .qh__modal-homescreen__close-icon:after { transform: rotate(-45deg); } .qh__t__block-island .qh__modal-homescreen { background-color: var(--fc__nav-main__fg); } .qh__t__block-island .qh__modal-homescreen .qh__modal-homescreen__close-icon:before, .qh__t__block-island .qh__modal-homescreen .qh__modal-homescreen__close-icon:after { background-color: var(--fc__nav-main__bg); } .qh__t__block-island .qh__modal-homescreen svg * { fill: var(--fc__nav-main__bg); stroke: var(--fc__nav-main__bg); } .qh__t__block-island .qh__modal-homescreen h5, .qh__t__block-island .qh__modal-homescreen p { color: var(--fc__nav-main__bg); margin-top: 0; } .dialog-off-canvas-main-canvas { position: relative; } body { --nav-state: js-mobile; } @media (min-width: 62em) { body { --nav-state: js-desktop; } } .qh__nav-main { background-color: var(--fc__nav-main__bg); color: var(--fc__nav-main__fg); overflow-x: clip; } @media print { .qh__nav-main { display: none; } } .qh__nav-main a { transition: all 250ms ease; } .qh__nav-main__wrapper { margin: 0 auto; max-width: 93vw; position: relative; overflow: hidden; z-index: 449; } @media (min-width: 86em) { .qh__nav-main__wrapper { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh__nav-main__wrapper { max-width: var(--content-max-width); } } .qh__nav-main__wrapper.open { overflow: visible; } @media (min-width: 62em) { .qh__nav-main__wrapper { overflow: visible; } } @media (max-width: 61.9375em) { .qh__nav-main__wrapper { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; z-index: 451; } } .qh__nav-main__toggle { background-image: none; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: 0 1.5rem 0 0.75rem; } .qh__nav-main__toggle, .qh__nav-main__toggle:visited { color: var(--fc__nav-main__link); background-color: transparent; } .qh__nav-main__toggle:hover, .qh__nav-main__toggle:focus { color: var(--fc__nav-main__link--hover); background-color: transparent; } .qh__nav-main__toggle:active { color: var(--fc__nav-main__link--active); background-color: transparent; } @media (min-width: 62em) { .qh__nav-main__toggle { display: none; } } .qh__nav-main__toggle .qh__icon__menu { display: block; height: 2.75rem; width: 2.75rem; overflow: hidden; position: relative; z-index: 1; } .qh__nav-main__toggle .qh__icon__menu::before, .qh__nav-main__toggle .qh__icon__menu::after, .qh__nav-main__toggle .qh__icon__menu > span { display: block; background-color: currentColor; height: 0.125rem; position: absolute; width: 1.25rem; } .qh__nav-main__toggle .qh__icon__menu::before { content: ''; top: 0.75rem; left: 0.75rem; } .qh__nav-main__toggle .qh__icon__menu > span { top: 1.3125rem; left: 0.75rem; } .qh__nav-main__toggle .qh__icon__menu::after { content: ''; top: 1.875rem; left: 0.75rem; } .qh__nav-main__toggle:hover .qh__icon__menu::before, .qh__nav-main__toggle:hover .qh__icon__menu::after, .qh__nav-main__toggle:focus .qh__icon__menu::before, .qh__nav-main__toggle:focus .qh__icon__menu::after, .qh__nav-main__toggle:active .qh__icon__menu::before, .qh__nav-main__toggle:active .qh__icon__menu::after { left: 0.625rem; } .qh__nav-main__toggle:hover .qh__icon__menu > span, .qh__nav-main__toggle:focus .qh__icon__menu > span, .qh__nav-main__toggle:active .qh__icon__menu > span { left: 0.875rem; } .qh__nav-main__toggle[aria-expanded="false"] .qh__icon__menu::before, .qh__nav-main__toggle[aria-expanded="false"] .qh__icon__menu::after, .qh__nav-main__toggle[aria-expanded="false"] .qh__icon__menu > span { transform: rotate(0deg); } .qh__nav-main__toggle[aria-expanded="false"] .qh__icon__menu::before, .qh__nav-main__toggle[aria-expanded="false"] .qh__icon__menu::after { transition: transform 250ms ease, top 250ms ease, left 250ms ease, width 250ms ease; } .qh__nav-main__toggle[aria-expanded="false"] .qh__icon__menu > span { opacity: 1; transition: opacity 250ms ease 62.5ms, left 250ms ease 0ms; } .qh__nav-main__toggle[aria-expanded="true"] .qh__icon__menu::before, .qh__nav-main__toggle[aria-expanded="true"] .qh__icon__menu::after { transition: transform 250ms ease, top 250ms ease, left 250ms ease, width 250ms ease; } .qh__nav-main__toggle[aria-expanded="true"] .qh__icon__menu::before { top: 1.3125rem; left: 0.625rem; transform: rotate(135deg); width: 1.5rem; } .qh__nav-main__toggle[aria-expanded="true"] .qh__icon__menu > span { left: -1.25rem; opacity: 0; transition: opacity 250ms ease 0ms, left 250ms ease 62.5ms; } .qh__nav-main__toggle[aria-expanded="true"] .qh__icon__menu::after { top: 1.3125rem; left: 0.625rem; transform: rotate(-135deg); width: 1.5rem; } .qh__nav-main__list { max-width: none; } @media (max-width: 61.9375em) { .qh__nav-main__list__outermost { background-color: var(--fc__nav-main__bg); color: var(--fc__nav-main__fg); max-width: 30em; opacity: 0; position: absolute; top: 100%; right: calc((100vw - var(--content-max-width)) * -0.5); transform: translateX(100vw); transition: opacity 500ms ease 0ms, transform 500ms ease 0ms, visibility 500ms ease 250ms; visibility: hidden; width: 86vw; } .qh__nav-main__list__outermost > li { transition: transform 250ms ease 125ms; transform: translateX(15em); } [aria-expanded="true"] + .qh__nav-main__list__outermost { opacity: 1; transform: translateX(0); transition: opacity 500ms ease 0ms, transform 500ms ease 0ms, visibility 500ms ease 0ms; visibility: visible; } [aria-expanded="true"] + .qh__nav-main__list__outermost > li { transform: translateX(0); } } @media (min-width: 62em) { .qh__nav-main__list__outermost { display: flex; flex-flow: row nowrap; align-items: top; justify-content: flex-start; } } .qh__nav-main__list__sub { background-color: var(--fc__nav-main__link--hover__bg); min-width: 15rem; } @media (max-width: 61.9375em) { .qh__nav-main__list__sub { max-height: 0; overflow: hidden; transition: max-height 0s linear 1s, visibility 0s linear 0s; visibility: hidden; } .qh__nav-main__list__sub > li { border-left: 0.5rem solid var(--fc__nav-main__bg); opacity: 0; transition: all 250ms ease 0ms; } .js [aria-expanded="true"] + .qh__nav-main__list__sub { max-height: unset; transition: max-height 0s linear 500s, visibility 0s linear 0ms; visibility: visible; } .js [aria-expanded="true"] + .qh__nav-main__list__sub > li { opacity: 1; transition: all 250ms ease 125ms; } } @media (min-width: 62em) { .qh__nav-main__list__sub { box-shadow: 0 0.125em 0.5em var(--c__quahog--dark--trans33); opacity: 0; position: absolute; top: 100%; left: 0; transition: 500ms opacity ease 0s, 0s visibility linear 500ms; visibility: hidden; } .qh__nav-main__item:last-child .qh__nav-main__list__sub { left: auto; right: 0; } } .qh__nav-main__item { position: relative; overflow: visible; z-index: 500; } .qh__nav-main__item__sub + .qh__nav-main__item__sub::before { border-top: 0.125rem solid var(--fc__nav-main__bg); content: ''; display: block; height: 0; margin: 0 0.5em; } .qh__nav-main__item__search { padding: 0.5rem 0.75rem; } .qh__nav-main__item__search .qh__form__nowrap > input { max-width: unset; } .qh__nav-main__item__social { padding: 0.5rem 0.75rem; } .qh__nav-main__item__social .qh__social-links a.qh__social-links__link, .qh__nav-main__item__social .qh__social-links a.qh__social-links__link:visited { color: var(--fc__nav-main__link); } .qh__nav-main__item__social .qh__social-links a.qh__social-links__link:hover, .qh__nav-main__item__social .qh__social-links a.qh__social-links__link:focus { color: var(--fc__nav-main__link--hover__bg); } @media (min-width: 62em) { .qh__nav-main__item__search, .qh__nav-main__item__social { opacity: 0; visibility: hidden; width: 0; } } .qh__nav-main__has-children .qh__nav-main__link { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; height: 100%; } @media (max-width: 61.9375em) { .qh__nav-main__has-children .qh__nav-main__link { justify-content: space-between; } } .qh__nav-main__has-children .qh__nav-main__link .qh__icon { flex: 0 0 2.75rem; margin: -0.75em -1em -0.75em 0; } .qh__nav-main__has-children .qh__nav-main__link .qh__icon__chevron-down__circle { fill: var(--fc__nav-main__icon__bg); } .qh__nav-main__has-children .qh__nav-main__link .qh__icon__chevron-down__arrow { fill: var(--fc__nav-main__icon__fg); transition: all 250ms ease; transform: rotate(0deg); transform-origin: center; } .qh__nav-main__has-children .qh__nav-main__link.qh__nav-main__has-children .qh__nav-main__link--current, .qh__nav-main__has-children .qh__nav-main__link.qh__nav-main__has-children .qh__nav-main__link--current:hover, .qh__nav-main__has-children .qh__nav-main__link.qh__nav-main__has-children .qh__nav-main__link--current:focus { cursor: pointer; pointer-events: auto; } .no-js .qh__nav-main__link:hover + .qh__nav-main__list__sub, .no-js .qh__nav-main__link:focus + .qh__nav-main__list__sub, .qh__nav-main__link[aria-expanded="true"] + .qh__nav-main__list__sub { opacity: 1; transition: 500ms opacity ease 0s, 0s visibility linear 0s; visibility: visible; } .qh__nav-main__item:not(.qh__nav-main__item__sub) > .qh__nav-main__link:hover, .qh__nav-main__item:not(.qh__nav-main__item__sub) > .qh__nav-main__link:focus, .qh__nav-main__item:not(.qh__nav-main__item__sub):hover > .qh__nav-main__link:not(.qh__nav-main__link--current):not(.qh__nav-main__link--home), .qh__nav-main__link[aria-expanded="true"] { background-color: var(--fc__nav-main__link--hover__bg); color: var(--fc__nav-main__link--hover); padding-top: 1rem; padding-bottom: 0.75rem; } .qh__nav-main__item:not(.qh__nav-main__item__sub) > .qh__nav-main__link:hover .qh__icon__chevron-down__circle, .qh__nav-main__item:not(.qh__nav-main__item__sub) > .qh__nav-main__link:focus .qh__icon__chevron-down__circle, .qh__nav-main__item:not(.qh__nav-main__item__sub):hover > .qh__nav-main__link:not(.qh__nav-main__link--current):not(.qh__nav-main__link--home) .qh__icon__chevron-down__circle, .qh__nav-main__link[aria-expanded="true"] .qh__icon__chevron-down__circle { fill: var(--fc__nav-main__icon__bg--hover); } .qh__nav-main__item:not(.qh__nav-main__item__sub) > .qh__nav-main__link:hover .qh__icon__chevron-down__arrow, .qh__nav-main__item:not(.qh__nav-main__item__sub) > .qh__nav-main__link:focus .qh__icon__chevron-down__arrow, .qh__nav-main__item:not(.qh__nav-main__item__sub):hover > .qh__nav-main__link:not(.qh__nav-main__link--current):not(.qh__nav-main__link--home) .qh__icon__chevron-down__arrow, .qh__nav-main__link[aria-expanded="true"] .qh__icon__chevron-down__arrow { fill: var(--fc__nav-main__icon__fg--hover); } .no-js .qh__nav-main__link:hover .qh__icon__chevron-down__arrow, .no-js .qh__nav-main__link:focus .qh__icon__chevron-down__arrow, .no-js .qh__nav-main__item:not(.qh__nav-main__item__sub):hover > .qh__nav-main__link .qh__icon__chevron-down__arrow, .qh__nav-main__link[aria-expanded="true"] .qh__icon__chevron-down__arrow { transform: rotate(-0.5turn); } .qh__nav-main__link { padding: 0.75rem 0.85rem 1rem; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__nav-main__link { padding-left: 0.425rem; padding-right: 0.425rem; } } .qh__nav-main__link, .qh__nav-main__link:visited { background-color: transparent; color: var(--fc__nav-main__link); display: block; font-size: clamp(0.875rem, 1.125vw, 1rem); font-weight: 450; line-height: clamp(1.2rem, 3vw, 1.3rem); text-decoration: none; word-break: normal; } @media (min-width: 62em) { .qh__nav-main__link, .qh__nav-main__link:visited { border-top: 0.25rem solid var(--fc__nav-main__bg); display: flex; align-items: center; justify-content: center; height: 100%; } } .qh__nav-main__link:focus { outline-color: var(--fc__nav-main__link--focus); outline-offset: -2px; } .qh__nav-main__link:active { color: var(--fc__nav-main__link--active); } .qh__nav-main__link.qh__nav-main__link--current { color: var(--fc__nav-main__fg); font-weight: 550; padding-top: 0.75rem; padding-bottom: 1rem; } @media (max-width: 61.9375em) { .qh__nav-main__link.qh__nav-main__link--current { border-left: 0.5rem solid var(--fc__nav-main__link--hover__bg); } } @media (min-width: 62em) { .qh__nav-main__link.qh__nav-main__link--current { border-top: 0.25rem solid var(--fc__nav-main__link--hover__bg); } } .qh__nav-main__link__sub { border: 0; padding: 0.625rem 0.85rem; } .qh__nav-main__link__sub:hover, .qh__nav-main__link__sub:focus { background-color: var(--fc__nav-main__link__sub--hover__bg); } .qh__nav-main__link__sub.qh__nav-main__link--current { background-color: var(--fc__nav-main__link__sub--hover__bg); padding: 0.625rem 0.85rem; } @media (min-width: 62em) { .qh__nav-main__wrapper > .qh__nav-main__link--home { display: none; visibility: hidden; } } @media (max-width: 61.9375em) { .qh__nav-main__list__outermost .qh__nav-main__link--home { display: none; visibility: hidden; } } .qh__nav-main__link--home .qh__icon { margin: 0; } .qh__nav-main__link--home, .qh__nav-main__link--home:visited { border-top: 0; padding: 0.0625em; } .qh__nav-main__link--home:hover, .qh__nav-main__link--home:focus, .qh__nav-main__link--home:visited:hover, .qh__nav-main__link--home:visited:focus { padding: 0.0625em !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__nav-main__link--home, .qh__nav-main__link--home:visited { padding-top: 0.5rem; } .qh__nav-main__link--home:hover, .qh__nav-main__link--home:focus, .qh__nav-main__link--home:visited:hover, .qh__nav-main__link--home:visited:focus { padding-top: 0.5rem !important; } } .qh-layout__sidebar-top { position: sticky; top: 3rem; z-index: 451; } @media (min-width: 50em) { .qh-layout__sidebar-top { position: relative; top: auto; z-index: 448; } } .qh__nav-minor { background-color: var(--fc__default__bg); border-top: 0.875rem solid var(--fc__nav-minor__border); overflow: visible; } @media (max-width: 49.9375em) { .qh__nav-minor { position: absolute; left: calc((1.125rem + 3.5vw) * -1); min-width: unset; width: 18.25rem; transform: translateX(-18.25rem); transition: transform 250ms ease; } @supports not (font-size: clamp(1rem, 2vw, 1.25rem)) { .qh__nav-minor { left: 0; } } .qh__nav-minor > ul { transform: translateX(-3rem); transition: transform 250ms ease 125ms; } .qh__nav-minor.qh__nav-minor--expanded { transform: translateX(0); } .qh__nav-minor.qh__nav-minor--expanded > ul { transform: translateX(0); } } .qh__nav-minor a { display: block; transition: all 250ms ease; } .qh__nav-minor__toggle { background-color: var(--fc__nav-minor__border); background-image: none; border-radius: 0; color: var(--fc__nav-minor__fg); padding: 0.09375rem 1.25rem 0.09375rem 0; overflow: visible; position: absolute; top: -0.875rem; right: 0; transform: rotate(-90deg); transform-origin: top right; } .qh__nav-minor__toggle:hover::before, .qh__nav-minor__toggle:focus::before { background-color: var(--fc__default__button--hover__bg); } .qh__nav-minor__toggle::before { background-color: var(--fc__nav-minor__border); background-image: none; content: " "; display: block; height: 100%; width: 2.5rem; position: absolute; top: 0; left: -1.875rem; transform: skew(25deg, 0deg); transition: all 250ms ease; z-index: -1; } @media (min-width: 50em) { .qh__nav-minor__toggle { display: none; visibility: hidden; } } .qh__nav-minor .qh__accordion { margin-top: 0; } .qh__nav-minor__list { background-color: var(--fc__nav-minor__bg); position: relative; z-index: 500; } @media (min-width: 50em) { .qh__nav-minor__list { max-height: unset; z-index: unset; } } @media (max-width: 49.9375em) { .qh__nav-minor__list.qh__accordion { margin-top: 0; max-height: 80vh; overflow-y: scroll; } } .qh__nav-minor__list__sub { background-color: var(--fc__nav-minor__sub__bg); border-left: 0.85rem solid var(--fc__nav-minor__link--hover__bg); } .qh__nav-minor__item { position: relative; overflow: visible; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__nav-minor > .qh__nav-minor__list > .qh__nav-minor__item:first-child a { font-size: clamp(1rem, 1.5vw, 1.125rem); } } .qh__nav-minor__item:not(.qh__nav-minor__item__sub) + .qh__nav-minor__item:not(.qh__nav-minor__item__sub)::before { border-top: 0.125rem solid var(--fc__default__bg); content: ''; display: block; height: 0; margin: 0 0.5em; flex-basis: 100%; } .qh__nav-minor__has-children { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; } .qh__nav-minor__has-children .qh__nav-minor__link { flex: 1 0 calc(100% - 2.75rem); margin-left: auto; max-width: calc(100% - 2.75rem); } .qh__nav-minor__has-children .qh__nav-minor__list__sub .qh__nav-minor__link { max-width: none; } .qh__nav-minor__has-children .qh__accordion__button { display: block; flex: 0 0 2.75rem; margin: 0 0 0 auto; padding: 0.25rem 0; } .qh__nav-minor__has-children .qh__accordion__button .qh__icon { margin: 0; } .qh__nav-minor__has-children .qh__accordion__content { background-color: transparent; flex-basis: 100%; padding: 0 !important; } .qh__nav-minor .qh__accordion__button[aria-expanded="true"] { background-color: var(--fc__nav-minor__link--hover__bg); } .qh__nav-minor .qh__accordion__button .qh__icon__plusminus__circle { fill: var(--fc__nav-minor__link--hover__bg); } .qh__nav-minor .qh__accordion__button .qh__icon__plusminus__vert, .qh__nav-minor .qh__accordion__button .qh__icon__plusminus__horiz { fill: var(--fc__nav-minor__link); } .qh__nav-minor .qh__accordion__button:hover .qh__icon__plusminus__circle, .qh__nav-minor .qh__accordion__button:focus .qh__icon__plusminus__circle, .js .qh__nav-minor .qh__accordion__button[aria-expanded="true"] .qh__icon__plusminus__circle { fill: var(--fc__default__bg); } .qh__nav-minor .qh__accordion__button:hover .qh__icon__plusminus__vert, .qh__nav-minor .qh__accordion__button:hover .qh__icon__plusminus__horiz, .qh__nav-minor .qh__accordion__button:focus .qh__icon__plusminus__vert, .qh__nav-minor .qh__accordion__button:focus .qh__icon__plusminus__horiz, .js .qh__nav-minor .qh__accordion__button[aria-expanded="true"] .qh__icon__plusminus__vert, .js .qh__nav-minor .qh__accordion__button[aria-expanded="true"] .qh__icon__plusminus__horiz { fill: var(--fc__nav-minor__link--hover); } .qh__nav-minor .qh__accordion__button, .qh__nav-minor .qh__accordion__button:visited, .qh__nav-minor__link, .qh__nav-minor__link:visited { background-color: var(--fc__nav-minor__link__bg); color: var(--fc__nav-minor__link); text-decoration: none; } .qh__nav-minor .qh__accordion__button:not(.qh__nav-minor__link--current):hover, .qh__nav-minor .qh__accordion__button:not(.qh__nav-minor__link--current):focus, .qh__nav-minor__link:not(.qh__nav-minor__link--current):hover, .qh__nav-minor__link:not(.qh__nav-minor__link--current):focus { background-color: var(--fc__nav-minor__link--hover__bg); color: var(--fc__nav-minor__link--hover); } .qh__nav-minor .qh__accordion__button:focus, .qh__nav-minor__link:focus { outline-color: var(--fc__nav-main__link--focus); outline-offset: -2px; } .qh__nav-minor .qh__accordion__button:active, .qh__nav-minor__link:active { color: var(--fc__nav-main__link--active); } .qh__nav-minor__link { padding: 1rem 0.85rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__nav-minor__link { font-size: clamp(0.925rem, 1.5vw, 1rem); line-height: clamp(1.2rem, 3vw, 1.3rem); } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__nav-minor__link__sub { font-size: clamp(0.875rem, 1.5vw, 0.925rem); line-height: clamp(1.2rem, 3vw, 1.3rem); } } .qh__nav-minor__link--current, .js .qh__nav-minor__link--current.qh__accordion__button[aria-expanded="true"] { background-color: var(--fc__nav-minor__bg); color: var(--fc__nav-minor__fg); font-weight: 650; text-decoration: none; } @media print { .qh__nav-minor a:not(.qh__nav-minor__link--current):not([href="/"]) { display: none; } .qh__nav-minor a.qh__nav-minor__link--current[href]::after { content: " (" attr(href) ")"; } .qh__nav-minor__item:not(.qh__nav-minor__item__sub) + .qh__nav-minor__item:not(.qh__nav-minor__item__sub)::before { border-top: 0; } } .qh__notifications-block { position: relative; } @media (prefers-color-scheme: dark) { html:not(.light) .qh__notifications-block { opacity: .9; } } .qh__notifications-block__wrapper { background-color: var(--fc__notification__bg); margin: 0 auto; max-width: calc(93vw + 1.75rem); } @media (min-width: 86em) { .qh__notifications-block__wrapper { max-width: calc(86rem + 1.75rem); } } @supports (width: Min(10px, 5px)) { .qh__notifications-block__wrapper { max-width: Min(calc(93vw + 1.75rem), 86rem); } } .qh__notifications-block__wrapper::before { background-color: var(--fc__notification__bg); content: ''; opacity: 0.67; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; } @supports (inset: 0) { .qh__notifications-block__wrapper::before { inset: 0; } } .qh__notifications-block .qh__icon__svg { color: var(--fc__notification__icon); height: 2rem; margin-right: 0.5em; width: 2.375rem; } .qh__notifications-block__title { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__notifications-block__title { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); } } .qh__notifications-block__header { color: var(--fc__notification__fg); display: flex; align-items: center; margin: 0 1rem; padding: 0.75rem 0; } .qh__notifications-block__header .qh__btn { margin-left: auto; } .qh__notifications-block__header .qh__btn, .qh__notifications-block__header .qh__btn:visited { background-color: var(--fc__notification__button__bg); color: var(--fc__notification__button__fg); } .qh__notifications-block__header .qh__btn:hover, .qh__notifications-block__header .qh__btn:focus { background-color: var(--fc__notification__button__fg); color: var(--fc__notification__button__bg); } .qh__notifications-block__header .qh__btn[aria-expanded="true"]::before { content: attr(data-text-true); } .qh__notifications-block__header .qh__btn[aria-expanded="false"]::before { content: attr(data-text-false); } .qh__notifications-block__content { color: var(--fc__notification__fg); padding: 0 1rem; } .notifications-hidden .qh__notifications-block__content { display: none; } .qh__notifications-block__content a, .qh__notifications-block__content a:visited { color: var(--fc__notification__link, var(--fc__defauilt__link)); } .qh__notifications-block__content a:hover, .qh__notifications-block__content a:focus { color: var(--fc__notification__link--hover, var(--fc__defauilt__link--hover)); } .qh__notifications-block__content a:focus { outline-color: var(--fc__notification__link--focus, var(--fc__defauilt__link--focus)); } .qh__notifications-block__content a:active { color: var(--fc__notification__link--active, var(--fc__defauilt__link--active)); } .qh__notifications-block__content h4 { color: var(--fc__notification__fg); margin: 0 0 0.25rem; } .qh__notifications-block__content p { max-width: 100em; margin-left: auto; margin-right: auto; } .qh__notifications-block__content p + p { margin-top: 0.75em; } .js .qh__notifications-block__content { max-height: 0; overflow: hidden; transition: max-height 0s linear 1s, visibility 0s linear 0s; visibility: hidden; } .js .qh__notifications-block__content > article { opacity: 0; transition: all 250ms ease 0ms; } .js .qh__notifications-block__content.js__aria-expanded { max-height: none; transition: max-height 0s linear 500s, visibility 0s linear 0ms; visibility: visible; } .js .qh__notifications-block__content.js__aria-expanded > article { opacity: 1; transition: all 250ms ease 125ms; } .office-hours { margin-top: 0.75rem; margin-bottom: 1.5rem; } .qh__site-footer { background-color: var(--fc__footer__bg); border-top: 1.3125rem solid var(--fc__footer__border-top); color: var(--fc__footer__fg); } @media print { .qh__site-footer { display: none; } } .qh__site-footer a { color: var(--fc__footer__fg); } .qh__site-footer a:hover, .qh__site-footer a:focus { text-decoration: none; color: var(--fc__footer__fg); } .qh__site-footer a:visited { color: var(--fc__footer__fg); } .qh__site-footer p { font-size: 1rem; margin-top: 0; hyphens: auto !important; } .qh__site-footer p + p { margin-top: var(--body-text-spacer); } .qh__site-footer p, .qh__site-footer li { font-variant-numeric: lining-nums; } .qh__site-footer__inner { margin: 0 auto; max-width: 93vw; } @media (min-width: 86em) { .qh__site-footer__inner { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh__site-footer__inner { max-width: var(--content-max-width); } } .qh__site-footer > .qh__site-footer__inner { padding: 1.5rem 0; } @media (min-width: 40em) { .qh__site-footer > .qh__site-footer__inner { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; } } .qh__site-footer__content { padding: 1.5rem 0; position: relative; } @media (max-width: 39.9375em) { .qh__site-footer__content + .qh__site-footer__content::before { border-top: 0.0625rem solid var(--fc__footer__fg); content: ''; opacity: 0.33; position: absolute; top: 0; left: 0; width: 100%; } } @media (min-width: 40em) { .qh__site-footer__content { flex: 0 0 50%; } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh__site-footer__content { flex: 0 1 47.5%; } } @media (min-width: 63.75em) { .qh__site-footer__content { flex: 0 0 25%; } } @media all and (min-width: 63.75em) and (-ms-high-contrast: none), (min-width: 63.75em) and (-ms-high-contrast: active) { .qh__site-footer__content { flex: 0 1 23%; } } @media (min-width: 40em) and (max-width: 63.6875em) { .qh__site-footer__first, .qh__site-footer__third { padding-right: 1rem; } .qh__site-footer__first::before, .qh__site-footer__third::before { border-right: 0.0625rem solid var(--fc__footer__fg); content: ''; opacity: 0.33; position: absolute; top: 1rem; right: 0; bottom: 1rem; } .qh__site-footer__second, .qh__site-footer__fourth { padding-left: 1rem; } } @media (min-width: 63.75em) { .qh__site-footer__first, .qh__site-footer__second, .qh__site-footer__third { padding-right: 1rem; } .qh__site-footer__fourth { padding-left: 1rem; } .qh__site-footer__fourth::before { border-left: 0.0625rem solid var(--fc__footer__fg); content: ''; opacity: 0.33; position: absolute; top: 1rem; left: 0; bottom: 1rem; } } .qh__site-footer__copyright { background-color: var(--fc__footer__copyright__bg); color: var(--fc__footer__fg); padding: 1.5rem 1rem; } .qh__site-footer__copyright__content { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; } .qh__site-footer__copyright__content p { flex: 1 1 auto; font-size: 87.5%; margin-left: 1rem; max-width: unset; } .qh__site-footer__copyright svg:first-of-type { flex: 0 0 3.125rem; margin: -0.75rem 0; } @media (min-width: 40em) { .qh__site-footer__copyright svg:first-of-type { flex: 0 0 3.875rem; } } @media (min-width: 63.75em) { .qh__site-footer__copyright svg:first-of-type { flex: 0 0 4.6875rem; } } .qh__page-header { background-color: var(--fc__header__bg); color: var(--fc__header__fg); } .qh__page-header__wrapper { margin: 0 auto; max-width: 93vw; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } @media (min-width: 86em) { .qh__page-header__wrapper { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh__page-header__wrapper { max-width: var(--content-max-width); } } @media (min-width: 40em) { .qh__page-header__wrapper .qh__site-branding { flex: 1 1 66%; } } @media (min-width: 62em) { .qh__page-header__wrapper .qh__site-branding { flex: 1 1 auto; max-width: 65%; } } .qh__page-header__wrapper a, .qh__page-header__wrapper a:visited { color: var(--fc__header__link); } .qh__page-header__wrapper a:hover, .qh__page-header__wrapper a:focus, .qh__page-header__wrapper a:active { color: var(--fc__header__link--hover); } .qh__page-header__wrapper a:focus { outline-color: var(--fc__header__link); } .qh__page-header__inner { flex: 1 1 0%; } @media (max-width: 61.9375em) { .qh__page-header__inner { opacity: 0; visibility: hidden; width: 0; } } @media (min-width: 62em) { .qh__page-header__inner { flex: 1 1 34%; display: flex; flex-flow: column; align-items: flex-end; justify-content: center; } } @media (max-width: 61.9375em) { .qh__page-header__inner .qh__social-links__list { margin-top: -0.5rem; margin-right: -0.5rem; } } @media (min-width: 62em) { .qh__page-header__inner { flex: 1 1 auto; flex-flow: row nowrap; align-items: center; justify-content: flex-end; } .qh__page-header__inner .qh__social-links { padding: 0 1rem; order: -1; } } @media print { .qh__page-header__inner { display: none; } } /* * Styling and functional best practices from: * https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html * * Not all functional requirements can be met, as in arrow up/down, home, or end * keys navigating from one accordion header to another because we are not able * to put a single wrapper around all accordion elements on a page */ .qh__accordion { margin-top: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__accordion { margin-top: var(--body-text-spacer); } } .qh__accordion + .qh__accordion { margin-top: 0.75rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__accordion + .qh__accordion { margin-top: calc(var(--body-text-spacer)/2); } } .qh__accordion__button { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 1rem; line-height: 1.35; font-style: normal; margin: 0; max-width: 40em; hyphens: auto; background-color: var(--c__coffee-milk--trans25); background-image: none; border-radius: 0; box-shadow: none; color: var(--fc__default__fg); display: block; --p-font-wght: 450; max-width: none; outline: none; padding: 1rem 1.5rem; text-align: left; transition: all 250ms ease; white-space: normal; width: 100%; } .wf-inactive .qh__accordion__button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__accordion__button { font-family: var(--font-sans-vf); font-weight: var(--p-font-wght); } html:not(.novf).wf-inactive .qh__accordion__button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @media (prefers-color-scheme: dark) { html:not(.light) .qh__accordion__button { --p-font-wght: calc(var(--default-body-wght) - 25); } } .dark .qh__accordion__button { --p-font-wght: calc(var(--default-body-wght) - 25); } } @media (min-width: 50em) { .qh__accordion__button { font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 62em) { .qh__accordion__button { font-size: 1.25rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__accordion__button { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 50em) { .qh__accordion__button { hyphens: none; } } .qh__accordion__button:hover, .qh__accordion__button:focus { background-color: var(--c__coffee-milk--trans10); color: var(--fc__default__fg); } .qh__accordion__button:focus .qh__accordion__button__summary { outline: 0.125rem solid var(--fc__default__link--focus); outline-offset: 3px; } .qh__accordion__button__summary { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; pointer-events: none; } .qh__accordion__button .qh__icon { margin: -0.5em 0.75rem -0.5em -0.5em; min-width: 2.75rem; } .qh__accordion__button .qh__icon__plusminus__circle { fill: var(--fc__accordion__icon__bg); } .qh__accordion__button .qh__icon__plusminus__vert, .qh__accordion__button .qh__icon__plusminus__horiz { fill: var(--fc__accordion__icon__fg); } .qh__accordion__button .qh__icon__plusminus__vert { transition: all 500ms ease; transform: rotate(90deg); transform-origin: center; } .qh__accordion__button[aria-expanded="true"] { background-color: var(--c__coffee-milk--trans25); } .qh__accordion__button[aria-expanded="true"] .qh__icon__plusminus__vert { transform: rotate(-360deg); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__accordion__button[aria-expanded="true"] .qh__icon__plusminus__vert { opacity: 0; } } @media print { .qh__accordion__button { padding-left: 0; } } .qh__accordion__content { background-color: var(--c__coffee-milk--trans10); position: relative; } .qh__accordion__content::after { clear: both; content: ""; display: block; } .js .qh__accordion__content { max-height: 0; overflow: hidden; transition: max-height 0s linear 1s, visibility 0s linear 0s; visibility: hidden; } .js .qh__accordion__content > div { opacity: 0; transition: all 250ms ease 0ms; } .js [aria-expanded="true"] + .qh__accordion__content { max-height: none; padding: 1rem 1.5rem; transition: max-height 0s linear 500s, visibility 0s linear 0ms; visibility: visible; } .js [aria-expanded="true"] + .qh__accordion__content > div { opacity: 1; transition: all 250ms ease 125ms; } .no-js .qh__accordion__content { padding: 1rem 1.5rem; } @media print { .js .qh__accordion__content { max-height: none; overflow: visible; visibility: visible; } .js .qh__accordion__content > div { opacity: 1; } } .qh__icon-card { background-color: var(--fc__default__bg); color: var(--fc__default__fg); flex: 0 0 100%; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; overflow: hidden; position: relative; z-index: 1; } .qh-layout-section__col .qh__icon-card:first-child { height: 100%; } .qh__icon-card::before { background-color: var(--fc__attention-card__bar); content: ''; opacity: 0.25; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; } @supports (inset: 0) { .qh__icon-card::before { inset: 0; } } .qh__icon-card::after { background-color: var(--fc__attention-card__bar); content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 3rem; z-index: -1; } .qh__icon-card__icon { color: var(--fc__attention-card__icon); display: flex; flex-flow: column; align-items: flex-start; justify-content: center; margin-top: 0.75rem; margin-left: 0.5rem; min-height: 4.5rem; width: 4rem; } .qh__icon-card__icon svg { height: 3rem; } .qh__icon-card__icon path { fill: currentColor; } .qh__icon-card__icon > span { position: relative; overflow: visible; z-index: 1; } .qh__icon-card__icon > span::before { background-color: var(--fc__attention-card__bar); border-radius: 50%; content: ''; display: block; height: 4.125rem; width: 4.125rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } @media (min-width: 62em) { .qh__icon-card__icon { min-height: 4.375rem; } } .qh__icon-card__content { color: var(--fc__attention-card__fg); padding: 0.75rem 1rem 0.75rem 0.5rem; width: calc(100% - 4rem); } .qh__icon-card__content p, .qh__icon-card__content ul, .qh__icon-card__content li { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__icon-card__content p, .qh__icon-card__content ul, .qh__icon-card__content li { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } .qh__icon-card h3.qh__icon-card__title { color: var(--fc__attention-card__fg); display: flex; flex-flow: column; font-size: 1.25rem; align-items: flex-start; justify-content: center; min-height: 4.5rem; margin-top: 0; margin-bottom: 0.75rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__icon-card h3.qh__icon-card__title { --font-size-min-value: 1.125; --font-size-max-value: 1.5; --font-size-scaler-value: var(--h3-scaler-value); font-size: var(--font-size); } } @media (min-width: 62em) { .qh__icon-card h3.qh__icon-card__title { min-height: 4.375rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__icon-card h3.qh__icon-card__title { display: block; } } .qh__card[class*='qh__tc'] { padding: 1.5rem 1rem; } .qh__card[class*='qh__tc'] figure:first-child { margin: -1.5rem -1rem 1.5rem; width: calc( 100% + (1rem * 2)); } .qh__card__title { margin-top: 0; } .qh__paragraph__column-container { display: flex; flex-wrap: wrap; } .qh__paragraph__column-container > * { flex: 0 0 100%; } @media (min-width: 50em) { .qh__paragraph__column-container > * { flex: 0 0 49%; margin-bottom: 1rem; } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh__paragraph__column-container > * { width: 49%; } } @media (min-width: 50em) { .qh__paragraph__column-container > *:nth-child(2n-1) { margin-right: 2%; } } .qh__file-list .qh__icon__file-pdf__path { fill: var(--fc__icon__pdf); } .qh__file-list .qh__icon__file-word__path { fill: var(--fc__icon__word); } .qh__file-list .qh__icon__file-excel__path { fill: var(--fc__icon__excel); } .qh__file-list .qh__icon__file-generic__path { fill: var(--fc__icon__generic); } .qh__file-list .qh__icon__download__path { fill: var(--fc__icon__download); } .qh__file-list .qh__icon__extlink__path { fill: var(--fc__icon__download); } .qh__file-list .qh__icon__globe__path { fill: var(--fc__icon__word); } .qh__file-list__inner { padding: 1.5rem 0; } .qh__file-list__inner > h3 { margin-top: 0; } .qh__file-list__item + .qh__file-list__item { border-top: 0.0625rem solid var(--fc__default__border); } .qh__file-list__item__icon, .qh__file-list__item__download { flex: 0 0 3.25rem; } .qh__file-list__item__icon { padding-right: 0.5rem; } .qh__file-list__item__filename { padding: 1rem 0; } .qh__file-list__item__label { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 1rem; line-height: 1.35; font-style: normal; margin: 0; max-width: 40em; hyphens: auto; --p-font-wght: 525; display: block; } .wf-inactive .qh__file-list__item__label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__file-list__item__label { font-family: var(--font-sans-vf); font-weight: var(--p-font-wght); } html:not(.novf).wf-inactive .qh__file-list__item__label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @media (prefers-color-scheme: dark) { html:not(.light) .qh__file-list__item__label { --p-font-wght: calc(var(--default-body-wght) - 25); } } .dark .qh__file-list__item__label { --p-font-wght: calc(var(--default-body-wght) - 25); } } @media (min-width: 50em) { .qh__file-list__item__label { font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 62em) { .qh__file-list__item__label { font-size: 1.25rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__file-list__item__label { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 50em) { .qh__file-list__item__label { hyphens: none; } } .qh__file-list__item__description { color: var(--fc__default__fg); display: block; max-width: 40em; margin: 0.25rem 0 0.5rem; } .qh__file-list__item__filesize { color: var(--fc__default__fg); display: block; } .qh__file-list__item__download { margin-left: auto; padding-left: 0.5rem; } .qh__file-list__item__edit-link { display: block; margin: 1rem 0; } .qh__file-list__link { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; padding: 0 0.5rem; text-decoration: none; transition: all 250ms ease; } .qh__file-list__link::after { content: none !important; } .qh__file-list__link, .qh__file-list__link:visited { background-color: transparent; } .qh__file-list__link:hover, .qh__file-list__link:focus { background-color: var(--c__coffee-milk--trans25); } .qh__file-list__link .qh__file-list__item__label, .qh__file-list__link .qh__file-list__item__download { transition: all 250ms ease; } .qh__file-list__link:hover .qh__file-list__item__label, .qh__file-list__link:focus .qh__file-list__item__label { text-decoration: underline; } .qh__file-list__link:hover .qh__file-list__item__download, .qh__file-list__link:focus .qh__file-list__item__download { transform: translateY(3px); } .qh__file-list__link:hover .qh__file-list__item__download .qh__icon__download, .qh__file-list__link:hover .qh__file-list__item__download .qh__icon__extlink, .qh__file-list__link:focus .qh__file-list__item__download .qh__icon__download, .qh__file-list__link:focus .qh__file-list__item__download .qh__icon__extlink { fill: var(--fc__default__link--hover); } .qh__gallery__controls { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 1.5rem; } .qh__gallery__controls:focus { outline: 2px solid var(--fc__default__link--focus); outline-offset: -2px; } .qh__gallery__controls .qh__gallery__button--prev { order: 0; } .qh__gallery__controls .qh__gallery__nav { order: 1; } .qh__gallery__controls .qh__gallery__button--next { order: 2; } .qh__gallery__button { display: block; width: 2.75rem; height: 2.75rem; color: var(--fc__default__fg); background: transparent; padding: 0; } .qh__gallery__nav { display: flex; } .qh__gallery__nav-radio { display: block; height: 1.125rem; width: 1.125rem; border: 1px solid var(--fc__default__fg); border-radius: 0.5625rem; padding: 0; margin: 0 0.3125rem; } .qh__gallery__nav-radio:hover, .qh__gallery__nav-radio:focus, .qh__gallery__nav-radio:active { border: 1px solid var(--fc__default__fg); background-color: var(--fc__default__accent); } .qh__gallery__nav-radio.tns-nav-active { background-color: var(--fc__default__link); } .qh__gallery__slider { display: flex; align-items: stretch; flex-flow: row nowrap; opacity: 0; visibility: hidden; } .qh__gallery__slider.tns-slider { visibility: visible; opacity: 1; } .qh__gallery__slider > figure { position: relative; } .qh__gallery__slider > figure figcaption { background-color: var(--c__quahog--dark); height: 100%; width: 100%; padding: 1.5rem 2rem; color: var(--c__white); } .qh__gallery__slider > figure figcaption a, .qh__gallery__slider > figure figcaption a:visited { color: var(--c__white); } .qh__gallery__slider > figure figcaption a:hover, .qh__gallery__slider > figure figcaption a:focus { color: var(--fc__default__accent); } @media (min-width: 40em) { .qh__gallery__slider > figure figcaption { background-color: rgba(46, 46, 46, 0.75); height: auto; position: absolute; bottom: 0; left: 0; } } .qh__gallery button { border: 0; margin: 0; -webkit-appearance: none; } .qh__gallery button::-moz-focus-inner { border: 0; } .qh__location-list__item { padding-top: 1.25rem; padding-bottom: 1.25rem; max-width: 100%; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__location-list__item { padding-top: calc(var(--body-text-spacer)); padding-bottom: calc(var(--body-text-spacer)); } } .qh__location-list__item + .qh__location-list__item { border-top: 0.0625rem solid var(--fc__default__border); } .qh__location-list > form { display: flex; flex-wrap: nowrap; align-items: flex-end; margin-top: -0.5rem; } .qh__location-list > form > .form-item { float: left; min-width: 66%; margin-bottom: 0; } .qh__location-list > form .form-submit { max-height: 3rem; margin-left: 1.5rem; } .qh__person-list__header { padding-bottom: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__person-list__header { padding-bottom: calc(var(--body-text-spacer)); } } .qh__person-list__item { padding-top: 1.25rem; padding-bottom: 1.25rem; max-width: 100%; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__person-list__item { padding-top: calc(var(--body-text-spacer)); padding-bottom: calc(var(--body-text-spacer)); } } .qh__person-list__item + .qh__person-list__item { border-top: 0.0625rem solid var(--fc__default__border); } .qh__publications-list > form { display: flex; flex-wrap: nowrap; align-items: flex-end; } .qh__publications-list > form > .form-item { float: left; min-width: 66%; margin-bottom: 0; } .qh__publications-list > form .form-submit { max-height: 3rem; margin-left: 1.5rem; } .qh-layout-section--col-size-100 .block-ecms-promotions-global { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: center; } .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion { flex: 0 1 100%; } @media (min-width: 50em) { .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion { flex: 0 1 calc(50% - 1rem); margin-left: 0; margin-top: 1.5rem; } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion { flex: 0 1 47.5%; } } @media (min-width: 50em) { .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion:nth-child(2n) { margin-left: 1rem; } } @media (min-width: 62em) { .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion { flex: 0 1 calc(33% - 0.5rem); } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion { flex: 0 1 31%; } } @media (min-width: 62em) { .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion:nth-child(2n) { margin-left: 0; } .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion:nth-child(3n-1), .qh-layout-section--col-size-100 .block-ecms-promotions-global .qh__teaser-promotion:nth-child(3n) { margin-left: 1rem; } } .qh__speeches-latest { padding: 1.5rem 0; } .qh__speeches-latest__title { margin: 0; padding-bottom: 1.5rem; position: relative; } .qh__speeches-latest__title .qh__speeches-latest__all { font-size: 50%; position: absolute; top: 0.5em; right: 0; } @media (max-width: 49.9375em) { .qh__speeches-latest__title .qh__speeches-latest__all { display: none; } } .qh__speeches-latest .qh__teaser-speech__content p { font-size: 1rem; } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .qh__speeches-latest .qh__teaser-speech__content p { --font-size-min-value: 0.925; --font-size-max-value: 1; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.1; --font-lh-max-value: 1.3; --font-lh-scaler-value: var(--st-lh-scaler-value); line-height: var(--line-height); } } @media (min-width: 50em) { .qh__speeches-latest__list + .qh__speeches-latest__all { display: none; } } .qh__speeches-latest__list { margin: 0; } .qh__speeches-latest__list .qh__teaser-speech { padding-right: 1rem; } .qh__speeches-latest__list .qh__teaser-speech:not(:first-child) { padding-left: 1rem; } @media (min-width: 50em) { .qh__speeches-latest__list { display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: center; } } @media (min-width: 50em) { .qh__speeches-latest__list > * { flex: 1 1 0; display: flex; flex-flow: column; } .qh__speeches-latest__list > * .qh__teaser-speech__content { display: flex; flex-flow: column; height: 100%; } .qh__speeches-latest__list > * .qh__teaser-speech__cta { margin-top: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .qh__speeches-latest__list .qh__teaser-speech, .qh__speeches-latest__list .qh__teaser-speech__header, .qh__speeches-latest__list .qh__teaser-speech__content { display: block !important; } } .qh__speeches__list { padding-top: 1.25rem; padding-bottom: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__speeches__list { padding-top: var(--body-text-spacer); padding-bottom: var(--body-text-spacer); } } .qh__speeches__item + .qh__speeches__item { padding-top: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__speeches__item + .qh__speeches__item { padding-top: var(--body-text-spacer); } } .qh__text-card-collection { margin: 0 0 1.5rem 0; } .qh__text-card-collection__title { margin-top: 0; } @media (min-width: 40em) { .qh__text-card-collection__cards { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: center; } .qh__collection__primary-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__primary-light-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__coffee-milk-bg .qh__text-card-collection__cards .qh__text-card { flex: 1 0 calc(50% - 0.75rem); max-width: 50%; } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh__collection__primary-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__primary-light-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__coffee-milk-bg .qh__text-card-collection__cards .qh__text-card { flex: 1 1 40%; } } @media (min-width: 40em) { .qh__collection__border-btwn .qh__text-card-collection__cards .qh__text-card { flex: 0 1 50%; } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh__collection__border-btwn .qh__text-card-collection__cards .qh__text-card { flex: 1 1 40%; } } @media (min-width: 62em) { .qh__collection__primary-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__primary-light-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__coffee-milk-bg .qh__text-card-collection__cards .qh__text-card { flex: 1 0 calc(33% - 1rem); max-width: 33%; } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh__collection__primary-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__primary-light-bg .qh__text-card-collection__cards .qh__text-card, .qh__collection__coffee-milk-bg .qh__text-card-collection__cards .qh__text-card { flex: 1 1 30%; } } @media (min-width: 62em) { .qh__collection__border-btwn .qh__text-card-collection__cards .qh__text-card { flex: 0 1 33%; } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh__collection__border-btwn .qh__text-card-collection__cards .qh__text-card { flex: 1 1 30%; } } .qh-layout-section { margin: 0 auto; max-width: 93vw; display: flex; flex-flow: column; align-items: stretch; justify-content: center; padding: 1.5rem 0; } @media (min-width: 86em) { .qh-layout-section { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh-layout-section { max-width: var(--content-max-width); } } .qh-layout-section--col-size-25 { display: block; width: 25%; } .qh-layout-section--col-size-50 { display: block; width: 50%; } .qh-layout-section--col-size-75 { display: block; width: 75%; } .qh-layout-section--col-size-100 { display: block; width: 100%; } @media (min-width: 40em) { .qh-layout-section--col-size-25-75 { flex-flow: row wrap; } } @media (min-width: 40em) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--first { flex: 1 1 calc(33% - 1.5rem); } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--first { width: calc(33% - 0.75rem); } } @media (min-width: 40em) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--second { flex: 1 1 calc(67% - 1.5rem); } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--second { width: calc(67% - 0.75rem); } } @media (min-width: 40em) { .qh-layout-section--col-size-25-75 .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } @media (min-width: 62em) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--first { flex: 1 1 calc(25% - 1.5rem); } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--first { width: calc(25% - 0.75rem); } } @media (min-width: 62em) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--second { flex: 1 1 calc(75% - 1.5rem); } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--second { width: calc(75% - 0.75rem); } } @media (min-width: 75em) { .qh-layout-section--col-size-25-75 .qh-layout-section__col--second { padding-left: 2vw; } } @media (min-width: 50em) { .qh-layout-section--col-size-33-67 { flex-flow: row wrap; } } @media (min-width: 50em) { .qh-layout-section--col-size-33-67 .qh-layout-section__col--first { flex: 1 1 calc(33% - 1.5rem); } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-33-67 .qh-layout-section__col--first { width: calc(33% - 0.75rem); } } @media (min-width: 50em) { .qh-layout-section--col-size-33-67 .qh-layout-section__col--second { flex: 1 1 calc(67% - 1.5rem); } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-33-67 .qh-layout-section__col--second { width: calc(67% - 0.75rem); } } @media (min-width: 50em) { .qh-layout-section--col-size-33-67 .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } @media (min-width: 75em) { .qh-layout-section--col-size-33-67 .qh-layout-section__col--second { padding-left: 2vw; } } @media (min-width: 50em) { .qh-layout-section--col-size-50-50 { flex-flow: row wrap; } } @media (min-width: 50em) { .qh-layout-section--col-size-50-50 .qh-layout-section__col { flex: 1 1 calc(50% - 1.5rem); } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-50-50 .qh-layout-section__col { width: calc(50% - 0.75rem); } } @media (min-width: 50em) { .qh-layout-section--col-size-50-50 .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } @media (min-width: 50em) { .qh-layout-section--col-size-67-33 { flex-flow: row wrap; } } @media (min-width: 50em) { .qh-layout-section--col-size-67-33 .qh-layout-section__col--first { flex: 1 1 calc(67% - 1.5rem); } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-67-33 .qh-layout-section__col--first { width: calc(67% - 0.75rem); } } @media (min-width: 50em) { .qh-layout-section--col-size-67-33 .qh-layout-section__col--second { flex: 1 1 calc(33% - 1.5rem); } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-67-33 .qh-layout-section__col--second { width: calc(33% - 0.75rem); } } @media (min-width: 50em) { .qh-layout-section--col-size-67-33 .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } @media (min-width: 75em) { .qh-layout-section--col-size-67-33 .qh-layout-section__col--first { padding-right: 2vw; } } @media (min-width: 40em) { .qh-layout-section--col-size-75-25 { flex-flow: row wrap; } } @media (min-width: 40em) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--first { flex: 1 1 calc(67% - 1.5rem); } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--first { width: calc(67% - 0.75rem); } } @media (min-width: 40em) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--second { flex: 1 1 calc(33% - 1.5rem); } } @media all and (min-width: 40em) and (-ms-high-contrast: none), (min-width: 40em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--second { width: calc(33% - 0.75rem); } } @media (min-width: 40em) { .qh-layout-section--col-size-75-25 .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } @media (min-width: 62em) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--first { flex: 1 1 calc(75% - 1.5rem); } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--first { width: calc(75% - 0.75rem); } } @media (min-width: 62em) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--second { flex: 1 1 calc(25% - 1.5rem); } } @media all and (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--second { width: calc(25% - 0.75rem); } } @media (min-width: 75em) { .qh-layout-section--col-size-75-25 .qh-layout-section__col--first { padding-right: 2vw; } } @media (min-width: 50em) { .qh-layout-section--col-size-33-repeat { flex-flow: row wrap; } } @media (min-width: 50em) { .qh-layout-section--col-size-33-repeat .qh-layout-section__col { flex: 1 1 calc(33.3% - 1.5rem); } } @media all and (min-width: 50em) and (-ms-high-contrast: none), (min-width: 50em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-33-repeat .qh-layout-section__col { width: calc(33% - 1.125rem); } } @media (min-width: 50em) { .qh-layout-section--col-size-33-repeat .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } @media (min-width: 40em) { .qh-layout-section--col-size-25-repeat { flex-flow: row wrap; } } @media (min-width: 40em) and (max-width: 74.9375em) { .qh-layout-section--col-size-25-repeat .qh-layout-section__col { flex: 1 1 calc(50% - 1.5rem); } } @media all and (min-width: 40em) and (max-width: 74.9375em) and (-ms-high-contrast: none), (min-width: 40em) and (max-width: 74.9375em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-25-repeat .qh-layout-section__col { flex: 1 1 40%; } } @media (min-width: 40em) and (max-width: 74.9375em) { .qh-layout-section--col-size-25-repeat .qh-layout-section__col:nth-child(even) { margin-left: 1.5rem; } } @media (min-width: 75em) { .qh-layout-section--col-size-25-repeat .qh-layout-section__col { flex: 1 1 calc(25% - 1.5rem); } } @media all and (min-width: 75em) and (-ms-high-contrast: none), (min-width: 75em) and (-ms-high-contrast: active) { .qh-layout-section--col-size-25-repeat .qh-layout-section__col { flex: 1 1 20%; } } @media (min-width: 75em) { .qh-layout-section--col-size-25-repeat .qh-layout-section__col + .qh-layout-section__col { margin-left: 1.5rem; } } .qh-layout-section__col { margin-bottom: 1.5rem; overflow: auto; } .qh-layout-section__col .block:first-child:last-child { display: flex; height: 100%; flex: 0 0 100%; flex-direction: column; } .qh-layout-section__col .block:first-child:last-child.block-ecms-promotions-global { flex-direction: column; } .qh-layout-section--col-size-100 .qh-layout-section__col .block:first-child:last-child.block-ecms-promotions-global { flex-direction: row; } .qh-layout-section__col .block:first-child:last-child[iecp-needed="true"] { display: block; } .qh-layout-section__col > * + * { margin-top: 1.5rem; } .qh-layout-section--full-width { max-width: 100%; padding: 0; } .qh-layout-section--full-width > *:first-child:last-child { margin-bottom: 0; } .qh-layout-section--tabs .tabs { display: flex; gap: 1.5rem; } .qh-layout-section--tabs .tabs > li { margin: 0; } .layout-container.layout-builder-page { max-width: 100%; } .qh-background--rhodyred { background-color: var(--c__rhody-red); } .qh-background--calamari { background-color: var(--c__calamari); } .qh-background--navy { background-color: var(--c__navy); color: var(--c__white); } main { position: relative; } .qh-layout__grid { margin: 0 auto; max-width: 93vw; display: grid; grid-template-areas: 'sidebar-top' 'content' 'sidebar-middle' 'sidebar-bottom'; margin-top: 5rem; padding-bottom: 5rem; padding-left: 1rem; } @media (min-width: 86em) { .qh-layout__grid { max-width: 86rem; } } @supports (width: Min(10px, 5px)) { .qh-layout__grid { max-width: var(--content-max-width); } } @media (min-width: 50em) { .qh-layout__grid { grid-template-areas: 'sidebar-top content' 'sidebar-middle content' 'sidebar-bottom content'; grid-template-columns: minmax(12.5rem, 18rem) minmax(0, 1fr); grid-template-rows: min-content min-content 1fr; padding-left: 0; } .path-user .qh-layout__grid { display: block; margin-left: auto; margin-right: auto; max-width: 93vw; } .qh-layout__grid .qh-layout__content { width: 100%; } } @media (min-width: 75em) { .qh-layout__grid { grid-template-columns: minmax(12.5rem, 22rem) minmax(0, 1fr); } } .qh-layout__grid aside + aside { margin-top: 1.5rem; } .qh-layout__content { grid-area: content; max-width: 89vw; } @media (min-width: 50em) { .qh-layout__content { margin: 0 auto; max-width: 93vw; } } @media (min-width: 50em) and (min-width: 86em) { .qh-layout__content { max-width: 86rem; } } @media (min-width: 50em) { @supports (width: Min(10px, 5px)) { .qh-layout__content { max-width: var(--content-max-width); } } .path-user .qh-layout__content { max-width: none; } } .qh-layout__sidebar-top { grid-area: sidebar-top; max-width: 23.75rem; margin-right: 3vw; margin-bottom: 2.25rem; } [dir="rtl"] .qh-layout__sidebar-top { margin-left: 3vw; margin-right: 0; } @media (max-width: 49.9375em) { .qh-layout__sidebar-top { margin: 0; } } .qh-layout__sidebar-middle { grid-area: sidebar-middle; max-width: 89vw; margin-top: 1.5rem; } @media (min-width: 50em) { .qh-layout__sidebar-middle { max-width: 23.75rem; margin-right: 3vw; margin-top: unset; } } .qh-layout__sidebar-bottom { grid-area: sidebar-bottom; max-width: 89vw; } @media (min-width: 50em) { .qh-layout__sidebar-bottom { max-width: 23.75rem; margin-right: 3vw; } } .qh-layout__sidebar-bottom > div { margin-top: 1.5rem; } .page-overlay { backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.25); height: 100vh; opacity: 0; position: fixed; left: 0; top: 0; width: 100vw; transition: opacity 500ms ease 0ms, z-index 0ms linear 500ms; z-index: -1; } .page-overlay.active { background-color: rgba(0, 0, 0, 0.35); opacity: 1; z-index: 450; } .qh__single-event__header { margin-bottom: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__single-event__header { margin-bottom: calc(var(--body-text-spacer) * 1.5); } } .qh__single-event__meta { margin-top: 1.25rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__single-event__meta { margin-top: calc(var(--body-text-spacer) * 1); } } .qh__single-event__meta__label { letter-spacing: 0.035em; text-transform: uppercase; } .wf-inactive .qh__single-event__meta__label { font-weight: bold; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__single-event__meta__label { font-weight: 625; } html:not(.novf).wf-inactive .qh__single-event__meta__label { font-weight: normal; } } @supports (font-variation-settings: normal) { .qh__single-event__meta time { font-variant-numeric: proportional-nums; } } .qh__single-event__content { margin-bottom: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__single-event__content { margin-bottom: calc(var(--body-text-spacer) * 1.5); } } @media (min-width: 40em) { .hotel-image-container { float: right; margin-left: 2%; width: 49%; } } .publish-date { font-style: italic; font-variant-numeric: oldstyle-nums; } .node--type-vaccination-site .field__label { font-family: "Work Sans", var(--font-sans-fallback); font-weight: normal; font-size: 1rem; line-height: 1.35; font-style: normal; margin: 0; max-width: 40em; hyphens: auto; --p-font-wght: 500; margin-bottom: 0.375rem; } .wf-inactive .node--type-vaccination-site .field__label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @supports (font-variation-settings: normal) { html:not(.novf) .node--type-vaccination-site .field__label { font-family: var(--font-sans-vf); font-weight: var(--p-font-wght); } html:not(.novf).wf-inactive .node--type-vaccination-site .field__label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0.035em; } @media (prefers-color-scheme: dark) { html:not(.light) .node--type-vaccination-site .field__label { --p-font-wght: calc(var(--default-body-wght) - 25); } } .dark .node--type-vaccination-site .field__label { --p-font-wght: calc(var(--default-body-wght) - 25); } } @media (min-width: 50em) { .node--type-vaccination-site .field__label { font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 62em) { .node--type-vaccination-site .field__label { font-size: 1.25rem; line-height: 1.45; } } @supports (font-size: clamp(1rem, 2vw, 2rem)) { .node--type-vaccination-site .field__label { --font-size-min-value: 1; --font-size-max-value: 1.25; --font-size-scaler-value: var(--p-scaler-value); font-size: var(--font-size); --font-lh-min-value: 1.35; --font-lh-max-value: 1.45; --font-lh-scaler-value: var(--p-lh-scaler-value); line-height: var(--line-height); word-spacing: var(--word-spacing); } } @media (min-width: 50em) { .node--type-vaccination-site .field__label { hyphens: none; } } .node--type-vaccination-site .vaccine-audience-aside { margin-bottom: 1rem; padding: 1rem; } @media (min-width: 50em) { .node--type-vaccination-site .vaccine-audience-aside { float: right; margin-left: 1rem; max-width: 40vw; width: 20em; } } .node--type-vaccination-site .vaccine-audience-aside h3 { margin-top: 0; } .node--type-vaccination-site .vaccine-audience-aside .qh__btn { width: 100%; text-align: center; } .vaccination-site-sidebar { padding: 1rem; } .vaccination-site-sidebar h4 { margin-top: 0; } .vaccination-site-sidebar__link { align-items: center; display: flex; flex-direction: row; margin-left: -0.5rem; } .vaccination-site-sidebar .field--type-geofield { margin: 1rem -1rem -1rem -1rem; } .publish-date { font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__execorder__header { margin-bottom: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__execorder__header { margin-bottom: calc(var(--body-text-spacer) * 1.5); } } .qh__execorder__sequence { letter-spacing: 0.035em; padding-bottom: 0.375rem; text-transform: uppercase; } .wf-inactive .qh__execorder__sequence { font-weight: bold; } @supports (font-variation-settings: normal) { html:not(.novf) .qh__execorder__sequence { font-weight: 575; } html:not(.novf).wf-inactive .qh__execorder__sequence { font-weight: normal; } } .qh__execorder__title { margin-top: 0; margin-bottom: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__execorder__title { margin-bottom: calc(var(--body-text-spacer) * 1.5); } } .qh__execorder__date::after { margin-top: 1.5625rem; width: 1.5em; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__execorder__date::after { margin-top: calc(var(--body-text-spacer) * 1.25); } } .qh__execorder__date time { font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__execorder__content ol ol { list-style-type: lower-alpha; } .qh__execorder__content ol ol ol { list-style-type: disc; } .qh__execorder__content ol ul { list-style-type: disc; } .qh__execorder__file-list { margin-top: 3rem; } .qh__single-location__row { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 1.5rem; } .qh__single-location__row > div { width: 45%; } .qh__single-location__phone, .qh__single-location__website { word-break: break-all; display: block; } .qh__single-location__website .qh__icon { width: 1.75rem; height: 1.75rem; } .qh__single-location__icon-link { align-items: center; display: flex; flex-direction: row; margin-left: -0.5rem; } .qh__single-location__phone, .qh__single-location__website, .qh__single-location .address, .qh__single-location__map, .qh__single-location__icon-link { margin-bottom: 1.5rem; } .qh__single-location .office-hours { margin-top: 0; } .qh__single-location .office-hours h4 { margin-top: 0; } .qh__single-speech__header { margin-bottom: 1.875rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__single-speech__header { margin-bottom: calc(var(--body-text-spacer) * 1.5); } } .qh__single-speech__title { margin-bottom: 0.625rem; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__single-speech__title { margin-bottom: calc(var(--body-text-spacer) * 0.5); } } .qh__single-speech__date::after { margin-top: 1.5625rem; width: 1.5em; } @supports (margin-top: clamp(1rem, 2vw, 1.25rem)) { .qh__single-speech__date::after { margin-top: calc(var(--body-text-spacer) * 1.25); } } .qh__single-speech__date time { font-style: italic; font-variant-numeric: oldstyle-nums; } .qh__single-speech__content p:last-child::after { background-color: var(--fc__default__text-accent); content: ''; display: inline-block; height: 1em; margin: 0 0 -0.125em 0.25em; mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44'%3E%3Cpath d='M43.7 26.9l-5.1-5.1c-.4-.4-.9-.4-1.3 0l-5.1 5.1c-.6.6-.2 1.6.7 1.6h3.4c-1.5 5-7.1 8-12.4 8.5V18h4.6c.5 0 .9-.4.9-.9v-1.8c0-.5-.4-.9-.9-.9h-4.6v-.9c2.5-.8 4.3-3.1 4.3-5.9 0-3.4-2.7-6.1-6.1-6.1S16 4.2 16 7.6c0 2.7 1.8 5.1 4.3 5.9v.9h-4.6c-.5 0-.9.4-.9.9v1.8c0 .5.4.9.9.9h4.6v18.9c-5.3-.5-10.9-3.5-12.4-8.5h3.4c.8 0 1.2-1 .7-1.6l-5.1-5.1c-.4-.4-.9-.4-1.3 0L.5 26.8c-.6.6-.2 1.6.7 1.6H4C5.6 36 19.5 42.5 22 42.5s16.5-6.8 18-14.1h3.1c.8 0 1.2-1 .6-1.5zM22 5.1c1.4 0 2.5 1.1 2.5 2.5S23.4 10 22 10s-2.5-1.1-2.5-2.5 1.1-2.4 2.5-2.4z'/%3E%3C/svg%3E"); width: 1em; } @media print { @page { size: letter portrait; margin: .25in; @bottom-left { content: "Page " counter(page) " of " counter(pages); } @bottom-right { content: string(doctitle); } } *, *::before, *::after { color: black !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; transition: none; } html, body { background-color: white !important; font-size: 9pt; } p, h2, h3 { max-width: unset; orphans: 3; widows: 3; } h2, h3 { page-break-inside: avoid; page-break-after: avoid; } figure, img { page-break-inside: avoid; } img { max-width: 100%; max-height: 100%; width: auto; } a:not(.qh__btn):not(.button) { text-decoration: underline; } .qh__site-branding a:not(.qh__btn):not(.button) { text-decoration: none; } abbr[title]::after { content: " (" attr(title) ")"; } .qh__page-header__wrapper, .qh-layout__grid, .qh-layout__content, .qh-layout__sidebar-top { max-width: unset; } .qh-layout__grid { grid-template-areas: 'sidebar-top' 'content' 'sidebar-middle' 'sidebar-bottom'; margin: 0; } .qh-layout__content { display: flex; flex-flow: column; } .qh-layout__content > .block-block-content { order: 2; } .qh-layout__content .qh-layout__sidebar-middle { order: 3; } .qh-layout__content .qh-layout__sidebar-bottom { order: 4; } .qh-layout__sidebar-top { order: 1; } } /*------------------------------------*\ $Admin \*------------------------------------*/ .layout-builder { background-color: inherit; } .layout-builder-block:not([class*="qh__t"]) { background-color: inherit; } .node-layout-builder-form { margin: 2rem; } .node-layout-builder-form .vertical-tabs { margin-left: 20rem; } .node-layout-builder-form .vertical-tabs__menu { margin-left: -20rem; } .node-layout-builder-form .vertical-tabs__menu-item { background-color: inherit; background-color: var(--fc__default__bg); color: var(--fc__default__fg); } .node-layout-builder-form .vertical-tabs__menu-item a { color: var(--fc__default__link); } .node-layout-builder-form .vertical-tabs__menu-item.is-selected { background-color: var(--fc__primary__bg); color: var(--fc__primary__fg); } .node-layout-builder-form .vertical-tabs__menu-item.is-selected a { color: var(--fc__primary__link); } .node-layout-builder-form .vertical-tabs__menu-item-title { color: inherit !important; } .node-layout-builder-form select { width: inherit; background-color: var(--fc__default__bg); color: var(--fc__default__fg); } .media-library-widget-modal img { width: inherit; } html #layout-builder-modal { color: var(--fc__default__fg); background: var(--fc__default__bg); } html #layout-builder-modal h1, html #layout-builder-modal .h1, html #layout-builder-modal h2, html #layout-builder-modal .h2, html #layout-builder-modal h3, html #layout-builder-modal .h3, html #layout-builder-modal h4, html #layout-builder-modal .h4, html #layout-builder-modal h5, html #layout-builder-modal .h5, html #layout-builder-modal h6, html #layout-builder-modal .h6 { color: var(--fc__default__fg); } html #layout-builder-modal thead th { color: var(--fc__header__fg); background: var(--fc__header__bg); } html #layout-builder-modal thead th h1, html #layout-builder-modal thead th .h1, html #layout-builder-modal thead th h2, html #layout-builder-modal thead th .h2, html #layout-builder-modal thead th h3, html #layout-builder-modal thead th .h3, html #layout-builder-modal thead th h4, html #layout-builder-modal thead th .h4, html #layout-builder-modal thead th h5, html #layout-builder-modal thead th .h5, html #layout-builder-modal thead th h6, html #layout-builder-modal thead th .h6 { color: var(--fc__header__fg); } html #layout-builder-modal tbody tr:hover, html #layout-builder-modal tbody tr:focus { background: var(--fc__default__bg); border: 1px solid var(--fc__default__fg); } html #layout-builder-modal .form-item .description { color: var(--fc__default__fg); } html #layout-builder-modal .dropbutton-multiple .dropbutton { border-right: 0; } html #layout-builder-modal .dropbutton { font-size: inherit; font-weight: inherit; } html #layout-builder-modal .dropbutton__item { margin-left: 0; margin-right: 10px; } html #layout-builder-modal .dropbutton-toggle { margin-top: 0; border: 1px solid var(--fc__default__fg); width: 2rem; } html #layout-builder-modal .dropbutton-toggle button { background: var(--fc__default__bg); } html #layout-builder-modal .dropbutton-widget { color: var(--fc__default__fg); background-color: var(--fc__default__bg); border: 0; margin-top: .5rem; padding-right: 2rem; } html #layout-builder-modal fieldset:not(.fieldgroup) { background-color: var(--fc__default__bg); } html #layout-builder-modal .media-library-item--grid { background-color: var(--fc__default__bg); } #layout-builder-modal .media-library-item__remove, #layout-builder-modal .media-library-item__remove.button { max-width: none; } #layout-builder-modal .qh__icon-library-preview svg { width: 75px; } .toolbar-tray ul { max-width: initial; font-size: initial; } .toolbar-tray a { color: var(--c__quahog--medium); font-size: 13px; } .toolbar-tray button { background-color: transparent; background-image: initial; } nav.tabs .tabs { max-width: none; }