/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
body {
    --width-mega: 90rem;
    --width-extra-large: 73.75rem;
    --width-large: 60rem;
    --width-medium: 48rem;
    --width-small: 30rem;
    --width-container: var(--width-extra-large);
    --width-restricted-width-section: var(--width-medium);
    --spacing-smallest: calc(var(--spacing) * 0.25);
    --spacing-smaller: calc(var(--spacing) * 0.5);
    --spacing-small: calc(var(--spacing) * 0.75);
    --spacing: 1rem;
    --spacing-large: calc(var(--spacing) * 1.5);
    --spacing-larger: calc(var(--spacing) * 2);
    --spacing-largest: calc(var(--spacing) * 2.5);
    --spacing-mega: calc(var(--spacing) * 3);
    --spacing-padding-horizontal: var(--spacing);
    --line-height: 1.5;
    --vertical-rhythm-spacing: calc(var(--line-height) * 1rem);
    --color-accent: #652c95;
    --color-accent-2: #ffe146;
    --color-green: #048a04;
    --color-red: #e4251b;
    --color-orange: #ed7522;
    --color-yellow: #fd0;
    --color-blue: #297bbb;
    --color-white: #fff;
    --color-grey-lightest: #f9f9f9;
    --color-grey-lighter: #eaeaea;
    --color-grey-light: #cecfd0;
    --color-grey-medium: #b1b4b6;
    --color-grey-dark: #505a5f;
    --color-black: #0b0c0c;
    --color-info: var(--color-blue);
    --color-success: var(--color-green);
    --color-danger: var(--color-red);
    --color-warning: var(--color-orange);
    --color-minor: var(--color-yellow);
    --color-link: var(--color-accent);
    --color-focus: var(--color-yellow);
    --font-primary: roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --font-secondary: georgia, "Times New Roman", times, serif;
    --font-heading-1: var(--font-secondary);
    --font-heading-2: var(--font-secondary);
    --font-heading-3: var(--font-secondary);
    --font-heading-4: var(--font-secondary);
    --font-heading-5: var(--font-secondary);
    --font-heading-6: var(--font-secondary);
    --font-size: 1rem;
    --font-size-smallest: calc(var(--font-size) * 0.3);
    --font-size-smaller: calc(var(--font-size) * 0.5);
    --font-size-small: calc(var(--font-size) * 0.75);
    --font-size-medium: calc(var(--font-size) * 1);
    --font-size-large: calc(var(--font-size) * 1.3125);
    --font-size-larger: calc(var(--font-size) * 1.6875);
    --font-size-largest: calc(var(--font-size) * 2.875);
    --font-size-h1: clamp( var(--font-size-larger), 10vw, var(--font-size-largest) );
    --font-size-h2: clamp(var(--font-size-large), 8vw, var(--font-size-larger));
    --font-size-h3: clamp(var(--font-size-medium), 6vw, var(--font-size-large));
    --font-size-h4: var(--font-size-medium);
    --font-size-h5: var(--font-size-medium);
    --font-size-h6: var(--font-size-medium);
    --color-text: var(--color-black);
    --heading-1-color: var(--color-text);
    --heading-2-color: var(--color-text);
    --heading-3-color: var(--color-text);
    --heading-4-color: var(--color-text);
    --heading-5-color: var(--color-text);
    --heading-6-color: var(--color-text);
    --heading-1-line-height: var(--line-height);
    --heading-2-line-height: var(--line-height);
    --heading-3-line-height: var(--line-height);
    --heading-4-line-height: var(--line-height);
    --heading-5-line-height: var(--line-height);
    --heading-6-line-height: var(--line-height);
    --heading-font-weight: bold;
    --heading-1-font-weight: var(--heading-font-weight);
    --heading-2-font-weight: var(--heading-font-weight);
    --heading-3-font-weight: var(--heading-font-weight);
    --heading-4-font-weight: var(--heading-font-weight);
    --heading-5-font-weight: var(--heading-font-weight);
    --heading-6-font-weight: var(--heading-font-weight);
    --border-width: 1px;
    --border-width-large: 5px;
    --border-color: var(--color-grey-light);
    --border-color-dark: var(--color-grey-dark);
    --border-color-alert: var(--color-black);
    --border-style: solid;
    --border-radius: var(--spacing-smallest);
    --border: var(--border-width) var(--border-style) var(--border-color);
    --border-large: var(--border-width-large) var(--border-style) var(--border-color);
    --border-dark: var(--border-width) var(--border-style) var(--border-color-dark);
    --border-transparent: var(--border-width) var(--border-style) transparent;
    --transition-time: 0.3s;
    --dialog-backdrop-color: rgba(0, 0, 0, 0.8);
}

body {
    --grid-column-spacing: var(--spacing);
    --breadcrumbs-background-color: var(--color-white);
    --breadcrumbs-border: var(--border);
    --breadcrumbs-divider: "»";
    --breadcrumbs-font-size: var(--font-size-medium);
    --breadcrumbs-padding-vertical: var(--spacing-small);
    --breadcrumbs-padding-horizontal: 0;
    --breadcrumbs-link-color: var(--color-link);
    --breadcrumbs-spacing-bottom: var(--vertical-rhythm-spacing);
    --section-spacing-vertical-header: var(--spacing);
    --color-section-header-bg: var(--color-accent);
    --header-link-color: var(--color-white);
    --header-services-button-border: var(--border);
    --header-services-button-border-color: var(--color-white);
    --header-services-button-color: var(--color-white);
    --header-services-button-bg-color: transparent;
    --header-services-button-bg-color-hover: var(--color-accent);
    --header-services-button-color-hover: var(--color-white);
    --header-logo-width: 10rem;
    --color-slogan: var(--color-white);
    --header-search-button-color: var(--color-white);
    --header-search-button-bg-color: var(--color-accent);
    --header-search-button-color-hover: var(--color-accent);
    --header-search-button-bg-color-hover: var(--color-white);
    --header-search-input-border: var(--border-transparent);
    --secondary-menu-bg-color-first: var(--color-accent);
    --secondary-menu-bg-color-second: var(--color-white);
    --secondary-menu-link-color: var(--color-black);
    --secondary-menu-link-color-focus: var(--color-black);
    --secondary-menu-column-count: 3;
    --color-section-pre-footer-bg: var(--color-grey-dark);
    --color-section-footer-bg: var(--color-white);
    --color-section-post-footer-bg: var(--color-white);
    --section-spacing-vertical-pre-footer: var(--spacing-largest);
    --section-spacing-vertical-footer: var(--spacing);
    --section-spacing-vertical-post-footer: var(--spacing);
    --color-pre-footer-heading: var(--color-white);
    --color-pre-footer-link: var(--color-white);
    --color-pre-footer-text: var(--color-white);
    --color-footer-heading: var(--color-text);
    --color-footer-link: var(--color-link);
    --color-footer-text: var(--color-text);
    --color-post-footer-heading: var(--color-text);
    /*--color-post-footer-link: var(--color-link);*/
    --color-post-footer-text: var(--color-text);
    --color-section-housekeeping-bg: var(--color-accent);
    --color-housekeeping-heading: var(--color-white);
    --color-housekeeping-link: var(--color-white);
    --color-housekeeping-text: var(--color-white);
    --section-spacing-vertical-housekeeping: var(--spacing);
    --page-title-border: var(--border);
    --page-title-width: var(--width-medium);
    --page-title-subtitle-font-size: var(--font-size-h2);
    --page-title-lede-font-size: var(--font-size-h3);
    --form-item-description-bg-color: var(--color-grey-lightest);
    --form-item-description-border: var(--border);
    --input-padding-vertical: var(--spacing);
    --input-padding-horizontal: var(--spacing);
    --input-text-color: var(--color-white);
    --input-text-color-hover: var(--color-accent);
    --input-icon-color: var(--input-text-color);
    --input-icon-color-hover: var(--color-accent);
    --input-border-color: var(--color-grey-dark);
    --input-border-color-hover: var(--color-grey-dark);
    --input-bg-color: var(--color-white);
    --input-bg-color-hover: var(--color-grey-light);
    --input-border-radius: 0;
    --text-input-font-family: var(--font-primary);
    --checkbox-select-focus-color: var(--color-focus);
    --checkbox-select-outline-color: var(--color-black);
    --radio-select-focus-color: var(--color-focus);
    --radio-select-outline-color: var(--color-black);
    --button-padding-vertical: var(--spacing);
    --button-padding-horizontal: var(--spacing);
    --button-text-color: var(--color-white);
    --button-text-color-hover: var(--color-accent);
    --button-icon-color: var(--button-text-color);
    --button-icon-color-hover: var(--color-accent);
    --button-border-color: var(--color-accent);
    --button-bg-color: var(--color-accent);
    --button-bg-color-hover: var(--color-white);
    --button-font-family: var(--font-primary);
    --button-border-radius: 0;
    --file-upload-border: var(--border);
    --file-upload-border-left-size: var(--border-width-large);
    --file-upload-border-inline-start-size: var(--border-width-large);
    --file-upload-border-color: var(--color-accent);
    --file-upload-bg-hover-color: var(--color-accent);
    --file-upload-text-hover-color: var(--color-white);
    --fieldset-border-color: var(--color-grey-medium);
    --option-bg-color: var(--color-accent);
    --option-color: var(--color-white);
    --option-bg-hover-color: var(--color-white);
    --option-hover-color: var(--color-accent);
    --sidebar-exposed-form-bg-color: var(--color-grey-light);
    --sidebar-exposed-form-padding-vertical: var(--spacing-larger);
    --sidebar-exposed-form-padding-horizontal: var(--spacing-larger);
    --sidebar-exposed-form-item-spacing: var(--spacing);
    --section-spacing-vertical-guide-nav: calc(var(--spacing-large) + 1rem);
    --section-spacing-horizontal-guide-nav: var(--spacing-large);
    --guide-nav-column-count: 3;
    --ia-block-bg-color: var(--color-white);
    --ia-block-bg-color-promoted: var(--color-white);
    --link-icon-margin: var(--spacing-smaller);
    --link-and-summary-title-icon-margin: var(--spacing-smaller);
    --featured-subsite-bg-color: var(--color-grey-light);
    --box-link-border: var(--border-dark);
    --box-link-content-spacing: var(--spacing-small);
    --fact-box-bg-light: var(--color-grey-light);
    --fact-box-bg-dark: var(--color-grey-dark);
    --fact-box-bg-accent: var(--color-accent);
    --fact-box-padding-vertical: var(--spacing-largest);
    --fact-box-padding-horizontal: var(--spacing-large);
    --fact-box-title: var(--font-size-large);
    --fact-box-fact: var(--font-size-largest);
    --fact-box-border: var(--border-large);
    --fact-box-border-color: var(--color-grey-medium);
    --fact-box-red: red;
    --fact-box-blue: blue;
    --fact-box-text-color-accent: var(--color-white);
    --image-with-caption-border: var(--border);
    --image-with-caption-border-color: var(--color-grey-light);
    --image-with-caption-padding: var(--spacing);
    --image-with-caption-bg-color: var(--color-grey-light);
    --quote-padding: var(--spacing-larger);
    --quote-padding-left: var(--spacing-larger);
    --quote-padding-inline-start: var(--spacing-larger);
    --quote-border: var(--border-large);
    --quote-border-color: var(--color-accent);
    --quote-bg-color: var(--color-grey-lighter);
    --quote-author-color: var(--color-accent);
    --featured-teaser-border: var(--border);
    --featured-teaser-content-padding: var(--spacing);
    --table-border: var(--border);
    --table-padding: var(--spacing);
    --table-bg-color: var(--color-grey-light);
    --table-header-border-color: var(--color-grey-medium);
    --tabs-border: var(--border);
    --tabs-border-color: var(--color-grey-dark);
    --tabs-text-color: var(--color-grey-dark);
    --tabs-button-bg-color: var(--color-grey-light);
    --tabs-button-active-color: var(--color-white);
    --tabs-button-font-size: var(--font-size);
    --tabs-button-font-family: var(--font-primary);
    --button-link-padding: var(--spacing);
    --button-link-bg-color: var(--color-accent);
    --button-link-color: var(--color-white);
    --button-link-bg-color-hover: var(--color-accent);
    --button-link-color-hover: var(--color-white);
    --step-by-step-relationship-border-color: var(--color-accent);
    --step-by-step-part-of-color: var(--color-accent);
    --step-by-step-active-item-color: var(--color-accent);
    --step-by-step-active-bullet-bg-color: var(--color-accent);
    --step-by-step-active-bullet-border-color: var(--color-accent);
    --step-by-step-line-joining-items-border: var(--border);
    --step-by-step-line-joining-items-color: var(--color-accent);
    --step-by-step-nav-block-width: var(--width-medium);
    --call-out-box-padding: var(--spacing-large);
    --call-out-box-link-padding: var(--spacing-smaller);
    --call-out-box-bg-color: var(--color-accent);
    --call-out-box-text-color: var(--color-white);
    --call-out-box-title-color: var(--call-out-box-text-color);
    --service-statuses-padding: var(--spacing);
    --service-statuses-container-bg-color: var(--color-accent);
    --service-statuses-container-text-color: var(--color-white);
    --service-statuses-list-bg-color: var(--color-white);
    --service-statuses-list-spacing: var(--spacing-large);
    --service-statuses-list-border: var(--border);
    --service-statuses-list-border-color: var(--color-accent);
    --banner-content-width: var(--width-medium);
    --banner-content-margin: calc(var(--spacing-largest) * 2);
    --banner-content-padding: var(--spacing-largest);
    --banner-content-bg-color: var(--color-accent);
    --banner-content-text-color: var(--color-white);
    --banner-title-size: var(--font-size-larger);
    --color-banner-title-link: var(--color-white);
    --color-banner-title-link-hover: var(--color-white);
    --teaser-image-with: 33%;
    --teaser-featured-content-padding: var(--spacing-larger);
    --teaser-featured-height: 100%;
    --teaser-featured-border: var(--border);
    --teaser-featured-border-color: var(--border-color-dark);
    --card-height: var(--teaser-featured-height);
    --card-border: var(--teaser-featured-border);
    --card-border-color: var(--teaser-featured-border-color);
    --card-content-padding: var(--teaser-featured-content-padding);
    --newsroom-featured-bottom-space: var(--spacing-largest);
    --news-category-spacing: var(--spacing);
    --newsroom-featured-space-after-items: var(--spacing);
    --sitewide-search-header-container-padding-horizontal: var(--spacing);
    --sitewide-search-header-container-padding-vertical: var(--spacing);
    --search-results-item-spacing: var(--spacing-largest);
    --search-results-list-item-border: var(--border);
    --search-results-list-item-marker-color: transparent;
    --btn-start-bg-color: var(--color-success);
    --btn-start-bg-color-hover: var(--color-white);
    --btn-start-color: var(--color-white);
    --btn-start-color-hover: var(--color-success);
    --btn-start-padding-horizontal: var(--spacing);
    --btn-start-padding-vertical: var(--spacing-smaller);
    --btn-start-border: var(--border);
    --btn-start-border-color-hover: var(--btn-start-bg-color);
    --btn-start-icon: "\203A";
    --btn-start-icon-size: var(--font-size-largest);
    --btn-start-icon-top: -3px;
    --external-link-icon-color: var(--color-accent);
    --wysiwyg-align-spacing: var(--spacing);
    --alert-banner-bg-color: var(--color-success);
    --alert-banner-bg-color-minor: var(--color-minor);
    --alert-banner-bg-color-major: var(--color-danger);
    --alert-banner-bg-color-notable-person: var(--color-black);
    --alert-banner-color: var(--color-white);
    --alert-banner-title-color-notable-person: inherit;
    --alert-banner-title-color-announcement: inherit;
    --alert-banner-title-color-minor: inherit;
    --alert-banner-title-color-major: inherit;
    --alert-banner-focus-color: var(--color-black);
    --alert-banner-minor-color: var(--color-black);
    --alert-banner-minor-border-color: var(--color-black);
    --alert-banner-close-button-bg-color: var(--color-black);
    --alert-banner-close-button-color: var(--color-white);
    --alert-banner-close-button-border-color: var(--color-white);
    --alert-banner-close-padding-vertical: var(--spacing-smaller);
    --alert-banner-close-padding-horizontal: var(--spacing-small);
    --alert-banner-color-minor: var(--color-black);
    --alert-banner-close-border: var(--border);
    --alert-banner-close-border-color: var(--color-white);
    --alert-banner-inner-margin-vertical: 0;
    --alert-banner-inner-margin-horizontal: 0;
    --alert-banner-inner-padding-vertical: var(--spacing);
    --alert-banner-inner-padding-horizontal: 0;
    --leaflet-map-outline-stroke-colour: #38f;
    --blog-author-image-width: calc(var(--teaser-image-with) / 2);
    --blog-author-content-margin: var(--spacing-largest);
    --color-page-section-background-color: transparent;
    --color-page-section-text-color: var(--color-black);
    --color-page-section-background-color-1: var(--color-accent);
    --color-page-section-background-color-1-text-color: var(--color-white);
    --color-page-section-background-color-1-link-color: var(--color-white);
    --color-page-section-background-color-2: var(--color-accent-2);
    --color-page-section-background-color-2-text-color: var(--color-black);
    --color-page-section-background-color-2-link-color: var(--color-black);
    --color-page-section-background-color-3: var(--color-grey-lightest);
    --color-page-section-background-color-3-text-color: var(--color-black);
    --color-page-section-background-color-3-link-color: var(--color-black);
    --color-page-section-background-color-4: var(--color-accent);
    --color-page-section-background-color-4-text-color: var(--color-white);
    --color-page-section-background-color-4-link-color: var(--color-white);
    --color-page-section-background-color-5: var(--color-accent);
    --color-page-section-background-color-5-text-color: var(--color-white);
    --color-page-section-background-color-5-link-color: var(--color-white);
    --color-page-section-background-color-6: var(--color-accent);
    --color-page-section-background-color-6-text-color: var(--color-white);
    --color-page-section-background-color-6-link-color: var(--color-white);
    --color-page-section-background-color-1-newsroom-teaser-background-color: var( --color-white );
    --color-page-section-background-color-1-newsroom-teaser-text-color: var( --color-black );
    --color-page-section-background-color-1-newsroom-teaser-link-color: var( --color-black );
    --color-page-section-background-color-2-newsroom-teaser-background-color: var( --color-white );
    --color-page-section-background-color-2-newsroom-teaser-text-color: var( --color-black );
    --color-page-section-background-color-2-newsroom-teaser-link-color: var( --color-black );
    --color-page-section-background-color-3-newsroom-teaser-background-color: var( --color-black );
    --color-page-section-background-color-3-newsroom-teaser-text-color: var( --color-white );
    --color-page-section-background-color-3-newsroom-teaser-link-color: var( --color-white );
    --color-page-section-background-color-4-newsroom-teaser-background-color: var( --color-white );
    --color-page-section-background-color-4-newsroom-teaser-text-color: var( --color-black );
    --color-page-section-background-color-4-newsroom-teaser-link-color: var( --color-black );
    --color-page-section-background-color-5-newsroom-teaser-background-color: var( --color-white );
    --color-page-section-background-color-5-newsroom-teaser-text-color: var( --color-black );
    --color-page-section-background-color-5-newsroom-teaser-link-color: var( --color-black );
    --color-page-section-background-color-6-newsroom-teaser-background-color: var( --color-white );
    --color-page-section-background-color-6-newsroom-teaser-text-color: var( --color-black );
    --color-page-section-background-color-6-newsroom-teaser-link-color: var( --color-black );
    --color-page-section-background-color-1-box-link-border-color: var( --color-white );
    --color-page-section-background-color-1-box-link-background-color: var( --color-white );
    --color-page-section-background-color-1-box-link-text-color: var( --color-black );
    --color-page-section-background-color-1-box-link-link-color: var( --color-black );
    --color-page-section-background-color-2-box-link-border-color: var( --color-white );
    --color-page-section-background-color-2-box-link-background-color: var( --color-white );
    --color-page-section-background-color-2-box-link-text-color: var( --color-black );
    --color-page-section-background-color-2-box-link-link-color: var( --color-black );
    --color-page-section-background-color-3-box-link-border-color: var( --color-black );
    --color-page-section-background-color-3-box-link-background-color: var( --color-black );
    --color-page-section-background-color-3-box-link-text-color: var( --color-white );
    --color-page-section-background-color-3-box-link-link-color: var( --color-white );
    --color-page-section-background-color-4-box-link-border-color: var( --color-white );
    --color-page-section-background-color-4-box-link-background-color: var( --color-white );
    --color-page-section-background-color-4-box-link-text-color: var( --color-black );
    --color-page-section-background-color-4-box-link-link-color: var( --color-black );
    --color-page-section-background-color-5-box-link-border-color: var( --color-white );
    --color-page-section-background-color-5-box-link-background-color: var( --color-white );
    --color-page-section-background-color-5-box-link-text-color: var( --color-black );
    --color-page-section-background-color-5-box-link-link-color: var( --color-black );
    --color-page-section-background-color-6-box-link-border-color: var( --color-white );
    --color-page-section-background-color-6-box-link-background-color: var( --color-white );
    --color-page-section-background-color-6-box-link-text-color: var( --color-black );
    --color-page-section-background-color-6-box-link-link-color: var( --color-black );
    --color-page-section-background-color-1-featured-subsite-background-color: var( --color-grey-lightest );
    --color-page-section-background-color-1-featured-subsite-text-color: var( --color-black );
    --color-page-section-background-color-1-featured-subsite-link-color: var( --color-black );
    --color-page-section-background-color-2-featured-subsite-background-color: var( --color-grey-lightest );
    --color-page-section-background-color-2-featured-subsite-text-color: var( --color-black );
    --color-page-section-background-color-2-featured-subsite-link-color: var( --color-black );
    --color-page-section-background-color-3-featured-subsite-background-color: var( --color-black );
    --color-page-section-background-color-3-featured-subsite-text-color: var( --color-grey-lightest );
    --color-page-section-background-color-3-featured-subsite-link-color: var( --color-grey-lightest );
    --color-page-section-background-color-4-featured-subsite-background-color: var( --color-grey-lightest );
    --color-page-section-background-color-4-featured-subsite-text-color: var( --color-black );
    --color-page-section-background-color-4-featured-subsite-link-color: var( --color-black );
    --color-page-section-background-color-5-featured-subsite-background-color: var( --color-grey-lightest );
    --color-page-section-background-color-5-featured-subsite-text-color: var( --color-black );
    --color-page-section-background-color-5-featured-subsite-link-color: var( --color-black );
    --color-page-section-background-color-6-featured-subsite-background-color: var( --color-grey-lightest );
    --color-page-section-background-color-6-featured-subsite-text-color: var( --color-black );
    --color-page-section-background-color-6-featured-subsite-link-color: var( --color-black );
    --add-to-calendar-dialog-max-width: 80%;
    --add-to-calendar-dialog-max-height: 80%;
    --add-to-calendar-dialog-width: 500px;
    --add-to-calendar-dialog-height: 500px;
    --add-to-calendar-dialog-backdrop-color: var(--color-black);
    --add-to-calendar-dialog-backdrop-opacity: 0.75;
    --add-to-calendar--icon-color: var(--color-white);
    --add-to-calendar--icon-color-hover: var(--color-accent);
    --accordion-icon-closed: "+";
    --accordion-icon-opened: "-";
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin-block-start: 0;
}

dialog {
    margin: auto;
}

body {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-primary);
    font-size: var(--font-size);
    line-height: var(--line-height);
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    body {
        scroll-behavior: auto;
    }
}

.dialog-off-canvas-main-canvas {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    margin-block-end: auto;
}

a {
    transition: var(--transition-time);
    color: var(--color-link);
}

    a:hover {
        text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
    }

    a:not([class*="toolbar"]):focus {
        text-decoration: none;
        color: var(--color-black);
        outline: 3px solid transparent;
        background-color: var(--color-focus);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
    }



img {
    display: block;
    max-width: 100%;
    height: auto;
}

p,
ul,
ol,
pre,
table,
blockquote {
    margin-block-end: var(--vertical-rhythm-spacing);
}

    ul ul,
    ol ol,
    ul ol,
    ol ul {
        margin-block-end: 0;
    }

    blockquote:not(.pull-out-quote__content) {
        padding-inline-start: var(--quote-padding-inline-start);
        border-color: var(--color-accent);
        border-inline-start: var(--quote-border);
    }

sub,
sup {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
}

sup {
    top: -0.5rem;
}

sub {
    bottom: -0.25rem;
}

/*table {
    width: 100%;
    text-align: left;
    border: var(--table-border);
    border-collapse: collapse;
}*/
/*
td,
th {
    padding: var(--table-padding);
    border: var(--table-border);
}*/

th {
    border-color: var(--table-header-border-color);
    background-color: var(--table-bg-color);
}

.field--name-localgov-table {
    overflow-x: hidden;
    max-width: 100%;
}

.tablefield-wrapper {
    overflow-x: auto;
}

input,
select,
option,
textarea,
button {
    font-family: var(--font-primary);
}

.dialog-off-canvas-main-canvas {
    position: relative;
}

.lgd-container {
    max-width: var(--width-container);
    margin-inline: auto;
}

.lgd-container--mega {
    max-width: var(--width-mega);
}

.lgd-container--extra-large {
    max-width: var(--width-extra-large);
}

.lgd-container--large {
    max-width: var(--width-large);
}

.lgd-container--medium {
    max-width: var(--width-medium);
}

.lgd-container--small {
    max-width: var(--width-small);
}

.padding-horizontal {
    padding-inline: var(--spacing-padding-horizontal);
}

.lgd-icon svg {
    display: block;
    width: var(--spacing);
    height: auto;
}

.lgd-icon--large svg {
    width: var(--spacing-large);
}

.lgd-icon--larger svg {
    width: var(--spacing-larger);
}

.lgd-icon--largest svg {
    width: var(--spacing-largest);
}

.lgd-icon--small svg {
    width: var(--spacing-small);
}

.lgd-icon--smaller svg {
    width: var(--spacing-smaller);
}

.lgd-icon--smallest svg {
    width: var(--spacing-smallest);
}

.layout__region {
    max-width: 100%;
}

    .layout__region > * {
        margin-block-end: var(--vertical-rhythm-spacing);
    }

.field__label {
    font-weight: var(--heading-font-weight);
}

.field--label-inline > .field__label,
.field--label-inline > .field__items {
    float: left;
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
    padding-inline-end: var(--spacing-smaller);
}

.form-item,
.facet-item,
.form-item-webform-terms-of-service {
    position: relative;
    margin-block-end: var(--spacing);
}

fieldset,
.fieldgroup {
    padding: var(--spacing);
    border: var(--border);
    border-color: var(--fieldset-border-color);
}

legend {
    padding: 0 var(--spacing);
    font-weight: bold;
}

label,
.webform-element--title-inline > label {
    display: block;
    margin-block-end: 0;
}

input[disabled] {
    opacity: 0.5;
}

.js input.form-autocomplete {
    background-position: calc(100% - 1rem) center;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
select,
.select2-container--default .select2-search--dropdown .select2-search__field {
    /*width: 100%;
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
    border: var(--border);
    border-color: var(--input-border-color);
    background-color: var(--input-bg-color);*/
    font-family: var(--text-input-font-family);
    font-size: var(--font-size-medium);
}

    input[type="date"]:focus,
    input[type="datetime-local"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="text"]:focus,
    input[type="url"]:focus,
    textarea:focus,
    select:focus {
        border-color: var(--color-black);
        outline: 3px solid var(--color-focus);
        outline-offset: 0;
        box-shadow: inset 0 0 0 3px;
    }

.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin: 0.5rem;
}

.select2-results__option {
    padding: 0.5rem 1rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 0;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    top: 13px;
}

button,
input[type="submit"] {
    padding: var(--button-padding-vertical) var(--button-padding-horizontal) var(--button-padding-vertical) var(--button-padding-horizontal);
    cursor: pointer;
    color: var(--button-text-color);
    border: var(--border);
    border-color: var(--button-border-color);
    border-radius: var(--button-border-radius);
    background-color: var(--button-bg-color);
    font-family: var(--button-font-family);
    font-size: var(--font-size-medium);
}

    button:focus,
    button:hover,
    input[type="submit"]:focus,
    input[type="submit"]:hover {
        text-decoration: underline;
        color: var(--button-text-color-hover);
        background-color: var(--button-bg-color-hover);
    }

.form-item input[type="checkbox"],
.form-checkboxes input[type="checkbox"],
.facet-item input[type="checkbox"],
.form-item-webform-terms-of-service input[type="checkbox"] {
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -2px;
    width: 44px;
    height: 44px;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

    .form-item input[type="checkbox"] + label,
    .form-checkboxes input[type="checkbox"] + label,
    .facet-item input[type="checkbox"] + label,
    .form-item-webform-terms-of-service input[type="checkbox"] + label {
        display: inline-block;
        margin-inline-start: 40px;
        padding: 8px 15px 5px;
        cursor: pointer;
        touch-action: manipulation;
    }

        .form-item input[type="checkbox"] + label::before,
        .form-checkboxes input[type="checkbox"] + label::before,
        .facet-item input[type="checkbox"] + label::before,
        .form-item-webform-terms-of-service input[type="checkbox"] + label::before {
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
            width: 40px;
            height: 40px;
            content: "";
            border: 2px solid var(--checkbox-select-outline-color);
            background: transparent;
        }

        .form-item input[type="checkbox"] + label::after,
        .form-checkboxes input[type="checkbox"] + label::after,
        .facet-item input[type="checkbox"] + label::after,
        .form-item-webform-terms-of-service input[type="checkbox"] + label::after {
            position: absolute;
            top: 11px;
            left: 9px;
            box-sizing: border-box;
            width: 23px;
            height: 12px;
            content: "";
            transform: rotate(-45deg);
            opacity: 0;
            border: solid;
            border-width: 0 0 5px 5px;
            border-block-start-color: transparent;
            background: transparent;
        }

    .form-item input[type="checkbox"]:focus + label::before,
    .form-checkboxes input[type="checkbox"]:focus + label::before,
    .facet-item input[type="checkbox"]:focus + label::before,
    .form-item-webform-terms-of-service
    input[type="checkbox"]:focus + label::before {
        border-width: 4px;
        box-shadow: 0 0 0 3px var(--checkbox-select-focus-color);
    }

    .form-item input[type="checkbox"]:hover + label,
    .form-checkboxes input[type="checkbox"]:hover + label,
    .facet-item input[type="checkbox"]:hover + label,
    .form-item-webform-terms-of-service input[type="checkbox"]:hover + label,
    .form-item input[type="checkbox"]:focus + label,
    .form-checkboxes input[type="checkbox"]:focus + label,
    .facet-item input[type="checkbox"]:focus + label,
    .form-item-webform-terms-of-service input[type="checkbox"]:focus + label {
        text-decoration: underline;
    }

    .form-item input[type="checkbox"]:checked + label::after,
    .form-checkboxes input[type="checkbox"]:checked + label::after,
    .facet-item input[type="checkbox"]:checked + label::after,
    .form-item-webform-terms-of-service
    input[type="checkbox"]:checked + label::after {
        opacity: 1;
    }

.webform-type-radios .form-item,
.webform-type-webform-radios-other .form-item-radios-other--radios {
    position: relative;
    display: block;
    clear: left;
    min-height: 40px;
    margin-block-end: 10px;
    padding-inline-start: 40px;
}

    .webform-type-radios .form-item input,
    .webform-type-webform-radios-other .form-item-radios-other--radios input {
        position: absolute;
        z-index: 1;
        top: -2px;
        left: -2px;
        width: 44px;
        height: 44px;
        margin: 0;
        cursor: pointer;
        opacity: 0;
    }

    .webform-type-radios .form-item label,
    .webform-type-webform-radios-other .form-item-radios-other--radios label {
        display: inline-block;
        margin-block-end: 0;
        padding: 8px 15px 5px;
        cursor: pointer;
        touch-action: manipulation;
    }

    .webform-type-radios .form-item [type="radio"] + label::before,
    .webform-type-webform-radios-other .form-item [type="radio"] + label::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        content: "";
        border: 2px solid var(--radio-select-outline-color);
        border-radius: 50%;
        background: transparent;
    }

    .webform-type-radios .form-item [type="radio"] + label::after,
    .webform-type-webform-radios-other .form-item [type="radio"] + label::after {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 0;
        height: 0;
        content: "";
        opacity: 0;
        border: 10px solid currentColor;
        border-radius: 50%;
        background: currentColor;
    }

    .webform-type-radios .form-item [type="radio"]:focus + label::before,
    .webform-type-webform-radios-other
    .form-item
    [type="radio"]:focus + label::before {
        border-width: 4px;
        box-shadow: 0 0 0 4px var(--radio-select-focus-color);
    }

    .webform-type-radios .form-item input:checked + label::after,
    .webform-type-webform-radios-other .form-item input:checked + label::after {
        opacity: 1;
    }

    .webform-type-radios .form-item:last-child,
    .webform-type-radios .form-item:last-of-type {
        margin-block-end: 0;
    }

.form-item .description {
    padding: 1rem;
    border: var(--form-item-description-border);
    background-color: var(--form-item-description-bg-color);
}

.form-item input + .description {
    border-block-start: 0;
}

.form-item .description + input {
    border-block-start: 0;
}

.form-item .description .webform-element-more--content {
    padding: 1rem;
}

.fieldset-wrapper > .field-prefix + .form-checkboxes,
.fieldset-wrapper > .field-prefix + .form-item-radios {
    margin-block-start: var(--spacing);
}

input[type="file"],
.form-item-managed-file-button .webform-file-button {
    display: inline-block;
    margin: 0;
    padding: 1rem;
    cursor: pointer;
    border: var(--file-upload-border);
    border-color: var(--file-upload-border-color);
    border-inline-start-width: var(--file-upload-border-inline-start-size);
}

    input[type="file"]:focus,
    input[type="file"]:hover,
    .form-item-managed-file-button .webform-file-button:focus,
    .form-item-managed-file-button .webform-file-button:focus,
    .form-managed-file:focus-within .webform-file-button,
    .form-managed-file .webform-file-button:hover {
        text-decoration: underline;
        color: var(--file-upload-text-hover-color);
        background-color: var(--file-upload-bg-hover-color);
        font-weight: bold;
    }

.form-item-managed-file .description,
.form-item-managed-file-multiple .description,
.form-item-managed-file-button .description {
    position: relative;
    top: -1px;
    width: auto;
    max-width: 768px;
    border: var(--file-upload-border);
    border-color: var(--file-upload-border-color);
    border-inline-start-width: var(--file-upload-border-inline-start-size);
}

    .form-item-managed-file .description br,
    .form-item-managed-file-multiple .description br,
    .form-item-managed-file-button .description br {
        margin-block-end: var(--spacing);
    }

.facets-form fieldset {
    padding: 0;
    border: none;
}

.facets-form .facets-widget > ul,
.facets-form .facets-widget > ul ul {
    padding: 0;
    list-style: none;
}

    .facets-form .facets-widget > ul > li + li {
        margin-block-start: var(--spacing-largest);
    }

.facets-form .form-actions:not(.hidden) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing);
    align-items: center;
}

.toolbar-menu {
    font-size: 0.8125rem;
}

.toolbar .toolbar-bar .toolbar-item:focus {
    background-color: transparent;
    box-shadow: none;
}

.messages {
    margin: 1rem auto;
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 21px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-inline-start: 20px;
    padding-inline-end: 35px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 21px;
}

.messages + .messages {
    margin-block-start: 1.538em;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item + .messages__item {
    margin-block-start: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(/core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-inline-start: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url(/core/misc/icons/e29700/warning.svg);
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url(/core/misc/icons/e32700/error.svg);
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

.skip-link {
    padding: var(--spacing);
}

    .skip-link:focus,
    .skip-link:hover {
        text-decoration: underline !important;
        text-decoration-thickness: max(3px, 0.1875rem, 0.12em) !important;
    }

.lgd-row {
    display: flex;
    flex-wrap: wrap;
}

.lgd-row--centered {
    justify-content: center;
}

.lgd-row--vertically-centered {
    align-items: center;
}

.lgd-row > * {
    margin-inline: calc(var(--grid-column-spacing) / 2);
}

.lgd-row__one-quarter,
.lgd-row--quarters > *,
.lgd-row__one-third,
.lgd-row--thirds > *,
.lgd-row__one-half,
.lgd-row--halves > *,
.lgd-row__two-thirds,
.lgd-row__three-quarters,
.lgd-row__full {
    width: calc(100% - var(--grid-column-spacing));
}

@media screen and (min-width: 48rem) {
    .lgd-row__one-quarter,
    .lgd-row--quarters > *,
    .lgd-row__one-third,
    .lgd-row--thirds > *,
    .lgd-row__one-half,
    .lgd-row--halves > *,
    .lgd-row__two-thirds,
    .lgd-row__three-quarters {
        width: calc(50% - var(--grid-column-spacing));
    }
}

@media screen and (min-width: 60rem) {
    .lgd-row__one-quarter,
    .lgd-row--quarters > * {
        width: calc(25% - var(--grid-column-spacing));
    }

    .lgd-row__one-third,
    .lgd-row--thirds > * {
        width: calc((100% / 3) - var(--grid-column-spacing));
    }

    .lgd-row__two-thirds {
        width: calc((100% / 3 * 2) - var(--grid-column-spacing));
    }

    .lgd-row__three-quarters {
        width: calc(75% - var(--grid-column-spacing));
    }
}

.view--grid {
    --lgd-view-grid-columns: 1;
    --lgd-view-grid-gap: var(--spacing);
}

.view--grid-gap-none {
    --lgd-view-grid-gap: 0;
}

.view--grid-gap-small {
    --lgd-view-grid-gap: var(--spacing-small);
}

.view--grid-gap-smaller {
    --lgd-view-grid-gap: var(--spacing-smaller);
}

.view--grid-gap-smallest {
    --lgd-view-grid-gap: var(--spacing-smallest);
}

.view--grid-gap-medium {
    --lgd-view-grid-gap: var(--spacing);
}

.view--grid-gap-large {
    --lgd-view-grid-gap: var(--spacing-large);
}

.view--grid-gap-larger {
    --lgd-view-grid-gap: var(--spacing-larger);
}

.view--grid-gap-largest {
    --lgd-view-grid-gap: var(--spacing-largest);
}

.view--grid .view-content {
    display: grid;
    grid-template-columns: repeat(var(--lgd-view-grid-columns), 1fr);
    grid-gap: var(--lgd-view-grid-gap);
}

@media screen and (min-width: 48rem) {
    .view--grid .view-content {
        --lgd-view-grid-columns: 2;
    }
}

@media screen and (min-width: 60rem) {
    .view--grid-thirds .view-content {
        --lgd-view-grid-columns: 3;
    }

    .view--grid-quarters .view-content {
        --lgd-view-grid-columns: 4;
    }

    .view--grid-fifths .view-content {
        --lgd-view-grid-columns: 5;
    }
}

.banner {
    position: relative;
}

.banner__image img {
    width: 100%;
    min-height: 300px;
    object-fit: cover;
}

.banner--primary .banner__content {
    position: relative;
    max-width: var(--banner-content-width);
    margin: calc(var(--banner-content-margin) * -1) auto var(--banner-content-margin);
    padding: var(--banner-content-padding);
    color: var(--banner-content-text-color);
    background-color: var(--banner-content-bg-color);
}

.banner--primary .field--name-localgov-title {
    font-size: var(--banner-title-size);
}

.banner__link {
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    color: var(--color-banner-title-link);
}

    .banner__link.banner__link:focus,
    .banner__link:hover {
        text-decoration: none;
        color: var(--color-banner-title-link-hover);
    }

    .banner__link.banner__link:focus-visible {
        outline: 2px dashed var(--color-banner-title-link-hover);
        outline-offset: 2px;
    }

.banner--primary .banner__content {
    border: var(--border-large);
    border-color: var(--color-white);
}

.lgd-region--breadcrumb {
    margin-block-end: var(--breadcrumbs-spacing-bottom);
    background-color: var(--breadcrumbs-background-color);
}

.breadcrumbs {
    padding: var(--breadcrumbs-padding-vertical) var(--breadcrumbs-padding-horizontal);
    border-block-end: var(--breadcrumbs-border);
}

.breadcrumbs__list {
    margin-block-end: 0;
    padding-inline-start: 0;
    list-style: none;
}

.breadcrumbs__item {
    display: inline-block;
    margin-inline-end: 0.25rem;
    font-size: var(--breadcrumbs-font-size);
}

    .breadcrumbs__item + .breadcrumbs__item::before {
        display: inline-block;
        margin-inline-end: 0.25rem;
        content: var(--breadcrumbs-divider);
        color: var(--breadcrumbs-link-color);
    }

.breadcrumbs__link {
    color: var(--breadcrumbs-link-color);
}

.form-item--error,
.form-item.error {
    padding: var(--spacing);
    border: 2px dashed var(--color-danger);
}

.form-item--error-message {
    padding: var(--spacing);
    border: 1px solid var(--color-danger);
    border-block-end: 0;
    background-color: #fcf4f2;
}

.fieldset-wrapper .form-item--error-message {
    margin-block-end: var(--spacing);
    border-block-end: 1px solid var(--color-danger);
}

.node__restricted-width-section {
    max-width: var(--width-restricted-width-section);
}

.lgd-header {
    padding-block: clamp(1rem, 10vw, var(--section-spacing-vertical-header));
    background-color: #33433b;
}

/*.lgd-header__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}*/

.lgd-header .lgd-region--header {
    margin-inline-end: calc(var(--spacing) * 2);
}

.lgd-header__nav--primary,
.lgd-header__nav--secondary {
    margin-inline: var(--spacing);
}

.lgd-header__nav--primary {
    display: none;
    width: 100%;
}

    .lgd-header__nav--primary.lgd-header__nav--active {
        display: flex;
        flex-direction: column-reverse;
    }

@media screen and (min-width: 48rem) {
    .lgd-header__nav--primary {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: auto;
    }
}

.lgd-header__nav--secondary {
    display: none;
    width: 100%;
}

.lgd-header__nav--active {
    display: block;
}

.lgd-header__toggles {
    display: flex;
    margin-inline-start: auto;
    margin-inline-end: var(--spacing);
}

.lgd-header__toggle {
    display: flex;
    align-items: center;
    height: 100%;
    margin-inline-start: var(--spacing);
    padding: var(--spacing);
    cursor: pointer;
    color: var(--header-services-button-color);
    border: var(--header-services-button-border);
    border-color: var(--header-services-button-border-color);
    background-color: var(--header-services-button-bg-color);
    font-size: var(--font-size-medium);
    line-height: 1;
}

    .lgd-header__toggle:focus,
    .lgd-header__toggle:hover {
        color: var(--header-services-button-color-hover);
        background-color: var(--header-services-button-bg-color-hover);
    }

.lgd-header__toggle-icon {
    margin-inline-start: var(--spacing-smaller);
}

    .lgd-header__toggle-icon::after {
        display: inline-block;
        margin-inline-start: var(--spacing-smaller);
        content: "\203A"/ "";
        transition: var(--transition-time);
        transform: rotate(90deg);
        font-size: var(--font-size-larger);
    }

.lgd-header__toggle--active .lgd-header__toggle-icon::after {
    transform: rotate(270deg);
}

.lgd-header__toggle--secondary {
    display: none;
}

@media screen and (min-width: 48rem) {
    .lgd-header__toggle--primary {
        display: none;
    }

    .lgd-header__toggle--secondary {
        display: flex;
    }
}

.lgd-header a {
    color: var(--header-link-color);
}

.branding__item--logo {
    width: var(--header-logo-width);
}

    .branding__item--logo a {
        display: block;
        transition: none;
    }

        .branding__item--logo a:focus {
            outline-width: 1px;
            outline-style: dashed;
            outline-color: var(--color-white);
            background-color: transparent;
            box-shadow: none;
        }

.branding__item--slogan {
    color: var(--color-slogan);
}

.lgd-region--search {
    margin-block: var(--spacing);
}

@media screen and (min-width: 48rem) {
    .lgd-region--search {
        margin-inline-start: auto;
    }
}

.lgd-region--search form {
    display: flex;
    align-items: center;
}

.lgd-region--search label {
    display: block;
    color: var(--header-search-button-color);
}

.lgd-region--search .form-item-s {
    flex-grow: 1;
    margin-block-end: 0;
}

@media screen and (min-width: 48rem) {
    .lgd-region--search .form-item-s {
        flex-grow: initial;
    }
}

.lgd-region--search .form-text {
    width: 100%;
    border: var(--header-search-input-border);
}

.lgd-region--search .form-actions {
    margin-block-start: auto;
}

.lgd-region--search .form-submit {
    color: var(--header-search-button-color);
    background-color: var(--header-search-button-bg-color);
}

    .lgd-region--search .form-submit:hover,
    .lgd-region--search .form-submit:focus {
        color: var(--header-search-button-color-hover);
        background-color: var(--header-search-button-bg-color-hover);
    }

.no-js .lgd-header__nav {
    display: block !important;
}

.no-js .lgd-header__toggle {
    display: none !important;
}

.lgd-footer {
    margin-block-start: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
}

.lgd-footer__pre-footer {
    padding-block: clamp(1rem, 10vw, var(--section-spacing-vertical-pre-footer));
    color: var(--color-pre-footer-text);
    background-color: var(--color-section-pre-footer-bg);
}

    .lgd-footer__pre-footer a {
        color: var(--color-pre-footer-link);
    }

.lgd-footer__footer {
    padding-block: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
    color: var(--color-footer-text);
    background-color: var(--color-section-footer-bg);
}

    .lgd-footer__footer a {
        color: var(--color-footer-link);
    }

.lgd-footer__post-footer {
    padding-block: clamp(1rem, 10vw, var(--section-spacing-vertical-post-footer));
    color: var(--color-post-footer-text);
    background-color: var(--color-section-post-footer-bg);
}

    .lgd-footer__post-footer a {
        color: var(--color-post-footer-link);
    }

.lgd-footer__housekeeping {
    padding-block: var(--section-spacing-vertical-housekeeping);
    color: var(--color-housekeeping-text);
    background-color: var(--color-section-housekeeping-bg);
}

    .lgd-footer__housekeeping a {
        color: var(--color-housekeeping-link);
    }

.lgd-footer__pre-footer h2,
.lgd-footer__pre-footer h3,
.lgd-footer__pre-footer h4,
.lgd-footer__pre-footer h5,
.lgd-footer__pre-footer h6 {
    color: var(--color-pre-footer-heading);
}

.lgd-footer__footer h2,
.lgd-footer__footer h3,
.lgd-footer__footer h4,
.lgd-footer__footer h5,
.lgd-footer__footer h6 {
    color: var(--color-footer-heading);
}

.lgd-footer__post-footer h2,
.lgd-footer__post-footer h3,
.lgd-footer__post-footer h4,
.lgd-footer__post-footer h5,
.lgd-footer__post-footer h6 {
    color: var(--color-post-footer-heading);
}

.lgd-footer__housekeeping h2,
.lgd-footer__housekeeping h3,
.lgd-footer__housekeeping h4,
.lgd-footer__housekeeping h5,
.lgd-footer__housekeeping h6 {
    color: var(--color-housekeeping-heading);
}

.callout {
    padding: 1.5rem;
    text-align: center;
    color: var(--color-white);
    font-size: var(--font-size-large);
    font-weight: bold;
}

    .callout a {
        color: var(--color-white);
    }

        .callout a:focus {
            color: var(--color-white);
            background-color: var(--color-grey-dark);
        }

.callout-primary {
    background-color: var(--color-accent);
}

.callout-success {
    background-color: var(--color-success);
}

.callout-danger {
    background-color: var(--color-danger);
}

.callout-teal {
    background-color: teal;
}

.callout-carbon {
    background-color: var(--color-grey-dark);
}

.callout-yellow,
.callout-yellow a {
    color: var(--color-grey-dark);
    background-color: var(--color-yellow);
}

.region-secondary-menu {
    margin-block-start: var(--spacing);
    background-color: var(--secondary-menu-bg-color-first);
}

.lgd-region__inner--secondary-menu {
    padding: var(--spacing-large) var(--spacing-large) var(--spacing) 0;
    background-color: var(--secondary-menu-bg-color-second);
}

    .lgd-region__inner--secondary-menu .block-menu > h2 {
        padding-inline-start: var(--spacing-large);
    }

.region-secondary-menu .menu {
    overflow-y: auto;
    max-height: 400px;
}

@media screen and (min-width: 48rem) {
    .region-secondary-menu {
        background-color: var(--secondary-menu-bg-color-second);
    }

    .lgd-region__inner--secondary-menu {
        background-color: var(--secondary-menu-bg-color-second);
    }

    .region-secondary-menu .menu {
        overflow-y: initial;
        max-height: auto;
        column-count: var(--secondary-menu-column-count);
    }
}

.region-secondary-menu .menu-item {
    margin-block-end: var(--spacing);
}

    .region-secondary-menu .menu-item > a {
        color: var(--secondary-menu-link-color);
    }

        .region-secondary-menu .menu-item > a:focus {
            color: var(--secondary-menu-link-color-focus);
        }

.alert {
    padding: var(--spacing-largest);
    border: var(--border-large);
    border-color: var(--border-color-alert);
    background-color: var(--color-white);
    font-size: var(--font-size-large);
    font-weight: bold;
}

.alert-primary {
    border-color: var(--color-accent);
}

.alert-info {
    border-color: var(--color-info);
}

.alert-danger {
    border-color: var(--color-danger);
}

.alert-fail {
    border-color: var(--color-warning);
}

.alert-success {
    border-color: var(--color-success);
}

.btn.btn-start {
    display: inline-flex;
    align-items: center;
    padding: var(--btn-start-padding-vertical) var(--btn-start-padding-horizontal);
    text-decoration: none;
    color: var(--btn-start-color);
    border: var(--btn-start-border);
    border-color: var(--btn-start-border-color);
    background-color: var(--btn-start-bg-color);
    line-height: 1;
}

    .btn.btn-start:focus,
    .btn.btn-start:hover {
        color: var(--btn-start-color-hover);
        background-color: var(--btn-start-bg-color-hover);
    }

    .btn.btn-start::after {
        position: relative;
        top: var(--btn-start-icon-top);
        margin-inline-start: 0.5rem;
        content: var(--btn-start-icon) / "";
        font-size: var(--btn-start-icon-size);
        line-height: 0;
    }

.external-link::after {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-inline-start: 0.25rem;
    content: "";
    background-color: var(--external-link-icon-color);
    -webkit-mask-image: url(/themes/contrib/localgov_base/templates/includes/icons/external-link.svg);
    mask-image: url(/themes/contrib/localgov_base/templates/includes/icons/external-link.svg);
}

.list-checked li::marker {
    content: "\2714\0020";
    color: var(--color-green);
}

.align-left {
    margin-right: var(--wysiwyg-align-spacing);
}

.align-right {
    margin-left: var(--wysiwyg-align-spacing);
}
