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);
    --color-unpublished-bg: pink;
    --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-light: var(--color-grey-lightest);
    --border-color-accent: var(--color-accent);
    --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-light: var(--border-width) var(--border-style) var(--border-color-light);
    --border-dark: var(--border-width) var(--border-style) var(--border-color-dark);
    --border-accent: var(--border-width) var(--border-style) var(--border-color-accent);
    --border-transparent: var(--border-width) var(--border-style) transparent;
    --border-large: var(--border-width-large) var(--border-style) var(--border-color);
    --border-large-dark: var(--border-width-large) var(--border-style) var(--border-color-dark);
    --border-large-light: var(--border-width-large) var(--border-style) var(--border-color-light);
    --border-large-accent: var(--border-width-large) var(--border-style) var(--color-accent);
    --border-large-transparent: var(--border-width-large) 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-dark);
    --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;
    --contact-border: var(--border);
    --contact-accent-color: var(--color-accent);
    --contact-spacing: var(--spacing);
    --contact-accent-color-contrast: var(--color-white);
    --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: "-";
    --image-alt-font-style: italic;
    --image-alt-font-size-large: var(--font-size-large);
    --image-alt-color: var(--color-black);
    --image-alt-spacing: var(--spacing);
    --image-alt-border: var(--border);
    --image-alt-bg-color: var(--color-grey-lightest);
}

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);
    }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading {
    margin-block-end: var(--vertical-rhythm-spacing);
    font-family: var(--font-secondary);
}

h1, .h1 {
    color: var(--heading-1-color);
    font-family: var(--font-heading-1);
    font-size: var(--font-size-h1);
    font-weight: var(--heading-1-font-weight);
    line-height: var(--heading-1-line-height);
}

h2, .h2 {
    color: var(--heading-2-color);
    font-family: var(--font-heading-2);
    font-size: var(--font-size-h2);
    font-weight: var(--heading-2-font-weight);
    line-height: var(--heading-2-line-height);
}

h3, .h3 {
    color: var(--heading-3-color);
    font-family: var(--font-heading-3);
    font-size: var(--font-size-h3);
    font-weight: var(--heading-3-font-weight);
    line-height: var(--heading-3-line-height);
}

h4, .h4 {
    color: var(--heading-4-color);
    font-family: var(--font-heading-4);
    font-size: var(--font-size-h4);
    font-weight: bold;
    font-weight: var(--heading-4-font-weight);
    line-height: var(--heading-4-line-height);
}

h5, .h5 {
    color: var(--heading-5-color);
    font-family: var(--font-heading-5);
    font-size: var(--font-size-h5);
    font-weight: var(--heading-5-font-weight);
    font-variant: small-caps;
    line-height: var(--heading-5-line-height);
}

h6, .h6 {
    text-decoration: underline;
    color: var(--heading-6-color);
    font-family: var(--font-heading-6);
    font-size: var(--font-size-h6);
    font-weight: var(--heading-6-font-weight);
    font-variant: small-caps;
    line-height: var(--heading-6-line-height);
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

    img[alt] {
        text-wrap: balance;
        color: var(--image-alt-color);
        font-size: var(--image-alt-font-size-large);
        font-style: var(--image-alt-font-style);
    }

    img[data-img-loading-error] {
        padding: var(--image-alt-spacing);
        border: var(--image-alt-border);
        background-color: var(--image-alt-bg-color);
    }

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 {
    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 {
        display: block;
        text-underline-offset: 3px;
        text-decoration: underline !important;
        text-decoration-thickness: max(3px,0.1875rem,0.12em) !important;
    }

body {
    background-color: var(--color-grey-lightest);
}

a, button, input {
    transition: color ease var(--transition-time),background-color ease var(--transition-time);
}

a {
    text-underline-offset: 0.25rem;
}

    a:hover, a:focus, button:hover, button:focus {
        text-underline-offset: 0.25rem;
    }

    a:not([class*="toolbar"]):hover, a:not([class*="toolbar"]):focus {
        background-color: transparent;
        box-shadow: unset;
        color: var(--color-accent);
        text-decoration: underline;
    }

.field--name-body h1, .field--name-body .h1, .field--name-body h2, .field--name-body .h2, .field--name-body h3, .field--name-body .h3, .field--name-body h4, .field--name-body .h4, .field--name-body h5, .field--name-body .h5, .field--name-body h6, .field--name-body .h6, .field--name-body .heading {
    margin-block-end: 0;
    margin-block-start: 1.5em;
}

h6, .h6 {
    font-variant: unset;
    text-decoration: unset;
}

.field--name-body p, .field--name-body ul, .field--name-body ol, .field--name-body pre, .field--name-body table, .field--name-body blockquote {
    margin-block-end: 0;
    margin-block-start: 1.5em;
}

    .field--name-body ul ul, .field--name-body ol ol, .field--name-body ul ol, .field--name-body ol ul {
        margin-block-end: 0;
        margin-block-start: 0;
    }

.path-frontpage .region-content {
    padding-block: 14px;
}

.lgd-teaser-list .lgd-teaser__content a {
    color: var(--color-blue);
    display: block;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin-bottom: 1.3125rem;
    text-decoration: none;
}

    .lgd-teaser-list .lgd-teaser__content a:hover, .lgd-teaser-list .lgd-teaser__content a:focus {
        color: var(--color-accent);
        text-decoration: underline;
    }

.lgd-teaser__content .field__item {
    color: var(--color-accent-2);
    font-size: var(--font-size-small);
}

.service-landing-page__service-icon svg, .lgd-topic-list-builder__service-icon svg {
    display: none;
}

.service-landing-page__service-icon, .lgd-topic-list-builder__service-icon {
    background-color: var(--color-accent);
    flex-shrink: 0;
    height: 0.6875rem;
    margin-top: 0.5625rem;
    mask-image: url(images/chevron.svg);
    -webkit-mask-image: url(images/chevron.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    transform: rotate(-90deg);
    width: 1.25rem;
}

.field--name-body a {
    color: var(--color-blue);
    text-underline-offset: 0.25rem;
    word-break: break-word;
}

    .field--name-body a:hover, .field--name-body a:focus {
        color: var(--color-accent);
        text-decoration-thickness: unset;
        text-underline-offset: 0.25rem;
    }

.form-text::placeholder {
    color: var(--color-accent-2);
    font-weight: bold;
    opacity: 50%;
}

blockquote:not(.pull-out-quote__content) {
    border-color: var(--color-accent);
    margin-inline: 0rem;
}

.field--name-localgov-table {
    border-radius: 0.5rem;
    box-shadow: 0rem 0.25rem 0.49rem 0rem #00000026;
    width: calc(100vw - 40px);
}

table {
    border: none;
    margin: 0rem;
}

th {
    border: none;
    color: var(--color-white);
    font-size: var(--font-size-medium);
}

    th:first-child:not(tbody tr th) {
        border-radius: 0.54rem 0rem 0rem 0rem;
    }

    th:last-child {
        border-radius: 0rem 0.5rem 0rem 0rem;
    }

tbody tr:nth-child(odd) {
    background-color: var(--color-white);
}

tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

td {
    border: none;
}

    th *, td * {
        margin: 0rem;
    }

.block-social-sharing-block {
    margin-top: 4.375rem;
}

    .block-social-sharing-block h2 {
        font-size: var(--font-size-medium);
    }

.social-media-sharing a:hover {
    opacity: 0.8;
}

.social-media-sharing a:focus {
    border-radius: 50%;
    display: block;
    opacity: 0.8;
    outline: 0.1875rem solid var(--color-accent);
    outline-offset: 0.125rem;
}

#views-exposed-form-localgov-sitewide-search-sitewide-search-page-block
.bef--secondary.form-wrapper {
    display: none;
}

@media (min-width:48rem) {
    .form-text::placeholder {
        font-size: var(--font-size-medium);
    }

    .field--name-localgov-table {
        width: 100%;
    }

    th, td {
        font-size: var(--font-size-large);
    }

    .block-social-sharing-block {
        margin-top: 3.125rem;
    }
}

body {
    --color-accent: #d10080;
    --color-accent-2: #223266;
    --color-blue: #005ea4;
    --color-green: #005e32;
    --color-red: #931010;
    --color-grey-lightest: #f4f4f4;
    --color-info: var(--color-accent-2);
    --color-success: var(--color-green);
    --color-danger: var(--color-red);
    --color-warning: var(--color-accent);
    --color-link: var(--color-accent-2);
    --color-focus: var(--color-accent);
    --color-section-header-bg: var(--color-white);
    --header-logo-width: 18.6875rem;
    --header-link-color: var(--color-accent-2);
    --color-section-housekeeping-bg: var(--color-white);
    --breadcrumbs-background-color: var(--color-grey-lightest);
    --breadcrumbs-border: none;
    --breadcrumbs-font-size: var(--font-size-small);
    --breadcrumbs-link-color: var(--color-accent-2);
    --breadcrumbs-padding-vertical: 1.875rem;
    --heading-1-color: var(--color-white);
    --featured-subsite-bg-color: var(--color-white);
    --ia-block-bg-color: var(--color-white);
    --font-primary: Arial,sans-serif;
    --font-secondary: var(--font-primary);
    --line-height: 1.15;
    --spacing-padding-horizontal: 1.25rem;
    --vertical-rhythm-spacing: calc(var(--line-height) * 1.5rem);
    --width-container: 79.5rem;
    --font-size: 1.5rem;
    --font-size-smallest: calc(var(--font-size) * 0.5833);
    --font-size-smallest: round(calc(var(--font-size) * 0.5833),0.0625rem);
    --font-size-smaller: calc(var(--font-size) * 0.6667);
    --font-size-smaller: round(calc(var(--font-size) * 0.6667),0.01rem);
    --font-size-small: calc(var(--font-size) * 0.8333);
    --font-size-small: round(calc(var(--font-size) * 0.8333),0.01rem);
    --font-size-medium: calc(var(--font-size) * 1);
    --font-size-medium: round(calc(var(--font-size) * 1),0.01rem);
    --font-size-medium-1: calc(var(--font-size) * 1.0833);
    --font-size-medium-1: round(calc(var(--font-size) * 1.0833),0.0625rem);
    --font-size-large: calc(var(--font-size) * 1.3333);
    --font-size-large: round(calc(var(--font-size) * 1.3333),0.01rem);
    --font-size-large-1: calc(var(--font-size) * 1.5);
    --font-size-large-1: round(calc(var(--font-size) * 1.5),0.01rem);
    --font-size-larger: calc(var(--font-size) * 1.6667);
    --font-size-larger: round(calc(var(--font-size) * 1.6667),0.01rem);
    --font-size-larger-1: calc(var(--font-size) * 2);
    --font-size-larger-1: round(calc(var(--font-size) * 2),0.01rem);
    --font-size-largest: calc(var(--font-size) * 2.6667);
    --font-size-largest: round(calc(var(--font-size) * 2.6667),0.01rem);
    --font-size-h1: var(--font-size-larger-1);
    --font-size-h2: var(--font-size-larger);
    --font-size-h3: var(--font-size-large-1);
    --font-size-h4: var(--font-size-large);
    --font-size-h5: var(--font-size-medium);
    --font-size-h6: var(--font-size-small);
    --page-title-lede-font-size: var(--font-size-small);
    --banner-title-size: 3.5rem;
    --transition-time: 0.15s;
    --color-text: var(--color-accent-2);
    --quote-padding-inline-start: 1.875rem;
    --btn-start-padding-horizontal: 1.25rem;
    --btn-start-padding-vertical: 10px;
    --table-padding: 1.875rem 1.25rem;
    --table-bg-color: var(--color-accent);
    --checkbox-select-focus-color: var(--color-accent);
    --checkbox-select-outline-color: var(--color-accent-2);
    --shadow-1: 0rem 0.25rem 0.46875rem 0rem rgba(0,0,0,0.15);
    --shadow-2: 0rem 0.25rem 0.875rem 0rem rgba(0,0,0,0.25);
    --newsroom-featured-bottom-space: 2.4375rem;
    --call-out-box-padding: var(--spacing-large);
    --call-out-box-link-padding: 1.625rem 1.875rem;
    --call-out-box-bg-color: var(--color-white);
    --call-out-box-text-color: var(--color-accent-2);
    --call-out-box-title-color: var(--color-blue);
    --quote-bg-color: var(--color-white);
    --quote-author-color: var(--color-accent-2);
    --alert-banner-bg-color: var(--color-accent-2);
    --alert-banner-bg-color-minor: #007f81;
    --alert-banner-bg-color-major: var(--color-accent);
    --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: 0.625rem;
    --alert-banner-close-padding-horizontal: 0.9375rem;
    --alert-banner-color-minor: var(--color-white);
    --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: 3.0625rem;
    --alert-banner-inner-padding-horizontal: 0;
}

@media screen and (min-width:48rem) {
    body {
        --spacing-padding-horizontal: 2.5rem;
        --font-size-h1: var(--font-size-largest);
        --font-size-h2: var(--font-size-larger-1);
        --font-size-h3: var(--font-size-larger);
        --font-size-h4: var(--font-size-large-1);
        --font-size-h5: var(--font-size-large);
        --font-size-h6: var(--font-size-medium);
        --breadcrumbs-font-size: var(--font-size-medium);
        --breadcrumbs-padding-vertical: 3.126rem;
        --page-title-lede-font-size: var(--font-size-medium);
        --table-padding: 1.875rem 2.5rem;
    }
}

@media screen and (min-width:80rem) {
    body {
        --spacing-padding-horizontal: 1rem;
    }
}

.facet-item {
    display: flex;
    gap: 1.06rem;
    margin: 0rem;
}

    .facet-item input[type="checkbox"] {
        height: 1.5rem;
        position: static;
        width: 1.5rem;
    }

        .facet-item input[type="checkbox"] + label {
            margin: 0rem;
            padding: 0rem;
        }

        .facet-item input[type="checkbox"]:hover + label, .facet-item input[type="checkbox"]:focus + label {
            color: var(--color-accent);
            text-underline-offset: 0.25rem;
        }

        .facet-item input[type="checkbox"] + label::before {
            border-radius: 0.5rem;
            border-width: 0.125rem;
            height: 1.5rem;
            width: 1.5rem;
        }

        .facet-item input[type="checkbox"]:hover + label::before, .facet-item input[type="checkbox"]:focus + label::before {
            border-color: var(--color-accent);
            border-width: 0.125rem;
            box-shadow: unset;
        }

        .facet-item input[type="checkbox"] + label::after {
            background-image: url(/themes/custom/staffordshire/assets/images/site/icons/check.svg);
            background-size: contain;
            border: unset;
            display: block;
            height: 1.5rem;
            left: 0rem;
            margin: 0rem;
            padding: 0rem;
            top: 0rem;
            transform: unset;
            width: 1.5rem;
        }

fieldset, .fieldgroup {
    border: none;
    margin: 3.5rem 0rem 1.875rem;
    padding: 0rem;
}

legend {
    margin-bottom: 1.875rem;
    padding-inline: 0rem;
}

.form-item label {
    margin-bottom: 0.625rem;
}

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 {
    border-color: var(--color-accent);
    border-radius: 0.5rem;
    border-width: 0.3125rem;
    color: var(--color-accent-2);
    padding-block: 0.6875rem;
}

    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-accent);
        box-shadow: unset;
        outline-color: var(--color-accent-2);
        outline-offset: 0.125rem;
    }

button, input[type="submit"] {
    border-radius: 0.5rem;
    font-weight: 700;
    padding-block: 0.9375rem;
}

.webform-submission-form input[type="checkbox"] {
    height: 3.125rem;
    left: 0.9375rem;
    top: 0.5rem;
    width: 3.125rem;
}

    .webform-submission-form input[type="checkbox"] + label {
        align-items: center;
        display: flex;
        gap: 1.4375rem;
        margin: 0rem;
    }

        .webform-submission-form input[type="checkbox"] + label::before {
            border: 0.3125rem solid var(--color-accent);
            border-radius: 0.5rem;
            display: block;
            height: 3.125rem;
            position: static;
            width: 3.125rem;
        }

        .webform-submission-form input[type="checkbox"] + label::after {
            background: url(/themes/custom/staffordshire/assets/images/site/icons/check.png) center/contain no-repeat;
            border: none;
            height: 1.1875rem;
            left: 1.71875rem;
            top: 1.4375rem;
            transform: unset;
            width: 1.5625rem;
        }

    .webform-submission-form input[type="checkbox"]:hover + label, .webform-submission-form input[type="checkbox"]:focus + label {
        color: var(--color-accent);
    }

        .webform-submission-form input[type="checkbox"]:focus + label::before {
            border-width: 0.3125rem;
            box-shadow: unset;
        }

.webform-type-radios .form-item {
    margin-block-end: 1.25rem;
    min-height: 3.125rem;
    padding: 0rem;
}

    .webform-type-radios .form-item input {
        height: 3.125rem;
        left: 0rem;
        top: 0rem;
        width: 3.125rem;
    }

    .webform-type-radios .form-item [type="radio"] + label {
        align-items: center;
        display: flex;
        gap: 1.4375rem;
    }

        .webform-type-radios .form-item [type="radio"] + label::before {
            border: 0.3125rem solid var(--color-accent);
            height: 3.125rem;
            position: static;
            width: 3.125rem;
        }

    .webform-type-radios .form-item [type="radio"]:hover + label, .webform-type-radios .form-item [type="radio"]:focus + label {
        color: var(--color-accent);
        text-decoration: underline;
    }

        .webform-type-radios .form-item [type="radio"]:focus + label::before {
            border-width: 0.3125rem;
            box-shadow: unset;
        }

    .webform-type-radios .form-item [type="radio"] + label::after {
        background-color: var(--color-accent);
        border: none;
        height: 1.5625rem;
        left: 1.71875rem;
        top: 1.25rem;
        width: 1.5625rem;
    }

@media screen and (min-width:48rem) {
    .webform-submission-form input[type="checkbox"] {
        height: 3.6875rem;
        width: 3.6875rem;
    }

        .webform-submission-form input[type="checkbox"] + label::before {
            height: 3.6875rem;
            width: 3.6875rem;
        }

        .webform-submission-form input[type="checkbox"] + label::after {
            left: 2rem;
            top: 1.75rem;
        }

    .webform-type-radios .form-item [type="radio"] + label::before {
        height: 3.6875rem;
        width: 3.6875rem;
    }

    .webform-type-radios .form-item [type="radio"] + label::after {
        height: 1.875rem;
        left: 1.84375rem;
        top: 1.40625rem;
        width: 1.875rem;
    }
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background-color: var(--color-grey-lightest);
    border-block: 0.5rem solid var(--color-accent);
}

#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
    color: var(--color-accent-2);
}

.eu-cookie-compliance-content {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin-inline: auto;
    max-width: var(--width-container);
    padding-inline: 1.875rem;
}

.eu-cookie-compliance-message {
    float: unset;
    margin: 1.875rem 0rem 1.875rem;
}

    .eu-cookie-compliance-message h2 {
        font-size: var(--font-size-large);
        line-height: 2.375rem;
        margin-bottom: 0.625rem;
    }

    .eu-cookie-compliance-message p {
        font-size: var(--font-size-smaller);
        font-weight: 400;
        line-height: 1.5rem;
    }

    .eu-cookie-compliance-message button {
        color: var(--color-blue);
        font-size: var(--font-size-smaller);
        font-weight: 400;
        line-height: 1.5rem;
    }

        .eu-cookie-compliance-message button:hover, .eu-cookie-compliance-message button:focus {
            background-color: transparent;
            color: var(--color-accent);
            text-underline-offset: unset;
        }

.eu-cookie-compliance-buttons {
    display: flex;
    float: unset;
    gap: 1.3125rem;
    margin: 0rem 0rem 1.875rem;
}

.agree-button, .decline-button {
    background-color: var(--color-accent);
    border-radius: 0.5rem;
    color: var(--color-white);
    font-size: var(--font-size-small);
    margin: 0rem;
    padding: 0.625rem;
}

    .agree-button:hover, .agree-button:focus {
        background-color: var(--color-accent-2);
        color: var(--color-white);
        text-decoration: none;
    }

.decline-button {
    background: var(--color-accent-2);
    border: none;
    text-shadow: none;
}

    .decline-button:hover, .decline-button:focus {
        background: var(--color-accent);
        color: var(--color-white);
        text-decoration: none;
    }

@media screen and (min-width:48rem) {
    .eu-cookie-compliance-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-inline: var(--spacing-padding-horizontal);
    }

    .eu-cookie-compliance-buttons {
        align-self: end;
    }
}

.search-api-autocomplete-search {
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 0.5rem;
}

#ui-id-1.search-api-autocomplete-search {
    font-size: var(--font-size-small);
    max-width: calc(100vw - 5rem);
}

#ui-id-2.search-api-autocomplete-search {
    left: unset !important;
    right: 1.25rem !important;
}

#ui-id-3.search-api-autocomplete-search {
    max-width: calc(100vw - 6.5rem);
}

.search-api-autocomplete-suggestion {
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.search-api-autocomplete-search .ui-menu-item:hover {
    background-color: var(--color-accent);
    border-radius: 0.5rem;
}

.search-api-autocomplete-search .ui-menu-item-wrapper {
    transition: background-color ease var(--transition-time);
}

    .search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active, .search-api-autocomplete-search .ui-menu-item-wrapper:hover, .search-api-autocomplete-search .ui-menu-item-wrapper:focus {
        color: var(--color-white);
        text-decoration: none;
    }

        .search-api-autocomplete-search
        .ui-menu-item-wrapper.ui-state-active
        .search-api-autocomplete-suggestion {
            background-color: var(--color-accent);
            color: var(--color-white);
        }

@media screen and (min-width:48rem) {
    #ui-id-3.search-api-autocomplete-search, #ui-id-2.search-api-autocomplete-search {
        max-width: 39.5rem;
    }
}

.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);
}

.breadcrumbs__link {
    text-decoration-thickness: 0.09375rem;
    text-underline-offset: 0.25rem;
}

.breadcrumbs .breadcrumbs__link:hover, .breadcrumbs .breadcrumbs__link:focus {
    color: var(--color-accent);
    text-decoration: underline;
    text-decoration-thickness: 0.09375rem;
}

.breadcrumbs__item {
    margin-inline-end: 0.4375rem;
}

    .breadcrumbs__item + .breadcrumbs__item::before {
        background-color: var(--color-accent-2);
        content: "";
        height: 0.5625rem;
        mask-image: url(images/chevron.svg);
        -webkit-mask-image: url(images/chevron.svg);
        mask-size: cover;
        -webkit-mask-size: cover;
        transform: rotate(-90deg);
        width: 1rem;
    }

.lgd-region--breadcrumb {
    margin-block-end: 0rem;
}

.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-row {
    display: grid;
    gap: var(--grid-column-spacing);
    grid-template-columns: 1fr;
}

.lgd-row--centered {
    justify-content: center;
}

.lgd-row--vertically-centered {
    align-items: center;
}

.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, .lgd-row--full > * {
    grid-column: span 1;
    width: 100%;
}

@media screen and (min-width:48rem) {
    .lgd-row {
        grid-template-columns: repeat(12,1fr);
    }

    .lgd-row__full, .lgd-row--full > * {
        grid-column: span 12;
    }

    .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 {
        grid-column: span 6;
    }
}

@media screen and (min-width:60rem) {
    .lgd-row__one-quarter, .lgd-row--quarters > * {
        grid-column: span 3;
    }

    .lgd-row__one-third, .lgd-row--thirds > * {
        grid-column: span 4;
    }

    .lgd-row__two-thirds {
        grid-column: span 8;
    }

    .lgd-row__three-quarters {
        grid-column: span 9;
    }
}

.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-gap: var(--lgd-view-grid-gap);
    grid-template-columns: repeat(var(--lgd-view-grid-columns),1fr);
}

@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;
    }
}

.lgd-header {
    box-shadow: 0rem 0.25rem 0.875rem 0rem rgba(0,0,0,0.25);
    padding: 0rem;
    position: sticky;
    top: 0rem;
    z-index: 11;
}

.lgd-header__inner {
    background-color: var(--color-section-header-bg);
    box-shadow: 0rem 0.25rem 0.875rem -0.3125rem rgba(0,0,0,0.25);
    position: relative;
    z-index: 2;
}

    .lgd-header__inner .lgd-container {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 1.25rem;
        justify-content: end;
        padding: 0.75rem 1.25rem;
    }

.lgd-header .lgd-container {
    margin: 0 auto;
    max-width: 87.5rem;
    position: relative;
}

.lgd-header .lgd-region--header {
    margin-inline-end: calc(var(--spacing) * 2);
}

.lgd-header__nav--secondary {
    display: none;
    width: 100%;
}

.lgd-header__toggle-icon--secondary {
    background-color: var(--color-accent-2);
    content: "";
    display: block;
    height: 0.625rem;
    margin: 0;
    mask-image: url(images/chevron.svg);
    -webkit-mask-image: url(images/chevron.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    transform: rotate(0deg);
    transition: transform ease var(--transition-time);
    width: 1.125rem;
}

.lgd-header__toggle:hover .lgd-header__toggle-icon--secondary, .lgd-header__toggle:focus .lgd-header__toggle-icon--secondary, .lgd-header__toggle--active .lgd-header__toggle-icon--secondary {
    background-color: var(--color-accent);
}

.lgd-header__toggle--active .lgd-header__toggle-icon--secondary {
    transform: rotate(180deg);
}

.lgd-header__nav--secondary.lgd-header__nav--active {
    display: block;
}

.lgd-header__toggles {
    display: flex;
    margin-inline-start: auto;
}

.lgd-header__nav--secondary {
    background-color: white;
    box-shadow: 0rem 0.25rem 0.875rem 0.3125rem rgba(0,0,0,0.25);
}

.lgd-header__toggle--primary {
    align-items: center;
    background-color: var(--color-accent-2);
    border: unset;
    border-radius: 2.5625rem;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    padding: unset;
    width: 2.1875rem;
}

    .lgd-header__toggle--primary::before {
        background-color: var(--color-white);
        content: "";
        display: block;
        height: 0.875rem;
        margin-bottom: 0.125rem;
        mask-image: url(/themes/custom/staffordshire/assets/images/site/icons/hamburger-menu.svg);
        -webkit-mask-image: url(/themes/custom/staffordshire/assets/images/site/icons/hamburger-menu.svg);
        mask-size: cover;
        -webkit-mask-size: cover;
        width: 0.875rem;
    }

.lgd-header__toggle--secondary {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--color-accent-2);
    display: flex;
    font-size: var(--font-size-medium);
    font-weight: 700;
    gap: 0.625rem;
    line-height: 1.75rem;
}

    .lgd-header__toggle--secondary.lgd-header__toggle--active {
        color: var(--color-accent);
        text-decoration: underline;
        text-underline-offset: 0.25rem;
    }

.lgd-header__toggle--secondary {
    display: none;
}

.lgd-header__mobile-search {
    display: none;
}

.lgd-header__mobile-search--active {
    display: block;
    width: 100%;
}

.lgd-header a {
    color: var(--header-link-color);
    font-size: var(--font-size-medium);
    font-weight: 700;
}

    .lgd-header a:hover, .lgd-header a:focus {
        color: var(--color-accent);
        text-decoration: underline;
    }

.branding__item--logo {
    height: auto;
    width: 7.375rem;
}

    .branding__item--logo a {
        display: block;
        transition: none;
    }

        .branding__item--logo a:focus {
            background-color: transparent;
            box-shadow: none;
            outline-color: var(--color-accent);
            outline-style: dashed;
            outline-width: 0.0625rem;
        }

.branding__item--slogan {
    color: var(--color-slogan);
}

.lgd-region--search {
    display: none;
    margin-left: 3.75rem;
    max-width: 14.6875rem;
    position: relative;
}

    .lgd-region--mobile-search label, .lgd-region--search label {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        word-wrap: normal;
    }

.lgd-region--mobile-search .form-item {
    margin-bottom: 0;
    width: 100%;
}

.lgd-region--mobile-search .lgd-container {
    padding-block: 1.25rem;
}

.lgd-header__custom-toggle--mobile-search {
    align-items: center;
    background-color: var(--color-accent-2);
    border: none;
    border-radius: 2.5625rem;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    margin-right: 0.5625rem;
    padding: 0rem;
    width: 2.1875rem;
}

    .lgd-header__custom-toggle--mobile-search::before {
        background-color: var(--color-white);
        content: "";
        display: block;
        height: 1rem;
        margin-bottom: 0.125rem;
        mask-image: url(images/search-icon.svg);
        -webkit-mask-image: url(images/search-icon.svg);
        mask-size: cover;
        -webkit-mask-size: cover;
        width: 0.9375rem;
    }

    .lgd-header__toggle--primary:focus, .lgd-header__toggle--primary:hover, .lgd-header__toggle--primary.lgd-header__toggle--active, .lgd-header__custom-toggle--mobile-search:focus, .lgd-header__custom-toggle--mobile-search:hover, .lgd-header__custom-toggle--mobile-search--active {
        background-color: var(--color-accent);
    }

        .lgd-header__toggle--primary.lgd-header__toggle--active::before, .lgd-header__custom-toggle--mobile-search--active::before {
            height: 0.5rem;
            mask-image: url(images/chevron.svg);
            -webkit-mask-image: url(images/chevron.svg);
            transform: rotate(180deg);
            width: 0.9375rem;
        }

.lgd-region--search form, .lgd-region--mobile-search form {
    align-items: center;
    display: flex;
}

.lgd-region--mobile-search form {
    position: relative;
}

.lgd-region--search .form-item-s {
    flex-grow: 1;
    margin-block-end: 0rem;
}

.lgd-region--search .form-text, .lgd-region--mobile-search .form-text {
    background-color: var(--color-white);
    border: 0.3125rem solid var(--color-accent-2);
    border-radius: 3.25rem;
    font-size: var(--font-size-small);
    padding: 0.75rem 3.5rem 0.75rem 1.25rem;
    width: 100%;
}

    .lgd-region--search .form-text:focus, .lgd-region--mobile-search .form-text:focus {
        border-color: var(--color-accent);
        box-shadow: unset;
        outline: unset;
    }

.views-exposed-form:has(input[type="text"]:focus) input.form-submit {
    background-color: var(--color-accent);
}

.lgd-region--search .form-actions, .lgd-region--mobile-search .form-actions {
    margin-block-start: auto;
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
}

.lgd-region--search .form-submit, .lgd-region--mobile-search .form-submit {
    background-color: var(--color-accent-2);
    border: unset;
    border-radius: 50%;
    font-size: 0rem;
    height: 3.3125rem;
    line-height: 0rem;
    transition: unset;
    width: 3.3125rem;
}

.lgd-region--search .form-actions::before, .lgd-region--mobile-search .form-actions::before {
    position: relative;
}

.lgd-region--search .form-actions::before, .lgd-region--mobile-search .form-actions::before {
    background-image: url(/themes/custom/staffordshire/assets/images/site/icons/search-icon.svg);
    background-size: cover;
    content: "";
    display: block;
    height: 1.75rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1.625rem;
}

.lgd-region--search .form-submit:hover, .lgd-region--search .form-submit:focus, .lgd-region--mobile-search .form-submit:hover, .lgd-region--mobile-search .form-submit:focus {
    background-color: var(--color-accent-2);
}

.no-js .lgd-header__nav--primary {
    display: flex !important;
    flex-direction: column;
    width: 100%;
}

.no-js .lgd-header__toggle, .no-js .lgd-header__custom-toggle {
    display: none !important;
}

.no-js .lgd-header__nav--secondary {
    display: block;
    position: static;
    transform: unset;
}

.no-js .lgd-region--search {
    display: block;
    margin-left: 0;
    margin-top: 1.5rem;
    max-width: unset;
}

.lgd-region__inner--mobile-search {
    width: 100%;
}

@media (min-width:48rem) {
    .lgd-header__nav--primary {
        align-items: center;
        display: flex;
        flex-direction: row;
        width: auto;
    }

    .lgd-header__toggle--primary {
        display: none;
    }

    .lgd-header__toggle--secondary {
        display: flex;
    }

    .lgd-header__inner .lgd-container {
        padding-block: 1.875rem;
    }

    .lgd-region--search .form-item-s {
        flex-grow: initial;
    }

    .lgd-region--search {
        display: block;
    }

    .branding__item--logo {
        width: 18.6875rem;
    }

    .lgd-header__mobile-search {
        display: none;
    }

    .lgd-header__custom-toggle--mobile-search {
        display: none;
    }

    .lgd-region--search .form-text, .lgd-region--mobile-search .form-text {
        font-size: var(--font-size-medium);
    }

    .no-js .lgd-header__nav--primary {
        flex-direction: row;
    }

    .no-js .lgd-region--search {
        margin-left: 3.75rem;
        margin-top: 0;
        max-width: 14.6875rem;
    }
}

.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);
}

.lgd-footer {
    margin-block-start: 3.125rem;
}

.lgd-footer__footer {
    background-image: linear-gradient(to left,var(--color-accent-2) 0%,var(--color-accent) 100%);
    padding-block: 3.75rem;
}

    .lgd-footer__footer .padding-horizontal, .lgd-footer__housekeeping .lgd-container {
        padding-inline: 2.1875rem;
    }

.lgd-footer__housekeeping {
    margin: 0;
    min-height: 5.9375rem;
    padding-block: 2.1875rem;
}

.lgd-region__inner--footer {
    display: flex;
    flex-direction: column-reverse;
    gap: 4.375rem;
}

.lgd-footer .lgd-region__inner--housekeeping {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.5rem;
}

.lgd-footer .branding__item--logo {
    width: 13.625rem;
}

.menu--footer {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0rem;
    padding: 0rem;
}

    .menu--footer li a {
        color: var(--color-link);
        font-size: var(--font-size-small);
        font-weight: 700;
        line-height: 2.6875rem;
        text-decoration: none;
        transition: color ease var(--transition-time);
    }

        .menu--footer li a:hover {
            color: var(--color-accent);
            text-decoration: underline;
            text-underline-offset: 0.25rem;
        }

.sign-up-panel {
    max-width: 36.75rem;
}

.lgd-footer__webratings {
    background-color: var(--color-accent-2);
    padding-block: 2rem;
}

    .lgd-footer__webratings .lgd-container {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }

.webratings__title {
    color: var(--color-white);
    font-size: var(--font-size-medium);
    margin: 0rem;
}

.webratings__buttons {
    display: flex;
    font-size: var(--font-size-small);
    gap: 1.5rem;
    list-style: none;
    margin: 0rem;
    padding: 0rem;
    text-align: center;
}

.webratings__button {
    background-color: var(--color-white);
    border-radius: 0.5rem;
    display: flex;
    gap: 0.125rem;
    padding: 0.5rem 0.625rem;
    text-decoration: none;
    width: fit-content;
}

.webratings__star-icon {
    display: block;
    height: 1.25rem;
    mask: url("/themes/custom/staffordshire/assets/images/site/icons/star-outline.png") center/contain no-repeat;
    -webkit-mask: url("/themes/custom/staffordshire//assets/images/site/icons/star-outline.png") center/contain no-repeat;
    pointer-events: none;
    width: 1.25rem;
}

.webratings__button--good .webratings__star-icon {
    background-color: var(--color-green);
}

.webratings__button--average .webratings__star-icon {
    background-color: var(--color-orange);
}

.webratings__button--poor .webratings__star-icon {
    background-color: var(--color-red);
}

.webratings__buttons .webratings__button:hover, .webratings__buttons .webratings__button:focus {
    background-color: var(--color-white);
    outline: 0.1875rem solid var(--color-accent);
    outline-offset: 0.125rem;
    text-decoration: none;
}

    .webratings__buttons .webratings__button:hover .webratings__star-icon, .webratings__buttons .webratings__button:focus .webratings__star-icon {
        mask-image: url("/themes/custom/staffordshire//assets/images/site/icons/star-regular.png");
        -webkit-mask-image: url("/themes/custom/staffordshire//assets/images/site/icons/star-regular.png");
    }

.sign-up-panel .sign-up-panel__heading {
    color: var(--color-white);
    font-size: 1.75rem;
    margin-bottom: 0.875rem;
}

.sign-up-panel p {
    color: var(--color-white);
    font-size: 1.125rem;
    margin-bottom: 1.6875rem;
    max-width: 28.9375rem;
}

.sign-up-panel .sign-up-panel__link {
    background-color: var(--color-accent);
    border-radius: 0.5rem;
    color: var(--color-white);
    display: inline-block;
    font-size: var(--font-size-small);
    font-weight: 700;
    height: 2.75rem;
    padding: 0.625rem;
    text-decoration: none;
}

    .sign-up-panel .sign-up-panel__link:hover, .sign-up-panel .sign-up-panel__link:focus {
        background-color: var(--color-white);
        text-decoration: none;
    }

@media screen and (min-width:48rem) {
    .lgd-region__inner--footer {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media screen and (min-width:64rem) {
    .lgd-footer {
        margin-block-start: 4.375rem;
    }

    .lgd-footer__footer {
        padding-block: 3.75rem 3.75rem;
    }

    .menu--footer {
        column-gap: 2.5rem;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 1rem;
    }

        .menu--footer li a {
            line-height: 1.4375rem;
        }

    .lgd-footer .lgd-region__inner--housekeeping {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    .lgd-footer__housekeeping {
        padding-block: 1.1875rem;
    }

        .lgd-footer__footer .padding-horizontal, .lgd-footer__housekeeping .lgd-container {
            padding-inline: var(--spacing-padding-horizontal);
        }

    .lgd-footer__webratings .lgd-container {
        align-items: center;
        flex-direction: row;
    }

    .sign-up-panel .sign-up-panel__heading {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .sign-up-panel p {
        font-size: var(--font-size-small);
        margin-bottom: 1.1875rem;
    }
}

.callout {
    padding: 1.5rem;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-accent);
    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);
}

.callout {
    font-size: var(--font-size-medium);
    padding: 1.5625rem 1.875rem;
    text-align: start;
}

.callout-primary {
    background-color: var(--color-white);
    box-shadow: 0rem 0.25rem 0.875rem 0rem #00000040;
    color: var(--color-accent-2);
}

.callout-success {
    background-color: var(--color-white);
    box-shadow: 0rem 0.25rem 0.875rem 0rem #0000001a;
    color: var(--color-accent-2);
}

.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: none;
        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);
        }

.region-secondary-menu {
    margin-block-start: 0;
}

.lgd-region__inner--secondary-menu {
    padding: 1.875rem 1.375rem;
}

.menu--localgov_services_menu {
    display: grid;
    gap: 0.4375rem;
    margin-bottom: 0;
}

.lgd-region__inner--secondary-menu .block-menu > h2 {
    color: var(--color-accent-2);
    font-size: 1.5rem;
    margin-bottom: 1.1875rem;
    padding-inline-start: 0;
}

.region-secondary-menu .menu {
    list-style: none;
    padding: 0;
}

.region-secondary-menu .menu-item {
    display: flex;
    gap: 0.4375rem;
    margin-bottom: 0;
}

    .region-secondary-menu .menu-item > a {
        color: var(--color-link);
        font-size: 1rem;
        line-height: 1.125rem;
        text-decoration: none;
    }

        .region-secondary-menu .menu-item > a:hover, .region-secondary-menu .menu-item > a:focus {
            color: var(--color-accent);
            text-decoration: underline;
            text-decoration-thickness: unset;
            text-underline-offset: 0.25rem;
        }

    .region-secondary-menu .menu-item::before {
        background: url(images/chevron.svg);
        background-size: cover;
        content: "";
        display: block;
        flex-shrink: 0;
        height: 0.375rem;
        margin-top: 0.41875rem;
        transform: rotate(-90deg);
        width: 0.625rem;
    }

@media screen and (min-width:48rem) {
    .region-secondary-menu .menu {
        column-count: unset;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        max-height: none;
        overflow-y: initial;
    }

    .lgd-region__inner--secondary-menu {
        padding: 3.125rem 1.0rem;
    }

    .region-secondary-menu .menu-item:nth-child(2n) {
        justify-self: end;
    }

    .lgd-region__inner--secondary-menu .block-menu > h2 {
        font-size: 3.0rem;
        margin-bottom: 2.5rem;
    }

    .region-secondary-menu .menu {
        list-style: none;
        padding: 0.625rem;
    }

    .region-secondary-menu .menu-item > a {
        font-size: var(--font-size-medium);
        line-height: 1.4375rem;
    }

    .region-secondary-menu .menu-item::before {
        height: 0.625rem;
        width: 1.125rem;
    }
}

@media screen and (min-width:64rem) {
    .region-secondary-menu .menu {
        grid-template-columns: repeat(3,1fr);
    }

    .region-secondary-menu .menu-item:nth-child(2n) {
        justify-self: center;
    }

    .region-secondary-menu .menu-item:nth-child(3n) {
        justify-self: end;
    }
}

.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);
}

.alert {
    font-size: var(--font-size-medium);
    padding: 1.5625rem 1.875rem;
}

.btn.btn-start {
    border: unset;
    gap: 0.75rem;
    line-height: var(--line-height);
}

    .btn.btn-start::after {
        background-color: var(--color-white);
        content: "";
        display: inline-block;
        flex-shrink: 0;
        height: 0.5625rem;
        margin: 0rem;
        -webkit-mask-image: url(images/chevron.svg);
        mask-image: url(images/chevron.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        rotate: -90deg;
        top: unset;
        width: 1rem;
    }

    .btn.btn-start:hover, .btn.btn-start:focus {
        background-color: var(--color-accent);
        color: var(--color-white);
    }