@charset "UTF-8";
/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

@-webkit-keyframes scale-star-compact {
  0% {
    background-size: 1.0625em;
  }
  100% {
    background-size: 350%;
  }
}

@keyframes scale-star-compact {
  0% {
    background-size: 1.0625em;
  }
  100% {
    background-size: 350%;
  }
}

/* 00-base/mixins/library/vendors/font-awesome/_font-awesome.scss */
/* 00-base/mixins/library/vendors/font-awesome/_font-awesome.scss */
/* 00-base/mixins/library/vendors/font-awesome/_font-awesome.scss */
.layout-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 56.25em) {
  .layout-container {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}

body.cke_editable {
  font-family: "Roboto", sans-serif;
  display: block;
  padding: 0.625em;
}

.cke_combopanel__styles {
  width: 300px;
  height: 300px;
}

.cke_panel_list li {
  padding: 0.3125em;
  overflow: visible;
}
.cke_panel_list li:hover {
  background-color: #f3f5f6;
}
.cke_panel_list li.cke_selected {
  position: relative;
  padding-left: 0.625em;
  border-left: 3px solid #17171a;
}
.cke_panel_list li.cke_selected::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-left: 5px solid #17171a;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-top-width: 10px;
  border-bottom-width: 10px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cke_panel_list li.cke_selected:hover::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  background-color: red;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
  background-image: url("../../dist/img/iconography/subtract-circle--white.svg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.cke_panel_list li a {
  overflow: visible;
}

span.cke_image_resizer_wrapper {
  display: block;
}

.clearfix {
  clear: both;
}

div[aria-label="Status message"],
div[aria-label="Error message"],
div[aria-label="Warning message"],
.messages--warning {
  position: relative;
  display: inline-block;
  width: calc(100% - 1.625em);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  padding: 0.625em 1.25em 0.625em 3.125em;
  margin-left: 0.8125em;
  margin-right: 0.8125em;
  margin-top: 1.875rem;
  overflow: auto;
  background-image: none !important;
}
div[aria-label="Status message"] .visually-hidden,
div[aria-label="Error message"] .visually-hidden,
div[aria-label="Warning message"] .visually-hidden,
.messages--warning .visually-hidden {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
div[aria-label="Status message"]:before,
div[aria-label="Error message"]:before,
div[aria-label="Warning message"]:before,
.messages--warning:before {
  position: absolute;
  top: 0.8125em;
  left: 1.25em;
  width: 1.25em;
  text-align: center;
}
div[aria-label="Status message"] ul,
div[aria-label="Error message"] ul,
div[aria-label="Warning message"] ul,
.messages--warning ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25em;
}
div[aria-label="Status message"] em,
div[aria-label="Error message"] em,
div[aria-label="Warning message"] em,
.messages--warning em {
  margin-left: 0.3125em;
  margin-right: 0.3125em;
}
div[aria-label="Status message"] a,
div[aria-label="Error message"] a,
div[aria-label="Warning message"] a,
.messages--warning a {
  text-decoration: underline;
}

div[aria-label="Status message"] {
  background-color: #cceccc;
  border: 1px solid #00a000;
  color: #004000;
}
div[aria-label="Status message"]:before {
  font-family: "Material Icons Outlined";
  content: "\e976";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #007000;
}

div[aria-label="Error message"] {
  background-color: #f6ccd1;
  color: #3e0108;
  border: 1px solid #d0021b;
}
div[aria-label="Error message"]:before {
  font-family: "Material Icons Outlined";
  content: "\e908";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #920113;
}
div[aria-label="Error message"] pre {
  white-space: normal;
}

div[aria-label="Warning message"],
.messages--warning {
  background-color: #fff6d3;
  color: #4d400b;
  border: 1px solid #ffd424;
}
div[aria-label="Warning message"]:before,
.messages--warning:before {
  font-family: "Material Icons Outlined";
  content: "\e908";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #b39419;
}
div[aria-label="Warning message"] pre,
.messages--warning pre {
  white-space: normal;
}

body.path-node article > div.contextual {
  visibility: hidden;
}

.entity-moderation-form {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.entity-moderation-form li:last-child {
  margin-right: 1.875rem;
}

.toolbar ul {
  font-size: 0.8125rem;
}
.toolbar ul li {
  padding-left: 0;
  margin-bottom: 0;
}

.layout-section .layout-builder--layout__region .block {
  padding: 0;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper form:not(.js-off-canvas-computed-ignore) {
  position: relative;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  input[type="text"]:not(.js-off-canvas-computed-ignore) {
  max-width: 100%;
  width: 100%;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  fieldset.form-item:not(.js-off-canvas-computed-ignore) {
  margin-top: 1.875em;
  width: 100%;
  overflow: hidden;
  display: block;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  fieldset.form-item:not(.js-off-canvas-computed-ignore)
  div {
  width: 100%;
  display: block;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  fieldset.form-item:not(.js-off-canvas-computed-ignore)
  .form-wrapper {
  display: block;
  overflow: hidden;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  fieldset.form-item:not(.js-off-canvas-computed-ignore)
  .fieldset-wrapper {
  margin-left: 0;
  margin-right: 0;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  fieldset.form-item:not(.js-off-canvas-computed-ignore)
  .fieldset-wrapper
  > .form-wrapper {
  border-bottom: 1px solid #c8cacc;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  fieldset.form-item:not(.js-off-canvas-computed-ignore)
  .fieldset-wrapper
  > .form-wrapper:first-child {
  border-top: 1px solid #c8cacc;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  .js-form-type-checkbox
  label {
  display: inline-block;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  .description:not(.js-off-canvas-computed-ignore),
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  .details-description:not(.js-off-canvas-computed-ignore) {
  font-size: 0.6875em;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  form:not(.js-off-canvas-computed-ignore)
  .form-submit {
  margin-top: 1.875em;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .layout-builder-update-block
  > .form-item:first-child {
  margin-top: 1.875em;
  margin-bottom: 1.875em;
  font-size: 1.25em;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .inline-block-create-button {
  padding-top: 0.625em !important;
  padding-bottom: 0.625em !important;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .inline-block-create-button:hover {
  background-color: transparent;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .inline-block-list a {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  border-bottom: 1px solid #c8cacc;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .inline-block-list a:hover {
  background-color: transparent;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .inline-block-list li:last-child {
  margin-bottom: 1.5625em;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .block-categories summary a {
  background-color: transparent;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .block-categories .links {
  background-color: transparent;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .block-categories
  .links
  a:not(.js-off-canvas-computed-ignore) {
  display: block;
  background-color: transparent;
  padding-top: ms(-6);
  padding-bottom: ms(-6);
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper .block-categories .links li {
  position: relative;
  background-color: transparent;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .block-categories
  .links
  li:not(:last-child)
  a:not(.js-off-canvas-computed-ignore) {
  border-bottom: 1px solid #17171a;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .ui-autocomplete:not(.js-off-canvas-computed-ignore) {
  background-color: #ffffff !important;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .ui-autocomplete:not(.js-off-canvas-computed-ignore)
  * {
  background-color: #ffffff;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .ui-autocomplete:not(.js-off-canvas-computed-ignore)
  svg {
  background-color: transparent;
  margin-right: 0.3125em;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .ui-autocomplete:not(.js-off-canvas-computed-ignore)
  svg
  path {
  fill: #c8cacc;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .ui-autocomplete:not(.js-off-canvas-computed-ignore)
  a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper
  .ui-autocomplete:not(.js-off-canvas-computed-ignore)
  a:hover {
  text-decoration: none;
  background-color: #f2f3f7;
}

.new-block {
  position: relative;
}

.node-layout-builder-form > .form-actions,
.group-layout-builder-form > .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
  margin-top: 1.25rem;
}
.node-layout-builder-form > .form-actions input[type="submit"],
.group-layout-builder-form > .form-actions input[type="submit"] {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  margin-bottom: 1rem;
}
.node-layout-builder-form > .form-actions #edit-preview-toggle,
.group-layout-builder-form > .form-actions #edit-preview-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 1rem;
}
@media (min-width: 62.5em) {
  .node-layout-builder-form > .form-actions #edit-preview-toggle,
  .group-layout-builder-form > .form-actions #edit-preview-toggle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.node-layout-builder-form > .form-actions .form-item-toggle-content-preview,
.group-layout-builder-form > .form-actions .form-item-toggle-content-preview {
  margin-bottom: 0;
}
.node-layout-builder-form
  > .form-actions
  .form-item-toggle-content-preview
  label,
.group-layout-builder-form
  > .form-actions
  .form-item-toggle-content-preview
  label {
  margin-bottom: 0;
}

.node-layout-builder-form .field--name-moderation-state,
.group-layout-builder-form .field--name-moderation-state {
  margin-bottom: 0;
}
.node-layout-builder-form .field--name-moderation-state > .form-wrapper,
.group-layout-builder-form .field--name-moderation-state > .form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.node-layout-builder-form .field--name-moderation-state .form-item,
.group-layout-builder-form .field--name-moderation-state .form-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.node-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-current,
.group-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.node-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-current
  label,
.group-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-current
  label {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.node-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-current
  .form-item--content,
.group-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-current
  .form-item--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.625rem 1rem;
  background-color: #cceccc;
  border: 1px solid #00a000;
  color: #004000;
}
@media (min-width: 56.25em) {
  .node-layout-builder-form
    .field--name-moderation-state
    .form-item-moderation-state-0-current
    .form-item--content,
  .group-layout-builder-form
    .field--name-moderation-state
    .form-item-moderation-state-0-current
    .form-item--content {
    padding: 0.75rem 1rem;
  }
}
.node-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-state
  label,
.group-layout-builder-form
  .field--name-moderation-state
  .form-item-moderation-state-0-state
  label {
  display: block;
  margin-bottom: 0.625rem;
}

.node-layout-builder-form .layout-builder__message--overrides,
.group-layout-builder-form .layout-builder__message--overrides {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.node-layout-builder-form
  .layout-builder__message--overrides
  div[data-drupal-selector="edit-message"],
.group-layout-builder-form
  .layout-builder__message--overrides
  div[data-drupal-selector="edit-message"] {
  width: 100%;
}

.node-layout-builder-form .layout-builder__message .messages,
.group-layout-builder-form .layout-builder__message .messages {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.node-layout-builder-form .field--name-layout-builder__layout,
.group-layout-builder-form .field--name-layout-builder__layout {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}

@media (max-width: 56.1875em) {
  .node-layout-builder-form .form-type-vertical-tabs .vertical-tabs,
  .group-layout-builder-form .form-type-vertical-tabs .vertical-tabs {
    margin: 0;
  }
}

.node-layout-builder-form .form-type-vertical-tabs details,
.group-layout-builder-form .form-type-vertical-tabs details {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.625rem;
}

.node-layout-builder-form
  .form-type-vertical-tabs
  summary::-webkit-details-marker,
.group-layout-builder-form
  .form-type-vertical-tabs
  summary::-webkit-details-marker {
  display: none;
}

@media (max-width: 56.1875em) {
  .node-layout-builder-form .form-type-vertical-tabs summary,
  .group-layout-builder-form .form-type-vertical-tabs summary {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.node-layout-builder-form .form-type-vertical-tabs .form-item-revision,
.group-layout-builder-form .form-type-vertical-tabs .form-item-revision {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}
.node-layout-builder-form .form-type-vertical-tabs .form-item-revision label,
.group-layout-builder-form .form-type-vertical-tabs .form-item-revision label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.node-layout-builder-form
  .form-type-vertical-tabs
  .form-item-revision
  .description,
.group-layout-builder-form
  .form-type-vertical-tabs
  .form-item-revision
  .description {
  margin-top: 0;
}

.node-layout-builder-form .form-type-vertical-tabs .vertical-tabs__menu,
.group-layout-builder-form .form-type-vertical-tabs .vertical-tabs__menu {
  margin-top: -1px;
  margin-bottom: -1px;
}

/*
* Remove default styling
 */
details {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*
* Reset ::before
*/
.collapse-processed:not([open]) > summary:before {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

details:not([open]) summary:first-child ~ * {
  display: none;
}

summary::before,
.collapse-processed > summary::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25rem;
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  background-image: none;
  float: none;
  width: auto;
  height: auto;
}

details summary::-webkit-details-marker {
  display: none;
}

/*
* custom styling
*/
details {
  padding: 1.25rem;
  border: 0;
  background-color: #e8e9ed;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
details.form-wrapper {
  padding: 1.25rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

details details {
  background-color: #ffffff;
}
details details:last-of-type {
  margin-bottom: 0;
}

summary,
.collapse-processed > summary {
  padding: 1.25rem 3.25rem 1.25rem 1.25rem;
  margin: -1.25rem;
}

summary {
  background: #e8e9ed;
  position: relative;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

details details summary {
  background: #ffffff;
}

summary a,
summary strong {
  font-size: 1.25rem;
  font-family: "Raleway", sans-serif;
  text-decoration: none;
  color: #262a2d;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

summary:focus {
  outline: 0;
}

summary:hover,
summary:hover strong,
.user-is-tabbing summary:focus {
  background-color: #393e40;
  color: #ffffff;
  outline: 0;
}
summary:hover a,
summary:hover strong,
.user-is-tabbing summary:focus a,
.user-is-tabbing summary:focus a strong {
  color: #ffffff;
}

details[open] > summary,
details[open] > summary strong {
  margin-bottom: 1.25rem;
  background-color: #004750;
  color: #ffffff;
}
details[open] > summary a,
details[open] > summary a strong {
  color: #ffffff;
}
details[open] > summary::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

details details[open] > summary {
  background-color: #393e40;
}

.template--fancy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.1875rem;
}
.template--fancy-list .left-region {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 72px;
  flex: 0 0 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.template--fancy-list .left-region .item-number {
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 3.375rem;
  color: #262a2d;
}
.template--fancy-list .right-region {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}
.template--fancy-list .right-region .item-title {
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  text-transform: none;
}
.template--fancy-list .right-region .item-label {
  text-transform: none;
  font-size: 1.125rem;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0;
}

@-webkit-keyframes throbber-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes throbber-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ajax-progress-throbber:not(.js-off-canvas-computed-ignore) {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent !important;
}
.ajax-progress-throbber:not(.js-off-canvas-computed-ignore) .throbber {
  width: 100%;
  padding: 0;
  background-image: none;
  background-color: #23AB3B !important;
  border-radius: 100%;
  border: 1px solid #ffffff;
}
.ajax-progress-throbber:not(.js-off-canvas-computed-ignore) .throbber::before {
  font-family: "Material Icons Outlined";
  content: "\eb52";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-animation: throbber-spin 2s infinite linear;
  animation: throbber-spin 2s infinite linear;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ajax-progress-throbber:not(.js-off-canvas-computed-ignore) .message {
  display: block;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #23AB3B !important;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-weight: 700;
  padding: 0.625em;
  height: 2.1875em;
  color: #000000 !important;
}

.form-submit + .ajax-progress-throbber:not(.js-off-canvas-computed-ignore) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.25em;
  margin-bottom: 1.875em;
  -webkit-transform: none;
  transform: none;
  width: auto;
  height: auto;
}
.form-submit
  + .ajax-progress-throbber:not(.js-off-canvas-computed-ignore)
  .throbber {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 24px;
  width: auto;
  margin-right: 0.625em;
}

figure {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
figure img {
  width: 100%;
}
figure figcaption {
  margin-top: 0.625em;
}
@media (min-width: 56.25em) {
  figure figcaption {
    font-size: 0.8125em;
  }
}

label {
  margin-bottom: 0.625em;
  font-weight: 700;
}

input,
textarea {
  margin: 0;
}

textarea {
  vertical-align: top;
}

.form-item,
.form-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-bottom: 1.25em;
  margin-top: 0;
}

fieldset,
fieldset.form-item {
  margin: 1.25rem 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

fieldset legend {
  width: 100%;
}

fieldset .fieldset-legend {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 1rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

fieldset .fieldset-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.form-description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

/*
* Webform Container <div>
*/
.webform-container {
  margin: 2.5rem auto;
  max-width: 56.25em;
  padding: 2.5rem;
}

/*
* Form Section
*/
.webform-section {
  padding: 1.25rem;
  background-color: #f2f3f7;
}

/*
* Form Section Title
*/
.webform-section-title {
  margin-top: 0;
  font-weight: 700;
  color: #000000;
  padding: 0 0.625rem 0.625rem 0.625rem;
  margin-bottom: 2.5rem;
  position: relative;
}
.webform-section-title::after {
  content: "";
  border-bottom: solid 2px #C6F221;
  position: absolute;
  bottom: 0;
  left: 0.625rem;
  width: 5rem;
}

/*
* Form Section Wrapper
*/
.webform-section-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*
* Form
*/
form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

/*
* Webform Descriptions
*/
.description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0 0.625rem;
}

.form-item > .description {
  padding-left: 0;
  padding-right: 0;
}

/*
* Form Actions
*/
.form-actions {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

/*
* Form Fields With Suffix
*/
.webform-has-field-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.webform-has-field-suffix label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.webform-has-field-suffix input {
  width: auto;
}
.webform-has-field-suffix input,
.webform-has-field-suffix .field-suffix {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.webform-has-field-suffix .field-suffix {
  margin-left: 0.625rem;
}

/*
* Accordion Toggle State Button
*/
.webform-details-toggle-state-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 1rem 0;
}

/*
* Messages Within a Form
*/
form .messages--status {
  width: 100%;
  margin: 0;
}

tr .tabledrag-changed {
  position: absolute;
  top: 0;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #fff6d3;
  color: #4d400b;
  border: 1px solid #ffd424;
  font-size: 0;
  text-decoration: none;
}
tr .tabledrag-changed::before {
  font-family: "Material Icons Outlined";
  content: "\e908";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #b39419;
  font-size: 0.875rem;
}

.draggable {
  position: relative;
  float: left;
}

.draggable a.tabledrag-handle {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.draggable a.tabledrag-handle .handle {
  background-size: 100%;
  background-position: center;
  margin: 0;
  padding: 0;
}

#edit-save-order {
  margin-top: 0.625rem;
}

.tabledrag-toggle-weight-wrapper button {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #C6F221;
  background-color: #C6F221;
  color: #000000;
  font-weight: 600;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  margin-bottom: 1.25rem;
}
.tabledrag-toggle-weight-wrapper button:focus {
  outline: none;
}
.tabledrag-toggle-weight-wrapper button:visited {
  color: #000000;
}
.tabledrag-toggle-weight-wrapper button:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.tabledrag-toggle-weight-wrapper button:focus,
.tabledrag-toggle-weight-wrapper button:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.tabledrag-toggle-weight-wrapper button::before {
  margin-right: 0.25em;
}

.tabledrag-changed-warning {
  margin-top: 0;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="file"] {
  display: block;
  outline: 0;
  border: 1px solid #bdbfc7;
  border-radius: 0;
  background: #f3f5f6;
  cursor: pointer;
  padding: 0.625rem;
  width: 100%;
  vertical-align: top;
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  text-shadow: none;
  -webkit-appearance: none;
}
textarea:focus,
textarea:hover,
select:focus,
select:hover,
input[type="date"]:focus,
input[type="date"]:hover,
input[type="datetime"]:focus,
input[type="datetime"]:hover,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:hover,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="month"]:focus,
input[type="month"]:hover,
input[type="number"]:focus,
input[type="number"]:hover,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="search"]:focus,
input[type="search"]:hover,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="time"]:focus,
input[type="time"]:hover,
input[type="url"]:focus,
input[type="url"]:hover,
input[type="week"]:focus,
input[type="week"]:hover,
input[type="file"]:focus,
input[type="file"]:hover {
  border-color: #C6F221;
  background-color: #ffffff;
}
textarea.has-error,
select.has-error,
input[type="date"].has-error,
input[type="datetime"].has-error,
input[type="datetime-local"].has-error,
input[type="email"].has-error,
input[type="month"].has-error,
input[type="number"].has-error,
input[type="password"].has-error,
input[type="search"].has-error,
input[type="tel"].has-error,
input[type="text"].has-error,
input[type="time"].has-error,
input[type="url"].has-error,
input[type="week"].has-error,
input[type="file"].has-error {
  border-color: #d0021b;
  background-color: rgba(208, 2, 27, 0.1);
  color: #d0021b;
}
textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled],
input[type="file"][disabled] {
  border-color: #f3f5f6;
  background-color: #f3f5f6;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="datetime"],
textarea,
select,
input[type="tel"],
input[type="url"] {
  max-width: 100%;
  width: 100%;
  border: 1px solid #bdbfc7;
  padding: 0.625em 1em;
  -webkit-appearance: none;
  border-radius: 2px;
}
@media (min-width: 56.25em) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="date"],
  input[type="datetime"],
  textarea,
  select,
  input[type="tel"],
  input[type="url"] {
    padding: 0.75em 1em;
  }
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
textarea:focus,
select:focus,
input[type="tel"]:focus,
input[type="url"]:focus {
  outline: none;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

#edit-cancel {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #C6F221;
  color: #000000;
  border-color: #C6F221;
  border-width: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #C6F221;
  font-weight: 400;
  padding: 1rem;
  padding: 0.625rem 1rem;
}
#edit-cancel:focus {
  outline: none;
}
#edit-cancel:hover,
#edit-cancel:focus,
#edit-cancel:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
#edit-cancel:visited {
  color: #000000;
}
#edit-cancel:focus {
  outline: 1px solid #262a2d;
}
#edit-cancel::before {
  margin-right: 0.25em;
}

.js-form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.js-form-type-checkbox .description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-left: 0;
  margin-bottom: 0.625rem;
}

input[type="checkbox"] {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0;
}
input[type="checkbox"] + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}
input[type="checkbox"] + label::before {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #505659;
  margin-right: 0.625em;
  border-radius: 5px;
  background-color: #ffffff;
  background-image: url("../../dist/img/iconography/checkmark--white.svg");
  background-repeat: no-repeat;
  background-position: center 48%;
  background-size: 0%;
}
input[type="checkbox"]:checked + label::before {
  background-color: #17171a;
  background-size: 75%;
  border-color: #17171a;
}
input[type="checkbox"]:focus + label::before {
  border-color: #C6F221;
}

/*
* User Tabbing
*/
.user-is-tabbing input[type="checkbox"]:focus + label {
  outline: dotted 1px #004750;
}

.js-form-type-datelist {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.js-form-type-datelist .container-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.3125em;
  margin-right: -0.3125em;
}

.js-form-type-datetime {
  margin-bottom: 0;
}
.js-form-type-datetime .container-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.3125em;
  margin-right: -0.3125em;
}

input[type="datetime"],
input[type="time"],
.js-form-type-date input {
  max-width: 100%;
  width: 100%;
}

input[type="time"] {
  font-size: 0.875em;
}

fieldset.js-webform-type-webform-email-confirm {
  margin-top: 0;
  margin-bottom: 1.25em;
}

.js-form-type-webform-document-file {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

input[type="file"] {
  max-width: 100%;
}

.js-webform-type-checkboxes .js-form-type-checkbox label {
  margin-bottom: 0;
}

.form-radios .js-form-type-radio {
  margin-bottom: 1rem;
}

input[type="radio"] {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0;
  /*
  * Label Text
  */
  /*
  * Outer Circle
  */
  /*
  * Center Dot
  */
}
input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
}
input[type="radio"]:checked + label {
  font-weight: 700;
}
input[type="radio"] + label::before {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
  border: 1px solid #505659;
  margin-right: 0.625em;
  border-radius: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}
input[type="radio"]:checked + label::before {
  opacity: 1;
  border-color: #17171a;
}
input[type="radio"] + label::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  padding: 0.125rem;
  margin-right: 0.625em;
  border-radius: 100%;
  background-color: #17171a;
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*
* User Tabbing
*/
.user-is-tabbing input[type="radio"]:focus + label {
  outline: dotted 1px #004750;
}

input[type="range"] {
  width: 100%;
}

select {
  background-color: #ffffff;
  background-image: url("../../dist/img/iconography/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 0.625em top 50%;
  background-size: 0.75em;
  padding-right: 1.875em;
  border-color: #e8e9ed;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
select:hover,
select:focus {
  border-color: #C6F221;
}
select:focus {
  outline: 1px solid #C6F221;
}

.form-type-select {
  max-width: 100%;
}

.js-form-type-webform-signature {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.js-form-type-webform-signature .webform-signature-pad {
  background-color: transparent;
}
.js-form-type-webform-signature .webform-signature-pad::before {
  background-color: #f3f5f6;
  margin-bottom: 0.625em;
}
.js-form-type-webform-signature .form-submit {
  margin-left: 0.625em;
  margin-bottom: 0.625em;
}

.form-submit {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  position: relative !important;
  max-width: 100%;
}
.form-submit:focus {
  outline: none;
}
.form-submit:visited {
  color: #393e40;
}
.form-submit:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.form-submit:focus,
.form-submit:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.form-submit::before {
  margin-right: 0.25em;
}

.tableselect input[type="checkbox"] {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  opacity: 1;
}

.form-type-webform-terms-of-service {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media (max-width: 31.1875em) {
  .form-type-webform-terms-of-service .option {
    font-size: 0.875em;
  }
}
.form-type-webform-terms-of-service .option a {
  margin-left: 0.375em;
}

.js-text-format-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.js-text-format-wrapper .form-item {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.js-form-type-textarea {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.js-form-type-url {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

fieldset.js-webform-type-webform-buttons label {
  margin-bottom: 0;
}
fieldset.js-webform-type-webform-buttons label::before {
  display: none;
}

label.form-required::after {
  content: "*";
  font-size: 1em;
  margin-left: 0.1875em;
  line-height: 0;
  color: #fd0826;
  background-image: none;
}

@media (min-width: 56.25em) {
  .region-full .teaser-image--placeholder {
    position: relative;
    z-index: 1;
  }
  .region-full .teaser-image--placeholder::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin-bottom: 1.25em;
    padding-bottom: 56.25%;
    background-color: #f3f5f6;
    background-image: url("../../dist/img/iconography/image-placeholder-icon--white.svg"),
      url("../../dist/img/background-assets/footer/footer--top-wave--grey.svg");
    background-size: 30%, 85% 100%;
    background-repeat: no-repeat;
    background-position: center, left;
  }
}

@media (min-width: 62.5em) {
  .region-large .teaser-image--placeholder {
    position: relative;
    z-index: 1;
  }
  .region-large .teaser-image--placeholder::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin-bottom: 1.25em;
    padding-bottom: 56.25%;
    background-color: #f3f5f6;
    background-image: url("../../dist/img/iconography/image-placeholder-icon--white.svg"),
      url("../../dist/img/background-assets/footer/footer--top-wave--grey.svg");
    background-size: 30%, 85% 100%;
    background-repeat: no-repeat;
    background-position: center, left;
  }
}

img {
  display: block;
  height: auto;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

img {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
a img {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-backface-visibility: hidden;
}
a img:hover {
  opacity: 0.75;
}

.align-left,
.align-right,
.align-center,
iframe {
  margin-bottom: 1.875em;
}
@media (max-width: 56.1875em) {
  body:not(.cke_editable) .align-left,
  body:not(.cke_editable) .align-right,
  body:not(.cke_editable) .align-center,
  body:not(.cke_editable) iframe {
    float: none;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

.align-left,
iframe[align="left"] {
  float: left;
  margin-right: 3.125em;
  max-width: calc(50% - 25px);
}

.align-right,
iframe[align="right"] {
  float: right;
  margin-left: 3.125em;
  max-width: calc(50% - 25px);
}

.align-center,
iframe[align="center"] {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.media.media--view-mode-original-dropshadow- img,
.media.media--view-mode-thumbnail- img,
.media.media--view-mode-inline-drop img,
.media.media--view-mode-banner-wysiwyg-900px-x-300px-with-dropshadow- img,
.media.media--view-mode-full-width-wysiwyg-900px-with-dropshadow- img {
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.5);
}

.video-embed-field-responsive-video::after {
  padding: 0;
}

.iframe-container {
  position: relative;
  width: 100%;
}
.iframe-container iframe {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0;
  float: none;
  min-height: 400px;
}
@media (max-width: 37.5em) {
  .iframe-container iframe {
    min-height: 245px;
  }
}
@media (min-width: 46.875em) and (max-width: 64em) {
  .iframe-container iframe {
    min-height: 400px;
  }
}

#map {
  height: 500px;
}

iframe {
  display: block;
  width: 100%;
  height: auto;
}

html {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #000000;
}

p {
  color: #393e40;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 300;
  padding: 0;
}
@media (min-width: 56.25em) {
  p {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}
p:last-child {
  margin-bottom: 0;
}

strong,
b {
  font-weight: 700;
  color: #000000;
}

em {
  font-style: italic;
}

@media (min-width: 56.25em) {
  sup,
  sub {
    font-size: 0.625em;
  }
}

hr {
  clear: both;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  border: 0;
  border-bottom: 1px solid #505659;
}

.field--name-field-quick-link .field__item:not(:last-child) .eck-entity {
  margin-bottom: 1.25em;
}

.field--name-field-quick-link .field__item .eck-entity {
  position: relative;
}

.field--name-field-quick-link .field__item .field--name-field-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 46px;
  background-color: #004750;
  color: #ffffff;
  padding: 0.625em 0.9375em;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.field--name-field-quick-link .field__item .field--name-field-link {
  background-color: #ffffff;
}
.field--name-field-quick-link .field__item .field--name-field-link a {
  display: block;
  position: relative;
  border: 1px solid #262a2d;
  padding: 0.75em 1.25em 0.75em 4.125em;
  border-radius: 5px;
  border-bottom-width: 3px;
}
.field--name-field-quick-link .field__item .field--name-field-link a:hover {
  text-decoration: none;
}

p.body--large {
  font-size: 1.125rem;
  font-weight: 400;
}

.display-title {
  color: #393e40;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
}
@media (min-width: 56.25em) {
  .display-title {
    font-size: 1.75rem;
  }
}
@media (min-width: 75em) {
  .display-title {
    font-size: 2rem;
  }
}
@media (min-width: 75em) {
  .display-title {
    text-align: left;
  }
}
.display-title::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem auto;
  background-color: #004750;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 75em) {
  .display-title::after {
    margin: 1rem 0;
  }
}

a[class^="btn-"] {
  display: inline-block;
}

.btn-primary,
a[title="Button 1"] {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 0.625rem 1rem;
}
.btn-primary:focus,
a[title="Button 1"]:focus {
  outline: none;
}
.btn-primary:visited,
a[title="Button 1"]:visited {
  color: #000000;
}
.btn-primary:hover,
a[title="Button 1"]:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff !important;
}
.btn-primary:focus,
.btn-primary:active,
a[title="Button 1"]:focus,
a[title="Button 1"]:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.btn-primary::before,
a[title="Button 1"]::before {
  margin-right: 0.25em;
}

.btn-primary--small {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
}
.btn-primary--small:focus {
  outline: none;
}
.btn-primary--small:visited {
  color: #000000;
}
.btn-primary--small:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.btn-primary--small:focus,
.btn-primary--small:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.btn-primary--small::before {
  margin-right: 0.25em;
}

.btn-secondary,
a[title="Button 2"] {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #004750;
  color: #ffffff;
  border-color: #004750;
  border-width: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #004750;
  font-weight: 500;
  padding: 1rem;
  padding: 0.625rem 1rem;
}
.btn-secondary:focus,
a[title="Button 2"]:focus {
  outline: none;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
a[title="Button 2"]:hover,
a[title="Button 2"]:focus,
a[title="Button 2"]:active {
  border-color: #23AB3B;
  background-color: #23AB3B;
  color: #000000;
}
.btn-secondary:visited,
a[title="Button 2"]:visited {
  color: #000000;
}
.btn-secondary:focus,
a[title="Button 2"]:focus {
  outline: 1px solid #004750;
}
.btn-secondary::before,
a[title="Button 2"]::before {
  margin-right: 0.25em;
}

.btn-secondary--small {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #004750;
  color: #ffffff;
  border-color: #004750;
  border-width: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #004750;
  font-weight: 500;
  padding: 1rem;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
}
.btn-secondary--small:focus {
  outline: none;
}
.btn-secondary--small:hover,
.btn-secondary--small:focus,
.btn-secondary--small:active {
  border-color: #23AB3B;
  background-color: #23AB3B;
  color: #000000;
}
.btn-secondary--small:visited {
  color: #000000;
}
.btn-secondary--small:focus {
  outline: 1px solid #262a2d;
}
.btn-secondary--small::before {
  margin-right: 0.25em;
}

.btn-tertiary,
a[title="Button 3"] {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #f6ce3c;
  color: #262a2d;
  border-color: #262a2d;
  border-width: 1px;
  padding: 0.625rem 1rem;
}
.btn-tertiary:focus,
a[title="Button 3"]:focus {
  outline: none;
}
.btn-tertiary:hover,
.btn-tertiary:focus,
a[title="Button 3"]:hover,
a[title="Button 3"]:focus {
  background-color: #f6ce3c;
  border-color: #f6ce3c;
  color: #000000;
}
.btn-tertiary:focus,
a[title="Button 3"]:focus {
  outline: 1px solid #f6ce3c;
}
.btn-tertiary::before,
a[title="Button 3"]::before {
  margin-right: 0.25em;
}

.btn-tertiary--small {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #f6ce3c;
  color: #262a2d;
  border-color: #262a2d;
  border-width: 1px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
}
.btn-tertiary--small:focus {
  outline: none;
}
.btn-tertiary--small:hover,
.btn-tertiary--small:focus {
  background-color: #f6ce3c;
  border-color: #f6ce3c;
  color: #000000;
}
.btn-tertiary--small:focus {
  outline: 1px solid #f6ce3c;
}
.btn-tertiary--small::before {
  margin-right: 0.25em;
}

a.btn {
  margin-bottom: 0.5rem;
}

.clear {
  display: block;
  clear: both;
}

.description {
  font-size: 0.75em;
  margin-top: 0.5em;
  color: #505659;
}

.featured-text {
  display: block;
  border-left: 5px solid #f6ce3c;
  padding: 1.25em 1.875em 1.25em 1.5625em;
}

.field__item {
  font-family: "Roboto", sans-serif;
}

.highlighted-text {
  display: block;
  background-color: #f2f2fa;
  color: #101042;
  padding: 1.25em 1.875em;
  border-radius: 5px;
  border: 1px solid #6666c6;
}

label {
  display: block;
}

.field__label {
  font-size: 1.125rem;
  font-weight: 700;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  margin-top: 1.875rem;
  border-bottom: 1px solid #f3f5f6;
}

a {
  color: #224f77;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
  color: #23AB3B;
}

.user-is-tabbing a:focus {
  outline: 1px dashed #c8cacc;
}

pre {
  white-space: pre-wrap;
}

.small-text {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.table-container {
  max-width: 100%;
  overflow: auto;
  position: relative;
  margin: 2.5rem auto;
}
.table-container:last-child {
  margin-bottom: 0;
}

table {
  width: 100%;
  border-color: #262a2d;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ffffff;
}
table p,
table ul {
  margin: 0;
  padding: 0;
}
table a {
  color: #262a2d;
}
table a:hover {
  color: #004750;
  text-decoration: underline;
}
table th,
table thead th {
  font-size: 0.875rem;
  border-bottom: 1px solid #262a2d;
  color: #262a2d;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
}
@media (min-width: 56.25em) {
  table th,
  table thead th {
    font-size: 1.25rem;
  }
}
table th:not(:last-child),
table thead th:not(:last-child) {
  border-right: 1px solid #262a2d;
}
table th p,
table th strong,
table th b,
table th em,
table th a,
table thead th p,
table thead th strong,
table thead th b,
table thead th em,
table thead th a {
  letter-spacing: 0.5px;
}
table th a,
table thead th a {
  color: #ffffff;
  text-decoration: underline;
}
table th a:hover,
table thead th a:hover {
  text-decoration: none;
}
table tbody {
  border: 0;
}
table th,
table td {
  border: 0;
  vertical-align: top;
  padding: 0.75em 0.75em;
}
table td,
table td p {
  color: #262a2d;
  font-size: 0.9375rem;
  line-height: 1.4;
}
@media (min-width: 56.25em) {
  table td,
  table td p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3;
  }
}
table tr.odd {
  background-color: #ffffff;
}
table tr:nth-child(odd) {
  background-color: #ffffff;
}
table tr.even {
  background-color: #e5f4ff;
}
table tr:nth-child(even) {
  background-color: #e5f4ff;
}
table caption {
  caption-side: top;
  text-align: center;
  position: sticky;
  left: 0;
  font-size: 1.125em;
  font-weight: 700;
  padding: 1em 0.75em;
}
table .tablesort {
  background-image: none;
  padding-left: 0.3125em;
}
table .tablesort.tablesort--asc::before {
  font-size: 0.875em;
  display: block;
}
table .tablesort.tablesort--desc::before {
  font-size: 0.875em;
  display: block;
}

blockquote {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 20.625rem;
  text-align: center;
  position: relative;
}
@media (min-width: 37.5em) {
  blockquote {
    max-width: 35rem;
  }
}
@media (min-width: 75em) {
  blockquote {
    max-width: 53.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}
blockquote::before,
blockquote::after {
  font-size: 3.75rem;
  color: #004750;
  position: absolute;
  font-weight: 900;
}
@media (min-width: 75em) {
  blockquote::before,
  blockquote::after {
    font-size: 7.5rem;
  }
}
blockquote::before {
  content: "“";
  left: -1.25rem;
  top: -1.875rem;
}
@media (min-width: 75em) {
  blockquote::before {
    left: -3.125rem;
  }
}
blockquote::after {
  content: "”";
  right: -1.25rem;
  bottom: -3.75rem;
}
@media (min-width: 75em) {
  blockquote::after {
    right: -3.125rem;
    bottom: -5.625rem;
  }
}
blockquote p {
  margin: 0;
  color: #393e40;
  font-size: 1.125rem;
  letter-spacing: 0.8px;
  font-weight: 500;
}
@media (min-width: 37.5em) {
  blockquote p {
    font-size: 1.25rem;
  }
}
@media (min-width: 75em) {
  blockquote p {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2;
  }
}

p.quote-attribution {
  color: #393e40;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 2.5rem;
  text-align: center;
  letter-spacing: 0.5px;
}
@media (min-width: 56.25em) {
  p.quote-attribution {
    margin-top: 1.25rem;
  }
}
@media (min-width: 75em) {
  p.quote-attribution {
    font-size: 1.125rem;
  }
}

figure figcaption {
  margin-top: 0;
  padding: 0.75em 0.625em;
  background-color: #e8e9ed;
  font-style: italic;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #f3f5f6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 2.5rem 0 0.625rem 0;
  color: #17171a;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #393e40;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 500;
}

h1 {
  font-size: 2rem;
  line-height: 2.875rem;
  letter-spacing: -0.5px;
  text-transform: none;
}
@media (min-width: 56.25em) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  font-size: 1.5rem;
}
@media (min-width: 56.25em) {
  h2 {
    font-size: 1.5625rem;
  }
}

h3 {
  font-size: 1.375rem;
}
@media (min-width: 56.25em) {
  h3 {
    font-size: 1.25rem;
  }
}

h4 {
  font-size: 1.25rem;
}
@media (min-width: 56.25em) {
  h4 {
    font-size: 1rem;
  }
}

h5 {
  font-size: 1.125rem;
}
@media (min-width: 56.25em) {
  h5 {
    font-size: 1rem;
  }
}

h6 {
  font-size: 1rem;
}

.field--name-body > h1:first-child,
.field--name-body > h2:first-child,
.field--name-body > h3:first-child,
.field--name-body > h4:first-child,
.field--name-body > h5:first-child,
.field--name-body > h6:first-child,
.field--name-field-body > h1:first-child,
.field--name-field-body > h2:first-child,
.field--name-field-body > h3:first-child,
.field--name-field-body > h4:first-child,
.field--name-field-body > h5:first-child,
.field--name-field-body > h6:first-child {
  margin-top: 0;
}

ul,
ol {
  font-size: 0.9375rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.875rem;
  color: #393e40;
}
@media (min-width: 75em) {
  ul,
  ol {
    font-size: 1.125rem;
    font-weight: 300;
  }
}
ul li,
ol li {
  padding-left: 0.625rem;
  margin-bottom: 1rem;
  line-height: 1.6;
}

.node__submitted {
  position: relative;
  padding-left: 1.5625rem;
  color: #17171a;
}
.node__submitted::before {
  font-family: "Material Icons Outlined";
  content: "\ea06";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  position: absolute;
  left: 0;
  top: 0.1875rem;
  color: #f6ce3c;
}
.node__submitted b {
  color: #000000;
}

#views-exposed-form-site-wide-search-index-d8lhi-search-page
  .js-form-type-textfield,
#views-exposed-form-site-wide-search-index-d8lhi-search-page
  .js-form-type-search-api-autocomplete {
  margin: 0;
  padding: 0;
}

#views-exposed-form-site-wide-search-index-d8lhi-search-page
  input.form-autocomplete {
  background-image: none;
}

.search-api-autocomplete-suggestion {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.view-display-id-search_page .view-header {
  border-bottom: 1px solid #e8e9ed;
  padding-bottom: 1rem;
}

.view-display-id-search_page .total-search-results {
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

.path-search .region--content {
  max-width: 56.25em;
  margin-left: auto;
  margin-right: auto;
}

.media--view-mode-search-result,
.node--view-mode-search-result {
  color: #393e40;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 300;
  padding: 0;
}
@media (min-width: 56.25em) {
  .media--view-mode-search-result,
  .node--view-mode-search-result {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}

.media--view-mode-search-result .field--type-file {
  margin: 1rem 0;
}

.media--view-mode-search-result .field--name-name {
  color: #17171a;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #393e40;
  font-size: 1.5rem;
}
@media (min-width: 56.25em) {
  .media--view-mode-search-result .field--name-name {
    font-size: 1.5625rem;
  }
}

/*
* Search Path
* Add padding to bottom of page
* since it is not there for most pages that use
* paragraphs for layout, which have their own built in spacing
*/
.path-search .region--content {
  margin-bottom: 2.5rem;
}

.view-search .view-header {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #f6ce3c;
}

.view-search .results-for h2 {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: none;
}
@media (min-width: 37.5em) {
  .view-search .results-for h2 {
    font-size: 1.875rem;
  }
}

.view-search .display-summary {
  font-size: 0.875rem;
  font-style: italic;
}

.view-search .view-empty {
  font-size: 1.25rem;
  font-style: italic;
}

.view-search .views-row {
  padding-bottom: 1.5rem;
}
.view-search .views-row:not(:last-child) {
  border-bottom: 1px solid #505659;
}

.view-search .node h2,
.view-search .node .field--name-name,
.view-search .media h2,
.view-search .media .field--name-name {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}

.view-search .node .field__label,
.view-search .media .field__label {
  padding-bottom: 0;
  border-bottom: 0;
}

.view-search .node .field,
.view-search .media .field {
  clear: both;
  margin-top: 0.625rem;
}

.view-search .node .node__submitted,
.view-search .node .announcement-date,
.view-search .node .field--name-field-date .datetime,
.view-search .node .field--name-field-date-range,
.view-search .node .field--name-field-location-agenda,
.view-search .media .node__submitted,
.view-search .media .announcement-date,
.view-search .media .field--name-field-date .datetime,
.view-search .media .field--name-field-date-range,
.view-search .media .field--name-field-location-agenda {
  padding-left: 1.25rem;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
  font-size: 0.875rem;
}
@media (min-width: 56.25em) {
  .view-search .node .node__submitted,
  .view-search .node .announcement-date,
  .view-search .node .field--name-field-date .datetime,
  .view-search .node .field--name-field-date-range,
  .view-search .node .field--name-field-location-agenda,
  .view-search .media .node__submitted,
  .view-search .media .announcement-date,
  .view-search .media .field--name-field-date .datetime,
  .view-search .media .field--name-field-date-range,
  .view-search .media .field--name-field-location-agenda {
    font-size: 0.875rem;
  }
}

.view-search .node .field--name-field-body *,
.view-search .node .field--name-body *,
.view-search .media .field--name-field-body *,
.view-search .media .field--name-body * {
  text-align: left;
  display: inline;
  margin-bottom: 0;
}

.view-search .node .field--name-field-position,
.view-search .media .field--name-field-position {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c8cacc;
}
.view-search .node .field--name-field-position::before,
.view-search .media .field--name-field-position::before {
  font-family: "Material Icons Outlined";
  content: "\ebad";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  padding-right: 0.3125rem;
}

.view-search .views-field[class*="field-media-file"] {
  margin-top: 0.625rem;
}
.view-search .views-field[class*="field-media-file"] .field-content {
  word-break: break-word;
}

.skip-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.625rem 0.625rem;
  text-align: center;
  background-color: #23AB3B;
  border: 2px solid #ffffff;
  color: #000000;
  text-decoration: none;
  font-weight: 700;
}
.skip-link::before {
  font-family: "Material Icons Outlined";
  content: "\ea37";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  padding-right: 0.625rem;
}
.skip-link:focus {
  outline: none;
}
.skip-link:hover {
  color: #000000;
}

.field--name-field-add-to-calendar .addtocalendar .atcb-link {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #f6ce3c;
  color: #262a2d;
  border-color: #262a2d;
  border-width: 1px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  background-color: #262a2d;
  line-height: 1rem;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link:focus {
  outline: none;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link:hover,
.field--name-field-add-to-calendar .addtocalendar .atcb-link:focus {
  background-color: #f6ce3c;
  border-color: #f6ce3c;
  color: #000000;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link:focus {
  outline: 1px solid #f6ce3c;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link::before {
  font-family: "Material Icons Outlined";
  content: "\ea3b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  content: "\ea0d";
  display: block;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link::before {
  margin-right: 0.25em;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link::before {
  color: #ffffff;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link em {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-link:hover,
.field--name-field-add-to-calendar .addtocalendar .atcb-link:focus {
  background-color: #f6ce3c;
}

.field--name-field-add-to-calendar .addtocalendar .atcb-list {
  border: 1px solid #e8e9ed;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.field--name-field-add-to-calendar .addtocalendar .atcb-list::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 0.5em solid #e8e9ed;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.field--name-field-add-to-calendar .addtocalendar .atcb-list::after {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 0.5em solid #ffffff;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  position: absolute;
  top: 1px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.field--name-field-add-to-calendar .addtocalendar .atcb-list li {
  margin-left: 0;
  margin-bottom: 0;
}
.field--name-field-add-to-calendar .addtocalendar .atcb-list li a {
  padding: 0.5rem 0.625rem;
}

.node__submitted,
.field--name-field-date .datetime,
.field--name-field-date-range {
  position: relative;
}

.field--name-field-published-date {
  font-weight: 500;
  text-align: center;
  color: #393e40;
  font-size: 1rem;
  margin-bottom: 2.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.field--name-field-published-date .field__label {
  text-transform: capitalize;
  font-size: 1rem;
}
.field--name-field-published-date .field__item {
  font-weight: 500;
  font-size: 1rem;
}

.field--type-file,
.field--name-field-media-file {
  clear: both;
}
.field--type-file a,
.field--name-field-media-file a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #f6ce3c;
  color: #262a2d;
  border-color: #262a2d;
  border-width: 1px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  text-transform: none;
  text-align: left;
  word-break: break-word;
}
.field--type-file a:focus,
.field--name-field-media-file a:focus {
  outline: none;
}
.field--type-file a:hover,
.field--type-file a:focus,
.field--name-field-media-file a:hover,
.field--name-field-media-file a:focus {
  background-color: #f6ce3c;
  border-color: #f6ce3c;
  color: #000000;
}
.field--type-file a:focus,
.field--name-field-media-file a:focus {
  outline: 1px solid #f6ce3c;
}
.field--type-file a::before,
.field--name-field-media-file a::before {
  font-family: "Material Icons Outlined";
  content: "\ea3b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  content: "\e926";
  display: block;
}
.field--type-file a::before,
.field--name-field-media-file a::before {
  margin-right: 0.25em;
}

.field--label-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.field--label-inline .field__label,
.field--label-inline .field__items,
.field--label-inline .field__label + .field__item {
  float: none;
  margin-top: 0.3125rem;
  font-size: 0.75rem;
}
.field--label-inline .field__items,
.field--label-inline .field__label + .field__item {
  font-weight: 700;
}
.field--label-inline .field__label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-transform: uppercase;
}
.field--label-inline .field__item {
  display: inline-block;
}
.field--label-inline .field__item:first-child:not(:only-child)::after {
  content: ",";
  padding-left: 2px;
}

.field--name-field-media-image {
  margin-bottom: 1.875rem;
}

/*
* Processed Text Form Item
*/
.form-type-processed-text {
  margin: 2rem 0;
}

.media--type-file .field--name-name {
  word-break: break-word;
}

/*
* Info Window in Map
*
* Displays in the outages map
*/
.infowindow table {
  border: 0;
}

.infowindow table tr {
  background-color: unset;
  border: 0;
}

.infowindow table td {
  border: 0;
  font-size: 0.8125rem;
  padding: 0 0.625rem;
  color: #262a2d;
}

.photo-credit {
  display: block;
  background-color: #17171a;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 0.3125rem 0.625rem;
}

.view-filters {
  margin-top: 2.1875rem;
  margin-bottom: 1.5625rem;
}
.view-filters .form--inline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.view-filters .form--inline .form-item {
  margin-right: 0;
  float: none;
}

.view-header {
  margin-bottom: 1.5rem;
}

.view[class*="_page"] {
  margin-top: 2.1875rem;
}

/*
* News View
*/
.view-news {
  max-width: 48rem;
  margin: 0 auto;
}

.view[class*="page"] .views-row,
.view[class*="search"] .views-row {
  padding-bottom: 2.1875rem;
}
.view[class*="page"] .views-row h2,
.view[class*="search"] .views-row h2 {
  margin-top: 0;
}
.view[class*="page"] .views-row:not(:last-child),
.view[class*="search"] .views-row:not(:last-child) {
  margin-bottom: 2.1875rem;
  border-bottom: 1px solid #e8e9ed;
}

.view--four-col .view-content {
  padding: 0 1.875rem;
  margin: 2.5rem 0;
}
@media (min-width: 56.25em) {
  .view--four-col .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.view--four-col .views-row {
  border-bottom: solid 1px #e8e9ed;
  padding: 1.875rem 0;
}
@media (min-width: 56.25em) {
  .view--four-col .views-row {
    padding: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-right: solid 1px #e8e9ed;
  }
}
@media (min-width: 75em) {
  .view--four-col .views-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border-bottom: 0;
  }
}

@media (min-width: 56.25em) and (max-width: 74.9375em) {
  .view--four-col .views-row:nth-child(even) {
    border-right: 0;
  }
}

.view--four-col .views-row:last-child {
  border-bottom: 0;
}
@media (min-width: 56.25em) {
  .view--four-col .views-row:last-child {
    border-right: 0;
  }
}

@media (min-width: 56.25em) {
  .view--four-col .views-row:nth-last-child(2) {
    border-bottom: 0;
  }
}

.node--view-mode-teaser h2,
.node--view-mode-compact h2 {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.node--view-mode-teaser .node__submitted,
.node--view-mode-teaser .announcement-date,
.node--view-mode-teaser .field--name-field-date .datetime,
.node--view-mode-teaser .field--name-field-date-range,
.node--view-mode-compact .node__submitted,
.node--view-mode-compact .announcement-date,
.node--view-mode-compact .field--name-field-date .datetime,
.node--view-mode-compact .field--name-field-date-range {
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
  font-size: 0.875rem;
}
@media (min-width: 56.25em) {
  .node--view-mode-teaser .node__submitted,
  .node--view-mode-teaser .announcement-date,
  .node--view-mode-teaser .field--name-field-date .datetime,
  .node--view-mode-teaser .field--name-field-date-range,
  .node--view-mode-compact .node__submitted,
  .node--view-mode-compact .announcement-date,
  .node--view-mode-compact .field--name-field-date .datetime,
  .node--view-mode-compact .field--name-field-date-range {
    font-size: 0.875rem;
  }
}
.node--view-mode-teaser .node__submitted::before,
.node--view-mode-teaser .announcement-date::before,
.node--view-mode-teaser .field--name-field-date .datetime::before,
.node--view-mode-teaser .field--name-field-date-range::before,
.node--view-mode-compact .node__submitted::before,
.node--view-mode-compact .announcement-date::before,
.node--view-mode-compact .field--name-field-date .datetime::before,
.node--view-mode-compact .field--name-field-date-range::before {
  display: none;
}

.node--view-mode-teaser .field--name-body .more-link,
.node--view-mode-compact .field--name-body .more-link {
  display: inline;
  padding-left: 0.125rem;
  font-weight: 700;
}

.node--view-mode-full {
  margin-top: 1.25rem;
}
@media (min-width: 56.25em) {
  .node--view-mode-full {
    margin-top: 1.6875rem;
  }
}

@media (min-width: 56.25em) {
  .layout--twocol-sidebar-first
    .region-small
    .node--view-mode-teaser
    .node__submitted,
  .layout--twocol-sidebar-first
    .region-small
    .node--view-mode-teaser
    .announcement-date,
  .layout--twocol-sidebar-first
    .region-small
    .node--view-mode-compact
    .node__submitted,
  .layout--twocol-sidebar-first
    .region-small
    .node--view-mode-compact
    .announcement-date,
  .layout--twocol-sidebar-second
    .region-small
    .node--view-mode-teaser
    .node__submitted,
  .layout--twocol-sidebar-second
    .region-small
    .node--view-mode-teaser
    .announcement-date,
  .layout--twocol-sidebar-second
    .region-small
    .node--view-mode-compact
    .node__submitted,
  .layout--twocol-sidebar-second
    .region-small
    .node--view-mode-compact
    .announcement-date,
  .layout--threecol-split
    .region-small
    .node--view-mode-teaser
    .node__submitted,
  .layout--threecol-split
    .region-small
    .node--view-mode-teaser
    .announcement-date,
  .layout--threecol-split
    .region-small
    .node--view-mode-compact
    .node__submitted,
  .layout--threecol-split
    .region-small
    .node--view-mode-compact
    .announcement-date {
    font-size: 0.75rem;
  }
}

.links .node-readmore {
  padding-left: 0;
}

.node-readmore > a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 0.625rem 1rem;
  display: inline-block;
  font-size: 0.75rem;
}
.node-readmore > a:focus {
  outline: none;
}
.node-readmore > a:visited {
  color: #000000;
}
.node-readmore > a:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.node-readmore > a:focus,
.node-readmore > a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.node-readmore > a::before {
  margin-right: 0.25em;
}

.node--view-mode-compact > h2 {
  text-transform: none;
}

.node--view-mode-teaser > h2 {
  text-transform: none;
}

/*
* Full Nodes
*/
.node--type-page.node--view-mode-full,
.node--type-news.node--view-mode-full,
.node--type-landing-page.node--view-mode-full {
  /*
  * Fields
  * Have a max width and are centered
  */
  /*
  * Component field
  * Contains paragraphs with their own spacing rules
  */
}
.node--type-page.node--view-mode-full
  .node__content
  > .field:not(.field--name-field-page-components),
.node--type-news.node--view-mode-full
  .node__content
  > .field:not(.field--name-field-page-components),
.node--type-landing-page.node--view-mode-full
  .node__content
  > .field:not(.field--name-field-page-components) {
  max-width: 56.25em;
  margin-right: auto;
  margin-left: auto;
}
.node--type-page.node--view-mode-full .field--name-body,
.node--type-news.node--view-mode-full .field--name-body,
.node--type-landing-page.node--view-mode-full .field--name-body {
  margin-bottom: 2.5rem;
}
.node--type-page.node--view-mode-full .field--name-field-page-components,
.node--type-news.node--view-mode-full .field--name-field-page-components,
.node--type-landing-page.node--view-mode-full
  .field--name-field-page-components {
  margin-top: 2.5rem;
}

/* Removed empty space on Homepage for page components*/
.path-frontpage
  .node--type-page.node--view-mode-full
  .field--name-field-page-components,
.path-frontpage
  .node--type-news.node--view-mode-full
  .field--name-field-page-components,
.path-frontpage
  .node--type-landing-page.node--view-mode-full
  .field--name-field-page-components {
  margin-top: 0;
}

.node--type-landing-page .section-content > .layout-container {
  /* overrides the layout container padding
    * so that paragraphs use their own built in spacing
    */
  padding-left: 0;
  padding-right: 0;
}

/*
* Landing Page Node
*/
.node--type-landing-page {
  /*
  * Body Field
  */
}
.node--type-landing-page .field--name-body {
  margin: 2.5rem auto;
}

.node--type-news.node--view-mode-teaser {
  height: 100%;
}
.node--type-news.node--view-mode-teaser .node__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.node--type-news.node--view-mode-teaser h2 {
  margin-bottom: 1.25rem;
}
.node--type-news.node--view-mode-teaser h2 a {
  color: #004750;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 75em) {
  .node--type-news.node--view-mode-teaser h2 a {
    text-align: left;
  }
}
.node--type-news.node--view-mode-teaser h2 a::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem auto;
  background-color: #004750;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 75em) {
  .node--type-news.node--view-mode-teaser h2 a::after {
    margin: 1rem 0;
  }
}
@media (min-width: 0) and (max-width: 74.9375em) {
  .node--type-news.node--view-mode-teaser h2 a {
    text-align: left;
  }
}
.node--type-news.node--view-mode-teaser h2 a:hover {
  color:#23AB3B;
}
.node--type-news.node--view-mode-teaser h2 a::after {
  background-color: #004750;
}
  
@media (min-width: 0) and (max-width: 74.9375em) {
  .node--type-news.node--view-mode-teaser h2 a::after {
    margin-left: 0;
    margin-right: 0;
  }
}
.node--type-news.node--view-mode-teaser h2 a:hover::after {
  background-color: #23AB3B;
  width: 5.625rem;
}
.node--type-news.node--view-mode-teaser .field--name-field-published-date {
  text-align: left;
  margin-bottom: 0.625rem;
}
.node--type-news.node--view-mode-teaser .field--name-body {
  color: #393e40;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 300;
  padding: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 56.25em) {
  .node--type-news.node--view-mode-teaser .field--name-body {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}
@media (min-width: 56.25em) {
  .node--type-news.node--view-mode-teaser .field--name-body {
    font-size: 1rem;
  }
}
@media (min-width: 112.5em) {
  .node--type-news.node--view-mode-teaser .field--name-body {
    font-size: 1.1875rem;
  }
}
.node--type-news.node--view-mode-teaser .node__links {
  margin-top: auto;
}

.resource-details {
  display: block;
  overflow: hidden;
}

.resource-details,
.resource-authoring {
  margin-bottom: 1.875rem;
}

.resource-img {
  -webkit-box-shadow: 15px 15px 0px 0px #f3f5f6;
  box-shadow: 15px 15px 0px 0px #f3f5f6;
}

.download-btn {
  margin-top: 2.1875rem;
}
.download-btn a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  width: 100%;
}
.download-btn a:focus {
  outline: none;
}
.download-btn a:visited {
  color: #000000;
}
.download-btn a:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.download-btn a:focus,
.download-btn a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.download-btn a::before {
  margin-right: 0.25em;
}

.block {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.block > h2,
.block .block--inner h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.125rem;
  margin-top: 0;
}
@media (min-width: 62.5em) {
  .block > h2,
  .block .block--inner h2 {
    font-size: 2rem;
  }
}
.block > h2::before,
.block .block--inner h2::before {
  margin-right: 1rem;
}

.region--sidebar-second .block {
  margin-bottom: 2.5rem;
}

.layout__region .block {
  margin-bottom: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#block-alert-banner-config-page {
  color: #ffffff;
  padding: 0;
  margin: 0;
  border: none;
}

.alert-banner {
  /*
  * Alert Banner Container
  */
  /*
  * Alert Title Group
  */
  /*
  * Alert Banner Title
  */
  /*
  * Alert Banner Content Container
  *
  * Togglable with js
  */
  /*
  * Toggle Button <button>
  */
  /*
  * Alert Banner Subtitle
  */
  /*
  * Alert Icon <img>
  */
  /*
  * Alert Banner Button
  */
}
.alert-banner__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  position: relative;
}
@media (min-width: 56.25em) {
  .alert-banner__container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 2.9375rem;
    padding-right: 2.9375rem;
  }
}
.alert-banner__title-group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 3.75rem 0 1.25rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
}
@media (min-width: 56.25em) {
  .alert-banner__title-group {
    padding: 0 1.25rem;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: left;
  }
}
.alert-banner__title {
  color: #ffffff;
  text-decoration: none;
  padding: 1rem;
  text-transform: uppercase;
}
.alert-banner__content {
  display: none;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80%;
  flex: 1 1 80%;
}
@media (min-width: 56.25em) {
  .alert-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.alert-banner--open .alert-banner__content {
  display: block;
}
@media (min-width: 56.25em) {
  .alert-banner--open .alert-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.alert-banner__toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #1c3b88;
  border: 0;
  padding: 0;
  height: 2.5rem;
  width: 2.5rem;
  margin-left: auto;
  position: absolute;
  z-index: 10;
  top: 0.3125rem;
  right: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 56.25em) {
  .alert-banner__toggle {
    display: none;
  }
}
.alert-banner__toggle::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  content: "";
  color: #ffffff;
}
.alert-banner--open .alert-banner__toggle::before {
  content: "";
}
.alert-banner__subtitle {
  padding: 1rem;
  color: #ffffff;
}
@media (min-width: 56.25em) {
  .alert-banner__subtitle {
    padding: 0 1rem;
  }
}
.alert-banner__icon {
  -o-object-fit: contain;
  object-fit: contain;
  float: left;
  max-width: 20px;
  height: auto;
}
.alert-banner__button {
  width: 100%;
  color: #ffffff;
  display: block;
  text-decoration: none;
  padding: 1rem;
  text-align: center;
}
@media (min-width: 56.25em) {
  .alert-banner__button {
    width: auto;
    margin-left: auto;
  }
}

/*
* ALERT color overrides
*/
.alert .alert-banner__container {
  background-color: #932235;
}

.alert .alert-banner__title-group {
  background-color: #bc2c44;
}

.alert .alert-banner__toggle {
  background-color: #932235;
}

.alert .alert-banner__button {
  background-color: #bc2c44;
}

.alert .alert-banner__button span:hover,
.alert .alert-banner__button a:hover {
  background-color: #841f30;
}

/*
* WARNING color overrides
*/
.warning .alert-banner__container {
  background-color: #1c3b88;
}

.warning .alert-banner__title-group {
  background-color: #172f6c;
}

.warning .alert-banner__toggle {
  background-color: #1c3b88;
}

.warning .alert-banner__button {
  background-color: #172f6c;
}

.warning .alert-banner__button:hover {
  background-color: #172f6c;
}

/*
* DX2021-263: Banner color overrides.
*/
.yellow .alert-banner__container,
.yellow .alert-banner__toggle {
  background-color: #e8ac2c;
}

.yellow .alert-banner__title-group,
.yellow .alert-banner__button {
  background-color: #ffc400;
}

.yellow .alert-banner__container .alert-banner__title,
.yellow .alert-banner__container .alert-banner__subtitle,
.yellow .alert-banner__container .alert-banner__button {
  color: #000000;
}

.yellow .alert-banner__toggle:before {
  color: #000000;
}

.green .alert-banner__container,
.green .alert-banner__toggle {
  background-color: #105223;
}

.green .alert-banner__title-group,
.green .alert-banner__button {
  background-color: #0b3416;
}

/*
* Announcement Block
* Contains the view.
*/
.block-views-block--announcement-block-announcement-block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 56.25em) {
  .block-views-block--announcement-block-announcement-block {
    padding: 1.25rem 2.5rem;
  }
}
@media (min-width: 112.5em) {
  .block-views-block--announcement-block-announcement-block {
    padding: 2.5rem;
  }
}
.block-views-block--announcement-block-announcement-block h2 {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
}
@media (min-width: 56.25em) {
  .block-views-block--announcement-block-announcement-block h2 {
    font-size: 1.75rem;
  }
}

/*
* Annoucement Block Light Color Scheme
*/
.homepage-banner--colour-scheme-light
  .block-views-block--announcement-block-announcement-block
  h2 {
  color: #17171a;
}

/*
* View Announcement
* Contains the list of links
*/
.view-announcement-block .views-row {
  border-bottom: solid 1px #686e71;
}

.view-announcement-block .views-row:first-of-type {
  border-top: solid 1px #686e71;
}

.view-announcement-block .views-field-field-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.view-announcement-block .views-field-field-link a {
  color: #ffffff;
  padding: 0.875rem 0.875rem 0.875rem 0;
  font-family: "Raleway", sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.view-announcement-block .views-field-field-link a:hover {
  text-decoration: underline;
}

.view-announcement-block .views-field-field-link::before {
  font-family: "Material Icons Outlined";
  content: "\ea3e";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  font-size: 1.25rem;
  margin-left: -0.5rem;
  color: #ffffff;
}

/*
* View Announcement Light Color Scheme
*/
.homepage-banner--colour-scheme-light .view-announcement-block .views-row {
  border-color: #e8e9ed;
}

.homepage-banner--colour-scheme-light
  .view-announcement-block
  .views-field-field-link
  a,
.homepage-banner--colour-scheme-light
  .view-announcement-block
  .views-field-field-link::before {
  color: #17171a;
}

@media (min-width: 75em) {
  .block-system-branding-block {
    position: absolute;
    left: 2.9375rem;
    bottom: 1.5625rem;
  }
}

.block-system-branding-block .logo--print {
  display: none;
}

.block-system-branding-block .site-name {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.block-system-branding-block .site-logo img {
  width: 220px;
  max-height: 84px;
}
@media (min-width: 75em) {
  .block-system-branding-block .site-logo img {
    width: 200px;
    max-height: 110px;
  }
}
@media (max-width: 88.13em) {
  .block-system-branding-block .site-logo img {
    max-height: 90px;
    width: 180px;
  }
}

/*
* Footer Logo
* This is a field group in the
* Footer config page display
*/
.footer-logo {
  position: relative;
  z-index: 1;
  background-color: #505659;
  background-color: #505659;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 2.5rem 0;
  color: #ffffff;
}
.footer-logo::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #505659;
  z-index: -1;
  background-size: cover;
}
@media (min-width: 37.5em) {
  .footer-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 5rem 0;
  }
}
@media (min-width: 62.5em) {
  .footer-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}
.footer-logo::before {
  width: auto;
}
.footer-logo .field--name-field-title,
.footer-logo .field--name-field-subtitle,
.footer-logo .field--name-field,
.footer-logo .field--name-field-sub {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
  text-align: center;
}
@media (min-width: 37.5em) {
  .footer-logo .field--name-field-title,
  .footer-logo .field--name-field-subtitle,
  .footer-logo .field--name-field,
  .footer-logo .field--name-field-sub {
    font-size: 1.375rem;
  }
}

.field--name-field-footer-logo {
  margin-bottom: 0;
}
.field--name-field-footer-logo .field__item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field--name-field-footer-logo img {
  max-width: 8.75rem;
}
@media (min-width: 37.5em) {
  .field--name-field-footer-logo img {
    max-width: 11.25rem;
  }
}

.user-is-tabbing .block-system-branding-block .site-logo:focus {
  outline: none;
}
.user-is-tabbing .block-system-branding-block .site-logo:focus::before {
  content: "";
  position: absolute;
  top: -0.4375rem;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 1px dashed #505659;
}
@media (min-width: 23.4375em) {
  .user-is-tabbing .block-system-branding-block .site-logo:focus::before {
    top: -0.5rem;
  }
}
@media (min-width: 37.5em) {
  .user-is-tabbing .block-system-branding-block .site-logo:focus::before {
    top: -0.75rem;
  }
}
@media (min-width: 62.5em) {
  .user-is-tabbing .block-system-branding-block .site-logo:focus::before {
    top: -0.9375rem;
  }
}

.user-is-tabbing .block-system-branding-block .site-name a:focus {
  outline: none;
}
.user-is-tabbing .block-system-branding-block .site-name a:focus::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 1px dashed #505659;
}

#block-category.block-facets .facets-widget-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 56.1875em) {
  #block-category.block-facets .facets-widget-links ul {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#block-category.block-facets .facets-widget-links ul li {
  padding-right: 0.5em;
}

.block-facets-summary {
  margin-top: 1.25rem;
}
@media (max-width: 56.1875em) {
  .block-facets-summary {
    margin-left: 0.8125rem;
    margin-right: 0.8125rem;
  }
}
.block-facets-summary ul {
  padding-left: 0;
  margin-top: 0;
}
.block-facets-summary ul li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
.block-facets-summary ul li::before {
  display: none;
}
.block-facets-summary ul li {
  margin-left: 0;
  margin-bottom: 0;
}
.block-facets-summary .facet-summary-item--clear a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  color: #000000;
  border-color: #23AB3B;
  border-width: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #23AB3B;
  font-weight: 500;
  padding: 1rem;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  width: 100%;
  justify-content: center;
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.block-facets-summary .facet-summary-item--clear a:focus {
  outline: none;
}
.block-facets-summary .facet-summary-item--clear a:hover,
.block-facets-summary .facet-summary-item--clear a:focus,
.block-facets-summary .facet-summary-item--clear a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.block-facets-summary .facet-summary-item--clear a:visited {
  color: #ffffff;
}
.block-facets-summary .facet-summary-item--clear a:focus {
  outline: 1px solid #262a2d;
}
.block-facets-summary .facet-summary-item--clear a::before {
  margin-right: 0.25em;
}
.block-facets-summary .facet-summary-item--facet {
  display: none;
}

@media (max-width: 56.1875em) {
  .facet-blocks-toggle--container {
    margin-top: 1.25rem;
    border: 1px solid #262a2d;
    margin-bottom: 1px;
  }
}

.facet-blocks-toggle--container .facet-blocks-toggle {
  display: none;
}
@media (max-width: 56.1875em) {
  .facet-blocks-toggle--container .facet-blocks-toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
    color: #262a2d;
    padding: 0.75rem 1.25rem;
    border: 0;
    background-color: transparent;
  }
}
.facet-blocks-toggle--container .facet-blocks-toggle::before,
.facet-blocks-toggle--container .facet-blocks-toggle::after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.facet-blocks-toggle--container .facet-blocks-toggle::before {
  font-family: "Material Icons Outlined";
  content: "\eb71";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  display: none;
}
.facet-blocks-toggle--container .facet-blocks-toggle::after {
  font-family: "Material Icons Outlined";
  content: "\ea0d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
@media (max-width: 56.1875em) {
  .facet-blocks-toggle--container .facet-blocks-toggle:hover {
    background-color: #e8e9ed;
    border-bottom-color: #e8e9ed;
  }
}
@media (max-width: 56.1875em) {
  .facet-blocks-toggle--container .facet-blocks-toggle:focus {
    outline: 2px solid #C6F221;
  }
}
@media (max-width: 56.1875em) {
  .facet-blocks-toggle--container .facet-blocks-toggle.accordion-open {
    border-bottom: 1px solid #262a2d;
    margin-bottom: 0;
  }
}
.facet-blocks-toggle--container .facet-blocks-toggle.accordion-open::before {
  font-family: "Material Icons Outlined";
  content: "\eb71";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  display: block;
}
.facet-blocks-toggle--container .facet-blocks-toggle.accordion-open::after {
  font-family: "Material Icons Outlined";
  content: "\ea0d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  display: none;
}
.facet-blocks-toggle--container .facet-blocks-toggle.accordion-open:focus {
  border-bottom: 1px solid transparent;
}

@media (max-width: 56.1875em) {
  .facet-blocks--container {
    display: none;
  }
}

@media (max-width: 56.1875em) {
  .facet-blocks--container.accordion-open {
    display: block;
  }
}

.block-facets {
  margin-top: 1.25rem;
}
.block-facets:last-child {
  margin-bottom: 1.25rem;
}
.block-facets h2,
.block-facets h3 {
  font-size: 1.125rem;
}
.block-facets ul {
  padding-left: 0;
  margin-top: 0;
}
.block-facets ul li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
.block-facets ul li::before {
  display: none;
}
.block-facets .facet-empty {
  display: none;
}
.block-facets .facets-widget-checkbox {
  border: 1px solid #262a2d;
  padding: 0.8125rem 1.25rem 0.8125rem 1.25rem;
}
.block-facets .facets-widget-checkbox h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.block-facets .facets-widget-checkbox button {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border: 0;
}
.block-facets .facets-widget-checkbox button::before,
.block-facets .facets-widget-checkbox button::after {
  position: absolute;
  top: 50%;
  right: 0.3125rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.block-facets .facets-widget-checkbox button::before {
  font-family: "Material Icons Outlined";
  content: "\eb71";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.block-facets .facets-widget-checkbox button::after {
  font-family: "Material Icons Outlined";
  content: "\ea0d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  display: none;
}
.block-facets .facets-widget-checkbox button:hover {
  background-color: #e8e9ed;
}
.block-facets .facets-widget-checkbox button:focus {
  outline: 1px solid #262a2d;
}
.block-facets .facets-widget-checkbox ul {
  border-top: 1px solid #C6F221;
  padding-top: 0.625rem;
}
.block-facets .facets-widget-checkbox:not(.show-facets) ul {
  display: none;
}
.block-facets .facets-widget-checkbox:not(.show-facets) button::before {
  display: none;
}
.block-facets .facets-widget-checkbox:not(.show-facets) button::after {
  display: block;
}
.block-facets .facets-widget-checkbox li {
  margin-left: 0;
  margin-bottom: 0;
}
.block-facets .facets-widget-checkbox li:last-child label {
  border-bottom: 0;
}
.block-facets .facets-widget-checkbox label {
  font-size: 0.75rem;
  margin-bottom: 0;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  border-bottom: 1px solid #e8e9ed;
}
.block-facets .facets-widget-checkbox label::before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 2px;
}
.block-facets .facets-widget-checkbox label .facet-item__value {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: -2px;
  padding-right: 0.3125rem;
  color: #262a2d;
}
.block-facets .facets-widget-checkbox label .facet-item__count {
  margin-top: -2px;
  font-weight: 400;
  color: #C6F221;
}

.facet-item a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 600;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
}
.facet-item a:focus {
  outline: none;
}
.facet-item a:visited {
  color: #393e40;
}
.facet-item a:hover {
  background-color: #004750;
  color: #ffffff;
}
.facet-item a:focus,
.facet-item a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.facet-item a::before {
  margin-right: 0.25em;
}

.facets-reset a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid ;
  color: #ffffff;
  border-color: #004750;
  border-width: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #004750;
  font-weight: 400;
  padding: 1rem;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
}
.facets-reset a:focus {
  outline: none;
}
.facets-reset a:hover,
.facets-reset a:focus,
.facets-reset a:active {
  border-color: #23AB3B;
  background-color: #23AB3B;
  color: #000000;
}
.facets-reset a:visited {
  color: #000000;
}
.facets-reset a:focus {
  outline: 1px solid #23AB3B;
}
.facets-reset a::before {
  margin-right: 0.25em;
}

#block-homepage-banner {
  height: auto;
  background-size: cover;
  background-position: top center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 25em) {
  #block-homepage-banner {
    background-size: 125%;
  }
}
@media (min-width: 37.5em) {
  #block-homepage-banner {
    background-size: cover;
  }
}
@media (min-width: 56.25em) {
  #block-homepage-banner {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.homepage-banner {
  /*
  * Header Features
  * Contains all features
  */
  /*
  * Header Main Feature
  */
  /*
  * Main Image Overlay
  */
  /*
  * Image
  *
  * This image is visually hidden
  * so that the src still gets loaded
  * and can be used as a bg image.
  *
  * see config-pages--homepage-configuration--top.html.twig
  */
  /*
  * Header Content Container
  * Is within the Main Feature
  */
  /*
  * Header Titles
  */
  /*
  * Header Title
  */
  /*
  * Header Subtitle
  * Is contained within the Title
  */
  /*
  * Header Description
  */
  /*
  * Header Extra Features Container
  */
  /*
  * Header Announcements
  * Additional themeing for the view block within this is in
  * 03-organisms/blocks/_block--announcement-block.scss
  */
  /*
  * Header Buttons Container
  */
}
@media (min-width: 56.25em) {
  .homepage-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 75em) {
  .homepage-banner__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: calc(100vh - 21.75rem);
  }
}
@media (min-width: 112.5em) {
  .homepage-banner__features {
    min-height: calc(100vh - 24.25rem);
  }
}
.homepage-banner__main-feature {
  padding: 12.5rem 2.5rem 2.5rem;
  background-color: #262a2d;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
}
@media (min-width: 62.5em) {
  .homepage-banner__main-feature {
    padding: 2.5rem;
  }
}
@media (min-width: 75em) {
  .homepage-banner__main-feature {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem;
  }
}
.homepage-banner__main-feature .field {
  margin-bottom: 0;
}
.sitename-london-hydro .homepage-banner__main-feature .field.field--name-field-description.field--type-string-long {
  font-size: 24px;
}
.homepage-banner__main-feature::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.homepage-banner--colour-scheme-dark .homepage-banner__main-feature::before {
  background-color: rgba(0, 0, 0, 0.3);
}
.homepage-banner--colour-scheme-light .homepage-banner__main-feature::before {
  background-color: rgba(255, 255, 255, 0.3);
}
.homepage-banner__image {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.homepage-banner__main-content {
  width: 100%;
  max-width: 75em;
  margin: 0 auto;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
@media (min-width: 0) and (max-width: 37.5em) {
  .homepage-banner__main-content {
    text-align: center;
  }
}
.homepage-banner__title,
.homepage-banner__subtitle {
  font-size: 1.875rem;
  line-height: 1.4;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  color: #ffffff;
  margin: 0;
  text-align: center;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media (min-width: 37.5em) {
  .homepage-banner__title,
  .homepage-banner__subtitle {
    font-size: 2.5rem;
  }
}
@media (min-width: 56.25em) {
  .homepage-banner__title,
  .homepage-banner__subtitle {
    text-align: left;
  }
}
@media (min-width: 112.5em) {
  .homepage-banner__title,
  .homepage-banner__subtitle {
    font-size: 3.4375rem;
  }
}
.homepage-banner__title {
  margin-bottom: 0;
  font-weight: 300;
  display: inline-block;
}
.homepage-banner--colour-scheme-light .homepage-banner__title {
  color: #17171a;
  text-shadow: none;
}
.homepage-banner__subtitle {
  font-weight: 600;
  border-bottom: 3px solid #ffffff;
  display: block;
  padding: 0 0 0.625rem 0;
}
@media (min-width: 37.5em) {
  .homepage-banner__subtitle {
    padding: 0 0 1.25rem 0;
  }
}
.homepage-banner--colour-scheme-light .homepage-banner__subtitle {
  color: #17171a;
  border-color: #17171a;
  text-shadow: none;
}
.homepage-banner__description {
  display: none;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media (min-width: 37.5em) {
  .homepage-banner__description {
    padding: 1.25rem 0 0;
    line-height: 2;
    display: block;
    font-size: 1rem;
    font-weight: 300;
    max-width: 37.5rem;
  }
}
@media (min-width: 112.5em) {
  .homepage-banner__description {
    font-size: 1.125rem;
  }
}
.homepage-banner--colour-scheme-light .homepage-banner__description {
  color: #17171a;
  text-shadow: none;
}
.homepage-banner__extra-features {
  background-color: #17171a;
}
@media (min-width: 37.5em) {
  .homepage-banner__extra-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 75em) {
  .homepage-banner__extra-features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 33.33%;
  }
}
.homepage-banner__announcements {
  background-color: #394553;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.homepage-banner--colour-scheme-light .homepage-banner__announcements {
  background-color: #ffffff;
}
.homepage-banner__header-buttons {
  width: 100%;
}

/*
* Header Buttons Container
*/
.header-buttons {
  padding: 0.625rem 1rem;
  /*
  * Header Button Layout Container
  */
}
@media (min-width: 112.5em) {
  .header-buttons {
    padding: 1.25rem 1rem;
  }
}
.header-buttons__layout {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
}
@media (min-width: 56.25em) {
  .header-buttons__layout {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}
@media (min-width: 37.5em) {
  .header-buttons__layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 75em) {
  .header-buttons__layout {
    max-width: 71.25em;
  }
}

/*
* Header Button
*/
.header-button {
  background-color: transparent;
  text-decoration: none;
  display: block;
  height: 100%;
  padding: 1.25rem 0.625rem;
  border-radius: 8px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  /*
  * Header Button Container
  */
  /*
  * Header Button Icon
  */
  /*
  * Header Button Title
  */
}
.header-button__container {
  text-align: center;
  margin: 0 0 0.3125rem 0;
}
@media (min-width: 37.5em) {
  .header-button__container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0 0.3125rem;
  }
}
@media (min-width: 75em) {
  .header-button__container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }
}
.header-button__icon {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.header-button .house::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.0625rem;
  content: "";
}
.header-button .user::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.0625rem;
  content: "";
}
.header-button .dollar::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.0625rem;
  content: "";
}
.header-button .outage-map::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.0625rem;
  content: "";
}
.header-button .icon::before {
  font-size: 4.0625rem;
}
@media (min-width: 37.5em) and (max-width: 112.4375em) {
  .header-button .icon::before {
    font-size: 2.8125rem;
  }
}
.header-button__title {
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.4px;
  line-height: 1.6;
  margin: 0;
  max-width: 14.0625rem;
  margin: 0 auto;
}
@media (min-width: 37.5em) and (max-width: 74.9375em) {
  .header-button__title {
    font-size: 0.6875rem;
  }
}

.header-buttons--yellow-charcoal {
  background-color: #2f3742;
}
.header-buttons--yellow-charcoal .header-button:hover,
.header-buttons--yellow-charcoal .header-button:focus {
  background-color: #3e4857;
}
.header-buttons--yellow-charcoal .header-button__icon {
  color: #f6ce3c;
}
.header-buttons--yellow-charcoal .header-button__title {
  color: #ffffff;
}

.header-buttons--yellow-grey {
  background-color: #e8e9ed;
}
.header-buttons--yellow-grey .header-button:hover,
.header-buttons--yellow-grey .header-button:focus {
  background-color: #f2f3f7;
}
.header-buttons--yellow-grey .header-button__icon {
  color: #004750;
}
.header-buttons--yellow-grey .header-button__title {
  color: #393e40;
}

.header-buttons--charcoal-grey {
  background-color: #e8e9ed;
}
.header-buttons--charcoal-grey .header-button__icon {
  color: #2f3742;
}
.header-buttons--charcoal-grey .header-button__title {
  color: #393e40;
}

.header-buttons--charcoal-white {
  background-color: #ffffff;
}
.header-buttons--charcoal-white .header-button:hover,
.header-buttons--charcoal-white .header-button:focus {
  background-color: #f2f3f7;
}
.header-buttons--charcoal-white .header-button__icon {
  color: #2f3742;
}
.header-buttons--charcoal-white .header-button__title {
  color: #2f3742;
}

.header-buttons--charcoal-yellow {
  background-color: #f6ce3c;
}
.header-buttons--charcoal-yellow .header-button:hover,
.header-buttons--charcoal-yellow .header-button:focus {
  background-color: #f7d454;
}
.header-buttons--charcoal-yellow .header-button__icon {
  color: #2f3742;
}
.header-buttons--charcoal-yellow .header-button__title {
  color: #2f3742;
}

.header-buttons--yellow-blue {
  background-color: #1d3b87;
}
.header-buttons--yellow-blue .header-button:hover,
.header-buttons--yellow-blue .header-button:focus {
  background-color: #22449c;
}
.header-buttons--yellow-blue .header-button__icon {
  color: #f6ce3c;
}
.header-buttons--yellow-blue .header-button__title {
  color: #ffffff;
}

.header-buttons--white-green {
  background-color: #0a681c;
}
.header-buttons--white-green .header-button:hover,
.header-buttons--white-green .header-button:focus {
  background-color: #0b7620;
}
.header-buttons--white-green .header-button__icon {
  color: #ffffff;
}
.header-buttons--white-green .header-button__title {
  color: #ffffff;
}

.header-buttons--white-red {
  background-color: #932235;
}
.header-buttons--white-red .header-button:hover,
.header-buttons--white-red .header-button:focus {
  background-color: #9f2539;
}
.header-buttons--white-red .header-button__icon {
  color: #ffffff;
}
.header-buttons--white-red .header-button__title {
  color: #ffffff;
}

.outages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #262a2d;
  color: #ffffff;
  letter-spacing: 1px;
}
@media (min-width: 0) and (max-width: 56.25em) {
  .outages {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.outages #map {
  width: 100%;
}

.outage-links {
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  margin-bottom: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 56.25em) {
  .outage-links {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
}
.outage-links > .field {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.outage-links .field--name-field-outage-map-title {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1rem;
}
.outage-links .field--name-field-outage-map-title::before {
  font-family: "Material Icons Outlined";
  content: "\ea58";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #23AB3B;
  margin-right: 0.5rem;
}
@media (min-width: 56.25em) {
  .outage-links .field--name-field-outage-map-title {
    font-size: 1.75rem;
  }
}
.outage-links .field--name-field-links .field__item {
  border-top: 1px solid rgba(243, 245, 246, 0.5);
}
.outage-links .field--name-field-links a {
  color: #ffffff;
  text-decoration: none;
  padding: 1rem 1.375rem;
  font-size: 1rem;
  display: block;
}
@media (min-width: 56.25em) {
  .outage-links .field--name-field-links a {
    font-size: 1.125rem;
  }
}
.outage-links .field--name-field-links a:hover,
.outage-links .field--name-field-links a:focus,
.outage-links .field--name-field-links a:active {
  text-decoration: underline;
}

/*
* Light color scheme
*/
.homepage-banner--colour-scheme-light .outages {
  color: #17171a;
}

/*
* Page Title
* has a max width and is centered
*/
.block-page-title-block {
  max-width: 56.25em;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.page-title {
  color: #393e40;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 56.25em) {
  .page-title {
    font-size: 1.75rem;
  }
}
@media (min-width: 75em) {
  .page-title {
    font-size: 2rem;
  }
}
.page-title::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem auto;
  background-color: #23AB3B;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 56.25em) {
  .page-title {
    font-size: 2.8125rem;
    font-weight: 300;
  }
}

.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .form--inline {
  position: relative;
}
.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .search-submit {
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  height: 100%;
}
@media (min-width: 0) and (max-width: 74.9375em) {
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    .search-submit {
    width: 2.875rem;
    text-align: center;
  }
}
.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .search-submit__icon {
  margin: auto;
}
.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .search-submit__icon:hover::before {
  opacity: 0.8;
  -webkit-transition: opacity 0.3s, ease;
  transition: opacity 0.3s, ease;
}
.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .search-submit__icon::before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #004750;
  content: "";
  font-size: 1.25rem;
}
.block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .search-submit__text {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.search-toggle {
  text-decoration: none;
}
.search-toggle__icon {
  margin: auto;
}
.search-toggle__icon:hover::before {
  opacity: 0.8;
  -webkit-transition: opacity 0.3s, ease;
  transition: opacity 0.3s, ease;
}
.search-toggle__icon::before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #004750  ;
  content: "";
  font-size: 1.25rem;
}
.search-toggle__text {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.search-active .search-toggle__icon::before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color:#004750;
  content: "";
  font-size: 1.25rem;
}

header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (min-width: 0) and (max-width: 74.9375em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    background-color: #ffffff;
    padding-left: 0.75rem;
  }
}
@media (min-width: 75em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page {
    position: relative;
  }
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  form {
  border-left: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: 7.25rem;
  right: 0;
  left: 0;
  width: 100vw;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0.2s;
  transition: opacity 0.4s 0.2s;
  visibility: hidden;
}
@media (min-width: 56.25em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    form {
    top: 7.3125rem;
  }
}
@media (min-width: 75em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    form {
    top: -0.875rem;
    left: unset;
    right: 2rem;
    width: 0;
    background-color: #ffffff;
    z-index: 1000;
    border-left: 1px solid #c8cacc;
    -webkit-transition: opacity 0.4s 0.2s, width 0.4s 0.2s;
    transition: opacity 0.4s 0.2s, width 0.4s 0.2s;
  }
}
@media (min-width: 75em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    form {
    position: static;
  }
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .form-item {
  padding: 0;
  margin: 0;
  width: 100%;
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .form--inline {
  position: relative;
  width: 100%;
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .form-actions {
  display: none;
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  input[type="text"] {
  background-color: #ffffff;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  border: 0;
  width: 100%;
  font-size: 1rem;
  padding: 1rem 3rem 1rem 1rem;
  color: #000000;
}
@media (min-width: 56.25em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    input[type="text"] {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  input[type="text"]
  ::-webkit-input-placeholder {
  color: #000000;
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  input[type="text"]
  ::-moz-placeholder {
  color: #000000;
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  input[type="text"]
  :-ms-input-placeholder {
  color: #000000;
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  input[type="text"]
  :-moz-placeholder {
  color: #000000;
}
@media (min-width: 56.25em) {
  header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    .search-submit {
    right: 0.6875rem;
    padding: 0;
  }
}
header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .contextual {
  display: none;
}

.search-active
  header
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  form {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 75em) {
  .search-active
    header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    form {
    width: 37.5rem;
  }
}
@media (min-width: 92.5em) {
  .search-active
    header
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    form {
    width: 18.75rem;
  }
}

main
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page {
  display: block;
}
main
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  form {
  margin: 2.5rem 0 1.25rem 0;
  display: block;
}
@media (min-width: 56.25em) {
  main
    .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
    form {
    max-width: 50%;
  }
}
main
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  input[type="text"] {
  width: 100%;
}
main
  .block-views-exposed-filter-block--site-wide-search-index-d8lhi-search-page
  .form-item {
  float: none;
}

/*
* Custom breakpoint
* min: 600px max: 899px
* and 1200px
*/
/*
* Paragraph Container
*/
.paragraph--type--time-of-use-widget {
  padding: 0 1.25rem;
}

/*
* Time of use container
*/
.time-of-use {
  text-align: center;
  margin: 4.375rem auto;
  max-width: 75em;
}
.time-of-use *,
.tou-title * {
  font-family: "Raleway", sans-serif;
  color: #393e40;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*
* Date and time
*/
.current-date-container {
  margin-bottom: 1.25rem;
}

#current-date,
#current-date-ulo {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-left: 0.5rem;
}

.time-of-use-title,
.tou-title {
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
}
@media (min-width: 56.25em) {
  .time-of-use-title,
  .tou-title {
    font-size: 2.5rem;
  }
}

/*
* Time of use dot indicator
* displays in each Peak Container
* and also at the top beside the Date and time
*/
.time-of-use-indicator {
  border-radius: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}
@media (min-width: 56.25em) {
  .time-of-use-indicator {
    border-radius: 0.9375rem;
    width: 0.9375rem;
    height: 0.9375rem;
  }
}

.peak-container.active .time-of-use-indicator {
  border-radius: 0.9375rem;
  width: 0.9375rem;
  height: 0.9375rem;
}
@media (min-width: 56.25em) {
  .peak-container.active .time-of-use-indicator {
    border-radius: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

/*
* Time bar
*/
.time-of-use-time-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
}

.bar {
  height: 0.5rem;
  position: relative;
}
@media (min-width: 56.25em) {
  .bar {
    height: 1rem;
  }
}
.bar--green {
  background-color: #8bae35;
  width: 25%;
}
.bar--red {
  background-color: #d03d09;
  width: 12.5%;
}
.bar--yellow {
  background-color: #fca419;
  width: 25%;
}

.all-green .bar {
  background-color: #8bae35;
}

/*
* Peak hours
* part of the bar
*/
.peak-hours::before,
.peak-hours::after {
  font-family: "Roboto", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  position: absolute;
  top: -1.25rem;
}
@media (min-width: 25em) {
  .peak-hours::before,
  .peak-hours::after {
    font-size: 0.75rem;
  }
}

.peak-hours::before {
  left: -0.75rem;
}

.peak-hours::after {
  right: -0.75rem;
}

.peak-hours--am::before {
  content: "7AM";
}

.peak-hours--am::after {
  content: "11AM";
}

.peak-hours--pm::before {
  content: "5PM";
}

.peak-hours--pm::after {
  content: "7PM";
}

/*
* Peak Containers
* the container for the peak containers
*/
.peak-containers {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -0.1875rem;
  margin-right: -0.1875rem;
}
@media (min-width: 56.25em) {
  .peak-containers {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

/*
* Individual Peak Container
*/
.peak-container {
  width: 30%;
  padding: 0 0.1875rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 56.25em) {
  .peak-container {
    padding: 0 0.75rem;
  }
}
.peak-container__content {
  padding: 0.75rem 0.75rem 0.75rem 0.75rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 20px rgba(111, 111, 111, 0.5);
  box-shadow: 0 2px 20px rgba(111, 111, 111, 0.5);
  /*border-top: 14px solid;*/
}
@media (min-width: 56.25em) {
  .peak-container__content {
    padding: 1.5rem 1.5rem 2.75rem 1.5rem;
  }
}

.ulo .peak-container__content {
  padding: 0.75rem 0.7rem 0.75rem 0.7rem;
}
@media (min-width: 56.25em) {
  .ulo .peak-container__content {
    padding: 1.5rem 1.5rem 2.75rem 1.5rem;
  }
  .ulo .peak-container.active .peak-container__content {
    padding: 2rem 1rem 4.5rem 1rem;
  }
}

/*
* Active Individual Peak Container
*/
.peak-container.active {
  width: 40%;
  position: relative;
  z-index: 2;
}
.peak-container.active .peak-container__content {
  padding-bottom: 1.5rem;
}
@media (min-width: 56.25em) {
  .peak-container.active .peak-container__content {
    padding-bottom: 4rem;
  }
}

/*
* Peak Title
*/
.peak-title {
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  padding-bottom: 0.625rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 56.25em) {
  .peak-title {
    font-size: 1.875rem;
    padding-bottom: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.peak-title::after {
  content: "";
  width: 4rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: solid 1px #393e40;
}

.active .peak-title {
  font-size: 1rem;
}
@media (min-width: 56.25em) {
  .active .peak-title {
    font-size: 2.25rem;
  }
}

/*
* Peak Times
*/
.peak-time {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  font-size: 0.625rem;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  font-weight: 700;
}
@media (min-width: 56.25em) {
  .peak-time {
    font-size: 0.75rem;
    letter-spacing: 1.5px;
  }
}

/*
* Peak Price
*/
.peak-price {
  font-size: 0.625rem;
  font-weight: 700;
}
@media (min-width: 56.25em) {
  .peak-price {
    font-size: 0.875rem;
    letter-spacing: 1.5px;
  }
}

@media (min-width: 56.25em) {
  .active .peak-price {
    font-size: 1rem;
  }
}

/*
* Color modifications
*/
.off-peak .peak-container__content {
  border-color: #8bae35;
}

.ulo .off-peak .peak-container__content {
  border-color: #667d2b;
}

.ulo .off-peak .time-of-use-indicator,
.ulo .off-peak .peak-time {
  background-color: #667d2b;
}

.mid-peak .peak-container__content {
  border-color: #fca419;
}

.ulo .mid-peak .peak-container__content {
  border-color: #ffd946;
}

.ulo .mid-peak .time-of-use-indicator,
.ulo .mid-peak .peak-time {
  background-color: #ffd946;
}

.mid-peak .peak-time {
  color: #000000;
}

/* Start of Off Peak AODA scan fix. */
.off-peak .peak-time {
  color: #000000;
}
/* End of Off Peak AODA scan fix. */

.on-peak .peak-container__content {
  border-color: #d03d09;
}

.ulo .on-peak .peak-container__content {
  border-color: #8e1b60;
}

.ulo .on-peak .time-of-use-indicator,
.ulo .on-peak .peak-time {
  background-color: #8e1b60;
}

.ulo-peak .peak-container__content {
  border-color: #098ab4;
}

.ulo-peak .time-of-use-indicator,
.ulo-peak .peak-time {
  background-color: #098ab4;
}

/*
* Header and Footer login blocks
*/
.block-lhi-login {
  /*
  * Forgot Password Text
  */
}
.block-lhi-login .forgot-password > a {
  color: #000000;
  font-size: 0.6875rem;
}

/*
* Header Login Form
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .block-lhi-login-block {
    min-width: 1000px;
  }
}

header .block-lhi-login-block {
  margin-top: 1rem;
  /*
  * Form <form>
  */
  /*
  * Forgot Password Text
  */
}
@media (min-width: 62.5em) {
  header .block-lhi-login-block {
    margin-top: 0;
    margin-right: 0.625rem;
  }
}
header .block-lhi-login-block form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  max-width: 37.5rem;
  /*
    * Labels/Descriptions
    */
  /*
    * Form Item/Wrapper
    */
  /*
    * Form Submit <button>
    */
  /*
    * Form Text Inputs
    */
}
@media (min-width: 62.5em) {
  header .block-lhi-login-block form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
  }
}
header .block-lhi-login-block form label,
header .block-lhi-login-block form .description {
  display: none;
}
header .block-lhi-login-block form .form-item,
header .block-lhi-login-block form .form-wrapper {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media (min-width: 62.5em) {
  header .block-lhi-login-block form .form-item,
  header .block-lhi-login-block form .form-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
header .block-lhi-login-block form .form-item {
  margin-bottom: 0.625rem;
}
@media (min-width: 62.5em) {
  header .block-lhi-login-block form .form-item {
    margin-bottom: 0;
    padding-right: 0.625rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
  }
}
header .block-lhi-login-block form .form-wrapper {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 0;
}
header .block-lhi-login-block form .form-submit {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  margin: 0;
}
header .block-lhi-login-block form .form-submit:focus {
  outline: none;
}
header .block-lhi-login-block form .form-submit:visited {
  color: #393e40;
}
header .block-lhi-login-block form .form-submit:hover {
  background-color: #004750;
  color: #ffffff;
}
header .block-lhi-login-block form .form-submit:focus,
header .block-lhi-login-block form .form-submit:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
header .block-lhi-login-block form .form-submit::before {
  font-family: "Material Icons Outlined";
  content: "\ea3b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  content: "\ebb1";
  display: block;
}
header .block-lhi-login-block form .form-submit::before {
  margin-right: 0.25em;
}
header .block-lhi-login-block form .form-submit::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  content: "";
}
header .block-lhi-login-block form input[type="text"],
header .block-lhi-login-block form input[type="email"],
header .block-lhi-login-block form input[type="password"] {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 2px 0px 0 rgba(0, 0, 0, 0),
    0 3px 0px -2px rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 0px 0 rgba(0, 0, 0, 0), 0 3px 0px -2px rgba(0, 0, 0, 0.09),
    0 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-size: 1rem;
  color: #262a2d;
  letter-spacing: 0.5px;
}
@media (min-width: 62.5em) {
  header .block-lhi-login-block form input[type="text"],
  header .block-lhi-login-block form input[type="email"],
  header .block-lhi-login-block form input[type="password"] {
    padding: 0.5rem 0.625rem;
  }
}
@media (min-width: 62.5em) {
  .sitename-london-hydro  header .block-lhi-login-block form input[type="text"],
  .sitename-london-hydro  header .block-lhi-login-block form input[type="email"],
  .sitename-london-hydro  header .block-lhi-login-block form input[type="password"] {
    line-height: 0;
  }
}
header .block-lhi-login-block .forgot-password {
  text-align: left;
  margin-top: 0.625rem;
}
@media (min-width: 62.5em) {
  header .block-lhi-login-block .forgot-password {
    text-align: right;
    margin-top: 0;
  }
}

/*
* Main Content Login Block
*/
main .block-lhi-login-block {
  margin: 2.5rem auto;
  max-width: 62.5em;
  padding: 2.5rem 1.25rem;
  background-color: #e8e9ed;
  /*
  * Form <form>
  */
  /*
  * Form Item
  */
  /*
  * Form Submit
  */
  /*
  * Forgot Password
  */
}
@media (min-width: 62.5em) {
  main .block-lhi-login-block {
    padding: 2.5rem;
  }
}
main .block-lhi-login-block form {
  max-width: 30rem;
  margin-top: 1rem;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 62.5em) {
  main .block-lhi-login-block form {
    margin-top: 2.5rem;
  }
}
main .block-lhi-login-block .form-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0;
}
main .block-lhi-login-block .form-submit {
  margin: 0;
}
main .block-lhi-login-block .forgot-password {
  margin-top: 1rem;
}

/*
* Captcha
*/
.captcha {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0 0.625rem;
  margin: 1.25rem 0;
}
.captcha .details-wrapper {
  padding: 0 0 1.25rem 0;
}
.captcha .details-description {
  margin: 0 0 1.25rem 0;
}
.captcha .g-recaptcha {
  width: 200px;
}

/*
* Validation Message
*/
.recaptcha-validator {
  margin-top: 1.25rem;
  display: block;
  font-weight: 700;
}
.recaptcha-validator::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  content: "";
  margin-right: 0.3125rem;
}
.recaptcha-validator.red {
  color: #d0021b;
}

/*
* Error Message
*/
.block-lhi-login .messages--error.external-login-error-message {
  margin-top: 5px;
  width: 300px;
}
.block-lhi-login .messages--error.external-login-error-message p {
  margin-top: -5px;
}

/*
* Water Meter Reading Block
*/
.block-water-meter-reading-block {
  background-color: #f3f5f6;
  max-width: 56.25em;
  margin: 2.5rem auto;
  padding: 2.5rem;
}
.block-water-meter-reading-block .form-wrapper {
  position: relative;
}
.block-water-meter-reading-block h2 {
  text-align: center;
}
.block-water-meter-reading-block form {
  margin: 0;
  position: relative;
}
.block-water-meter-reading-block .form-item {
  padding: 0 0.625rem;
  margin-bottom: 2.5rem;
}
.block-water-meter-reading-block .form-item,
.block-water-meter-reading-block .captcha {
  width: 100%;
  padding: 0;
}
.block-water-meter-reading-block .form-wrapper {
  width: 100%;
  padding: 0;
}
.block-water-meter-reading-block .form-wrapper:last-child {
  margin-bottom: 0;
}
.block-water-meter-reading-block .captcha {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.block-water-meter-reading-block .form-submit {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 1rem 2rem;
  font-size: 1rem;
  margin: 0;
}
.block-water-meter-reading-block .form-submit:focus {
  outline: none;
}
.block-water-meter-reading-block .form-submit:visited {
  color: #000000;
}
.block-water-meter-reading-block .form-submit:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.block-water-meter-reading-block .form-submit:focus,
.block-water-meter-reading-block .form-submit:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.block-water-meter-reading-block .form-submit::before {
  margin-right: 0.25em;
}

/*
* Water Bill Simulator Block
*/
.block-lhi-waterbill-simulator {
  margin: 2.5rem 0;
}
.block-lhi-waterbill-simulator form {
  margin: 0 auto;
  max-width: 56.25em;
  position: relative;
}
.block-lhi-waterbill-simulator .form-item {
  padding: 0 0.625rem;
  margin-bottom: 2.5rem;
}
.block-lhi-waterbill-simulator .form-item,
.block-lhi-waterbill-simulator .captcha {
  width: 100%;
  padding: 0;
}
.block-lhi-waterbill-simulator .form-wrapper {
  width: 100%;
  padding: 0;
}
.block-lhi-waterbill-simulator .form-wrapper:last-child {
  margin-bottom: 0;
}
.block-lhi-waterbill-simulator .captcha {
  margin-bottom: 1.25rem;
}
.block-lhi-waterbill-simulator .form-submit {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 1rem 2rem;
  font-size: 1rem;
  margin: 0;
}
.block-lhi-waterbill-simulator .form-submit:focus {
  outline: none;
}
.block-lhi-waterbill-simulator .form-submit:visited {
  color: #000000;
}
.block-lhi-waterbill-simulator .form-submit:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.block-lhi-waterbill-simulator .form-submit:focus,
.block-lhi-waterbill-simulator .form-submit:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.block-lhi-waterbill-simulator .form-submit::before {
  margin-right: 0.25em;
}
.block-lhi-waterbill-simulator .table-header h3 {
  margin: 0;
  color: #000000;
  text-align: center;
}
.block-lhi-waterbill-simulator .table-total-charge {
  color: #000000;
  font-weight: 700;
  font-size: 1.125rem;
}
.block-lhi-waterbill-simulator .table-total-charge + td {
  color: #000000;
  font-weight: 700;
}
.block-lhi-waterbill-simulator .column-header td {
  font-weight: 700;
  color: #000000;
}

#tableFixedCharge .table-header {
  background-color: #f3f5f6;
}

#tableWaterUsage .table-header {
  background-color: #b1c9e8;
}

#tableWasteWaterUsage .table-header {
  background-color: #e7b78a;
}

/*
* Form Containers
*/
.lhi-waterbill-simulator__form.form-wrapper {
  padding: 2.5rem;
  background-color: #f3f5f6;
  position: relative;
  max-width: 48rem;
  margin: 0 auto;
}

/*
* Cost summary
*/
.section-cost-summary {
  text-align: center;
}

.section-cost-summary h4 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 3.125rem 0;
  font-family: "Roboto", sans-serif;
  color: #000000;
}

/*
* Chart Container
*/
#chart-container {
  display: none;
}
#chart-container.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
* Pie Chart Container
*/
.pie-container {
  background-color: #ffffff;
  margin-top: 2.5rem;
}

.pie-container h3 {
  text-align: center;
  font-weight: 700;
  margin: 0 0 1.25rem 0;
  font-family: "Roboto", sans-serif;
  color: #000000;
}

/*
* Spinner Container
* Creates an overlay
*/
#spinner-container {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#spinner-container.show {
  opacity: 1;
  visibility: visible;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}

/*
* Spinner
*/
#spinner {
  width: 80px;
  height: 80px;
  border: 2px solid #f2f3f7;
  border-top: 3px solid #23AB3B;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.show #spinner {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

/*
* Spinner Animation
*/
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*
* Outage Map Block
*/
.block-outage-map {
  background-color: #f2f3f7;
}

#timeConstruction {
  max-width: 75em;
  margin: 0 auto;
  padding: 1.25rem;
  color: #262a2d;
  text-align: left;
}
#timeConstruction strong {
  color: #262a2d;
}

/*
* Call To Action Component
* uses /templates/components/call-to-action.twig
*/
/* ----------------------------------------------------------*/
/*
* CTA Horizontal Layout
*/
.cta--horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  /*
  * Image
  */
  /*
  * Text Container
  * Used for the flex layout
  */
  /*
  * Text Container Inner
  * used for more easily centering the text fields
  * within the paragraph__text container
  */
  /*
  * Content
  */
  /*
  * Title
  */
  /*
  * Link
  */
}
@media (min-width: 56.25em) {
  .cta--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.path-frontpage .cta--horizontal {
  margin-bottom: 0;
}
.cta--horizontal .cta__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media (min-width: 56.25em) {
  .cta--horizontal .cta__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 112.5em) {
  .cta--horizontal .cta__image {
    max-height: 37.5rem;
    overflow: hidden;
  }
}
.cta--horizontal .cta__image div:not(.visually-hidden) {
  width: 100%;
  margin-bottom: 0;
}
.cta--horizontal .cta__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.5rem;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 56.25em) {
  .cta--horizontal .cta__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 2.5rem;
  }
}
.cta--horizontal .cta__text-inner {
  width: 100%;
}
@media (min-width: 112.5em) {
  .cta--horizontal .cta__text-inner {
    max-width: 37.5rem;
  }
}
.cta--horizontal .cta__content {
  color: #393e40;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.8;
  padding: 0;
  display: block;
}
.cta--horizontal .cta__content p:first-child {
  margin-top: 0;
}
.cta--horizontal .cta__title {
  color: #393e40;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 0;
}
@media (min-width: 56.25em) {
  .cta--horizontal .cta__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 75em) {
  .cta--horizontal .cta__title {
    font-size: 2rem;
  }
}
@media (min-width: 75em) {
  .cta--horizontal .cta__title {
    text-align: left;
  }
}
.cta--horizontal .cta__title::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem auto;
  background-color: #23AB3B;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*
    * Override background color for horizontal cta
    */
.paragraph--bg-yellow_grey .cta--horizontal .cta__title::after {
  background-color: #000000;
}
.paragraph--bg-yellow_charcoal .cta--horizontal .cta__title::after {
  background-color: #ffffff;
}
.paragraph--bg-charcoal_grey .cta--horizontal .cta__title::after {
  background-color: #e8e9ed;
}
.paragraph--bg-charcoal_white .cta--horizontal .cta__title::after {
  background-color: #000000;
}
.paragraph--bg-charcoal_yellow .cta--horizontal .cta__title::after {
  background-color: #ffffff;
}
.paragraph--bg-yellow_blue .cta--horizontal .cta__title::after {
  background-color: #ffffff;
}
.paragraph--bg-yellow_green .cta--horizontal .cta__title::after {
  background-color: #0a681c;
}
.paragraph--bg-charcoal_red .cta--horizontal .cta__title::after {
  background-color: #ffffff;
}
@media (min-width: 75em) {
  .cta--horizontal .cta__title::after {
    margin: 1rem 0;
  }
}
.cta--horizontal .cta__link {
  margin-top: 1.5rem;
  text-align: center;
}
@media (min-width: 75em) {
  .cta--horizontal .cta__link {
    text-align: left;
  }
}
.cta--horizontal .cta__link a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 1rem 2rem;
  font-size: 1rem;
}
.cta--horizontal .cta__link a:focus {
  outline: none;
}
.cta--horizontal .cta__link a:visited {
  color: #000000;
}
.cta--horizontal .cta__link a:hover {
  background-color: #004750;
  color: #FFFFFF;
}
.cta--horizontal .cta__link a:focus,
.cta--horizontal .cta__link a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.cta--horizontal .cta__link a::before {
  margin-right: 0.25em;
}

/* ----------------------------------------------------------*/
/*
* CTA Horizontal Layout
* Image Align Right
*/
.cta--image-right {
  /*
  * Image
  */
  /*
  * Text Container
  */
  /*
  * Text Container Inner
  */
}
@media (min-width: 56.25em) {
  .cta--image-right .cta__image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media (min-width: 56.25em) {
  .cta--image-right .cta__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 75em) {
  .cta--image-right .cta__text-inner {
    margin-left: auto;
  }
}

/* ----------------------------------------------------------*/
/*
* CTA Vertical Layout
*/
.cta--vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  max-width: 25em;
  margin: 2.5rem auto;
  /*
  * Image Container
  */
  /*
  * Paragraph Title
  */
  /*
  * Text Container
  */
  /*
  *  Link Container
  */
  /*
  *  Link
  */
  /*
  * Content
  */
}
.cta--vertical .cta__image {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 56.25em) {
  .cta--vertical .cta__image {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
    min-height: 1px;
    height: auto;
  }
}
.cta--vertical .cta__image div {
  margin: 0;
}
.cta--vertical .cta__title {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  color: #000000;
}
.cta--vertical .cta__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cta--vertical .cta__link {
  margin-top: 1rem;
}
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a {
  border: 1px solid #004750;
  color: #004750;
  border-color: #262a2d;
  background-color: #FFFFFF;
}
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a:focus {
  outline: none;
}
  .sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a:hover,
  .sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a:focus,
  .sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a:active {
  border: 1px solid #C6F221;
  color: #004750;
  border-color: #C6F221;
  background-color: #C6F221;
}
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a:visited {
  color: #000000;
}
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta--vertical .cta__link a:focus {
  outline: 1px solid #C6F221;
}
.sitename-london-hydro.path-frontpage .cta--vertical .cta__link a:hover,
.sitename-london-hydro.path-frontpage .cta--vertical .cta__link a:focus,
.sitename-london-hydro.path-frontpage .cta--vertical .cta__link a:active {
  color: #000000;
}

.cta--vertical .cta__link a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #004750;
  color: #ffffff;
  border-color: #004750;
  border-width: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #004750;
  font-weight: 400;
  padding: 1rem;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
}
.cta--vertical .cta__link a:focus {
  outline: none;
}
.cta--vertical .cta__link a:hover,
.cta--vertical .cta__link a:focus,
.cta--vertical .cta__link a:active {
  border-color: #C6F221;
  background-color: #C6F221;
  color: #000000;
}
.cta--vertical .cta__link a:visited {
  color: #000000;
}
.sitename-london-hydro .cta--vertical .cta__link a:visited {
  color: #FFFFFF;
}
.cta--vertical .cta__link a:focus {
  outline: 1px solid #C6F221;
}
.cta--vertical .cta__link a::before {
  margin-right: 0.25em;
}
.cta--vertical .cta__content {
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.8;
  display: block;
}
.cta--vertical .cta__content p:first-child {
  margin-top: 0;
}

/*
* CTA Vertical within Layout Paragraph
*/
.paragraph--type--two-columns .cta--vertical,
.paragraph--type--three-columns .cta--vertical,
.paragraph--type--updated-three-columns .cta--vertical {
  max-width: 100%;
  margin: 0;
}

/*
* Colour Combo Overrides
*/
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta__title,
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta__content,
.sitename-london-hydro.path-frontpage .paragraph--type--three-columns .cta__content p {
  color: #ffffff;
}
.paragraph--bg-yellow_blue .cta__title {
  color: #ffffff;
}

.paragraph--bg-yellow_blue .cta__content p {
  color: #ffffff;
}

.paragraph--bg-yellow_blue .cta__link a {
  background-color: #f6ce3c;
  border-color: #f6ce3c;
  color: #2f3742;
  font-weight: 700;
}
.paragraph--bg-yellow_blue .cta__link a:visited {
  color: #2f3742;
}
.paragraph--bg-yellow_blue .cta__link a:hover {
  background-color: #f4c20b;
  border-color: #f4c20b;
  color: #2f3742;
}

.block-system-breadcrumb-block {
  line-height: 0;
  margin: 1.25rem 0;
}
.block-system-breadcrumb-block h2 {
  margin: 0;
}
.block-system-breadcrumb-block nav {
  padding-bottom: 0;
  margin: 0 auto;
  max-width: 56.25em;
}
.block-system-breadcrumb-block ol {
  padding-left: 0;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.block-system-breadcrumb-block ol li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
.block-system-breadcrumb-block ol li::before {
  display: none;
}
.block-system-breadcrumb-block li:first-child {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.block-system-breadcrumb-block li:first-child a {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.block-system-breadcrumb-block li:first-child a::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125rem;
  content: "";
  padding: 0.375rem;
  border-radius: 100%;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.block-system-breadcrumb-block li:first-child a:hover {
  text-decoration: none;
}
.block-system-breadcrumb-block li:first-child a:hover::before,
.block-system-breadcrumb-block li:first-child a:focus::before {
  background-color: #e8e9ed;
}
.block-system-breadcrumb-block li:not(:first-child) {
  margin-left: 0.3125rem;
}
.block-system-breadcrumb-block li:not(:first-child)::before {
  font-family: "Material Icons Outlined";
  content: "\e978";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  display: inline-block;
}
.block-system-breadcrumb-block a,
.block-system-breadcrumb-block p {
  display: inline;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-decoration: none;
  color: #17171a;
}
.block-system-breadcrumb-block a:hover,
.block-system-breadcrumb-block a:focus {
  color: #004750;
  text-decoration: underline;
}
.block-system-breadcrumb-block p {
  color: #000000;
}

.large-footer-menu-wrapper {
  position: relative;
  z-index: 1;
  background-color: #f3f5f6;
  background-color: #f3f5f6;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5rem 0;
}
.large-footer-menu-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #f3f5f6;
  z-index: -1;
  background-size: cover;
}
@media (min-width: 37.5em) {
  .large-footer-menu-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 56.25em) {
  .large-footer-menu-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0) and (max-width: 56.25em) {
  .large-footer-menu-wrapper {
    padding: 3rem 0;
  }
}
.large-footer-menu-wrapper:before {
  margin-left: 0;
}

.large-footer-menu {
  float: right;
  width: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (min-width: 56.25em) {
  .large-footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-left: -1rem;
    margin-right: -1rem;
    overflow: hidden;
  }
}
.large-footer-menu .field--type-link a {
  display: block;
  color: #505659;
  text-decoration: none;
  margin-bottom: 0.5rem;
  font-weight: 300;
}
.large-footer-menu .field--type-link a:hover,
.large-footer-menu .field--type-link a:active,
.large-footer-menu .field--type-link a:focus {
  text-decoration: underline;
}
.large-footer-menu .field--type-string {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #686e71;
}
@media (min-width: 56.25em) {
  .large-footer-menu .field--type-string {
    margin-bottom: 1rem;
  }
}

.footer--menu-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 37.5em) {
  .footer--menu-item {
    text-align: left;
  }
}
@media (min-width: 56.25em) {
  .footer--menu-item {
    padding-left: 1.25rem;
    margin-bottom: 0;
  }
}
.footer--menu-item:last-child {
  margin-bottom: 0;
}

.pager {
  margin: 1em 0;
}
.pager__items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -2px;
  margin-right: -2px;
}
.pager__item {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 5px;
}
.pager__item a {
  width: 2.375rem;
  height: 2.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875em;
  border: 1px solid transparent;
}
.pager__item a:hover,
.pager__item a:focus {
  border-color: #C6F221;
}
.pager__item a:focus {
  outline: 1px solid #C6F221;
}
.pager__item.is-active a {
  font-weight: 700;
  border-color: #262a2d;
  text-decoration: none;
}
.pager__item.is-active.mini {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-weight: 700;
}
.pager__item--first a,
.pager__item--previous a,
.pager__item--next a,
.pager__item--last a {
  font-size: 0;
  text-decoration: none;
  vertical-align: middle;
}
.pager__item--first a::before,
.pager__item--previous a::before,
.pager__item--next a::before,
.pager__item--last a::before {
  font-size: 1.5rem;
}
.pager__item--first a::before {
  font-family: "Material Icons Outlined";
  content: "\ecfe";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.pager__item--previous a::before {
  font-family: "Material Icons Outlined";
  content: "\ebfa";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.pager__item--next a::before {
  font-family: "Material Icons Outlined";
  content: "\ebfb";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.pager__item--last a::before {
  font-family: "Material Icons Outlined";
  content: "\ec47";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.pager__item--ellipsis {
  font-size: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pager__item--ellipsis::before {
  font-family: "Material Icons Outlined";
  content: "\ec31";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  width: 2.375rem;
  height: 2.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
}
.pager span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu--secondary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.menu--secondary-menu ul.menu {
  padding-left: 0;
  margin-top: 0;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu--secondary-menu ul.menu li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
.menu--secondary-menu ul.menu li::before {
  display: none;
}
.menu--secondary-menu li.menu-item {
  margin-left: 0.625rem;
  line-height: normal;
}
.menu--secondary-menu li.menu-item:first-of-type {
  margin-left: 0;
}
.menu--secondary-menu li.menu-item > a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  font-size: 0.625rem;
  display: inline-block;
}
.menu--secondary-menu li.menu-item > a:focus {
  outline: none;
}
.menu--secondary-menu li.menu-item > a:visited {
  color: #000000;
}
.menu--secondary-menu li.menu-item > a:hover {
  background-color: #004750;
  color: #ffffff;
}
.menu--secondary-menu li.menu-item > a:focus,
.menu--secondary-menu li.menu-item > a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.menu--secondary-menu li.menu-item > a::before {
  margin-right: 0.25em;
}
@media (min-width: 62.5em) {
  .menu--secondary-menu li.menu-item > a {
    font-size: 0.875rem;
  }
}
.menu--secondary-menu li.menu-item > a::before {
  font-size: 1.25em;
}
.menu--secondary-menu li.contact > a::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  content: "";
}
.menu--secondary-menu li.my-london-hydro > a::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  content: "";
}
.menu--secondary-menu li.menu-item > a.login-open,
.menu--secondary-menu li.menu-item > a.login-open:focus {
  background-color: #004750;
  border-color: #004750;
  color: #ffffff;
}
.sitename-london-hydro header .lhi-login-form .form-text {
  margin-top: 0;
}
.sitename-london-hydro header .block-lhi-login-block form .form-submit {
  padding: 0.575rem 1rem;
  margin-top: 0;
}

a.my-london-hydro {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #f6ce3c;
  background-color: #f6ce3c;
  color: #393e40;
  font-weight: 600;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-size: 0.875rem;
  padding: 0.625rem 1rem;
  font-weight: 600;
  font-size: 0.625rem;
  margin-right: 0.625rem;
}
a.my-london-hydro:focus {
  outline: none;
}
a.my-london-hydro:visited {
  color: #393e40;
}
a.my-london-hydro:hover {
  background-color: #c5a530;
  color: #000000;
}
a.my-london-hydro:focus,
a.my-london-hydro:active {
  border-color: #932235;
  background-color: #932235;
  color: #ffffff;
}
a.my-london-hydro::before {
  margin-right: 0.25em;
}
@media (min-width: 75em) {
  a.my-london-hydro {
    font-size: 0.875rem;
  }
}
a.my-london-hydro::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  content: "";
}

.block-local-tasks-block {
  z-index: 0;
  text-align: center;
  margin: 1.5625rem auto;
}

nav.tabs {
  display: inline-block;
  margin: 0 auto;
}

ul.tabs {
  padding-left: 0;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.3125em;
  margin-right: -0.3125em;
  padding-left: 0;
  margin-bottom: 0;
}
ul.tabs li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
ul.tabs li::before {
  display: none;
}
ul.tabs.tabs-secondary {
  border-top: 1px solid #e8e9ed;
  padding-top: 1.25em;
  margin-top: 0;
}

.tabs li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  list-style: none;
  margin-left: 0.3125em;
  margin-right: 0.3125em;
  margin-bottom: 0.75em;
}
@media (min-width: 37.5em) {
  .tabs li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.tabs li a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
  padding: 0.375em 0.875em;
  background-color: #ffffff;
  border: 1px solid #262a2d;
  border-bottom: 2px solid #262a2d;
  color: #262a2d;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}
.tabs li a:hover {
  text-decoration: none;
}
.tabs li a:hover:not(.is-active) {
  background-color: #004750;
  color: #ffffff;
  border-color: #004750;
}
.tabs li a.is-active {
  position: relative;
  background-color: #262a2d;
  border-color: #262a2d;
  color: #ffffff;
}
.tabs li a.is-active::after {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-top: 0.8em solid #262a2d;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.path-homepage .block-local-tasks-block {
  margin-top: 1.25rem;
}
.path-homepage .block-local-tasks-block ul.tabs {
  margin-bottom: 0;
}

.block-responsive-menu-horizontal-menu {
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-transition: none;
  transition: none;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-item-align: center;
  align-self: center;
}
@media (min-width: 75em) {
  .block-responsive-menu-horizontal-menu {
    display: block;
  }
}
.block-responsive-menu-horizontal-menu.contextual-region {
  position: static;
}

.horizontal-menu,
.menu--provincial-regulators .menu-level--1 {
  padding-left: 0;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0;
  position: static;
  opacity: 1;
  -webkit-transition: opacity 2s ease 0.4s;
  transition: opacity 2s ease 0.4s;
}
.horizontal-menu li,
.menu--provincial-regulators .menu-level--1 li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
.horizontal-menu li::before,
.menu--provincial-regulators .menu-level--1 li::before {
  display: none;
}
@media (min-width: 0) and (max-width: 74.9375em) {
  .horizontal-menu,
  .menu--provincial-regulators .menu-level--1 {
    display: none;
  }
}

.search-active .horizontal-menu {
  opacity: 0;
  width: 0;
  -webkit-transition: opacity 0s ease 0s;
  transition: opacity 0s ease 0s;
}
@media (min-width: 92.5em) {
  .search-active .horizontal-menu {
    opacity: 1;
    width: auto;
  }
}

.horizontal-menu li:hover > ul {
  display: none;
}

.horizontal-menu > li.dropdown {
  display: block;
}

.menu-item--level-1.menu-item--expanded:hover > a::before,
.menu-item--level-1.menu-item--expanded:hover > span::before {
  opacity: 1;
}

.horizontal-menu > li,
.menu--provincial-regulators .menu-level--1 > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 1rem;
  /*
  * Item Hover Arrow Indicator Triangle
  */
  /*
  * Expanded Menu Items
  */
  /*
  * Menu Item Links
  */
}
.horizontal-menu > li.show-children > a,
.horizontal-menu > li > a:hover,
.horizontal-menu > li > a:focus,
.menu--provincial-regulators .menu-level--1 > li.show-children > a,
.menu--provincial-regulators .menu-level--1 > li > a:hover,
.menu--provincial-regulators .menu-level--1 > li > a:focus {
  outline: none;
  text-decoration: none;
}
.horizontal-menu > li.menu-item--expanded.show-children > a::before,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded.show-children
  > a::before {
  opacity: 1;
}
.horizontal-menu > li:hover,
.horizontal-menu > li.menu-item--active-trail,
.horizontal-menu > li.show-children,
.menu--provincial-regulators .menu-level--1 > li:hover,
.menu--provincial-regulators .menu-level--1 > li.menu-item--active-trail,
.menu--provincial-regulators .menu-level--1 > li.show-children {
  /*
    * Item Hover Linde Indicator
    */
}
.horizontal-menu > li:hover > a::after,
.horizontal-menu > li:hover > span::after,
.horizontal-menu > li.menu-item--active-trail > a::after,
.horizontal-menu > li.menu-item--active-trail > span::after,
.horizontal-menu > li.show-children > a::after,
.horizontal-menu > li.show-children > span::after,
.menu--provincial-regulators .menu-level--1 > li:hover > a::after,
.menu--provincial-regulators .menu-level--1 > li:hover > span::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--active-trail
  > a::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--active-trail
  > span::after,
.menu--provincial-regulators .menu-level--1 > li.show-children > a::after,
.menu--provincial-regulators .menu-level--1 > li.show-children > span::after {
  width: 100%;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0s ease 0s, width 0.1s ease 0.2s,
    left 0.1s ease 0.2s;
  transition: opacity 0s ease 0s, width 0.1s ease 0.2s, left 0.1s ease 0.2s;
}
.horizontal-menu > li.menu-item--expanded.menu-item--active-trail > a::after,
.horizontal-menu > li.menu-item--expanded.menu-item--active-trail > span::after,
.horizontal-menu > li.menu-item--expanded:hover > a::after,
.horizontal-menu > li.menu-item--expanded:hover > span::after,
.horizontal-menu > li.menu-item--expanded.show-children > a::after,
.horizontal-menu > li.menu-item--expanded.show-children > span::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded.menu-item--active-trail
  > a::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded.menu-item--active-trail
  > span::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded:hover
  > a::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded:hover
  > span::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded.show-children
  > a::after,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--expanded.show-children
  > span::after {
  width: calc(100% - 24px);
}
.horizontal-menu > li > a,
.horizontal-menu > li > span,
.menu--provincial-regulators .menu-level--1 > li > a,
.menu--provincial-regulators .menu-level--1 > li > span {
  color: #262a2d;
  border-width: 1px 1px;
  border-style: solid;
  border-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Raleway", sans-serif;
  height: 100%;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  position: relative;
  /*
    * Arrow Indicator Triangle
    */
  /*
    * Line Indicator
    */
}
@media (min-width: 75em) {
  .horizontal-menu > li > a,
  .horizontal-menu > li > span,
  .menu--provincial-regulators .menu-level--1 > li > a,
  .menu--provincial-regulators .menu-level--1 > li > span {
    font-size: 1rem;
  }
}
.horizontal-menu > li > a::before,
.horizontal-menu > li > span::before,
.menu--provincial-regulators .menu-level--1 > li > a::before,
.menu--provincial-regulators .menu-level--1 > li > span::before {
  -ms-flex-item-align: start;
  align-self: flex-start;
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #c8cacc;
  position: absolute;
  left: 50%;
  margin-top: 1.875rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media (min-width: 92.5em) {
  .horizontal-menu > li > a::before,
  .horizontal-menu > li > span::before,
  .menu--provincial-regulators .menu-level--1 > li > a::before,
  .menu--provincial-regulators .menu-level--1 > li > span::before {
    margin-top: 2.5rem;
  }
}
.horizontal-menu > li > a::after,
.horizontal-menu > li > span::after,
.menu--provincial-regulators .menu-level--1 > li > a::after,
.menu--provincial-regulators .menu-level--1 > li > span::after {
  position: absolute;
  bottom: -5px;
  content: "";
  width: 0;
  left: 50%;
  height: 2px;
  background-color: #004750;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease, width 0s ease 0.2s, left 0s ease 0.2s;
  transition: opacity 0.1s ease, width 0s ease 0.2s, left 0s ease 0.2s;
}
.horizontal-menu > li .menu__expand-icon::after,
.menu--provincial-regulators .menu-level--1 > li .menu__expand-icon::after {
  font-family: "Material Icons Outlined";
  content: "\ea38";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #004750;
  font-size: 1.5rem;
}
.horizontal-menu > li.menu-item--active-trail > a,
.horizontal-menu > li.menu-item--active-trail > span,
.menu--provincial-regulators .menu-level--1 > li.menu-item--active-trail > a,
.menu--provincial-regulators
  .menu-level--1
  > li.menu-item--active-trail
  > span {
  position: relative;
  color: #004750;
  font-weight: 700;
}

.user-is-tabbing .horizontal-menu li > a:focus {
  outline: dashed 1px #004750;
}

.main-menu__dropdown {
  position: relative;
  z-index: 1;
  background-color: #c8cacc;
  width: 100vw;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #c8cacc;
  top: 100%;
  -webkit-transition: top 0.5s ease, opacity 0.2s ease, visibility 0.2s ease;
  transition: top 0.5s ease, opacity 0.2s ease, visibility 0.2s ease;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  padding: 0.375rem;
  z-index: 2000;
  /*
  * Full Width background
  * From the fake-full-width mixin
  */
}
.main-menu__dropdown::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #c8cacc;
  z-index: -1;
  background-size: cover;
}
.main-menu__dropdown::before {
  left: 0;
}

/*
* Show Children
* Class applied via js when parent is clicked
*/
.show-children .main-menu__dropdown {
  opacity: 1;
  visibility: visible;
}

/*
* Second Level Menu
*/
header .sub-nav.menu-level--2 {
  position: static;
  background-color: #c8cacc;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0.5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*
  * Menu Item
  */
  /*
  * Menu Link
  */
  /*
  * Active Trail Menu Link
  */
}
header .sub-nav.menu-level--2 .menu-item {
  padding: 0.3125rem 1.625rem;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-right: 1px solid #a0a2a3;
}
header .sub-nav.menu-level--2 .menu-item:last-child {
  border-right: 0;
}
header .sub-nav.menu-level--2 .menu-item > a {
  color: #262a2d;
  font-family: "Raleway", sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 0;
  padding: 0;
}
header .sub-nav.menu-level--2 .menu-item > a:hover,
header .sub-nav.menu-level--2 .menu-item > a:active,
header .sub-nav.menu-level--2 .menu-item > a:focus {
  color: #004750;
  text-decoration: underline;
}
header .sub-nav.menu-level--2 .menu-item--active-trail > a {
  color: #004750;
  text-decoration: underline;
  font-weight: 700;
}

.hamburger {
  padding: 10px 12px;
  display: block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  border: 1px solid #e8e9ed;
}

.hamburger:hover {
  opacity: 0.7;
}

.mm-wrapper_opening .hamburger:hover {
  opacity: 0.7;
}

.mm-wrapper_opening .hamburger .hamburger-inner,
.mm-wrapper_opening .hamburger .hamburger-inner::before,
.mm-wrapper_opening .hamburger .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 18px;
  height: 16px;
  display: block;
  position: relative;
}

.mm-wrapper_opening .hamburger-box {
  margin-top: -1px;
  margin-bottom: 1px;
}

.hamburger-inner {
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -6px;
}

.hamburger-inner::after {
  bottom: -6px;
}

.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease,
    -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease,
    -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease,
    transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease,
    transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.mm-wrapper_opening .hamburger--squeeze .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mm-wrapper_opening .hamburger--squeeze .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.mm-wrapper_opening .hamburger--squeeze .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease,
    -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease,
    -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease,
    transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease,
    transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.block-responsive-menu-toggle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.3125em;
}
.block-responsive-menu-toggle .label {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mm-wrapper_opening .mm-page {
  border-right: 1px solid #262a2d;
}

@media (min-width: 75em) {
  .off-canvas-wrapper {
    display: none;
  }
}

.mm-panel {
  background-color: #333;
}

.mm-menu {
  background-color: #e8e9ed;
}
.mm-menu a {
  text-decoration: none;
}
.mm-menu .mm-panel_has-navbar {
  padding-top: 51px;
}
.mm-menu .mm-panel_has-navbar::before {
  display: none;
}
.mm-menu .mm-navbar {
  background-color: #262a2d;
  height: auto;
  position: relative;
}
.mm-menu .mm-navbar a {
  color: #ffffff;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.mm-menu .mm-btn_prev {
  height: 100%;
}
.mm-menu .mm-btn_prev::before {
  border-color: #ffffff;
}
.mm-menu .close-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 4px;
}
.mm-menu .close-menu::before {
  font-family: "Material Icons Outlined";
  content: "\e97f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  font-size: 20px;
  color: #ffffff;
}
.mm-menu .close-menu:active {
  background-color: rgba(0, 0, 0, 0.5);
}
.mm-menu .menu {
  margin-top: 0 !important;
}
.mm-menu .menu li::after {
  display: none;
}
.mm-menu .menu a {
  border-bottom: 1px solid #262a2d;
  border-color: #262a2d;
  color: #ffffff;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.mm-menu .menu a.mm-btn_next::after {
  border-color: #ffffff;
}
.mm-menu .menu a.is-active {
  background-color: #262a2d;
  color: #ffffff;
}

.region--sidebar-second .menu--main {
  max-width: 100%;
}

@media (max-width: 56.25em) {
  .menu--main,
  .region--sidebar-first .block-menu,
  .region--sidebar-first .block-menu {
    display: none;
  }
}

.menu--main > h2,
.region--sidebar-first .block-menu > h2,
.region--sidebar-first .block-menu > h2 {
  display: none;
}

.menu--main ul,
.region--sidebar-first .block-menu ul,
.region--sidebar-first .block-menu ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  background-color: #ffffff;
}
.menu--main ul li,
.region--sidebar-first .block-menu ul li,
.region--sidebar-first .block-menu ul li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  list-style: none;
}
.menu--main ul li::before,
.region--sidebar-first .block-menu ul li::before,
.region--sidebar-first .block-menu ul li::before {
  display: none;
}

.menu--main li,
.region--sidebar-first .block-menu li,
.region--sidebar-first .block-menu li {
  margin-left: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e8e9ed;
}
.menu--main li > a:hover,
.menu--main li a:active,
.menu--main li a:focus,
.region--sidebar-first .block-menu li > a:hover,
.region--sidebar-first .block-menu li a:active,
.region--sidebar-first .block-menu li a:focus,
.region--sidebar-first .block-menu li > a:hover,
.region--sidebar-first .block-menu li a:active,
.region--sidebar-first .block-menu li a:focus {
  text-decoration: underline;
}

.menu--main a,
.region--sidebar-first .block-menu a,
.region--sidebar-first .block-menu a {
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  position: relative;
  display: block;
  padding: 0.875rem 1rem;
  text-decoration: none;
  color: #262a2d;
}
.menu--main a:hover,
.menu--main a:focus,
.region--sidebar-first .block-menu a:hover,
.region--sidebar-first .block-menu a:focus,
.region--sidebar-first .block-menu a:hover,
.region--sidebar-first .block-menu a:focus {
  color: #004750;
}
.menu--main a:focus,
.region--sidebar-first .block-menu a:focus,
.region--sidebar-first .block-menu a:focus {
  outline: none;
}

.menu--main .menu-item--expanded,
.region--sidebar-first .block-menu .menu-item--expanded,
.region--sidebar-first .block-menu .menu-item--expanded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.menu--main .menu-item--expanded > a,
.region--sidebar-first .block-menu .menu-item--expanded > a,
.region--sidebar-first .block-menu .menu-item--expanded > a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.menu--main .menu-item--expanded > a:hover,
.menu--main .menu-item--expanded > a:focus,
.region--sidebar-first .block-menu .menu-item--expanded > a:hover,
.region--sidebar-first .block-menu .menu-item--expanded > a:focus,
.region--sidebar-first .block-menu .menu-item--expanded > a:hover,
.region--sidebar-first .block-menu .menu-item--expanded > a:focus {
  text-decoration: underline;
}
.menu--main .menu-item--expanded > ul,
.region--sidebar-first .block-menu .menu-item--expanded > ul,
.region--sidebar-first .block-menu .menu-item--expanded > ul {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #e8e9ed;
}

.menu--main .menu-item--active-trail > a:not(.is-active).show,
.menu--main
  .menu-item--active-trail
  > a:not(.is-active)
  + .sub-menu--toggle.show,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  > a:not(.is-active).show,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  > a:not(.is-active)
  + .sub-menu--toggle.show,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  > a:not(.is-active).show,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  > a:not(.is-active)
  + .sub-menu--toggle.show {
  border-bottom-color: #262a2d;
}

.menu--main .parent-title,
.region--sidebar-first .block-menu .parent-title,
.region--sidebar-first .block-menu .parent-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}

.menu--main .menu-item--active-trail.menu-item--level-1 > a,
.menu--main .menu-item--active-trail.menu-item--level-1 > .sub-menu--toggle,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  > a,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  > .sub-menu--toggle,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  > a,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  > .sub-menu--toggle {
  background-color: #505659;
  color: #ffffff;
}

.menu--main .menu-item--active-trail.menu-item--level-1 li > .is-active,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  li
  > .is-active,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  li
  > .is-active {
  color: #004750;
  font-weight: 700;
}
.menu--main .menu-item--active-trail.menu-item--level-1 li > .is-active::before,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  li
  > .is-active::before,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  li
  > .is-active::before {
  font-family: "Material Icons Outlined";
  content: "\ec8d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  color: #004750;
  display: inline-block;
  margin-left: -0.8125rem;
}

.menu--main
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle {
  background-color: transparent;
}
.menu--main
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle::after,
.menu--main
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle::before,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle::after,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle::before,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle::after,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail.menu-item--level-1
  ul.sub-nav
  .sub-menu--toggle::before {
  color: #262a2d;
}

.menu--main .menu-item--active-trail .is-active::before,
.menu--main .menu-item--active-trail .is-active::after,
.menu--main .menu-item--active-trail .is-active + .sub-menu--toggle::before,
.menu--main .menu-item--active-trail .is-active + .sub-menu--toggle::after,
.region--sidebar-first .block-menu .menu-item--active-trail .is-active::before,
.region--sidebar-first .block-menu .menu-item--active-trail .is-active::after,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  .is-active
  + .sub-menu--toggle::before,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  .is-active
  + .sub-menu--toggle::after,
.region--sidebar-first .block-menu .menu-item--active-trail .is-active::before,
.region--sidebar-first .block-menu .menu-item--active-trail .is-active::after,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  .is-active
  + .sub-menu--toggle::before,
.region--sidebar-first
  .block-menu
  .menu-item--active-trail
  .is-active
  + .sub-menu--toggle::after {
  color: #ffffff;
}

.menu--main .sub-menu--toggle,
.region--sidebar-first .block-menu .sub-menu--toggle,
.region--sidebar-first .block-menu .sub-menu--toggle {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0;
  background-color: transparent;
  border: 0;
  padding: 0;
}
.menu--main .sub-menu--toggle::before,
.menu--main .sub-menu--toggle::after,
.region--sidebar-first .block-menu .sub-menu--toggle::before,
.region--sidebar-first .block-menu .sub-menu--toggle::after,
.region--sidebar-first .block-menu .sub-menu--toggle::before,
.region--sidebar-first .block-menu .sub-menu--toggle::after {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 1px solid transparent;
}
.menu--main .sub-menu--toggle:before,
.region--sidebar-first .block-menu .sub-menu--toggle:before,
.region--sidebar-first .block-menu .sub-menu--toggle:before {
  font-family: "Material Icons Outlined";
  content: "\ea38";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu--main .sub-menu--toggle::after,
.region--sidebar-first .block-menu .sub-menu--toggle::after,
.region--sidebar-first .block-menu .sub-menu--toggle::after {
  font-family: "Material Icons Outlined";
  content: "\ea3a";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  font-size: 1.5rem;
  display: none;
}
.menu--main .sub-menu--toggle:hover,
.menu--main .sub-menu--toggle:focus,
.region--sidebar-first .block-menu .sub-menu--toggle:hover,
.region--sidebar-first .block-menu .sub-menu--toggle:focus,
.region--sidebar-first .block-menu .sub-menu--toggle:hover,
.region--sidebar-first .block-menu .sub-menu--toggle:focus {
  color: #932235;
  background-color: #e8e9ed;
}
.menu--main .sub-menu--toggle:focus,
.region--sidebar-first .block-menu .sub-menu--toggle:focus,
.region--sidebar-first .block-menu .sub-menu--toggle:focus {
  outline: none;
}
.menu--main .sub-menu--toggle.show,
.region--sidebar-first .block-menu .sub-menu--toggle.show,
.region--sidebar-first .block-menu .sub-menu--toggle.show {
  background-color: #e8e9ed;
}
.menu--main .sub-menu--toggle.show:before,
.region--sidebar-first .block-menu .sub-menu--toggle.show:before,
.region--sidebar-first .block-menu .sub-menu--toggle.show:before {
  display: none;
}
.menu--main .sub-menu--toggle.show::after,
.region--sidebar-first .block-menu .sub-menu--toggle.show::after,
.region--sidebar-first .block-menu .sub-menu--toggle.show::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.js .menu--main .menu-item--expanded > ul:not(.show),
.js .region--sidebar-first .block-menu .menu-item--expanded > ul:not(.show),
.js .region--sidebar-first .block-menu .menu-item--expanded > ul:not(.show) {
  display: none;
}

.menu--main ul.sub-nav,
.region--sidebar-first .block-menu ul.sub-nav,
.region--sidebar-first .block-menu ul.sub-nav {
  background-color: #f2f3f7;
}

.menu--main ul.sub-nav > .menu-item,
.region--sidebar-first .block-menu ul.sub-nav > .menu-item,
.region--sidebar-first .block-menu ul.sub-nav > .menu-item {
  border: 0;
}

.menu--main ul.sub-nav > ul ul,
.region--sidebar-first .block-menu ul.sub-nav > ul ul,
.region--sidebar-first .block-menu ul.sub-nav > ul ul {
  padding-left: 0.9375rem;
  margin-top: 1px;
}

ul.show {
  padding: 1rem;
}
ul.show > .menu-item > a {
  padding: 0.625rem 1rem;
}

.field--name-field-awards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: -0.5em;
  margin-right: -0.5em;
  max-width: 75em;
  margin: 0 auto;
}
.field--name-field-awards > div {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.field--name-field-awards > div {
  width: calc(100% - 1em);
}
.field--name-field-awards > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 0) and (max-width: 37.5em) {
  .field--name-field-awards {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.field--name-field-awards > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 0) and (max-width: 37.5em) {
  .field--name-field-awards > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
.field--name-field-awards .field--name-field-media-image {
  margin-bottom: 0;
}
.field--name-field-awards .field--name-field-media-image img {
  max-height: 80px;
  width: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .field--name-field-awards .field--name-field-media-image img {
    width: 100%;
  }
}

/*
* User tabbing focus state
*/
.user-is-tabbing .field--name-field-awards a:focus img {
  outline: dashed 1px #932235;
}

.paragraph--type--award.paragraph--view-mode--default {
  margin: 2rem;
}

.paragraph--type--call-to-action.paragraph--view-mode--banner-features {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
}

/*
* Banner Feature
* paragraph--call-to-action--banner-features.html.twig
*/
.banner-feature {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
  * Banner Feature Image
  */
  /*
  * Banner Feature Content
  */
  /*
  * Banner Feature Title
  */
  /*
  * Banner Feature Link
  */
}
.banner-feature::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.banner-feature__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.banner-feature__image div,
.banner-feature__image article {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.banner-feature__content {
  position: relative;
  z-index: 2;
  padding: 2.5rem;
}
@media (min-width: 56.25em) {
  .banner-feature__content {
    padding: 3.75rem 2.5rem;
  }
}
@media (min-width: 112.5em) {
  .banner-feature__content {
    padding: 2.5rem;
  }
}
.banner-feature__title {
  color: #ffffff;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  margin-top: 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media (min-width: 56.25em) {
  .banner-feature__title {
    font-size: 1.75rem;
  }
}
.banner-feature__title::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem 0;
  background-color: #ffffff;
}
.banner-feature--colour-scheme-light .banner-feature__title {
  color: #17171a;
  text-shadow: none;
}
.banner-feature__link a {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #23AB3B;
  background-color: #23AB3B;
  color: #000000;
  font-weight: 700;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  padding: 0.625rem 1rem;
}
.banner-feature__link a:focus {
  outline: none;
}
.banner-feature__link a:visited {
  color: #393e40;
}
.banner-feature__link a:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.banner-feature__link a:focus,
.banner-feature__link a:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.banner-feature__link a::before {
  margin-right: 0.25em;
}

/*
* Banner Features Paragraph Light Color Scheme
*/
.homepage-banner--colour-scheme-light .banner-feature::before {
  background-color: rgba(255, 255, 255, 0.3);
}

.homepage-banner--colour-scheme-light .banner-feature__title {
  color: #17171a;
  text-shadow: none;
}

.homepage-banner--colour-scheme-light .banner-feature__title::after {
  background-color: #17171a;
}

/*
* Call To Action
* Shared styling between all displays
*/
.paragraph--type--call-to-action {
  height: 100%;
}

.path-frontpage .paragraph--type--three-columns,
.path-frontpage .paragraph--type--updated-three-columns {
  position: relative;
  z-index: 1;
  background-color: #d0db6d;
  background-color: #d0db6d;
}
/*
* Override background color for three column paragraph
*/
.path-frontpage .paragraph--bg-yellow_grey.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-yellow_grey.paragraph--type--updated-three-columns {
  background-color: #e8e9ed;
}
.path-frontpage .paragraph--bg-yellow_charcoal.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-yellow_charcoal.paragraph--type--updated-three-columns {
  background-color: #2f3742;
}
.path-frontpage .paragraph--bg-charcoal_grey.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-charcoal_grey.paragraph--type--updated-three-columns {
  background-color: #e8e9ed;
}
.path-frontpage .paragraph--bg-charcoal_white.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-charcoal_white.paragraph--type--updated-three-columns {
  background-color: #ffffff;
}
.path-frontpage .paragraph--bg-charcoal_yellow.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-charcoal_yellow.paragraph--type--updated-three-columns {
  background-color: #f6ce3c;
}
.path-frontpage .paragraph--bg-yellow_blue.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-yellow_blue.paragraph--type--updated-three-columns {
  background-color: #1d3b87;
}
.path-frontpage .paragraph--bg-yellow_green.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-yellow_green.paragraph--type--updated-three-columns {
  background-color: #0a681c;
}
.path-frontpage .paragraph--bg-charcoal_red.paragraph--type--three-columns,
.path-frontpage
  .paragraph--bg-charcoal_red.paragraph--type--updated-three-columns {
  background-color: #932235;
}
.path-frontpage .paragraph--type--three-columns::before,
.path-frontpage .paragraph--type--updated-three-columns::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #004750;
  z-index: -1;
  background-size: cover;
}
.path-frontpage
  .paragraph--bg-yellow_grey.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-yellow_grey.paragraph--type--updated-three-columns::before {
  background-color: #e8e9ed;
}
.path-frontpage
  .paragraph--bg-yellow_charcoal.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-yellow_charcoal.paragraph--type--updated-three-columns::before {
  background-color: #2f3742;
}
.path-frontpage
  .paragraph--bg-charcoal_grey.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-charcoal_grey.paragraph--type--updated-three-columns::before {
  background-color: #e8e9ed;
}
.path-frontpage
  .paragraph--bg-charcoal_white.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-charcoal_white.paragraph--type--updated-three-columns::before {
  background-color: #ffffff;
}
.path-frontpage
  .paragraph--bg-charcoal_yellow.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-charcoal_yellow.paragraph--type--updated-three-columns::before {
  background-color: #f6ce3c;
}
.path-frontpage
  .paragraph--bg-yellow_blue.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-yellow_blue.paragraph--type--updated-three-columns::before {
  background-color: #1d3b87;
}
.path-frontpage
  .paragraph--bg-yellow_green.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-yellow_green.paragraph--type--updated-three-columns::before {
  background-color: #0a681c;
}
.path-frontpage
  .paragraph--bg-charcoal_red.paragraph--type--three-columns::before,
.path-frontpage
  .paragraph--bg-charcoal_red.paragraph--type--updated-three-columns::before {
  background-color: #932235;
}

.paragraph--type--three-columns,
.paragraph--type--updated-three-columns {
  padding: 2.5rem 0;
  text-align: center;
}
.paragraph--type--three-columns .paragraph__inner,
.paragraph--type--updated-three-columns .paragraph__inner .field__items {
  max-width: 75em;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 56.25em) {
  .paragraph--type--three-columns .paragraph__inner,
  .paragraph--type--updated-three-columns .paragraph__inner .field__items {
    text-align: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
}
.align-center.embedded-entity,
.paragraph--type--three-columns
  .paragraph__inner
  .align-center.embedded-entity {
  text-align: -webkit-center;
  text-align: -moz-center;
}
.paragraph--type--three-columns .paragraph__inner > .field,
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-3
  .field__items
  > .field__item {
  padding: 2.5rem 0;
}
@media (min-width: 56.25em) {
  .paragraph--type--three-columns .paragraph__inner > .field,
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-3
    .field__items
    > .field__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 1.25rem 2.5rem;
  }
}
.paragraph--type--three-columns .field--name-field-left-column,
.paragraph--type--three-columns .field--name-field-middle-column {
  border-bottom: solid 1px #686e71;
}
@media (min-width: 56.25em) {
  .paragraph--type--three-columns .field--name-field-left-column,
  .paragraph--type--three-columns .field--name-field-middle-column {
    border-bottom: 0;
    border-right: solid 1px #686e71;
  }
}
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-3
  > .field__items
  .field__item {
  border-bottom: solid 1px #686e71;
}
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-3
  > .field__items
  .field__item:last-child {
  border: none;
}
@media (min-width: 56.25em) {
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-3
    > .field__items
    .field__item {
    border-bottom: 0;
    border-right: solid 1px #686e71;
  }
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-3
    > .field__items
    .field__item:last-child {
    border: none;
  }
}

/*
* Color Combination Overrides
*/
.paragraph--bg-yellow_blue .field--name-field-left-column,
.paragraph--bg-yellow_blue .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-yellow_grey .field--name-field-left-column,
.paragraph--bg-yellow_grey .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-yellow_charcoal .field--name-field-left-column,
.paragraph--bg-yellow_charcoal .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-charcoal_grey .field--name-field-left-column,
.paragraph--bg-charcoal_grey .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-charcoal_white .field--name-field-left-column,
.paragraph--bg-charcoal_white .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-charcoal_yellow .field--name-field-left-column,
.paragraph--bg-charcoal_yellow .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-yellow_green .field--name-field-left-column,
.paragraph--bg-yellow_green .field--name-field-middle-column {
  border-color: #ffffff;
}
.paragraph--bg-charcoal_red .field--name-field-left-column,
.paragraph--bg-charcoal_red .field--name-field-middle-column {
  border-color: #ffffff;
}

.paragraph--type--two-columns,
.paragraph--type--updated-three-columns {
  max-width: 62.5em;
  margin: 2.5rem auto;
}
.paragraph--type--two-columns .paragraph__inner,
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-2
  .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 62.5em) {
  .paragraph--type--two-columns .paragraph__inner,
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-2
    .field__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
@media (min-width: 75em) {
  .paragraph--type--two-columns .paragraph__inner,
  .paragraph--type--updated-three-columns .paragraph__inner .para-column-2 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
}
.paragraph--type--two-columns .paragraph__inner .align-center.embedded-entity {
  text-align: -webkit-center;
  text-align: -moz-center;
}
.paragraph--type--two-columns .field--name-field-left-column,
.paragraph--type--two-columns .field--name-field-right-column,
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-2
  .field__items
  > .field__item {
  padding: 1.25rem;
  margin: 0;
}
@media (min-width: 62.5em) {
  .paragraph--type--two-columns .field--name-field-left-column,
  .paragraph--type--two-columns .field--name-field-right-column,
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-2
    .field__items
    > .field__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
    margin: 0;
  }
}
@media (min-width: 75em) {
  .paragraph--type--two-columns .field--name-field-left-column,
  .paragraph--type--two-columns .field--name-field-right-column {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.paragraph--type--two-columns .field--name-field-left-column {
  border-bottom: solid 1px #686e71;
}
@media (min-width: 62.5em) {
  .paragraph--type--two-columns .field--name-field-left-column {
    border-bottom: 0;
    border-right: solid 1px #686e71;
  }
}
@media (min-width: 62.5em) {
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-2
    .field__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-2
  > .field__items
  .field__item {
  border-bottom: solid 1px #686e71;
}
.paragraph--type--updated-three-columns
  .paragraph__inner
  .para-column-2
  > .field__items
  .field__item:last-child {
  border: none;
}
@media (min-width: 62.5em) {
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-2
    > .field__items
    .field__item {
    border-bottom: 0;
    border-right: solid 1px #686e71;
  }
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-2
    > .field__items
    .field__item:last-child {
    border: none;
  }
}
@media (min-width: 62.563em) and (max-width: 64em) {
  .paragraph--type--two-columns .paragraph__inner,
  .paragraph--type--updated-three-columns
    .paragraph__inner
    .para-column-2
    .field__items {
    margin-left: 0rem;
  }
}

/*
* Color Combination Overrides
*/
.paragraph--bg-yellow_blue .field--name-field-left-column {
  border-color: #ffffff;
}

.paragraph--type--cta-webform {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  padding: 1.25rem 0;
  /*
  * If it has a bg image
  */
  /*
  * When in a node with padding
  */
  /*
  * When there is a sidebar
  */
  /*
  * Overlay Between Image and Content
  */
  /*
  * Content Container
  */
  /*
  * Text Content Container
  * This is a field group in the UI
  */
  /*
  * Title Field
  */
  /*
  * Body Field
  */
  /*
  * Webform Field
  */
  /*
  * Webform Container
  */
  /*
  * Webform Items
  */
  /*
  * Expand/Collapse all details button
  */
  /*
  * Form
  */
  /*
  * details
  */
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform {
    padding: 0;
  }
}
.paragraph--type--cta-webform.paragraph--has-background-img {
  background-color: #17171a;
}
.node--type-page .paragraph--type--cta-webform {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
@media (min-width: 56.25em) {
  .node--type-page .paragraph--type--cta-webform {
    margin-left: -4.375rem;
    margin-right: -4.375rem;
  }
}
@media (min-width: 56.25em) {
  .has-sidebar--second .paragraph--type--cta-webform {
    margin-right: -6.25rem;
  }
}
.paragraph--type--cta-webform::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
  display: none;
}
.paragraph--type--cta-webform.paragraph--has-background-img::before {
  display: block;
}
.paragraph--type--cta-webform .paragraph__content {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .paragraph__content {
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    /*display: flex; */
  }
  .two-column.paragraph--type--cta-webform .paragraph__content {
    display: -webkit-box;
    display: -ms-flexbox;
  }
}
.paragraph--type--cta-webform .group-text {
  padding: 0 1.25rem 1.25rem 1.25rem;
  text-align: center;
}
@media (min-width: 37.5em) and (max-width: 74.9375em) {
  .paragraph--type--cta-webform .group-text {
    max-width: 31.875rem;
    margin: 0 auto;
  }
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .group-text {
    -webkit-box-flex: 0;
    -moz-box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 1.25rem 0 2.5rem;
    text-align: left;
  }
}
@media (min-width: 112.5em) {
  .paragraph--type--cta-webform .group-text {
    padding: 0 1.25rem 0 2.5rem;
  }
}
.paragraph--type--cta-webform--has-background-img .group-text {
  padding: 1.25rem;
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform--has-background-img .group-text {
    padding: 6.25rem 2.5rem;
  }
}
@media (min-width: 112.5em) {
  .paragraph--type--cta-webform--has-background-img .group-text {
    padding: 4.375rem 2.5rem;
  }
}
.paragraph--type--cta-webform .field--name-field-title h2 {
  color: #393e40;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 0;
}
@media (min-width: 56.25em) {
  .paragraph--type--cta-webform .field--name-field-title h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .field--name-field-title h2 {
    font-size: 2rem;
  }
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .field--name-field-title h2 {
    text-align: left;
  }
}
.paragraph--type--cta-webform .field--name-field-title h2::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem auto;
  background-color: #23AB3B;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .field--name-field-title h2::after {
    margin: 1rem 0;
  }
}
.paragraph--type--cta-webform.paragraph--has-background-img
  .field--name-field-title
  h2 {
  color: #ffffff;
}
.paragraph--type--cta-webform .field--name-field-body p {
  line-height: 1.8;
  font-weight: 300;
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .field--name-field-body p {
    font-size: 1.125rem;
  }
}
.paragraph--type--cta-webform.paragraph--has-background-img
  .field--name-field-body
  p,
.paragraph--type--cta-webform.paragraph--has-background-img
  .field--name-field-body
  strong {
  color: #ffffff;
}
.paragraph--type--cta-webform .field--name-field-webform-reference {
  padding: 0 1.25rem;
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform .field--name-field-webform-reference {
    -webkit-box-flex: 0;
    -moz-box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 2.5rem 0.1rem 1.25rem;
  }
}
@media (min-width: 112.5em) {
  .paragraph--type--cta-webform .field--name-field-webform-reference {
    padding: 0 2.5rem 0.1rem 1.25rem;
  }
}
.paragraph--type--cta-webform--has-background-img
  .field--name-field-webform-reference {
  padding: 1.25rem;
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform--has-background-img
    .field--name-field-webform-reference {
    padding: 6.25rem 2.5rem;
  }
}
@media (min-width: 112.5em) {
  .paragraph--type--cta-webform--has-background-img
    .field--name-field-webform-reference {
    padding: 4.375rem 2.5rem;
  }
}
.paragraph--type--cta-webform .webform-container {
  /* margin: 0;*/
  padding: 0;
}
.paragraph--type--cta-webform .form-item label {
  font-weight: 300;
}
.paragraph--type--cta-webform.paragraph--has-background-img .description,
.paragraph--type--cta-webform.paragraph--has-background-img .form-item label {
  color: #ffffff;
}
.paragraph--type--cta-webform .webform-details-toggle-state {
  text-decoration: none;
}
.paragraph--type--cta-webform .webform-details-toggle-state:hover,
.paragraph--type--cta-webform .webform-details-toggle-state:focus {
  text-decoration: underline;
}
.paragraph--type--cta-webform.paragraph--has-background-img
  .webform-details-toggle-state {
  color: #ffffff;
}
@media (min-width: 37.5em) and (max-width: 74.9375em) {
  .paragraph--type--cta-webform form {
    max-width: 31.875rem;
    margin: 0 auto;
  }
}
@media (min-width: 75em) {
  .paragraph--type--cta-webform form {
    /*max-width: 28.125rem;*/
    margin: 0 auto;
  }
}
.paragraph--type--cta-webform .form-actions {
  margin-bottom: 0;
}
.paragraph--type--cta-webform input[type="submit"] {
  width: 100%;
  margin-left: 0;
}
.paragraph--type--cta-webform.paragraph--has-background-img legend {
  color: #ffffff;
}
.paragraph--type--cta-webform details {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.paragraph--type--wsiwyg {
  max-width: 56.25em;
  margin: 2.5rem auto;
  padding: 0;
}
.paragraph--type--wsiwyg .display-title {
  color: #393e40;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
}
@media (min-width: 56.25em) {
  .paragraph--type--wsiwyg .display-title {
    font-size: 1.75rem;
  }
}
@media (min-width: 75em) {
  .paragraph--type--wsiwyg .display-title {
    font-size: 2rem;
  }
}
.paragraph--type--wsiwyg .display-title::after {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin: 1rem auto;
  background-color: #23AB3B;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.paragraph--type--wsiwyg .display-title:first-child {
  margin-top: 0;
}

.paragraph--type--two-columns .paragraph--type--wsiwyg,
.paragraph--type--three-columns .paragraph--type--wsiwyg,
.paragraph--type--updated-three-columns .paragraph--type--wsiwyg {
  margin-top: 0;
  margin-bottom: 0;
  /*
  * Paragraphs in a layout that
  * have a background color
  */
}
@media (min-width: 62.5em) {
  .paragraph--type--two-columns .paragraph--type--wsiwyg,
  .paragraph--type--three-columns .paragraph--type--wsiwyg,
  .paragraph--type--updated-three-columns .paragraph--type--wsiwyg {
    padding: 0;
  }
}
.paragraph--type--two-columns .paragraph--type--wsiwyg.paragraph--bg::before,
.paragraph--type--three-columns .paragraph--type--wsiwyg.paragraph--bg::before,
.paragraph--type--updated-three-columns
  .paragraph--type--wsiwyg.paragraph--bg::before {
  display: none;
}

/*
* Paragraph modifiers
*/
.paragraph {
  /*
  * Yellow Buttons and Light Grey Background
  */
  /*
  * Yellow Buttons and Charcoal Grey Background
  */
  /*
  * Charcoal Grey Buttons and Light Grey Background
  */
  /*
  * Yellow Buttons and Green Background
  */
  /*
  * Charcoal Buttons and White Background
  */
  /*
  * Charcoal Grey Buttons and Yellow Background
  */
  /*
  * Yellow Buttons and Blue Background
  */
  /*
  * Charcoal Grey Buttons and Red Background
  */
  /*
  * From Library Paragraph Type
  */
}
.paragraph--bg {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.paragraph--bg:last-child {
  margin-bottom: 0;
}
.paragraph--bg-light_grey {
  position: relative;
  z-index: 1;
  background-color: #e8e9ed;
}
.paragraph--bg-light_grey::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #e8e9ed;
  z-index: -1;
  background-size: cover;
}
/* Start of Green background WYSIWYG paragraph */
.paragraph--bg-yellow {
  position: relative;
  z-index: 1;
  background-color: #C6F221;
}
.paragraph--bg-yellow::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #C6F221;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-yellow .field--name-field-body a:hover {
  color: #2c5234;
}
/* End of Green background WYSIWYG paragraph */

/* Start of off white background WYSIWYG paragraph */
.paragraph--bg-off_white {
  position: relative;
  z-index: 1;
  background-color: #F7F3E7;
}
.paragraph--bg-off_white::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #F7F3E7;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-off_white .field--name-field-body a:hover {
  color: #23AB3B;
}
/* End of off white background WYSIWYG paragraph */

/* Start of bright green background WYSIWYG paragraph */
.paragraph--bg-bright_green {
  position: relative;
  z-index: 1;
  background-color: #23AB3B;
}
.paragraph--bg-bright_green::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #23AB3B;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-bright_green .field--name-field-body a:hover {
  color: #2c5234;
}
/* End of bright green background WYSIWYG paragraph */


/* Start Dark Teal Buttons and white background */
.paragraph--bg-yellow_grey {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}
.paragraph--bg-yellow_grey::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #ffffff;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-yellow_grey .field--name-field-title {
  color: #000000;
}
.paragraph--bg-yellow_grey .field--name-field-description,
.paragraph--bg-yellow_grey .field--name-field-description p {
  color: #2f3742;
}
.paragraph--bg-yellow_grey .field--name-field-link a,
.paragraph--bg-yellow_grey .text-formatted a.btn-primary {
  background-color: #004750;
  border-color: #004750;
  color: #ffffff;
}
.paragraph--bg-yellow_grey .field--name-field-link a:visited,
.paragraph--bg-yellow_grey .text-formatted a.btn-primary:visited {
  color: #ffffff;
}
.paragraph--bg-yellow_grey .field--name-field-link a:active,
.paragraph--bg-yellow_grey .text-formatted a.btn-primary:active,
.paragraph--bg-yellow_grey .field--name-field-link a:hover,
.paragraph--bg-yellow_grey .text-formatted a.btn-primary:hover,
.paragraph--bg-yellow_grey .field--name-field-link a:focus,
.paragraph--bg-yellow_grey .text-formatted a.btn-primary:focus {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
/* End Dark Teal Buttons and white background */

.paragraph--bg-yellow_charcoal {
  position: relative;
  z-index: 1;
  background-color: #000000;
}

/* Start of Periwinkle Button and Black Background */
.paragraph--bg-yellow_charcoal::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #000000;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-yellow_charcoal .text-formatted h2,
.paragraph--bg-yellow_charcoal .text-formatted h2 strong,
.paragraph--bg-yellow_charcoal .text-formatted h3,
.paragraph--bg-yellow_charcoal .text-formatted h3 strong,
.paragraph--bg-yellow_charcoal .text-formatted p,
.paragraph--bg-yellow_charcoal .text-formatted ul li {
  color: #ffffff;
}
.paragraph--bg-yellow_charcoal .text-formatted a {
  color: #3BE7F4;
}
.paragraph--bg-yellow_charcoal .text-formatted a.btn-primary {
  background-color: #8E93FF;
  border-color: #8E93FF;
  color: #000000;
}
.paragraph--bg-yellow_charcoal .text-formatted a.btn-primary:visited {
  color: #000000;
}
.paragraph--bg-yellow_charcoal .field--name-field-description,
.paragraph--bg-yellow_charcoal .field--name-field-description .trimmed p {
  color: #ffffff;
}
.paragraph--bg-yellow_charcoal .field--name-field-title {
  color: #ffffff;
}
.paragraph--bg-yellow_charcoal .field--name-field-link a {
  background-color: #8E93FF;
  border-color: #8E93FF;
  color: #000000;
}
.paragraph--bg-yellow_charcoal .field--name-field-link a:visited {
  color: #000000;
}
.paragraph--bg-yellow_charcoal .field--name-field-link a:hover {
  background-color: #F7F3E7;
  border-color: #F7F3E7;
  color: #000000;
}
/* End of Periwinkle Button and Black Background */

/* Start of Electric Green Button > Black Background */
.paragraph--bg-charcoal_grey {
  position: relative;
  z-index: 1;
  background-color: #000000;
}
.paragraph--bg-charcoal_grey::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #000000;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-charcoal_grey .text-formatted h2,
.paragraph--bg-charcoal_grey .text-formatted h2 strong,
.paragraph--bg-charcoal_grey .text-formatted h3,
.paragraph--bg-charcoal_grey .text-formatted h3 strong,
.paragraph--bg-charcoal_grey .text-formatted p,
.paragraph--bg-charcoal_grey .text-formatted ul li {
  color: #ffffff;
}
.paragraph--bg-charcoal_grey .text-formatted a {
  color: #3BE7F4;
}
.paragraph--bg-charcoal_grey .field--name-field-description,
.paragraph--bg-charcoal_grey .field--name-field-description .trimmed p {
  color: #ffffff;
}
.paragraph--bg-charcoal_grey .field--name-field-title {
  color: #ffffff;
}
.paragraph--bg-charcoal_grey .text-formatted a.btn-primary {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
.paragraph--bg-charcoal_grey .text-formatted a.btn-primary:visited {
  color: #000000;
}
.paragraph--bg-charcoal_grey .field--name-field-link a {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
.paragraph--bg-charcoal_grey .field--name-field-link a:visited {
  color: #000000;
}
.paragraph--bg-charcoal_grey .field--name-field-link a:hover {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
/* End of Electric Green Button > Black Background */

/* Start of Sky Button and Black Background */
.paragraph--bg-yellow_green {
  position: relative;
  z-index: 1;
  background-color: #000000;
}
.paragraph--bg-yellow_green::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #000000;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-yellow_green .text-formatted h2,
.paragraph--bg-yellow_green .text-formatted h2 strong,
.paragraph--bg-yellow_green .text-formatted h3,
.paragraph--bg-yellow_green .text-formatted h3 strong,
.paragraph--bg-yellow_green .text-formatted p,
.paragraph--bg-yellow_green .text-formatted ul li {
  color: #ffffff;
}
.paragraph--bg-yellow_green .text-formatted a {
  color: #3BE7F4;
}
.paragraph--bg-yellow_green .text-formatted a.btn-primary {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
.paragraph--bg-yellow_green .text-formatted a.btn-primary:visited {
  color: #000000;
}
.paragraph--bg-yellow_green .field--name-field-description,
.paragraph--bg-yellow_green .field--name-field-description .trimmed p {
  color: #ffffff;
}
.paragraph--bg-yellow_green .field--name-field-title {
  color: #ffffff;
}
.paragraph--bg-yellow_green .field--name-field-link a {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
.paragraph--bg-yellow_green .field--name-field-link a:visited {
  color: #000000;
}
.paragraph--bg-yellow_green .field--name-field-link a:hover,
.paragraph--bg-yellow_green .field--name-field-link a:active,
.paragraph--bg-yellow_green .field--name-field-link a:focus {
  background-color: #F7F3E7;
  border-color: #F7F3E7;
  color: #000000;
}
.paragraph--bg-yellow_green .cta--horizontal .cta__title::after {
  background-color: #ffffff;
}
/* End of Sky Button and Black Background */

/* Start of Dark Teal Button and Off White Background*/
.paragraph--bg-charcoal_white {
  position: relative;
  z-index: 1;
  background-color: #F7F3E7;
}
.paragraph--bg-charcoal_white::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #F7F3E7;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-charcoal_white .text-formatted a.btn-primary {
  background-color: #004750;
  border-color: #004750;
  color: #ffffff;
}
.paragraph--bg-charcoal_white .text-formatted a.btn-primary:visited {
  color: #ffffff;
}
.paragraph--bg-charcoal_white .field--name-field-title {
  color: #000000;
}
.paragraph--bg-charcoal_white .field--name-field-description,
.paragraph--bg-charcoal_white .field--name-field-description p {
  color: #000000;
}
.paragraph--bg-charcoal_white .field--name-field-link a {
  background-color: #004750;
  border-color: #004750;
  color: #ffffff;
}
.paragraph--bg-charcoal_white .field--name-field-link a:visited {
  color: #ffffff;
}
.paragraph--bg-charcoal_white .field--name-field-link a:hover {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
/* End of Dark Teal Button and Off White Background */

/* Start of Electric Green Button and Dark Teal Background */
.paragraph--bg-charcoal_yellow {
  position: relative;
  z-index: 1;
  background-color: #004750;  
}
.paragraph--bg-charcoal_yellow::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #004750;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-charcoal_yellow .text-formatted h2,
.paragraph--bg-charcoal_yellow .text-formatted h2 strong,
.paragraph--bg-charcoal_yellow .text-formatted h3,
.paragraph--bg-charcoal_yellow .text-formatted h3 strong,
.paragraph--bg-charcoal_yellow .text-formatted p,
.paragraph--bg-charcoal_yellow .text-formatted ul li {
  color: #ffffff;
}
.paragraph--bg-charcoal_yellow .text-formatted a {
  color: #3BE7F4;
}
.paragraph--bg-charcoal_yellow .text-formatted a.btn-primary {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
.paragraph--bg-charcoal_yellow .text-formatted a.btn-primary:visited {
  color: #000000;
}
.paragraph--bg-charcoal_yellow .field--name-field-title {
  color: #ffffff;
}
.paragraph--bg-charcoal_yellow .field--name-field-description,
.paragraph--bg-charcoal_yellow .field--name-field-description p {
  color: #ffffff;
}
.paragraph--bg-charcoal_yellow .field--name-field-link a {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
.paragraph--bg-charcoal_yellow .field--name-field-link a:visited {
  color: #000000;
}
.paragraph--bg-charcoal_yellow .field--name-field-link a:hover {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
/* End of Electric Green Button and Dark Teal Background */

/* Start of Sky Button and Dark Teal Background */
.paragraph--bg-yellow_blue {
  position: relative;
  z-index: 1;
  background-color: #004750;
}
.paragraph--bg-yellow_blue::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #004750;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-yellow_blue .text-formatted h2,
.paragraph--bg-yellow_blue .text-formatted h2 strong,
.paragraph--bg-yellow_blue .text-formatted h3,
.paragraph--bg-yellow_blue .text-formatted h3 strong,
.paragraph--bg-yellow_blue .text-formatted p,
.paragraph--bg-yellow_blue .text-formatted ul li {
  color: #ffffff;
}
.paragraph--bg-yellow_blue .text-formatted a {
  color: #3BE7F4;
}
.paragraph--bg-yellow_blue .text-formatted a.btn-primary {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
.paragraph--bg-yellow_blue .text-formatted a.btn-primary:visited {
  color: #000000;
}
.paragraph--bg-yellow_blue .field--name-field-description,
.paragraph--bg-yellow_blue .field--name-field-title {
  color: #ffffff;
}
.paragraph--bg-yellow_blue .field--name-field-link a {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
.paragraph--bg-yellow_blue .field--name-field-link a:visited {
  color: #000000;
}
.paragraph--bg-yellow_blue .field--name-field-link a:hover,
.paragraph--bg-yellow_blue .field--name-field-link a:active,
.paragraph--bg-yellow_blue .field--name-field-link a:focus {
  background-color: #C6F221;
  border-color: #C6F221;
  color: #000000;
}
/* End of Sky Button and Dark Teal Background */

/* Start of Off White Button > Dark Teal Background  */
.paragraph--bg-charcoal_red {
  position: relative;
  z-index: 1;
  background-color: #004750;
}
.paragraph--bg-charcoal_red::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #004750;
  z-index: -1;
  background-size: cover;
}
.paragraph--bg-charcoal_red .text-formatted h2,
.paragraph--bg-charcoal_red .text-formatted h2 strong,
.paragraph--bg-charcoal_red .text-formatted h3,
.paragraph--bg-charcoal_red .text-formatted h3 strong,
.paragraph--bg-charcoal_red .text-formatted p,
.paragraph--bg-charcoal_red .text-formatted ul li {
  color: #ffffff;
}
.paragraph--bg-charcoal_red .text-formatted a {
  color: #3BE7F4;
}
.paragraph--bg-charcoal_red .text-formatted a.btn-primary {
  background-color: #F7F3E7;
  border-color: #F7F3E7;
  color: #000000;
}
.paragraph--bg-charcoal_red .text-formatted a.btn-primary:visited {
  color: #ffffff;
}
.paragraph--bg-charcoal_red .field--name-field-description,
.paragraph--bg-charcoal_red .field--name-field-description .trimmed p {
  color: #ffffff;
}
.paragraph--bg-charcoal_red .field--name-field-title {
  color: #ffffff;
}
.paragraph--bg-charcoal_red .field--name-field-link a {
  background-color: #F7F3E7;
  border-color: #F7F3E7;
  color: #000000;
}
.paragraph--bg-charcoal_red .field--name-field-link a:visited {
  color: #000000;
}
.paragraph--bg-charcoal_red .field--name-field-link a:hover,
.paragraph--bg-charcoal_red .field--name-field-link a:active,
.paragraph--bg-charcoal_red .field--name-field-link a:focus {
  background-color: #3BE7F4;
  border-color: #3BE7F4;
  color: #000000;
}
.paragraph--type--from-library {
  margin: 2.5rem 0;
}

.region {
  overflow: hidden;
}
.region .region-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}
@media (min-width: 56.25em) {
  .region .region-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.dialog-off-canvas-main-canvas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
}

.toolbar-fixed .dialog-off-canvas-main-canvas {
  min-height: calc(100vh - 39px);
}

@media (min-width: 976px) {
  .toolbar-fixed.toolbar-tray-open .dialog-off-canvas-main-canvas {
    min-height: calc(100vh - 79px);
  }
}

.region--content-prefix {
  width: 100%;
}

.path-frontpage .region--content-prefix {
  margin-top: 0;
}

.path-frontpage .region--content-prefix .layout-container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.path-frontpage .section-content > .layout-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.path-frontpage .node--view-mode-full {
  margin-top: 0;
}

.region--content {
  overflow: visible;
}

.section-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: white;
}
.section-content > .layout-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 56.25em) {
  .section-content > .layout-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.region--footer-first {
  background-color: #f3f5f6;
}

.region--footer-second {
  padding-top: 1.375em;
  padding-bottom: 1.375em;
  background-color: #e8e9ed;
}
.region--footer-second .region__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 56.25em) {
  .region--footer-second .region__inner {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}
@media (min-width: 56.25em) {
  .region--footer-second .region__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 56.25em) {
  .region--footer-second .region__inner {
    -webkit-box-pack: none;
    -ms-flex-pack: none;
    justify-content: none;
  }
}

.config_pages--type--footer-configuration.config_pages--view-mode--full {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 56.25em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--full {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 0) and (max-width: 56.25em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--full {
    padding-left: 0;
    padding-right: 0;
  }
}

.config_pages--type--footer-configuration.config_pages--view-mode--bottom {
  display: block;
}
@media (min-width: 0) and (max-width: 56.25em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--bottom {
    text-align: center;
  }
}
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-description {
  display: inline-block;
  float: left;
  color: #393e40;
  font-size: 0.875rem;
}
@media (min-width: 0) and (max-width: 56.25em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--bottom
    .field--name-field-description {
    text-align: center;
    margin-bottom: 1rem;
    float: none;
  }
}
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 37.5em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--bottom
    .field--name-field-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 56.25em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--bottom
    .field--name-field-links {
    float: right;
  }
}
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-links
  > .field__item:last-child
  > a {
  border-right: 0;
}
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-links
  a {
  color: #393e40;
  margin-left: 1rem;
  padding-right: 1rem;
  border-right: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
}
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-links
  a:hover,
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-links
  a:active,
.config_pages--type--footer-configuration.config_pages--view-mode--bottom
  .field--name-field-links
  a:focus {
  text-decoration: underline;
}
@media (min-width: 37.5em) {
  .config_pages--type--footer-configuration.config_pages--view-mode--bottom
    .field--name-field-links
    a {
    border-right: 1px solid #686e71;
  }
}

#header {
  position: relative;
  background-color: white;
}

.print--letterhead {
  display: none;
}

.region--masthead-prefix {
  background-color: #FFFFFF;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*
  * Reorder the blocks
  */
}
@media (min-width: 37.5em) {
  .region--masthead-prefix {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}
@media (min-width: 75em) {
  .region--masthead-prefix {
    padding-left: 2.9375rem;
    padding-right: 2.9375rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.region--masthead-prefix .region__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 62.5em) {
  .region--masthead-prefix .region__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (min-width: 0) and (max-width: 62.4375em) {
  .region--masthead-prefix .region__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.region--masthead-prefix .block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (min-width: 62.5em) {
  .region--masthead-prefix .block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 47.5em) {
  .region--masthead-prefix .lhi-login-form.block {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.region--masthead-prefix .block-config-pages {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.region--masthead-prefix .menu--secondary-menu {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media (min-width: 62.5em) {
  .region--masthead-prefix .menu--secondary-menu {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.region--masthead-prefix .lhi-login-form {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 4;
  order: 4;
}
@media (min-width: 62.5em) {
  .region--masthead-prefix .lhi-login-form {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.region--masthead-prefix #block-changelanguage {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
}
@media (min-width: 62.5em) {
  .region--masthead-prefix #block-changelanguage {
    -ms-flex-order: 4;
    order: 4;
  }
}

.config_pages--view-mode--header {
  color: #686e71;
}
.config_pages--view-mode--header .field--type-telephone a {
  text-decoration: none;
  color: #686e71;
  font-weight: 700;
}
.config_pages--view-mode--header .field--type-telephone a:hover {
  text-decoration: underline;
}
.config_pages--view-mode--header .field--type-telephone.field--label-inline {
  margin-top: 0;
  letter-spacing: 0.5px;
}
.config_pages--view-mode--header
  .field--type-telephone.field--label-inline
  .field__label {
  font-weight: 700;
}

.masthead__group {
  position: relative;
  z-index: 4;
  background-color: #ffffff;
  overflow: visible;
  height: 100%;
  padding: 1rem;
  border-bottom: solid 1px #e8e9ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 56.25em) {
  .masthead__group {
    padding: 1rem 1.5625rem;
  }
}
@media (min-width: 75em) {
  .masthead__group {
    padding: 1rem 2.9375rem;
  }
}
.masthead__group .region__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.region--masthead-primary__left {
  overflow: visible;
}

.region--masthead-primary__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  overflow: visible;
  padding: 0;
}
@media (min-width: 75em) {
  .region--masthead-primary__right {
    padding: 0;
  }
}
.region--masthead-primary__right .region__inner {
  width: 90%;
}

.region--masthead-secondary {
  overflow: visible;
}
.region--masthead-secondary .region__inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.region--sidebar-first,
.region--sidebar-second {
  overflow: visible;
}

.search-overlay {
  -webkit-transition: opacity 0.4s 0.2s;
  transition: opacity 0.4s 0.2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 71, 80, 0.8);
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 81.25em) {
  .search-overlay {
    display: none;
  }
}

.search-active #header {
  position: relative;
  z-index: 2;
}

.search-active .search-overlay {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.block-responsive-menu-toggle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 75em) {
  .block-responsive-menu-toggle {
    display: none;
  }
}
.block-responsive-menu-toggle .responsive-menu-toggle-icon::before,
.block-responsive-menu-toggle .responsive-menu-toggle-icon::after {
  display: none;
}
.block-responsive-menu-toggle .responsive-menu-toggle-icon span.hamburger-inner,
.block-responsive-menu-toggle
  .responsive-menu-toggle-icon
  span.hamburger-inner::before,
.block-responsive-menu-toggle
  .responsive-menu-toggle-icon
  span.hamburger-inner::after {
  background-color: #262a2d;
}
.block-responsive-menu-toggle .responsive-menu-toggle-icon .label {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.block-responsive-menu-toggle a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 3.375rem;
  width: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-color: transparent;
}
.block-responsive-menu-toggle a:hover,
.block-responsive-menu-toggle a:focus {
  opacity: 1;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border-color: #C6F221;
}
.block-responsive-menu-toggle a:focus {
  outline: 1px solid #C6F221;
}
.block-responsive-menu-toggle .hamburger-box {
  width: 24px;
  height: 22px;
}
.block-responsive-menu-toggle .hamburger-inner,
.block-responsive-menu-toggle .hamburger-inner::before,
.block-responsive-menu-toggle .hamburger-inner::after {
  width: 24px;
}
.block-responsive-menu-toggle .hamburger-inner::before {
  top: -8px;
}
.block-responsive-menu-toggle .hamburger-inner::after {
  bottom: -8px;
}

.user-is-tabbing .menu-toggle-wrapper a:focus {
  outline: 1px solid #C6F221;
}

.block-search-toggle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: -1px;
}
@media (min-width: 56.25em) {
  .block-search-toggle {
    display: none;
  }
}
.block-search-toggle .search-toggle {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0;
  background-image: none;
  background-color: transparent;
  padding: 0.625rem;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
}
.block-search-toggle .search-toggle::before {
  font-family: "Material Icons Outlined";
  content: "\eb49";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  font-size: 2rem;
  color: #262a2d;
}
.block-search-toggle .search-toggle::after {
  font-family: "Material Icons Outlined";
  content: "\e97f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
  display: none;
  font-size: 2rem;
  color: #262a2d;
}
.block-search-toggle .search-toggle:hover,
.block-search-toggle .search-toggle:focus {
  border-color: #C6F221;
}
.block-search-toggle .search-toggle:focus {
  outline: 1px solid #C6F221;
}
.block-search-toggle .search-toggle.open::before {
  display: none;
}
.block-search-toggle .search-toggle.open::after {
  display: block;
}

html {
  -webkit-box-shadow: 0px 100px 0px 0px #262a2d;
  box-shadow: 0px 100px 0px 0px #262a2d;
}

.mm-page {
  padding-top: 0 !important;
}

body.toolbar-vertical .dialog-off-canvas-main-canvas,
body.toolbar-horizontal .dialog-off-canvas-main-canvas {
  padding-top: 39px;
}

@media (min-width: 975px) {
  body.toolbar-vertical.toolbar-tray-open .dialog-off-canvas-main-canvas,
  body.toolbar-horizontal.toolbar-tray-open .dialog-off-canvas-main-canvas {
    padding-top: 79px;
  }
}

html.mm-wrapper_opened:not(.mm-wrapper_opening) body.toolbar-vertical {
  padding-top: 0 !important;
}

html.main-nav--active,
body.main-nav--active {
  height: 100%;
  overflow: hidden;
}

html.no-scroll {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
}

.page-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}
.page-container header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.page-container main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.page-container footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.layout {
  margin-left: -0.625em;
  margin-right: -0.625em;
}
.layout > .layout__region {
  max-width: 100%;
}
.layout > .layout__region .draggable {
  cursor: move;
}

#main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
}
@media (min-width: 56.25em) {
  #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
  }
}

@media (min-width: 56.25em) {
  .path-frontpage #main {
    padding: 0;
  }
}

@media (min-width: 56.25em) {
  .layout-sidebar-first + #main {
    padding-left: 1.25rem;
  }
}

.sidebar {
  position: relative;
  z-index: 1;
}

.layout-sidebar-first {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
@media (min-width: 56.25em) {
  .layout-sidebar-first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}

.region--sidebar-first {
  margin-left: -0.8125rem;
  margin-right: -0.8125rem;
}

.layout-sidebar-second {
  border-top: 1px solid #f3f5f6;
  width: 100%;
}
@media (min-width: 56.25em) {
  .layout-sidebar-second {
    border-top: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15.625rem;
    flex: 0 0 15.625rem;
    background-color: #e8e9ed;
    margin-right: -4.375rem;
    padding-top: 2.5rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}
@media (min-width: 56.25em) {
  .layout-sidebar-second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18.75rem;
    flex: 0 0 18.75rem;
    margin-left: 2.5rem;
  }
}
@media (min-width: 62.5em) {
  .layout-sidebar-second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 75em) {
  .layout-sidebar-second {
    margin-right: -4.375rem;
    margin-left: 6.25rem;
  }
}

.block-page-title-block
  + .block-system-main-block
  .layout--onecol:first-child
  .block
  > h2 {
  margin-top: 0;
  padding-top: 0;
}

.path-user:not(.user-logged-in) #header {
  padding-bottom: 0;
}

.path-user:not(.user-logged-in) .block--system-menu-block-account {
  display: none;
}

.path-user:not(.user-logged-in) div[role="contentinfo"] {
  margin-top: 1.875em;
}

.path-user:not(.user-logged-in) .block-system-breadcrumb-block {
  display: none;
}

.path-user:not(.user-logged-in) .block-local-tasks-block nav,
.path-user:not(.user-logged-in) .block-local-tasks-block ul {
  margin-top: 0;
}

.path-user:not(.user-logged-in) .block-page-title-block {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.path-user:not(.user-logged-in) .tabs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2.5em;
}

.path-user:not(.user-logged-in) .block-system-main-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 1.5625rem;
}
.path-user:not(.user-logged-in) .block-system-main-block .lhi-login-form,
.path-user:not(.user-logged-in) .block-system-main-block .user-login-form,
.path-user:not(.user-logged-in) .block-system-main-block .user-pass {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 450px;
  flex: 0 1 450px;
  max-width: 450px;
  width: 100%;
}
.path-user:not(.user-logged-in)
  .block-system-main-block
  .user-pass
  .form-item-name {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.path-user:not(.user-logged-in)
  .block-system-main-block
  .user-pass
  .form-item-name
  + p {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.path-user:not(.user-logged-in) .block-system-main-block .user-pass-reset {
  margin-top: 2.1875rem;
}
.path-user:not(.user-logged-in) .block-system-main-block .user-pass-reset p {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.path-homepage .layout:not(:last-child),
.is-landing-page .layout:not(:last-child) {
  position: relative;
  padding-bottom: 2.1875rem;
}
.path-homepage .layout:not(:last-child)::after,
.is-landing-page .layout:not(:last-child)::after {
  content: "";
  border-bottom: 1px solid #e8e9ed;
  position: absolute;
  top: 100%;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

.layout:not(.layout--onecol):not(.layout--twocol-25-75):not(
    .layout--twocol-75-25
  )
  .node--view-mode-teaser
  .layout {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout:not(.layout--onecol):not(.layout--twocol-25-75):not(
    .layout--twocol-75-25
  )
  .node--view-mode-teaser
  .layout
  .layout__region {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.layout--twocol-25-75 .layout__region-sidebar .node--view-mode-teaser .layout,
.layout--twocol-75-25 .layout__region-sidebar .node--view-mode-teaser .layout {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout--twocol-25-75
  .layout__region-sidebar
  .node--view-mode-teaser
  .layout
  .layout__region,
.layout--twocol-75-25
  .layout__region-sidebar
  .node--view-mode-teaser
  .layout
  .layout__region {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 62.4375em) {
  .layout--twocol-25-75 .layout__region-main .node--view-mode-teaser .layout,
  .layout--twocol-75-25 .layout__region-main .node--view-mode-teaser .layout {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 62.4375em) {
  .layout--twocol-25-75
    .layout__region-main
    .node--view-mode-teaser
    .layout
    .layout__region,
  .layout--twocol-75-25
    .layout__region-main
    .node--view-mode-teaser
    .layout
    .layout__region {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
@media (min-width: 56.25em) {
  .layout {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.layout > .layout__region {
  max-width: 100%;
}
.layout > .layout__region .draggable {
  cursor: move;
}

.layout__region {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.layout--onecol .layout__region--content {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 100%;
}

@media (min-width: 56.25em) {
  .layout--twocol-sidebar-first .layout__region--first {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    max-width: 33%;
  }
}

@media (min-width: 56.25em) {
  .layout--twocol-sidebar-first .layout__region--second {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 67%;
    flex: 1 1 67%;
    max-width: 67%;
  }
}

@media (min-width: 56.25em) {
  .layout--twocol-sidebar-second .layout__region--first {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 67%;
    flex: 0 1 67%;
    max-width: 67%;
  }
}

@media (min-width: 56.25em) {
  .layout--twocol-sidebar-second .layout__region--second {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    max-width: 33%;
  }
}

@media (min-width: 56.25em) {
  .layout--twocol-split .layout__region--first,
  .layout--twocol-split .layout__region--second {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
  }
}

@media (min-width: 56.25em) {
  .layout--threecol-split .layout__region--first,
  .layout--threecol-split .layout__region--second,
  .layout--threecol-split .layout__region--third {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
    max-width: 33.3333%;
  }
}

/* Pin/circle resized for Imagepin module*/
.imagepin {
  width: 20px;
  height: 20px;
}

/* N1ED reduce space above embedded video.*/
.embed-responsive-16by9::before {
  padding-top: 0px !important;
}
/* N1ED accordian arrow fixes*/
summary {
  display: block !important;
}
/* To make image center- Use 'media-center-details' class */
.image-media-center .media {
  display: block;
}
.image-media-center img {
  margin-left: auto;
  margin-right: auto;
}

/*Start of gtranslate css*/
.gtranslate {
  margin: 0px 5px;
}
.gtimg {
  display: flex;
  justify-content: center;
}
.gtimg img {
  display: block;
  margin: 0 auto;
}
#gtrans {
  padding: 0px 7px;
}
#block-gtranslate {
  display: none;
}
#block-gtranslate h2 {
  font-size: 1rem;
  color: #13355f;
  font-weight: 700;
  margin-left: 3px;
  min-width: 250px;
}
.gtext {
  margin-top: -4px;
}
.gtext a,
.gtext {
  text-decoration: none;
  font-family: "Roboto";
  font-size: 0.7rem;
  color: black;
  cursor: pointer;
  font-weight: 500;
}
.gtimg a {
  cursor: pointer;
}
a.cboxElement {
  text-decoration: none;
}

#cboxLoadedContent {
  height: 50px !important;
  width: 145px !important;
  overflow: unset !important;
}
#cboxContent {
  height: 95px !important;
}

#colorbox,
#cboxWrapper {
  height: 115px !important;
}
#colorbox {
  top: 40px !important;
}
#cboxClose {
  margin-bottom: 70px;
}
#gtranslang {
  position: fixed;
  z-index: 9999;
  bottom: 24%;
  right: 0px;
  cursor: pointer;
  margin-left: 10px;
  display: block;
  border: 1px solid #ababac;
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  background: #0b5e84;
  white-space: nowrap;
  padding: 12px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#gtranslang .gtext {
  margin-top: 0px;
}
#gtranslang .gtext a {
  color: #f2f2fa;
}

/* End of gtranslate css */

/*GB third party webform css*/
fieldset.third-party-technical-review-checkboxes .fieldset-legend {
  font-size: 1rem;
  font-weight: 500;
  margin-top: -15px;
}
.third-party-application-element-name {
  width: 85%;
}
.third-party-application-element-name > label,
.third-party-webform-labels label,
.third-party-application-element-description > label,
.third-party-application-greenbutton-url > label,
.third-party-greenbutton-application-icon > label {
  font-weight: 500 !important;
}
.third-party-application-element-firstName > label,
.third-party-application-element-lastName > label,
.third-party-application-element-contact-phoneNumber > label,
.third-party-application-element-contact-email > label {
  font-weight: 400 !important;
}
.third-party-application-greenbutton-terms-of-conditions > label {
  font-weight: 500 !important;
}
.third-party-webform-application-types
  #edit-type-of-application---wrapper-legend
  span {
  font-weight: 300;
  margin-top: -12px;
  font-size: 17px;
}
.third-party-application-element-contact-information {
  width: 85%;
  padding-left: 8px;
}
.third-party-application-element-firstName {
  width: 50%;
}
.third-party-application-element-lastName {
  width: 50%;
}
.third-party-application-element-contact-email {
  width: 50%;
}
.third-party-application-element-contact-phoneNumber {
  width: 50%;
}
.third-party-application-greenbutton-url {
  width: 80%;
}
ul.third-party-registration-markup > li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #000000;
}
.third-party-application-greenbutton-terms-of-conditions .description {
  display: none;
}
.ios-application-login-url-if-applicable label,
.android-application-login-url-if-applicable label,
.application_-portal-login-page-url label {
  width: 65%;
}
.application-portal-login-page-url input,
.ios-application-login-url-if-applicable input,
.android-application-login-url-if-applicable input {
  margin-top: -10px;
}
.third-party-greenbutton-terms-condition-pdf.form-item {
  margin-top: -28px;
}
/* End of third party technical form css*/

/* Start of Docusign signature. */
.docusign-sign-hide {
  display: none;
}

div.docusign-agreed,
div.docusign-agreed p {
  margin-top: 0;
}
/* End of Docusign signature. */

/* Start of imagepin hover css. */
.paragraph--type--image-pin-hover {
  padding-bottom: 25px;
}

/* End of imagepin hover css. */

/* block-thermometer btn css. */
.thermometer {
  left: 0;
  margin: auto;
}
.block-thermometer a.btn {
  font-size: 0.875rem;
  font-family: "Raleway", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #C6F221;
  background-color: #C6F221;
  color: #000000;
  font-weight: 600;
  padding: 0.8125rem 2rem;
  border-radius: 3px;
  font-weight: 600;
  position: relative;
  margin: 20px auto;
}
.block-thermometer a.btn:focus {
  outline: none;
}
.block-thermometer a.btn:visited {
  color: #000000;
}
.block-thermometer a.btn:hover {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}
.block-thermometer a.btn:focus,
.block-thermometer a.btn:active {
  border-color: #004750;
  background-color: #004750;
  color: #ffffff;
}

/*# sourceMappingURL=maps/de_theme.css.map */

/* ULO & TOU Changes */

.template-one .off-peak .time-of-use-indicator,
.template-one .off-peak-time {
  background-color: #8bae35;
}
.template-one .mid-peak .time-of-use-indicator,
.template-one .mid-peak-time {
  background-color: #fca419;
}
.template-one .on-peak .time-of-use-indicator,
.template-one .on-peak-time {
  background-color: #d03d09;
}
.ulo-peak .time-of-use-indicator {
  background-color: #098ab4;
}
.ulo-peak .peak-time {
  color: #000000;
}

/* Twiiter Feed CSS */

/* Outer container layout */
.outage-twitter-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
}

/* Main blocks */
.outage-twitter-wrapper .block-outage-map {
  width: 70% !important;
  padding: 0;
  margin: 0;
}

.block-outage-map.full-width {
  width: 100% !important;
}
.twitter-feed-inner {
  width: 30% !important;
  padding: 10px !important;
  margin: 0 !important;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  overflow: hidden;
}
.twitter-feed-inner .eapps-twitter-feed-container,
.twitter-feed-inner .eapps-twitter-feed-posts,
.twitter-feed-inner .eapps-twitter-feed-posts-container,
.twitter-feed-inner .eapps-twitter-feed-inner,
.twitter-feed-inner .eapps-twitter-feed-header,
.twitter-feed-inner .eapps-twitter-feed-title,
.twitter-feed-inner .eapps-twitter-feed-posts-item {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.twitter-feed-inner .eapps-twitter-feed-container {
  max-width: 100% !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

@media (max-width: 768px) {
  .outage-twitter-wrapper {
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .block-outage-map,
  .twitter-feed-inner {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .outage-twitter-wrapper .block-outage-map {
    width: 100% !important;
    padding: 0;
    margin: 0;
  }
  .twitter-feed-inner {
    width: 100% !important;
    margin-top: 20px;
    padding: 10px !important;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background-color: #fff;
  }
  .twitter-feed-inner .eapps-twitter-feed-container,
  .twitter-feed-inner .eapps-twitter-feed-posts,
  .twitter-feed-inner .eapps-twitter-feed-posts-container,
  .twitter-feed-inner .eapps-twitter-feed-inner,
  .twitter-feed-inner .eapps-twitter-feed-header,
  .twitter-feed-inner .eapps-twitter-feed-title,
  .twitter-feed-inner .eapps-twitter-feed-posts-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .twitter-feed-inner .eapps-twitter-feed-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}
@media (max-width: 768px) {
  .outage-twitter-wrapper {
    flex-direction: column;
  }
  .block-outage-map,
  .twitter-feed-inner {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .twitter-feed-inner {
    margin-top: 20px;
  }
}

/* ULO & TOU Changes */

.template-one .off-peak-time {
  background-color: #8bae35;
}
.template-one .mid-peak-time {
  background-color: #fca419;
}
.template-one .on-peak-time {
  background-color: #d03d09;
}
.template-one .off-peak .time-of-use-indicator {
  background-color: #8bae35;
}
.template-one .mid-peak .time-of-use-indicator {
  background-color: #fca419;
}
.template-one .on-peak .time-of-use-indicator {
  background-color: #d03d09;
}
.ulo-peak .time-of-use-indicator {
  background-color: #098ab4;
}

/* =====Twitter Feed CSS ===== */
.outage-twitter-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  gap: 0;
  margin-bottom: 0.5rem;
}
.block-outage-map {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.twitter-feed-inner {
  width: 30% !important;
  max-height: 600px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  display: block;
  position: relative;
}
.twitter-feed-inner .taggbox,
.twitter-feed-inner .tb_app_container,
.twitter-feed-inner .tb_app_wrapper,
.twitter-feed-inner .tb_theme_container,
.twitter-feed-inner .tb_wt_post_container,
.twitter-feed-inner .tb_wt_post_wrapper,
.twitter-feed-inner .tb_wall_header__,
.twitter-feed-inner .tb_see_more_btn_wrap {
  max-height: inherit !important;
  height: auto !important;
  overflow-y: visible !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
  display: block !important;
}
.twitter-feed-inner .tb_tweet_text,
.twitter-feed-inner .tb_feed_text,
.twitter-feed-inner .tb_tweet_content,
.twitter-feed-inner .tb_post_text,
.twitter-feed-inner .tb_content_trim {
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  display: block !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  max-height: none !important;
  height: auto !important;
}
.twitter-feed-inner .tb_sb__name {
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: visible !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: 16px !important;
}
.twitter-feed-inner::-webkit-scrollbar {
  width: 6px;
}
.twitter-feed-inner::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
a.tb_post_modal_share_button.tb__icon.tb-facebook {
  display: none;
}
.tb_wt_share_icon.tb__icon.tb-facebook.tb_wt_cursor_pointer {
  display: none;
}
@media (max-width: 768px) {
  .outage-twitter-wrapper {
    flex-direction: column;
  }
  .block-outage-map,
  .twitter-feed-inner {
    width: 100% !important;
    max-height: none;
    padding: 10px;
    margin: 0;
  }
  .twitter-feed-inner {
    width: 100% !important;
    margin-top: 20px;
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px !important;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  .twitter-feed-inner::-webkit-scrollbar {
    width: 5px;
  }
  .twitter-feed-inner::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
}

/* Start of search facet issue fix */
li.facet-item label {
  display: none;
  display: none !important;
}
li.facet-item a {
  display: block !important;
}
/* End of search facet issue fix */

.lhi-login-form .name-warning {
  display: none;
}

/* AODA fixes 2026 */
.webform-container .rc-anchor-center-item.rc-anchor-error-message {
  color: #D0021B !important;
}
.heading-class {
  font-size: 1.25rem;
  margin: 2.5rem 0 0.625rem 0;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #393e40;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}
.gtimg a.cboxElement {
  line-height: 0.7;
}