@charset "UTF-8";
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

.sask_trans_icon {
  position: relative; }

.custom::before {
  color: #005b82;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0; }

.custom::after {
  color: #00b3e2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0; }

.duotone-find-network::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: 2rem;
  content: ""; }

.duotone-find-network::after {
  /* 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: 2rem;
  content: ""; }

.duotone-phone::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: 2rem;
  content: ""; }

.duotone-phone::after {
  /* 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: 2rem;
  content: ""; }

.duotone-dig::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: 2rem;
  content: ""; }

.duotone-dig::after {
  /* 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: 2rem;
  content: ""; }

.duotone-bill::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: 2rem;
  content: ""; }

.duotone-bill::after {
  /* 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: 2rem;
  content: ""; }

.duotone-moving::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: 2rem;
  content: ""; }

.duotone-moving::after {
  /* 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: 2rem;
  content: ""; }

.duotone-line-locate::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: 2rem;
  content: ""; }

.duotone-line-locate::after {
  /* 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: 2rem;
  content: ""; }

.duotone-meter::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: 2rem;
  content: ""; }

.duotone-meter::after {
  /* 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: 2rem;
  content: ""; }

.duotone-work-environment::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: 2rem;
  content: ""; }

.duotone-work-environment::after {
  /* 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: 2rem;
  content: ""; }

.duotone-total-rewards::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: 2rem;
  content: ""; }

.duotone-total-rewards::after {
  /* 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: 2rem;
  content: ""; }

.duotone-spirit::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: 2rem;
  content: ""; }

.duotone-spirit::after {
  /* 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: 2rem;
  content: ""; }

.duotone-safety::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: 2rem;
  content: ""; }

.duotone-safety::after {
  /* 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: 2rem;
  content: ""; }

.duotone-pay-and-benefits::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: 2rem;
  content: ""; }

.duotone-pay-and-benefits::after {
  /* 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: 2rem;
  content: ""; }

.duotone-paperless-billing::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: 2rem;
  content: ""; }

.duotone-paperless-billing::after {
  /* 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: 2rem;
  content: ""; }

.duotone-paper-billing::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: 2rem;
  content: ""; }

.duotone-paper-billing::after {
  /* 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: 2rem;
  content: ""; }

.duotone-learning-and-development::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: 2rem;
  content: ""; }

.duotone-learning-and-development::after {
  /* 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: 2rem;
  content: ""; }

.duotone-e-mail::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: 2rem;
  content: ""; }

.duotone-e-mail::after {
  /* 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: 2rem;
  content: ""; }

.duotone-accountability::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: 2rem;
  content: ""; }

.duotone-accountability::after {
  /* 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: 2rem;
  content: ""; }

.duotone-collaboration::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: 2rem;
  content: ""; }

.duotone-collaboration::after {
  /* 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: 2rem;
  content: ""; }

.duotone-paperless-mouse::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: 2rem;
  content: ""; }

.duotone-paperless-mouse::after {
  /* 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: 2rem;
  content: ""; }

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

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

.layout-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 37.5em) {
    .layout-container {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .layout-container {
      max-width: 120rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }

.content-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 37.5em) {
    .content-container {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .content-container {
      max-width: 100rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }

.ui-autocomplete {
  background: #ffffff !important;
  color: #333 !important; }
  .ui-autocomplete .ui-menu-item-wrapper {
    padding: 0 !important; }

.ck-editor {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  padding: 0.625rem; }
  .ck-editor .wysiwyg-layout--row-2-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px dashed;
    margin-bottom: 1.25rem; }
    .ck-editor .wysiwyg-layout--row-2-col .wysiwyg-layout--col {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
      @media (min-width: 48em) {
        .ck-editor .wysiwyg-layout--row-2-col .wysiwyg-layout--col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; } }
  .ck-editor .wysiwyg-layout--row-3-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px dashed;
    margin-bottom: 1.25rem; }
    .ck-editor .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
      @media (min-width: 48em) {
        .ck-editor .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; } }
      @media (min-width: 64em) {
        .ck-editor .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 32%;
                  flex: 0 1 32%; } }

.cke_panel_list li {
  padding: 0.3125rem;
  overflow: visible; }
  .cke_panel_list li:hover {
    background-color: #ccc; }
  .cke_panel_list li.cke_selected {
    position: relative;
    padding-left: 0.625rem;
    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; }

.wysiwyg-icon-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }

.wysiwyg-icon-template-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1875rem;
  position: relative; }
  .wysiwyg-icon-template-content p,
  .wysiwyg-icon-template-content a {
    color: #005b82;
    display: block;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 1.1875rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-decoration: none; }
  .wysiwyg-icon-template-content .custom {
    display: block;
    height: 3.125rem;
    margin: 0 10px;
    min-width: 2.5rem;
    position: relative; }
    .wysiwyg-icon-template-content .custom::before, .wysiwyg-icon-template-content .custom::after {
      font-size: 2.5rem; }

.ck-editor {
  font-family: "IBM Plex Sans", sans-serif;
  display: block; }
  .ck-editor .wysiwyg-layout--row-2-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px dashed;
    margin-bottom: 1.25rem; }
    .ck-editor .wysiwyg-layout--row-2-col .wysiwyg-layout--col {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
      @media (min-width: 48em) {
        .ck-editor .wysiwyg-layout--row-2-col .wysiwyg-layout--col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; } }
  .ck-editor .wysiwyg-layout--row-3-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px dashed;
    margin-bottom: 1.25rem; }
    .ck-editor .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
      @media (min-width: 48em) {
        .ck-editor .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; } }
      @media (min-width: 64em) {
        .ck-editor .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 32%;
                  flex: 0 1 32%; } }
  .ck-editor .ck-widget.table {
    width: 100%; }
  .ck-editor .cke_panel_list li {
    padding: 0.3125rem;
    overflow: visible; }
    .ck-editor .cke_panel_list li:hover {
      background-color: #ccc; }
    .ck-editor .cke_panel_list li.cke_selected {
      position: relative;
      padding-left: 0.625rem;
      border-left: 3px solid #17171A; }
      .ck-editor .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%); }
      .ck-editor .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; }
    .ck-editor .cke_panel_list li a {
      overflow: visible; }
  .ck-editor span.cke_image_resizer_wrapper {
    display: block; }
  .ck-editor .wysiwyg-icon-template {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
  .ck-editor .wysiwyg-icon-template-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.1875rem;
    position: relative; }
    .ck-editor .wysiwyg-icon-template-content p,
    .ck-editor .wysiwyg-icon-template-content a {
      color: #005b82;
      display: block;
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 1.1875rem;
      font-weight: 500;
      margin: 0;
      padding: 0;
      text-decoration: none; }
    .ck-editor .wysiwyg-icon-template-content .custom {
      display: block;
      height: 3.125rem;
      margin: 0 10px;
      min-width: 2.5rem;
      position: relative; }
      .ck-editor .wysiwyg-icon-template-content .custom::before, .ck-editor .wysiwyg-icon-template-content .custom::after {
        font-size: 2.5rem; }

.field--type-text-with-summary .video-embed-field-responsive-video {
  font-size: 0; }

div[aria-label="Status message"],
div[aria-label="Error message"],
div[aria-label="Warning message"],
.messages--warning {
  position: relative;
  display: block;
  width: 100%;
  max-height: 1000px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  padding: 0.625rem 1.25rem 0.625rem 3.125rem;
  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.8125rem;
    left: 1.25rem;
    width: 1.25rem;
    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.25rem; }
  div[aria-label="Status message"] em,
  div[aria-label="Error message"] em,
  div[aria-label="Warning message"] em,
  .messages--warning em {
    margin-left: 0.3125rem;
    margin-right: 0.3125rem; }
  div[aria-label="Status message"] a,
  div[aria-label="Error message"] a,
  div[aria-label="Warning message"] a,
  .messages--warning a {
    text-decoration: underline; }
  .region--content-prefix div[aria-label="Status message"], .region--content-prefix
  div[aria-label="Error message"], .region--content-prefix
  div[aria-label="Warning message"], .region--content-prefix
  .messages--warning {
    margin-bottom: 1.5625rem; }

div[aria-label="Status message"] {
  background-color: tint(#00a000, 80%);
  border: 1px solid #00a000;
  color: black; }
  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: -.125em;
    color: #000700; }

div[aria-label="Error message"] {
  background-color: tint(#a00000, 80%);
  color: black;
  border: 1px solid #a00000; }
  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: -.125em;
    color: #070000; }
  div[aria-label="Error message"] pre {
    white-space: normal; }

div[aria-label="Warning message"],
.messages--warning {
  background-color: tint(#FFD424, 80%);
  color: black;
  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: -.125em;
    color: #8a6f00; }
  div[aria-label="Warning message"] pre,
  .messages--warning pre {
    white-space: normal; }

.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 form:not(.js-off-canvas-computed-ignore) {
  position: relative; }
  #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) input[type="text"]:not(.js-off-canvas-computed-ignore) {
    max-width: 100%;
    width: 100%; }
  #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) fieldset.form-item:not(.js-off-canvas-computed-ignore) {
    margin-top: 1.875rem;
    width: 100%;
    overflow: hidden;
    display: block; }
    #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) fieldset.form-item:not(.js-off-canvas-computed-ignore) div {
      width: 100%;
      display: block; }
    #drupal-off-canvas 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.25rem;
      margin-bottom: 1.25rem; }
    #drupal-off-canvas 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 form:not(.js-off-canvas-computed-ignore) fieldset.form-item:not(.js-off-canvas-computed-ignore) .fieldset-wrapper > .form-wrapper {
      border-bottom: 1px solid #737487; }
      #drupal-off-canvas 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 #737487; }
  #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) .js-form-type-checkbox label {
    display: inline-block; }
  #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) .description:not(.js-off-canvas-computed-ignore),
  #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) .details-description:not(.js-off-canvas-computed-ignore) {
    font-size: 0.6875rem; }
  #drupal-off-canvas form:not(.js-off-canvas-computed-ignore) .form-submit {
    margin-top: 1.875rem; }

#drupal-off-canvas .layout-builder-update-block > .form-item:first-child {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  font-size: 1.25rem; }

#drupal-off-canvas .inline-block-create-button {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important; }
  #drupal-off-canvas .inline-block-create-button:hover {
    background-color: transparent; }

#drupal-off-canvas .inline-block-list a {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #737487; }
  #drupal-off-canvas .inline-block-list a:hover {
    background-color: transparent; }

#drupal-off-canvas .inline-block-list li:last-child {
  margin-bottom: 1.5625rem; }

#drupal-off-canvas .block-categories summary a {
  background-color: transparent; }

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

#drupal-off-canvas .ui-autocomplete:not(.js-off-canvas-computed-ignore) {
  background-color: #ffffff !important; }
  #drupal-off-canvas .ui-autocomplete:not(.js-off-canvas-computed-ignore) * {
    background-color: #ffffff; }
  #drupal-off-canvas .ui-autocomplete:not(.js-off-canvas-computed-ignore) svg {
    background-color: transparent;
    margin-right: 0.3125rem; }
    #drupal-off-canvas .ui-autocomplete:not(.js-off-canvas-computed-ignore) svg path {
      fill: #737487; }
  #drupal-off-canvas .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 .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: 64em) {
      .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: tint(#00a000, 80%);
      border: 1px solid #00a000;
      color: black; }
      @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: 48em) {
  .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: 48em) {
  .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; }

.template--accordion {
  display: block;
  border-bottom: 1px solid #0b5b82;
  margin-bottom: 2.1875rem; }
  .template--accordion:first-child .accordion-trigger {
    margin-top: 0; }
  .template--accordion .accordion-trigger {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    padding: 1.125rem 4.5rem 1.125rem 1.125rem;
    margin-bottom: 0;
    margin-top: 1.0625rem; }
    .template--accordion .accordion-trigger::after {
      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: -.125em;
      color: #622567;
      font-size: 1.75rem;
      position: absolute;
      right: 1.5rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .template--accordion .accordion-trigger:hover {
      cursor: pointer;
      background-color: #bfbfbf; }
    .template--accordion .accordion-trigger:focus {
      outline: 1px solid #0b5b82;
      background-color: #bfbfbf; }
  .template--accordion .accordion-content {
    padding: 1.125rem 1.125rem 2.375rem; }

body:not(.cke_editable) .template--accordion .accordion-trigger::after {
  content: "\ea0d";
  color: #0b5b82; }

body:not(.cke_editable) .template--accordion .accordion-trigger.accordion-open {
  background-color: #bfbfbf; }
  body:not(.cke_editable) .template--accordion .accordion-trigger.accordion-open::after {
    content: "\eb71";
    color: #622567; }

body:not(.cke_editable) .template--accordion .accordion-content.accordion-closed {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.template--accordion + .template--accordion .accordion-trigger {
  margin-top: -2.1875rem; }

.template--fancy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem; }
  .template--fancy-list .left-region {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57px;
            flex: 0 0 57px;
    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: 1.5rem;
      font-weight: 700;
      width: 40px;
      height: 40px;
      background-color: #3fa200;
      border-radius: 100%;
      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;
      color: white; }
  .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.5625rem;
      margin-top: 0;
      margin-bottom: 0.25rem;
      text-transform: none; }
    .template--fancy-list .right-region .item-label {
      text-transform: none;
      font-size: 1.125rem;
      color: #333;
      margin-top: 0;
      margin-bottom: 0; }

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

label {
  margin-bottom: 0.625rem;
  font-weight: 600; }

input,
textarea {
  margin: 0; }

textarea {
  vertical-align: top; }

.form-item,
.form-wrapper:not(.container),
fieldset .field-prefix {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-bottom: 1.25rem;
  margin-top: 0; }
  @media (min-width: 56.25em) {
    .form-item,
    .form-wrapper:not(.container),
    fieldset .field-prefix {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; } }

.webform-submission-form > fieldset > legend {
  width: 100%; }
  .webform-submission-form > fieldset > legend.form-composite > legend {
    display: block;
    overflow: hidden; }
  .webform-submission-form > fieldset > legend > .fieldset-legend {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc;
    border: none;
    margin: 0;
    background-color: #f7f7f7;
    padding-top: 2rem;
    padding-left: 2rem;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "IBM Plex Sans", sans-serif;
    margin-bottom: 0;
    padding-bottom: 2rem;
    border-bottom: 0; }
  .webform-submission-form > fieldset > legend .fieldset-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.3125rem;
    margin-right: -0.3125rem; }

.webform-submission-form .webform-flexbox {
  margin: 0 !important;
  padding: 0 !important; }
  .webform-submission-form .webform-flexbox table {
    margin-bottom: 1rem; }
  .webform-submission-form .webform-flexbox .form-submit {
    background-color: white; }
  .webform-submission-form .webform-flexbox .table-container {
    padding: 0; }

.webform-submission-form #edit-flexbox-09 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .webform-submission-form #edit-flexbox-09 .fieldset-legend {
    font-size: 1rem; }

.webform-submission-form fieldset {
  border: none;
  padding-right: 0 !important;
  padding-top: 0; }

.webform-submission-form .form-item,
.webform-submission-form .form-wrapper:not(.container),
.webform-submission-form fieldset .field-prefix {
  border: none;
  padding-left: 0;
  padding-top: 0;
  margin: 0;
  margin-bottom: 1rem; }
  @media (min-width: 56.25em) {
    .webform-submission-form .form-item,
    .webform-submission-form .form-wrapper:not(.container),
    .webform-submission-form fieldset .field-prefix {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }

.webform-submission-form fieldset legend {
  border: 1px solid #dddddd;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  margin: 0 !important; }

.webform-submission-form fieldset fieldset legend {
  border: none; }

.webform-submission-form fieldset fieldset .fieldset-legend {
  padding: 0;
  padding-bottom: 0.5rem;
  border: none;
  font-size: 0.75rem;
  font-weight: 600; }

.webform-submission-form fieldset .fieldset-wrapper {
  margin: 0;
  padding: 2rem;
  width: 100%;
  padding-top: 0;
  background-color: #f7f7f7;
  border: 1px solid #dddddd;
  border-top: 0;
  border-radius: 0 0 3px 3px; }
  .webform-submission-form fieldset .fieldset-wrapper .fieldset-wrapper {
    padding: 0;
    border: none; }

.webform-submission-form .webform-element-description {
  font-size: 0.875rem; }

.webform-submission-form .webform-flex--container {
  margin: 0; }
  @media (min-width: 48em) {
    .webform-submission-form .webform-flex--container {
      margin: 0; } }

.webform-submission-form .js-form-type-datelist .container-inline {
  margin: 0; }

.webform-submission-form .form-checkboxes .form-item,
.webform-submission-form .form-radios .form-item {
  margin-bottom: 0 !important; }

.webform-submission-form input[type="radio"] + label {
  font-size: 0.875rem; }
  .webform-submission-form input[type="radio"] + label::before {
    width: 17px;
    height: 17px; }

.webform-submission-form input[type="radio"]:checked + label::before {
  background-size: 75% !important; }

.webform-submission-form .chosen-container-single .chosen-single {
  background: white;
  border-radius: 0;
  height: auto;
  padding: 0.625rem 1rem;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #737487; }
  .webform-submission-form .chosen-container-single .chosen-single div {
    width: auto; }
    .webform-submission-form .chosen-container-single .chosen-single div b {
      background-image: url("/themes/custom/de_theme/dist/img/iconography/chevron-down.svg") !important;
      background-repeat: no-repeat !important;
      background-position: right 0.625rem top 50% !important;
      background-size: 0.75rem !important;
      padding-right: 1.875rem; }

.webform-submission-form #facility_information_table {
  width: 100%; }
  .webform-submission-form #facility_information_table .form-submit {
    background-color: white; }

.webform-submission-form .form-item-facility-information .webform {
  width: 100%; }

.webform-submission-form .form-item-facility-information table {
  margin-bottom: 1rem; }

.webform-submission-form .form-item-facility-information .table-container {
  padding: 0;
  margin-bottom: 1rem;
  border: 1px solid #d8e4ea; }
  .webform-submission-form .form-item-facility-information .table-container table {
    margin-bottom: 0; }
  .webform-submission-form .form-item-facility-information .table-container th {
    display: none; }
  .webform-submission-form .form-item-facility-information .table-container .form-wrapper {
    margin-top: .5em;
    margin-bottom: 0; }

.webform-submission-form .form-item-facility-information .fieldset-wrapper {
  background-color: #ffffff; }

.webform-submission-form .form-item-facility-information .form-number {
  border: 1px solid #737487; }

.webform-submission-form .form-item-facility-information .fieldset-legend {
  font-size: 0.875rem; }

.webform-submission-form .form-item-facility-information .js-form-type-checkbox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.form-item-organization-name,
.form-item-latitude {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.form-wrapper.container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.description {
  color: #737487;
  font-size: 0.85em;
  line-height: 1.5; }

fieldset,
fieldset.form-item {
  overflow: auto;
  margin-bottom: 1.25rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

fieldset legend {
  width: 100%; }

fieldset.form-composite > legend {
  display: block;
  overflow: hidden; }

fieldset .fieldset-legend {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "IBM Plex Sans", sans-serif;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #ccc; }

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

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

form .tabledrag-toggle-weight-wrapper,
form .table-container {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.webform-confirmation {
  margin-top: 1.5625rem; }

.webform-confirmation__back a {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem; }
  .webform-confirmation__back a:focus {
    outline: none; }
  .webform-confirmation__back a:visited {
    color: #0c6895; }
  .webform-confirmation__back a:hover, .webform-confirmation__back a:focus {
    color: #0c6895;
    border-color: #0c6895; }
  .webform-confirmation__back 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: -.125em;
    content: "\ea36";
    display: block; }
  .webform-confirmation__back a::before {
    margin-right: 0.625rem; }

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'],
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  display: block;
  outline: 0;
  border: 1px solid palette(blue, xxlight);
  border-radius: 0;
  cursor: pointer;
  padding: 0.875rem;
  width: 100%;
  vertical-align: top;
  font-family: "IBM Plex Sans", sans-serif;
  text-shadow: none;
  -webkit-appearance: none; }
  textarea:hover, textarea:focus,
  select:hover,
  select:focus,
  input[type='date']:hover,
  input[type='date']:focus,
  input[type='datetime']:hover,
  input[type='datetime']:focus,
  input[type='datetime-local']:hover,
  input[type='datetime-local']:focus,
  input[type='email']:hover,
  input[type='email']:focus,
  input[type='month']:hover,
  input[type='month']:focus,
  input[type='number']:hover,
  input[type='number']:focus,
  input[type='password']:hover,
  input[type='password']:focus,
  input[type='search']:hover,
  input[type='search']:focus,
  input[type='tel']:hover,
  input[type='tel']:focus,
  input[type='text']:hover,
  input[type='text']:focus,
  input[type='time']:hover,
  input[type='time']:focus,
  input[type='url']:hover,
  input[type='url']:focus,
  input[type='week']:hover,
  input[type='week']:focus,
  input[type='file']:hover,
  input[type='file']:focus,
  .chosen-container-multi .chosen-choices li.search-field input[type="text"]:hover,
  .chosen-container-multi .chosen-choices li.search-field input[type="text"]:focus {
    border-color: #79bc43; }
  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,
  .chosen-container-multi .chosen-choices li.search-field input[type="text"].has-error {
    border-color: #a70240;
    background-color: rgba(160, 0, 0, 0.1);
    color: #a70240; }
  textarea.error,
  select.error,
  input[type='date'].error,
  input[type='datetime'].error,
  input[type='datetime-local'].error,
  input[type='email'].error,
  input[type='month'].error,
  input[type='number'].error,
  input[type='password'].error,
  input[type='search'].error,
  input[type='tel'].error,
  input[type='text'].error,
  input[type='time'].error,
  input[type='url'].error,
  input[type='week'].error,
  input[type='file'].error,
  .chosen-container-multi .chosen-choices li.search-field input[type="text"].error {
    border-color: #a70240;
    color: #a70240;
    background-color: #fff5f8; }
  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],
  .chosen-container-multi .chosen-choices li.search-field input[type="text"][disabled] {
    border-color: #ccc;
    background-color: #ccc; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
input[type="tel"],
input[type="url"] {
  max-width: 100%;
  width: 100%;
  border: 1px solid #737487;
  padding: 0.625rem 1rem;
  -webkit-appearance: none; }
  @media (min-width: 56.25em) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select,
    input[type="tel"],
    input[type="url"] {
      padding: 0.75rem 1rem; } }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]: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: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  padding: 1.125rem 2.8125rem; }
  #edit-cancel:focus {
    outline: none; }
  #edit-cancel:visited {
    color: #0c6895; }
  #edit-cancel:hover, #edit-cancel:focus {
    color: #0c6895;
    border-color: #0c6895; }
  #edit-cancel::before {
    margin-right: 0.625rem; }

.js-form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

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: 0;
    padding: 0;
    padding: 0.25rem 0.5rem;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    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: 17px;
      height: 17px;
      border: 1px solid #0b5b82;
      margin-right: 0.625rem;
      border-radius: 100%;
      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 {
    background-color: #deeef8; }
    input[type="checkbox"]:checked + label::before {
      background-color: #0b5b82;
      background-size: 75%;
      border-color: #0b5b82; }

.js-form-type-datelist {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 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.3125rem;
    margin-right: -0.3125rem; }

.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.3125rem;
    margin-right: -0.3125rem; }

input[type="datetime"],
input[type="time"],
.js-form-type-date input {
  max-width: 100%;
  width: 100%;
  border: 1px solid #ccc;
  padding: 0.625rem 1rem;
  border-radius: 3px; }
  @media (min-width: 56.25em) {
    input[type="datetime"],
    input[type="time"],
    .js-form-type-date input {
      padding: 0.75rem 1.25rem; } }
  input[type="datetime"]:focus,
  input[type="time"]:focus,
  .js-form-type-date input:focus {
    outline: none;
    border-color: #17171A; }

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

#daily-operations-summary-form .js-form-type-date,
#daily-operations-detail-form .js-form-type-date,
#daily-operations-shipper-tolerance-form .js-form-type-date {
  position: relative; }
  #daily-operations-summary-form .js-form-type-date:after,
  #daily-operations-detail-form .js-form-type-date:after,
  #daily-operations-shipper-tolerance-form .js-form-type-date:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f073";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 1.5625rem;
    color: #333;
    position: absolute;
    right: 2rem;
    bottom: 1.125rem;
    pointer-events: none; }
  @media (min-width: 37.5em) {
    #daily-operations-summary-form .js-form-type-date,
    #daily-operations-detail-form .js-form-type-date,
    #daily-operations-shipper-tolerance-form .js-form-type-date {
      display: inline-block;
      max-width: 275px; } }
  #daily-operations-summary-form .js-form-type-date input,
  #daily-operations-detail-form .js-form-type-date input,
  #daily-operations-shipper-tolerance-form .js-form-type-date input {
    border: 1px solid #16afd8;
    padding-right: 3rem;
    border-radius: 0;
    color: #0b5b82;
    font-size: 1.5rem;
    font-weight: 500;
    position: relative; }
    #daily-operations-summary-form .js-form-type-date input::-webkit-calendar-picker-indicator,
    #daily-operations-detail-form .js-form-type-date input::-webkit-calendar-picker-indicator,
    #daily-operations-shipper-tolerance-form .js-form-type-date input::-webkit-calendar-picker-indicator {
      -webkit-appearance: none;
              appearance: none;
      position: absolute;
      right: 1rem;
      opacity: 0; }

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

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

.form-type-webform-image-file {
  max-width: 400px; }
  .form-type-webform-image-file .file,
  .form-type-webform-image-file .form-file,
  .form-type-webform-image-file .form-submit {
    margin-bottom: 0.625rem;
    margin-right: 0.625rem; }
  .form-type-webform-image-file .form-submit {
    padding: 0.625rem 1.25rem;
    margin-left: 0; }
  .form-type-webform-image-file .description {
    margin-top: 0; }

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

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

input[type="radio"] {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0; }
  input[type="radio"] + label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    input[type="radio"] + label::before {
      -webkit-transition: opacity 0.3s, background-color 0.3s;
      transition: opacity 0.3s, background-color 0.3s;
      content: '';
      display: block;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 25px;
      height: 25px;
      border: 1px solid #0b5b82;
      margin-right: 0.625rem;
      border-radius: 100%;
      background-color: #ffffff;
      background-image: url("../../dist/img/iconography/checkmark--white.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 0%; }
  input[type="radio"]:focus + label {
    outline: 1px dashed #17171A; }
  input[type="radio"]:checked + label {
    background-color: #deeef8; }
    input[type="radio"]:checked + label::before {
      opacity: 1;
      background-color: #0b5b82;
      background-size: 50%;
      border-color: #0b5b82; }

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.625rem top 50%;
  background-size: 0.75rem;
  padding-right: 1.875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select::-ms-expand {
    display: none; }
  select:hover, select:focus {
    border-color: #622567; }

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

.chosen-container {
  font-size: 1rem; }
  .chosen-container .chosen-single {
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: auto;
    background-color: #ffffff;
    background-image: none;
    border-radius: 0;
    padding: 0.625rem 1rem;
    padding-right: 1.875rem; }
    .chosen-container .chosen-single:after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f078";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 900;
      position: absolute;
      right: 0.625rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #0f7fad;
      font-size: 0.875rem; }

.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none; }
  .chosen-container-active.chosen-with-drop .chosen-single:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; }

.chosen-container-single .chosen-single div b {
  display: none; }

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

.form-submit.button--primary {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: #0f7fad;
  color: #ffffff;
  padding: 1.125rem 2.8125rem;
  max-width: 100%; }
  .form-submit.button--primary:focus {
    outline: none; }
  .form-submit.button--primary:visited {
    color: #ffffff; }
  .form-submit.button--primary:hover {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .form-submit.button--primary:focus, .form-submit.button--primary:active {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .form-submit.button--primary::before {
    margin-right: 0.625rem; }

.form-submit {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  padding: 1.125rem 2.8125rem;
  max-width: 100%; }
  .form-submit:focus {
    outline: none; }
  .form-submit:visited {
    color: #0c6895; }
  .form-submit:hover, .form-submit:focus {
    color: #0c6895;
    border-color: #0c6895; }
  .form-submit::before {
    margin-right: 0.625rem; }

.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: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (max-width: 31.1875em) {
    .form-type-webform-terms-of-service .option {
      font-size: 0.875rem; } }
  .form-type-webform-terms-of-service .option a {
    margin-left: 0.375rem; }

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

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

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

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

.webform-multiple-table--operations {
  display: table-cell !important;
  padding-left: 1.25rem !important;
  padding-bottom: 0.5rem !important; }
  @media (min-width: 48em) {
    .webform-multiple-table--operations {
      padding: 0 0.125rem !important; } }

@-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.625rem;
  left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  padding: 0;
  background: #ffffff !important; }
  .ajax-progress-throbber:not(.js-off-canvas-computed-ignore) .throbber {
    width: 100%;
    height: 1.125rem;
    padding: 0;
    background-image: none;
    background-color: #0b5b82 !important;
    border-radius: 100%;
    border: 1px solid #0b5b82;
    padding: 0.875rem; }
    .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: -.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: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 0.625rem !important;
    height: 2.1875rem;
    color: #0b5b82 !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.25rem;
  margin-bottom: 1.875rem;
  -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.625rem; }

form div[id*="ajax-wrapper"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.chosen-container {
  width: 100% !important; }

.chosen-container-multi .chosen-choices {
  width: 100%;
  background-image: none;
  border: 1px solid #737487; }
  .chosen-container-multi .chosen-choices li.search-field {
    width: 100%; }
    .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
      height: auto;
      font-size: 1rem;
      margin-top: 0;
      margin-bottom: 0; }

.chosen-container-active .chosen-choices {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #17171A; }

.chosen-container .chosen-results li.active-result {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-weight: 600; }

.chosen-container .chosen-results li.active-result.highlighted {
  background-color: #deeef8;
  background-image: none;
  color: #17171A; }

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: tint(#FFD424, 80%);
  color: black;
  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: -.125em;
    color: #8a6f00;
    font-size: 0.875rem; }

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

tr.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; }
  tr.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: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: #0f7fad;
  color: #ffffff;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem;
  margin-bottom: 1.25rem; }
  .tabledrag-toggle-weight-wrapper button:focus {
    outline: none; }
  .tabledrag-toggle-weight-wrapper button:visited {
    color: #ffffff; }
  .tabledrag-toggle-weight-wrapper button:hover {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .tabledrag-toggle-weight-wrapper button:focus, .tabledrag-toggle-weight-wrapper button:active {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .tabledrag-toggle-weight-wrapper button::before {
    margin-right: 0.625rem; }

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

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

.form-type-processed-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.webform-progress {
  width: 100%; }
  .webform-progress .progress-tracker {
    margin-top: 0;
    margin-bottom: 2.5rem; }
  .webform-progress .progress-marker {
    display: block; }

@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.25rem;
      padding-bottom: 56.25%;
      background-color: #ccc;
      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: 64em) {
  .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.25rem;
      padding-bottom: 56.25%;
      background-color: #ccc;
      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;
  width: 100%;
  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: .75; }

.align-left,
.align-right,
.align-center,
iframe {
  margin-bottom: 1.875rem; }
  @media (max-width: 48em) {
    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.125rem;
  max-width: calc(50% - 25px); }

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

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

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

.iframe-container {
  position: relative;
  margin-bottom: 1.875rem;
  width: 100%; }
  .iframe-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    width: 100%;
    margin: 0;
    float: none; }
  .iframe-container .iframe-ratio-setter {
    padding-top: 56.25%; }

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

[class*="view-mode-media-inline-"].embedded-entity {
  display: contents; }

.embedded-entity,
.caption .embedded-entity + figcaption {
  width: 100%;
  display: block;
  margin-bottom: 1.5625rem; }

.embedded-entity .field--name-field-media-image {
  margin-bottom: 0; }

figure.caption.caption-drupal-media {
  display: contents; }
  figure.caption.caption-drupal-media > figcaption {
    display: block;
    margin-bottom: 1rem; }

@media (max-width: 48em) {
  .embedded-entity.align-left,
  .align-left .embedded-entity,
  .align-left figcaption,
  .align-left .media--type-image,
  .align-left.media--type-image {
    clear: both;
    float: none;
    margin-right: 0; } }

@media (min-width: 56.25em) {
  .embedded-entity.align-left,
  .align-left .embedded-entity,
  .align-left figcaption,
  .align-left .media--type-image,
  .align-left.media--type-image {
    float: left;
    clear: left;
    margin-right: 1.875rem; } }

@media (min-width: 85.375em) {
  .embedded-entity.align-left,
  .align-left .embedded-entity,
  .align-left figcaption,
  .align-left .media--type-image,
  .align-left.media--type-image {
    margin-right: 3.125rem; } }

@media (min-width: 85.375em) {
  .one_sidebar .embedded-entity.align-left, .one_sidebar
  .align-left .embedded-entity, .one_sidebar
  .align-left figcaption, .one_sidebar
  .align-left .media--type-image, .one_sidebar
  .align-left.media--type-image {
    margin-right: 1.875rem; } }

@media (max-width: 48em) {
  .embedded-entity.align-right,
  .align-right .embedded-entity,
  .align-right figcaption,
  .align-right .media--type-image,
  .align-right.media--type-image {
    clear: both;
    float: none;
    margin-left: 0; } }

@media (min-width: 56.25em) {
  .embedded-entity.align-right,
  .align-right .embedded-entity,
  .align-right figcaption,
  .align-right .media--type-image,
  .align-right.media--type-image {
    float: right;
    clear: right;
    margin-left: 1.875rem; } }

@media (min-width: 85.375em) {
  .embedded-entity.align-right,
  .align-right .embedded-entity,
  .align-right figcaption,
  .align-right .media--type-image,
  .align-right.media--type-image {
    margin-left: 3.125rem; } }

@media (min-width: 85.375em) {
  .one_sidebar .embedded-entity.align-right, .one_sidebar
  .align-right .embedded-entity, .one_sidebar
  .align-right figcaption, .one_sidebar
  .align-right .media--type-image, .one_sidebar
  .align-right.media--type-image {
    margin-left: 1.875rem; } }

.embedded-entity.align-center,
.align-center .embedded-entity,
.align-center figcaption,
.align-center .media--type-image,
.align-center.media--type-image {
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 56.25em) {
  .media--view-mode-inline-75,
  .media--view-mode-inline-75 + figcaption,
  .embedded-entity.view-mode-media-inline-75,
  .embedded-entity.view-mode-media-inline-75 + figcaption {
    width: calc(75% - 25px); } }

@media (min-width: 56.25em) {
  .media--view-mode-inline-66,
  .media--view-mode-inline-66 + figcaption,
  .embedded-entity.view-mode-media-inline-66,
  .embedded-entity.view-mode-media-inline-66 + figcaption {
    width: calc(66.666666% - 25px); } }

@media (min-width: 56.25em) {
  .media--view-mode-inline-50,
  .media--view-mode-inline-50 + figcaption,
  .embedded-entity.view-mode-media-inline-50,
  .embedded-entity.view-mode-media-inline-50 + figcaption {
    width: calc(50% - 25px); } }

@media (min-width: 56.25em) {
  .media--view-mode-inline-33,
  .media--view-mode-inline-33 + figcaption,
  .embedded-entity.view-mode-media-inline-33,
  .embedded-entity.view-mode-media-inline-33 + figcaption {
    width: calc(33.333333% - 25px); } }

@media (min-width: 56.25em) {
  .media--view-mode-inline-25,
  .media--view-mode-inline-25 + figcaption,
  .embedded-entity.view-mode-media-inline-25,
  .embedded-entity.view-mode-media-inline-25 + figcaption {
    width: calc(25% - 25px); } }

.ck-content figure.drupal-entity.ck-widget {
  max-width: unset;
  margin-left: unset;
  margin-right: unset; }
  .ck-content figure.drupal-entity.ck-widget [class*=media--view-mode-inline],
  .ck-content figure.drupal-entity.ck-widget [class*=media--view-mode-inline] + figcaption,
  .ck-content figure.drupal-entity.ck-widget [class*=view-mode-media-inline].embedded-entity,
  .ck-content figure.drupal-entity.ck-widget [class*=view-mode-media-inline].embedded-entity + figcaption {
    width: unset; }
  @media (min-width: 56.25em) {
    .ck-content figure.drupal-entity.ck-widget:has(.media--view-mode-inline-75), .ck-content figure.drupal-entity.ck-widget:has(.view-mode-media-inline-75) {
      width: calc(75% - 25px); } }
  @media (min-width: 56.25em) {
    .ck-content figure.drupal-entity.ck-widget:has(.media--view-mode-inline-75), .ck-content figure.drupal-entity.ck-widget:has(.view-mode-media-inline-66) {
      width: calc(66% - 25px); } }
  @media (min-width: 56.25em) {
    .ck-content figure.drupal-entity.ck-widget:has(.media--view-mode-inline-50), .ck-content figure.drupal-entity.ck-widget:has(.view-mode-media-inline-50) {
      width: calc(50% - 25px); } }
  @media (min-width: 56.25em) {
    .ck-content figure.drupal-entity.ck-widget:has(.media--view-mode-inline-33), .ck-content figure.drupal-entity.ck-widget:has(.view-mode-media-inline-33) {
      width: calc(33% - 25px); } }
  @media (min-width: 56.25em) {
    .ck-content figure.drupal-entity.ck-widget:has(.media--view-mode-inline-25), .ck-content figure.drupal-entity.ck-widget:has(.view-mode-media-inline-25) {
      width: calc(25% - 25px); } }

html {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

figure, p, pre {
  margin: 0 0 1.5rem; }

strong,
b {
  font-weight: 500; }

em {
  font-style: italic; }
  em strong {
    font-weight: 600; }

sub {
  text-transform: none !important; }

sup {
  top: -1em;
  text-transform: none !important; }

sup,
sub {
  text-transform: uppercase;
  font-weight: 600; }
  @media (min-width: 56.25em) {
    sup,
    sub {
      font-size: 0.625rem; } }

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

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

.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: #D8232A;
  color: #ffffff;
  padding: 0.625rem 0.9375rem;
  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 #0b5b82;
    padding: 0.75rem 1.25rem 0.75rem 4.125rem;
    border-radius: 5px;
    border-bottom-width: 3px; }
    .field--name-field-quick-link .field__item .field--name-field-link a:hover {
      text-decoration: none; }

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

.btn-primary,
a[title="Button 1"] {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: #0f7fad;
  color: #ffffff;
  padding: 1.125rem 2.8125rem; }
  .btn-primary:focus,
  a[title="Button 1"]:focus {
    outline: none; }
  .btn-primary:visited,
  a[title="Button 1"]:visited {
    color: #ffffff; }
  .btn-primary:hover,
  a[title="Button 1"]:hover {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .btn-primary:focus, .btn-primary:active,
  a[title="Button 1"]:focus,
  a[title="Button 1"]:active {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .btn-primary::before,
  a[title="Button 1"]::before {
    margin-right: 0.625rem; }

.btn-primary--small {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: #0f7fad;
  color: #ffffff;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem; }
  .btn-primary--small:focus {
    outline: none; }
  .btn-primary--small:visited {
    color: #ffffff; }
  .btn-primary--small:hover {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .btn-primary--small:focus, .btn-primary--small:active {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .btn-primary--small::before {
    margin-right: 0.625rem; }

.btn-secondary,
a[title="Button 2"] {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  padding: 1.125rem 2.8125rem; }
  .btn-secondary:focus,
  a[title="Button 2"]:focus {
    outline: none; }
  .btn-secondary:visited,
  a[title="Button 2"]:visited {
    color: #0c6895; }
  .btn-secondary:hover, .btn-secondary:focus,
  a[title="Button 2"]:hover,
  a[title="Button 2"]:focus {
    color: #0c6895;
    border-color: #0c6895; }
  .btn-secondary::before,
  a[title="Button 2"]::before {
    margin-right: 0.625rem; }

.btn-secondary--small {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem; }
  .btn-secondary--small:focus {
    outline: none; }
  .btn-secondary--small:visited {
    color: #0c6895; }
  .btn-secondary--small:hover, .btn-secondary--small:focus {
    color: #0c6895;
    border-color: #0c6895; }
  .btn-secondary--small::before {
    margin-right: 0.625rem; }

.btn-tertiary,
a[title="Button 3"] {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  color: #0b5b82;
  border-color: #0b5b82;
  border-width: 1px;
  padding: 1.125rem 2.8125rem; }
  .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 {
    border-color: #622567;
    color: #622567; }
  .btn-tertiary:focus,
  a[title="Button 3"]:focus {
    outline: 1px solid #622567; }
  .btn-tertiary::before,
  a[title="Button 3"]::before {
    margin-right: 0.625rem; }

.btn-tertiary--small {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  color: #0b5b82;
  border-color: #0b5b82;
  border-width: 1px;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem; }
  .btn-tertiary--small:focus {
    outline: none; }
  .btn-tertiary--small:hover, .btn-tertiary--small:focus {
    border-color: #622567;
    color: #622567; }
  .btn-tertiary--small:focus {
    outline: 1px solid #622567; }
  .btn-tertiary--small::before {
    margin-right: 0.625rem; }

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

.description {
  font-size: 0.75rem;
  margin-top: 0.5rem; }

details {
  border: 1px solid transparent;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: -1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  details p:last-child {
    margin-bottom: 0; }
  details > details {
    padding: 0; }
  details summary {
    display: block;
    position: relative;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    color: #0f7fad;
    font-size: 1rem;
    font-weight: 500;
    margin-left: -1px;
    margin-right: -1px;
    line-height: 1.5rem;
    padding: 1rem;
    padding-right: 4.0625rem; }
    details summary:focus {
      border-color: #96d7f6;
      outline: none; }
      @media not all and (min-resolution: 0.001dpcm) {
        @supports (-webkit-appearance: none) {
          details summary:focus {
            outline: 1px dashed #17171A; } } }
    @media (min-width: 56.25em) {
      details summary {
        font-size: 1.1875rem;
        line-height: 1.6875rem;
        padding: 1.5625rem;
        padding-right: 5rem; } }
    details summary::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: -.125em; }
    details summary::before, details summary::after {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 1.875rem;
      font-size: 1.125rem;
      height: 1.875rem;
      margin-top: 0.75rem;
      border: 1px solid #a0cfeb;
      border-radius: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      top: 0;
      right: 15px;
      bottom: 0; }
      @media (min-width: 56.25em) {
        details summary::before, details summary::after {
          margin-top: 1.375rem; } }
    details summary:hover, details summary:focus {
      text-decoration: underline; }
  details[open] {
    padding: 1rem;
    background-color: #f0f3f5; }
    @media (min-width: 56.25em) {
      details[open] {
        padding: 1.5625rem; } }
    details[open] > summary {
      margin-left: -1.0625rem;
      margin-top: -1rem;
      margin-right: -1.0625rem;
      margin-bottom: 0; }
      details[open] > summary::before {
        display: none; }
      details[open] > summary::after {
        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: -.125em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      @media (min-width: 56.25em) {
        details[open] > summary {
          margin-left: -1.625rem;
          margin-right: -1.625rem;
          margin-top: -1.5625rem; } }
  details.collapse-processed summary {
    padding: 0; }
    details.collapse-processed summary::before {
      display: none; }
  details:not([open]) summary:first-child ~ * {
    display: none; }
  details summary::-moz-list-bullet {
    list-style-type: none; }
  details summary::-webkit-details-marker {
    display: none; }

.ck-editor__editable details {
  padding: 0;
  background-color: transparent;
  border-top: 0px;
  border-radius: 0px; }

@media print {
  details summary {
    font-weight: 700;
    font-size: 16pt !important;
    line-height: 20pt !important; }
  details[open] summary {
    margin-left: -1px; } }

.region--sidebar-first details {
  border-top: 0;
  border-bottom: 0;
  background-color: transparent;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .region--sidebar-first details > .details-wrapper {
    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;
    padding: 1rem 0; }
    @media (min-width: 56.25em) {
      .region--sidebar-first details > .details-wrapper {
        padding: 1.625rem 0; } }
    .region--sidebar-first details > .details-wrapper #edit-field-residential-programs-target-id--2 .form-radios,
    .region--sidebar-first details > .details-wrapper #edit-field-commercial-programs-target-id--2 .form-radios,
    .region--sidebar-first details > .details-wrapper #edit-field-services-target-id--2 .form-radios {
      display: block; }
      .region--sidebar-first details > .details-wrapper #edit-field-residential-programs-target-id--2 .form-radios label,
      .region--sidebar-first details > .details-wrapper #edit-field-commercial-programs-target-id--2 .form-radios label,
      .region--sidebar-first details > .details-wrapper #edit-field-services-target-id--2 .form-radios label {
        background-color: transparent;
        margin-bottom: 0; }
      .region--sidebar-first details > .details-wrapper #edit-field-residential-programs-target-id--2 .form-radios input[type="radio"]:checked + label,
      .region--sidebar-first details > .details-wrapper #edit-field-commercial-programs-target-id--2 .form-radios input[type="radio"]:checked + label,
      .region--sidebar-first details > .details-wrapper #edit-field-services-target-id--2 .form-radios input[type="radio"]:checked + label {
        background-color: #deeef8; }
    .region--sidebar-first details > .details-wrapper .form-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      margin: 0;
      padding: 1.25rem 0;
      overflow: hidden; }
      .region--sidebar-first details > .details-wrapper .form-wrapper .form-item {
        margin-right: 0 !important; }
      .region--sidebar-first details > .details-wrapper .form-wrapper .fieldset-legend {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 0.875rem; }
  .region--sidebar-first details[open] {
    background-color: transparent;
    padding: 0; }
    .region--sidebar-first details[open] > summary {
      margin-left: 0;
      margin-top: 0;
      margin-right: 0; }
      @media (min-width: 56.25em) {
        .region--sidebar-first details[open] > summary {
          margin-left: 0;
          margin-top: 0;
          margin-right: 0; } }

.region--sidebar-first summary {
  margin-left: 0;
  margin-right: 0; }
  .region--sidebar-first summary a {
    padding: 0.875rem 1.25rem;
    padding-right: 2.5rem;
    background-color: #0b5b82;
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4375rem; }
    @media (min-width: 85.375em) {
      .region--sidebar-first summary a {
        padding: 0.875rem 1.25rem;
        padding-right: 5rem;
        font-size: 1.25rem;
        line-height: 1.875rem; } }
    .region--sidebar-first summary a::before, .region--sidebar-first summary a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f078";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      margin-top: 0;
      border: none;
      top: 50%;
      right: 0.9375rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (min-width: 56.25em) {
        .region--sidebar-first summary a::before, .region--sidebar-first summary a::after {
          margin-top: 0; } }
    .region--sidebar-first summary a::before {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .region--sidebar-first summary a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f077";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      display: none; }

.region--sidebar-first .form-actions {
  padding: 0; }

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

.highlighted-text {
  display: block;
  background-color: tint(#0000a0, 95%);
  color: #101042;
  padding: 1.25rem 1.875rem;
  border-radius: 5px;
  border: 1px solid tint(#0000a0, 40%); }

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 #ccc; }

a {
  color: #0f7fad;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #0c6895; }
  a:focus {
    outline: 2px dashed #737487; }

pre {
  white-space: pre-wrap; }

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

.table-container {
  max-width: 100%;
  overflow: auto;
  position: relative; }

.tablesaw-swipe tr {
  width: 100%; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.875rem;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  border: none; }
  @media (min-width: 56.25em) {
    table {
      font-size: 0.875rem; } }
  table th,
  table thead th {
    font-size: 0.875rem;
    background: #d8e4ea;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
    font-weight: 500; }
    @media (min-width: 56.25em) {
      table th,
      table thead th {
        font-size: 1rem; } }
    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: none; }
  table th,
  table td {
    border: none;
    vertical-align: top;
    padding: 0.625rem 2rem; }
  table tr.odd {
    background-color: white; }
  table tr:nth-child(odd) {
    background-color: white; }
  table tr.even {
    background-color: #f0f3f5; }
  table tr:nth-child(even) {
    background-color: #f0f3f5; }
  table caption {
    caption-side: top;
    text-align: left;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem; }
  table .tablesort {
    background-image: none;
    padding-left: 0.3125rem; }
    table .tablesort.tablesort--asc::before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f0dd";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 900;
      font-size: 0.875rem;
      display: block; }
    table .tablesort.tablesort--desc::before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f0de";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 900;
      font-size: 0.875rem;
      display: block; }

::-webkit-scrollbar {
  background-color: linear-gradient(to right, #fff, #fff 35%, #e6ebed 92%, #bfcbd1);
  width: 4px;
  height: 4px; }

::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px; }

::-webkit-scrollbar-track {
  border-radius: 5px; }

button.expand-toggle {
  position: relative;
  font-size: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 1.875rem;
  height: 1.875rem;
  color: #0f7fad; }
  button.expand-toggle::before {
    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: -.125em;
    font-size: 1.125rem;
    width: 1.625rem;
    height: 1.625rem;
    border: 1px solid #a0cfeb;
    background-color: white;
    border-radius: 100%;
    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;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  button.expand-toggle:hover, button.expand-toggle:focus {
    text-decoration: none;
    color: #0c6895; }
    @media (min-width: 40em) {
      button.expand-toggle:hover, button.expand-toggle:focus {
        outline: none; } }
  button.expand-toggle.open::before {
    content: "\eb71"; }

table.dataTable tbody tr.child:nth-child(odd) {
  background-color: transparent !important; }

table.dataTable tbody tr td.dtr-control {
  padding-left: 2.5rem !important; }

table.dataTable > tbody > tr.odd.parent {
  background-color: #f0f3f5; }

table.dataTable > tbody > tr.child {
  padding: 0; }
  table.dataTable > tbody > tr.child ul.dtr-details {
    display: block;
    margin-left: 0.5rem; }
  table.dataTable > tbody > tr.child span.dtr-title {
    font-weight: 500;
    margin-right: 1rem; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before {
  background-color: #ffffff;
  border: 1px solid #a0cfeb;
  color: #0f7fad;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-right: 1rem; }

blockquote {
  max-width: 540px; }
  blockquote p {
    font-size: 1.0625rem;
    line-height: 1.75rem;
    font-weight: 300;
    margin: 0;
    line-height: 1.65;
    position: relative; }
    blockquote p::before {
      content: "";
      width: 30px;
      height: 30px;
      position: absolute;
      top: 0;
      left: -40px;
      background: url("../../dist/img/iconography/quote-left-solid.svg");
      background-size: contain;
      background-repeat: no-repeat; }
    blockquote p::after {
      content: "";
      width: 30px;
      height: 30px;
      position: absolute;
      bottom: 0;
      right: -40px;
      background: url("../../dist/img/iconography/quote-right-solid.svg");
      background-size: contain;
      background-repeat: no-repeat; }
  blockquote .small {
    margin-top: 0.875rem;
    font-size: 1rem;
    font-weight: 400; }
    blockquote .small::before, blockquote .small::after {
      content: none; }

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

.caption {
  width: 100%; }
  .caption figcaption {
    margin-top: 1rem !important;
    background-color: #f0f3f5 !important;
    border: none !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #17171A; }

h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  text-transform: none;
  font-weight: 400;
  color: #0b5b82; }
  @media (min-width: 56.25em) {
    h1 {
      font-size: 2.8125rem;
      line-height: 3.125rem; } }

h2 {
  font-size: 1.375rem;
  line-height: 2.0625rem;
  color: #0b5b82;
  font-weight: 400; }
  @media (min-width: 56.25em) {
    h2 {
      font-size: 2.1875rem;
      line-height: 2.5rem; } }

h3 {
  font-size: 1.25rem;
  line-height: 1.8125rem;
  font-weight: 500; }
  @media (min-width: 56.25em) {
    h3 {
      font-size: 1.5625rem;
      line-height: 2.25rem; } }

h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500; }
  @media (min-width: 56.25em) {
    h4 {
      font-size: 1.25rem;
      line-height: 1.75rem; } }

h5 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem; }

h6 {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase; }

.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 {
  margin-top: 0; }

ul,
ol {
  margin: 0 0 1.5rem 1.5rem;
  padding: 0; }
  ul li,
  ol li {
    margin-bottom: 0.5rem; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-top: 1.5rem; }

ol li {
  padding-left: 0.3125rem; }

.featherlight.featherlight-video:last-of-type {
  background: rgba(0, 0, 0, 0.9) !important; }

.featherlight.featherlight-video .featherlight-content {
  overflow: visible !important;
  padding-top: 56.25% !important;
  width: 80% !important; }

.featherlight.featherlight-video .featherlight-close-icon {
  width: 50px !important;
  height: 50px;
  top: -5% !important;
  font-size: 2rem; }

.featherlight.featherlight-video iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.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: -.125em;
    position: absolute;
    left: 0;
    top: 0.1875rem;
    color: #622567; }
  .node__submitted b {
    color: #333; }

.view-id-public_notice.view-display-id-page_1 .view-header,
.view-search .view-header {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #622567; }

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

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

.view-id-public_notice.view-display-id-page_1 .view-empty,
.view-search .view-empty {
  font-size: 1.25rem;
  font-style: italic; }

.view-id-public_notice.view-display-id-page_1 .views-row,
.view-search .views-row {
  padding-bottom: 1.5rem; }
  .view-id-public_notice.view-display-id-page_1 .views-row:not(:last-child),
  .view-search .views-row:not(:last-child) {
    border-bottom: 1px solid #8E919F; }

.view-id-public_notice.view-display-id-page_1 .node h2,
.view-id-public_notice.view-display-id-page_1 .node .field--name-name,
.view-id-public_notice.view-display-id-page_1 .media h2,
.view-id-public_notice.view-display-id-page_1 .media .field--name-name,
.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-id-public_notice.view-display-id-page_1 .node .field__label,
.view-id-public_notice.view-display-id-page_1 .media .field__label,
.view-search .node .field__label,
.view-search .media .field__label {
  padding-bottom: 0;
  border-bottom: 0; }

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

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

.view-id-public_notice.view-display-id-page_1 .node .field--name-field-body *,
.view-id-public_notice.view-display-id-page_1 .node .field--name-body *,
.view-id-public_notice.view-display-id-page_1 .media .field--name-field-body *,
.view-id-public_notice.view-display-id-page_1 .media .field--name-body *,
.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-id-public_notice.view-display-id-page_1 .views-field[class*="field-media-file"],
.view-search .views-field[class*="field-media-file"] {
  margin-top: 0.625rem; }
  .view-id-public_notice.view-display-id-page_1 .views-field[class*="field-media-file"] .field-content,
  .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: #D8232A;
  border: 2px solid #ffffff;
  color: #ffffff;
  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: -.125em;
    padding-right: 0.625rem; }
  .skip-link:focus {
    outline: none; }
  .skip-link:hover {
    color: #ffffff; }

.field--name-field-add-to-calendar .addtocalendar .atcb-link {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  color: #0b5b82;
  border-color: #0b5b82;
  border-width: 1px;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem;
  background-color: #0b5b82;
  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 {
    border-color: #622567;
    color: #622567; }
  .field--name-field-add-to-calendar .addtocalendar .atcb-link:focus {
    outline: 1px solid #622567; }
  .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: -.125em;
    content: "\ea0d";
    display: block; }
  .field--name-field-add-to-calendar .addtocalendar .atcb-link::before {
    margin-right: 0.625rem; }
  .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: #622567; }

.field--name-field-add-to-calendar .addtocalendar .atcb-list {
  border: 1px solid #bfbfbf;
  -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 #bfbfbf;
    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;
  margin-bottom: 2.1875rem; }

.field--type-file,
.field--name-field-media-file {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem; }
  .field--type-file a,
  .field--name-field-media-file a {
    font-weight: 600;
    line-height: normal;
    word-break: break-word;
    text-decoration: none;
    font-size: 0.875rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .field--type-file a:hover, .field--type-file a:active, .field--type-file a:focus,
    .field--name-field-media-file a:hover,
    .field--name-field-media-file a:active,
    .field--name-field-media-file a:focus {
      text-decoration: underline; }

.filename {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  color: #0098c5;
  font-weight: 400;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: none; }

.media-name {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.file {
  background-image: none !important;
  padding: 0 !important; }
  .file::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f15c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2.25rem;
    display: inline-block;
    margin-right: 1.1875rem;
    color: #8c8c8c; }

.file--application-pdf {
  background-image: none !important;
  padding: 0; }
  .file--application-pdf::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f1c1";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2.25rem;
    display: inline-block;
    margin-right: 1.1875rem;
    color: #8c8c8c; }

.download-csv {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  padding: 1.125rem 2.8125rem;
  margin-bottom: 2.625rem; }
  .download-csv:focus {
    outline: none; }
  .download-csv::before {
    margin-right: 0.625rem; }

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

.media--type-image.media--view-mode-inline {
  max-width: 46.375rem;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem; }

.field--name-field-grey-background-components {
  position: relative;
  z-index: 1;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem; }
  .field--name-field-grey-background-components::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background: #f0f3f5;
    z-index: -1;
    background-size: cover; }
  @media (min-width: 48em) {
    .field--name-field-grey-background-components {
      padding-top: 3.125rem;
      padding-bottom: 3.125rem; } }
  @media (min-width: 85.375em) {
    .field--name-field-grey-background-components {
      padding-top: 4.375rem;
      padding-bottom: 4.375rem; } }
  .field--name-field-grey-background-components.field:last-child {
    margin-bottom: -2rem; }
    @media (min-width: 64em) {
      .field--name-field-grey-background-components.field:last-child {
        margin-bottom: -3rem; } }

.field--name-field-caption {
  font-size: 0.8125rem; }

.form-item-keywords {
  position: relative; }
  .form-item-keywords label {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .form-item-keywords input[type="text"] {
    padding-left: 0.875rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: 4rem;
    background-color: transparent;
    font-size: 0.9375rem;
    height: 45px;
    width: 284px;
    background-color: #f0f3f5;
    border: solid 1px rgba(0, 82, 127, 0.2); }
    .form-item-keywords input[type="text"]:hover {
      border-color: #69be28; }
    .form-item-keywords input[type="text"]:focus {
      border-color: #16afd8; }

/*
* Mobile Only Form Item
*
* Displays a message only on small screens.
*/
.js-form-item-mobile {
  padding: 1rem;
  background-color: #F2F3F7;
  border: solid 1px #bfbfbf;
  border-radius: 3px; }
  @media (min-width: 48em) {
    .js-form-item-mobile {
      display: none; } }
  .js-form-item-mobile p:last-child {
    margin-bottom: 0; }

.config_pages--daily-operations-configuration--graphs-page,
#daily-operations-graphs-form .form-item-updated,
#daily-operations-graphs-form .form-item-help,
#daily-operations-graphs-form .form-submit,
.config_pages--daily-operations-configuration--shipper-tolerance-page,
#daily-operations-shipper-tolerance-form .form-item-updated,
#daily-operations-shipper-tolerance-form .form-item-help,
#daily-operations-shipper-tolerance-form .form-submit {
  display: none; }
  @media (min-width: 48em) {
    .config_pages--daily-operations-configuration--graphs-page,
    #daily-operations-graphs-form .form-item-updated,
    #daily-operations-graphs-form .form-item-help,
    #daily-operations-graphs-form .form-submit,
    .config_pages--daily-operations-configuration--shipper-tolerance-page,
    #daily-operations-shipper-tolerance-form .form-item-updated,
    #daily-operations-shipper-tolerance-form .form-item-help,
    #daily-operations-shipper-tolerance-form .form-submit {
      display: block; } }

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

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

/*
.view-brand-stories {
  .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .views-row {
    flex: 0 1 48%;
    display: block;

    background-color: white;
    border-radius: 60px 0 60px 0;
    overflow: hidden;
    box-shadow: 0 10px 25px 0 #223f5029;
    padding-bottom: rem(20);
    border: none !important;

    @include breakpoint($s-break) {
      flex: 0 1 32%;
    }

    @include breakpoint($m-break) {
      flex: 0 1 22%;
    }

    .node--view-mode-brand-story {
      .field--name-field-main-image {
        overflow: hidden;
        position: relative;

        &::before {
          @include icon-awesome($fa-var-long-arrow-alt-right, regular);
          font-size: rem(22);
          color: white;
          opacity: 0;
          position: absolute;
          right: rem(10);
          bottom: rem(10);
          z-index: 1;
          pointer-events: none;
        }

        &::after {
          content: "";
          width: 100%;
          height: 100%;
          background-image: url('../../dist/img/transgas-cta-overlay.svg');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: bottom;
          position: absolute;
          bottom: 0;
          opacity: 0;
        }
      }

      a {
        text-decoration: none;
      }

      .node__content > h2 {
        padding-left: 2rem;
        padding-right: 2rem;
        line-height: normal;
        margin-top: rem(20);
        font-size: rem(18);
        margin-bottom: 0.25rem;
        text-decoration: none;
        font-weight: $medium;
        color: $black;
      }

      .field--name-field-short-description {
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: rem(14);
        text-decoration: none;
        color: $black;
        line-height: normal;
      }
    }

    &:hover,
    &:focus,
    &:active {
      .field--name-field-main-image::before {
        opacity: 1;
        transition: opacity 0.3s ease-out;
      }

      .field--name-field-main-image::after {
        opacity: 1;
        transition: opacity 0.3s ease-out;
      }
    }
  }
}
*/
.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-important-dates .view-filters {
  position: relative;
  z-index: 1; }
  .view-important-dates .view-filters > form .form--inline {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
  .view-important-dates .view-filters details {
    margin: 0;
    background-color: white;
    border: 1px solid #8c8c8c;
    max-width: 15.625rem;
    padding: 0; }
    @media (min-width: 37.5em) {
      .view-important-dates .view-filters details {
        position: absolute;
        left: 0;
        top: 0;
        width: 15.625rem; } }
    .view-important-dates .view-filters details summary,
    .view-important-dates .view-filters details a {
      padding: 0.375rem 1rem;
      font-size: 0.875rem;
      color: #333;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .view-important-dates .view-filters details summary::before, .view-important-dates .view-filters details summary::after,
      .view-important-dates .view-filters details a::before,
      .view-important-dates .view-filters details a::after {
        margin-top: 0 !important;
        border: none;
        top: 50%;
        right: 0.3125rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
  .view-important-dates .view-filters .filter-count {
    border-radius: 100%;
    background-color: #0098c5;
    color: white;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    text-align: center;
    margin-left: 0.625rem; }
  .view-important-dates .view-filters summary {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0; }
    @media (min-width: 31.25em) {
      .view-important-dates .view-filters summary {
        margin-right: 0;
        margin-left: 0; } }
  .view-important-dates .view-filters .details-wrapper {
    margin-top: -0.5rem;
    padding: 0 !important; }
    .view-important-dates .view-filters .details-wrapper > fieldset {
      padding: 0;
      overflow: hidden;
      margin: 0;
      margin-bottom: 0.875rem; }
    .view-important-dates .view-filters .details-wrapper .fieldset-wrapper {
      margin: 0; }
  .view-important-dates .view-filters .fieldset-legend {
    border-color: #8c8c8c; }
  .view-important-dates .view-filters .form-type-checkbox {
    margin: 0; }
    .view-important-dates .view-filters .form-type-checkbox label {
      font-size: 0.75rem; }
      .view-important-dates .view-filters .form-type-checkbox label::before {
        width: 0.875rem;
        height: 0.875rem; }
  .view-important-dates .view-filters .form-actions {
    margin: 0;
    padding: 0;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .view-important-dates .view-filters .form-actions input {
      font-size: 0.75rem;
      padding: 0.5rem 1.125rem !important;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 27%;
              flex: 0 1 27%;
      margin: 0; }
  .view-important-dates .view-filters .form-item-past-months {
    padding: 0;
    margin-top: 1rem; }
    @media (min-width: 37.5em) {
      .view-important-dates .view-filters .form-item-past-months {
        margin-top: 0;
        padding-left: 16.875rem;
        padding-top: 0.125rem; } }
    .view-important-dates .view-filters .form-item-past-months label {
      font-size: 0.75rem;
      padding-left: 0; }
      .view-important-dates .view-filters .form-item-past-months label::before {
        width: 1rem;
        height: 1rem; }
      @media (min-width: 37.5em) {
        .view-important-dates .view-filters .form-item-past-months label {
          padding-left: 0.5rem; } }

body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper,
body:not(.path-frontpage) .view-important-dates .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4rem; }
  @media (min-width: 85.375em) {
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper,
    body:not(.path-frontpage) .view-important-dates .view-content {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      width: 100%; } }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper > h3,
  body:not(.path-frontpage) .view-important-dates .view-content > h3 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #0b5b82;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%; }
    @media (min-width: 56.25em) {
      body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper > h3,
      body:not(.path-frontpage) .view-important-dates .view-content > h3 {
        font-size: 2rem; } }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .views-row,
  body:not(.path-frontpage) .view-important-dates .view-content .views-row {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-bottom: 2% !important;
    -webkit-box-shadow: 0 5px 15px 0 rgba(51, 51, 51, 0.2);
            box-shadow: 0 5px 15px 0 rgba(51, 51, 51, 0.2);
    padding: 0; }
    @media (min-width: 48em) {
      body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .views-row,
      body:not(.path-frontpage) .view-important-dates .view-content .views-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 48%;
                flex: 0 1 48%; } }
    @media (min-width: 85.375em) {
      body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .views-row,
      body:not(.path-frontpage) .view-important-dates .view-content .views-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 31%;
                flex: 0 1 31%;
        margin-right: 2% !important; } }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .views-row .node__content,
    body:not(.path-frontpage) .view-important-dates .view-content .views-row .node__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-first,
  body:not(.path-frontpage) .view-important-dates .view-content .node__content-first {
    width: 6.25rem;
    padding: 1.875rem 0; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .calendar-date__top {
    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;
    text-align: center;
    border-left: 0.3125rem solid; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .calendar-date__month,
  body:not(.path-frontpage) .view-important-dates .view-content .calendar-date__month {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 0.4375rem;
    margin-top: -0.3125rem; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .calendar-date__day,
  body:not(.path-frontpage) .view-important-dates .view-content .calendar-date__day {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    font-size: 2.4375rem;
    font-weight: 700;
    margin-bottom: 0.1875rem; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .calendar-date__year,
  body:not(.path-frontpage) .view-important-dates .view-content .calendar-date__year {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    font-size: 1.1875rem;
    text-align: center;
    margin-bottom: -0.3125rem; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .calendar-date__bottom,
  body:not(.path-frontpage) .view-important-dates .view-content .calendar-date__bottom {
    margin-top: 0.3125rem;
    text-align: center;
    border-left: 5px solid transparent;
    text-transform: uppercase; }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .calendar-date__bottom .calendar-date__day,
    body:not(.path-frontpage) .view-important-dates .view-content .calendar-date__bottom .calendar-date__day {
      font-size: 0.6875rem;
      font-weight: 500; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second,
  body:not(.path-frontpage) .view-important-dates .view-content .node__content-second {
    position: relative;
    -webkit-box-flex: 75%;
        -ms-flex: 75%;
            flex: 75%;
    padding: 1.875rem 5rem 2.1875rem 1rem; }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second h2,
    body:not(.path-frontpage) .view-important-dates .view-content .node__content-second h2 {
      font-weight: 500;
      color: #333;
      line-height: 1.25;
      margin-top: -0.5rem;
      margin-bottom: 0.3125rem; }
      @media (min-width: 56.25em) {
        body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second h2,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second h2 {
          font-size: 1.25rem;
          line-height: normal;
          margin-top: -0.5rem;
          margin-bottom: 0.3125rem; } }
      @media (min-width: 85.375em) {
        body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second h2,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second h2 {
          font-size: 1.5rem;
          line-height: normal;
          margin-top: -0.5rem;
          margin-bottom: 0.3125rem; } }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .field--name-field-format-short-description,
    body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .field--name-field-format-short-description {
      font-size: 0.75rem;
      line-height: 1.5; }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .field--name-field-type,
    body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .field--name-field-type {
      position: absolute;
      left: 1rem;
      bottom: 1rem;
      font-size: 0.75rem;
      letter-spacing: 0.075rem;
      text-transform: uppercase;
      padding: 0px 0.6875rem;
      background-color: #f0f3f5; }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second > .add-to-calendar,
    body:not(.path-frontpage) .view-important-dates .view-content .node__content-second > .add-to-calendar {
      position: absolute;
      right: 1.5625rem;
      bottom: 1.1875rem; }
      body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second > .add-to-calendar > a,
      body:not(.path-frontpage) .view-important-dates .view-content .node__content-second > .add-to-calendar > a {
        text-decoration: none;
        font-weight: 500;
        font-size: 0.9375rem;
        position: relative;
        padding-left: 1.75rem; }
        body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second > .add-to-calendar > a::before,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second > .add-to-calendar > 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.25rem;
          content: "";
          position: absolute;
          top: -0.0625rem;
          left: 0; }
    body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active,
    body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active {
      position: absolute;
      display: block;
      width: 12.5rem;
      list-style: none;
      margin: 0;
      background-color: #0b5b82;
      right: -1.5625rem;
      bottom: -8.8125rem;
      padding: 1rem;
      padding-right: 1.625rem;
      text-align: right;
      z-index: 2; }
      body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active li,
      body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active li {
        margin-bottom: 0; }
        body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active li a:last-child::after,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active li a:last-child::after {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f067";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 400;
          vertical-align: 0;
          margin-left: 0.4375rem;
          font-size: 0.625rem; }
      body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active a,
      body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active a {
        font-size: 0.75rem;
        color: white;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }
        body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active a:hover, body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active a:focus, body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .node__content-second .add-to-cal-container.active a:active,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active a:hover,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active a:focus,
        body:not(.path-frontpage) .view-important-dates .view-content .node__content-second .add-to-cal-container.active a:active {
          opacity: 0.75; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-office-hours .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-office-hours .calendar-date__top {
    border-color: #0a527f; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-office-hours .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-office-hours .field--name-field-type {
    background-color: #ebf1f5; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-customer-dialogue .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-customer-dialogue .calendar-date__top {
    border-color: #fcaf17; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-customer-dialogue .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-customer-dialogue .field--name-field-type {
    background-color: #fee7b9; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-open-season .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-open-season .calendar-date__top {
    border-color: #fcd450; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-open-season .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-open-season .field--name-field-type {
    background-color: #fff7dc; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-billing .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-billing .calendar-date__top {
    border-color: #b06a92; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-billing .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-billing .field--name-field-type {
    background-color: #efe1e9; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-invoicing .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-invoicing .calendar-date__top {
    border-color: #90d4ed; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-invoicing .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-invoicing .field--name-field-type {
    background-color: #e7f6fc; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-allocations .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-statutory-holiday .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-allocations .calendar-date__top,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-statutory-holiday .calendar-date__top {
    border-color: #79bc43; }
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-allocations .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .views-infinite-scroll-content-wrapper .important-date-type-statutory-holiday .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-allocations .field--name-field-type,
  body:not(.path-frontpage) .view-important-dates .view-content .important-date-type-statutory-holiday .field--name-field-type {
    background-color: #e4f2d9; }

.node--type-important-date.node--view-mode-teaser {
  height: 100%; }
  .node--type-important-date.node--view-mode-teaser > .node__content {
    height: 100%; }

.view-newsroom .view-filters .form--inline {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .view-newsroom .view-filters .form--inline .form-type-select {
    padding-left: 0; }
    @media (min-width: 48em) {
      .view-newsroom .view-filters .form--inline .form-type-select {
        max-width: 18.75rem;
        padding-left: 0.625rem; } }
  .view-newsroom .view-filters .form--inline .form-select {
    font-size: 0.875rem;
    padding: 0.3125rem 0.625rem; }
  .view-newsroom .view-filters .form--inline .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    padding: 0; }
    .view-newsroom .view-filters .form--inline .form-actions input {
      font-size: 0.875rem;
      padding: 0.3125rem 0.9375rem;
      height: 2.5rem;
      color: white;
      background-color: #0f7fad; }
      .view-newsroom .view-filters .form--inline .form-actions input:hover, .view-newsroom .view-filters .form--inline .form-actions input:focus, .view-newsroom .view-filters .form--inline .form-actions input:active {
        background-color: #0c6895;
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; }

.view-newsroom .views-infinite-scroll-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1%; }
  .view-newsroom .views-infinite-scroll-content-wrapper h3 {
    margin: 0;
    padding: 1rem 2rem;
    background-color: #bed3de;
    margin-bottom: 2rem;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-right: 1%;
    margin-left: 1%; }
  .view-newsroom .views-infinite-scroll-content-wrapper .field--name-field-news-type {
    position: absolute;
    top: 0;
    right: 0; }
  .view-newsroom .views-infinite-scroll-content-wrapper .views-row {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%; }
    @media (min-width: 25em) {
      .view-newsroom .views-infinite-scroll-content-wrapper .views-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 48%;
                flex: 0 1 48%;
        margin-left: 1%;
        margin-right: 1%; } }
    @media (min-width: 48em) {
      .view-newsroom .views-infinite-scroll-content-wrapper .views-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 31.3%;
                flex: 0 1 31.3%; } }
    .view-newsroom .views-infinite-scroll-content-wrapper .views-row:last-child {
      margin-bottom: 2.1875rem;
      border-bottom: 1px solid #bfbfbf; }
    .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser h2 {
        margin-top: 0;
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        font-size: 1.5rem;
        text-decoration: none;
        line-height: normal;
        max-width: 330px;
        padding-right: 2rem; }
        .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser h2 a {
          text-decoration: none;
          font-weight: 600;
          color: #0b5b82; }
          .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser h2 a:hover, .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser h2 a:active, .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser h2 a:focus {
            opacity: 0.65;
            -webkit-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out; }
      .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser .field--type-datetime {
        margin-bottom: 0;
        margin-top: 0; }
      .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser .node__content {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        margin-bottom: 0.5rem;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        position: relative; }
      .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser .field--name-field-date-range {
        font-size: 0.75rem; }
        @media (min-width: 56.25em) {
          .view-newsroom .views-infinite-scroll-content-wrapper .views-row > .node--type-article.node--view-mode-teaser .field--name-field-date-range {
            font-size: 1rem; } }

.newsroom-landing .region--content-prefix {
  margin: 0;
  background-color: #f0f3f5;
  padding-top: 2rem;
  margin-bottom: 1.5rem; }

.newsroom-landing #block-config-pages-3 {
  margin-bottom: 3rem; }

.newsroom-landing .config_pages--view-mode--above-newsroom-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 330px; }
  .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding: 1.25rem 1.5rem;
    background-size: cover;
    bacgkground-color: #333 !important;
    position: relative; }
    @media (min-width: 48em) {
      .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 63%;
                flex: 0 1 63%;
        padding: 3rem 4rem; } }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #0b5b82;
      opacity: 0.5; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-title h2 {
      color: white;
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 1rem;
      position: relative;
      line-height: normal; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-description {
      color: white;
      font-weight: 600;
      margin-bottom: 2rem;
      position: relative;
      line-height: normal; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item {
      position: relative;
      display: inline-block;
      margin-right: 1rem;
      margin-bottom: 1rem; }
      .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item a {
        color: white;
        background: rgba(0, 82, 127, 0.65);
        padding: 0.85rem;
        border: 2px solid #ffffff80;
        font-size: 0.75rem;
        display: inline-block;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        text-decoration: none;
        letter-spacing: -0.01em;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-weight: 500;
        line-height: normal; }
        .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item a:hover {
          background: #00527f; }
        @media (min-width: 48em) {
          .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item a {
            font-size: 0.875rem;
            padding: 0.85rem 2rem; } }
        @media (min-width: 56.25em) {
          .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item a {
            font-size: 1rem; } }
      .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item:nth-child(2) a {
        color: #00527f;
        background: rgba(255, 255, 255, 0.8);
        padding: 0.85rem;
        border: 2px solid #0097c4;
        font-size: 0.75rem;
        display: inline-block;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        text-decoration: none;
        letter-spacing: -0.01em;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-weight: 500;
        line-height: normal; }
        .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item:nth-child(2) a:hover {
          background: white; }
        @media (min-width: 48em) {
          .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item:nth-child(2) a {
            font-size: 0.875rem;
            padding: 0.85rem 2rem; } }
        @media (min-width: 56.25em) {
          .newsroom-landing .config_pages--view-mode--above-newsroom-view .banner-area .field--name-field-banner-links .field__item:nth-child(2) a {
            font-size: 1rem; } }
  .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    background-color: #f0f3f5;
    padding: 3rem; }
    @media (min-width: 48em) {
      .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 35%;
                flex: 0 1 35%; } }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__items > .field__item {
      margin-bottom: 0.625rem; }
      .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__items > .field__item:last-child {
        margin-bottom: 0; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__label {
      margin: 0;
      font-size: 2rem;
      border: 0;
      margin-bottom: 1rem;
      font-weight: 600;
      line-height: normal; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__item a {
      text-decoration: none;
      font-weight: 700;
      color: #00527f;
      font-size: 1.125rem;
      padding-right: 1rem; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__item span {
      position: relative;
      width: 0.875rem;
      height: 1.125rem;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: -1rem;
      pointer-events: none; }
      .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__item span::before {
        position: absolute;
        top: 0.1875rem;
        left: 0.3125rem;
        font-size: 1.125rem;
        pointer-events: none;
        color: #0b5b82; }
    .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__item:hover, .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__item:active, .newsroom-landing .config_pages--view-mode--above-newsroom-view .field--name-field-media-resources .field__item:focus {
      opacity: 0.65;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }

.field--name-field-news-type {
  font-size: 0.75rem;
  letter-spacing: 1.2px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 0.625rem;
  background-color: #ebf9fc;
  display: inline-block;
  margin-bottom: 1rem; }
  .field--name-field-news-type.storage {
    background-color: #fee7b9; }
  .field--name-field-news-type.saskatchewan-receipt-and-delivery {
    background-color: #fee7b9; }
  .field--name-field-news-type.brand-story {
    background-color: #ebf1f5; }
  .field--name-field-news-type.rates {
    background-color: #f3e9ef; }
  .field--name-field-news-type.nit-to-tep {
    background-color: #ebf5e3; }
  .field--name-field-news-type.general {
    background-color: #ebf9fc; }

@media (min-width: 37.5em) {
  .view-profile-listing .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.view-profile-listing .teaser-content {
  padding: 0.875rem 1.5625rem 1.25rem 1.5625rem; }

.view-profile-listing .views-row {
  margin-bottom: 1rem; }
  @media (min-width: 37.5em) {
    .view-profile-listing .views-row {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 48%;
              flex: 0 1 48%; } }
  @media (min-width: 85.375em) {
    .view-profile-listing .views-row {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33%;
              flex: 0 1 33%; } }
  .view-profile-listing .views-row > .node--view-mode-teaser {
    border-radius: 3rem 0;
    overflow: hidden;
    background-color: #f0f3f5;
    margin-left: 3%;
    margin-right: 3%;
    position: relative;
    height: 100%; }
  .view-profile-listing .views-row img {
    border-bottom: 4px solid #69be28; }

.view-profile-listing h2 {
  margin-bottom: 0.25rem;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal; }
  .view-profile-listing h2 a {
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: block;
    padding-right: 2.8125rem;
    position: relative; }
    .view-profile-listing h2 a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f30b";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      font-size: 1.375rem;
      pointer-events: none;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #cdcdcd; }
    .view-profile-listing h2 a:hover::after, .view-profile-listing h2 a:active::after, .view-profile-listing h2 a:focus::after {
      color: #0f7fad;
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out; }

.view-profile-listing .field--name-field-position {
  line-height: normal; }
  .view-profile-listing .field--name-field-position p {
    margin: 0; }

.view-basic-page-related-content .node--view-mode-related-content > .node__content {
  position: relative;
  z-index: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 3.125rem;
  padding-bottom: 3.75rem; }
  .view-basic-page-related-content .node--view-mode-related-content > .node__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background: #f0f3f5;
    z-index: -1;
    background-size: cover; }
  @media (min-width: 37.5em) {
    .view-basic-page-related-content .node--view-mode-related-content > .node__content {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .view-basic-page-related-content .node--view-mode-related-content > .node__content {
      max-width: 100rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  @media (min-width: 62.4375em) {
    .view-basic-page-related-content .node--view-mode-related-content > .node__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 37.5em) {
    .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments,
    .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50%; } }
  .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments > .field__label,
  .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments > .field__label {
    font-size: 1.625rem;
    border: none;
    margin-bottom: 1.875rem;
    font-weight: 500; }
  .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments > .field__items,
  .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments > .field__items {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1; }
    @media (min-width: 37.5em) {
      .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments > .field__items,
      .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments > .field__items {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2; } }
    .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments > .field__items > .field__item,
    .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments > .field__items > .field__item {
      display: block;
      margin-right: 1.25rem;
      margin-bottom: 1rem; }
  .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments .media--view-mode-related-download,
  .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments .media--view-mode-related-download {
    display: inline-block; }
    .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-attachments .media--view-mode-related-download .filename,
    .view-basic-page-related-content .node--view-mode-related-content > .node__content .field--name-field-footer-attachments .media--view-mode-related-download .filename {
      display: none; }

@media (min-width: 37.5em) {
  .field--name-field-related-content {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%; } }

.field--name-field-related-content > .field__label {
  font-size: 1.625rem;
  border: none;
  margin-bottom: 1.875rem;
  font-weight: 500; }

.field--name-field-related-content > .field__items {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1; }
  @media (min-width: 37.5em) {
    .field--name-field-related-content > .field__items {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2; } }
  .field--name-field-related-content > .field__items > .field__item {
    display: block;
    margin-bottom: 1rem; }

.field--name-field-related-content .internal .node--view-mode-section-link a::after,
.field--name-field-related-content .internal.field--name-field-page-link a::after {
  content: "";
  width: 18px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url(../../dist/img/iconography/long-arrow-right-blue.svg);
  margin-left: 10px;
  background-position: center; }

.field--name-field-related-content .external .node--view-mode-section-link a::after,
.field--name-field-related-content .external.field--name-field-page-link a::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em;
  content: "\f35d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-left: 10px;
  vertical-align: 0; }

.field--name-field-related-content .paragraph--type--page-link {
  margin-right: 1.25rem; }
  @media (min-width: 48em) {
    .field--name-field-related-content .paragraph--type--page-link {
      margin-right: 2.5rem; } }
  @media (min-width: 62.4375em) {
    .field--name-field-related-content .paragraph--type--page-link {
      margin-right: 4.125rem; } }
  .field--name-field-related-content .paragraph--type--page-link .field--name-field-page-link a {
    text-decoration: none;
    font-size: 1rem;
    color: #0098c5;
    font-weight: 500; }

.field--name-field-related-content .node--view-mode-section-link {
  margin-right: 1.25rem; }
  @media (min-width: 48em) {
    .field--name-field-related-content .node--view-mode-section-link {
      margin-right: 2.5rem; } }
  @media (min-width: 62.4375em) {
    .field--name-field-related-content .node--view-mode-section-link {
      margin-right: 4.125rem; } }
  .field--name-field-related-content .node--view-mode-section-link > h3 {
    margin-top: 0;
    margin-bottom: 0.3125rem;
    line-height: 1;
    width: 100%;
    display: inline-block; }
    .field--name-field-related-content .node--view-mode-section-link > h3 a {
      text-decoration: none;
      font-size: 1rem;
      color: #0098c5; }
  .field--name-field-related-content .node--view-mode-section-link .node__content {
    width: 100%;
    display: inline-block; }

.field--name-field-related-content .field--name-field-page-link {
  margin-top: 0;
  margin-bottom: 0.3125rem;
  line-height: 1;
  width: 100%;
  display: inline-block; }

.field--name-field-related-content .field--name-field-short-description,
.field--name-field-related-content .field--name-field-page-short-description {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #737487; }

.views-field-field-page-ctas {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 37.5em) {
    .views-field-field-page-ctas {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .views-field-field-page-ctas {
      max-width: 100rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  .views-field-field-page-ctas .item-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .views-field-field-page-ctas .item-list ul li {
      list-style: none;
      margin: 0;
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      border-top: 2px solid #622567;
      padding-top: 1.875rem; }
      @media (min-width: 37.5em) {
        .views-field-field-page-ctas .item-list ul li {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; } }
      @media (min-width: 48em) {
        .views-field-field-page-ctas .item-list ul li {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 32%;
                  flex: 0 1 32%;
          margin-bottom: 0; } }
      .views-field-field-page-ctas .item-list ul li:nth-child(2) {
        border-color: #fcd450; }
      .views-field-field-page-ctas .item-list ul li:nth-child(3) {
        border-color: #79bc43; }
  .views-field-field-page-ctas .field--name-name {
    margin: 0; }
    .views-field-field-page-ctas .field--name-name a {
      line-height: normal;
      font-size: 1.5rem;
      text-decoration: none;
      font-weight: 400;
      margin-bottom: 1.25rem;
      display: block;
      color: #0b5b82; }
      .views-field-field-page-ctas .field--name-name a:hover, .views-field-field-page-ctas .field--name-name a:active, .views-field-field-page-ctas .field--name-name a:focus {
        color: #0098c5;
        -webkit-transition: 0.3s ease-out;
        transition: 0.3s ease-out; }
      @media (min-width: 74.9375em) {
        .views-field-field-page-ctas .field--name-name a {
          font-size: 2.1875rem; } }
  .views-field-field-page-ctas .sask_trans_cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 100%;
    padding-bottom: 2rem; }
  .views-field-field-page-ctas .cta-details {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%; }
  .views-field-field-page-ctas .field--name-field-short-description {
    margin-bottom: 3.125rem;
    font-size: 0.875rem;
    line-height: 1.6; }
    @media (min-width: 74.9375em) {
      .views-field-field-page-ctas .field--name-field-short-description {
        font-size: 1rem; } }
  .views-field-field-page-ctas .field--name-field-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-height: 20rem;
    overflow: hidden;
    border-radius: 0 4.375rem;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .views-field-field-page-ctas img {
    -ms-flex-item-align: end;
        align-self: flex-end; }

.field--name-field-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.625rem; }
  @media (min-width: 48em) {
    .field--name-field-ctas {
      margin-bottom: 3.75rem; } }
  .field--name-field-ctas > .field__item {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    border-top: 2px solid #622567;
    padding-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 2rem; }
    @media (min-width: 37.5em) {
      .field--name-field-ctas > .field__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 48%;
                flex: 0 1 48%; } }
    @media (min-width: 48em) {
      .field--name-field-ctas > .field__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 32%;
                flex: 0 1 32%;
        margin-bottom: 0; } }
    .field--name-field-ctas > .field__item:nth-child(2) {
      border-color: #fcd450; }
    .field--name-field-ctas > .field__item:nth-child(3) {
      border-color: #79bc43; }
    .field--name-field-ctas > .field__item .sask_trans_cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .field--name-field-ctas > .field__item .cta-details {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
    .field--name-field-ctas > .field__item .field--name-name {
      margin: 0; }
      .field--name-field-ctas > .field__item .field--name-name a {
        line-height: normal;
        font-size: 1.5rem;
        text-decoration: none;
        font-weight: 400;
        margin-bottom: 1.25rem;
        display: block;
        color: #0b5b82; }
        .field--name-field-ctas > .field__item .field--name-name a:hover, .field--name-field-ctas > .field__item .field--name-name a:active, .field--name-field-ctas > .field__item .field--name-name a:focus {
          color: #0098c5;
          -webkit-transition: 0.3s ease-out;
          transition: 0.3s ease-out; }
        @media (min-width: 74.9375em) {
          .field--name-field-ctas > .field__item .field--name-name a {
            font-size: 2.1875rem; } }
  .field--name-field-ctas .field--name-field-short-description {
    margin-bottom: 3.125rem;
    font-size: 0.875rem;
    line-height: 1.6; }
    @media (min-width: 74.9375em) {
      .field--name-field-ctas .field--name-field-short-description {
        font-size: 1rem; } }
  .field--name-field-ctas .field--name-field-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-height: 20rem;
    overflow: hidden;
    border-radius: 0 4.375rem;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .field--name-field-ctas img {
    -ms-flex-item-align: end;
        align-self: flex-end; }

.view-search .node--view-mode-search-result h2 a {
  text-decoration: none; }
  .view-search .node--view-mode-search-result h2 a:hover, .view-search .node--view-mode-search-result h2 a:focus, .view-search .node--view-mode-search-result h2 a:active {
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.view-search .node--view-mode-search-result .node__content {
  display: block; }

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

.view[class*="page"]:not(.view-brand-stories) .views-row h2,
.view[class*="search"]:not(.view-brand-stories) .views-row h2 {
  margin-top: 0; }

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

.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: 1rem; } }
  .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; } }

.node--type-program .node--view-mode-full .tips-container {
  display: block; }
  @media (min-width: 56.25em) {
    .node--type-program .node--view-mode-full .tips-container {
      display: none; } }

.node--type-program .node--view-mode-full .sidebar-content {
  display: none; }
  @media (min-width: 56.25em) {
    .node--type-program .node--view-mode-full .sidebar-content {
      display: block; } }

.main-content-layout-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media (min-width: 48em) {
  .node--type-page > .node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media (min-width: 85.375em) {
  .node--type-page > .node__content {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.node--type-page > .node__content > .main-content {
  -webkit-box-flex: 60%;
      -ms-flex: 60%;
          flex: 60%; }
  @media (min-width: 48em) {
    .node--type-page > .node__content > .main-content {
      padding-right: 2.25rem; } }

.node--type-page > .node__content .sidebar-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 22.3125rem;
  width: 100%; }
  .node--type-page > .node__content .sidebar-content .field__label {
    font-size: 1.625rem;
    border: none;
    margin-bottom: 1.875rem;
    margin-top: 0;
    font-weight: 500; }
  .node--type-page > .node__content .sidebar-content .field--name-field-attachments {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 2.5rem; }
  .node--type-page > .node__content .sidebar-content > .field {
    margin-bottom: 2.5rem; }
  .node--type-page > .node__content .sidebar-content:empty {
    display: none; }

.node--type-alert {
  border: 1px solid black;
  position: relative;
  padding: 1rem 3rem;
  margin: 1.25rem;
  margin-bottom: 0;
  min-height: 49px; }
  .node--type-alert::before {
    content: "";
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../dist/img/iconography/exclamation-advisory.svg");
    position: absolute;
    left: 0.8125rem;
    top: 1.125rem; }
  @media (min-width: 48em) {
    .node--type-alert {
      padding: 0.25rem;
      padding-left: 3rem;
      padding-right: 5rem;
      margin-left: 1.5625rem;
      margin-right: 1.5625rem; }
      .node--type-alert::before {
        top: 0.6875rem; } }
  @media (min-width: 56.25em) {
    .node--type-alert {
      margin-left: 2.9375rem;
      margin-right: 2.9375rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .node--type-alert .close-toggle {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .node--type-alert .close-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: -.125em;
      font-size: 1.5rem;
      margin-left: 0.5rem; }
    @media (min-width: 48em) {
      .node--type-alert .close-toggle {
        font-size: 0.9375rem;
        top: 0.75rem; } }
    .node--type-alert .close-toggle:hover, .node--type-alert .close-toggle:focus, .node--type-alert .close-toggle:active {
      opacity: 0.75;
      -webkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out; }
  .node--type-alert .node__content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
    @media (min-width: 48em) {
      .node--type-alert .node__content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .node--type-alert .node__content .field--name-field-level {
      font-weight: 500;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-right: 1.5rem; }
    .node--type-alert .node__content h2 {
      margin: 0;
      margin-right: 2rem;
      margin-bottom: 0.75rem;
      font-weight: 500;
      line-height: normal; }
      @media (min-width: 48em) {
        .node--type-alert .node__content h2 {
          margin-bottom: 0; } }
      @media (min-width: 56.25em) {
        .node--type-alert .node__content h2 {
          font-size: 1.1875rem; } }
  .node--type-alert .alert-links {
    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;
    margin-right: 1.25rem; }
    .node--type-alert .alert-links a {
      margin: 0;
      margin-right: 0.75rem;
      margin-bottom: 0.75rem;
      font-size: 0.75rem;
      font-weight: 500;
      text-decoration: none;
      border: 1px solid;
      line-height: normal;
      padding: 0.35rem 1rem; }
      @media (min-width: 48em) {
        .node--type-alert .alert-links a {
          font-size: 0.9375rem;
          margin-top: 0.25rem;
          margin-bottom: 0.25rem; } }
  .node--type-alert .field--name-field-last-updated {
    margin: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: normal; }
    .node--type-alert .field--name-field-last-updated .field__label,
    .node--type-alert .field--name-field-last-updated .field__item {
      margin: 0; }
  .node--type-alert .field--name-field-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .node--type-alert .btn-learn-more {
    margin-top: 0.75rem;
    font-size: 1rem;
    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-decoration: none;
    letter-spacing: -0.01em;
    padding: 1.125rem 2.8125rem;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid #0f7fad;
    font-weight: 500;
    line-height: normal;
    border-color: #0f7fad;
    background-color: transparent;
    color: #0f7fad;
    font-size: 0.875rem;
    padding: 0.875rem 1.25rem; }
    .node--type-alert .btn-learn-more:focus {
      outline: none; }
    .node--type-alert .btn-learn-more:visited {
      color: #0c6895; }
    .node--type-alert .btn-learn-more:hover, .node--type-alert .btn-learn-more:focus {
      color: #0c6895;
      border-color: #0c6895; }
    .node--type-alert .btn-learn-more::before {
      margin-right: 0.625rem; }
  .node--type-alert.alert-level-advisory {
    background-color: #f4fbfe;
    border-color: #a0cfeb;
    color: #0b5b82; }
    .node--type-alert.alert-level-advisory .field--type-link a:hover,
    .node--type-alert.alert-level-advisory .alert-links a:hover,
    .node--type-alert.alert-level-advisory .btn-learn-more:hover {
      border-color: #0b5b82;
      opacity: 0.75;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
  .node--type-alert.alert-level-outage {
    background-color: #fff7dc;
    border-color: #f2c73b;
    color: #b47c0e; }
    .node--type-alert.alert-level-outage::before {
      background-image: url("../../dist/img/iconography/exclamation-critical.svg"); }
    .node--type-alert.alert-level-outage h2, .node--type-alert.alert-level-outage a {
      color: #b47c0e; }
    .node--type-alert.alert-level-outage .field--type-link a,
    .node--type-alert.alert-level-outage .alert-links a,
    .node--type-alert.alert-level-outage .btn-learn-more {
      border-color: #b47c0e; }
      .node--type-alert.alert-level-outage .field--type-link a:hover,
      .node--type-alert.alert-level-outage .alert-links a:hover,
      .node--type-alert.alert-level-outage .btn-learn-more:hover {
        border-color: #b47c0e;
        opacity: 0.75;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }
  .node--type-alert.alert-level-emergency {
    border-color: #622567;
    background-color: #a70240;
    color: white; }
    .node--type-alert.alert-level-emergency::before {
      background-image: url("../../dist/img/iconography/exclamation-emergency.svg"); }
    .node--type-alert.alert-level-emergency h2, .node--type-alert.alert-level-emergency a {
      color: white; }
    .node--type-alert.alert-level-emergency .field--type-link a:hover,
    .node--type-alert.alert-level-emergency .alert-links a:hover,
    .node--type-alert.alert-level-emergency .btn-learn-more:hover {
      border-color: white;
      color: white;
      opacity: 0.75;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }

.banner {
  position: relative; }
  .banner .details {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
    position: absolute;
    top: 23%;
    left: 50%;
    margin-top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    padding-bottom: 0;
    z-index: 2; }
    @media (min-width: 37.5em) {
      .banner .details {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    @media (min-width: 56.25em) {
      .banner .details {
        max-width: 100rem;
        padding-left: 2.9375rem;
        padding-right: 2.9375rem; } }
    @media (min-width: 31.25em) {
      .banner .details {
        top: 23%;
        left: 50%;
        margin-top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 100%;
        padding-bottom: 0; } }
    @media (min-width: 37.5em) {
      .banner .details {
        top: 23%;
        left: 50%;
        margin-top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 100%;
        padding-bottom: 0; } }
    @media (min-width: 48em) {
      .banner .details {
        display: block;
        position: absolute;
        top: 23%;
        left: 50%;
        margin-top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 100%;
        padding-right: 35%;
        padding-bottom: 0; } }
    @media (min-width: 56.25em) {
      .banner .details {
        padding-right: 30%;
        top: 27%; } }
  .banner .field--name-field-banner-title h2 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
    margin-bottom: 1.25rem; }
    @media (min-width: 48em) {
      .banner .field--name-field-banner-title h2 {
        font-size: calc(24px + (60 - 24) * (100vw - 400px)/ (1920 - 400));
        letter-spacing: -2.1px;
        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.16);
        max-width: 1000px;
        margin-bottom: 2.5rem; } }
  .banner .field--name-field-banner-links {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%; }
    .banner .field--name-field-banner-links .field__item {
      display: inline-block;
      margin-right: 1rem; }
      .banner .field--name-field-banner-links .field__item a {
        color: white;
        background: rgba(0, 82, 127, 0.65);
        padding: 0.85rem;
        border: 2px solid #ffffff80;
        font-size: 0.75rem;
        display: inline-block;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        text-decoration: none;
        letter-spacing: -0.01em;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0.5rem; }
        .banner .field--name-field-banner-links .field__item a:hover {
          background: #00527f; }
        @media (min-width: 48em) {
          .banner .field--name-field-banner-links .field__item a {
            font-size: 0.875rem;
            padding: 0.85rem 2rem; } }
        @media (min-width: 56.25em) {
          .banner .field--name-field-banner-links .field__item a {
            font-size: 1rem; } }
      .banner .field--name-field-banner-links .field__item:nth-child(2) a {
        color: #00527f;
        background: rgba(255, 255, 255, 0.8);
        padding: 0.85rem;
        border: 2px solid #0097c4;
        font-size: 0.75rem;
        display: inline-block;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        text-decoration: none;
        letter-spacing: -0.01em;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0.5rem; }
        .banner .field--name-field-banner-links .field__item:nth-child(2) a:hover {
          background: white; }
        @media (min-width: 48em) {
          .banner .field--name-field-banner-links .field__item:nth-child(2) a {
            font-size: 0.875rem;
            padding: 0.85rem 2rem; } }
        @media (min-width: 56.25em) {
          .banner .field--name-field-banner-links .field__item:nth-child(2) a {
            font-size: 1rem; } }

.maintenance-page .region--masthead-primary {
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media (min-width: 48em) {
    .maintenance-page .region--masthead-primary {
      height: auto;
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media (min-width: 85.375em) {
    .maintenance-page .region--masthead-primary {
      height: auto;
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media (min-width: 112.4375em) {
    .maintenance-page .region--masthead-primary {
      height: auto;
      padding-top: 2rem;
      padding-bottom: 2rem; } }

.maintenance-page .block-system-branding-block {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .maintenance-page .block-system-branding-block .site-logo {
    max-width: 220px;
    padding: 0; }
    @media (min-width: 48em) {
      .maintenance-page .block-system-branding-block .site-logo {
        max-width: 220px;
        padding: 0; } }
    @media (min-width: 85.375em) {
      .maintenance-page .block-system-branding-block .site-logo {
        max-width: 220px;
        padding: 0; } }
    @media (min-width: 112.4375em) {
      .maintenance-page .block-system-branding-block .site-logo {
        max-width: 220px;
        padding: 0; } }

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

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

.node--type-article .main-content {
  max-width: 71.25rem; }

.node--type-article .field--name-field-main-image .field--type-image {
  width: 100%; }
  .node--type-article .field--name-field-main-image .field--type-image picture {
    display: block;
    max-height: 30rem;
    overflow: hidden;
    border-radius: 2.5rem 0; }

.node--type-article .field--type-datetime {
  margin-top: 1rem;
  margin-bottom: 2rem; }
  .node--type-article .field--type-datetime .field__label,
  .node--type-article .field--type-datetime .field__item {
    font-size: 0.875rem;
    font-weight: 600; }
    @media (min-width: 48em) {
      .node--type-article .field--type-datetime .field__label,
      .node--type-article .field--type-datetime .field__item {
        font-size: 1rem; } }

.node--type-brand-story .field--name-field-media-image {
  margin-bottom: 0; }

.node--type-brand-story .brand-story .page-title {
  color: #17171A;
  margin-bottom: 1.5rem; }

.node--type-brand-story .brand-story .field--name-field-subtitle {
  color: #0b5b82;
  font-size: 1.25rem;
  line-height: 1.8125rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 56.25em) {
    .node--type-brand-story .brand-story .field--name-field-subtitle {
      font-size: 1.5625rem;
      line-height: 2.25rem; } }

.node--type-brand-story .brand-story .field--name-field-date {
  margin: 0; }
  .node--type-brand-story .brand-story .field--name-field-date time {
    display: inline-block;
    margin: 0; }
    .node--type-brand-story .brand-story .field--name-field-date time::after {
      content: '';
      display: block;
      width: 50%;
      border-top: 2px solid #622567;
      margin-top: 1rem;
      margin-bottom: 1.5rem; }

.node--type-brand-story .brand-story .field--name-field-story-topic {
  margin-top: 0;
  margin-bottom: 1.5rem; }
  .node--type-brand-story .brand-story .field--name-field-story-topic * {
    text-transform: uppercase; }
  .node--type-brand-story .brand-story .field--name-field-story-topic .field__label {
    font-weight: 700; }
  .node--type-brand-story .brand-story .field--name-field-story-topic .field__item a {
    text-decoration: none; }
    .node--type-brand-story .brand-story .field--name-field-story-topic .field__item a:hover {
      text-decoration: underline; }

.node--type-brand-story .brand-story .add-to-any-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #F2F3F7;
  padding: 1rem;
  margin-top: 0;
  margin-bottom: 3rem; }
  .node--type-brand-story .brand-story .add-to-any-container .field__label {
    text-transform: unset;
    font-size: 1rem; }
  .node--type-brand-story .brand-story .add-to-any-container .inner-container .addtoany_list.a2a_kit_size_32 > a {
    font-size: 20px;
    color: #0b5b82;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    border: 1px solid #ccc; }

.node--type-brand-story .brand-story .field--name-field-main-image {
  border-radius: 2.5rem 0;
  margin-bottom: 1.5rem; }
  .node--type-brand-story .brand-story .field--name-field-main-image img {
    border-radius: 2.5rem 0; }

.node--type-brand-story .brand-story .field--name-body {
  padding: 0; }
  @media (min-width: 56.25em) {
    .node--type-brand-story .brand-story .field--name-body {
      padding: 0 3rem; } }
  @media (min-width: 64em) {
    .node--type-brand-story .brand-story .field--name-body {
      padding: 0 6rem; } }

.node--type-landing-page .node--view-mode-full {
  margin: 0; }

.node--type-landing-page .node--view-mode-banner {
  height: 12.5rem;
  max-width: 120rem;
  width: 100%;
  background-size: cover;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center !important; }
  .node--type-landing-page .node--view-mode-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0b5b82;
    opacity: 0.4;
    z-index: 0; }
  @media (min-width: 48em) {
    .node--type-landing-page .node--view-mode-banner {
      height: 14.6875rem; } }
  @media (min-width: 64em) {
    .node--type-landing-page .node--view-mode-banner {
      height: 19.6875rem; } }
  @media (min-width: 85.375em) {
    .node--type-landing-page .node--view-mode-banner {
      height: 26.25rem; } }
  @media (min-width: 112.5em) {
    .node--type-landing-page .node--view-mode-banner {
      height: 37rem;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  .node--type-landing-page .node--view-mode-banner .page-title {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    margin: 0 auto;
    color: white;
    text-shadow: 0 1px 22px #00000029;
    z-index: 1; }
    @media (min-width: 37.5em) {
      .node--type-landing-page .node--view-mode-banner .page-title {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    @media (min-width: 56.25em) {
      .node--type-landing-page .node--view-mode-banner .page-title {
        max-width: 100rem;
        padding-left: 2.9375rem;
        padding-right: 2.9375rem; } }
    @media (min-width: 112.5em) {
      .node--type-landing-page .node--view-mode-banner .page-title {
        padding-top: 11.625rem; } }

@media (min-width: 48em) {
  .node--type-landing-page .section-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.node--type-landing-page .section-link-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%; }
  .node--type-landing-page .section-link-area h2,
  .node--type-landing-page .section-link-area h2 a {
    color: #333;
    margin-top: 0; }

.node--type-landing-page .field--name-field-section-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .node--type-landing-page .field--name-field-section-links > .field__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46%;
            flex: 0 1 46%;
    margin-bottom: 1.5rem; }
    .node--type-landing-page .field--name-field-section-links > .field__item h3, .node--type-landing-page .field--name-field-section-links > .field__item h3 a, .node--type-landing-page .field--name-field-section-links > .field__item a {
      margin: 0;
      margin-bottom: 0.5rem;
      font-size: 1rem;
      line-height: normal;
      color: #0b5b82;
      text-decoration: none;
      font-weight: 500;
      display: block; }
      @media (min-width: 56.25em) {
        .node--type-landing-page .field--name-field-section-links > .field__item h3, .node--type-landing-page .field--name-field-section-links > .field__item h3 a, .node--type-landing-page .field--name-field-section-links > .field__item a {
          font-size: 1.25rem;
          line-height: normal;
          margin-bottom: 0.8125rem; } }
  .node--type-landing-page .field--name-field-section-links .field--name-field-short-description,
  .node--type-landing-page .field--name-field-section-links .field--name-field-page-short-description {
    font-size: 0.875rem;
    color: #595959;
    line-height: normal; }

.node--type-landing-page .section-wrapper .cta-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  position: relative; }
  .node--type-landing-page .section-wrapper .cta-area::before {
    content: "";
    width: 89px;
    height: 5px;
    position: absolute;
    background-color: #0098c5;
    top: -18px;
    left: 0; }
  .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-title {
    font-size: 1.75rem;
    line-height: 2.0625rem;
    font-weight: 500;
    margin-bottom: 0.8125rem; }
    @media (min-width: 56.25em) {
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-title {
        font-size: 2.1875rem;
        line-height: 2.5rem; } }
  .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-description {
    margin-bottom: 2.375rem; }
  .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a {
      font-size: 1rem;
      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-decoration: none;
      letter-spacing: -0.01em;
      padding: 1.125rem 2.8125rem;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 2px solid #0f7fad;
      font-weight: 500;
      line-height: normal;
      border-color: #0f7fad;
      background-color: #0f7fad;
      color: #ffffff;
      padding: 1.125rem 2.8125rem;
      padding: 1.75rem 2.8125rem;
      font-size: 1.1875rem;
      background-color: #0098c5;
      border-color: #0098c5;
      margin-right: 1.875rem;
      margin-bottom: 1.875rem;
      min-width: 15.625rem; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:focus {
        outline: none; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:visited {
        color: #ffffff; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:hover {
        border-color: #0c6895;
        background-color: #0c6895;
        color: #ffffff; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:focus, .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:active {
        border-color: #0c6895;
        background-color: #0c6895;
        color: #ffffff; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a::before {
        margin-right: 0.625rem; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:visited {
        color: #ffffff; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:hover {
        border-color: #0098c5;
        background-color: #ffffff;
        color: #0098c5; }
      .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:focus, .node--type-landing-page .section-wrapper .cta-area .field--name-field-section-cta-links a:active {
        border-color: #0098c5;
        background-color: #ffffff;
        color: #0098c5; }

.node--type-profile .node--view-mode-full .field--name-field-main-image {
  display: inline-block;
  float: left;
  width: 18.75rem;
  height: auto;
  margin-right: 3rem;
  overflow: hidden;
  margin-bottom: 1rem;
  border-radius: 70px 0; }
  @media (min-width: 48em) {
    .node--type-profile .node--view-mode-full .field--name-field-main-image {
      width: 357px; } }
  .node--type-profile .node--view-mode-full .field--name-field-main-image .media--view-mode-inline {
    margin: 0; }

.node--type-profile .node--view-mode-full .field--name-field-position,
.node--type-profile .node--view-mode-full .field--name-field-profile-type {
  font-weight: 500; }
  @media (min-width: 48em) {
    .node--type-profile .node--view-mode-full .field--name-field-position,
    .node--type-profile .node--view-mode-full .field--name-field-profile-type {
      font-size: 1.25rem; } }

.node--type-profile .node--view-mode-full .field--name-body {
  margin-top: 2rem; }

@media (min-width: 48em) {
  .node--type-program.node--view-mode-full > .node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .node--type-program.node--view-mode-full > .node__content > h2 .field--name-title {
      font-weight: 700;
      display: block;
      margin-top: 1rem;
      margin-bottom: 1rem; } }
    @media (min-width: 48em) and (min-width: 62.4375em) {
      .node--type-program.node--view-mode-full > .node__content > h2 .field--name-title {
        line-height: 1.2;
        font-size: 3.4375rem;
        margin-top: 2rem;
        margin-bottom: 2rem; } }

.node--type-program.node--view-mode-full > .node__content > h1, .node--type-program.node--view-mode-full > .node__content h2 {
  width: 100%; }

.node--type-program.node--view-mode-full .field--name-field-main-image {
  height: 17.5rem;
  overflow: hidden;
  border-radius: 6.25rem 0 6.25rem 0;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  background-size: cover;
  background-position: center !important; }
  @media (min-width: 56.25em) {
    .node--type-program.node--view-mode-full .field--name-field-main-image {
      height: 21.25rem; } }

.node--type-program.node--view-mode-full .main-content {
  -webkit-box-flex: 60%;
      -ms-flex: 60%;
          flex: 60%; }
  @media (min-width: 48em) {
    .node--type-program.node--view-mode-full .main-content {
      padding-right: 2.25rem; } }

.node--type-program.node--view-mode-full .sidebar-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 22.3125rem;
  width: 100%;
  margin-top: 2rem; }
  @media (min-width: 48em) {
    .node--type-program.node--view-mode-full .sidebar-content {
      margin-top: 4rem; } }

.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: 56.25em) {
      .block > h2,
      .block .block--inner h2 {
        font-size: 2rem; } }
    .block > h2::before,
    .block .block--inner h2::before {
      margin-right: 1rem; }

.main-content .block-views {
  margin-bottom: 3rem; }

.main-content .paragraph {
  margin-bottom: 1rem; }

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

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

.config_pages--homepage-configuration--banner {
  position: relative;
  max-width: 1920px;
  margin: 0 auto; }
  @media (min-width: 48em) {
    .config_pages--homepage-configuration--banner {
      padding-bottom: 0; } }
  .config_pages--homepage-configuration--banner .banner {
    position: relative; }
    .config_pages--homepage-configuration--banner .banner::after {
      content: "";
      background-image: url("../../dist/img/transgas-banner-overlay.svg");
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      width: 100%; }
    .config_pages--homepage-configuration--banner .banner .field--name-field-media-image {
      margin: 0; }
  .config_pages--homepage-configuration--banner .slider {
    padding-bottom: 110px;
    background-image: -webkit-gradient(linear, right top, left top, from(#00527f), to(#008542));
    background-image: linear-gradient(to left, #00527f, #008542);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
    .config_pages--homepage-configuration--banner .slider.slick-initialized {
      opacity: 1;
      visibility: visible; }
  .config_pages--homepage-configuration--banner .slick-dots {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    bottom: -15px;
    z-index: 2; }
    .config_pages--homepage-configuration--banner .slick-dots li {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      margin-left: 3px;
      margin-right: 3px;
      opacity: 0.5;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
      .config_pages--homepage-configuration--banner .slick-dots li.slick-active {
        opacity: 1; }
      .config_pages--homepage-configuration--banner .slick-dots li button {
        border: none;
        padding: 0;
        margin: 0;
        text-indent: -9999px;
        border-radius: 100%;
        width: 7px;
        height: 7px; }
        .config_pages--homepage-configuration--banner .slick-dots li button:focus {
          outline: none; }
        @media (min-width: 48em) {
          .config_pages--homepage-configuration--banner .slick-dots li button {
            width: 10px;
            height: 10px; } }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--banner .slick-dots {
        display: none; } }
  .config_pages--homepage-configuration--banner .slide {
    background-size: cover;
    max-height: 1000px; }
    .config_pages--homepage-configuration--banner .slide div[class*="title"] {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1rem;
      padding-right: 1rem;
      position: absolute;
      top: 30%;
      z-index: 2; }
      @media (min-width: 37.5em) {
        .config_pages--homepage-configuration--banner .slide div[class*="title"] {
          padding-left: 1.5625rem;
          padding-right: 1.5625rem; } }
      @media (min-width: 56.25em) {
        .config_pages--homepage-configuration--banner .slide div[class*="title"] {
          max-width: 100rem;
          padding-left: 2.9375rem;
          padding-right: 2.9375rem; } }
      .config_pages--homepage-configuration--banner .slide div[class*="title"] h2 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: normal;
        margin: 0;
        color: white;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16); }
        @media (min-width: 48em) {
          .config_pages--homepage-configuration--banner .slide div[class*="title"] h2 {
            font-size: calc(24px + (60 - 24) * (100vw - 400px)/ (1920 - 400));
            letter-spacing: -2.1px;
            text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.16);
            max-width: 1000px; } }
    .config_pages--homepage-configuration--banner .slide div[class*="subtitle"] {
      display: none; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--banner .slide .field--type-link .field__item {
        display: inline-block;
        margin-right: 1rem; } }
    .config_pages--homepage-configuration--banner .slide .field--type-link a {
      color: white;
      background: rgba(0, 82, 127, 0.65);
      padding: 0.85rem;
      border: 2px solid #ffffff80;
      font-size: 0.75rem;
      display: inline-block;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      text-decoration: none;
      letter-spacing: -0.01em;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-weight: 500;
      line-height: normal;
      display: block;
      margin-bottom: 0.5rem; }
      .config_pages--homepage-configuration--banner .slide .field--type-link a:hover {
        background: #00527f; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--banner .slide .field--type-link a {
          font-size: 0.875rem;
          padding: 0.85rem 2rem; } }
      @media (min-width: 56.25em) {
        .config_pages--homepage-configuration--banner .slide .field--type-link a {
          font-size: 1rem; } }
  .config_pages--homepage-configuration--banner .login-block {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media (min-width: 37.5em) {
      .config_pages--homepage-configuration--banner .login-block {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    @media (min-width: 56.25em) {
      .config_pages--homepage-configuration--banner .login-block {
        max-width: 100rem;
        padding-left: 2.9375rem;
        padding-right: 2.9375rem; } }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--banner .login-block {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 27, 43, 0.21);
                box-shadow: 0 10px 20px 0 rgba(0, 27, 43, 0.21);
        background: linear-gradient(15deg, #0f7fad 0%, #0b5b82 100%);
        position: absolute;
        right: 8%;
        top: 38%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 3;
        width: 10.625rem;
        overflow: hidden;
        padding: 1.4375rem 1.0625rem; } }
    @media (min-width: 64em) {
      .config_pages--homepage-configuration--banner .login-block {
        width: 14.8125rem;
        padding: 1.875rem 1.25rem; } }
    @media (min-width: 85.375em) {
      .config_pages--homepage-configuration--banner .login-block {
        width: 16.25rem;
        padding: 2.1875rem; } }
    @media (min-width: 112.4375em) {
      .config_pages--homepage-configuration--banner .login-block {
        min-height: 25rem;
        top: 40%;
        padding: 2rem 2.5rem;
        width: 22.375rem; } }
    @media (min-width: 112.5em) {
      .config_pages--homepage-configuration--banner .login-block {
        right: 10%; } }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-title {
      display: none;
      color: white;
      font-size: 1.25rem;
      margin-bottom: 0.625rem; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-title {
          display: block; } }
      @media (min-width: 64em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-title {
          font-size: 1.5rem; } }
      @media (min-width: 85.375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-title {
          font-size: 1.75rem;
          margin-bottom: 0.9375rem;
          font-weight: 500; } }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-title {
          font-size: 2rem;
          margin-bottom: 1.5rem; } }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-description {
      display: none;
      color: white;
      font-size: 0.625rem;
      font-weight: 300;
      line-height: 1.4;
      margin-bottom: 0.625rem; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-description {
          display: block; } }
      @media (min-width: 64em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-description {
          font-size: 0.75rem;
          line-height: 1.6; } }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-description {
          font-size: 1rem; } }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-message {
      display: none;
      font-size: 1rem;
      font-weight: 700;
      color: white;
      margin-bottom: 1rem; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-message {
          display: block; } }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-message {
          font-size: 1.1875rem; } }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link {
      padding: 1rem 0; }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a {
        font-size: 0.9375rem;
        color: white;
        height: 3.125rem;
        text-align: center;
        background-color: #0b5b82;
        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;
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out;
        text-decoration: none; }
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a::before {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f023";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 300;
          font-size: 0.875rem;
          margin-right: 0.4375rem; }
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a:hover, .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a:active, .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a:focus {
          background-color: #0f7fad;
          text-decoration: underline; }
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a:focus {
          outline: 2px dashed #ffffff; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link {
          margin-bottom: 0.625rem;
          margin-top: 1.25rem;
          padding: 0; }
          .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a {
            font-size: 0.75rem;
            height: 2.5rem; }
            .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a::before {
              display: none; } }
      @media (min-width: 85.375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link {
          margin-bottom: 1.125rem;
          margin-top: 1.5625rem; } }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link {
          margin-top: 2.25rem; }
          .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link a {
            height: 3.125rem; } }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text {
      font-size: 0.625rem;
      line-height: normal;
      font-weight: 300;
      margin-bottom: 0;
      padding-bottom: 0.625rem;
      border-bottom: 0; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text {
          color: white; } }
      @media (min-width: 85.375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text {
          border-bottom: 1px solid rgba(255, 255, 255, 0.25);
          margin-bottom: 0.9375rem;
          padding-bottom: 0.9375rem; } }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text {
          font-size: 0.875rem;
          margin-bottom: 1.75rem;
          padding-bottom: 1.75rem; } }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text a {
        font-weight: 500;
        text-decoration: none; }
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text a:hover {
          text-decoration: underline; }
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text a:focus {
          outline: 2px dashed #ffffff; }
        @media (min-width: 48em) {
          .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text a {
            color: white; } }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text p:last-child {
        margin-bottom: 0; }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-link-text:last-child {
        border: none;
        margin: 0;
        padding: 0; }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video-title {
      width: 50%;
      display: none;
      float: left;
      margin-top: 1rem;
      color: white;
      font-size: 1rem;
      font-weight: 600; }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video-title {
          display: inline-block;
          font-size: 1.1875rem; } }
    .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video {
      width: 6.25rem;
      display: none;
      margin-bottom: 1rem;
      float: right;
      position: relative; }
      @media (min-width: 112.4375em) {
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video {
          display: inline-block; } }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video:hover {
        opacity: 0.85; }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video img {
        opacity: 0.85; }
        .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video img:hover {
          opacity: 0.85; }
      .config_pages--homepage-configuration--banner .login-block .field--name-field-login-block-video::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f144";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-size: 2.125rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: white;
        pointer-events: none; }
  .config_pages--homepage-configuration--banner .field--name-field-maintenance-message {
    display: none;
    color: white;
    position: relative; }
    .config_pages--homepage-configuration--banner .field--name-field-maintenance-message::before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f06a";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 900;
      font-size: 0.625rem;
      position: absolute;
      top: 0.25rem;
      left: -0.875rem;
      color: #f4ee67; }
    .config_pages--homepage-configuration--banner .field--name-field-maintenance-message a {
      color: white; }
    @media (min-width: 85.375em) {
      .config_pages--homepage-configuration--banner .field--name-field-maintenance-message {
        display: inline-block;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.6; } }
    @media (min-width: 112.4375em) {
      .config_pages--homepage-configuration--banner .field--name-field-maintenance-message {
        font-size: 1rem; }
        .config_pages--homepage-configuration--banner .field--name-field-maintenance-message::before {
          font-size: 0.875rem;
          top: 0.4375rem;
          left: -1.25rem; } }
  .config_pages--homepage-configuration--banner .banner-nav {
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--banner .banner-nav {
        display: block; } }
    .config_pages--homepage-configuration--banner .banner-nav .slick-track {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1rem;
      padding-right: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100% !important; }
      @media (min-width: 37.5em) {
        .config_pages--homepage-configuration--banner .banner-nav .slick-track {
          padding-left: 1.5625rem;
          padding-right: 1.5625rem; } }
      @media (min-width: 56.25em) {
        .config_pages--homepage-configuration--banner .banner-nav .slick-track {
          max-width: 100rem;
          padding-left: 2.9375rem;
          padding-right: 2.9375rem; } }
      .config_pages--homepage-configuration--banner .banner-nav .slick-track .slide {
        width: 100% !important;
        -webkit-box-flex: 25%;
            -ms-flex: 25%;
                flex: 25%; }
    .config_pages--homepage-configuration--banner .banner-nav .nav-item {
      border-top: 2px solid white;
      padding-top: 0.3125rem;
      margin-right: 1.875rem;
      height: 7.5rem; }
      @media (min-width: 74.9375em) {
        .config_pages--homepage-configuration--banner .banner-nav .nav-item {
          height: 9.375rem; } }
      .config_pages--homepage-configuration--banner .banner-nav .nav-item:first-child {
        border-color: #00afd8; }
      .config_pages--homepage-configuration--banner .banner-nav .nav-item:nth-child(2) {
        border-color: #a0cfeb; }
      .config_pages--homepage-configuration--banner .banner-nav .nav-item:nth-child(3) {
        border-color: #a5d867; }
      .config_pages--homepage-configuration--banner .banner-nav .nav-item:nth-child(4) {
        border-color: #79bc43;
        margin-right: 0; }
      .config_pages--homepage-configuration--banner .banner-nav .nav-item:focus {
        outline: none; }
    .config_pages--homepage-configuration--banner .banner-nav .nav-subtitle {
      display: block;
      color: white;
      text-transform: uppercase;
      font-size: 1.4vw;
      letter-spacing: 0.8px; }
      @media (min-width: 74.9375em) {
        .config_pages--homepage-configuration--banner .banner-nav .nav-subtitle {
          font-size: 0.875rem;
          margin-bottom: mre(14); } }
    .config_pages--homepage-configuration--banner .banner-nav .nav-title {
      font-size: 1.75vw;
      font-weight: 500;
      line-height: 1.25;
      letter-spacing: -.24px;
      font-style: normal;
      font-stretch: normal;
      color: white; }
      @media (min-width: 74.9375em) {
        .config_pages--homepage-configuration--banner .banner-nav .nav-title {
          font-size: 1.5rem; } }

.config_pages--type--stories-page-configuration .banner-area {
  height: 12.5rem;
  max-width: 120rem;
  width: 100%;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center !important; }
  .config_pages--type--stories-page-configuration .banner-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0b5b82;
    opacity: 0.4;
    z-index: 0; }
  @media (min-width: 48em) {
    .config_pages--type--stories-page-configuration .banner-area {
      height: 14.6875rem; } }
  @media (min-width: 64em) {
    .config_pages--type--stories-page-configuration .banner-area {
      height: 19.6875rem; } }
  @media (min-width: 85.375em) {
    .config_pages--type--stories-page-configuration .banner-area {
      height: 26.25rem; } }
  @media (min-width: 112.5em) {
    .config_pages--type--stories-page-configuration .banner-area {
      height: 37rem;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  .config_pages--type--stories-page-configuration .banner-area .page-title {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    margin: 0 auto;
    color: white;
    text-shadow: 0 1px 22px #00000029;
    position: relative;
    z-index: 1; }
    @media (min-width: 37.5em) {
      .config_pages--type--stories-page-configuration .banner-area .page-title {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    @media (min-width: 56.25em) {
      .config_pages--type--stories-page-configuration .banner-area .page-title {
        max-width: 100rem;
        padding-left: 2.9375rem;
        padding-right: 2.9375rem; } }
    @media (min-width: 112.5em) {
      .config_pages--type--stories-page-configuration .banner-area .page-title {
        padding-top: 11.625rem; } }
  .config_pages--type--stories-page-configuration .banner-area .banner-content-details {
    width: 100%; }

#block-views-block-brand-stories-block-1,
#block-de-theme-content .view-id-brand_stories {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 37.5em) {
    #block-views-block-brand-stories-block-1,
    #block-de-theme-content .view-id-brand_stories {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    #block-views-block-brand-stories-block-1,
    #block-de-theme-content .view-id-brand_stories {
      max-width: 100rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  #block-views-block-brand-stories-block-1::before,
  #block-de-theme-content .view-id-brand_stories::before {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: #F2F3F7;
    left: calc(50% - 50vw);
    position: absolute;
    top: 0; }
  #block-views-block-brand-stories-block-1 .view-header,
  #block-de-theme-content .view-id-brand_stories .view-header {
    width: 100vw;
    margin-left: calc(50% - 50vw); }

#block-views-block-brand-stories-block-1,
#block-de-theme-content .view-id-brand_stories,
#block-de-theme-content .view-id-taxonomy_term {
  position: relative;
  padding-bottom: 2rem; }
  #block-views-block-brand-stories-block-1 > *:not(.contextual),
  #block-de-theme-content .view-id-brand_stories > *:not(.contextual),
  #block-de-theme-content .view-id-taxonomy_term > *:not(.contextual) {
    position: relative; }
  #block-views-block-brand-stories-block-1 .view-content,
  #block-de-theme-content .view-id-brand_stories .view-content,
  #block-de-theme-content .view-id-taxonomy_term .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -0.85rem; }
    #block-views-block-brand-stories-block-1 .view-content > h3,
    #block-de-theme-content .view-id-brand_stories .view-content > h3,
    #block-de-theme-content .view-id-taxonomy_term .view-content > h3 {
      color: #0b5b82;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-right: 0.85rem;
      margin-left: 0.85rem; }
    #block-views-block-brand-stories-block-1 .view-content > div,
    #block-de-theme-content .view-id-brand_stories .view-content > div,
    #block-de-theme-content .view-id-taxonomy_term .view-content > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      height: inherit !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (min-width: 31.25em) {
        #block-views-block-brand-stories-block-1 .view-content > div,
        #block-de-theme-content .view-id-brand_stories .view-content > div,
        #block-de-theme-content .view-id-taxonomy_term .view-content > div {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%; } }
      @media (min-width: 56.25em) {
        #block-views-block-brand-stories-block-1 .view-content > div,
        #block-de-theme-content .view-id-brand_stories .view-content > div,
        #block-de-theme-content .view-id-taxonomy_term .view-content > div {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 25%;
                  flex: 0 0 25%; } }
      #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser,
      #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser,
      #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content,
        #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content,
        #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a,
          #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a,
          #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            display: block;
            margin: 0.85rem;
            background-color: white;
            border-radius: 60px 0 60px 0;
            overflow: hidden;
            -webkit-box-shadow: 0 8px 10px 0 #223f5029;
                    box-shadow: 0 8px 10px 0 #223f5029;
            padding-bottom: 1.25rem;
            max-width: 22.375rem;
            height: inherit !important;
            text-decoration: none; }
            #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:focus,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:focus,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:focus {
              outline: 1px dashed #8E919F; }
            #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image {
              overflow: hidden;
              position: relative; }
              #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before,
              #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before,
              #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                line-height: 1;
                vertical-align: -.125em;
                content: "\f30b";
                font-family: 'Font Awesome 5 Pro';
                font-weight: 400;
                font-size: 1.375rem;
                color: white;
                opacity: 0;
                position: absolute;
                right: 0.625rem;
                bottom: 0.625rem;
                z-index: 1;
                pointer-events: none; }
              #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::after,
              #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::after,
              #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::after {
                content: "";
                width: 100%;
                height: 100%;
                background-image: url("../../dist/img/transgas-cta-overlay.svg");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                bottom: 0;
                opacity: 0; }
              @media (min-width: 48em) {
                #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before,
                #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before,
                #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before {
                  right: 1.25rem;
                  bottom: 1.25rem;
                  font-size: 1.75rem; } }
              @media (min-width: 85.375em) {
                #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before,
                #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before,
                #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a .field--name-field-main-image::before {
                  font-size: 2rem; } }
            #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-field-main-image::before, #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:focus .field--name-field-main-image::before, #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:active .field--name-field-main-image::before,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-field-main-image::before,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:focus .field--name-field-main-image::before,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:active .field--name-field-main-image::before,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-field-main-image::before,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:focus .field--name-field-main-image::before,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:active .field--name-field-main-image::before {
              opacity: 0.7;
              -webkit-transition: opacity 0.3s ease-out;
              transition: opacity 0.3s ease-out; }
            #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-field-main-image::after, #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:focus .field--name-field-main-image::after, #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:active .field--name-field-main-image::after,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-field-main-image::after,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:focus .field--name-field-main-image::after,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:active .field--name-field-main-image::after,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-field-main-image::after,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:focus .field--name-field-main-image::after,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:active .field--name-field-main-image::after {
              opacity: 1;
              -webkit-transition: opacity 0.3s ease-out;
              transition: opacity 0.3s ease-out; }
            #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a .field--name-title,
            #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a .field--name-title,
            #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a .field--name-title {
              display: block;
              padding: 0.625rem 1rem;
              color: #0098c5;
              font-size: 0.875rem;
              font-weight: 600; }
          #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:hover,
          #block-views-block-brand-stories-block-1 .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-title,
          #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:hover,
          #block-de-theme-content .view-id-brand_stories .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-title,
          #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:hover,
          #block-de-theme-content .view-id-taxonomy_term .view-content > div .node--view-mode-teaser .node__content a:hover .field--name-title {
            text-decoration: underline; }

#block-views-block-brand-stories-block-1 {
  position: relative;
  padding-top: 2rem; }

#block-views-block-recent-stories-block-homepage-stories,
.block-views-block--brand-stories-block-2 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  padding-top: 3rem;
  padding-bottom: 2.5rem; }
  @media (min-width: 37.5em) {
    #block-views-block-recent-stories-block-homepage-stories,
    .block-views-block--brand-stories-block-2 {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    #block-views-block-recent-stories-block-homepage-stories,
    .block-views-block--brand-stories-block-2 {
      max-width: 100rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  #block-views-block-recent-stories-block-homepage-stories::before,
  .block-views-block--brand-stories-block-2::before {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: #deeef8;
    left: calc(50% - 50vw);
    position: absolute;
    top: 0; }
  #block-views-block-recent-stories-block-homepage-stories > *,
  .block-views-block--brand-stories-block-2 > * {
    position: relative; }
  #block-views-block-recent-stories-block-homepage-stories .more-link,
  .block-views-block--brand-stories-block-2 .more-link {
    margin-top: 2.5rem; }
  #block-views-block-recent-stories-block-homepage-stories .view-content,
  .block-views-block--brand-stories-block-2 .view-content {
    display: none; }
    #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized,
    .block-views-block--brand-stories-block-2 .view-content.slick-initialized {
      position: relative;
      display: block; }
      #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized button.slick-disabled,
      .block-views-block--brand-stories-block-2 .view-content.slick-initialized button.slick-disabled {
        opacity: 0.3; }
      #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized button.slick-arrow,
      .block-views-block--brand-stories-block-2 .view-content.slick-initialized button.slick-arrow {
        background-color: transparent;
        border: none;
        width: 1px;
        height: 1px;
        font-size: 0; }
        #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized button.slick-arrow::after,
        .block-views-block--brand-stories-block-2 .view-content.slick-initialized button.slick-arrow::after {
          top: -1.5rem;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          line-height: 1;
          vertical-align: -.125em;
          font-family: 'Font Awesome 5 Pro';
          font-weight: 400;
          font-size: 1.5rem;
          position: absolute;
          color: #8E919F; }
        #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized button.slick-arrow.slick-next,
        .block-views-block--brand-stories-block-2 .view-content.slick-initialized button.slick-arrow.slick-next {
          position: absolute;
          top: 0;
          right: 0; }
          #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized button.slick-arrow.slick-next::after,
          .block-views-block--brand-stories-block-2 .view-content.slick-initialized button.slick-arrow.slick-next::after {
            content: "\f30b";
            right: 0; }
        #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized button.slick-arrow.slick-prev::after,
        .block-views-block--brand-stories-block-2 .view-content.slick-initialized button.slick-arrow.slick-prev::after {
          content: "\f30a";
          right: 2rem; }
      #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list,
      .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list {
        position: relative;
        overflow: hidden;
        margin: 0 -0.5rem; }
        #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track,
        .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important; }
          #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide,
          .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide {
            display: block;
            margin: 0.85rem;
            background-color: white;
            border-radius: 60px 0 60px 0;
            overflow: hidden;
            -webkit-box-shadow: 0 8px 10px 0 #223f5029;
                    box-shadow: 0 8px 10px 0 #223f5029;
            padding-bottom: 1.25rem;
            max-width: 22.375rem;
            height: inherit !important; }
            #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image {
              overflow: hidden;
              position: relative; }
              #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::before,
              .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::before {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                line-height: 1;
                vertical-align: -.125em;
                content: "\f30b";
                font-family: 'Font Awesome 5 Pro';
                font-weight: 400;
                font-size: 1.375rem;
                color: white;
                opacity: 0;
                position: absolute;
                right: 0.625rem;
                bottom: 0.625rem;
                z-index: 1;
                pointer-events: none; }
              #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::after,
              .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::after {
                content: "";
                width: 100%;
                height: 100%;
                background-image: url("../../dist/img/transgas-cta-overlay.svg");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                bottom: 0;
                opacity: 0; }
              @media (min-width: 48em) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::before,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::before {
                  right: 1.25rem;
                  bottom: 1.25rem;
                  font-size: 1.75rem; } }
              @media (min-width: 85.375em) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::before,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-main-image::before {
                  font-size: 2rem; } }
            #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser a,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser a {
              text-decoration: none; }
              #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser a:focus,
              .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser a:focus {
                outline: 1px dashed #8E919F; }
            #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title {
              display: block;
              padding-left: 2rem;
              padding-right: 2rem;
              line-height: normal;
              margin-top: 1.25rem;
              font-size: 1.125rem;
              margin-bottom: 0.25rem;
              text-decoration: none;
              font-weight: 500;
              color: #333;
              min-height: 2.875rem; }
              @media (min-width: 480px) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title {
                  min-height: 4.375rem; } }
              @media (min-width: 37.5em) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title {
                  min-height: 2.875rem; } }
              @media (min-width: 40em) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title {
                  min-height: 4.375rem; } }
              @media (min-width: 64em) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title {
                  min-height: 2.875rem; } }
              @media (min-width: 1481px) {
                #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title,
                .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .node__content .field--name-title {
                  min-height: auto; } }
            #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-short-description,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide .node--view-mode-teaser .field--name-field-short-description {
              padding-left: 2rem;
              padding-right: 2rem;
              font-size: 0.875rem;
              text-decoration: none;
              color: #333;
              line-height: normal; }
            #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide:hover .field--name-field-main-image::before, #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide:focus .field--name-field-main-image::before, #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide:active .field--name-field-main-image::before,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide:hover .field--name-field-main-image::before,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide:focus .field--name-field-main-image::before,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide:active .field--name-field-main-image::before {
              opacity: 0.7;
              -webkit-transition: opacity 0.3s ease-out;
              transition: opacity 0.3s ease-out; }
            #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide:hover .field--name-field-main-image::after, #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide:focus .field--name-field-main-image::after, #block-views-block-recent-stories-block-homepage-stories .view-content.slick-initialized .slick-list .slick-track .slick-slide:active .field--name-field-main-image::after,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide:hover .field--name-field-main-image::after,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide:focus .field--name-field-main-image::after,
            .block-views-block--brand-stories-block-2 .view-content.slick-initialized .slick-list .slick-track .slick-slide:active .field--name-field-main-image::after {
              opacity: 1;
              -webkit-transition: opacity 0.3s ease-out;
              transition: opacity 0.3s ease-out; }

.block-system-branding-block {
  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%; }
  @media (min-width: 23.4375em) {
    .block-system-branding-block {
      width: auto;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left; } }
  .block-system-branding-block .site-logo {
    position: relative;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    width: 8.5rem;
    height: auto; }
    @media (min-width: 37.5em) {
      .block-system-branding-block .site-logo {
        width: 8.875rem; } }
    @media (min-width: 112.5em) {
      .block-system-branding-block .site-logo {
        width: 11.75rem; } }
    .block-system-branding-block .site-logo .logo--print {
      display: none; }
    .block-system-branding-block .site-logo img {
      width: 100%;
      height: auto;
      min-height: 1px;
      max-width: 100%;
      display: block;
      overflow: hidden; }
  .block-system-branding-block .site-name {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

.user-is-tabbing .block-system-branding-block .site-logo:focus {
  outline: 2px dashed #ffffff; }

.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 #8E919F; }

@media (max-width: 48em) {
  .block-facets-summary {
    margin-left: 0.8125rem;
    margin-right: 0.8125rem; } }

.block-facets-summary ul {
  padding-left: 0;
  margin-top: 0;
  margin-left: 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 {
    margin-left: 0;
    margin-bottom: 0; }

.block-facets-summary .facet-summary-item--clear a {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  font-size: 0.875rem;
  padding: 0.875rem 1.25rem;
  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:visited {
    color: #0c6895; }
  .block-facets-summary .facet-summary-item--clear a:hover, .block-facets-summary .facet-summary-item--clear a:focus {
    color: #0c6895;
    border-color: #0c6895; }
  .block-facets-summary .facet-summary-item--clear a::before {
    margin-right: 0.625rem; }

.block-facets-summary .facet-summary-item--facet {
  display: none; }

.block-facets-block {
  background-color: #ccc;
  display: block;
  overflow: hidden;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem; }
  @media (max-width: 48em) {
    .block-facets-block {
      margin-bottom: 2.1875rem; } }
  @media (min-width: 56.25em) {
    .block-facets-block {
      padding: 3.75rem 2.5rem 3.75rem 2.5rem; } }
  .block-facets-block > h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: none; }
  .block-facets-block .no-results-message {
    display: none; }
  .block-facets-block > h2 + .no-results-message {
    display: block;
    margin-top: 1.5625rem;
    font-size: 0.875rem;
    font-style: italic; }
  .block-facets-block .facet-block {
    padding-top: 1.75rem;
    margin-top: 2.5rem;
    border-top: 1px solid #BDBFC7; }
  .block-facets-block .hide-facets + .facet-block {
    margin-top: 1.75rem; }
  .block-facets-block ul {
    padding-left: 0;
    margin-top: 0;
    margin-left: 0; }
    .block-facets-block ul li {
      margin-bottom: 0;
      padding-left: 0;
      list-style-image: none;
      list-style-type: none;
      list-style: none; }
  .block-facets-block label {
    margin-bottom: 0.875rem;
    font-weight: 400; }
  .block-facets-block input[type="checkbox"]:checked + label::before {
    background-color: #3FA7BF;
    border-color: #3FA7BF; }

@media (max-width: 48em) {
  .facet-blocks-toggle--container {
    margin-top: 1.25rem; } }

.facet-blocks-toggle--container .facet-blocks-toggle {
  display: none; }
  @media (max-width: 48em) {
    .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: #17171A;
      padding: 0.75rem 1.25rem;
      background-color: transparent;
      border: 1px solid #737487; } }
  .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: -.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: -.125em; }
  @media (max-width: 48em) {
    .facet-blocks-toggle--container .facet-blocks-toggle:hover, .facet-blocks-toggle--container .facet-blocks-toggle:focus {
      border-color: #17171A; } }
  @media (max-width: 48em) {
    .facet-blocks-toggle--container .facet-blocks-toggle:focus {
      outline: 1px solid #17171A; } }
  @media (max-width: 48em) {
    .facet-blocks-toggle--container .facet-blocks-toggle.accordion-open {
      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: -.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: -.125em;
    display: none; }

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

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

.block-facets-block .facet-empty {
  display: none; }

.block-facets-block .facet-block h3 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -0.4375rem;
  margin-right: -0.4375rem; }

.block-facets-block .facet-block button {
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  width: 100%;
  font-size: 0.9375rem;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border: 1px solid transparent;
  padding-right: 1.75rem; }
  .block-facets-block .facet-block button::before, .block-facets-block .facet-block button::after {
    position: absolute;
    top: 50%;
    right: 0.3125rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .block-facets-block .facet-block 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: -.125em; }
  .block-facets-block .facet-block 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: -.125em;
    display: none; }
  .block-facets-block .facet-block button:hover {
    border-color: #17171A; }
  .block-facets-block .facet-block button:focus {
    outline: 1px solid #0b5b82; }

.block-facets-block .facet-block ul {
  padding-top: 0.625rem; }

.block-facets-block .facet-block.hide-facets ul {
  display: none; }

.block-facets-block .facet-block.hide-facets button::before {
  display: none; }

.block-facets-block .facet-block.hide-facets button::after {
  display: block; }

/*
* Home Link Block
*
* Masthead prefix region
*/
.block-home-link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .block-home-link-block a {
    font-size: 0.6875rem;
    text-decoration: none;
    color: #0b5b82;
    font-weight: 400; }
    @media (min-width: 74.9375em) {
      .block-home-link-block a {
        font-size: 0.9375rem; } }
  .block-home-link-block a:hover,
  .block-home-link-block a:focus {
    text-decoration: underline; }
  .block-home-link-block a:focus {
    outline: 2px dashed #737487; }

.meter-point-list-container > h2 {
  font-size: 1rem; }

.meter-point-list-container > fieldset {
  border: none;
  display: inline-block;
  padding: 0;
  margin-bottom: 0; }
  .meter-point-list-container > fieldset legend {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem; }
  .meter-point-list-container > fieldset > div {
    display: inline-block;
    font-size: 0.875rem; }
  .meter-point-list-container > fieldset label {
    font-size: 0.75rem;
    font-weight: 600; }
    .meter-point-list-container > fieldset label::before {
      width: 1rem;
      height: 1rem;
      border-radius: 5px; }

.meter-point-list-container #meter-point-list .dataTables_filter {
  float: none; }
  .meter-point-list-container #meter-point-list .dataTables_filter input {
    width: 100%;
    border: 1px solid #595959;
    font-size: 0.875rem;
    padding: 0.875rem 1rem;
    margin: 0;
    margin-bottom: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (min-width: 40em) {
      .meter-point-list-container #meter-point-list .dataTables_filter input {
        max-width: 28.125rem; } }

.meter-point-list-container #meter-point-list .dataTable thead th,
.meter-point-list-container #meter-point-list td {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: normal;
  border: none;
  padding: 1.25rem 2rem !important; }

.meter-point-list-container #meter-point-list td {
  font-weight: 400; }

.meter-point-list-container #meter-point-list .dataTable.no-footer {
  border: none; }

.meter-point-list-container #meter-point-list table.dataTable tbody tr:nth-child(odd) {
  background-color: #f2f2f2; }

.meter-point-list-container #meter-point-list .dataTables_paginate {
  margin-bottom: 3rem;
  margin-top: 3rem;
  width: 100%;
  text-align: center; }

.page-title {
  margin-top: 0;
  font-weight: 700;
  color: #0b5b82;
  line-height: 1.13; }
  @media (min-width: 56.25em) {
    .page-title {
      font-size: 3.4375rem;
      line-height: 3.4375rem; } }

/*
* Style Guide Section Header
*/
.sg-section-header {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #737487;
  font-weight: 500;
  border-bottom: 1px solid #ccc; }

#block-search-header {
  position: relative;
  margin-top: 1.5625rem;
  margin: 0;
  z-index: 4;
  background-color: #004d77;
  margin-top: 0;
  padding: 0; }
  @media (max-width: 47.99em) {
    #block-search-header {
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s;
      opacity: 0;
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 4;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      padding: 0;
      height: 3.5rem; } }
  @media (min-width: 48em) {
    #block-search-header {
      background-color: transparent; } }
  #block-search-header > form {
    height: 100%; }
  #block-search-header.show {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-animation: fade-in 0.3s forwards;
            animation: fade-in 0.3s forwards; }
  #block-search-header .form-item,
  #block-search-header .form-actions {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  #block-search-header form,
  #block-search-header .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (min-width: 37.5em) {
      #block-search-header form,
      #block-search-header .form--inline {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
    @media (min-width: 56.25em) {
      #block-search-header form,
      #block-search-header .form--inline {
        width: auto;
        min-width: 285px; } }
  #block-search-header .form-type-textfield {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0;
    margin-top: 0; }
    @media (max-width: 37.4375em) {
      #block-search-header .form-type-textfield {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%; } }
  #block-search-header input {
    margin: 0;
    width: 100%;
    border: none;
    background-color: transparent;
    height: 100%;
    padding-left: 3.875rem;
    background-image: none;
    color: #ffffff; }
    @media (min-width: 48em) {
      #block-search-header input {
        padding-left: 0.875rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        padding-right: 4rem;
        font-size: 0.6875rem;
        height: 1.875rem;
        width: 13.3125rem;
        border: 1px solid #0077a3;
        background-color: #0b638f; } }
    @media (min-width: 112.5em) {
      #block-search-header input {
        height: 2.8125rem;
        width: 17.75rem;
        font-size: 0.9375rem; } }
    #block-search-header input:focus {
      outline: 2px dashed #ffffff; }
  #block-search-header input::-webkit-input-placeholder {
    color: #ffffff; }
  #block-search-header input::-moz-placeholder {
    color: #ffffff; }
  #block-search-header input::-ms-input-placeholder {
    color: #ffffff; }
  #block-search-header input::placeholder {
    color: #ffffff; }
  #block-search-header label {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  #block-search-header .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    height: 100%; }
    @media (max-width: 37.4375em) {
      #block-search-header .form-actions {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%; } }
  #block-search-header .form-submit {
    text-indent: -9999px;
    padding: 0;
    background-image: url("../../dist/img/iconography/search-icon-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.125rem;
    border: none;
    background-color: transparent;
    width: 3.4375rem;
    height: 3.4375rem;
    display: block; }
    @media (min-width: 48em) {
      #block-search-header .form-submit {
        height: 100%; } }
    #block-search-header .form-submit:hover, #block-search-header .form-submit:focus {
      background-color: #002c44; }
    #block-search-header .form-submit:focus {
      outline: 2px dashed #ffffff; }
    @media (min-width: 112.5em) {
      #block-search-header .form-submit {
        background-size: 1.5rem 1.5rem;
        width: 4rem; } }
  #block-search-header .mobile-modal-controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 48em) {
      #block-search-header .mobile-modal-controls {
        display: none; } }

.user-is-tabbing #block-globalsearch .form-submit:focus {
  outline: none;
  background-color: #622567;
  border-color: #622567; }

.block-de-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: 48em) {
    .block-de-search-toggle {
      display: none; } }

/*
* Search Toggle Button
*/
.block-de-search-toggle .search-toggle {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  background-image: none;
  background-color: transparent;
  padding: 0.625rem;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  background-color: #004d77;
  width: 3.875rem;
  height: 3.4375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .block-de-search-toggle .search-toggle:hover, .block-de-search-toggle .search-toggle:focus {
    outline: 0;
    background-color: #002c44; }

/*
* Search Toggle Button Icon
*/
.block-de-search-toggle .search-toggle::before {
  content: "";
  background-image: url("../../dist/img/iconography/search-icon-white.svg");
  background-size: contain;
  height: 24px;
  background-size: contain;
  width: 24px;
  background-repeat: no-repeat; }

/*
* Search Toggle CLOSE
*/
#block-search-header .search-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: #004d77;
  opacity: 0;
  font-size: 0;
  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;
  padding: 0;
  margin: 0;
  width: 3.4375rem;
  height: 3.4375rem; }
  #block-search-header .search-toggle.open {
    opacity: 1; }
  #block-search-header .search-toggle::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: -.125em;
    font-size: 1.875rem;
    color: #ffffff; }
  #block-search-header .search-toggle:hover {
    background-color: #002c44; }

.block-shippers-list-block table tr {
  position: relative;
  display: table !important;
  border-bottom: none !important; }
  @media (min-width: 40em) {
    .block-shippers-list-block table tr {
      display: table-row !important; } }
  .block-shippers-list-block table tr p {
    margin: 0; }

.block-shippers-list-block .tablesaw-stack td,
.block-shippers-list-block .tablesaw-stack th,
.block-shippers-list-block .tablesaw-stack thead td,
.block-shippers-list-block .tablesaw-stack thead th {
  padding: 1.25rem 2rem !important; }
  @media (min-width: 40em) {
    .block-shippers-list-block .tablesaw-stack td,
    .block-shippers-list-block .tablesaw-stack th,
    .block-shippers-list-block .tablesaw-stack thead td,
    .block-shippers-list-block .tablesaw-stack thead th {
      padding: 1.75rem 2rem !important; } }

.block-shippers-list-block .tablesaw-stack td:last-child {
  padding: 0 !important;
  width: 0;
  height: 0; }
  @media (min-width: 40em) {
    .block-shippers-list-block .tablesaw-stack td:last-child {
      padding: 1.75rem 2rem !important;
      height: auto;
      width: auto;
      position: relative; } }

.block-shippers-list-block .shippers-list-updated {
  font-size: 1rem; }

.block-shippers-list-block #shippers-list-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .block-shippers-list-block #shippers-list-form input {
    width: 100%;
    border: 1px solid #595959;
    font-size: 0.875rem;
    padding: 0.875rem 1rem;
    margin-bottom: 2rem; }
    @media (min-width: 40em) {
      .block-shippers-list-block #shippers-list-form input {
        max-width: 28.125rem; } }

@media (min-width: 40em) {
  .block-shippers-list-block .company {
    width: 30%; } }

@media (min-width: 40em) {
  .block-shippers-list-block .contact {
    width: 25%; } }

.block-shippers-list-block .details {
  font-size: 0.75rem; }
  @media (min-width: 40em) {
    .block-shippers-list-block .details {
      width: 30%; } }
  .block-shippers-list-block .details p a {
    line-height: 1.8; }

.block-shippers-list-block .address {
  font-size: 0.75rem;
  margin-top: 1.125rem;
  line-height: 1.6; }

.block-shippers-list-block button.expand-toggle {
  position: absolute;
  top: 1.0625rem;
  left: 0; }
  @media (min-width: 40em) {
    .block-shippers-list-block button.expand-toggle {
      top: 1.5625rem;
      left: unset;
      right: 1.5625rem; } }

.block-daily-operations-homepage-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-bottom: 2.625rem; }
  @media (min-width: 48em) {
    .block-daily-operations-homepage-block {
      margin-bottom: 3.75rem; } }
  @media (min-width: 37.5em) {
    .block-daily-operations-homepage-block > h2 {
      padding-right: 12.5rem; } }
  .block-daily-operations-homepage-block .chart-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
  .block-daily-operations-homepage-block .link-wrapper {
    margin-bottom: 1.5rem;
    width: 100%;
    text-align: right; }
    @media (min-width: 37.5em) {
      .block-daily-operations-homepage-block .link-wrapper {
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0; } }
    .block-daily-operations-homepage-block .link-wrapper a {
      font-weight: 500;
      font-size: 0.9375rem;
      display: inline-block; }
      .block-daily-operations-homepage-block .link-wrapper a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f30b";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 1.375rem;
        margin-left: 0.4375rem;
        color: #00afd8; }
      .block-daily-operations-homepage-block .link-wrapper a:hover, .block-daily-operations-homepage-block .link-wrapper a:focus, .block-daily-operations-homepage-block .link-wrapper a:active {
        color: #0c6895; }
  .block-daily-operations-homepage-block .daily-operations-line-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.875rem;
    padding: 1.5rem 3rem;
    border-top: 5px solid #16afd8;
    background-color: #f8f9fa;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: 100%; }
    @media (min-width: 31.25em) {
      .block-daily-operations-homepage-block .daily-operations-line-chart {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 48%;
                flex: 0 1 48%;
        max-width: 48%;
        padding: 1.5rem 2.5rem; } }
    @media (min-width: 56.25em) {
      .block-daily-operations-homepage-block .daily-operations-line-chart {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 22%;
                flex: 0 1 22%;
        max-width: 22%;
        padding: 1.5rem 1.5rem;
        margin-bottom: 0; } }
    @media (min-width: 64em) {
      .block-daily-operations-homepage-block .daily-operations-line-chart {
        padding: 1.5rem 2.5rem; } }
    .block-daily-operations-homepage-block .daily-operations-line-chart a.open-lightbox {
      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;
      min-width: 1px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
      .block-daily-operations-homepage-block .daily-operations-line-chart a.open-lightbox:hover, .block-daily-operations-homepage-block .daily-operations-line-chart a.open-lightbox:focus {
        text-decoration: none; }
    .block-daily-operations-homepage-block .daily-operations-line-chart .daily-operations-line-chart__title {
      display: block;
      color: #333;
      font-weight: 500;
      line-height: 1.25rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
    .block-daily-operations-homepage-block .daily-operations-line-chart .daily-operations-line-chart__chart {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      .block-daily-operations-homepage-block .daily-operations-line-chart .daily-operations-line-chart__chart .daily-operations-line-chart__chart__line {
        max-width: 100%; }
    .block-daily-operations-homepage-block .daily-operations-line-chart .daily-operations-line-chart__total {
      color: #333;
      font-size: 2.5rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
    .block-daily-operations-homepage-block .daily-operations-line-chart:nth-child(2) {
      border-color: #fcd450; }
    .block-daily-operations-homepage-block .daily-operations-line-chart:nth-child(3) {
      border-color: #79bc43; }
  @media (min-width: 56.25em) {
    .block-daily-operations-homepage-block .item-list {
      padding-right: 1rem; } }
  .block-daily-operations-homepage-block .item-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.875rem; }
    .block-daily-operations-homepage-block .item-list ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-left: 0;
      margin-bottom: 0;
      list-style-type: none;
      padding: 0 1rem; }
      @media (min-width: 31.25em) {
        .block-daily-operations-homepage-block .item-list ul li {
          -webkit-box-flex: 1;
              -ms-flex: auto;
                  flex: auto;
          padding: 0 1.875rem; } }
      .block-daily-operations-homepage-block .item-list ul li:first-child {
        padding-left: 0; }
      .block-daily-operations-homepage-block .item-list ul li:last-child {
        padding-right: 0; }
      .block-daily-operations-homepage-block .item-list ul li a {
        display: block;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-weight: 500;
        line-height: 1.25rem;
        padding-bottom: 1.25rem;
        border-bottom: 5px solid transparent; }
        .block-daily-operations-homepage-block .item-list ul li a:hover {
          text-decoration: none;
          border-color: #16afd8; }

.block-views-exposed-filter-block--search-page-1 .form--inline {
  position: relative; }
  .block-views-exposed-filter-block--search-page-1 .form--inline .form-type-textfield,
  .block-views-exposed-filter-block--search-page-1 .form--inline .js-form-type-search-api-autocomplete {
    float: none;
    padding: 0; }
    .block-views-exposed-filter-block--search-page-1 .form--inline .form-type-textfield input,
    .block-views-exposed-filter-block--search-page-1 .form--inline .js-form-type-search-api-autocomplete input {
      width: 100%;
      height: 3.4375rem;
      background-image: none; }
  .block-views-exposed-filter-block--search-page-1 .form--inline .form-type-select {
    max-width: 18.75rem;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    float: none; }
  .block-views-exposed-filter-block--search-page-1 .form--inline .form-select {
    font-size: 0.875rem;
    padding: 0.3125rem 0.625rem; }
  .block-views-exposed-filter-block--search-page-1 .form--inline .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    padding: 0;
    display: inline-block; }
    .block-views-exposed-filter-block--search-page-1 .form--inline .form-actions input {
      font-size: 0.875rem;
      padding: 0.3125rem 0.9375rem;
      height: 2.5rem;
      color: white;
      background-color: #0f7fad;
      margin: 0; }
      .block-views-exposed-filter-block--search-page-1 .form--inline .form-actions input:hover, .block-views-exposed-filter-block--search-page-1 .form--inline .form-actions input:focus, .block-views-exposed-filter-block--search-page-1 .form--inline .form-actions input:active {
        background-color: #0c6895;
        -webkit-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; }
  .block-views-exposed-filter-block--search-page-1 .form--inline .search-submit-wrapper {
    position: absolute;
    top: 0;
    right: 0; }
    .block-views-exposed-filter-block--search-page-1 .form--inline .search-submit-wrapper::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f002";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      font-size: 1.5rem;
      position: absolute;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #0b5b82;
      pointer-events: none; }
    .block-views-exposed-filter-block--search-page-1 .form--inline .search-submit-wrapper:hover::after, .block-views-exposed-filter-block--search-page-1 .form--inline .search-submit-wrapper:focus::after, .block-views-exposed-filter-block--search-page-1 .form--inline .search-submit-wrapper:active::after {
      color: #0f7fad;
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out; }
    .block-views-exposed-filter-block--search-page-1 .form--inline .search-submit-wrapper input {
      text-indent: -9999px;
      border: none !important;
      padding: 1.125rem 2rem; }

.path-frontpage .block-homepage-planned-outages-block {
  padding: 2.25rem 2.25rem 4.6875rem;
  background-color: #f0f3f5;
  min-height: 23.4375rem;
  -webkit-box-shadow: 0 15px 20px 0 #0000001a;
          box-shadow: 0 15px 20px 0 #0000001a;
  position: relative;
  margin-bottom: 3rem; }
  .path-frontpage .block-homepage-planned-outages-block ul {
    margin-left: 0; }
  .path-frontpage .block-homepage-planned-outages-block .planned-outages--meters-affected > ul > li, .path-frontpage .block-homepage-planned-outages-block .planned-outages--service-type > ul > li {
    list-style: none; }
  .path-frontpage .block-homepage-planned-outages-block .contextual-region {
    position: static; }
  @media (min-width: 37.5em) {
    .path-frontpage .block-homepage-planned-outages-block {
      padding: 2.625rem;
      padding-bottom: 4.6875rem;
      padding-left: 7.5rem; } }
  @media (min-width: 64em) {
    .path-frontpage .block-homepage-planned-outages-block {
      width: 48%;
      float: left; } }
  @media (min-width: 74.9375em) {
    .path-frontpage .block-homepage-planned-outages-block {
      width: 60%; } }
  .path-frontpage .block-homepage-planned-outages-block > h2 {
    font-size: 2.1875rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 2.0625rem;
    position: relative; }
    .path-frontpage .block-homepage-planned-outages-block > h2::before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f073";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      color: #595959; }
    @media (min-width: 37.5em) {
      .path-frontpage .block-homepage-planned-outages-block > h2::before {
        font-size: 3rem;
        position: absolute;
        top: -0.0625rem;
        left: -5rem; } }
  .path-frontpage .block-homepage-planned-outages-block .more-link a {
    font-weight: 500;
    font-size: 0.9375rem;
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem; }
    .path-frontpage .block-homepage-planned-outages-block .more-link a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f30b";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      font-size: 1.375rem;
      margin-left: 0.4375rem;
      color: #00afd8; }
    .path-frontpage .block-homepage-planned-outages-block .more-link a:hover, .path-frontpage .block-homepage-planned-outages-block .more-link a:focus, .path-frontpage .block-homepage-planned-outages-block .more-link a:active {
      color: #0c6895; }
    @media (min-width: 64em) {
      .path-frontpage .block-homepage-planned-outages-block .more-link a {
        position: absolute;
        bottom: 2.5rem;
        right: 2.5rem; } }
  .path-frontpage .block-homepage-planned-outages-block table {
    margin-bottom: 0;
    background-color: transparent;
    font-size: 1rem !important; }
    .path-frontpage .block-homepage-planned-outages-block table tr:nth-child(odd) {
      background-color: transparent; }
  .path-frontpage .block-homepage-planned-outages-block table th, .path-frontpage .block-homepage-planned-outages-block table thead th {
    background: transparent; }
  .path-frontpage .block-homepage-planned-outages-block table th, .path-frontpage .block-homepage-planned-outages-block table td {
    padding: 0 1rem 1rem 0; }
  .path-frontpage .block-homepage-planned-outages-block .item-list li {
    list-style: none;
    margin: 0; }

.path-frontpage .block-views-block--important-dates-block-1 {
  padding: 2.25rem;
  padding-bottom: 4.6875rem;
  background-color: #f0f3f5;
  min-height: 23.4375rem;
  -webkit-box-shadow: 0 15px 20px 0 #0000001a;
          box-shadow: 0 15px 20px 0 #0000001a;
  position: relative; }
  @media (min-width: 37.5em) {
    .path-frontpage .block-views-block--important-dates-block-1 {
      padding: 2.625rem;
      padding-bottom: 4.6875rem;
      padding-left: 7.5rem; } }
  @media (min-width: 64em) {
    .path-frontpage .block-views-block--important-dates-block-1 {
      display: inline-block;
      width: 48%;
      float: right; } }
  @media (min-width: 74.9375em) {
    .path-frontpage .block-views-block--important-dates-block-1 {
      width: 38%; } }
  .path-frontpage .block-views-block--important-dates-block-1 .contextual-region {
    position: static; }
  .path-frontpage .block-views-block--important-dates-block-1 > h2 {
    font-size: 2.1875rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 2.0625rem;
    position: relative; }
    .path-frontpage .block-views-block--important-dates-block-1 > h2::before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f0f3";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      color: #595959; }
    @media (min-width: 37.5em) {
      .path-frontpage .block-views-block--important-dates-block-1 > h2::before {
        font-size: 3rem;
        position: absolute;
        top: -0.0625rem;
        left: -5rem; } }
  .path-frontpage .block-views-block--important-dates-block-1 .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5625rem; }
  .path-frontpage .block-views-block--important-dates-block-1 .views-field-field-start-date {
    margin-right: 0.75rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 80px;
            flex: 0 1 80px;
    font-weight: 500; }
  .path-frontpage .block-views-block--important-dates-block-1 .views-field-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 280px;
            flex: 0 1 280px; }
    .path-frontpage .block-views-block--important-dates-block-1 .views-field-title a {
      text-decoration: none;
      color: #333; }
  .path-frontpage .block-views-block--important-dates-block-1 .more-link a {
    font-weight: 500;
    font-size: 0.9375rem;
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem; }
    .path-frontpage .block-views-block--important-dates-block-1 .more-link a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f30b";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      font-size: 1.375rem;
      margin-left: 0.4375rem;
      color: #00afd8; }
    .path-frontpage .block-views-block--important-dates-block-1 .more-link a:hover, .path-frontpage .block-views-block--important-dates-block-1 .more-link a:focus, .path-frontpage .block-views-block--important-dates-block-1 .more-link a:active {
      color: #0c6895; }

.path-frontpage .block-views-block--planned-outages-block-1 {
  padding: 2.25rem;
  padding-bottom: 4.6875rem;
  background-color: #f0f3f5;
  min-height: 23.4375rem;
  -webkit-box-shadow: 0 15px 20px 0 #0000001a;
          box-shadow: 0 15px 20px 0 #0000001a;
  position: relative; }
  .path-frontpage .block-views-block--planned-outages-block-1 .contextual-region {
    position: static; }
  @media (min-width: 37.5em) {
    .path-frontpage .block-views-block--planned-outages-block-1 {
      padding: 2.625rem;
      padding-bottom: 4.6875rem;
      padding-left: 7.5rem; } }
  @media (min-width: 64em) {
    .path-frontpage .block-views-block--planned-outages-block-1 {
      width: 48%;
      float: left; } }
  @media (min-width: 74.9375em) {
    .path-frontpage .block-views-block--planned-outages-block-1 {
      width: 60%; } }
  .path-frontpage .block-views-block--planned-outages-block-1 > h2 {
    font-size: 2.1875rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 2.0625rem;
    position: relative; }
    .path-frontpage .block-views-block--planned-outages-block-1 > h2::before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f073";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      color: #595959; }
    @media (min-width: 37.5em) {
      .path-frontpage .block-views-block--planned-outages-block-1 > h2::before {
        font-size: 3rem;
        position: absolute;
        top: -0.0625rem;
        left: -5rem; } }
  .path-frontpage .block-views-block--planned-outages-block-1 .more-link a {
    font-weight: 500;
    font-size: 0.9375rem;
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem; }
    .path-frontpage .block-views-block--planned-outages-block-1 .more-link a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f30b";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      font-size: 1.375rem;
      margin-left: 0.4375rem;
      color: #00afd8; }
    .path-frontpage .block-views-block--planned-outages-block-1 .more-link a:hover, .path-frontpage .block-views-block--planned-outages-block-1 .more-link a:focus, .path-frontpage .block-views-block--planned-outages-block-1 .more-link a:active {
      color: #0c6895; }
    @media (min-width: 64em) {
      .path-frontpage .block-views-block--planned-outages-block-1 .more-link a {
        position: absolute;
        bottom: 2.5rem;
        right: 2.5rem; } }
  .path-frontpage .block-views-block--planned-outages-block-1 table {
    margin-bottom: 0;
    background-color: transparent;
    font-size: 1rem !important; }
    .path-frontpage .block-views-block--planned-outages-block-1 table tr:nth-child(odd) {
      background-color: transparent; }
  .path-frontpage .block-views-block--planned-outages-block-1 table th, .path-frontpage .block-views-block--planned-outages-block-1 table thead th {
    background: transparent; }
  .path-frontpage .block-views-block--planned-outages-block-1 table th, .path-frontpage .block-views-block--planned-outages-block-1 table td {
    padding: 0 1rem 1rem 0; }
  .path-frontpage .block-views-block--planned-outages-block-1 .item-list li {
    list-style: none;
    margin: 0; }

.block-planned-outages-block .planned-outages--filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .block-planned-outages-block .planned-outages--filters .js-form-item-meter {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    margin-bottom: 1rem;
    padding-right: 1.5rem;
    width: 100%; }
  .block-planned-outages-block .planned-outages--filters input:not(.button) {
    border: 0.0625rem solid #16afd8;
    border-radius: 0;
    color: #0b5b82;
    font-size: 1.25rem;
    font-weight: 500;
    position: relative; }
  .block-planned-outages-block .planned-outages--filters .date-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0; }
    @media (min-width: 446px) {
      .block-planned-outages-block .planned-outages--filters .date-filters {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
        width: auto; } }
    .block-planned-outages-block .planned-outages--filters .date-filters .form-type-date {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      max-width: 12.5rem;
      padding-right: 0; }
  .block-planned-outages-block .planned-outages--filters .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0.625rem;
    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; }
    @media (min-width: 23.4375em) {
      .block-planned-outages-block .planned-outages--filters .form-actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .block-planned-outages-block .planned-outages--filters .form-actions input[value="Reset"] {
      margin-left: 0;
      margin-top: 0.625rem;
      margin-right: 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: initial; }
      @media (min-width: 23.4375em) {
        .block-planned-outages-block .planned-outages--filters .form-actions input[value="Reset"] {
          margin-left: 0.625rem;
          margin-top: 0; } }
    .block-planned-outages-block .planned-outages--filters .form-actions input[value="Submit"] {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }

.block-planned-outages-block table ul {
  margin-left: 0; }

.block-planned-outages-block table .planned-outages--meters-affected > ul > li, .block-planned-outages-block table .planned-outages--service-type > ul > li {
  list-style: none; }

.block-planned-outages-block .ajax-progress.ajax-progress-throbber {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 0; }

/*
* Graphs Container
*/
#daily-operations-container {
  display: none; }
  @media (min-width: 48em) {
    #daily-operations-container {
      display: block; } }

/*
* Graphs Exposed Form
*/
#daily-operations-graphs-form .js-form-type-date,
#daily-operations-#daily-operations-graphs-form .js-form-type-date,
-form .js-form-type-date {
  display: none; }
  @media (min-width: 48em) {
    #daily-operations-graphs-form .js-form-type-date,
    #daily-operations-#daily-operations-graphs-form .js-form-type-date,
    -form .js-form-type-date {
      display: inline-block; } }

#daily-operations-detail-form input.form-submit,
#daily-operations-graphs-form input.form-submit,
#daily-operations-shipper-tolerance-form input.form-submit,
#daily-operations-summary-form input.form-submit {
  padding-top: 1.3125rem;
  padding-bottom: 0.9375rem; }

.percentage-allocation-calculator {
  margin-bottom: 3rem; }
  .percentage-allocation-calculator select {
    font-weight: 500;
    color: #0f7fad;
    background-color: #f0f3f5;
    border-color: transparent;
    border-bottom: 1px solid #16afd8;
    background-image: url("../../dist/img/iconography/chevron-down-blue.svg"); }
    .percentage-allocation-calculator select:hover {
      border-color: #69be28; }
    .percentage-allocation-calculator select:focus {
      border-color: #16afd8; }
  .percentage-allocation-calculator .chosen-container-active .chosen-single {
    -webkit-box-shadow: 0;
            box-shadow: 0; }
  .percentage-allocation-calculator .chosen-container .chosen-single {
    padding: 1rem;
    background-color: #f0f3f5;
    border-color: transparent;
    border-bottom: 1px solid #16afd8; }
  .percentage-allocation-calculator .form-item-date-year .chosen-container-single .chosen-single {
    padding: 0.875rem 1rem; }
    .percentage-allocation-calculator .form-item-date-year .chosen-container-single .chosen-single span {
      font-weight: 500;
      color: #0f7fad; }
  .percentage-allocation-calculator .percentage-allocation-calculator__helper {
    text-align: right;
    background-color: #f0f3f5; }
    .percentage-allocation-calculator .percentage-allocation-calculator__helper input[type="checkbox"] + label {
      display: inline-block;
      padding: 1.5rem 1.25rem;
      padding-right: 2.5rem;
      background-color: transparent;
      position: relative; }
      .percentage-allocation-calculator .percentage-allocation-calculator__helper input[type="checkbox"] + label:before {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background-color: #79bc43;
        border-color: #79bc43; }
      .percentage-allocation-calculator .percentage-allocation-calculator__helper input[type="checkbox"] + label:after {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f1ec";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        color: #79bc43; }
  .percentage-allocation-calculator .percentage-allocation-calculator__upper {
    position: relative;
    margin-bottom: 2rem;
    padding: 2rem 4rem;
    -webkit-box-shadow: 0 5px 15px 0 #49555c26;
            box-shadow: 0 5px 15px 0 #49555c26; }
    .percentage-allocation-calculator .percentage-allocation-calculator__upper:before {
      position: absolute;
      display: block;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      height: 0.25rem;
      background-image: -webkit-gradient(linear, left top, right top, from(#0b5b82), color-stop(31%, #0098c5), color-stop(68%, #3fa200), color-stop(102%, #008542));
      background-image: linear-gradient(to right, #0b5b82, #0098c5 31%, #3fa200 68%, #008542 102%); }
    @media (min-width: 48em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs .customer-information__inputs__name,
    .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs .customer-information__inputs__email,
    .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs .customer-information__inputs__phone {
      margin-bottom: 1rem; }
      @media (min-width: 48em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs .customer-information__inputs__name,
        .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs .customer-information__inputs__email,
        .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information__inputs .customer-information__inputs__phone {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 31%;
                  flex: 0 0 31%;
          max-width: 31%; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__upper .customer-information {
      margin-bottom: 2rem; }
    .percentage-allocation-calculator .percentage-allocation-calculator__upper .production-month .production-month__inputs__description {
      display: block;
      margin-bottom: 1.875rem;
      font-weight: 500; }
    .percentage-allocation-calculator .percentage-allocation-calculator__upper .production-month .production-month__inputs__date .container-inline {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: -0.625rem;
      margin-right: -0.625rem; }
      @media (min-width: 37.5em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__upper .production-month .production-month__inputs__date .container-inline .form-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; } }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__labels {
    display: none; }
    @media (min-width: 64em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__labels {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        font-weight: 500;
        line-height: 1.125rem;
        color: #0b5b82;
        background-color: #d8e4ea; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__labels span {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 12.5%;
              flex: 0 0 12.5%;
      max-width: 12.5%;
      padding: 1rem 0.625rem; }
    @media (min-width: 64em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__labels .percentage-allocation-calculator__lower__labels__shippers {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 37.5%;
                flex: 0 0 37.5%;
        max-width: 37.5%; } }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent {
    border-bottom: 1px solid #d8e4ea;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    position: relative;
    padding-right: 3.75rem;
    padding-bottom: 1rem; }
    @media (min-width: 64em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 0;
        padding-bottom: 0; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div {
      padding: 0.625rem; }
      @media (min-width: 64em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 12.5%;
                  flex: 0 0 12.5%;
          max-width: 12.5%;
          padding: 1rem 0.625rem; } }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div label {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: relative !important; }
        @media (min-width: 64em) {
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div label {
            border: 0;
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            position: absolute !important; } }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div .valid {
        display: block;
        position: relative;
        padding-top: 0.3125rem;
        padding-left: 1rem;
        color: #008542;
        font-size: 0.75rem;
        line-height: 1rem; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div .valid:before {
          position: absolute;
          left: 0;
          top: 0.5rem;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f164";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 900;
          margin-right: 0.3125rem;
          font-size: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div .invalid {
        display: block;
        position: relative;
        padding-top: 0.3125rem;
        padding-left: 1rem;
        color: #a70240;
        font-size: 0.75rem;
        line-height: 1rem; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent > div .invalid:before {
          position: absolute;
          left: 0;
          top: 0.5rem;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f071";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 900;
          margin-right: 0.3125rem;
          font-size: 0.625rem; }
    @media (min-width: 64em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__shippers {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 37.5%;
                flex: 0 0 37.5%;
        max-width: 37.5%; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__delete,
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__expand {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (min-width: 64em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__delete,
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__expand {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 6.25%;
                  flex: 0 0 6.25%;
          max-width: 6.25%;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__delete {
      position: relative !important;
      padding: 0;
      text-align: center; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__delete.visually-hidden {
        text-indent: -9999px; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__delete .delete-row {
        border: none;
        background: transparent;
        color: #a70240;
        font-size: 0.75rem;
        padding: 1rem 0.625rem; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__delete .delete-row:before {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f2ed";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 400;
          color: #a70240;
          font-size: 1.25rem;
          display: block; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__expand {
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      border-left: 1px solid #d8e4ea;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media (min-width: 64em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__parent__expand {
          position: relative;
          height: auto;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent input[type="text"] {
      font-size: 1.5625rem;
      font-weight: 500;
      color: #0f7fad;
      background-color: #f0f3f5;
      border-color: transparent;
      border-bottom: 1px solid #16afd8;
      text-align: right; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent input[type="text"]:hover {
        border-color: #69be28; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent input[type="text"]:focus {
        border-color: #16afd8; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent input[type="text"].error {
        border-bottom-color: #a70240;
        color: #a70240;
        background-color: #fff5f8; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child {
      border-top: 1px solid #d8e4ea;
      margin-top: 1rem; }
      @media (min-width: 64em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%;
          padding-left: 25%;
          margin-top: 0; } }
      @media (min-width: 64em) {
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form > div {
        padding: 0.625rem; }
        @media (min-width: 64em) {
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form > div {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 16.75%;
                    flex: 0 0 16.75%;
            max-width: 16.75%;
            padding: 1rem 0.625rem; } }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form .percentage-allocation-calculator__lower__child__form__shipper {
        position: relative;
        padding-bottom: 4rem; }
        @media (min-width: 64em) {
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form .percentage-allocation-calculator__lower__child__form__shipper {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 50.5%;
                    flex: 0 0 50.5%;
            max-width: 50.5%; } }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form .percentage-allocation-calculator__lower__child__form__shipper .form-item {
          padding: 0;
          margin-bottom: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__shipper__notes {
        padding-right: 1.25rem;
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__shipper__notes label {
          margin-right: 0.625rem;
          font-size: 0.75rem; }
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__shipper__notes label:before {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            vertical-align: -.125em;
            content: "\f4a6";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 900;
            margin-right: 0.3125rem;
            color: #16afd8; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__shipper__notes input[type="text"] {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          font-size: 1rem;
          color: #333;
          background-color: #f2f2f2;
          border-bottom-color: #8c8c8c;
          padding: 1.125rem 1rem;
          text-align: left; }
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__shipper__notes input[type="text"]:hover {
            border-color: #69be28; }
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__shipper__notes input[type="text"]:focus {
            border-color: #16afd8; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__allocated,
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__calculated {
        position: relative; }
        @media (min-width: 64em) {
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__allocated label,
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__calculated label {
            visibility: hidden;
            position: absolute !important; } }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .calculator__lower__child__allocated__helper,
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .calculator__lower__child__calculated__helper {
        display: block;
        padding-top: 0.3125rem;
        font-size: 0.75rem;
        line-height: 1rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__delete .delete-child-row {
        border: none;
        background: transparent;
        color: #a70240;
        font-size: 0.75rem; }
        @media (min-width: 64em) {
          .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__delete .delete-child-row {
            padding: 1rem; } }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .percentage-allocation-calculator__lower__child__form__delete .delete-child-row:before {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f2ed";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 400;
          color: #a70240;
          font-size: 1rem;
          margin-right: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper {
        font-size: 1rem;
        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-decoration: none;
        letter-spacing: -0.01em;
        padding: 1.125rem 2.8125rem;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border: 2px solid #0f7fad;
        font-weight: 500;
        line-height: normal;
        border-color: #0f7fad;
        background-color: transparent;
        color: #0f7fad;
        padding: 1.125rem 2.8125rem;
        margin: 2rem 0.625rem 1rem 0.625rem; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper:focus {
          outline: none; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper:visited {
          color: #0c6895; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper:hover, .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper:focus {
          color: #0c6895;
          border-color: #0c6895; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper::before {
          margin-right: 0.625rem; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper:hover, .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__lower__parent .percentage-allocation-calculator__lower__child .add-shipper:focus {
          color: #0c6895;
          border-color: #0c6895; }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter {
    font-size: 1rem;
    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-decoration: none;
    letter-spacing: -0.01em;
    padding: 1.125rem 2.8125rem;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid #0f7fad;
    font-weight: 500;
    line-height: normal;
    border-color: #0f7fad;
    background-color: #0f7fad;
    color: #ffffff;
    padding: 1.125rem 2.8125rem;
    margin-right: 0.625rem;
    margin-top: 1.875rem; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter:focus {
      outline: none; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter:visited {
      color: #ffffff; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter:hover {
      border-color: #0c6895;
      background-color: #0c6895;
      color: #ffffff; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter:focus, .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter:active {
      border-color: #0c6895;
      background-color: #0c6895;
      color: #ffffff; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter::before {
      margin-right: 0.625rem; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .add-meter:hover {
      border-color: #0c6895;
      background-color: #0c6895; }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__help-text {
    display: block;
    margin-top: 1rem;
    font-weight: 500; }
    @media (min-width: 56.25em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__help-text {
        display: inline-block;
        float: right; } }
  @media (min-width: 56.25em) {
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  @media (min-width: 56.25em) {
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .next-steps-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%; } }
  @media (min-width: 74.9375em) {
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .next-steps-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .error-container {
    margin-bottom: 1rem; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .error-container p {
      font-size: 0.875rem;
      margin-bottom: 0;
      color: #a70240; }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .success-container {
    color: #17171A;
    background-color: #79bc43;
    line-height: 1.375rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.875rem; }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions #captcha-test {
    margin-left: -1rem;
    margin-right: -1rem; }
    @media (min-width: 37.5em) {
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions #captcha-test {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions .action {
    padding: 0 1rem;
    margin-bottom: 1rem; }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button {
    display: block;
    margin-bottom: 1rem;
    width: 100%; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download {
      font-size: 1rem;
      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-decoration: none;
      letter-spacing: -0.01em;
      padding: 1.125rem 2.8125rem;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 2px solid #0f7fad;
      font-weight: 500;
      line-height: normal;
      border-color: #0f7fad;
      background-color: transparent;
      color: #0f7fad;
      padding: 1.125rem 2.8125rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download:focus {
        outline: none; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download:visited {
        color: #0c6895; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download:hover, .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download:focus {
        color: #0c6895;
        border-color: #0c6895; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download::before {
        margin-right: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f1c3";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 1.25rem;
        margin-right: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download:hover {
        color: #0c6895; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download.submitted {
        color: #737487;
        border-color: #737487; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.download.submitted:hover {
          color: #737487;
          border-color: #737487; }
    .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit {
      font-size: 1rem;
      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-decoration: none;
      letter-spacing: -0.01em;
      padding: 1.125rem 2.8125rem;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 2px solid #0f7fad;
      font-weight: 500;
      line-height: normal;
      border-color: #0f7fad;
      background-color: #0f7fad;
      color: #ffffff;
      padding: 1.125rem 2.8125rem;
      font-size: 1.25rem;
      padding: 0.75rem 1rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:focus {
        outline: none; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:visited {
        color: #ffffff; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:hover {
        border-color: #0c6895;
        background-color: #0c6895;
        color: #ffffff; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:focus, .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:active {
        border-color: #0c6895;
        background-color: #0c6895;
        color: #ffffff; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit::before {
        margin-right: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f30b";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 2rem;
        margin-left: 0.625rem; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit:hover {
        border-color: #0c6895;
        background-color: #0c6895; }
      .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit.submitted {
        background-color: #737487;
        border-color: #737487; }
        .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions button.submit.submitted:hover {
          background-color: #737487;
          border-color: #737487; }
  .percentage-allocation-calculator .percentage-allocation-calculator__lower .percentage-allocation-calculator__next-steps .percentage-allocation-calculator__next-steps__actions span {
    display: block;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500; }

/*
* Transportation Estimator
*/
/*
* Transportation Estimator Intro Text
*/
@media (min-width: 85.375em) {
  .transportation-estimator-intro {
    max-width: 66%; } }

.totals__total-cost__carbon-tax-included-msg {
  font-size: 0.8125rem;
  color: #ffffff;
  line-height: 1;
  padding: 1rem 0 0 0;
  margin: 0; }

.transportation-estimator-totals {
  padding: 1rem 0;
  margin-bottom: 2.5rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#0f7fad), to(#0b5b82));
  background-image: linear-gradient(to left, #0f7fad, #0b5b82);
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 27, 43, 0.21);
          box-shadow: 0 10px 20px 0 rgba(0, 27, 43, 0.21);
  /*
  * Transportation Estimator STICKY
  */
  /*
  * Toggle Button
  * Small screens and sticky only
  */
  /*
  * Toggle Icon
  *
  * Font awesome <i> tag in the template
  */
  /*
  * Open Toggle
  *
  * uses $fa-var-angle-down value
  */
  /*
  * Totals Label
  */
  /*
  * Totals Number
  */ }
  @media (min-width: 56.25em) {
    .transportation-estimator-totals {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0;
      margin-left: -2.9375rem;
      margin-right: -2.9375rem; } }
  @media (min-width: 85.375em) {
    .transportation-estimator-totals {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-left: 0;
      margin-right: 0; } }
  .transportation-estimator-totals.sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 1000;
    overflow: auto;
    max-height: 100vh;
    padding: 0; }
  .transportation-estimator-totals .toggle {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem; }
    .transportation-estimator-totals .toggle:hover {
      background-color: #0b5b82; }
    .transportation-estimator-totals .toggle:focus {
      outline: dashed 1px #0b5b82; }
  .transportation-estimator-totals .toggle .far::before {
    font-size: 1.25rem; }
  .transportation-estimator-totals .open .far::before {
    content: "\f107"; }
  .transportation-estimator-totals .total {
    color: white;
    border-bottom: 1px solid #0f7fad;
    padding: 1rem; }
    @media (min-width: 56.25em) {
      .transportation-estimator-totals .total {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        padding: 1.5rem 2.9375rem;
        border-right: 1px solid #a0cfeb;
        border-bottom-color: #a0cfeb; } }
    @media (min-width: 85.375em) {
      .transportation-estimator-totals .total {
        padding: 1.5rem 2rem;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
    .transportation-estimator-totals .total:last-child {
      border-right: none;
      border-bottom: none; }
    .transportation-estimator-totals .total .title {
      font-size: 1.25rem;
      margin-bottom: 1rem; }
      @media (min-width: 56.25em) {
        .transportation-estimator-totals .total .title {
          margin-bottom: 1.5rem; } }
    .transportation-estimator-totals .total .cell {
      padding: 0 0.75rem;
      margin-bottom: 0.625rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      @media (min-width: 31.25em) {
        .transportation-estimator-totals .total .cell {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.33%;
                  flex: 0 0 33.33%; } }
      @media (min-width: 56.25em) {
        .transportation-estimator-totals .total .cell {
          padding: 0 0.5rem; } }
      @media (min-width: 85.375em) {
        .transportation-estimator-totals .total .cell {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.33%;
                  flex: 0 0 33.33%;
          margin-bottom: 1.25rem; } }
    .transportation-estimator-totals .total .value {
      font-size: 1.125rem;
      letter-spacing: -0.06563rem;
      margin-bottom: 0.3125rem; }
      @media (min-width: 85.375em) {
        .transportation-estimator-totals .total .value {
          font-size: 1.875rem; } }
    .transportation-estimator-totals .total .label {
      font-size: 0.75rem;
      line-height: 1.4;
      font-weight: 400;
      display: block; }
      @media (min-width: 56.25em) {
        .transportation-estimator-totals .total .label {
          font-size: 0.875rem; } }
    .transportation-estimator-totals .total .totals__receipt__container,
    .transportation-estimator-totals .total .totals__delivery__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
      @media (min-width: 56.25em) {
        .transportation-estimator-totals .total .totals__receipt__container,
        .transportation-estimator-totals .total .totals__delivery__container {
          margin-left: -0.5rem;
          margin-right: -0.5rem; } }
  .transportation-estimator-totals .totals__total-cost {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (min-width: 85.375em) {
      .transportation-estimator-totals .totals__total-cost {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; } }
  .transportation-estimator-totals .totals__total-cost__label.label {
    display: block;
    font-size: 1rem;
    margin-bottom: 1rem; }
    @media (min-width: 56.25em) {
      .transportation-estimator-totals .totals__total-cost__label.label {
        font-size: 1.25rem; } }
    @media (min-width: 85.375em) {
      .transportation-estimator-totals .totals__total-cost__label.label {
        font-size: 1.375rem; } }
  .transportation-estimator-totals .totals__total-cost__value.value {
    font-size: 1.5625rem;
    letter-spacing: -0.06563rem; }
    @media (min-width: 56.25em) {
      .transportation-estimator-totals .totals__total-cost__value.value {
        font-size: 2rem; } }
    @media (min-width: 85.375em) {
      .transportation-estimator-totals .totals__total-cost__value.value {
        font-size: 2.5rem; } }

.transportation-estimator .tooltip {
  position: relative;
  cursor: pointer; }
  .transportation-estimator .tooltip .tooltip-content {
    background: #17171A;
    border-radius: 8px;
    line-height: 1.25;
    opacity: 0.8;
    padding: 0.625rem;
    width: 6.25rem;
    position: absolute;
    left: 0;
    top: 0.125rem; }
    @media (min-width: 480px) {
      .transportation-estimator .tooltip .tooltip-content {
        width: 12.5rem;
        padding: 0.625rem 1.25rem; } }
    .transportation-estimator .tooltip .tooltip-content .tooltip-content-text {
      color: #ffffff;
      opacity: 1; }
      .transportation-estimator .tooltip .tooltip-content .tooltip-content-text p {
        margin: 0; }
      .transportation-estimator .tooltip .tooltip-content .tooltip-content-text a {
        color: #00afd8;
        text-decoration: underline; }
        .transportation-estimator .tooltip .tooltip-content .tooltip-content-text a:hover {
          text-decoration: none; }

.transportation-estimator .transportation-estimator__labels {
  display: none; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__labels {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-weight: 500;
      line-height: 1.125rem;
      color: #0b5b82;
      background-color: #d8e4ea; } }
  .transportation-estimator .transportation-estimator__labels span {
    padding: 1rem; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__labels span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 12.5%;
                flex: 0 0 12.5%;
        max-width: 12.5%; } }
  .transportation-estimator .transportation-estimator__labels .transportation-estimator__labels__transportation-type {
    padding: 1rem; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__labels .transportation-estimator__labels__transportation-type {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 56.25%;
                flex: 0 0 56.25%;
        max-width: 56.25%;
        margin-left: 4.5rem; } }

.transportation-estimator .mobile-label {
  color: #0b5b82; }
  @media (min-width: 64em) {
    .transportation-estimator .mobile-label {
      display: none; } }

.transportation-estimator .transportation-estimator__parent {
  border-bottom: 1px solid #d8e4ea;
  position: relative;
  padding-right: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__parent {
      padding-right: 0; } }
  .transportation-estimator .transportation-estimator__parent > div {
    padding: 0 1rem;
    margin-bottom: 1rem; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent > div {
        padding: 1rem;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 12.5%;
                flex: 0 0 12.5%;
        max-width: 12.5%;
        margin-bottom: 0; } }
  .transportation-estimator .transportation-estimator__parent select,
  .transportation-estimator .transportation-estimator__parent input[type="text"] {
    display: block;
    color: #333;
    font-weight: 500;
    background-color: #f0f3f5;
    border-color: transparent;
    border-bottom: 1px solid #16afd8; }
    .transportation-estimator .transportation-estimator__parent select:hover,
    .transportation-estimator .transportation-estimator__parent input[type="text"]:hover {
      border-color: #69be28; }
    .transportation-estimator .transportation-estimator__parent select:focus,
    .transportation-estimator .transportation-estimator__parent input[type="text"]:focus {
      border-color: #16afd8; }
    .transportation-estimator .transportation-estimator__parent select:disabled,
    .transportation-estimator .transportation-estimator__parent input[type="text"]:disabled {
      color: #0f7fad; }
  .transportation-estimator .transportation-estimator__parent select {
    background-image: url("../../dist/img/iconography/chevron-down-blue.svg");
    background-size: 1rem; }
  .transportation-estimator .transportation-estimator__parent input[type="text"] {
    font-size: 1.25rem;
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    text-align: center;
    color: #0f7fad;
    font-weight: 500; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent input[type="text"] {
        width: 130px;
        font-size: 1.5625rem; } }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__row {
    padding: 1rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__row {
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        max-width: 6.25%; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__row .transportation-estimator__parent__row__value {
      display: block;
      text-align: center;
      background-color: #3fa200;
      color: white;
      border-radius: 50%;
      line-height: 1.875rem;
      width: 1.875rem; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__row .transportation-estimator__parent__row__value {
          width: 2.5rem;
          font-size: 1.5rem;
          line-height: 2.5rem; } }
  .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper {
    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;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 56.25%;
                flex: 0 0 56.25%;
        max-width: 56.25%;
        padding: 1rem 0; } }
    .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .type {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .type {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
          padding: 0 1rem;
          margin-bottom: 0; } }
    .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type {
      position: relative; }
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type::before {
        z-index: 1;
        top: 50%;
        left: 1rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type::before {
            left: 2rem; } }
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.sask::before {
        position: absolute;
        /* 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.875rem;
        content: "";
        color: #2DA0C5; }
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.nit::before {
        position: absolute;
        /* 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.5rem;
        content: "";
        color: #3fa200; }
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.empress::before {
        position: absolute;
        /* 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: "";
        color: #b06a92; }
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.local::before {
        position: absolute;
        /* 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.875rem;
        content: "";
        color: #2DA0C5; }
      .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.sask select, .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.nit select, .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.empress select, .transportation-estimator .transportation-estimator__parent .transportation-type-wrapper .transportation-estimator__parent__transportation-type.local select {
        padding-left: 3.125rem; }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__volume {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__volume {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 12.5%;
                flex: 0 0 12.5%;
        max-width: 12.5%; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__volume .mobile-label {
      display: block;
      font-size: 0.8125rem;
      font-weight: 500; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__volume .mobile-label {
          display: none; } }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__volume__value {
    font-size: 1.25rem;
    color: #8c8c8c; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__volume__value {
        font-size: 1.5625rem; } }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__cost {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__cost {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 12.5%;
                flex: 0 0 12.5%;
        max-width: 12.5%; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__cost .mobile-label {
      font-size: 1.25rem; }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__cost__value {
    font-size: 1.25rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__cost__value {
        font-size: 1.5625rem;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        text-align: left; } }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span {
    display: block;
    max-width: 18.75rem;
    background-size: 100%;
    background-repeat: no-repeat; }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.sask, .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.nit, .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.empress, .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.local {
      height: 4.375rem; }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.sask {
      background-image: url("../img/iconography/graphic-sask-supply.svg"); }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.nit {
      background-image: url("../img/iconography/graphic-nit.svg"); }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.empress {
      background-image: url("../img/iconography/graphic-empress.svg"); }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__transportation-type_selected span.local {
      background-image: url("../img/iconography/graphic-local-delivery.svg"); }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: absolute !important;
    right: 4rem;
    top: 0;
    padding-top: 1rem; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete {
        right: 1rem; } }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand {
    text-align: center;
    position: absolute !important;
    right: 0;
    height: 100%;
    padding: 0 0.5rem;
    margin-bottom: 0;
    border-left: 1px solid #d8e4ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand {
        position: relative !important;
        height: auto;
        padding: 1rem; } }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete,
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand {
      display: inline-block;
      position: relative !important;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 6.25%;
              flex: 0 0 6.25%;
      max-width: 6.25%;
      text-align: center; } }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete.visually-hidden,
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand.visually-hidden {
    text-indent: -9999px; }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete .delete-row,
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand .delete-row {
    border: none;
    background: transparent;
    color: #a70240;
    font-size: 0.75rem;
    padding: 0; }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete .delete-row:before,
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand .delete-row:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f2ed";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      color: #a70240;
      font-size: 1.25rem;
      display: block; }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__delete .expand-toggle,
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__parent__expand .expand-toggle {
    padding: 0; }
  .transportation-estimator .transportation-estimator__parent .transportation-estimator__child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-top: 1px solid #d8e4ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #4c4c4c; }
    @media (min-width: 37.5em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child {
        padding-left: 4.5rem; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header__charges__value {
      font-size: 1.25rem;
      padding: 1rem 0; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header__charges__value {
          padding: 0; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header__help {
      color: #0f7fad; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header__help:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f35d";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        vertical-align: middle; }
    @media (min-width: 64em) {
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header {
        display: none; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header .transportation-estimator__child__header__charges__value {
      display: block;
      padding-bottom: 0; }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header .transportation-estimator__child__header__help {
      font-size: 0.75rem;
      margin-bottom: 1.25rem; }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header .transportation-estimator__child__labels {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0.625rem; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header .transportation-estimator__child__labels {
          display: none; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header .transportation-estimator__child__labels .label {
        padding: 0;
        font-size: 0.875rem; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .mobile-charges-header .transportation-estimator__child__labels .transportation-estimator__child__labels__costs {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: right; }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      position: relative;
      padding: 1rem 0; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header {
          border-bottom: 1px solid #d8e4ea;
          margin-bottom: 1rem; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .header {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .header {
            padding: 0 1rem;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1; } }
      @media (min-width: 37.5em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__type {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 43.75%;
                  flex: 0 0 43.75%;
          max-width: 43.75%; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__help {
        display: none; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__help {
            padding: 0;
            position: absolute;
            right: 0;
            display: block; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__type__value {
        color: #0b5b82;
        font-size: 1.5rem; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__type__value {
            font-size: 1.875rem;
            line-height: 2.5rem; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__charges__value {
        display: none; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__header .transportation-estimator__child__header__charges__value {
            font-size: 1.5625rem;
            line-height: 1.875rem;
            display: block; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels {
      display: none;
      width: 100%;
      margin-bottom: 1rem; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels .label {
        font-size: 1.25rem;
        padding: 0 1rem;
        font-weight: 400; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels .transportation-estimator__child__labels__type {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 28.125%;
                  flex: 0 0 28.125%;
          max-width: 28.125%; } }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels .transportation-estimator__child__labels__charge {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 37.5%;
                  flex: 0 0 37.5%;
          max-width: 37.5%; } }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels .transportation-estimator__child__labels__volume {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 15.625%;
                  flex: 0 0 15.625%;
          max-width: 15.625%; } }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__labels .transportation-estimator__child__labels__costs {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 12.5%;
                  flex: 0 0 12.5%;
          max-width: 12.5%; } }
    .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form {
      width: 100%;
      border-bottom: 1px solid #d8e4ea;
      padding: 1rem 0; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .child-form {
          padding: 0 1rem; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form label.visually-hidden {
        position: relative !important;
        height: auto;
        width: auto;
        font-size: 0.8125rem;
        font-weight: 400; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form label.visually-hidden {
            position: absolute !important; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .small-text {
        color: #595959;
        padding-left: 0.3125rem;
        font-weight: 400; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__service-type {
        margin-bottom: 1rem; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__service-type {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 28.125%;
                    flex: 0 0 28.125%;
            max-width: 28.125%;
            margin-bottom: 0; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__volume {
        margin-bottom: 1rem; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__volume {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 15.625%;
                    flex: 0 0 15.625%;
            max-width: 15.625%;
            margin-bottom: 0; } }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__volume.visually-hidden {
          position: relative !important;
          height: 0; }
      @media (min-width: 64em) {
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__charges {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 18.75%;
                  flex: 0 1 18.75%;
          max-width: 18.75%; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__charges .transportation-estimator__child__form__charges__label {
        color: #008542;
        font-weight: 500;
        line-height: 1.25rem;
        margin-bottom: 0.625rem; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__charges .transportation-estimator__child__form__charges__item {
        font-size: 0.875rem;
        font-weight: 500; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__charges .transportation-estimator__child__form__charges__item {
            font-size: 1.25rem; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__charges_per {
        font-size: 0.875rem;
        font-weight: 500; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__charges_per {
            font-size: 1.25rem;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 18.75%;
                    flex: 0 0 18.75%;
            max-width: 18.75%; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__costs {
        font-size: 0.875rem;
        font-weight: 500;
        text-align: right;
        margin-top: -1.875rem; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__costs {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 12.5%;
                    flex: 0 0 12.5%;
            max-width: 12.5%;
            font-size: 1.25rem;
            text-align: left;
            margin-top: 0; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__delete {
        position: relative !important;
        padding: 0;
        text-align: center;
        display: inline-block; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__delete {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 6.25%;
                    flex: 0 0 6.25%;
            max-width: 6.25%; } }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__delete .delete-child-row {
          border: none;
          background: transparent;
          color: #a70240;
          font-size: 0.75rem;
          padding: 0; }
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .transportation-estimator__child__form__delete .delete-child-row:before {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            vertical-align: -.125em;
            content: "\f2ed";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 400;
            font-size: 1rem;
            margin-right: 0.3125rem; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        @media (min-width: 64em) {
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row {
            margin-left: 43.75%;
            padding: 1rem 0; } }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .transportation-estimator__child__form__charges,
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .transportation-estimator__child__form__charges_per,
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .transportation-estimator__child__form__costs,
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .mobile-charges-header {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%; }
          @media (min-width: 64em) {
            .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .transportation-estimator__child__form__charges,
            .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .transportation-estimator__child__form__charges_per,
            .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .transportation-estimator__child__form__costs,
            .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.extra-row .mobile-charges-header {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 33.334%;
                      flex: 0 0 33.334%;
              max-width: 33.334%; } }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.additional-cost {
        background-color: #f0f3f5; }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.additional-cost .mobile-charges-header,
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.additional-cost .child-form {
          padding-left: 1rem;
          padding-right: 1rem; }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.additional-cost .transportation-estimator__child__header__charges__value {
          padding-top: 0; }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form.additional-cost .transportation-estimator__child__form__charges__additional {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%;
          padding-left: 1rem;
          padding-right: 1rem;
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4;
          font-size: 0.75rem;
          color: #595959; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .invalid {
        display: block;
        position: relative;
        padding-top: 0.3125rem;
        padding-left: 1rem;
        color: #a70240;
        font-size: 0.75rem;
        line-height: 1rem; }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .invalid:before {
          position: absolute;
          left: 0;
          top: 0.5rem;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          vertical-align: -.125em;
          content: "\f071";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 900;
          margin-right: 0.3125rem;
          font-size: 0.625rem; }
      .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help {
        position: relative;
        padding-left: 0.875rem; }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help:before {
          position: absolute;
          left: 0;
          display: inline-block;
          content: "";
          width: 4px;
          height: 100%;
          background-image: linear-gradient(186deg, #0b5b82 100%, #008542 0%); }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help .question {
          display: block;
          font-size: 1.125rem;
          font-weight: 500;
          line-height: 1.625rem;
          color: #0b5b82; }
          @media (min-width: 64em) {
            .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help .question {
              font-size: 1.25rem; } }
        .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help .answer {
          font-size: 0.875rem; }
          @media (min-width: 64em) {
            .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help .answer {
              font-size: 1.25rem; } }
          .transportation-estimator .transportation-estimator__parent .transportation-estimator__child .transportation-estimator__child__form .too-low-help .answer a {
            text-decoration: underline; }

.transportation-estimator .transportation-estimator__child__form__add-carbon-tax {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 0.75rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 0;
  padding-bottom: 1rem; }
  @media (min-width: 480px) {
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax {
      font-size: 0.875rem; } }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 43.75%;
              flex: 0 1 43.75%;
      max-width: 43.75%;
      padding-left: 1.5rem;
      padding-bottom: unset; } }
  @media (min-width: 0) and (max-width: 1023px) {
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax input[type="checkbox"] + label {
      padding: 0; } }
  .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .transportation-estimator__child__form__add-carbon-tax__label {
    padding-left: 0.5rem;
    font-weight: 500;
    color: #0b5b82; }
  .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    pointer-events: all; }
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch input[type="checkbox"] {
      opacity: 0;
      width: 0;
      height: 0; }
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch .slider:before {
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      left: 0;
      height: 1.25rem;
      width: 1.25rem;
      border: 2px solid #8c8c8c;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
      background-color: white;
      border-radius: 50%;
      opacity: 1; }
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch input:checked + .slider {
      background-color: #a5d867; }
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch input:focus + .slider {
      -webkit-box-shadow: 0 0 1px #a5d867;
              box-shadow: 0 0 1px #a5d867; }
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch input:checked + .slider:before {
      -webkit-transform: translateX(33px);
      transform: translateX(33px); }
    .transportation-estimator .transportation-estimator__child__form__add-carbon-tax .switch .slider {
      display: block;
      background-color: #16afd8;
      border-radius: 1.25rem;
      height: 1.25rem;
      width: 3.125rem; }

.transportation-estimator .transportation-estimator__child__form__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding: 1.25rem 0; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__total.transportation-estimator__child__form__total__receipt {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 56.25%;
              flex: 0 1 56.25%;
      max-width: 56.25%;
      margin-left: 25%;
      padding: 0.625rem 0 1rem; } }
  .transportation-estimator .transportation-estimator__child__form__total.transportation-estimator__child__form__total__receipt .transportation-estimator__child__form__total__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 66.5%;
            flex: 0 1 66.5%;
    max-width: 66.5%; }

.transportation-estimator .transportation-estimator__child__form__carbon_total,
.transportation-estimator .transportation-estimator__child__form__delivery_carbon_total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 1.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__carbon_total,
    .transportation-estimator .transportation-estimator__child__form__delivery_carbon_total {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 56.25%;
              flex: 0 1 56.25%;
      max-width: 56.25%;
      margin-left: 25%;
      padding: 0.625rem 0 1rem; } }

.transportation-estimator .transportation-estimator__child__form__total__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 37.25%;
          flex: 0 1 37.25%;
  max-width: 37.25%; }

.transportation-estimator .form__total__receipt .transportation-estimator__child__form__total__label,
.transportation-estimator .transportation-estimator__child__form__delivery_carbon_total__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 66.5%;
          flex: 0 1 66.5%;
  max-width: 66.5%; }

.transportation-estimator .transportation-estimator__child__form__carbon_total__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  max-width: 100%;
  margin-bottom: -0.25rem; }
  @media (min-width: 31.25em) {
    .transportation-estimator .transportation-estimator__child__form__carbon_total__label {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.25%;
              flex: 0 1 33.25%;
      max-width: 33.25%;
      margin-bottom: 0; } }

.transportation-estimator .transportation-estimator__child__form__carbon_total__rate {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 66.5%;
          flex: 0 1 66.5%;
  max-width: 66.5%;
  font-size: 0.875rem;
  color: #4c4c4c; }
  .transportation-estimator .transportation-estimator__child__form__carbon_total__rate__value {
    font-weight: 500; }
  @media (min-width: 31.25em) {
    .transportation-estimator .transportation-estimator__child__form__carbon_total__rate {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.25%;
              flex: 0 1 33.25%;
      max-width: 33.25%; } }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__carbon_total__rate {
      font-size: 1.25rem;
      padding: 0 1rem; } }

.transportation-estimator .transportation-estimator__child__form__total__label,
.transportation-estimator .transportation-estimator__child__form__carbon_total__label,
.transportation-estimator .transportation-estimator__child__form__delivery_carbon_total__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0b5b82; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__total__label,
    .transportation-estimator .transportation-estimator__child__form__carbon_total__label,
    .transportation-estimator .transportation-estimator__child__form__delivery_carbon_total__label {
      font-size: 1.25rem;
      padding: 0 1rem; } }

.transportation-estimator .transportation-estimator__child__form__total__carbon {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.25%;
          flex: 0 1 33.25%;
  max-width: 33.25%;
  font-size: 0.875rem;
  font-weight: 500; }
  .transportation-estimator .transportation-estimator__child__form__total__carbon .carbon-total-label {
    font-weight: 400; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__total__carbon {
      font-size: 1.25rem;
      padding: 0 1rem; } }

@media (min-width: 64em) {
  .transportation-estimator .form__total__receipt .transportation-estimator__child__form__total__costs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 25% !important;
            flex: 0 1 25% !important;
    max-width: 25% !important; } }

.transportation-estimator .transportation-estimator__child__form__total__costs,
.transportation-estimator .transportation-estimator__child__form__carbon_total__costs,
.transportation-estimator .transportation-estimator__child__form__delivery_carbon_total__costs {
  font-size: 0.875rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 500;
  text-align: right; }
  @media (min-width: 64em) {
    .transportation-estimator .transportation-estimator__child__form__total__costs,
    .transportation-estimator .transportation-estimator__child__form__carbon_total__costs,
    .transportation-estimator .transportation-estimator__child__form__delivery_carbon_total__costs {
      font-size: 1.25rem;
      padding: 0 1rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 12.5%;
              flex: 0 1 12.5%;
      max-width: 12.5%;
      text-align: left; } }

.transportation-estimator .add-service {
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: transparent;
  color: #0f7fad;
  padding: 1.125rem 2.8125rem;
  margin-top: 0.5rem;
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }
  .transportation-estimator .add-service:focus {
    outline: none; }
  .transportation-estimator .add-service:visited {
    color: #0c6895; }
  .transportation-estimator .add-service:hover, .transportation-estimator .add-service:focus {
    color: #0c6895;
    border-color: #0c6895; }
  .transportation-estimator .add-service::before {
    margin-right: 0.625rem; }
  @media (min-width: 64em) {
    .transportation-estimator .add-service {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 18.75%;
              flex: 0 0 18.75%;
      max-width: 18.75%;
      -ms-flex-item-align: end;
          align-self: flex-end;
      font-size: 1rem; } }

.transportation-estimator .add-parent {
  margin: 2.5rem 0;
  font-size: 1rem;
  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-decoration: none;
  letter-spacing: -0.01em;
  padding: 1.125rem 2.8125rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0f7fad;
  font-weight: 500;
  line-height: normal;
  border-color: #0f7fad;
  background-color: #0f7fad;
  color: #ffffff;
  padding: 1.125rem 2.8125rem;
  background-color: #3fa200;
  border-color: #3fa200;
  width: 100%;
  font-size: 0.875rem; }
  .transportation-estimator .add-parent:focus {
    outline: none; }
  .transportation-estimator .add-parent:visited {
    color: #ffffff; }
  .transportation-estimator .add-parent:hover {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .transportation-estimator .add-parent:focus, .transportation-estimator .add-parent:active {
    border-color: #0c6895;
    background-color: #0c6895;
    color: #ffffff; }
  .transportation-estimator .add-parent::before {
    margin-right: 0.625rem; }
  @media (min-width: 37.5em) {
    .transportation-estimator .add-parent {
      width: auto;
      font-size: 1rem; } }
  .transportation-estimator .add-parent:hover {
    background-color: #79bc43;
    border-color: #79bc43; }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-telephone-number, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-email, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-name, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-position-title, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-customer-field-contact-telephone-number, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-customer-field-contact-email, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-name, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-position, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-date, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper]:has(> .form-item-authorization-upload),
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-telephone-number,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-email,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-name,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-position-title,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-customer-field-contact-telephone-number,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-customer-field-contact-email,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-name,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-position,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-date,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item:has(> .form-item-authorization-upload) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media (min-width: 56.25em) {
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-telephone-number, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-email, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-name, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-position-title, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-customer-field-contact-telephone-number, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-customer-field-contact-email, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-name, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-position, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-date, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper]:has(> .form-item-authorization-upload),
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-telephone-number,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-email,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-name,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-position-title,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-customer-field-contact-telephone-number,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-customer-field-contact-email,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-name,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-position,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-date,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item:has(> .form-item-authorization-upload) {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%; } }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-transgas-meter-code, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-meter-name,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-transgas-meter-code,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-meter-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media (min-width: 56.25em) {
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-transgas-meter-code, #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-meter-name,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-transgas-meter-code,
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-meter-name {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.3333%;
              flex: 0 1 33.3333%; } }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-statement input[type=checkbox] + label,
#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-statement input[type=checkbox] + label {
  padding-left: 3rem;
  position: relative; }
  #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-statement input[type=checkbox] + label::before,
  #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-statement input[type=checkbox] + label::before {
    position: absolute;
    top: 0.625rem;
    left: 0.5rem; }
  #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form div[id*=ajax-wrapper].form-item-authorization-statement input[type=checkbox] + label::after,
  #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item.form-item-authorization-statement input[type=checkbox] + label::after {
    position: absolute;
    top: 1rem;
    left: 1.8125rem;
    font-weight: 600; }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .fieldgroup:has(#edit-pipeline-type) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media (min-width: 56.25em) {
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .fieldgroup:has(#edit-pipeline-type) {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.3333%;
              flex: 0 1 33.3333%; } }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form fieldset fieldset legend > .fieldset-legend {
  margin-bottom: 0.625rem;
  font-weight: 600;
  font-size: inherit; }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form fieldset fieldset legend + .fieldset-wrapper .form-item label:has(+ input) {
  padding: 0;
  font-size: 0.75rem; }

#webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item-signature .webform-signature-pad .button {
  background-color: #ffffff; }
  @media (max-width: 56.1875em) {
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item-signature .webform-signature-pad .button {
      font-size: 0;
      padding: 1rem;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230f7fad" d="M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z"/></svg>');
      background-size: 1.25rem;
      background-position: center;
      background-repeat: no-repeat; } }
  @media (max-width: 56.1875em) {
    #webform-submission-customer-pipeline-disconnect-add-form.webform-submission-form .form-item-signature .webform-signature-pad .button:hover {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230c6895" d="M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z"/></svg>'); } }

.block-system-breadcrumb-block {
  margin-top: 0;
  display: none; }
  @media (min-width: 56.25em) {
    .block-system-breadcrumb-block {
      display: block; } }
  .block-system-breadcrumb-block h2 {
    margin: 0; }
  .block-system-breadcrumb-block nav {
    padding-bottom: 0;
    margin-bottom: 0.625rem; }
  .block-system-breadcrumb-block ol {
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    display: block;
    margin-bottom: 0; }
    .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 li {
    display: inline;
    font-size: 0.875rem; }
    .block-system-breadcrumb-block li:first-child {
      margin-left: 0; }
      .block-system-breadcrumb-block li:first-child a {
        color: #0f7fad; }
        .block-system-breadcrumb-block li:first-child a:hover, .block-system-breadcrumb-block li:first-child a:focus, .block-system-breadcrumb-block li:first-child a:active {
          color: #0c6895;
          -webkit-transition: color 0.3s ease-out;
          transition: color 0.3s ease-out;
          text-decoration: underline; }
    .block-system-breadcrumb-block li::after {
      content: "/";
      display: inline-block;
      margin-left: 0.1875rem;
      margin-right: 0.1875rem;
      color: #0f7fad; }
    .block-system-breadcrumb-block li:last-child::after {
      display: none; }
  .block-system-breadcrumb-block .breadcrumb-separator {
    display: inline;
    font-size: 0.875rem;
    color: #ccc; }
  .block-system-breadcrumb-block a,
  .block-system-breadcrumb-block p {
    display: inline-block;
    font-size: 0.875rem;
    text-decoration: none; }
    .block-system-breadcrumb-block a:hover,
    .block-system-breadcrumb-block p:hover {
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out;
      color: #0c6895;
      text-decoration: underline; }
  .block-system-breadcrumb-block p {
    color: #333; }

#block-mainnavigation-5 > ul {
  margin-left: 0;
  list-style: none;
  margin-top: 1rem;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (min-width: 40em) {
    #block-mainnavigation-5 > ul {
      margin-top: 2rem;
      border-top: 0px;
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: 0; } }
  #block-mainnavigation-5 > ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    margin-bottom: 0; }
    #block-mainnavigation-5 > ul li a {
      display: block;
      padding-right: 0.625rem;
      margin-right: 0.625rem; }
      @media (min-width: 40em) {
        #block-mainnavigation-5 > ul li a {
          border-right: 1px solid #8c8c8c; } }
      #block-mainnavigation-5 > ul li a.is-active {
        color: #0b5b82; }

#block-mainnavigation-5 > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #block-mainnavigation-5 > ul > li:first-child > a {
    padding-left: 0; }

#block-mainnavigation-5 ul.menu-level--2 {
  margin: 0; }
  #block-mainnavigation-5 ul.menu-level--2 li:last-child a {
    border-right: none; }

.menu--footer h2 {
  color: #ffffff; }

.menu--footer .menu {
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .menu--footer .menu li {
    margin-bottom: 0;
    padding-left: 0;
    list-style-image: none;
    list-style-type: none;
    list-style: none; }
  .menu--footer .menu li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .menu--footer .menu a {
    display: block;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 400;
    text-decoration: none;
    padding: 1rem 1.25rem;
    border: 1px solid transparent; }
    .menu--footer .menu a:hover, .menu--footer .menu a:focus {
      text-decoration: none;
      border-color: #ffffff; }
    .menu--footer .menu a:focus {
      outline: 2px dashed #ffffff; }

.region--footer-first ul, .region--footer-first li {
  list-style: none;
  margin: 0;
  font-size: 0.875rem; }
  .region--footer-first ul a, .region--footer-first li a {
    color: #ccc;
    text-decoration: none; }
    .region--footer-first ul a:hover, .region--footer-first li a:hover {
      opacity: 0.75;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
    .region--footer-first ul a:focus, .region--footer-first li a:focus {
      outline: 2px dashed #ffffff; }

.region--footer-first > .layout-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media (min-width: 48em) {
    .region--footer-first > .layout-container {
      padding-left: 1.875rem;
      padding-right: 1.875rem; } }
  .region--footer-first > .layout-container > #block-config-pages-2 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%; }

.region--footer-first .menu-level--1 {
  margin-top: 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .region--footer-first .menu-level--1 > .menu-item--level-1 {
    margin-bottom: 1.25rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 47.5%;
            flex: 0 1 47.5%; }
    @media (min-width: 48em) {
      .region--footer-first .menu-level--1 > .menu-item--level-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 32.5%;
                flex: 0 1 32.5%; } }
    @media (min-width: 85.375em) {
      .region--footer-first .menu-level--1 > .menu-item--level-1 {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 16%;
                flex: 1 1 16%;
        max-width: 200px; } }
    .region--footer-first .menu-level--1 > .menu-item--level-1 > a {
      color: white;
      display: block;
      font-size: 0.9375rem;
      font-weight: 500;
      margin-bottom: 0.875rem; }
      .region--footer-first .menu-level--1 > .menu-item--level-1 > a:focus {
        outline: 2px dashed #ffffff; }

.region--footer-first .menu-level--2 li {
  margin-bottom: 0.3125rem; }

.config_pages--homepage-configuration--footer-above-menu {
  border-bottom: 1px solid #4c4c4c;
  font-size: 0.8125rem;
  line-height: 2.31;
  padding-top: 3.125rem;
  padding-bottom: 0.9375rem;
  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: 85.375em) {
    .config_pages--homepage-configuration--footer-above-menu {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding-bottom: 1.5625rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .config_pages--homepage-configuration--footer-above-menu .field--name-field-footer-logo {
    width: 148px;
    height: 39px;
    margin-bottom: 2.5rem; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--footer-above-menu .field--name-field-footer-logo {
        width: 178px;
        height: 46px; } }
    @media (min-width: 85.375em) {
      .config_pages--homepage-configuration--footer-above-menu .field--name-field-footer-logo {
        margin-right: 3.125rem; } }
    .config_pages--homepage-configuration--footer-above-menu .field--name-field-footer-logo a:focus {
      outline: 2px dashed #ffffff; }
  .config_pages--homepage-configuration--footer-above-menu .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--footer-above-menu .columns {
        display: block; } }
  .config_pages--homepage-configuration--footer-above-menu .left-column,
  .config_pages--homepage-configuration--footer-above-menu .right-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 47.5%;
            flex: 0 1 47.5%; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--footer-above-menu .left-column,
      .config_pages--homepage-configuration--footer-above-menu .right-column {
        margin-right: 3.125rem;
        display: inline-block; } }
  @media (min-width: 85.375em) {
    .config_pages--homepage-configuration--footer-above-menu .right-column {
      margin-right: 9.375rem; } }
  .config_pages--homepage-configuration--footer-above-menu .field--name-field-left-column-title,
  .config_pages--homepage-configuration--footer-above-menu .field--name-field-right-column-title {
    font-weight: 500;
    margin-bottom: 0.125rem;
    color: white;
    font-size: 0.9375rem; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--footer-above-menu .field--name-field-left-column-title,
      .config_pages--homepage-configuration--footer-above-menu .field--name-field-right-column-title {
        font-size: 1.1875rem; } }
  .config_pages--homepage-configuration--footer-above-menu p {
    margin-bottom: 0.0625rem;
    color: #ccc; }
    @media (min-width: 48em) {
      .config_pages--homepage-configuration--footer-above-menu p {
        font-size: 0.9375rem; } }
    .config_pages--homepage-configuration--footer-above-menu p a {
      text-decoration: none;
      color: #ccc; }
      .config_pages--homepage-configuration--footer-above-menu p a:hover {
        opacity: 0.75;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }
      .config_pages--homepage-configuration--footer-above-menu p a:focus {
        outline: 2px dashed #ffffff; }
  .config_pages--homepage-configuration--footer-above-menu .cta-area {
    margin-top: 1.5625rem;
    margin-bottom: 1.25rem;
    color: #ccc; }
    @media (min-width: 85.375em) {
      .config_pages--homepage-configuration--footer-above-menu .cta-area {
        margin-top: 0; } }
    .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-phone-number-title,
    .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-phone-number {
      color: white;
      font-size: 0.9375rem;
      font-weight: 500;
      display: inline; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-phone-number-title,
        .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-phone-number {
          font-size: 1.1875rem; } }
    .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-phone-number {
      color: #fcd450; }
      .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-phone-number a[href^=tel] {
        color: inherit !important; }
    .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-question-link a {
      margin-top: 0.125rem;
      text-decoration: none;
      padding-left: 1.5625rem;
      position: relative;
      color: #ccc; }
      @media (min-width: 48em) {
        .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-question-link a {
          font-size: 0.9375rem; } }
      .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-question-link a::before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        background-image: url(../../dist/img/iconography/alert-yellow.svg);
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0; }
      .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-question-link a:hover {
        opacity: 0.75;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }
      .config_pages--homepage-configuration--footer-above-menu .cta-area .field--name-field-question-link a:focus {
        outline: 2px dashed #ffffff; }

.region--footer-second .field--name-field-related-links {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  float: left; }

.region--footer-second .field__label {
  margin: 0;
  margin-right: 2rem;
  font-size: 0.9375rem;
  text-transform: none;
  color: #ccc; }

.region--footer-second .field__items {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.region--footer-second .field__item {
  margin-right: 2rem; }
  .region--footer-second .field__item::after {
    content: none !important; }
  .region--footer-second .field__item a {
    display: inline-block; }
    .region--footer-second .field__item a:focus {
      outline: 2px dashed #ffffff; }

.region--footer-second .field--name-field-logo {
  margin-right: 2rem;
  max-width: 150px;
  max-height: 60px;
  width: 100%; }

.region--footer-second .menu--footer {
  float: left;
  display: block;
  width: 100%; }
  @media (min-width: 53.75em) {
    .region--footer-second .menu--footer {
      float: right;
      width: auto; } }
  .region--footer-second .menu--footer li {
    margin-right: 1rem; }
    .region--footer-second .menu--footer li:last-child {
      margin-right: 0; }
  .region--footer-second .menu--footer a {
    padding: 0;
    font-size: 0.9375rem;
    color: #ccc;
    margin: 0;
    border: none !important; }
    .region--footer-second .menu--footer a:hover {
      border: none;
      opacity: 0.75;
      -webkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out; }

.region--footer-second .block-sask-trans-copyright-block {
  float: left;
  color: #ccc;
  clear: right;
  font-size: 0.9375rem;
  width: 100%; }
  @media (min-width: 53.75em) {
    .region--footer-second .block-sask-trans-copyright-block {
      float: right;
      display: block;
      width: auto;
      text-align: right; } }

.pager {
  margin: 1rem 0; }
  .pager .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 .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 .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.875rem;
      border: 1px solid transparent; }
      .pager .pager__item a:hover, .pager .pager__item a:focus {
        border-color: #622567; }
      .pager .pager__item a:focus {
        outline: 1px solid #622567; }
    .pager .pager__item.is-active a {
      font-weight: 700;
      border-color: #0b5b82;
      text-decoration: none; }
    .pager .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 .pager__item.pager__item--first a, .pager .pager__item.pager__item--previous a, .pager .pager__item.pager__item--next a, .pager .pager__item.pager__item--last a {
      font-size: 0;
      text-decoration: none;
      vertical-align: middle; }
      .pager .pager__item.pager__item--first a::before, .pager .pager__item.pager__item--previous a::before, .pager .pager__item.pager__item--next a::before, .pager .pager__item.pager__item--last a::before {
        font-size: 1.5rem; }
    .pager .pager__item.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: -.125em; }
    .pager .pager__item.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: -.125em; }
    .pager .pager__item.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: -.125em; }
    .pager .pager__item.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: -.125em; }
    .pager .pager__item.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 .pager__item.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: -.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; }

/*
* Secondary Navigation
*/
.region--masthead-prefix .menu--secondary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static;
  /*
  * Menu <ul>
  */
  /*
  * Menu <li>
  */
  /*
  * Link
  */
  /*
  * Gas Leak Button
  */
  /*
  * Gas Leak Icon
  */ }
  .region--masthead-prefix .menu--secondary-menu .menu-level--1 {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .region--masthead-prefix .menu--secondary-menu .menu-item--level-1 {
    margin: 0; }
  .region--masthead-prefix .menu--secondary-menu a {
    font-size: 0.6875rem;
    text-decoration: none;
    color: #0b5b82;
    font-weight: 400; }
    @media (min-width: 74.9375em) {
      .region--masthead-prefix .menu--secondary-menu a {
        font-size: 0.9375rem; } }
  .region--masthead-prefix .menu--secondary-menu a:hover,
  .region--masthead-prefix .menu--secondary-menu a:focus {
    text-decoration: underline; }
  .region--masthead-prefix .menu--secondary-menu a:focus {
    outline: 2px dashed #737487; }
  .region--masthead-prefix .menu--secondary-menu a.gas-leak {
    color: #333;
    font-weight: 600; }
    @media (min-width: 74.9375em) {
      .region--masthead-prefix .menu--secondary-menu a.gas-leak {
        height: 2.5rem; } }
    .region--masthead-prefix .menu--secondary-menu a.gas-leak:focus {
      color: #ffffff; }
  .region--masthead-prefix .menu--secondary-menu a.gas-leak:hover {
    color: #ffffff;
    text-decoration: none; }
  @media (min-width: 74.9375em) {
    .region--masthead-prefix .menu--secondary-menu a.gas-leak .link-inner::before {
      font-size: 1.25rem; } }

/*
* Mobile Gas Leak Container
*/
.mobile-gas-leak {
  display: block;
  margin: 0.625rem auto; }
  @media (min-width: 23.4375em) {
    .mobile-gas-leak {
      padding-left: 1rem; } }
  @media (min-width: 48em) {
    .mobile-gas-leak {
      display: none; } }

/*
* Gas Leak Button
*/
.gas-leak {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1875rem 0.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fcd450;
  font-size: 0.75rem;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  letter-spacing: -0.25px;
  white-space: nowrap;
  -webkit-transition: background-color .1s ease, color .1s ease;
  transition: background-color .1s ease, color .1s ease; }
  @media (min-width: 37.5em) {
    .gas-leak {
      font-size: 0.8125rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .gas-leak .link-inner::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f4a5";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 0.875rem;
    margin-right: 0.5rem; }

.gas-leak:hover,
.gas-leak:focus {
  background-color: #622567;
  color: #ffffff;
  text-decoration: none; }

a.login-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f0f3f5;
  color: #333 !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600 !important;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
  padding: 0.1875rem 0.75rem;
  text-decoration: none;
  -webkit-transition: background-color .1s ease, color .1s ease;
  transition: background-color .1s ease, color .1s ease;
  white-space: nowrap; }
  @media (min-width: 37.5em) {
    a.login-button {
      font-size: 0.8125rem;
      padding: 0.1875rem 1.5rem; } }
  @media (min-width: 74.9375em) {
    a.login-button {
      height: 2.5rem; } }
  a.login-button:focus {
    outline: 2px dashed #333;
    color: #333; }
  a.login-button:hover {
    background-color: #a4b6c2;
    color: #333;
    text-decoration: none !important; }
  a.login-button .link-inner::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f007";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 0.875rem;
    margin-right: 0.5rem;
    vertical-align: unset; }

#block-mainnavigation-3 li a.login-button {
  background-color: #a4b6c2;
  color: #333;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  height: 100%;
  padding: .5rem 1.5rem;
  -webkit-transition: background-color .1s ease, color .1s ease;
  transition: background-color .1s ease, color .1s ease;
  white-space: nowrap; }

.block-local-tasks-block {
  z-index: 0;
  margin-bottom: 0.875rem; }
  .block-local-tasks-block h2.visually-hidden {
    font-size: 0;
    line-height: 0; }
  .block-local-tasks-block ul.tabs {
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.3125rem;
    margin-right: -0.3125rem;
    padding-left: 0;
    margin-bottom: 0; }
    .block-local-tasks-block ul.tabs li {
      margin-bottom: 0;
      padding-left: 0;
      list-style-image: none;
      list-style-type: none;
      list-style: none; }
    .block-local-tasks-block ul.tabs li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      list-style: none;
      margin-left: 0.3125rem;
      margin-right: 0.3125rem;
      margin-bottom: 0.75rem; }
      @media (min-width: 37.5em) {
        .block-local-tasks-block ul.tabs li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; } }
      .block-local-tasks-block ul.tabs li a {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        display: block;
        padding: 0.375rem 0.875rem;
        background-color: #ffffff;
        border: 1px solid #622567;
        border-bottom: 2px solid #622567;
        color: #622567;
        font-weight: 400;
        text-align: center;
        text-decoration: none; }
        .block-local-tasks-block ul.tabs li a:hover {
          text-decoration: none; }
          .block-local-tasks-block ul.tabs li a:hover:not(.is-active) {
            color: #0b5b82;
            border-color: #0b5b82; }
        .block-local-tasks-block ul.tabs li a.is-active {
          position: relative;
          background-color: #0b5b82;
          border-color: #0b5b82;
          color: #ffffff; }
          .block-local-tasks-block ul.tabs li a.is-active::after {
            width: 0;
            height: 0;
            content: '';
            z-index: 2;
            border-top: 0.8em solid #0b5b82;
            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%); }
    .block-local-tasks-block ul.tabs.tabs-secondary {
      border-top: 1px solid #bfbfbf;
      padding-top: 1.25rem;
      margin-top: 0; }

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

.region--masthead-secondary .block-responsive-menu-horizontal-menu {
  border-bottom: 1px solid #ccc; }

.region--masthead-secondary .horizontal-menu {
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto; }
  .region--masthead-secondary .horizontal-menu > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.block-responsive-menu-horizontal-menu,
.block--menu--main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-transition: none;
  transition: none;
  z-index: 3; }
  @media (min-width: 64em) {
    .block-responsive-menu-horizontal-menu,
    .block--menu--main {
      display: block; } }
  @media (min-width: 112.5em) {
    .block-responsive-menu-horizontal-menu,
    .block--menu--main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .block-responsive-menu-horizontal-menu ul,
  .block--menu--main ul {
    margin-left: 0; }

.region--masthead-primary__right-bottom > .block--menu--main {
  width: calc(100% - 126px);
  background-image: -webkit-gradient(linear, left top, right top, from(#00527f), color-stop(35%, #00527f), color-stop(92%, #00527f), to(#003b5c));
  background-image: linear-gradient(to right, #00527f, #00527f 35%, #00527f 92%, #003b5c);
  padding-right: 3px;
  position: relative;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 48em) {
    .region--masthead-primary__right-bottom > .block--menu--main {
      width: auto;
      background-image: none;
      padding: 0;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }

.region--masthead-primary__right-bottom .nav-wrapper {
  direction: rtl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  overflow-y: hidden;
  overflow-x: scroll;
  height: 100%;
  width: 100%;
  -webkit-perspective: 900px;
  padding: 0 0.75rem;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 48em) {
    .region--masthead-primary__right-bottom .nav-wrapper {
      -webkit-transform: none;
              transform: none;
      padding: 0;
      overflow: visible; } }

/*
* Main Menu Small Screen Hamburger
*/
#block-mainnavigation-3 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: calc(100% - 61px);
  -webkit-box-shadow: 2px 2px 10px 0 rgba(34, 71, 93, 0.3);
  box-shadow: 2px 2px 10px 0 rgba(34, 71, 93, 0.3);
  background-color: #f0f3f5;
  padding-top: 1.875rem;
  z-index: 99;
  background-image: none; }
  #block-mainnavigation-3.active {
    display: block; }
  #block-mainnavigation-3 ul {
    margin: 0;
    padding-left: 1.25rem; }
  #block-mainnavigation-3 li {
    margin-bottom: 0;
    list-style: none; }
  #block-mainnavigation-3 li a {
    color: #00527f;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.29;
    letter-spacing: normal;
    padding-bottom: 1.5rem;
    text-decoration: none;
    font-weight: 500; }
  #block-mainnavigation-3 li > a:hover,
  #block-mainnavigation-3 li.menu-item--active-trail > a {
    text-decoration: underline; }
  #block-mainnavigation-3 .secondary-links {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-top: 1px solid #e2e2e2;
    margin-right: 1.25rem; }
    #block-mainnavigation-3 .secondary-links a {
      padding-bottom: 0.75rem; }

#block-secondarymenu li:not(.login-button-container) {
  list-style: none; }
  @media (min-width: 48em) {
    #block-secondarymenu li:not(.login-button-container) {
      padding-right: 2rem; }
      #block-secondarymenu li:not(.login-button-container):last-child {
        padding-right: 0; } }

#block-secondarymenu li.login-button-container {
  list-style: none;
  height: 100%; }

.block--menu--main .menu-level--1 {
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0;
  direction: ltr;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  min-width: 20rem;
  height: 100%; }
  .block--menu--main .menu-level--1 li {
    margin-bottom: 0;
    padding-left: 0;
    list-style-image: none;
    list-style-type: none;
    list-style: none; }
  @media (min-width: 48em) {
    .block--menu--main .menu-level--1 {
      -webkit-transform: none;
              transform: none;
      min-width: 24.375rem; } }

.block--menu--main .menu-level--1 > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-right: 1.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3rem;
  max-width: 3rem;
  position: relative; }
  @media (min-width: 37.5em) {
    .block--menu--main .menu-level--1 > li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      min-width: auto;
      max-width: 100%; } }
  @media (min-width: 56.25em) {
    .block--menu--main .menu-level--1 > li {
      margin-right: 1.875rem; } }
  .block--menu--main .menu-level--1 > li:nth-child(2) {
    min-width: 3.625rem;
    max-width: 3.625rem; }
    @media (min-width: 37.5em) {
      .block--menu--main .menu-level--1 > li:nth-child(2) {
        min-width: auto;
        max-width: 100%; } }
  .block--menu--main .menu-level--1 > li:nth-child(3) {
    min-width: 4.625rem;
    max-width: 4.625rem; }
    @media (min-width: 37.5em) {
      .block--menu--main .menu-level--1 > li:nth-child(3) {
        min-width: auto;
        max-width: 100%; } }
  @media (min-width: 74.9375em) {
    .block--menu--main .menu-level--1 > li:last-child {
      margin-right: 0; } }
  .block--menu--main .menu-level--1 > li > a::before {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    content: '';
    background-color: #69be28;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 5px;
    opacity: 0; }
  .block--menu--main .menu-level--1 > li:hover a::before,
  .block--menu--main .menu-level--1 > li:focus a::before {
    opacity: 1; }
  .block--menu--main .menu-level--1 > li > a {
    color: #ffffff;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    font-weight: 500;
    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;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1.25;
    text-align: left; }
    @media (min-width: 48em) {
      .block--menu--main .menu-level--1 > li > a {
        min-height: 3.75rem;
        font-size: 0.875rem;
        line-height: 1.1875rem; } }
    @media (min-width: 85.375em) {
      .block--menu--main .menu-level--1 > li > a {
        font-size: 1rem;
        line-height: 1.4375rem; } }
    @media (min-width: 112.4375em) {
      .block--menu--main .menu-level--1 > li > a {
        line-height: 1.375rem;
        font-size: 1.1875rem; } }
    .block--menu--main .menu-level--1 > li > a:focus {
      outline: none; }
      .block--menu--main .menu-level--1 > li > a:focus .link-inner {
        outline: 2px dashed #ffffff; }
  .block--menu--main .menu-level--1 > li.menu-item--active-trail > a::before {
    background-color: #16afd8;
    opacity: 1; }

.region--masthead-secondary .horizontal-menu,
.region--masthead-secondary .block--menu--main .menu-level--1 {
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom: 1px solid #ccc; }
  @media (min-width: 37.5em) {
    .region--masthead-secondary .horizontal-menu,
    .region--masthead-secondary .block--menu--main .menu-level--1 {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .region--masthead-secondary .horizontal-menu,
    .region--masthead-secondary .block--menu--main .menu-level--1 {
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }

/*
* Display Second Level (Dropdown) When first level parent is hovered
*/
@media (min-width: 48em) {
  .block--menu--main .menu-level--1 > li:hover .menu-level--2 {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    overflow: visible; } }

/*
* Main Nav Second Level <ul>
*/
.block--menu--main .menu-level--2 {
  background-color: #0b5b82;
  -webkit-box-shadow: 0 6px 6px 0 #00000029;
          box-shadow: 0 6px 6px 0 #00000029;
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 1.25rem;
  width: 13.75rem;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  /*
  * List Item
  */
  /*
  * Link
  */ }
  @media (min-width: 48em) {
    .block--menu--main .menu-level--2 {
      display: block; } }
  @media (min-width: 85.375em) {
    .block--menu--main .menu-level--2 {
      width: 16.875rem;
      padding: 1.875rem; } }
  .block--menu--main .menu-level--2 > li {
    margin-bottom: 1.5625rem;
    line-height: normal; }
  .block--menu--main .menu-level--2 > li:last-child {
    margin-bottom: 0; }
  .block--menu--main .menu-level--2 a {
    color: #ffffff;
    font-size: 0.75rem;
    text-decoration: none; }
    @media (min-width: 48em) {
      .block--menu--main .menu-level--2 a {
        font-size: 0.8125rem; } }
    @media (min-width: 64em) {
      .block--menu--main .menu-level--2 a {
        font-size: 0.875rem; } }
    @media (min-width: 112.5em) {
      .block--menu--main .menu-level--2 a {
        font-size: 1rem;
        line-height: 1.25rem; } }
  .block--menu--main .menu-level--2 a:hover {
    text-decoration: underline; }
  .block--menu--main .menu-level--2 > .menu-item--active-trail > a {
    font-weight: 600;
    text-decoration: underline; }

/*
* First Level Last Menu Item
*
* This gets pulled to the right at a certain breakpoint so that the content
* doesn't get cut off by the browser window.
*/
@media (min-width: 48em) and (max-width: 56.25em) {
  .block--menu--main .menu-level--1 > li:last-child .menu-level--2 {
    left: initial;
    right: 0;
    text-align: right; } }

.hamburger {
  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.2s;
          transition-duration: 0.2s;
  -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;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 82px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background-color: #004d77;
  position: relative; }
  .hamburger::after {
    content: ' ';
    height: 26px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    right: 0;
    top: 17px; }
  .hamburger.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .hamburger.active::before {
      display: block; }
  .hamburger.active:hover {
    background-color: #b3c2cc; }
  @media (min-width: 48em) {
    .hamburger {
      display: none; } }

.hamburger:hover {
  background-color: #002c44; }

.mm-wrapper_opening .hamburger:hover {
  background-color: #002c44; }

.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: 22px;
  height: 25px;
  display: block;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.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: 22px;
  height: 3px;
  background-color: white;
  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: -7px; }

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

.hamburger--squeeze.active {
  z-index: 100;
  text-decoration: none;
  background: transparent; }
  .hamburger--squeeze.active .hamburger-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .hamburger--squeeze.active .hamburger-box::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: -.125em;
      font-size: 1.875rem;
      color: #0b5b82; }
  .hamburger--squeeze.active .hamburger-inner {
    display: none; }

.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.3125rem; }
  .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 #0b5b82; }

.mm-menu {
  background-color: #bfbfbf; }
  .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: #0b5b82;
    height: auto; }
    .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: -.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 #0b5b82;
      border-color: #0b5b82;
      color: #0b5b82;
      padding-top: 0.875rem;
      padding-bottom: 0.875rem; }
      .mm-menu .menu a.mm-btn_next::after {
        border-color: #0b5b82; }
      .mm-menu .menu a.is-active {
        background-color: #0b5b82;
        color: #ffffff; }
    .mm-menu .menu .menu-item--active-trail a:last-child {
      background-color: #ffffff;
      border-left: 5px solid #bfbfbf; }
    .mm-menu .menu .menu-item--active-trail a.is-active {
      background-color: #0b5b82;
      color: #ffffff; }

.de-simple-menu > ul a,
.de-simple-menu nav > ul a {
  text-decoration: none;
  line-height: 1.375rem; }

.de-simple-menu > ul ul,
.de-simple-menu nav > ul ul {
  border: 1px solid #96d7f6; }

.de-simple-menu > ul li,
.de-simple-menu nav > ul li {
  position: relative; }
  .de-simple-menu > ul li::before, .de-simple-menu > ul li::after,
  .de-simple-menu nav > ul li::before,
  .de-simple-menu nav > ul li::after {
    display: block;
    opacity: 0; }
  .de-simple-menu > ul li.show-children::before, .de-simple-menu > ul li.show-children::after,
  .de-simple-menu nav > ul li.show-children::before,
  .de-simple-menu nav > ul li.show-children::after {
    opacity: 1; }
  .de-simple-menu > ul li.show-children > ul,
  .de-simple-menu nav > ul li.show-children > ul {
    display: block; }
  .de-simple-menu > ul li.menu-item--expanded.menu-left ul,
  .de-simple-menu nav > ul li.menu-item--expanded.menu-left ul {
    left: auto;
    right: 0; }

.de-simple-menu > ul ul,
.de-simple-menu nav > ul ul {
  width: 300px;
  height: auto;
  padding-left: 0;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
  margin-top: 0; }
  .de-simple-menu > ul ul .menu-direction-indicator,
  .de-simple-menu nav > ul ul .menu-direction-indicator {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5px;
            flex: 0 0 5px;
    position: static;
    margin-left: 0.625rem;
    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;
    height: 100%; }
    .de-simple-menu > ul ul .menu-direction-indicator::before,
    .de-simple-menu nav > ul ul .menu-direction-indicator::before {
      font-family: 'Material Icons Outlined';
      content: "\ec8b";
      -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: -.125em;
      -ms-flex-item-align: center;
          align-self: center;
      justify-self: center;
      font-size: 1.25rem;
      color: #ffffff;
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg); }
  .de-simple-menu > ul ul .menu-item a,
  .de-simple-menu nav > ul ul .menu-item a {
    color: #ffffff;
    background-color: #0b5b82;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #622567;
    padding: 0.75rem; }
    .de-simple-menu > ul ul .menu-item a:focus,
    .de-simple-menu nav > ul ul .menu-item a:focus {
      outline: none; }
      .de-simple-menu > ul ul .menu-item a:focus .link-inner,
      .de-simple-menu nav > ul ul .menu-item a:focus .link-inner {
        outline: 1px dashed #96d7f6; }
    .de-simple-menu > ul ul .menu-item a.is-active,
    .de-simple-menu nav > ul ul .menu-item a.is-active {
      background-color: #20a9ec;
      font-weight: 700; }
      .de-simple-menu > ul ul .menu-item a.is-active .menu-direction-indicator::before,
      .de-simple-menu nav > ul ul .menu-item a.is-active .menu-direction-indicator::before {
        color: #ffffff; }
    .de-simple-menu > ul ul .menu-item a .link-inner,
    .de-simple-menu nav > ul ul .menu-item a .link-inner {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: block; }
  .de-simple-menu > ul ul .menu-item--active-trail > a::before,
  .de-simple-menu nav > ul ul .menu-item--active-trail > a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    width: 3px;
    background-color: #96d7f6; }
  .de-simple-menu > ul ul .show-children > a,
  .de-simple-menu > ul ul a:hover,
  .de-simple-menu nav > ul ul .show-children > a,
  .de-simple-menu nav > ul ul a:hover {
    background-color: #0d6b9a;
    color: #ffffff; }
  .de-simple-menu > ul ul li,
  .de-simple-menu nav > ul ul li {
    position: relative; }
    .de-simple-menu > ul ul li:last-child > a,
    .de-simple-menu nav > ul ul li:last-child > a {
      border-bottom: 0; }
    .de-simple-menu > ul ul li.menu-item--expanded::before, .de-simple-menu > ul ul li.menu-item--expanded::after,
    .de-simple-menu nav > ul ul li.menu-item--expanded::before,
    .de-simple-menu nav > ul ul li.menu-item--expanded::after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      z-index: 2; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-right::before, .de-simple-menu > ul ul li.menu-item--expanded.menu-right::after,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-right::before,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-right::after {
      right: 0; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-right::before,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-right::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-right: 7px solid #96d7f6;
      border-bottom: 7px solid transparent;
      border-top: 7px solid transparent; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-right::after,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-right::after {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-right: 7px solid #0b5b82;
      border-bottom: 7px solid transparent;
      border-top: 7px solid transparent;
      margin-right: -1px; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-right ul,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-right ul {
      left: 100%;
      right: auto; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-left::before, .de-simple-menu > ul ul li.menu-item--expanded.menu-left::after,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left::before,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left::after {
      left: 0; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-left::before,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-left: 7px solid #96d7f6;
      border-bottom: 7px solid transparent;
      border-top: 7px solid transparent; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-left::after,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left::after {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-left: 7px solid #0b5b82;
      border-bottom: 7px solid transparent;
      border-top: 7px solid transparent;
      margin-left: -1px; }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-left > a,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left > a {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .de-simple-menu > ul ul li.menu-item--expanded.menu-left > a .menu-direction-indicator,
      .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left > a .menu-direction-indicator {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-left: 0;
        margin-right: 0.625rem; }
        .de-simple-menu > ul ul li.menu-item--expanded.menu-left > a .menu-direction-indicator::before,
        .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left > a .menu-direction-indicator::before {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
    .de-simple-menu > ul ul li.menu-item--expanded.menu-left ul,
    .de-simple-menu nav > ul ul li.menu-item--expanded.menu-left ul {
      left: auto;
      right: 100%; }

.de-simple-menu > ul,
.de-simple-menu nav > ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .de-simple-menu > ul > li,
  .de-simple-menu nav > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    .de-simple-menu > ul > li::before, .de-simple-menu > ul > li::after,
    .de-simple-menu nav > ul > li::before,
    .de-simple-menu nav > ul > li::after {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%); }
    .de-simple-menu > ul > li::before,
    .de-simple-menu nav > ul > li::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-bottom: 10px solid #96d7f6;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent; }
    .de-simple-menu > ul > li::after,
    .de-simple-menu nav > ul > li::after {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-bottom: 10px solid #0b5b82;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-top: 1px; }
    .de-simple-menu > ul > li .downarrowclass,
    .de-simple-menu nav > ul > li .downarrowclass {
      display: none; }

.de-simple-menu > ul ul ul,
.de-simple-menu nav > ul ul ul {
  top: -1px; }

.menu--main--sidebar {
  margin-top: 2.1875rem; }
  .menu--main--sidebar > h2 {
    display: none; }
  .menu--main--sidebar ul {
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    max-width: 100%; }
    .menu--main--sidebar ul li {
      margin-bottom: 0;
      padding-left: 0;
      list-style-image: none;
      list-style-type: none;
      list-style: none; }
    .menu--main--sidebar ul.show {
      margin-top: 0.125rem; }
  .menu--main--sidebar li {
    margin-left: 0;
    margin-bottom: 0; }
  .menu--main--sidebar .sidebar-menu-title {
    position: relative;
    display: none; }
    @media (min-width: 64em) {
      .menu--main--sidebar .sidebar-menu-title {
        display: block; } }
    .menu--main--sidebar .sidebar-menu-title::before {
      content: "";
      display: block;
      position: absolute;
      top: -1.125rem;
      left: 0;
      width: 4.3125rem;
      height: 0.3125rem;
      background-color: #0098c5; }
  .menu--main--sidebar a {
    position: relative;
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
    font-weight: 500;
    color: #0c6895; }
    .menu--main--sidebar a .link-inner {
      padding-bottom: 0.125rem;
      border-bottom: 1px solid transparent; }
    .menu--main--sidebar a::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: 1px solid transparent; }
    .menu--main--sidebar a:hover, .menu--main--sidebar a:focus {
      color: #0f7fad; }
      .menu--main--sidebar a:hover .link-inner, .menu--main--sidebar a:focus .link-inner {
        border-bottom: 1px solid #0f7fad; }
    .menu--main--sidebar a:focus {
      outline: none; }
  .menu--main--sidebar .menu-item--expanded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .menu--main--sidebar .menu-item--expanded > a {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
    .menu--main--sidebar .menu-item--expanded > ul {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
  .menu--main--sidebar .menu-item--active-trail > a:not(.is-active),
  .menu--main--sidebar .menu-item--active-trail > a:not(.is-active) + .sub-menu--toggle {
    color: #0f7fad; }
    .menu--main--sidebar .menu-item--active-trail > a:not(.is-active) .link-inner,
    .menu--main--sidebar .menu-item--active-trail > a:not(.is-active) + .sub-menu--toggle .link-inner {
      border-bottom: 1px solid #0f7fad; }
    .menu--main--sidebar .menu-item--active-trail > a:not(.is-active).show,
    .menu--main--sidebar .menu-item--active-trail > a:not(.is-active) + .sub-menu--toggle.show {
      color: #0f7fad; }
  .menu--main--sidebar .menu-item--active-trail .is-active,
  .menu--main--sidebar .menu-item--active-trail .is-active + .sub-menu--toggle {
    color: #0f7fad; }
    .menu--main--sidebar .menu-item--active-trail .is-active .link-inner,
    .menu--main--sidebar .menu-item--active-trail .is-active + .sub-menu--toggle .link-inner {
      border-bottom: 1px solid #0f7fad; }
  .menu--main--sidebar .sub-menu--toggle {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.875rem;
            flex: 0 0 1.875rem;
    font-size: 0;
    background-color: transparent;
    border: 0;
    padding: 0; }
    .menu--main--sidebar .sub-menu--toggle::before, .menu--main--sidebar .sub-menu--toggle::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      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.125rem;
      color: #0098c5;
      border: 1px solid transparent;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f077";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400; }
    .menu--main--sidebar .sub-menu--toggle:before {
      display: none; }
    .menu--main--sidebar .sub-menu--toggle::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f078";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .menu--main--sidebar .sub-menu--toggle:focus {
      outline: none; }
    .menu--main--sidebar .sub-menu--toggle.show:before {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .menu--main--sidebar .sub-menu--toggle.show::after {
      display: none; }
  .js .menu--main--sidebar .menu-item--expanded > ul:not(.show) {
    display: none; }
  .js .menu--main--sidebar .menu-item--expanded > ul {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .js .menu--main--sidebar .menu-item--expanded > ul.show {
      display: block; }
  .menu--main--sidebar ul ul {
    padding-left: 0.9375rem;
    margin-top: 1px; }
    .menu--main--sidebar ul ul li a {
      background-color: #ffffff; }
  .responsive-section-menu .menu--main--sidebar {
    margin-top: 0.625rem;
    padding: 0 1.375rem; }

.menu--main--sidebar .menu-level--1 > li:last-child > a {
  border-bottom: 0; }

.menu--main--sidebar .menu-level--1 > li:last-child > ul > li:last-child > a {
  border-bottom: 0; }

.menu--main--sidebar .menu-level--1 > li:last-child > ul > li:last-child > ul > li:last-child > a {
  border-bottom: 0; }

.menu--main--sidebar .menu-level--1 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a {
  border-bottom: 0; }

.menu--main--sidebar .menu-level--2 a {
  font-size: 0.875rem; }

.paragraph--type--call-to-action {
  max-width: 357px;
  background-color: #f7f7f7;
  border-radius: 75px 0;
  overflow: hidden;
  min-height: 220px;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .paragraph--type--call-to-action .content-container {
    padding: 0.9375rem 4.6875rem 1.375rem 1.9375rem; }
  .paragraph--type--call-to-action .field--name-field-image {
    max-height: 116px;
    overflow: hidden; }
  .paragraph--type--call-to-action .field--name-field-link {
    position: relative; }
    .paragraph--type--call-to-action .field--name-field-link a {
      display: block;
      background-color: #0f7fad;
      padding: 0.4rem 2rem;
      margin-left: 1.9375rem;
      margin-right: 1.9375rem;
      margin-top: -1.5rem;
      text-align: center;
      color: white;
      text-decoration: none;
      -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 152, 197, 0.4);
              box-shadow: 0px 5px 20px 0px rgba(0, 152, 197, 0.4);
      font-size: 0.8125rem;
      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; }
      .paragraph--type--call-to-action .field--name-field-link a::after {
        content: "";
        width: 18px;
        height: 18px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        background-image: url(../../dist/img/iconography/long-arrow-right-white.svg);
        margin-left: 10px;
        background-position: center; }
  .paragraph--type--call-to-action .field--name-field-title {
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 0.3125rem; }
  .paragraph--type--call-to-action .field--name-field-description {
    font-size: 0.8125rem;
    line-height: normal; }

.paragraph--type--call-to-action-grey {
  margin: 0 auto;
  position: relative;
  width: 100%;
  background-color: #f0f3f5;
  max-width: 22.3125rem; }
  @media (min-width: 31.25em) {
    .paragraph--type--call-to-action-grey {
      height: 100%;
      max-width: 22.3125rem; } }
  @media (min-width: 48em) {
    .paragraph--type--call-to-action-grey {
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 9.0625rem; } }
  @media (min-width: 64em) {
    .paragraph--type--call-to-action-grey {
      height: 10.625rem; } }
  .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 10.625rem;
            flex: 0 1 10.625rem;
    background-position: center;
    background-size: cover;
    height: 12.5rem; }
    @media (min-width: 31.25em) {
      .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
        height: 13.125rem; } }
    @media (min-width: 48em) {
      .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
        height: 100%; } }
    @media (min-width: 64em) {
      .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 16.125rem;
                flex: 0 1 16.125rem; } }
  .paragraph--type--call-to-action-grey .content {
    padding: 1.25rem;
    width: 100%;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (min-width: 64em) {
      .paragraph--type--call-to-action-grey .content {
        padding: 1.5625rem 1.5625rem 0.75rem 1.875rem; } }
  .paragraph--type--call-to-action-grey .field--name-field-link {
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    margin-bottom: 0.5rem; }
    @media (min-width: 64em) {
      .paragraph--type--call-to-action-grey .field--name-field-link {
        font-size: 1.4375rem; } }
    .paragraph--type--call-to-action-grey .field--name-field-link a {
      font-size: 1.25rem;
      text-decoration: none;
      font-weight: 500;
      line-height: 1.2;
      display: block;
      position: relative;
      padding-right: 10%; }
      @media (min-width: 64em) {
        .paragraph--type--call-to-action-grey .field--name-field-link a {
          font-size: 1.4375rem; } }
      .paragraph--type--call-to-action-grey .field--name-field-link a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f30b";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 1.5rem;
        position: absolute;
        right: 0;
        top: 0;
        color: #d8e4ea; }
      .paragraph--type--call-to-action-grey .field--name-field-link a:hover::after {
        color: #0f7fad;
        -webkit-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out; }
  .paragraph--type--call-to-action-grey .field--name-field-description {
    line-height: 1.4;
    font-size: 0.875rem;
    display: block;
    max-height: 4.6875rem;
    overflow: hidden;
    padding-right: 10%; }
    @media (min-width: 64em) {
      .paragraph--type--call-to-action-grey .field--name-field-description {
        font-size: 1rem;
        line-height: 1.5rem;
        max-height: 6.125rem; } }

@media (min-width: 64em) {
  .paragraph--type--two-columns .paragraph--type--call-to-action-grey {
    height: 9.0625rem; } }

@media (min-width: 64em) {
  .paragraph--type--two-columns .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 10.625rem;
            flex: 0 1 10.625rem; } }

@media (min-width: 64em) {
  .paragraph--type--two-columns .paragraph--type--call-to-action-grey .field--name-field-link a {
    font-size: 1.25rem; } }

@media (min-width: 64em) {
  .paragraph--type--two-columns .paragraph--type--call-to-action-grey .field--name-field-description {
    font-size: 0.875rem;
    line-height: 1.4;
    max-height: 4.6875rem; } }

.paragraph--type--two-columns .paragraph--type--call-to-action-grey .content {
  min-height: 7.5rem; }
  @media (min-width: 31.25em) {
    .paragraph--type--two-columns .paragraph--type--call-to-action-grey .content {
      min-height: auto; } }
  @media (min-width: 64em) {
    .paragraph--type--two-columns .paragraph--type--call-to-action-grey .content {
      padding: 1.25rem 1.125rem 0.75rem 1.5rem; } }

.paragraph--type--three-columns .paragraph--type--call-to-action-grey {
  display: block; }
  @media (min-width: 48em) {
    .paragraph--type--three-columns .paragraph--type--call-to-action-grey {
      display: block;
      height: 100%; } }
  @media (min-width: 64em) {
    .paragraph--type--three-columns .paragraph--type--call-to-action-grey {
      height: 100%; } }
  @media (min-width: 48em) {
    .paragraph--type--three-columns .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
      height: 13.125rem; } }
  @media (min-width: 64em) {
    .paragraph--type--three-columns .paragraph--type--call-to-action-grey .call-to-action-grey-bg-image {
      height: 14.375rem; } }
  @media (min-width: 48em) {
    .paragraph--type--three-columns .paragraph--type--call-to-action-grey .content {
      min-height: 9.375rem; } }
  @media (min-width: 64em) {
    .paragraph--type--three-columns .paragraph--type--call-to-action-grey .content {
      min-height: 10.625rem; } }

.paragraph--type--call-to-action-but {
  max-width: 357px;
  border: 1px solid #0f7fad;
  background-color: white;
  min-height: 110px;
  border-radius: 3.125rem 0;
  padding: 2.0625rem 3.125rem 2.0625rem 6.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .paragraph--type--call-to-action-but .field--name-field-icon {
    position: absolute;
    left: 1.1875rem;
    top: 0.9375rem;
    color: #0f7fad;
    font-size: 2.8125rem; }
  .paragraph--type--call-to-action-but .field--name-field-link a {
    font-size: 1.1875rem;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    opacity: 0.85;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out; }
  .paragraph--type--call-to-action-but:hover .field--name-field-link a {
    text-decoration: underline;
    opacity: 1; }
  .paragraph--type--call-to-action-but.blue-bg {
    background-color: #0f7fad; }
    .paragraph--type--call-to-action-but.blue-bg .field--name-field-icon {
      color: white; }
    .paragraph--type--call-to-action-but.blue-bg .field--name-field-link a {
      color: white; }

.paragraph--type--tip {
  background-color: #f5f5f6;
  border: 1px solid #c3c3c3;
  padding: 1.5625rem;
  padding-left: 2.9375rem;
  line-height: normal;
  font-weight: 500;
  position: relative;
  margin-bottom: 1rem; }
  .paragraph--type--tip .field--name-field-icon {
    position: absolute;
    left: 0.4375rem;
    font-size: 1.125rem; }
  .paragraph--type--tip.blue-tip-bg {
    background-color: #deeef8;
    border-color: #a0cfeb; }
    .paragraph--type--tip.blue-tip-bg .field--name-field-icon {
      color: #a0cfeb; }
  .paragraph--type--tip.green-tip-bg {
    background-color: rgba(165, 216, 103, 0.3);
    border-color: #a5d867; }
    .paragraph--type--tip.green-tip-bg .field--name-field-icon {
      color: #a5d867; }
  .paragraph--type--tip.orange-tip-bg {
    background-color: rgba(255, 165, 0, 0.3);
    border-color: #FFA500; }
    .paragraph--type--tip.orange-tip-bg .field--name-field-icon {
      color: #FFA500; }

.paragraph--type--two-columns,
.wysiwyg-layout--row-2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.25rem; }
  .paragraph--type--two-columns .field--name-field-left-column,
  .paragraph--type--two-columns .field--name-field-right-column,
  .paragraph--type--two-columns .wysiwyg-layout--col,
  .wysiwyg-layout--row-2-col .field--name-field-left-column,
  .wysiwyg-layout--row-2-col .field--name-field-right-column,
  .wysiwyg-layout--row-2-col .wysiwyg-layout--col {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    min-width: 0; }
    @media (min-width: 48em) {
      .paragraph--type--two-columns .field--name-field-left-column,
      .paragraph--type--two-columns .field--name-field-right-column,
      .paragraph--type--two-columns .wysiwyg-layout--col,
      .wysiwyg-layout--row-2-col .field--name-field-left-column,
      .wysiwyg-layout--row-2-col .field--name-field-right-column,
      .wysiwyg-layout--row-2-col .wysiwyg-layout--col {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 48%;
                flex: 0 1 48%; } }

.paragraph--type--three-columns,
.wysiwyg-layout--row-3-col {
  margin-bottom: 1.25rem; }
  @media (min-width: 48em) {
    .paragraph--type--three-columns,
    .wysiwyg-layout--row-3-col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .paragraph--type--three-columns .field--name-field-left-column,
  .paragraph--type--three-columns .field--name-field-middle-column,
  .paragraph--type--three-columns .field--name-field-right-column,
  .paragraph--type--three-columns .wysiwyg-layout--col,
  .wysiwyg-layout--row-3-col .field--name-field-left-column,
  .wysiwyg-layout--row-3-col .field--name-field-middle-column,
  .wysiwyg-layout--row-3-col .field--name-field-right-column,
  .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    min-width: 0; }
    @media (min-width: 48em) {
      .paragraph--type--three-columns .field--name-field-left-column,
      .paragraph--type--three-columns .field--name-field-middle-column,
      .paragraph--type--three-columns .field--name-field-right-column,
      .paragraph--type--three-columns .wysiwyg-layout--col,
      .wysiwyg-layout--row-3-col .field--name-field-left-column,
      .wysiwyg-layout--row-3-col .field--name-field-middle-column,
      .wysiwyg-layout--row-3-col .field--name-field-right-column,
      .wysiwyg-layout--row-3-col .wysiwyg-layout--col {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 32%;
                flex: 0 1 32%; } }
    .paragraph--type--three-columns .field--name-field-left-column .field__item,
    .paragraph--type--three-columns .field--name-field-middle-column .field__item,
    .paragraph--type--three-columns .field--name-field-right-column .field__item,
    .paragraph--type--three-columns .wysiwyg-layout--col .field__item,
    .wysiwyg-layout--row-3-col .field--name-field-left-column .field__item,
    .wysiwyg-layout--row-3-col .field--name-field-middle-column .field__item,
    .wysiwyg-layout--row-3-col .field--name-field-right-column .field__item,
    .wysiwyg-layout--row-3-col .wysiwyg-layout--col .field__item {
      height: 100%; }

.a11y-paragraphs-tabs__wrapper {
  max-width: 47rem;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  @media (min-width: 48em) {
    .a11y-paragraphs-tabs__wrapper .tabs-allowed .tabs-tab-list {
      margin-right: 4rem; } }
  .a11y-paragraphs-tabs__wrapper .accordeon-trigger {
    position: relative;
    color: #0f7fad;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0;
    padding-right: 2.5rem;
    text-decoration: none;
    font-weight: 500; }
    .a11y-paragraphs-tabs__wrapper .accordeon-trigger::before, .a11y-paragraphs-tabs__wrapper .accordeon-trigger::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: -.125em;
      width: 1.875rem;
      font-size: 1.125rem;
      height: 1.875rem;
      border: 1px solid #a0cfeb;
      border-radius: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      top: -0.1875rem;
      right: 0.9375rem;
      bottom: 0; }
    .a11y-paragraphs-tabs__wrapper .accordeon-trigger::before {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .a11y-paragraphs-tabs__wrapper .accordeon-trigger::after {
      content: "\eb71";
      display: none; }
    .a11y-paragraphs-tabs__wrapper .accordeon-trigger:hover, .a11y-paragraphs-tabs__wrapper .accordeon-trigger:focus, .a11y-paragraphs-tabs__wrapper .accordeon-trigger:active {
      text-decoration: underline;
      color: #0c6895;
      outline: none; }
  .a11y-paragraphs-tabs__wrapper .accordeon-trigger[aria-expanded="true"] {
    background-color: transparent; }
  .a11y-paragraphs-tabs__wrapper .tab-header {
    position: relative; }
  .a11y-paragraphs-tabs__wrapper .tab-nav {
    display: none; }
    @media (min-width: 48em) {
      .a11y-paragraphs-tabs__wrapper .tab-nav {
        position: absolute;
        right: 0;
        top: 4px;
        height: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .a11y-paragraphs-tabs__wrapper .tab-nav:after {
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      background-color: #bfbfbf; }
    .a11y-paragraphs-tabs__wrapper .tab-nav .left-btn,
    .a11y-paragraphs-tabs__wrapper .tab-nav .right-btn {
      text-indent: -9999px;
      width: 8px;
      height: 15px;
      display: inline-block;
      background-image: url("../../dist/img/iconography/caret-right.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: 0.5; }
      .a11y-paragraphs-tabs__wrapper .tab-nav .left-btn:hover,
      .a11y-paragraphs-tabs__wrapper .tab-nav .right-btn:hover {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }
    .a11y-paragraphs-tabs__wrapper .tab-nav .left-btn {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-right: 2rem; }
  .a11y-paragraphs-tabs__wrapper .tabs-panel {
    padding: 1rem;
    border-top: 1px solid #bfbfbf !important; }
    @media (min-width: 48em) {
      .a11y-paragraphs-tabs__wrapper .tabs-panel {
        background-color: #f0f3f5;
        padding: 1rem 2rem;
        min-height: 18.75rem; } }
    .a11y-paragraphs-tabs__wrapper .tabs-panel.is-open {
      background-color: #f0f3f5; }
    .a11y-paragraphs-tabs__wrapper .tabs-panel .content.is-open {
      margin-top: 1rem; }
  .a11y-paragraphs-tabs__wrapper .tabs-trigger {
    text-decoration: none;
    padding: 0;
    padding-bottom: 0.8125rem;
    margin-right: 2rem;
    font-size: 1.1875rem;
    font-weight: 500;
    border-bottom: 5px solid transparent;
    color: #0b5b82; }
    .a11y-paragraphs-tabs__wrapper .tabs-trigger:hover {
      color: #0b5b82; }
    .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected, .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:hover, .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:focus {
      border-bottom: 5px solid #00afd8;
      background-color: white;
      color: #0b5b82; }

.paragraph--type--image-gallery {
  max-width: 752px;
  margin: 0 auto;
  background-color: #f7f7f7; }
  .paragraph--type--image-gallery .slick-slide {
    outline: none !important; }
  .paragraph--type--image-gallery .field--name-name {
    padding: 0 3rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: #0b5b82; }
  .paragraph--type--image-gallery .field--name-field-caption {
    padding: 0 3rem;
    font-size: 0.875rem; }
  .paragraph--type--image-gallery .gallery-nav {
    padding: 1rem 3rem;
    padding-bottom: 2rem; }
    .paragraph--type--image-gallery .gallery-nav .slick-track {
      margin-left: -7px;
      margin-right: -7px; }
    .paragraph--type--image-gallery .gallery-nav .nav-item {
      padding: 0 7px;
      outline: none !important; }
      .paragraph--type--image-gallery .gallery-nav .nav-item img {
        opacity: 0.5;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }
      .paragraph--type--image-gallery .gallery-nav .nav-item.slick-current img {
        opacity: 1;
        border-radius: none;
        border: 4px solid #00afd8; }

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

.region--content-prefix {
  width: 100%;
  margin-top: 2rem; }
  @media (min-width: 74.9375em) {
    .region--content-prefix {
      margin-top: 3.75rem; } }
  .region--content-prefix .layout-container > *:not(.block-system-breadcrumb-block):last-child {
    margin-bottom: 1.5625rem; }

.path-frontpage .region--content-suffix {
  max-width: 120rem;
  margin: 0 auto;
  background-color: #0b5b82; }
  .path-frontpage .region--content-suffix #block-config-pages-7 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3.5rem;
    padding-bottom: 4.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 37.5em) {
      .path-frontpage .region--content-suffix #block-config-pages-7 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    @media (min-width: 56.25em) {
      .path-frontpage .region--content-suffix #block-config-pages-7 {
        max-width: 100rem;
        padding-left: 2.9375rem;
        padding-right: 2.9375rem; } }
    .path-frontpage .region--content-suffix #block-config-pages-7 h2 {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 30%;
              flex: 0 1 30%;
      font-size: 35px;
      color: white;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 1rem; }
    .path-frontpage .region--content-suffix #block-config-pages-7 .config_pages--homepage-configuration--shortcut-links {
      max-width: 60rem;
      width: 100%; }
    .path-frontpage .region--content-suffix #block-config-pages-7 .field--name-field-tools-shortcuts {
      margin-top: 1rem; }
      @media (min-width: 48em) {
        .path-frontpage .region--content-suffix #block-config-pages-7 .field--name-field-tools-shortcuts {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .path-frontpage .region--content-suffix #block-config-pages-7 .field--name-field-tools-shortcuts > .field__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 33%;
                flex: 0 1 33%;
        margin-bottom: 1.875rem; }
    .path-frontpage .region--content-suffix #block-config-pages-7 .paragraph--type--shortcut-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .path-frontpage .region--content-suffix #block-config-pages-7 .sask_trans_icon {
      color: white;
      margin-right: 1.125rem; }

.path-frontpage .paragraph--type--shortcut-link a {
  font-size: 1.125rem;
  color: white;
  text-decoration: none; }
  .path-frontpage .paragraph--type--shortcut-link a:focus {
    outline: 2px dashed #ffffff; }

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

.region--content {
  overflow: visible; }

.main-content {
  width: 100%; }

.region--footer-first {
  background-color: #333; }
  .region--footer-first .layout-container {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    @media (min-width: 56.25em) {
      .region--footer-first .layout-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.region--footer-second {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: rgba(0, 0, 0, 0.85); }

#header {
  position: relative;
  background-color: white;
  z-index: 4; }
  #header .layout-header {
    background-color: #0b5b82; }

#masthead > .layout-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.region--masthead-prefix {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #ffffff;
  height: 1.875rem;
  position: relative;
  display: none; }
  @media (min-width: 37.5em) {
    .region--masthead-prefix {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .region--masthead-prefix {
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  @media (min-width: 48em) {
    .region--masthead-prefix {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-right: 0; } }
  @media (min-width: 74.9375em) {
    .region--masthead-prefix {
      height: 2.5rem; } }

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

.path-frontpage .region--masthead-suffix {
  max-width: 120rem;
  margin: 0 auto;
  background-color: #f0f3f5;
  margin-bottom: 2.5rem; }
  @media (min-width: 48em) {
    .path-frontpage .region--masthead-suffix {
      margin-bottom: 5rem; } }
  .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2.9375rem;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 37.5em) {
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    @media (min-width: 56.25em) {
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 {
        max-width: 100rem;
        padding-left: 2.9375rem;
        padding-right: 2.9375rem; } }
    @media (min-width: 37.5em) {
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 {
        padding-top: 3.125rem; } }
    @media (min-width: 48em) {
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 {
        padding-top: 7.8125rem; } }
    .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 > h2 {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-weight: normal;
      color: #333;
      background-color: #77bd44;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
      border-radius: 35px 0;
      line-height: normal;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
      margin-bottom: 1.875rem;
      display: inline-block; }
      @media (min-width: 48em) {
        .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 > h2 {
          position: absolute;
          top: 3.75rem;
          left: 1.25rem;
          margin-bottom: 0; } }
      @media (min-width: 56.25em) {
        .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 > h2 {
          left: 2.5rem; } }
    .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .view-newsroom {
      position: static;
      display: block; }
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .view-newsroom > .view-content {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .view-newsroom > .view-content > .views-row {
          -webkit-box-flex: 100%;
              -ms-flex: 100%;
                  flex: 100%;
          padding-bottom: 1.875rem; }
          @media (min-width: 37.5em) {
            .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .view-newsroom > .view-content > .views-row {
              -webkit-box-flex: 0;
                  -ms-flex: 0 1 48%;
                      flex: 0 1 48%; } }
          @media (min-width: 48em) {
            .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .view-newsroom > .view-content > .views-row {
              -webkit-box-flex: 0;
                  -ms-flex: 0 1 32%;
                      flex: 0 1 32%; } }
    .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-field-date {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #6E6E6E;
      line-height: normal; }
    .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-title {
      font-size: 1.1875rem;
      font-weight: 500; }
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-title a {
        color: #0b5b82; }
        .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-title a:hover, .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-title a:focus, .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-title a:active {
          color: #0098c5;
          -webkit-transition: color 0.3s ease-out;
          transition: color 0.3s ease-out; }
        .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .views-field-title a:focus {
          outline: 2px dashed #333; }
    @media (min-width: 37.5em) {
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link {
        position: absolute;
        top: 3.75rem;
        right: 1.25rem; } }
    @media (min-width: 56.25em) {
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link {
        right: 2.5rem; } }
    .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link a {
      font-weight: 500;
      font-size: 0.9375rem;
      display: block; }
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        vertical-align: -.125em;
        content: "\f30b";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 1.375rem;
        margin-left: 0.4375rem;
        color: #00afd8; }
      .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link a:hover, .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link a:focus, .path-frontpage .region--masthead-suffix > .block-views-block--newsroom-block-1 .more-link a:active {
        color: #0c6895; }

.region--masthead-primary {
  background-color: #0b5b82;
  overflow: visible;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 48em) {
    .region--masthead-primary {
      padding-left: 1rem;
      padding-right: 1rem; } }
  @media (min-width: 48em) and (min-width: 37.5em) {
    .region--masthead-primary {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 48em) and (min-width: 56.25em) {
    .region--masthead-primary {
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  @media (min-width: 74.9375em) {
    .region--masthead-primary {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.region--masthead-primary__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  overflow: visible;
  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;
  padding: 1rem; }
  @media (min-width: 23.4375em) {
    .region--masthead-primary__left {
      padding: 3.125rem 1rem 1.25rem 1rem; } }
  @media (min-width: 48em) {
    .region--masthead-primary__left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      padding: 1rem 0; } }
  @media (min-width: 74.9375em) {
    .region--masthead-primary__left {
      padding: 1.25rem 2.5rem 2.25rem 0; } }

.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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  overflow: visible; }
  @media (min-width: 64em) {
    .region--masthead-primary__right {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 85.375em) {
    .region--masthead-primary__right {
      position: relative; } }
  .region--masthead-primary__right .region-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }

.region--masthead-primary__right-top {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  position: relative; }
  @media (min-width: 48em) {
    .region--masthead-primary__right-top {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      width: auto; } }

.region--masthead-primary__right-bottom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: visible;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  height: 55px;
  width: 100%;
  position: relative; }
  @media (min-width: 48em) {
    .region--masthead-primary__right-bottom {
      height: auto; } }
  @media (min-width: 74.9375em) {
    .region--masthead-primary__right-bottom {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: auto; } }
  .region--masthead-primary__right-bottom .menu-level--1 {
    height: 100%;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }
    @media (min-width: 85.375em) {
      .region--masthead-primary__right-bottom .menu-level--1 {
        margin-left: 0.75rem; } }
    @media (min-width: 112.5em) {
      .region--masthead-primary__right-bottom .menu-level--1 {
        margin-left: 0; } }

.sidebar {
  overflow: visible;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%; }
  @media (min-width: 64em) {
    .sidebar {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 300px;
              flex: 0 0 300px; } }
  @media (min-width: 85.375em) {
    .sidebar {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 384px;
              flex: 0 0 384px; } }

.layout-sidebar-second {
  border-top: 1px solid #ccc;
  margin-top: 1.9375rem;
  padding-top: 1rem; }
  @media (min-width: 56.25em) {
    .layout-sidebar-second {
      margin-top: 3.8125rem;
      padding-top: 1.9375rem; } }
  @media (min-width: 56.25em) {
    .layout-sidebar-second {
      border-top: none;
      margin-top: 0;
      padding-top: 0; } }
  @media (min-width: 56.25em) {
    .layout-sidebar-second {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 300px;
              flex: 0 0 300px;
      margin-left: 2.1875rem; } }
  @media (min-width: 64em) {
    .layout-sidebar-second {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 328px;
              flex: 0 0 328px;
      margin-left: 3.125rem; } }

.region--sidebar-first {
  display: block; }
  @media (min-width: 56.25em) {
    .region--sidebar-first {
      margin-right: 2.1875rem; } }
  @media (min-width: 85.375em) {
    .region--sidebar-first {
      margin-right: 3.75rem;
      width: 22.3125rem; } }

/*
* Inside Nav Append Around
*
* This menu is wrapped in a div that will append the content to
* .responsive-section-menu div on small screens.
*/
.inside-nav {
  display: none;
  /*
  * Normally the $xm-break-max would be 1px less than
  * the next breakpoint $l-break, but on this site they are
  * set up incorrectly and its too late to change them, so
  * I'm just subtracting .01 from the $xm-break
  */ }
  @media (min-width: 63.99em) {
    .inside-nav {
      display: block; } }

/*
* Responsive Section Menu
*
* Inside Nav gets appended here
*/
.responsive-section-menu {
  display: block; }
  @media (min-width: 64em) {
    .responsive-section-menu {
      display: none; } }
  .responsive-section-menu nav {
    display: none;
    padding-bottom: 1rem;
    border-bottom: 1px solid #0098c5; }
    @media (min-width: 64em) {
      .responsive-section-menu nav {
        display: block; } }
  .responsive-section-menu nav.active {
    display: block; }

/*
* Section Menu Title
*
* This acts as the toggle button
*/
.section-menu-title {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  position: relative;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  border-bottom: 1px solid #0098c5;
  color: #0f7fad;
  cursor: pointer;
  font-weight: 500; }
  @media (min-width: 37.5em) {
    .section-menu-title {
      padding-left: 1.5625rem;
      padding-right: 1.5625rem; } }
  @media (min-width: 56.25em) {
    .section-menu-title {
      max-width: 100rem;
      padding-left: 2.9375rem;
      padding-right: 2.9375rem; } }
  .section-menu-title:hover, .section-menu-title:focus {
    background-color: #F2F3F7; }

/* Section Menu Title Icon */
.section-menu-title::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em;
  content: "\f078";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -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.125rem;
  color: #0c6895;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.section-menu-title.active::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em;
  content: "\f077";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.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(216, 35, 42, 0.8);
  visibility: hidden;
  opacity: 0; }

.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: 56.25em) {
    .block-responsive-menu-toggle {
      padding-left: 1.5625rem; } }
  @media (min-width: 64em) {
    .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: #0b5b82; }
  .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: #622567; }
    .block-responsive-menu-toggle a:focus {
      outline: 1px solid #622567; }
  .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 #622567; }

.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: -.125em;
      font-size: 2rem;
      color: #0b5b82; }
    .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: -.125em;
      display: none;
      font-size: 2rem;
      color: #0b5b82; }
    .block-search-toggle .search-toggle:hover, .block-search-toggle .search-toggle:focus {
      border-color: #622567; }
    .block-search-toggle .search-toggle:focus {
      outline: 1px solid #622567; }
    .block-search-toggle .search-toggle.open::before {
      display: none; }
    .block-search-toggle .search-toggle.open::after {
      display: block; }

.a11y-paragraphs-tabs__wrapper .tabs-tab-list {
  overflow: scroll;
  -ms-overflow-style: none; }
  .a11y-paragraphs-tabs__wrapper .tabs-tab-list li {
    white-space: nowrap; }

/* Hide scrollbar for Chrome, Safari and Opera */
.a11y-paragraphs-tabs__wrapper .tabs-tab-list::-webkit-scrollbar {
  display: none; }

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.625rem;
  margin-right: -0.625rem; }
  .layout > .layout__region {
    max-width: 100%; }
    .layout > .layout__region .draggable {
      cursor: move; }

#main {
  min-width: 0;
  padding-bottom: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 64em) {
    #main {
      padding-bottom: 3rem;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0%;
              flex: 1 1 0%; } }

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

h1 a:not([href]), h2 a:not([href]), h3 a:not([href]), h4 a:not([href]), h5 a:not([href]), h6 a:not([href]) {
  text-decoration: none;
  color: brand-primary-1; }
  h1 a:not([href]):hover, h2 a:not([href]):hover, h3 a:not([href]):hover, h4 a:not([href]):hover, h5 a:not([href]):hover, h6 a:not([href]):hover {
    text-decoration: none;
    color: #0b5b82; }

.wysiwyg-icon-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }

.wysiwyg-icon-template-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1875rem;
  position: relative; }
  .wysiwyg-icon-template-content p,
  .wysiwyg-icon-template-content a {
    color: #005b82;
    display: block;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 1.1875rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-decoration: none; }
  .wysiwyg-icon-template-content .custom {
    display: block;
    height: 3.125rem;
    margin: 0 10px;
    min-width: 2.5rem;
    position: relative; }
    .wysiwyg-icon-template-content .custom::before, .wysiwyg-icon-template-content .custom::after {
      font-size: 2.5rem; }

.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.875rem; }

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

.path-user:not(.user-logged-in) .block-local-tasks-block {
  margin-top: 0; }
  .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.5rem; }

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

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

.maintenance-page--inner #header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.maintenance-page--inner .section-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  overflow: hidden;
  background-color: #0b5b82;
  background-size: 180%;
  background-position: bottom left;
  background-repeat: no-repeat; }
  @media (min-width: 31.25em) {
    .maintenance-page--inner .section-content {
      background-size: 150%; } }
  @media (min-width: 56.25em) {
    .maintenance-page--inner .section-content {
      background-size: 100%; } }

.maintenance-page--inner main {
  background-color: #ffffff;
  border: 1px solid black;
  margin-top: 3.125rem;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto; }
  .maintenance-page--inner main::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: -.125em;
    font-size: 1.5rem;
    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: 50px;
    background-color: #FFD424;
    border-bottom: 1px solid black; }
  .maintenance-page--inner main h1 {
    margin-top: 0;
    line-height: 2.5rem; }

.maintenance-page--inner .main--inner {
  padding: 1.5625rem; }

.maintenance-page--inner .off-canvas-overlay {
  display: none; }

.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 #bfbfbf;
    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%; } }

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