/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #000;
    font-family: "myriad-pro", Arial, sans-serif;
}

html {
    background: #fff;
    min-height: 100%;
}

    html.no-backgroundsize {
        background: #0067b1;
    }

body {
    font-family: "myriad-pro", Arial, sans-serif;
    line-height: 1.5;
    background: #0067b1;
    overflow-x: hidden;
    min-width: 310px;
    min-height: 100%;
}

/* ==========================================================================
     Mainform - HM added
     ========================================================================== */

#mainform {
    padding: 11px 0px 45px 0px;
    height: 100%;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: rgba(85, 85, 85, 1);
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* ==========================================================================
     HM added - added height:auto to images
     ========================================================================== */

img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.aside-content__main img {
    max-width: 100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#mainform {
    height: 100%;
    padding: 0 !important;
}

/* ===== Mobile First =======================================================
     Author: Nick Charbonneau www.azul7.com
     Common Content Styles
     ========================================================================== */
a,
a:link,
a:visited {
    color: #0077cc;
    font-weight: 400;
    text-decoration: none;
    font-size: 1em;
}

    a,
    a:hover,
    a:active {
        text-decoration: underline;
    }

p > a,
p > a:link,
p > a:visited {
    font-size: 1em;
    text-decoration: underline;
    text-underline-offset: 3px;
}

menu,
ol,
ul {
    padding: 0;
}

    .main-nav ul,
    .tert-lvl-sidebar ul,
    .popout-nav ul,
    .page--large-image ul,
    ul.overlay-slider__nav {
        margin: 0;
    }

ul {
    list-style-type: none;
}

    ul a:link,
    ul a:visited {
        font-size: 1em;
    }

    ul.bullet-list {
        list-style-type: disc;
        padding-left: 17px;
        margin: 5px 0 20px;
    }

        ul.bullet-list li {
            margin-bottom: 5px;
        }

li {
    margin-bottom: 7px;
}

p {
    font-size: 1em;
    margin: 0 0 1em;
}

li p {
    font-size: 1em;
}

dl {
    font-size: 1em;
}

dt {
    font-weight: 700;
    color: #444;
}

dd {
    margin: 0;
    padding-bottom: 1em;
}

span {
    font-size: 1em;
}

li span {
    font-size: 1em;
}

strong {
    color: #333;
}

form {
    padding: 10px 25px 85px;
    height: 100%;
}

label {
    color: #555;
    font-weight: 700;
    margin: 10px 0 5px;
    display: block;
}

    label span {
        font-size: 1em;
        font-weight: 400;
    }

    label select {
        font-size: 0.85em;
        margin-top: 5px;
    }

select {
    display: block;
    font-size: 1em;
    padding-top: 2px;
    min-width: 115px;
}

input[type="text"],
input[type="password"] {
    padding: 10px;
    width: 100%;
    font-size: 1em;
    border: 1px solid #cfcfcf;
    margin-bottom: 10px;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="submit"] {
    background: #00447c;
    border: 0;
    font-size: 1.125em;
    color: #fff;
    float: right;
    padding: 15px 20px;
    margin: 15px 0;
}

button:hover input[type="submit"]:hover {
    background: #ccc;
    color: #555;
    text-decoration: none;
}

input[type="checkbox"] + label {
    float: none;
    display: inline;
    margin-left: 5px;
    color: #000;
}

.scfCaptchaLimitGeneralPanel,
.scfSingleLineTextBorder {
    position: relative;
}

.scfRequired {
    position: absolute;
    top: 12px;
}

.scfDropListLabel,
.scfEmailLabel,
.scfMultipleLineTextLabel,
.scfSingleLineTextLabel,
.scfPasswordLabel,
.scfNumberLabel,
.scfDatePickerLabel,
.scfDateLabel,
.scfRadioButtonListLabel,
.scfCheckBoxListLabel,
.scfListBoxLabel,
.scfFileUploadLabel,
.scfDateSelectorLabel,
.scfCreditCardLabel,
.scfConfirmPasswordLabel,
.scfCaptchaLabel,
.scfTelephoneLabel,
.scfSmsTelephoneLabel {
    float: none;
    padding: 0 10px 0 0 !important;
    width: 100% !important;
}

div.scfEmailGeneralPanel,
div.scfMultipleLineGeneralPanel,
div.scfSingleLineGeneralPanel,
div.scfPasswordGeneralPanel,
div.scfNumberGeneralPanel,
div.scfRadioButtonListGeneralPanel,
div.scfCheckBoxListGeneralPanel,
div.scfFileUploadGeneralPanel,
div.scfDateSelectorGeneralPanel,
div.scfCreditCardGeneralPanel,
div.scfConfirmPasswordGeneralPanel,
div.scfCaptchaGeneralPanel,
div.scfTelephoneGeneralPanel,
div.scfSmsTelephoneGeneralPanel {
    width: 100% !important;
}

div.scfCheckboxBorder {
    margin: 5px 0 !important;
}

textarea {
    padding: 10px;
    width: 100%;
    font-size: 1em;
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
}

table {
    width: 100%;
    font-size: 1em;
    border: 1px solid #f1f1f1;
    border-collapse: collapse;
}

thead {
    border-bottom: 4px #f1f1f1 solid;
}

th {
    text-align: left;
    color: #333;
    font-weight: 700;
    padding-bottom: 5px;
}

tbody tr:first-child td {
    padding-top: 10px;
}

tbody td {
    padding-top: 5px;
}

table tr th,
table tr td {
    border: 1px solid #f1f1f1 !important;
    padding: 5px;
}

/* overridden after media query */
.desktop {
    display: none;
}

.uber-background {
    display: none;
}

.heading-page {
    line-height: 1.15;
    color: #000;
    margin: 0 0 15px;
    font-weight: 100;
    font-size: 2.125rem;
}

.heading-module {
    color: #555;
    font-size: 1.25em;
    margin: 0 0 15px;
    line-height: 1.3;
    font-weight: 400;
}

.module a,
.module a:link {
    font-weight: 400;
}

.page article.module a,
.module-grid__item a {
    color: #0070c1;
    text-decoration: none;
}

    .page article.module a:hover,
    .module-grid__item a:hover {
        text-decoration: underline;
    }

.heading-sub-module {
    font-weight: 400;
    font-size: 1.5em;
    color: #000;
    margin: 10px 0 5px;
}

.aside-content aside .heading-sub-module {
    font-size: 1.25em;
    margin-top: 5px;
    font-weight: 400;
    color: #555;
}

.heading-content-module {
    color: #555;
    font-size: 1.75em;
    font-weight: 700;
    margin: 10px 0 5px;
}

.heading-page-category {
    color: #000;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0 0 5px;
}

/* =======================================
     HM Added - modified to use as global h3
  ================================= */

h2 {
    color: #000;
    line-height: 1.3;
    margin-bottom: 0.4em;
    font-size: 1.75em;
    font-weight: 100;
}

h3 {
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    margin-bottom: 0.4em;
    font-size: 1.1em;
}

h4 {
    margin: 0.33em 0;
    color: #333;
    font-weight: 600;
}

.heading-content {
    font-weight: 400;
    color: #00447c;
}

.heading-search {
    font-size: 1.9em;
    line-height: 1.15;
    color: #555;
    margin: 0 0 10px;
}

    .heading-search a {
        color: #113c66;
        font-size: 1em;
    }

    .heading-search + p {
        font-size: 1.5em;
    }

.heading-department-list {
    width: 100%;
    background: #dddddd;
    padding: 12px 25px;
    color: #555555;
    font-size: 1.5em;
    margin: 0;
}

.date-stamp {
    font-size: 13px !important;
    color: #555;
    margin: 20px 0 0;
}

a.btn-block {
    display: inline-block;
}

a.btn-block--grey {
    width: 100%;
    background: #ccc;
    color: #555;
    display: inline-block;
    padding: 10px 20px;
}

    a.btn-block--grey:hover {
        background: #44c8f5;
        color: #113c66;
        text-decoration: none;
    }

.tabbed--vertical a.btn-block:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}

.bold {
    font-weight: 700;
}

/* ==========================================================================
     Icons
     ========================================================================== */

@font-face {
    font-family: "hco-icons";
    src: url("/assets/fonts/hco-icons.eot");
    src: url("/assets/fonts/hco-icons.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/hco-icons.woff") format("woff"), url("/assets/fonts/hco-icons.ttf") format("truetype"), url("/assets/fonts/hco-icons.svg#hco-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*="icon-"]:before,
[class*="icon-"]:after,
.btn-close-modal:after,
.btn-block:after,
.btn-block--grey:after,
.notification .heading-module:before,
.social-icon:before {
    font-family: "hco-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
}

[class*="icon-"]:before {
    width: 23px;
    display: inline-block;
}

a[class*="icon-"]:before {
    color: #00447c;
}

.icon-notification:before,
.notification .heading-module:before {
    content: "\e000";
    color: #00447c;
    font-size: 1.35em;
    position: absolute;
    left: -22px;
    top: -2px;
}

.lt-ie9 .icon-notification:before,
.lt-ie9 .notification .heading-module:before {
    font-size: 2.4em;
}

.icon-download:before {
    content: "\e001";
    padding-left: 2px;
    font-size: 1.25em;
}

.icon-calendar:before {
    content: "\e002";
    font-size: 1.25em;
}

.icon-search:before {
    content: "\e004";
}

.icon-btn-block-arrow:after,
.btn-block:after,
.btn-block--grey:after {
    content: "\e006";
    margin-left: 8px;
    vertical-align: sub;
}

.btn-block--grey:after {
    position: absolute;
    top: 15px;
}

.btn-close-modal:after,
.icon-btn-close:before {
    content: "\e007";
}

.icon-btn-top-arrow:before {
    content: "\e00a";
    margin-right: 10px;
}

.icon-plus:before {
    content: "\e00b";
}

.icon-minus:before {
    content: "\e00d";
}

.icon-scroll-arrow:after {
    content: "\e00e";
}

.icon-pencil:before {
    content: "\e00f";
    font-size: 1.25em;
}

.icon-envelope:before {
    content: "\e014";
    margin-right: 5px;
    font-size: 0.75em;
}

.icon-map:before {
    content: "\e015";
    width: 20px;
    padding-left: 2px;
}

.icon-logo {
    background: transparent url("/assets/images/henn-wordmark.svg") center center no-repeat;
    width: 262px;
    height: 44px;
    display: none;
    position: absolute;
    left: 63px;
    top: 18px;
    background-size: contain;
}
/*
  .icon-business:before {
      content: "\e010";
      bottom: 81px;
      left: 28px;
      font-size: 2.1em;
      position: absolute;
  }
  .icon-online-services:before {
      content: "\e011";
      bottom: 79px;
      left: 25px;
      font-size: 2.05em;
      position: absolute;
  }
  .icon-your-government:before {
      content: "\e012";
      bottom: 75px;
      left: 26px;
      font-size: 2.3em;
      position: absolute;
  }
  .icon-residents:before {
      content: "\e013";
      bottom: 81px;
      left: 27px;
      font-size: 2.25em;
      position: absolute;
  }
  */
/*
  .icon-youtube:before {
      content: "\e008";
  }
  .icon-twitter:before {
      content: "\e009";
  }
  .icon-linkedin:before {
      content: "\e003";
  }
  .icon-facebook:before {
      content: "\e005";
  }
  
  
  .lt-ie9 .social-icon {
      background: transparent url("/assets/images/sprite-social-icons.png") no-repeat;
  }
  .lt-ie9 .social-icon:before {
      content: '';
  }
  .lt-ie9 .icon-youtube {
      background-position: -113px 0px;
  }
  .lt-ie9 .icon-twitter {
      background-position: -75px 0px;
  }
  .lt-ie9 .icon-facebook {
      background-position: -37px 0px;
  }
  .lt-ie9 .icon-linked {
      background-position: 0px 0px;
  }
  */

.icon-youtube {
    background: url(/assets/images/youtube_white.png) no-repeat;
    background-size: contain;
}

.icon-twitter {
    background: url(/assets/images/x_white.png) no-repeat;
    background-size: contain;
}

.icon-linkedin {
    background: url(/assets/images/linkedin_white.png) no-repeat;
    background-size: contain;
}

.icon-facebook {
    background: url(/assets/images/facebook_white.png) no-repeat;
    background-size: contain;
}

.icon-instagram {
    background: url(/assets/images/instagram_white.png) no-repeat;
    background-size: contain;
}

/* ==========================================================================
     Global Header 
     ========================================================================== */

.site-header {
    background: #113c66;
    height: 55px;
    position: fixed;
    /* position: absolute; */
    width: 100%;
    z-index: 1000 !important;
    top: 0;
}

.popout-nav--trigger {
    float: left;
    width: 55px;
    height: 55px;
    background: #44c8f5 url("/assets/images/btn-m-slide-nav-deep-blue.png") center center no-repeat;
    text-indent: -9999px;
    position: relative;
    z-index: 225;
}

    .popout-nav--trigger.popout-nav--open {
        background: #44c8f5 url("/assets/images/btn-m-slide-nav-active-deep-blue.png") center center no-repeat;
    }

.site-title {
    float: left;
    color: #fff;
    margin: 15px 0 0 15px;
    font-size: 1.125em;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

    .site-title a {
        /* display: none; */
        display: block;
        position: relative;
        top: -5px;
        /* z-index: 1; */
        z-index: 225;
        background: url(/assets/images/henn-wordmark.svg) no-repeat;
        background-size: contain;
        height: 40px;
        width: 220px;
    }

@media all and (min-width: 320px) {
    .site-title a {
        width: 175px;
    }
}

@media all and (min-width: 400px) {
    .site-title a {
        height: 44px;
        width: 268px;
        top: -9px;
    }
}

/* ==========================================================================
     Site Search
     ========================================================================== */

.site-search {
    width: 100%;
    padding: 25px;
    background: rgba(17, 60, 102, 0.6);
    display: none;
    position: fixed;
}

@media screen and (max-width: 949px) {
    .site-search {
        top: 55px;
        background: rgba(17, 60, 102, 0.9);
    }
}

.lt-ie9 .site-search {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900447c,endColorstr=#9900447c);
    zoom: 1;
}

.site-search form {
    padding: 0;
}

.site-search--active .site-search {
    display: flex;
    flex-wrap: wrap;
}

.site-search--trigger {
    background: #44c8f5 url("/assets/images/icon-site-search-deep-blue.png") center center no-repeat;
    text-indent: -9999px;
    text-transform: capitalize;
    float: right;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    right: 0;
}

.site-search--active .site-search--trigger {
    background: #44c8f5 url("/assets/images/icon-close-x-deep-blue.png") center center no-repeat;
    height: 55px;
}

input.site-search__input {
    border: 0;
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 2em;
    width: 85%;
    height: 51px;
    padding: 2px 0px 0 10px;
}

    input.site-search__input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: transparent;
    }

    input.site-search__input::-moz-placeholder {
        /* Firefox 19+ */
        color: transparent;
    }

    input.site-search__input:-ms-input-placeholder {
        /* IE 10+ */
        color: transparent;
    }

    input.site-search__input:-moz-placeholder {
        /* Firefox 18- */
        color: transparent;
    }

    input.site-search__input::placeholder {
        /* modern browsers */
        color: transparent;
    }

.site-search__submit {
    width: 15%;
    height: 51px;
    border: 0;
    background: #44c8f5 url("/assets/images/icon-site-search-deep-blue.png") center center no-repeat;
    text-indent: -9999px;
    text-transform: capitalize;
    margin: 0;
}

    .site-search__submit:hover {
        background-color: #44c8f5;
    }

.site-search--active .popout-nav--trigger {
    background-color: #44c8f5;
}

.popout-nav--trigger:focus,
.site-search--trigger:focus {
    background-color: #44c8f5;
    box-shadow: inset 0 0 0 2px #fff;
}

.welcome-search {
    padding: 10px 5px;
    display: flex;
    flex-wrap: wrap;
}

    .welcome-search .site-search__input {
        font-size: 1em;
        font-weight: 400;
    }

        .welcome-search .site-search__input::placeholder {
            color: #000;
        }
    /* .welcome-search .site-search__input + .fauxPlaceholder {
      display: none;
      position: absolute;
      left: 22px;
      top: 32px;
      width: auto;
      color: black;
      font-size: 1.25em;
      z-index: 10;
  }
  .welcome-search .site-search__input:placeholder-shown + .fauxPlaceholder {
      display: block;
  } */

    .welcome-search .site-search__submit {
        background: url("/assets/images/icon-site-search-deep-blue.png") no-repeat scroll center center #44c8f5;
    }

        .welcome-search .site-search__submit:hover {
            background-color: #44c8f5;
        }

/* ==========================================================================
     Global Footer
     ========================================================================== */
.site-footer {
    padding: 0 25px 10px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #113c66;
    width: 100%;
    color: #fff;
    font-size: 1em;
    padding: 30px 0;
}

footer.site-footer {
    margin-top: 0;
}

footer h2 {
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
}

.site-footer a {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
}

.site-footer .henn-logo {
    width: 45px;
    vertical-align: baseline;
}

.site-footer__social-links {
    display: inline-block;
    padding: 0px;
    margin: 0;
}

    .site-footer__social-links li {
        margin: 0;
        display: block;
        float: left;
    }

    .site-footer__social-links a.social-icon {
        margin: 0 6px 0 0;
    }

a.social-icon:before {
    color: #fff;
}

ul a.social-icon {
    width: 44px;
    height: 44px;
    display: block;
    text-decoration: none;
}

    ul a.social-icon:hover {
        text-decoration: none;
        opacity: 0.8;
    }

.footer-row {
    width: 950px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 0;
}

    .footer-row:after {
        clear: both;
    }

.footer-column {
    display: inline-block;
    width: 250px;
    padding: 10px 20px;
}

.footer-standard-info {
    padding-left: 20px;
}

@media screen and (min-width: 950px) {
    .site-footer {
        background: #113c66;
        width: 100%;
        color: #fff;
        font-size: 1em;
        padding: 30px 0 90px 0;
    }

    footer.site-footer {
        margin-top: 60px;
        border-top: 1px solid #fff;
    }

    footer .pull-sm-right {
        float: right;
    }

    footer .pull-sm-left {
        float: left;
    }

    .site-footer .henn-logo {
        float: right;
    }

    .footer-standard-info p {
        display: inline-block;
        /* width: 360px; */
        position: relative;
        top: -5px;
        left: -15px;
    }

    .footer-row:first-of-type {
        border-bottom: 1px solid #fff;
        display: table;
    }

    .footer-column {
        display: table-cell;
    }
}

/* ==========================================================================
     Popout Navigation
     ========================================================================== */

/* id is needed for pageslide script */

.main-nav {
    display: none;
}

.popout-nav {
    width: 100%;
    background-color: #113c66;
    color: #fff;
    position: absolute;
}

@media screen and (max-width: 949px) {
    .popout-nav {
        top: 0;
        left: -100%;
        z-index: 125;
        padding-top: 62px;
    }
}

.page-nav {
    font-size: 15px;
    font-weight: 700;
}

    .page-nav a {
        color: #fff;
        padding-left: 25px;
        width: 100%;
    }

    .page-nav .drawer > li > a {
        color: #fff;
        font-size: 1.75em;
        font-weight: 100;
    }

    .page-nav .drawer a.drawer__handle {
        background: transparent url("/assets/images/icon-blue-plus.png") left center no-repeat;
        width: 100%;
        display: block;
    }

@media (max-width: 949px) {
    .page-nav .drawer a.drawer__handle {
        width: calc(100% - 40px); /* account for 20px margin on each side */
    }
}

.page-nav .drawer a.drawer__handle:hover {
    background: transparent url("/assets/images/icon-blue-plus.png") left center no-repeat;
    color: #fff;
}

.page-nav .drawer li.open a.drawer__handle {
    background: transparent url("/assets/images/icon-white-minus.png") left 20px no-repeat;
    color: #fff;
}

.page-nav > ul > li {
    padding: 11px 20px 15px;
    border-bottom: 1px solid #5d9ed4;
}

    .page-nav > ul > li > ul {
        display: none;
    }

    .page-nav > ul > li.open > ul {
        display: block;
    }

.page-nav .open {
    padding: 10px 0 0;
}

    .page-nav .open a {
        margin-left: 20px;
    }

.sub-nav {
    margin-top: 10px;
    border-top: 1px solid #5d9ed4;
    background: #fff;
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 1.5em;
}

    .sub-nav li a {
        background: 0;
        padding: 5px 0;
        font-size: 1.25em;
        display: block;
        color: #113c66;
        font-weight: 100;
    }

@media (max-width: 949px) {
    .sub-nav li a {
        width: fit-content;
    }

    .popout-nav .sub-nav li a:focus {
        padding: 5px;
    }
}

.sub-nav .nav-stack {
    font-size: 0.65em;
}

    .sub-nav .nav-stack .active a,
    .popout-nav .sub-nav .active a {
        background: 0;
        color: #113c66;
    }

.topbar {
    padding: 15px 0;
}

.topbar__nav li {
    margin: 20px 0;
}

.topbar__nav ul a,
.topbar__nav ul a:link,
.topbar__nav ul a:visited {
    color: #fff;
    padding: 0 25px;
    display: block;
    font-size: 1.25em;
    font-weight: 100;
}

/* ==========================================================================
     Basic Page Layout
     ========================================================================== */

.page-wrapper {
    margin-top: 55px;
    width: 100%;
    background: #fff;
    z-index: 2;
}

.page {
    position: relative;
    width: 100%;
    padding: 20px 0 20px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

    .page header {
        padding: 20px;
        width: 100%;
    }

    .page article {
        margin-top: 10px;
    }

        .page article:first-child {
            margin-top: 0;
        }

header aside {
    padding: 5px 0 0px;
    margin-top: 20px;
    border-top: #777 1px solid;
}

/* ==========================================================================
     Large Image Page -- I.E. Home
     ========================================================================== */

.page--large-image {
    padding: 0;
}

    .page--large-image header {
        position: absolute;
        z-index: 0;
        background: rgba(17, 60, 102, 0.6);
        width: 100%;
        color: #fff;
        padding: 15px 20px;
    }

.lt-ie9 .page--large-image header {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900447c,endColorstr=#9900447c);
    zoom: 1;
}

.page--large-image header p {
    margin: 20px 0;
}

.page--large-image article {
    padding: 0;
}

.page--large-image .heading-page {
    color: #fff;
    margin-bottom: 0;
    font-size: 2.188em;
    font-weight: 400;
}

.page--large-image .heading-page-category {
    color: #fff;
}

.page.page--large-image .module {
    padding-top: 15px;
    padding-bottom: 15px;
    background: rgba(255, 255, 255, 0.95);
}

.lt-ie9 .page.page--large-image .module {
    background: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff);
    zoom: 1;
}

.page--large-image .module.notification {
    padding: 25px 20px 25px;
    background: rgba(226, 238, 196, 0.85);
    margin-bottom: 20px;
}

.lt-ie9 .page--large-image .module.notification {
    min-height: 192px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e2eec4,endColorstr=#d8e2eec4);
    zoom: 1;
}

/* ==========================================================================
     Login Page -- Fringe case
     ========================================================================== */

.page--login {
    padding-top: 70px;
    background: rgba(243, 243, 243, 1);
}

    .page--login .login-form--wrapper {
        padding-top: 75px;
    }

    .page--login [type="submit"] {
        float: none;
    }

    .page--login form {
        padding-bottom: 10px;
    }

        .page--login form a {
            font-size: 1.75em;
            font-weight: 400;
            margin: 15px 0;
            display: inline-block;
        }

.login-form__register {
    background: rgba(238, 238, 238, 0.85);
    padding: 0 25px 15px;
    overflow: hidden;
}

.lt-ie9 .login-form__register {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8eeeeee,endColorstr=#d8eeeeee);
    zoom: 1;
}

.login-form__register label {
    margin-bottom: 20px;
}

.login-form__register p {
    padding-top: 20px;
    border-top: 1px #757575 solid;
    font-size: 1em;
}

/* ==========================================================================
     Registration Page -- Fringe case
     ========================================================================== */

.registration-form {
    background: #f3f3f3;
}

    .registration-form select {
        margin: 15px 0 25px;
    }

/* ==========================================================================
     Blue Pages - Image Drops off on mobile
     ========================================================================== */

.page--blue {
    background: rgba(17, 60, 102, 0.6);
    color: #fff;
}

    .page--blue .heading-page {
        color: #fff;
        margin-bottom: 15px;
    }

    .page--blue .heading-page-category {
        color: #fff;
    }

    .page--blue .btn-block {
        margin-bottom: 15px;
        display: block;
    }

    .page--blue .link-list li a {
        margin-bottom: 30px;
        padding: 12px 30px;
        background-color: #113c66;
        color: #fff;
    }

    .page--blue .link-list li:hover a {
        background-color: #44c8f5;
        color: #113c66;
        text-decoration: none;
    }

    .page--blue .module {
        background: rgba(255, 255, 255, 0.85);
        color: #000;
    }

.lt-ie9 .page.page--blue .module {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff);
    zoom: 1;
}

/* ==========================================================================
     Grey Pages
     ========================================================================== */

.page--grey {
    background: #f3f3f3;
}

.page.page--grey .module {
    background: rgba(255, 255, 255, 0.85);
}

.lt-ie9 .page.page--grey .module {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff);
    zoom: 1;
}

/* ==========================================================================
     Default Module - Generic Container 
     Other modules can inherit from this
     ========================================================================== */

.module {
    background: #fff;
    padding: 10px 10px 25px;
}

.page .module.module--span {
    margin: 0 0 15px;
    padding: 0;
}

/*All default modules on default white pages are grey*/
.page .module {
    background: rgba(238, 238, 238, 0.85);
    margin: 0 10px 15px;
}

.lt-ie9 .page .module {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8eeeeee,endColorstr=#d8eeeeee);
    zoom: 1;
}

.page .module img {
    margin-bottom: 10px;
}

/* ==========================================================================
     Module - Grid Items
     ========================================================================== */

.module-grid {
    margin: 0 20px 25px;
}

.module-grid__item {
    background: rgba(238, 238, 238, 0.85);
    position: relative;
    padding-bottom: 20px;
}

.lt-ie9 .module-grid__item {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8eeeeee,endColorstr=#d8eeeeee);
    zoom: 1;
    width: 31%;
}

.module-grid__inner {
    padding: 25px 15px 25px 20px;
    min-height: 280px;
}

.module-grid__item > img {
    display: none;
}

.module-grid__item .btn-block--grey {
    position: absolute;
    bottom: 0;
}

.page--grey .module-grid__item {
    background: rgba(255, 255, 255, 1);
}

.lt-ie9 .page--grey .module-grid__item {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffeeeeee);
    zoom: 1;
}

.page--grey .module-grid__item header {
    border-bottom: none;
}

.module-grid__item header p {
    font-size: 1.5em;
}

.module-grid li {
    margin-bottom: 15px;
}

/* ==========================================================================
     Module - Default Drawers
     ========================================================================== */

.module.drawer {
    background: #fff;
}

@media (max-width: 949px) {
    .page .module.drawer {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.lt-ie9 .module.drawer {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
}

.drawer li {
    margin-bottom: 7px;
}

.drawer article {
    margin-top: 5px;
}

.drawer div.drawer__handle {
    cursor: pointer;
    margin: 14px 0;
    font-size: 2em;
}

.drawer a.drawer__handle {
    color: #555;
    padding: 12px 10px 12px 50px;
    background: #ddd url("/assets/images/icon-grey-plus.png") 25px center no-repeat;
    width: 100%;
    display: block;
    font-size: 1.25em;
    text-decoration: none;
    font-weight: 400;
}

.drawer div.drawer__handle a {
    color: #555;
    padding: 12px 10px 12px 50px;
    background: #ddd url("/assets/images/icon-grey-plus.png") 25px center no-repeat;
    width: 100%;
    display: block;
    font-size: 0.625em;
    text-decoration: none;
    line-height: 1.3;
}

.drawer .open div.drawer__handle a,
.drawer .open a.drawer__handle {
    background: #44c8f5 url("/assets/images/icon-blue-minus.png") 25px center no-repeat;
    color: #113c66;
}

    .drawer .open div.drawer__handle a:hover {
        background: #44c8f5 url("/assets/images/icon-blue-minus.png") 25px center no-repeat;
    }

    .drawer .open a.drawer__handle a:hover {
        background: #44c8f5 url("/assets/images/icon-blue-minus.png") 15px center no-repeat;
    }

.drawer__inner {
    display: none;
    padding: 5px 20px 20px;
}

.open .drawer__inner {
    display: block;
}

    .open .drawer__inner h1 {
        font-size: 1em;
        margin-top: 0;
    }

    .open .drawer__inner a {
        margin-top: 0;
        font-weight: 400;
    }

a.drawer__toggler {
    font-weight: 400;
    margin-top: 7px;
}

/* ==========================================================================
     Module - Tabbed
     Setup styles for all tabbed instances
     ========================================================================== */

.tabbed__page.tabbed--inactive {
    display: none;
}

.tabbed__page.tabbed--active {
    display: block;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px 0 0;
}

.lt-ie9 .tabbed__page.tabbed--active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff);
    zoom: 1;
}

.tabbed__nav {
    position: relative;
    width: 100%;
    padding: 0 20px;
    /* overflow: hidden; */
    margin-bottom: 15px;
    z-index: 2;
}

    .tabbed__nav ul {
        width: 100%;
        margin: 0;
    }

    .tabbed__nav li {
        background: #44c8f5 url("/assets/images/btn-m-tabbed-menu-dark-blue.png") right center no-repeat;
        margin-bottom: 0;
    }

    .tabbed__nav a {
        color: #113c66;
        padding: 12px 10px;
        display: block;
    }

    .tabbed__nav.tabbed__nav--active li {
        background: #44c8f5;
    }

    .tabbed__nav.tabbed__nav--active ul > li:first-of-type a {
        background: #44c8f5 url("/assets/images/btn-m-tabbed-menu-dark-blue-close.png") right center no-repeat;
    }

        .tabbed__nav.tabbed__nav--active ul > li:first-of-type a.tabbed--inactive {
            background: #113c66 url("/assets/images/btn-m-tabbed-menu-dark-blue-close.png") right center no-repeat;
        }

    .tabbed__nav.tabbed__nav--active,
    .tabbed__nav.tabbed__nav--active a.tabbed--inactive {
        display: block;
        overflow: visible;
    }

        .tabbed__nav.tabbed__nav--active a.tabbed--inactive {
            background-color: #113c66;
            color: #fff;
        }

        .tabbed__nav.tabbed__nav--active a.tabbed--active {
            background-color: #44c8f5;
            color: #113c66;
        }

    .tabbed__nav a.tabbed--inactive {
        display: none;
    }

/* ==========================================================================
     Module - Horizontal Tab Modal
     ========================================================================== */

.tabbed--horizontal .active-modal > article {
    display: none;
}

.tabbed--horizontal .active-modal > .modal {
    display: block;
}

.tabbed--horizontal .active-modal {
    background: #f1f1f1;
    padding: 20px;
    margin-top: 10px;
}

.modal .modal__header {
    padding: 15px 0 6px;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 18px;
    overflow: visible;
}

a.btn-close-modal {
    position: absolute;
    top: -4px;
    right: 33px;
    color: #999;
}

.btn-close-modal:hover {
    text-decoration: none;
}

.modal a.btn-close-modal:after {
    margin-left: 10px;
    font-size: 1.5em;
    position: absolute;
    top: -2px;
    display: inline;
}

/* ==========================================================================
     Module - Notification
     ========================================================================== */

.module.notification {
    background: rgba(226, 238, 196, 0.85);
    margin: 0;
    padding: 25px 20px;
}

.lt-ie9 .module.notification {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e2eec4,endColorstr=#d8e2eec4);
    zoom: 1;
}

.module.notification .heading-module {
    position: relative;
    margin-left: 25px;
}

.module.notification img,
.module.notification iframe {
    margin: 15px 0 10px;
    width: 100%;
}

.module.notification img,
.module.notification iframe {
    display: none;
}

.module.notification ul {
    padding-left: 40px;
    list-style-type: disc;
}

.module.notification a:not(.skip-to-link) {
    color: #006dbb;
}

/* ==========================================================================
     Module - Street Address
     ========================================================================== */

.street-address {
    padding-top: 15px;
}

    .street-address span {
        display: block;
    }

    .street-address a {
        display: block;
        margin: 10px 0;
    }

    .street-address p a {
        display: inline;
        word-wrap: break-word;
    }

    .street-address strong {
        display: block;
        height: 45px;
        padding: 20px 0;
    }

    .street-address img {
        max-width: 230px;
    }

/* ==========================================================================
     Module - Medium Content 
     ========================================================================== */

.medium > div {
    padding-bottom: 15px;
}

.medium img {
    margin: 0;
}

/* ==========================================================================
     Module - Tertiary Level Sidebar
     ========================================================================== */

.tert-lvl-sidebar {
    padding: 0 25px 25px;
}

/* ==========================================================================
     Module - Search Results List
     ========================================================================== */

.search-results {
    width: 100%;
}

    .search-results li {
        padding: 25px 25px 10px;
        margin: 0;
    }

        .search-results li:nth-child(2n + 1) {
            background: rgba(241, 241, 241, 1);
        }

.lt-ie9 .search-results li:nth-child(2n + 1) {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff1f1f1,endColorstr=#fff1f1f1);
    zoom: 1;
}

.search-results li a {
    font-size: 1em;
    margin-bottom: 10px;
    display: block;
}

.search-results li p {
    font-size: 1em;
}

.m-inner-results .url a {
    text-decoration: none;
}

/* ==========================================================================
     Module - Breadcrumbs
     ========================================================================== */

.breadcrumbs {
    display: none;
}

/* ==========================================================================
     Module - Refine List
     ========================================================================== */

.refine-list {
    padding: 0 0 20px;
}

    .refine-list label {
        color: #000;
        font-weight: 400;
        font-size: 1.5em;
        display: inline-block;
        width: 70px;
    }

    .refine-list select {
        display: inline-block;
    }

/* ==========================================================================
     Module - Page Search
     ========================================================================== */

.page-search {
    padding: 0;
    overflow: hidden;
}

    .page-search p {
        font-size: 1.5em;
        line-height: 1.25;
        margin-bottom: 25px;
    }

    .page-search .site-search__input {
        background: #ddd;
        color: #555;
        font-weight: 700;
    }

    .page-search .site-search__submit {
        background: url("/assets/images/icon-site-search-deep-blue.png") no-repeat scroll center center #61a2d8;
    }

        .page-search .site-search__submit:hover {
            background-color: #0067b1;
        }

/* ==========================================================================
     Module - Pagination
     ========================================================================== */

.pagination {
    overflow: hidden;
    margin: 25px 0 15px;
}

    .pagination li {
        float: left;
    }

        .pagination li a {
            padding: 10px 15px;
            display: block;
        }

            .pagination li a.active,
            .pagination li a:hover,
            .pagination__next:hover,
            .pagination__prev:hover {
                color: #fff;
                background-color: rgba(97, 162, 216, 1);
                text-decoration: none;
            }

.lt-ie9 .pagination li a.active,
.lt-ie9 .pagination li a:hover,
.lt-ie9 .pagination__next:hover,
.lt-ie9 .pagination__prev:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff61a2d8,endColorstr=#ff61a2d8);
    zoom: 1;
}

.pagination__prev {
    background: url("/assets/images/btn-pagination-prev.png") center center no-repeat;
    float: left;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
}

.pagination__next {
    background: url("/assets/images/btn-pagination-next.png") center center no-repeat;
    float: left;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
}

/* ==========================================================================
     Module - Overlay Slider
     ========================================================================== */

.overlay-slider {
    width: 100%;
    background: rgba(0, 0, 0, 0.55);
    clear: both;
    padding: 24px 0 70px;
    position: relative;
}

.lt-ie9 .overlay-slider {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8c000000,endColorstr=#8c000000);
    zoom: 1;
}

.overlay-slider .content-wrapper {
    padding: 0;
    min-height: 100px;
}

.overlay-slider__nav {
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    left: 45px;
}

    .overlay-slider__nav button,
    .overlay-slider__nav a {
        display: block;
        text-indent: -9999px;
        width: 20px;
        height: 18px;
        background: url("/assets/images/sprite-slider-nav.png") center -129px no-repeat;
        text-decoration: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 0;
    }

        .overlay-slider__nav a:hover,
        .overlay-slider__nav a.active {
            background-position: center -105px;
        }

button.overlay-slider__prev {
    background-position: center -25px;
}

    button.overlay-slider__prev:hover {
        background-position: center 1px;
    }

button.overlay-slider__next {
    background-position: center -79px;
}

    button.overlay-slider__next:hover {
        background-position: center -50px;
    }

.overlay-slider__slide {
    overflow: hidden;
    display: none;
}

article.overlay-slider__slide {
    margin-top: 0;
}

.overlay-slider__slide.active {
    display: block;
}

.overlay-slider__slide > img {
    display: none;
}

.overlay-slider__slide > div {
    float: left;
    padding: 0 50px;
}

.overlay-slider__slide h1 {
    color: #fff;
    font-size: 1.25em;
    margin: 0 0 10px;
    line-height: 1.3;
    font-weight: 400;
}

.overlay-slider__slide .btn-block {
    background: transparent;
    padding: 0;
    font-weight: 400;
    color: #fff;
}

    .overlay-slider__slide .btn-block:hover {
        background: transparent;
        color: #fff;
        text-decoration: none;
    }

    .overlay-slider__slide .btn-block:after {
        vertical-align: sub;
    }

/* ==========================================================================
     Top Reminder
     ========================================================================== */

a.top-reminder {
    position: fixed;
    bottom: -45px;
    left: 0;
    background: rgba(68, 200, 245, 0.8);
    padding: 15px 20px 12px 20px;
    width: 100%;
    color: #113c66;
    font-weight: 700;
    text-align: center;
    z-index: 105;
    display: none;
}

    a.top-reminder:before {
        color: #113c66;
    }

.lt-ie9 a.top-reminder {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d861a2d8,endColorstr=#d861a2d8);
    zoom: 1;
}

a.top-reminder:hover {
    text-decoration: none;
}

/* ==========================================================================
     Module Alpha List
     ========================================================================== */

.alpha-list {
    display: none;
}

.alpha-select {
    width: 175px;
}

/* ==========================================================================
     Module Department List
     ========================================================================== */

.department-list li {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}

    .department-list li:first-child {
        border: 0;
    }

.department-list__content {
    padding: 15px 25px 10px;
}

    .department-list__content h4 {
        margin: 10px 0 0;
    }

    .department-list__content p {
        margin: 0;
    }

.department-list__links {
    margin: 5px 25px;
}

    .department-list__links a {
        margin-right: 15px;
    }

.single-content {
    padding: 20px;
    background: rgba(238, 238, 238, 0.85);
    overflow: hidden;
}

    .single-content p {
        font-weight: 700;
        color: #555;
    }

.lt-ie9 .single-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8eeeeee,endColorstr=#d8eeeeee);
    zoom: 1;
}

/* ==========================================================================
     Background Setup
     ========================================================================== */

.bg-image {
    width: 100%;
}

/* ==========================================================================
     ADA fixes - HM added 1/15/14
     ========================================================================== */
.offsetSpan {
    position: absolute;
    margin-left: -3000px;
}

/* ==========================================================================
     Responsive iframes
     ========================================================================== */
div.iframe-container,
.medium > div.iframe-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    float: none;
    max-width: 100%;
}

    div.iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ==========================================================================
     AZ List styles - HM added 11/20/14
     ========================================================================== */
.azletter {
    background: rgba(238, 238, 238, 0.85);
    padding: 15px 15px 1px 15px;
}

    .azletter h2 {
        margin: 0 0 1em;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
    }

.azContent {
    border-top: 1px solid #ccc;
    padding: 7px 15px;
}

    .azContent:first-child {
        border-top: none;
    }

.azlinks {
    padding: 15px;
}

    .azlinks a {
        padding-right: 10px;
    }

/* ==========================================================================
     Media Queries
     ========================================================================== */

@media only screen and (min-width: 768px) {
    .scfRequired {
        position: relative;
        top: 0;
    }

    .scfDropListLabel,
    .scfEmailLabel,
    .scfMultipleLineTextLabel,
    .scfSingleLineTextLabel,
    .scfPasswordLabel,
    .scfNumberLabel,
    .scfDatePickerLabel,
    .scfDateLabel,
    .scfRadioButtonListLabel,
    .scfCheckBoxListLabel,
    .scfListBoxLabel,
    .scfFileUploadLabel,
    .scfDateSelectorLabel,
    .scfCreditCardLabel,
    .scfConfirmPasswordLabel,
    .scfCaptchaLabel,
    .scfTelephoneLabel,
    .scfSmsTelephoneLabel {
        float: left;
        width: 35%;
    }

    div.scfEmailGeneralPanel,
    div.scfMultipleLineGeneralPanel,
    div.scfSingleLineGeneralPanel,
    div.scfPasswordGeneralPanel,
    div.scfNumberGeneralPanel,
    div.scfRadioButtonListGeneralPanel,
    div.scfCheckBoxListGeneralPanel,
    div.scfFileUploadGeneralPanel,
    div.scfDateSelectorGeneralPanel,
    div.scfCreditCardGeneralPanel,
    div.scfConfirmPasswordGeneralPanel,
    div.scfCaptchaGeneralPanel,
    div.scfTelephoneGeneralPanel,
    div.scfSmsTelephoneGeneralPanel {
        width: 60% !important;
    }

    div.scfCheckboxBorder {
        margin: 5px 0 !important;
    }
}

@media only screen and (min-width: 950px) {
    body {
        background: transparent;
    }

    img {
        width: auto;
    }

    .drawer__inner > img {
        max-width: 100%;
    }

    .desktop {
        display: inline-block;
    }

    /* ==========================================================================
      Mainform - HM added
      ========================================================================== */
    #mainform {
        padding: 0px;
    }

    /* ==========================================================================
      Headings
      ========================================================================== */

    .heading-page {
        font-size: 2.625em;
    }

    .heading-page-category {
        font-size: 1.85em;
        font-weight: 100;
    }

    .heading-sub-module {
        font-size: 1.438em;
    }

    .heading-search {
        margin-bottom: 5px;
    }

        .heading-search + p {
            color: #555;
            font-size: 15px;
            margin-bottom: 0;
        }
    /*
      a.btn-block {
          padding: 10px 20px;
      }
      */
    a.btn-block:hover {
        text-decoration: none;
        /* border-bottom: 1px solid; */
    }

    /* ==========================================================================
      Site Header
      ========================================================================== */

    .site-header {
        background: transparent;
        z-index: 20;
        height: auto;
        position: relative !important;
    }

        .site-header[style] {
            /* Make sure the mobile nav is closed */
            margin-left: 0 !important;
            position: relative !important;
            top: 0 !important;
        }

    .site-search--trigger[style] {
        display: none !important;
    }

    .popout-nav,
    .popout-nav--trigger,
    .site-search--trigger {
        display: none;
    }

    .main-nav {
        display: block;
        width: 100%;
        /* margin: 76px auto 0px; */
        overflow: hidden;
        /* padding-bottom: 20px; */
        padding-bottom: 1px;
        background: url("/assets/images/bg-header-nav-dark-blue.png") center top repeat-x;
    }

        .main-nav.drawer--has-open {
            background: url("/assets/images/bg-header-nav-active-dark-blue.png") center top repeat-x #fff;
            border-bottom: solid 1px #113c66;
        }

    .icon-logo {
        display: block !important;
    }

    /* ==========================================================================
      Topbar Nav
      ========================================================================== */

    .topbar {
        position: absolute;
        top: -2px;
        width: 100%;
        background: #113c66;
        padding: 25px 0;
    }

    .topbar__nav {
        margin: 0 auto;
        width: 950px;
    }

        .topbar__nav ul {
            float: right;
        }

        .topbar__nav li {
            float: left;
            margin: 0;
        }

        .topbar__nav ul a,
        .topbar__nav ul a:link,
        .topbar__nav ul a:visited {
            font-weight: 100;
            font-size: 1.125em;
            padding: 0 0 0 18px;
        }

    /* ==========================================================================
      Main Navigation
      ========================================================================== */
    .site-title__wrapper {
        width: 950px;
        margin: 0 auto;
    }

    .site-title {
        margin: 12.5px 0 12.5px;
    }

        .site-title a {
            left: 0;
            top: 0;
            height: 50px;
            font-size: 1.125em;
            color: #fff;
        }

    .page-nav {
        margin: 0 auto;
        position: relative;
        width: 950px;
    }

    .drawer--has-open .page-nav {
        overflow: hidden;
    }

    .page-nav .open {
        padding: 0;
    }

    .page-nav > ul > li {
        width: 25%;
        min-height: 144px;
        float: left;
        border-bottom: 0;
        border-left: 1px solid #c9c4c0;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }

        .page-nav > ul > li:last-of-type {
            border-right: 1px solid #c9c4c0;
        }

        .page-nav > ul > li:hover {
            background: #44c8f5;
        }

    .site-header .page-nav > ul > li.open.current,
    .site-header .page-nav > ul > li.open {
        background: url("/assets/images/bg-header-nav-item-active-accent-blue.png") left top repeat-x;
        position: static;
        /* transition-delay:300ms; */
    }

    .site-header .page-nav > ul > li.current {
        background: url("/assets/images/bg-header-nav-item-active-accent-blue.png") -1px top repeat-x;
        position: static;
    }

    .drawer--has-open .page-nav .drawer > li.current {
        background: transparent;
        border-bottom: 0;
    }

        .drawer--has-open .page-nav .drawer > li.current .drawer__handle:before,
        .drawer--has-open .page-nav .drawer > li.current .drawer__handle:after {
            background-color: transparent;
            border: 0;
        }

    .main-nav .page-nav ul.sub-nav > li:first-child,
    .main-nav .page-nav ul.sub-nav > li:first-child a,
    .page-nav > ul > li:first-child,
    .page-nav > ul > li:first-child:hover {
        border-left: 0;
        display: none;
    }

    .popout-nav .page-nav li:first-child a {
        display: block;
    }

    /* =====================================
      HM added - modified width to be 188px
      ======================================*/
    .page-nav .drawer a.drawer__handle {
        background: none;
        padding: 15px;
        font-size: 1.5em;
        font-weight: 400;
        line-height: 1.25;
        position: relative;
        z-index: 2;
        color: #113c66;
        height: 144px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .page-nav .drawer a.drawer__handle:hover {
            background: none;
            color: #113c66;
        }

    .page-nav .drawer li.open a.drawer__handle {
        background: none;
        margin: 0;
        color: #000;
    }

    .page-nav .open a {
        margin-left: 0;
    }

    .page-nav p {
        color: #fff;
        font-size: 0.78em;
        font-weight: 400;
        line-height: 1.3;
        position: absolute;
        top: 80px;
        padding-left: 25px;
        width: 180px;
        cursor: pointer;
        display: none;
    }

    .page-nav > ul > li.open.current,
    .page-nav > ul > li.open {
        min-height: 310px;
        position: static;
        border: 0;
    }

    .popout-nav .sub-nav {
        position: absolute;
        top: 150px;
        border: 0;
        background: 0;
        padding: 19px 0 12px 0;
        overflow: hidden;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
    }

    .sub-nav {
        top: 150px;
        border: 0;
        background: 0;
        padding: 19px 0 12px;
        overflow: hidden;
        text-align: center;
    }

        .sub-nav li p {
            color: #555;
            font-size: 0.3em;
            position: relative;
            top: 0;
        }

        .sub-nav .nav-stack li a {
            padding: 3px 0;
        }

        .sub-nav a {
            color: #00447c;
        }

    .main-nav .drawer li:nth-of-type(2) .sub-nav,
    .main-nav .drawer li:nth-of-type(4) .sub-nav {
        width: 600px;
    }

    .main-nav .sub-nav .nav-stack {
        padding: 20px 0;
        text-align: left;
    }

        .main-nav .sub-nav .nav-stack ul {
            padding: 0 20px;
        }

    .main-nav .drawer li:nth-of-type(2) .sub-nav .nav-stack ul,
    .main-nav .drawer li:nth-of-type(4) .sub-nav .nav-stack ul {
        display: table-cell;
        width: 40%;
    }

    .sub-nav .nav-stack ul {
        font-size: 1.25em;
    }

    .popout-nav .sub-nav .nav-stack ul {
        float: left;
        width: 200px;
        text-align: left;
    }

    .popout-nav .sub-nav li {
        width: 155px;
        float: left;
        margin: 0;
        padding-left: 10px;
    }

    .sub-nav li a {
        padding: 5px 0;
        font-weight: 400;
        font-size: 0.75em;
        line-height: 1.3;
    }

    /* CLICK Nav updates Aug 2021 */

    .page-nav .drawer a.drawer__handle .main-nav-label {
        max-width: calc(100% - 31px);
    }

    .page-nav > ul > li a.drawer__handle.has-sub-nav::after {
        content: "";
        display: inline-block;
        margin-left: 10px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.2398 18.7843' %3e%3cpolyline style='fill:none;stroke:%23113c66;stroke-miterlimit:10;stroke-width:2.5;' points='32.881 0.349 16.62 17.067 0.358 0.349' /%3e%3c/svg%3e");
        background-position: center;
        background-repeat: no-repeat;
        transition: transform 100ms ease-in-out;
        height: 21px;
        width: 21px;
    }

    @media (prefers-reduced-motion: reduce) {
        .page-nav > ul > li a.drawer__handle.has-sub-nav::after {
            transition: none;
        }
    }

    .page-nav > ul > li a.drawer__handle.has-sub-nav:focus::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.2398 19.7843' %3e%3cpolyline style='fill:none;stroke:%23113c66;stroke-miterlimit:10;stroke-width:5;' points='32.881 0.349 16.62 17.067 0.358 0.349' /%3e%3c/svg%3e");
    }

    .page-nav > ul > li.open a.drawer__handle.has-sub-nav::after {
        transform: scaleY(-1);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.2398 18.7843' %3e%3cpolyline style='fill:none;stroke:%23000000;stroke-miterlimit:10;stroke-width:2.5;' points='32.881 0.349 16.62 17.067 0.358 0.349' /%3e%3c/svg%3e");
    }

    .page-nav > ul > li.open a.drawer__handle.has-sub-nav:focus::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.2398 19.7843' %3e%3cpolyline style='fill:none;stroke:%23000000;stroke-miterlimit:10;stroke-width:5;' points='32.881 0.349 16.62 17.067 0.358 0.349' /%3e%3c/svg%3e");
    }

    .page-nav .exploreLink > a {
        border-top: 1px solid #d0d0d0;
        margin-top: 12px;
        font-weight: bold;
    }

    /* ==========================================================================
      Popout Navigation -- reused as side bar nav
      ========================================================================== */

    .popout-nav {
        display: block;
        position: fixed;
        width: 185px;
        background: rgba(17, 60, 102, 0.95);
    }

    #side-nav .popout-nav {
        position: relative;
    }

    .lt-ie9 .popout-nav {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900447c,endColorstr=#9900447c);
        zoom: 1;
    }

    .popout-nav[style] {
        /* Make sure the mobile nav is closed */
        top: 330px !important;
        left: 0 !important;
    }

    .popout-nav .page-nav {
        margin: 0;
        width: auto;
    }

        .popout-nav .page-nav .drawer a.drawer__handle:hover {
            background: none repeat scroll 0 0 #61a2d8;
        }

    .popout-nav .topbar,
    .popout-nav .drawer,
    .popout-nav .drawer p,
    .popout-nav .drawer > li {
        display: none;
    }

    .popout-nav .drawer li.current,
    .popout-nav .drawer li.current ul {
        display: block;
        overflow: hidden;
        width: 100%;
        border: 0;
        float: none;
    }

    .popout-nav .drawer a.drawer__handle.two-line,
    .popout-nav .drawer a.drawer__handle {
        display: none;
    }

    .popout-nav .drawer li.current .sub-nav {
        height: auto;
        position: relative;
        top: 0;
        padding: 0 0 15px;
        margin: 0;
        overflow: hidden;
        background-color: #113c66;
    }

    .popout-nav .sub-nav li {
        position: relative;
        width: 100%;
        display: block;
        border: 0;
        top: 0;
        left: 0;
        font-size: 0.85em;
        padding: 1px 25px;
    }

    .popout-nav .sub-nav .nav-stack {
        padding: 0;
        padding-top: 10px;
    }

    .popout-nav .sub-nav > li:first-child {
        padding: 7px 5px 5px 25px;
        background: #113c66;
        font-size: 1.25em;
        color: #fff;
        text-align: left;
        border-bottom: 1px solid #fff;
    }

        .popout-nav .sub-nav > li:first-child a {
            margin-left: 0;
            padding: 0;
        }

    .popout-nav .sub-nav li.active {
        background: #44c8f5;
    }

    .popout-nav .sub-nav li a {
        color: #fff;
        padding: 5px 0;
    }

    .site-header .site-search__input {
        height: 20px;
    }
    /* ==========================================================================
      Static Search Bar
      ========================================================================== */

    .site-search {
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        margin-bottom: 4px;
        width: 185px;
        padding: 10px 25px 5px;
        background: rgba(17, 60, 102, 0.95);
    }

    #side-nav .site-search {
        position: relative;
    }

    .lt-ie9 .site-search {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f200447c,endColorstr=#f200447c);
        zoom: 1;
    }

    input.site-search__input {
        padding: 3px;
        font-size: 1em;
        width: 115px;
        height: 20px;
    }

    .site-search__submit {
        height: 20px;
        width: 20px;
        background-size: 13px;
    }

    /* ==========================================================================
      Welcome Search Bar - On home page
      ========================================================================== */

    .welcome-search {
        padding: 22px 0 15px;
        overflow: hidden;
    }

        .welcome-search .site-search__input {
            width: 410px;
            height: 49px;
            padding: 14px 25px 12px;
            font-size: 1.25em;
            color: #333;
        }

        .welcome-search .site-search__submit {
            width: 50px;
            height: 49px;
            background: url("/assets/images/icon-site-search-deep-blue.png") no-repeat scroll center center #44c8f5;
        }

            .welcome-search .site-search__submit:hover {
                background-color: #00aeef;
            }

    /* ==========================================================================
      Page Setup
      ========================================================================== */

    .page-wrapper {
        position: relative;
        background: 0;
        margin-top: 0;
        min-height: 97%;
    }

        .page-wrapper:after {
            content: "";
            display: block;
        }

    .page-wrap:after {
        height: 60px;
    }

    .page-wrapper[style] {
        /* Make sure the mobile nav is closed */
        margin-left: 0 !important;
    }

    .page {
        overflow: hidden;
    }

        .page:last-child {
            margin-bottom: 200px;
        }

        .page article {
            margin-top: 0;
        }

        .page > header {
            padding: 0 0 12px;
        }

        .page .module {
            padding: 10px 20px 15px;
            margin: 0 0 15px;
        }

            .page .module.notification {
                padding: 20px 20px 15px;
            }

    .content-wrapper {
        width: 950px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 192px;
    }

    .page > header .content-wrapper {
        padding-right: 10%;
    }

    .phShortL .content-wrapper {
        margin-top: 30px;
    }
    /* ==========================================================================
      Large Image Page -- I.E. Home
      ========================================================================== */
    .page.page--large-image {
        padding-bottom: 0px;
        margin-bottom: 0;
        min-height: 800px;
    }

    .page--large-image .bg-image {
        display: none;
    }

    .page--large-image .heading-page {
        margin-bottom: 15px;
    }

    .page--large-image > article {
        z-index: 10;
        position: relative;
        padding-top: 12px;
    }

    .page--large-image .module {
        width: 280px;
        float: right;
        clear: both;
        margin: 10px 0 0;
        border: 1px solid #e2e2e2;
    }

        .page--large-image .module:last-child {
            margin-bottom: 40px;
        }

    .page--large-image .heading-page-category {
        margin-top: 16px;
    }

    .page--large-image .module.notification {
        margin-top: 20px;
        min-height: 228px;
    }

        .page--large-image .module.notification iframe {
            display: block;
        }

    /* ==========================================================================
      Blue Pages - Image Drops off on mobile
      ========================================================================== */

    .page--blue {
        background: 0;
        min-height: 1100px;
        margin-bottom: 250px;
        margin-top: 200px;
    }

        .page--blue header {
            background: rgba(0, 68, 124, 0.6);
            margin-bottom: 90px;
            padding: 30px 0 30px 0;
        }

    .lt-ie9 .page--blue header {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900447c,endColorstr=#9900447c);
        zoom: 1;
    }

    .page--blue header p {
        font-size: 1.75em;
        line-height: 1.55;
    }

    .page--blue .btn-block {
        float: right;
        clear: both;
        margin-right: 20px;
        font-size: 1.5em;
        font-weight: 400;
        padding: 12px 26px;
    }

        .page--blue .btn-block:after {
            vertical-align: sub;
            margin-left: 14px;
        }

    .page--blue .link-list li a {
        margin-bottom: 30px;
        padding: 12px 30px;
    }

    /* ==========================================================================
      Login Page -- Fringe Case
      ========================================================================== */

    .page--login {
        background: transparent;
    }

        .page--login header {
            margin: 0;
        }

    .login-form,
    .registration-form {
        margin-top: 175px;
        background: rgba(238, 238, 238, 0.85);
        overflow: hidden;
        padding-right: 0;
        padding-left: 25px;
    }

    .lt-ie9 .login-form,
    .lt-ie9 .registration-form {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8eeeeee,endColorstr=#d8eeeeee);
        zoom: 1;
    }

    .content-wrapper.login-form--wrapper {
        padding-right: 180px;
        padding-top: 0;
    }

    .registration-form {
        margin-top: 0;
        padding-bottom: 20px;
    }

    .login-form fieldset {
        width: 50%;
        padding-right: 4%;
        float: left;
    }

    .registration-form fieldset {
        width: auto;
        float: none;
        padding-right: 4%;
    }

    .login-form fieldset:nth-child(3) {
        clear: both;
        float: right;
        width: auto;
    }

    .login-form fieldset:nth-child(4) {
        width: auto;
        margin-top: 30px;
    }

        .login-form fieldset:nth-child(4) input {
            padding-top: 3px;
        }

    form.login-form > a {
        margin-top: 30px;
        margin-right: 20px;
        float: right;
        display: block;
        font-size: 1.5em;
    }

    .login-form__register label {
        float: left;
    }

    .login-form__register .btn-block {
        float: right;
        font-size: 1.75em;
        font-weight: 400;
    }

    /* ==========================================================================
      Registration -- Fringe Case
      ========================================================================== */

    .registration-form fieldset > div {
        min-width: 250px;
        width: 40%;
        float: left;
        padding-right: 30px;
    }

    .registration-form select {
        margin-bottom: 0;
    }

    .registration-form fieldset > div:nth-child(5) {
        clear: both;
        float: none;
    }

    .registration-form fieldset > div:nth-child(8) {
        width: 51.55367%;
    }

    .registration-form fieldset > div:nth-child(9) {
        min-width: 80px;
        width: 12.28813%;
    }

    .registration-form fieldset > div:nth-child(10) {
        width: 25.42372%;
        padding-right: 0;
    }

    .registration-form fieldset > div:nth-child(11) {
        min-width: 100px;
        width: 31.37254%;
    }

    .registration-form fieldset > div:nth-child(12) {
        min-width: 100px;
        width: 26.47058%;
    }

    .registration-form fieldset > div:nth-child(13) {
        width: 32.35294%;
        padding-right: 0;
    }

    .registration-form fieldset > div:nth-child(14) {
        clear: both;
    }

    .registration-form fieldset > div:nth-child(15) {
        padding-top: 27px;
    }

    .registration-form fieldset > div:nth-child(16) {
        float: right;
        min-width: 100px;
        width: 108px;
        padding-right: 0;
        margin-top: 30px;
    }

    /* ==========================================================================
      Grey Pages
      ========================================================================== */

    .page--grey {
        background: 0;
    }

    /* ==========================================================================
      Contact Form
      ========================================================================== */

    .contact-form {
        padding: 0 25px 0px;
    }

        .contact-form label select {
            margin-top: 5px;
        }

        .contact-form fieldset:first-child label {
            width: 280px;
            float: left;
        }

        .contact-form .form-stack {
            width: 280px;
            padding-right: 30px;
            float: left;
        }

        .contact-form .form-stack__textarea {
            width: 385px;
            float: left;
        }

        .contact-form textarea {
            width: 406px;
            height: 122px;
        }

        .contact-form .btn-block {
            float: right;
        }

    /* ==========================================================================
      HM Added - modified width for legal to be 300px
      ========================================================================== */

    .site-footer__site-legal {
        padding-top: 12px;
        width: 300px;
        font-size: 0.75em;
    }

    /* ==========================================================================
      Default Module - Generic Container 
      Other modules can inherit from this
      ========================================================================== */

    .module {
        border: 1px solid #e0e0e0;
        overflow: hidden;
    }

    .page .module.module--span {
        padding: 10px;
    }

    .drawer.boxy-drawer.module--span a {
        text-decoration: none;
    }

        .drawer.boxy-drawer.module--span a:hover {
            text-decoration: underline;
            font-weight: normal;
        }

    .module .two-col {
        margin-right: 25px;
        width: 48%;
        float: left;
        padding: 15px 0;
    }

    .lt-ie9 .module .two-col {
        width: 46%;
    }

    .module .two-col li {
        margin-bottom: 10px;
    }

    .module .two-col:last-child {
        margin-right: 0;
    }

    /* ==========================================================================
      Module Image Placers
      ========================================================================== */

    .module--image-right {
        overflow: hidden;
    }

        .module--image-right > div {
            width: 48%;
            float: left;
        }

        .module--image-right > img {
            width: 48%;
            float: right;
            margin-top: 15px;
        }

        .module--image-right .heading-sub-module,
        .module--image-left .heading-sub-module,
        .module--image-span .heading-sub-module {
            margin-bottom: 10px;
        }

    .module--image-left {
        overflow: hidden;
    }

        .module--image-left > div {
            width: 48%;
            float: right;
        }

        .module--image-left > img {
            width: 48%;
            float: left;
            margin-top: 15px;
        }

    /* ==========================================================================
      Module - Medium Content 
      ========================================================================== */

    .module.medium {
        padding: 20px 20px 15px;
    }

    /* ==========================================================================
      HM Added - modified for 60/40 div/img 
      ========================================================================== */

    .medium > div {
        padding-bottom: 5px;
        padding-left: 20px;
        max-width: 55%;
        float: left;
    }

    .medium > img {
        margin: 0;
        height: auto;
        width: 40%;
        float: left;
    }

    .medium > a {
        width: auto;
    }

    .medium p {
        margin-bottom: 20px;
    }

    .medium .heading-sub-module {
        font-size: 1em;
        padding-left: 0;
        margin: 0 0 15px;
        font-weight: 400;
        font-size: 1.5em;
        color: #000;
    }

    /* ==========================================================================
      Module Grid
      ========================================================================== */

    .module-grid {
        overflow: hidden;
        margin: 0 0 15px;
    }

    .module-grid__item {
        width: 31.95%;
        float: left;
        margin-bottom: 15px;
        margin-right: 15px;
        height: 300px;
    }

        .module-grid__item:nth-child(3n + 3) {
            margin-right: 0;
        }

    .tabbed--vertical .module-grid__item:nth-child(3n + 3) {
        margin-right: 15px;
    }

    .module-grid__item header {
        padding: 13px 20px;
    }

    .module-grid__item > img {
        display: block;
        border: 1px solid #e0e0e0;
        border-bottom: 0;
    }

    .module-grid__inner {
        min-height: 280px;
    }

        .module-grid__inner ul {
            margin: 20px 0;
        }

    .module-grid__inner {
        padding-top: 13px;
    }

        .module-grid__inner li {
            line-height: 1.3;
        }

    /* ==========================================================================
      Module - Drawers
      ========================================================================== */

    .drawer article {
        margin-top: 5px;
    }

    .drawer a.drawer__handle {
        font-size: 1em;
        padding-left: 40px;
        background-position: 16px center;
    }

        .drawer a.drawer__handle:hover,
        .drawer .open a.drawer__handle {
            background-position: 15px center;
        }

    a.drawer__toggler {
        padding-left: 0;
    }

    /* ================================================
      HM Added - drawer background colors
      ================================================ */

    .module.drawer {
        background: rgba(238, 238, 238, 0.85);
    }

    .page--grey .module.drawer,
    .page--blue .module.drawer {
        background: rgba(255, 255, 255, 0.85);
    }

    /* ================================================
      HM Added - drawer background colors
      ================================================ */

    .module.drawer {
        /*background:rgba(238,238,238,0.85);*/
        background: rgba(255, 255, 255, 0.85);
    }

    .page--grey .module.drawer,
    .page--blue .module.drawer {
        background: rgba(255, 255, 255, 0.85);
    }

    /* ==========================================================================
      Module - Boxy Drawer
      ========================================================================== */

    .boxy-drawer {
        display: flex;
    }

        .boxy-drawer .drawer__inner {
            display: block;
            padding: 0;
        }

        .boxy-drawer article {
            width: 31.95%;
            float: left;
            margin-right: 15px;
            margin-top: 0;
            background: rgba(255, 255, 255, 0.85);
            padding: 20px;
            border: 1px solid #ddd;
            min-height: 330px;
        }

    .lt-ie9 .boxy-drawer article {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff);
        zoom: 1;
        width: 31%;
        min-height: 290px;
    }

    .boxy-drawer article:nth-child(3n + 3) {
        margin-right: 0;
    }

    .boxy-drawer .open a.drawer__handle,
    .boxy-drawer a.drawer__handle,
    .boxy-drawer .open a.drawer__handle:hover,
    .boxy-drawer a.drawer__handle:hover,
    .drawer.boxy-drawer .open a.drawer__handle:hover,
    .drawer.boxy-drawer a.drawer__handle:hover,
    .boxy-drawer .open div.drawer__handle,
    .boxy-drawer div.drawer__handle,
    .boxy-drawer .open div.drawer__handle:hover,
    .boxy-drawer div.drawer__handle:hover,
    .drawer.boxy-drawer .open div.drawer__handle:hover,
    .drawer.boxy-drawer div.drawer__handle:hover {
        background: 0;
        color: #555;
        padding: 0 0 12px;
    }

    /* ==========================================================================
      Module - Aside Content
      ========================================================================== */

    .aside-content {
        overflow: hidden;
    }

    header.aside-content {
        padding-left: 0;
        padding-right: 0;
    }

    .aside-content__main {
        width: 67%;
        padding-right: 20px;
        float: left;
    }

        .aside-content__main a {
            text-decoration: underline;
            text-underline-offset: 3px;
        }

            .aside-content__main a:hover {
                text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
                text-decoration-skip-ink: none;
            }

    .content-wrapper__wide .aside-content__main {
        width: 100%;
    }

    .content-wrapper.content-wrapper__xwide {
        width: 100%;
        max-width: 980px;
    }

    .aside-content__main p {
        font-size: 1em;
    }

    .aside-content__main ol,
    .aside-content__main ul {
        font-size: 1em;
    }

    .aside-content aside {
        float: right;
        width: 33%;
        border-left: 1px solid #e0e0e0;
        border-top: 0;
        padding-left: 18px;
        margin-top: 10px;
    }

    .content-wrapper__wide .aside-content aside {
        float: left;
        width: 100%;
        border-left: none;
        padding-left: 0;
        padding: 20px 0 0px;
        margin-top: 0;
        border-top: #777 1px solid;
    }

    .aside-content aside .heading-sub-module {
        font-size: 1.1em;
        margin-top: 5px;
    }

    .aside-content aside h2 {
        color: #555;
    }

    .aside-content aside img {
        margin-bottom: 10px;
    }

    .aside-content aside dl {
        margin: 0.5em 0;
    }

    .aside-content .street-address a,
    .aside-content .street-address a:active {
        text-decoration: none;
    }

        .aside-content .street-address a:hover {
            text-decoration: underline;
            font-weight: 400px;
        }

    /* ==========================================================================
      Module - Search Results List
      ========================================================================== */

    .search-results li {
        padding: 20px 25px;
    }

        .search-results li a {
            font-size: 1.1em;
        }

    /* ==========================================================================
      Module - Refine List
      ========================================================================== */

    .refine-list {
        overflow: hidden;
        padding-bottom: 10px;
        margin-top: 30px;
    }

        .refine-list fieldset {
            width: 35%;
            float: left;
        }

        .refine-list label {
            width: auto;
            padding-right: 5px;
        }

    /* ==========================================================================
      Module - Street Address
      ========================================================================== */

    .street-address {
        border: 0;
    }

        .street-address .heading-sub-module {
            font-size: 1.5em;
        }

        .street-address .bold {
            font-weight: 400;
            margin-bottom: 10px;
        }

    /* ==========================================================================
      Module - Horizontal Tabs
      ========================================================================== */

    .tabbed {
        overflow: hidden;
    }

    .tabbed--horizontal .tabbed__page.tabbed--active {
        background: 0;
    }

        .tabbed--horizontal .tabbed__page.tabbed--active .drawer {
            background: rgba(255, 255, 255, 0.85);
            padding: 10px;
        }

    .tabbed--horizontal .tabbed__nav {
        padding: 0;
        height: 55px;
        margin-bottom: 0px;
    }

        .tabbed--horizontal .tabbed__nav li {
            float: left;
            background: #113c66;
            margin-right: 5px;
            line-height: 1.2;
            position: relative;
        }

            .tabbed--horizontal .tabbed__nav li:hover {
                background-color: #44c8f5;
            }

        .tabbed--horizontal .tabbed__nav a:hover {
            text-decoration: none;
            color: #113c66;
        }

    .tabbed--horizontal a.tabbed--inactive {
        display: block;
        color: #fff;
    }

    .tabbed--horizontal a.tabbed--active {
        position: relative;
        background: #44c8f5;
        color: #113c66;
    }

        .tabbed--horizontal a.tabbed--active:focus::before,
        .tabbed--horizontal a.tabbed--active::after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border: 11px solid transparent;
            border-top-color: #44c8f5;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 999;
        }

        .tabbed--horizontal a.tabbed--active:focus::after {
            top: calc(100% - 2px);
            filter: drop-shadow(0px 2px 0 white);
        }

        .tabbed--horizontal a.tabbed--active:focus::before {
            border: 16px solid transparent;
            border-top-color: #e17a00;
        }

    .drawer div.drawer__handle:hover {
        background: #44c8f5 url("/assets/images/icon-dark-blue-plus.png") 25px center no-repeat;
        color: #113c66;
    }

    .drawer div.drawer__handle a:hover {
        background: #44c8f5 url("/assets/images/icon-dark-blue-plus.png") 25px center no-repeat;
        color: #113c66;
    }

    .drawer a.drawer__handle:hover {
        background: #44c8f5 url("/assets/images/icon-dark-blue-plus.png") 15px center no-repeat;
        color: #113c66;
    }

    /* ==========================================================================
      Module - Horizontal Tab Modal
      ========================================================================== */

    .modal .modal__header {
        overflow: hidden;
        padding-top: 6px;
    }

        .modal .modal__header li {
            float: left;
            width: auto;
            margin-right: 15px;
        }

    a.btn-close-modal {
        position: absolute;
        top: 4px;
        right: 33px;
        color: #999;
    }

    .modal a.btn-close-modal:after {
        margin-left: 10px;
        font-size: 1.5em;
        position: absolute;
        top: -2px;
        display: inline;
    }

    /* ==========================================================================
      Module - Vertical Tabs
      ========================================================================== */

    .tabbed--vertical .tabbed__nav {
        padding: 0;
        margin-bottom: 5px;
        float: left;
        width: 20%;
        overflow: visible;
    }

    .tabbed--vertical .tabbed__page {
        float: right;
        width: 80%;
        /*removed - removing extra white space from box*/
        /*min-height: 560px;*/
        padding: 10px;
        border: 1px solid #e0e0e0;
    }

    .tabbed--vertical .tabbed__nav ul {
        border: 1px solid #e0e0e0;
    }

    .tabbed--vertical .tabbed__nav li {
        background: #113c66;
    }

        .tabbed--vertical .tabbed__nav li:hover {
            background: #44c8f5;
        }

        .tabbed--vertical .tabbed__nav li a:hover {
            color: #113c66;
        }

    .tabbed--vertical .tabbed__nav a {
        font-weight: 400;
        padding: 8px 10px;
        font-size: 1em;
        line-height: 1.3;
    }

        .tabbed--vertical .tabbed__nav a:hover {
            text-decoration: none;
        }

    .tabbed--vertical a.tabbed--inactive {
        display: block;
        color: #fff;
    }

    .tabbed--vertical a.tabbed--active {
        position: relative;
        background: #44c8f5;
    }

        .tabbed--vertical a.tabbed--active:focus::before,
        .tabbed--vertical a.tabbed--active::after {
            content: " ";
            height: 0;
            position: absolute;
            width: 0;
            border: 10px solid transparent;
            border-left-color: #44c8f5;
            top: 50%;
            left: 100%;
            transform: translateY(-50%);
        }

        .tabbed--vertical a.tabbed--active:focus::after {
            left: calc(100% - 2px);
            filter: drop-shadow(2px 0px 0 white);
        }

        .tabbed--vertical a.tabbed--active:focus::before {
            border: 16px solid transparent;
            border-left-color: #e17a00;
        }

    .tabbed--vertical .aside-content {
        padding-left: 20px;
    }

    .tabbed--vertical a.btn-block {
        padding: 0;
    }

        .tabbed--vertical a.btn-block:hover {
            text-decoration: none;
            border-bottom: 1px solid;
        }

    /* ==========================================================================
      Module - Tertiary Level Sidebar
      ========================================================================== */

    .tert-lvl-sidebar {
        position: fixed;
        width: 185px;
        background: #f1f1f1;
        padding: 15px 5px 15px 25px;
        border: 0;
        z-index: 1;
    }

        .tert-lvl-sidebar a {
            color: #0070c1;
        }

    #side-nav .tert-lvl-sidebar {
        position: relative;
    }

    .tert-lvl-sidebar .heading-module {
        font-size: 1.15em;
        margin-top: 0;
    }

    .tert-lvl-sidebar ul {
        margin: 15px 0;
    }

    .tert-lvl-sidebar li {
        margin-bottom: 10px;
        line-height: 1.4;
    }

    /* ==========================================================================
      Module - Breadcrumbs
      ========================================================================== */

    .breadcrumbs {
        display: block;
        background: #fff;
        margin-top: -19px;
        padding: 50px 0 10px;
        overflow: hidden;
        font-size: 0.9em;
        color: #555;
        /*position: relative;
          z-index: -2;*/
    }

    .drawer--has-open + .breadcrumbs {
        margin-top: 0;
    }

    .breadcrumbs a {
        font-size: 1em;
        margin-right: 5px;
    }

    .breadcrumbs .content-wrapper p a {
        text-decoration: none;
        font-weight: 400;
    }

        .breadcrumbs .content-wrapper p a:hover {
            text-decoration: underline;
        }

    .breadcrumbs span {
        font-size: 1em;
        color: #555;
        font-weight: 700;
    }

    /* ==========================================================================
      Module - Pagination
      ========================================================================== */

    .pagination {
        margin-top: 35px;
    }

    .pagination__next,
    .pagination__prev {
        width: 30px;
        height: 30px;
    }

    .pagination li a {
        padding: 5px 10px;
    }

    /* ==========================================================================
      Module Department List
      ========================================================================== */

    .department-list li {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .department-list__content {
        width: 600px;
        float: left;
        padding-top: 10px;
    }

        .department-list__content span {
            display: inline;
        }

    .department-list__links {
        width: 120px;
        float: right;
        padding: 20px 0;
        margin: 0;
    }

        .department-list__links a:before {
            width: 28px;
            margin: 0 0 10px;
        }

    /* ==========================================================================
      Module Page Search
      ========================================================================== */

    .page-search .site-search__input {
        font-size: 1.5em;
        padding: 10px 15px;
        height: 35px;
        width: 215px;
        background: #ddd;
    }

    .page-search .site-search__submit {
        width: 35px;
        height: 35px;
    }

    /* ==========================================================================
      Module Alpha List
      ========================================================================== */

    .alpha-select {
        display: none;
    }

    .alpha-list {
        display: block;
        width: 145px;
    }

        .alpha-list li {
            display: inline-block;
            border-right: 1px solid #000;
            margin-right: 3px;
            padding-right: 4px;
        }

            .alpha-list li:last-child {
                border: 0;
            }

    /* ==========================================================================
      Module - Overlay Slider
      ========================================================================== */

    .overlay-slider {
        width: 100%;
        background: rgba(0, 0, 0, 0.55);
        clear: both;
        padding: 24px 0 35px;
        position: absolute;
        /* top: 336px; */
        bottom: 20px;
    }

    .lt-ie9 .overlay-slider {
        top: 340px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8c000000,endColorstr=#8c000000);
        zoom: 1;
    }

    .overlay-slider .content-wrapper {
        padding: 0;
        min-height: 169px;
    }

    .overlay-slider__nav {
        overflow: hidden;
        position: relative;
        bottom: auto;
        left: auto;
    }

        .overlay-slider__nav button,
        .overlay-slider__nav a {
            display: block;
            text-indent: -9999px;
            width: 20px;
            height: 18px;
            background: url("/assets/images/sprite-slider-nav.png") center -129px no-repeat;
        }

            .overlay-slider__nav a:hover,
            .overlay-slider__nav a.active {
                background-position: center -105px;
            }

    button.overlay-slider__prev {
        background-position: center -25px;
    }

        button.overlay-slider__prev:hover {
            background-position: center 1px;
        }

    button.overlay-slider__next {
        background-position: center -79px;
    }

        button.overlay-slider__next:hover {
            background-position: center -50px;
        }

    .overlay-slider__slide {
        overflow: hidden;
        width: 819px;
        display: none;
        position: absolute;
    }

        .overlay-slider__slide.active {
            display: block;
        }

        .overlay-slider__slide > img {
            float: left;
            display: block;
        }

        .overlay-slider__slide > div {
            float: left;
            /* padding-left: 25px; */
            padding-left: 0;
            width: 480px;
        }

        .overlay-slider__slide h1 {
            color: #fff;
            font-size: 1.875em;
            margin: 0 0 10px;
        }

        .overlay-slider__slide .btn-block {
            background: transparent;
            padding: 0;
            font-size: 1.25em;
        }

            .overlay-slider__slide .btn-block:hover {
                background: transparent;
                color: #fff;
            }

            .overlay-slider__slide .btn-block:after {
                vertical-align: sub;
            }
    /* ==========================================================
      HM added min-height for homepage slider
      ===========================================================*/
    /*.homePage {
      min-height: 570px !important;
      }*/

    /* ==========================================================================
      Top Reminder
      ========================================================================== */

    a.top-reminder {
        position: fixed;
        bottom: -45px;
        left: 65px;
        background: rgba(68, 200, 245, 0.8);
        padding: 15px 20px 12px 20px;
        color: #113c66;
        font-weight: 700;
        width: auto;
        z-index: 105;
    }

    .lt-ie9 a.top-reminder {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d861a2d8,endColorstr=#d861a2d8);
        zoom: 1;
    }

    a.top-reminder:hover {
        text-decoration: none;
    }

    /* ==========================================================================
      Scroll Reminder
      ========================================================================== */

    .scroll-reminder {
        position: fixed;
        bottom: 0;
        left: 50%;
        background: rgba(0, 0, 0, 0.7);
        padding: 15px 23px 46px;
        color: #fff;
        font-weight: 700;
        margin-left: -44px;
    }

    .lt-ie9 .scroll-reminder {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
        zoom: 1;
    }

    .scroll-reminder:after {
        position: absolute;
        top: 43px;
        left: 16px;
        font-size: 1.95em;
    }

    .lt-ie9 .scroll-reminder:after {
        left: 25px;
    }

    .single-content {
        margin-top: 175px;
    }

    /* ==========================================================================
      UberBg Setup
      ========================================================================== */

    .uber-background {
        display: block;
        z-index: 0;
        overflow: visible;
    }

        .uber-background div {
            position: fixed;
            width: 100%;
            min-height: 100%;
            top: 0;
            left: 0;
            display: none;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-color: #fff;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .no-backgroundsize .uber-background div {
        width: 990px;
        left: 50%;
        min-height: 100%;
        background-color: #fff;
        margin-left: -495px;
        background-position: center bottom;
    }

        .no-backgroundsize .uber-background div:first-child {
            background-position: center center;
        }

    .no-backgroundsize .no-background div {
        width: 100%;
        left: 0;
        margin: 0;
    }

    .uber-background div:first-child {
        display: block;
    }

    .page-bg--about {
        background-image: url("/assets/uberbg/bg-about.jpg");
    }

    .lt-ie9 .page-bg--about {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-about.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-about.jpg', sizingMethod='scale')";
    }

    .page-bg--apply {
        background-image: url("/assets/uberbg/bg-apply.jpg");
    }

    .lt-ie9 .page-bg--apply {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-apply.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-apply.jpg', sizingMethod='scale')";
    }

    .page-bg--business {
        background-image: url("/assets/uberbg/sm-business.jpg");
    }

    .lt-ie9 .page-bg--business {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-business.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-business.jpg', sizingMethod='scale')";
    }

    .page-bg--businessproperty {
        background-image: url("/assets/uberbg/sm-businessproperty.jpg");
    }

    .lt-ie9 .page-bg--businessproperty {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-businessproperty.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-businessproperty.jpg', sizingMethod='scale')";
    }

    .page-bg--businessrecycling {
        background-image: url("/assets/uberbg/sm-business_recycling.jpg");
    }

    .lt-ie9 .page-bg--businessrecycling {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-business_recycling.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-business_recycling.jpg', sizingMethod='scale')";
    }

    .page-bg--conservation {
        background-image: url("/assets/uberbg/business-conservation.jpg");
    }

    .lt-ie9 .page-bg--conservation {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/business-conservation.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/business-conservation.jpg', sizingMethod='scale')";
    }

    .page-bg--covid {
        background-image: url("/assets/uberbg/bg-covid.jpg");
    }

    .lt-ie9 .page-bg--covid {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-covid.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-covid.jpg', sizingMethod='scale')";
    }

    .page-bg--elections {
        background-image: url("/assets/uberbg/sm-elections.jpg");
    }

    .lt-ie9 .page-bg--elections {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-elections.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-elections.jpg', sizingMethod='scale')";
    }

    .page-bg--emergencies {
        background-image: url("/assets/uberbg/sm-emergencies.jpg");
    }

    .lt-ie9 .page-bg--emergencies {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-emergencies.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-emergencies.jpg', sizingMethod='scale')";
    }

    .page-bg--environment {
        background-image: url("/assets/uberbg/sm-environment.jpg");
    }

    .lt-ie9 .page-bg--environment {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-environment.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-environment.jpg', sizingMethod='scale')";
    }

    .page-bg--government {
        background-image: url("/assets/uberbg/sm-government.jpg");
    }

    .lt-ie9 .page-bg--government {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-government.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-government.jpg', sizingMethod='scale')";
    }

    .page-bg--governmentfacilities {
        background-image: url("/assets/uberbg/sm-GovernmentFacilities.jpg");
    }

    .lt-ie9 .page-bg--governmentfacilities {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-GovernmentFacilities.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-GovernmentFacilities.jpg', sizingMethod='scale')";
    }

    .page-bg--government_ordinance {
        background-image: url("/assets/uberbg/sm-government_ordinance.jpg");
    }

    .lt-ie9 .page-bg--government_ordinance {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-government_ordinance.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-government_ordinance.jpg', sizingMethod='scale')";
    }

    .page-bg--governmentoverview {
        background-image: url("/assets/uberbg/sm-governmentoverview.jpg");
    }

    .lt-ie9 .page-bg--governmentoverview {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-governmentoverview.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-governmentoverview.jpg', sizingMethod='scale')";
    }

    .page-bg--opengovernment {
        background-image: url("/assets/uberbg/sm-opengovernment.jpg");
    }

    .lt-ie9 .page-bg--opengovernment {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-opengovernment.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-opengovernment.jpg', sizingMethod='scale')";
    }

    .page-bg--projectsinitiatives {
        background-image: url("/assets/uberbg/sm-projectsinitiatives.jpg");
    }

    .lt-ie9 .page-bg--projectsinitiatives {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-projectsinitiatives.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-projectsinitiatives.jpg', sizingMethod='scale')";
    }

    .page-bg--healthmedical {
        background-image: url("/assets/uberbg/sm-healthmedical.jpg");
    }

    .lt-ie9 .page-bg--healthmedical {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-healthmedical.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-healthmedical.jpg', sizingMethod='scale')";
    }

    .page-bg--humanservices {
        background-image: url("/assets/uberbg/sm-humanservices.jpg");
    }

    .lt-ie9 .page-bg--humanservices {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-humanservices.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-humanservices.jpg', sizingMethod='scale')";
    }

    .page-bg--index {
        background-image: url("/assets/uberbg/sm-home.jpg");
        background-position: center center;
    }

    .lt-ie9 .page-bg--index {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-home.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-home.jpg', sizingMethod='scale')";
    }

    .page-bg--leadership {
        background-image: url("/assets/uberbg/bg-leadership.jpg");
    }

    .lt-ie9 .page-bg--leadership {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-leadership.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-leadership.jpg', sizingMethod='scale')";
    }

    .page-bg--learning {
        background-image: url("/assets/uberbg/bg-learning.jpg");
    }

    .lt-ie9 .page-bg--learning {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-learning.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-learning.jpg', sizingMethod='scale')";
    }

    .page-bg--library {
        background-image: url("/assets/uberbg/sm-library.jpg");
    }

    .lt-ie9 .page-bg--library {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-library.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-library.jpg', sizingMethod='scale')";
    }

    .page-bg--login {
        background-image: url("/assets/uberbg/bg-login.jpg");
    }

    .lt-ie9 .page-bg--login {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-login.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-login.jpg', sizingMethod='scale')";
    }

    .page-bg--makeapayment {
        background-image: url("/assets/uberbg/bg-makeapayment.jpg");
    }

    .lt-ie9 .page-bg--makeapayment {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-makeapayment.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-makeapayment.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv {
        background-image: url("/assets/uberbg/sm-onlineservices.jpg");
    }

    .lt-ie9 .page-bg--onlineserv {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_apply {
        background-image: url("/assets/uberbg/sm-onlineservices_apply.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_apply {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_apply.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_apply.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_ask {
        background-image: url("/assets/uberbg/sm-onlineservices_ask.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_ask {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_ask.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_ask.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_file {
        background-image: url("/assets/uberbg/sm-onlineservices_file.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_file {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_file.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_file.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_report {
        background-image: url("/assets/uberbg/sm-onlineservices_report.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_report {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_report.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_report.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_search {
        background-image: url("/assets/uberbg/sm-onlineservices_search.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_search {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_search.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-onlineservices_search.jpg', sizingMethod='scale')";
    }

    .page-bg--property {
        background-image: url("/assets/uberbg/sm-property.jpg");
    }

    .lt-ie9 .page-bg--property {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-property.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-property.jpg', sizingMethod='scale')";
    }

    .page-bg--recreation {
        background-image: url("/assets/uberbg/sm-recreation.jpg");
    }

    .lt-ie9 .page-bg--recreation {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-recreation.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-recreation.jpg', sizingMethod='scale')";
    }

    .page-bg--residents {
        background-image: url("/assets/uberbg/sm-residentsfall.jpg");
    }

    .lt-ie9 .page-bg--residents {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-residentsfall.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-residentsfall.jpg', sizingMethod='scale')";
    }

    .page-bg--schedule {
        background-image: url("/assets/uberbg/bg-schedule.jpg");
    }

    .lt-ie9 .page-bg--schedule {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-schedule.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-schedule.jpg', sizingMethod='scale')";
    }

    .page-bg--transportation {
        background-image: url("/assets/uberbg/sm-transportation_lighter.jpg");
    }

    .lt-ie9 .page-bg--transportation {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-transportation_lighter.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-transportation_lighter.jpg', sizingMethod='scale')";
    }

    .page-bg--workwithhennepin {
        background-image: url("/assets/uberbg/sm-workwithhennepin.jpg");
    }

    .lt-ie9 .page-bg--workwithhennepin {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-workwithhennepin', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-workwithhennepin', sizingMethod='scale')";
    }

    .page-bg--404 {
        background-image: url("/assets/uberbg/sm-404.jpg");
    }

    .lt-ie9 .page-bg--404 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-404.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-404.jpg', sizingMethod='scale')";
    }
}

@media only screen and (min-width: 1500px) {
    /* ==========================================================================
      UberBg Setup -- High res images for huge screens
      ========================================================================== */

    .no-backgroundsize .uber-background div {
        width: 1500px;
        left: 50%;
        margin-left: -750px;
        background-position: center center;
    }

    .page-bg--about {
        background-image: url("/assets/uberbg/bg-about-full.jpg");
    }

    .lt-ie9 .page-bg--about {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-about-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-about-full.jpg', sizingMethod='scale')";
    }

    .page-bg--apply {
        background-image: url("/assets/uberbg/bg-apply-full.jpg");
    }

    .lt-ie9 .page-bg--apply {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-apply-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-apply-full.jpg', sizingMethod='scale')";
    }

    .page-bg--business {
        background-image: url("/assets/uberbg/bg-business.jpg");
    }

    .lt-ie9 .page-bg--business {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-business.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-business.jpg', sizingMethod='scale')";
    }

    .page-bg--businessproperty {
        background-image: url("/assets/uberbg/bg-businessproperty.jpg");
    }

    .lt-ie9 .page-bg--businessproperty {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-businessproperty.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-businessproperty.jpg', sizingMethod='scale')";
    }

    .page-bg--businessrecycling {
        background-image: url("/assets/uberbg/bg-business_recycling.jpg");
    }

    .lt-ie9 .page-bg--businessrecycling {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-business_recycling.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-business_recycling.jpg', sizingMethod='scale')";
    }

    .page-bg--covid {
        background-image: url("/assets/uberbg/sm-covid.jpg");
    }

    .lt-ie9 .page-bg--covid {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-covid.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/sm-covid.jpg', sizingMethod='scale')";
    }

    .page-bg--elections {
        background-image: url("/assets/uberbg/bg-elections.jpg");
    }

    .lt-ie9 .page-bg--elections {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-elections.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-elections.jpg', sizingMethod='scale')";
    }

    .page-bg--emergencies {
        background-image: url("/assets/uberbg/bg-emergencies.jpg");
    }

    .lt-ie9 .page-bg--emergencies {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-emergencies.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-emergencies.jpg', sizingMethod='scale')";
    }

    .page-bg--environment {
        background-image: url("/assets/uberbg/bg-environment.jpg");
    }

    .lt-ie9 .page-bg--environment {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-environment.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-environment.jpg', sizingMethod='scale')";
    }

    .page-bg--government {
        background-image: url("/assets/uberbg/bg-government.jpg");
    }

    .lt-ie9 .page-bg--government {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-government.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-government.jpg', sizingMethod='scale')";
    }

    .page-bg--governmentfacilities {
        background-image: url("/assets/uberbg/bg-GovernmentFacilities.jpg");
    }

    .lt-ie9 .page-bg--governmentfacilities {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-GovernmentFacilities.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-GovernmentFacilities.jpg', sizingMethod='scale')";
    }

    .page-bg--government_ordinance {
        background-image: url("/assets/uberbg/bg-government_ordinance.jpg");
    }

    .lt-ie9 .page-bg--government_ordinance {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-government_ordinance.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-government_ordinance.jpg', sizingMethod='scale')";
    }

    .page-bg--governmentoverview {
        background-image: url("/assets/uberbg/bg-governmentoverview.jpg");
    }

    .lt-ie9 .page-bg--governmentoverview {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-governmentoverview.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-governmentoverview.jpg', sizingMethod='scale')";
    }

    .page-bg--opengovernment {
        background-image: url("/assets/uberbg/bg-opengovernment.jpg");
    }

    .lt-ie9 .page-bg--opengovernment {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-opengovernment.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-opengovernment.jpg', sizingMethod='scale')";
    }

    .page-bg--projectsinitiatives {
        background-image: url("/assets/uberbg/bg-projectsinitiatives.jpg");
    }

    .lt-ie9 .page-bg--projectsinitiatives {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-projectsinitiatives.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-projectsinitiatives.jpg', sizingMethod='scale')";
    }

    .page-bg--healthmedical {
        background-image: url("/assets/uberbg/bg-healthmedical.jpg");
    }

    .lt-ie9 .page-bg--healthmedical {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-healthmedical.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-healthmedical.jpg', sizingMethod='scale')";
    }

    .page-bg--humanservices {
        background-image: url("/assets/uberbg/bg-humanservices.jpg");
    }

    .lt-ie9 .page-bg--humanservices {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-humanservices.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-humanservices.jpg', sizingMethod='scale')";
    }

    .page-bg--index {
        background-image: url("/assets/uberbg/bg-home.jpg");
    }

    .lt-ie9 .page-bg--index {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-home.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-home.jpg', sizingMethod='scale')";
    }

    .page-bg--leadership {
        background-image: url("/assets/uberbg/bg-leadership-full.jpg");
    }

    .lt-ie9 .page-bg--leadership {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-leadership-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-leadership-full.jpg', sizingMethod='scale')";
    }

    .page-bg--learning {
        background-image: url("/assets/uberbg/bg-learning-full.jpg");
    }

    .lt-ie9 .page-bg--learning {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-learning-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-learning-full.jpg', sizingMethod='scale')";
    }

    .page-bg--library {
        background-image: url("/assets/uberbg/bg-library.jpg");
    }

    .lt-ie9 .page-bg--library {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-library.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-library.jpg', sizingMethod='scale')";
    }

    .page-bg--login {
        background-image: url("/assets/uberbg/bg-login-full.jpg");
    }

    .lt-ie9 .page-bg--login {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-login-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-login-full.jpg', sizingMethod='scale')";
    }

    .page-bg--makeapayment {
        background-image: url("/assets/uberbg/bg-makeapayment-full.jpg");
    }

    .lt-ie9 .page-bg--makeapayment {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-makeapayment-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-makeapayment-full.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv {
        background-image: url("/assets/uberbg/bg-onlineservices.jpg");
    }

    .lt-ie9 .page-bg--onlineserv {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_apply {
        background-image: url("/assets/uberbg/bg-onlineservices_apply.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_apply {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_apply.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_apply.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_ask {
        background-image: url("/assets/uberbg/bg-onlineservices_ask.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_ask {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_ask.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_ask.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_file {
        background-image: url("/assets/uberbg/bg-onlineservices_file.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_file {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_file.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_file.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_report {
        background-image: url("/assets/uberbg/bg-onlineservices_report.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_report {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_report.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_report.jpg', sizingMethod='scale')";
    }

    .page-bg--onlineserv_search {
        background-image: url("/assets/uberbg/bg-onlineservices_search.jpg");
    }

    .lt-ie9 .page-bg--onlineserv_search {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_search.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-onlineservices_search.jpg', sizingMethod='scale')";
    }

    .page-bg--property {
        background-image: url("/assets/uberbg/bg-property.jpg");
    }

    .lt-ie9 .page-bg--property {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-property.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-property.jpg', sizingMethod='scale')";
    }

    .page-bg--recreation {
        background-image: url("/assets/uberbg/bg-recreation.jpg");
    }

    .lt-ie9 .page-bg--recreation {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-recreation.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-recreation.jpg', sizingMethod='scale')";
    }

    .page-bg--residents {
        background-image: url("/assets/uberbg/bg_residentsfall.jpg");
    }

    .lt-ie9 .page-bg--residents {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg_residentsfall.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg_residentsfall.jpg', sizingMethod='scale')";
    }

    .page-bg--schedule {
        background-image: url("/assets/uberbg/bg-schedule-full.jpg");
    }

    .lt-ie9 .page-bg--schedule {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-schedule-full.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-schedule-full.jpg', sizingMethod='scale')";
    }

    .page-bg--transportation {
        background-image: url("/assets/uberbg/bg-transportation_lighter.jpg");
    }

    .lt-ie9 .page-bg--transportation {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-transportation_lighter.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-transportation_lighter.jpg', sizingMethod='scale')";
    }

    .page-bg--workwithhennepin {
        background-image: url("/assets/uberbg/bg-workwithhennepin.jpg");
    }

    .lt-ie9 .page-bg--workwithhennepin {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-workwithhennepin.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-workwithhennepin.jpg', sizingMethod='scale')";
    }

    .page-bg--404 {
        background-image: url("/assets/uberbg/bg-404.jpg");
    }

    .lt-ie9 .page-bg--404 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-404.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/uberbg/bg-404.jpg', sizingMethod='scale')";
    }
}

/* ==========================================================================
     Helper classes
     ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
     Print styles
     ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline !important;
    }

        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: "";
        }

    p a:after,
    .icon-envelope:after a[href^="http"]:after {
        content: " (" attr(href) ") ";
    }

    .icon-notification:before,
    .notification .heading-module:before,
    a[class*="icon-"]:before,
    a[class*="icon-"]:after {
        color: #000 !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        width: auto;
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select,
    .breadcrumbs,
    .module.tert-lvl-sidebar,
    .scroll-reminder,
    .top-reminder,
    .welcome-search,
    .overlay-slider,
    .bg-image,
    .popout-nav,
    .uber-background,
    .uber-background div,
    a.social-icon {
        background: #fff;
        display: none !important;
    }

    h1.site-title {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0.5cm;
    }

    header {
        position: relative !important;
    }

    .page[style] {
        padding: 0 0 1cm !important;
    }

    .heading-page {
        border-bottom: 1px solid #000;
    }

    .page--large-image .module {
        display: none;
        margin-bottom: 1cm;
    }

        .page--large-image .module.notification {
            display: block;
            margin: 0;
            overflow: hidden;
            width: 100%;
        }

    article > div.drawer__handle,
    article > a.drawer__handle {
        text-decoration: none !important;
        margin-left: -0.75cm;
    }

    .drawer__inner {
        display: block;
        margin-left: 1.25cm;
        padding: 0;
    }

        .drawer__inner h1 a {
            font-size: 1em;
        }

    .tabbed {
        overflow: hidden;
    }

    .tabbed__nav a {
        display: none;
    }

    .tabbed__nav .tabbed--active {
        display: block;
        font-size: 1.25em;
        text-decoration: none !important;
        margin-left: -0.3cm;
        border-bottom: 1px solid #ddd;
    }

    .module-grid {
        overflow: hidden;
        clear: both;
    }

    .module-grid__item {
        width: 32%;
        margin: 0;
        margin-bottom: 1cm;
        float: left;
        page-break-inside: avoid;
    }

    .lt-ie9 .module-grid__item {
        page-break-inside: auto;
    }

    .module-grid__item:first-child {
        padding-top: 0.25cm;
    }

    .module-grid__item header,
    .module-grid__item img {
        border: none !important;
    }

    .module.notification {
        clear: both;
        margin: 1cm 0;
        border: 1px solid #000;
    }

    .aside-content {
        overflow: hidden;
        clear: both;
    }

    .heading-department-list {
        border-bottom: 1px solid #000;
        font-size: 2em;
    }
}

/* ==========================================================================
     HM added styles
     ========================================================================== */

.drawer ul li ul li ul li,
.aside-content__main ol li ul li ul li {
    font-size: 0.65em;
}

.aside-content__main ul li ul,
.drawer__inner ul li ol,
.drawer__inner ol p,
.drawer__inner ol li ul,
td a:link {
    font-size: 1em;
}

.drawer__inner p {
    font-size: 1em;
}

.drawer__inner a,
.drawer__inner ul a {
    font-size: 1em;
    margin-top: 0;
    font-weight: 400;
    text-decoration: underline;
}

    .drawer__inner a:hover,
    .drawer__inner ul a:hover {
        text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
        text-decoration-skip-ink: none;
    }

.drawer menu,
.aside-content__main ol,
.aside-content__main ul {
    padding-left: 40px;
}

.aside-content__main ul,
.drawer__inner ul {
    list-style-type: disc;
    padding-left: 40px;
}

.aside-content__main ol,
.drawer__inner ol {
    padding-left: 40px;
}

.drawer__inner ul {
    color: #000;
}

.tabbed__page .aside-content h1 {
    font-size: 1em;
    padding-left: 0;
    margin: 0 0 15px;
    color: #555;
    font-weight: 700;
}

.aside-content__main ul li ul,
.drawer__inner ul ul {
    list-style-type: circle;
}

.site-footer__social-links {
    padding: 0px;
}

.notification {
    color: #000;
}

.street-address p {
    font-size: 0.938em;
    margin-bottom: 0px;
}

div.contactBlock {
    margin-bottom: 20px;
}

.main-nav .nav-stack li a {
    font-size: 1.375em;
    margin-bottom: 2px;
    line-height: 1.3;
}

div.contactBlock {
    margin-bottom: 20px;
}

.errorMessage {
    font-weight: bold;
    color: #ff0000;
}

ul.aside-content__link-list,
.boxy-drawer ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

    ul.aside-content__link-list li {
        margin-bottom: 15px;
    }

.calculator {
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #f9f9f9;
}

form#filter {
    padding-bottom: 10px;
}

#filter a {
    font-size: 1em;
}

#directory td,
#directory th {
    border-bottom: 1px solid #f1f1f1;
}

.dataTables_info {
    font-size: 1em;
}

#directory .sorting_asc {
    background: transparent url("/assets/images/btn-sortasc.png") right center no-repeat;
    border-right: 5px solid transparent;
}

#directory .sorting_desc {
    background: transparent url("/assets/images/btn-sortdesc.png") right center no-repeat;
    border-right: 5px solid transparent;
}

#directory .sorting {
    background: transparent url("/assets/images/btn-sort.png") right center no-repeat;
    border-right: 5px solid transparent;
}

#directory_filter input[type="text"] {
    font-size: 1em;
}

#directory_filter {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

#directory caption {
    text-align: left;
    padding: 10px 0px;
}

/* ===================================================
  Custom styles for Your Gov't > Projects and initiatives module - added 12-23-15
  ====================================================== */
/*#projects-initiatives .boxy-drawer a.drawer__handle {
      display: none;
  }
  
  #projects-initiatives .boxy-drawer .drawer__inner {
      display: block;
      padding-bottom: 0;
  }*/

/* ===================================================
  HM Added - Forms styling
  ====================================================== */
.scfForm,
.scfTitleBorder {
    font-family: "myriad-pro", Arial, sans-serif !important;
}

    .scfForm h1 {
        font-weight: 400;
    }

    .scfForm label {
        font-weight: 600;
    }

.scfForm {
    background: #efefef;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    padding: 10px;
}

.scfSectionBorder {
    margin: 0px 0px 0px 10px !important;
    padding: 10px 22px 10px 0px !important;
}

.scfSectionBorderAsFieldSet {
    border-top-color: transparent !important;
}

.scfSectionBorderAsFieldSet {
    margin: 0px 10px !important;
}

.scfSectionLegend {
    padding: 15px 13px 15px 0px !important;
    font-weight: bold !important;
    font-size: 1.17em;
    color: #00447c !important;
    margin-left: 0px !important;
}

label {
    margin: -2px 0 5px 0px;
    line-height: 1.4em;
    padding: 3px 0px 3px 8px !important;
}

.scfSingleLineGeneralPanel {
    padding-bottom: 10px !important;
}

.scfMultipleLineGeneralPanel,
.scfDropListGeneralPanel {
    padding-bottom: 20px !important;
}

.scfSingleLineGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfDatePickerGeneralPanel,
.scfEmailGeneralPanel,
.scfDropListGeneralPanel {
    width: 68% !important;
}

input[type="submit"] {
    margin: 5px 40px 20px;
}

input[type="checkbox"] + label {
    color: #555;
    font-size: 1em;
    padding-left: 15px;
}

.scfCheckboxBorder {
    margin: 5px 210px !important;
}

.scfCheckbox {
    padding-top: 20px !important;
}

.scfRadioButtonListLabel {
    color: #555;
    font-weight: 700;
    margin: 0 0 7px;
    line-height: 1.4em;
}

.scfRadioButtonListGeneralPanel label {
    font-size: 1em;
    float: left;
    padding-left: 15px;
}

input[type="radio"] {
    float: left;
    margin-top: 6px;
}

.scfIntroBorder {
    font-size: 1em;
    color: #d11415;
    margin-left: 20px !important;
}

.scfDatePickerGeneralPanel {
    position: relative;
}

    .scfDatePickerGeneralPanel .ui-icon {
        right: 0px;
    }

.ui-datepicker {
    width: 19em !important;
}

@media only screen and (min-width: 950px) {
    .sub-nav li {
        font-size: 0.65em;
    }
}

/* ===================================================
  HM Added - search styling
  ====================================================== */
.CesInitialPanel,
.CesSearchPanel {
    background: none !important;
}

.hideSearch {
    display: none;
}

.initSearch {
    float: left;
}

#phsubpgcontent_0_ctl03_HennepinMain_ctl00_mup_ctl01 {
    width: 100%;
}

    #phsubpgcontent_0_ctl03_HennepinMain_ctl00_mup_ctl01 table:first-child {
        width: 100% !important;
    }

.centerContent {
    float: left;
    width: 675px;
    padding-left: 192px;
}

.CesSearchButton {
    height: 20px !important;
    width: 20px;
    margin-left: 0px !important;
}

.CesLeftToolbar {
    width: 185px;
}

.csResult {
    width: 100%;
    padding: 15px 0px;
}

.resultIcon {
    display: none;
}

.CesResultHeader {
    width: 100%;
}

    .CesResultHeader img {
        display: none;
    }

.CesCustomResultFieldsTitle {
    display: none;
}

.CesCustomResultFieldsValue {
    font-size: 1.25em;
    margin: 0 0 1em;
    padding-top: 5px !important;
}

.CesResultTitle a,
.CesResultTitle a:link,
.CesResultTitle a:visited {
    color: #0082df !important;
    font-size: 0.8em !important;
}

.CesSearch a {
    color: #0082df !important;
}

.CesResultUri a {
    color: #aaa !important;
    font-weight: normal;
}

.CesPager a {
    font-size: 0.8em !important;
}

.CesPager .CesPagerActive {
    font-size: 0.8em !important;
    background-color: #61a2d8 !important;
    padding: 5px 10px !important;
    border-radius: 0px !important;
}

.CesResultFooter {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
    width: auto !important;
}

.CesQueryNotification {
    font-size: 0.7em;
    color: #000 !important;
}

div.CesSearch tbody td {
    padding-top: 0px;
}

div.CesSearch input {
    padding: 0px 2px;
}

.CesFacetLineEllipsis {
    font-size: 1em !important;
}

.CesFacetBackground {
    background: none !important;
    background-color: #f1f1f1 !important;
}

.CesFacetHeaderCollapseExpand img,
.CesFacetHeaderLeft img,
.CesFacetHeaderRight img {
    width: 0px;
    height: 0px;
}

.CesFacetHeaderRight div {
    width: 0px !important;
    height: 0px !important;
}

.CesFacetHeaderLabel {
    font-size: 0.8em;
    color: #555 !important;
}

.CesFacetLineText {
    font-size: 1em;
}

.CesSearchPanelLinks {
    display: none;
}

.CesQuerySummary {
    font-size: 1em;
}

.leftFacets {
    min-width: 210px;
    float: left;
}

#phsubpgcontent_0_ctl03_HennepinMain_ctl00_mup_s_ctl00 {
    width: 176px !important;
    min-width: 176px !important;
    margin-bottom: 10px;
}

#phsubpgcontent_0_ctl03_HennepinMain_ctl00_mup_s_ctl00_ctl02_qry_OuterBox {
    width: 113px !important;
    min-width: 113px !important;
    height: 20px;
}

.CesQueryBox,
.CesQueryBox:hover,
.CesQueryBox:focus {
    box-shadow: 0px 0px 0px;
}

.CesFacet {
    margin: 0px !important;
    border: 0px !important;
    box-shadow: 0px 0px 0px 0px !important;
    border-radius: 0px !important;
}

.CesFacet {
    width: 185px !important;
}

#phsubpgcontent_0_ctl03_HennepinMain_ctl00_mup_s_ctl00 {
    display: block;
    padding: 5px 15px 8px;
    background: rgba(17, 60, 102, 0.95);
}

.lt-ie9 #phsubpgcontent_0_ctl03_HennepinMain_ctl00_mup_s_ctl00 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f200447c,endColorstr=#f200447c);
    zoom: 1;
}

div.CesSearch input {
    height: 20px;
    font-size: 0.8em !important;
}

.CesSearch span span span,
.CesSearch span span span span {
    font-size: 1em;
}

.cesmobile .CesResult div {
    margin-left: 18px;
}

.cesmobile .CnlWidget {
    display: none;
}

.cesmobile #phsubpgcontent_0_ctl03_Mobile_32_Default_ctl00_rs_qry2_OuterBox {
    margin-left: 18px;
}

.cesmobile input[type="submit"] {
    margin: 5px 16px 10px;
}

.hcLogo {
    display: none;
}

.scfDatePickerGeneralPanel .ui-icon {
    position: absolute !important;
    background-image: url("/assets/images/CalendarIcon2.png");
    background-position: 0 0;
    width: 40px;
    height: 29px;
    top: 5px !important;
}

@media screen and (min-width: 1200px) {
    .CoveoSearchInterface .coveo-results-column {
        padding-left: 100px;
    }
}

/* ===================================================
  Flexslider carousel/lightbox styles
  ====================================================== */
/* override flexslider to show nav dots */
.flex-control-nav {
    position: relative !important;
}

.flex-direction-nav a {
    height: 48px !important;
}

.content-wrapper__wide .flexslider {
    background-color: #f9f9f9;
    border: 4px solid #f9f9f9;
    padding-top: 20px;
}

/***********************
  GovDelivery email form
  ************************/
/* prevent issues with footer placement */
#mainform {
    height: auto;
}

footer {
    margin-top: 60px;
}

@media only screen and (min-width: 950px) {
    .overlay-slider {
        bottom: -35px;
    }
}

.govdelivery-subscribe-form {
    padding: 10px 25px 20px 25px;
    margin: 25px 0;
    border: 1px solid #ddd;
}

    .govdelivery-subscribe-form form {
        padding: 0;
        height: auto;
        display: inline-block;
    }

    .govdelivery-subscribe-form h2 {
        font-size: 20px;
    }

    .govdelivery-subscribe-form input#email {
        width: 400px;
        max-width: 100%;
        margin-right: 10px;
    }

    .govdelivery-subscribe-form input#email,
    .govdelivery-subscribe-form .button_panel {
        display: block;
        float: left;
    }

    .govdelivery-subscribe-form input#email,
    .govdelivery-subscribe-form input.form_button {
        padding: 16px;
    }

    .govdelivery-subscribe-form input.form_button {
        background-color: #00447c;
        padding: 14px 30px;
        color: #fff;
        font-weight: 500;
        margin: 2px 0 15px 0;
    }

        .govdelivery-subscribe-form input.form_button:hover {
            background-color: #0067b1;
        }

    .govdelivery-subscribe-form label {
        display: block;
        padding-left: 0 !important;
    }

#subscribe-success {
    font-size: 1.3125em;
    padding-bottom: 1em;
}

#subscribe-invalid-email {
    color: #c33a32;
}

.subscription-preferences p {
    margin: 1em 0 0 0;
}

    .subscription-preferences p a {
        font-weight: 400;
    }

/***********************
  GovDelivery feed
  ************************/
.gdw_widget {
    width: 100% !important;
}

    .gdw_widget form {
        padding: 0 0 48px 0;
    }

    .gdw_widget input[type="submit"] {
        float: none;
        font-size: 1em;
    }

    .gdw_widget .gdw_subscribe input[type="email"] {
        width: 80%;
        max-width: 375px;
    }

/***********************
  Choose to reuse apps (Aug - Sept 2016)
  ************************/
.ctr-section {
    width: 100%;
}

.ctr-apps {
    padding-left: 40px;
    float: left;
}

    .ctr-apps p {
        font-size: 0.9em;
    }

.ctr-apps__option img {
    width: 150px;
}

.ctr-map {
    width: 75px;
    padding-left: 40px;
}

    .ctr-map img {
        width: 75px;
    }

@media only screen and (min-width: 950px) {
    .ctr-apps {
        float: none;
    }

    .ctr-apps__option {
        width: 40%;
        float: left;
        padding-right: 45px;
    }

    .ctr-map {
        float: right;
        width: 75px;
        padding-left: 0;
    }
}

/************************
  Site-wide emergency alert (March 2019)
  ************************/

.alert-wrapper {
    position: relative;
    z-index: 100;
    background: #ce1432;
    color: white;
    padding: 30px 0;
    margin-top: 55px;
    margin-bottom: -55px;
}

.alert-content {
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

    .alert-content a,
    .alert-content a:active,
    .alert-content a:hover,
    .alert-content a:visited {
        color: #fff;
        text-decoration: underline;
    }

    .alert-content img,
    .alert-content p {
        display: inline-block;
    }

    .alert-content p {
        margin-bottom: 0;
    }

    .alert-content img {
        margin-right: 10px;
        width: auto;
        height: auto;
    }

span.alert-headline {
    font-size: 1.2rem;
}

@media only screen and (min-width: 950px) {
    .alert-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

    #side-nav {
        position: absolute;
        z-index: 5;
        top: 350px;
    }

        #side-nav.fixed {
            position: fixed;
            top: 50px;
        }

            #side-nav.fixed.bottom {
                position: absolute;
                top: auto;
                bottom: -150px;
            }
}

@media only screen and (min-width: 950px) and (max-height: 650px) {
    #side-nav.fixed {
        top: 10px;
    }
}

/* Focus Styles added 1-25-21 */
/* START Focus Styles *********************/
/* General focus style */
* {
    outline-width: 0px;
    transition: outline-width 100ms ease-in-out, box-shadow 100ms ease-in-out;
}

    *:focus,
    a:focus {
        outline: 3px solid #e17a00;
        outline-offset: 0px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.21);
    }

:root *:focus,
:root a:focus {
    font-weight: bold;
}

.page.page--large-image .module ul li a {
    padding: 4px;
}

.page
a:not(.btn-block--grey):not(.btn-block):not([role="button"]):not([role="tab"]):not(.skip-to-link):focus,
.page .tabbed a.btn-block:focus,
#mainform .page .module a.btn-block:focus,
.page a.drawer__toggler[role="button"]:focus {
    background-color: #fff;
    padding: 4px;
}

#mainform .page .module-grid .module-grid__item > a:first-child:focus {
    padding: 0;
    /* outline-width:4px; */
    position: relative;
    display: block;
    box-shadow: 0 0 0 4px #e17a00, 0 0 0 6px #fff;
}

    #mainform .page .module-grid .module-grid__item > a:first-child:focus::after {
        box-shadow: inset 0 0 0 2px #fff;
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 0.125em;
    }

a.btn-block--grey:focus {
    background: #44c8f5;
    color: #113c66;
    outline: none;
    box-shadow: 0 0 0 3px #e17a00, inset 0 0 0 2px #fff;
}

/* Alert Notification */
.alert-content a:focus {
    background: #fff;
    color: #000;
    outline: 3px solid #e17a00;
    outline-offset: 0;
    padding: 4px;
    text-decoration: none;
}

/* Blue Nav */
.site-title a:focus,
.topbar__nav ul a:focus {
    font-weight: bold;
}

/* Main Nav */
/* not using outlines because of the way the nav is coded */
.page-nav .drawer a.drawer__handle {
    box-shadow: none;
    transition: box-shadow 100ms ease-in-out;
}

    .page-nav .drawer a.drawer__handle:focus {
        outline: none;
        box-shadow: inset 0 0 0 4px #e17a00, inset 0 0 0 6px #fff;
        font-weight: bold;
        white-space: nowrap;
        border-radius: 0;
    }

.page-nav > ul > li.open .drawer__handle:focus:before,
.site-header .page-nav > ul > li.current.open .drawer__handle:focus:before,
.page-nav > ul > li.open .drawer__handle:focus:after,
.site-header .page-nav > ul > li.current.open .drawer__handle:focus:after {
    border-top-color: #000;
}

/* Search */
.site-search__input:focus {
    border-radius: 0.25rem 0 0 0.25rem;
    position: relative;
    z-index: 9;
}

.site-search__submit:focus {
    background-color: #44c8f5;
    border-radius: 0 0.25rem 0.25rem 0;
    box-shadow: inset 0 0 0 2px #fff;
}
/* Hompage Search */
.welcome-search .site-search__submit:focus,
.welcome-search .site-search__input:focus {
    outline-width: 4px;
    box-shadow: 0 0 4px 3px #000000;
}

.welcome-search .site-search__submit:focus {
    box-shadow: 0 0 4px 3px #000000, inset 0 0 0 2px #fff;
}

/* Homepage Carousel Controls */
.overlay-slider .overlay-slider__nav {
    display: inline-flex;
}

    .overlay-slider .overlay-slider__nav:focus-within {
        outline: 3px solid #e17a00;
        border-radius: 0.5rem;
    }

.overlay-slider__nav li {
    margin: 0;
    padding: 5px 2px;
}

.overlay-slider .overlay-slider__nav li:focus-within {
    background-color: #e17a00;
}

.overlay-slider .overlay-slider__nav a:focus,
.overlay-slider .overlay-slider__nav button:focus {
    outline: 0;
    background-color: #e17a00;
}

.overlay-slider .overlay-slider__slide a:focus {
    padding: 6px 8px 4px;
    text-decoration: none;
    font-weight: bold;
    background-color: rgb(0 0 0 / 50%);
}

/* footer H logo link */
.site-footer .footer-standard-info > a {
    display: inline-block;
}

.site-footer a {
    padding: 4px;
}

.site-footer__social-links a.social-icon {
    padding: 0;
    margin: 0;
}

/* Drawer Handle */
.drawer.module .drawer__handle a:focus {
    outline-width: 4px;
}

.drawer div.drawer__handle a:focus {
    box-shadow: inset 0 0 0 2px #fff;
}

/* lvl 2 tab nav */
.tabbed__nav a {
    transition: outline 0ms;
}

    .tabbed__nav a:focus {
        color: #113c66;
        outline-width: 4px;
        outline-offset: 0;
        position: relative;
        z-index: 99;
        font-weight: bold;
        background: transparent;
        box-shadow: inset 0 0 0 1px #fff;
        z-index: 1;
    }

@media (min-width: 950px) {
    .tabbed__nav a:focus {
        background: #44c8f5;
    }
}

/* Lvl 2 side nav */
/* .popout-nav .sub-nav > li:first-child a:focus,
  .popout-nav .sub-nav li a:focus {
      padding: 5px;
  } */

.popout-nav .sub-nav li.active a:focus {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
}

/* back to top button */
a.top-reminder:focus {
    background-color: #fff;
}
/* breadcrumnbs */
.breadcrumbs a:focus {
    background: #fff;
}

/* lvl 2 button */
.module-grid__item .btn-block--grey:focus {
    text-decoration: none;
    outline-offset: 0;
}

    .module-grid__item .btn-block--grey:focus::after {
        transition: margin-left 200ms ease-in-out;
        margin-left: 15px;
    }

a.btn-block,
.page--blue a.btn-block {
    display: inline-flex;
    align-items: center;
}

.page--blue .btn-block:focus {
    background: #44c8f5;
    color: #113c66;
    outline-offset: 0;
    font-weight: bold;
    box-shadow: 0 0 0 5px #fff, inset 0 0 0 2px #fff;
}

.btn-block:focus::after {
    transition: transform 200ms ease-in-out;
    transform: translateX(7px);
    padding: 0 7px;
    display: inline-block;
}
/* detail page side nav */
.module.tert-lvl-sidebar ul li a:focus {
    background: #fff;
    display: block;
    padding-left: 4px;
    left: -4px;
    position: relative;
}

/* Forms */
input[type="submit"]:focus {
    background: #44c8f5;
    color: #113c66;
    transition: background 500ms;
    box-shadow: inset 0 0 0 2px #fff;
}

input:focus,
textarea:focus,
select:focus {
    outline-offset: 0;
    background-color: #fff;
}

.m-form-container .radio-label-wrapper .radio-label,
.radio-label-wrapper .radio-label {
    display: inline-flex;
}

@supports selector(label:focus-within) {
    .radio-label-wrapper .radio-label:focus-within {
        outline: 3px solid #e17a00;
        outline-offset: 4px;
    }

    .radio-label-wrapper .radio-label input:focus {
        outline: none;
    }
}

/* search */
#mainform .m-search-paging a:focus {
    padding: 2px 10px;
    background: #f7f7f7;
}

#mainform .m-search-paging a.current:focus {
    background: #0065cb;
}

/* related fixes to new focus styles */
@media only screen and (min-width: 950px) {
    .topbar__nav ul {
        margin-right: -9px;
    }

        .topbar__nav ul a,
        .topbar__nav ul a:link,
        .topbar__nav ul a:visited {
            padding: 0 9px;
        }

    .aside-content,
    .welcome-search,
    .overlay-slider__slide,
    .overlay-slider__nav,
    .tabbed,
    .tabbed__nav,
    .module-grid,
    .popout-nav .drawer li.current .sub-nav,
    .popout-nav .drawer li.current,
    .popout-nav .drawer li.current ul {
        overflow: visible;
    }

        .popout-nav .drawer li.current .sub-nav::after,
        .aside-content::after {
            content: "";
            display: table;
            clear: both;
        }

    .popout-nav .sub-nav li a {
        padding: 6px 25px;
    }

    .popout-nav .sub-nav > li:first-child,
    .popout-nav .sub-nav li {
        padding: 0;
    }

        .popout-nav .sub-nav > li:first-child a {
            padding: 7px 5px 5px 25px;
        }
}

.topbar {
    z-index: 9;
}

.homePage article {
    margin-top: 25px;
}

/* END Focus Styles
  *********************/

/* Qualtrics */
#modal,
#modalBG {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#modalBG {
    backdrop-filter: blur(2px);
}

#modal {
    z-index: 10000;
    top: 10%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 50%;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.21);
    transition: height 200ms;
    position: absolute;
}

    #modal .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        outline: none;
    }

@media screen and (min-width: 1px) and (max-width: 630px) {
    #modal {
        left: 0;
        margin-left: 15px;
        width: calc(100% - 30px);
    }
}

#modal .btn-close {
    padding: 0 10px;
    background: none;
    border: 0;
    opacity: 0.95;
    cursor: pointer;
    position: absolute;
    right: -5px;
    bottom: 100%;
    text-shadow: 0 0 4px #000;
    z-index: 1;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    outline-offset: 0;
}

    #modal .btn-close:hover,
    #modal .btn-close:focus {
        text-shadow: 0 0 6px #000;
        opacity: 1;
    }
/* modal iframe */
#qQuestionnaire {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* Modal Trigger */
#qualtricsTrigger {
    background: #ffcb05;
    border: 0;
    padding: 10px 15px;
    color: #000;
    white-space: nowrap;
    box-shadow: 2px 2px 3px rgb(0, 0, 0, 0.1);
}

    #qualtricsTrigger:hover,
    #qualtricsTrigger:focus {
        background: #f7c60b;
    }
/* site override */
@media only screen and (min-width: 950px) {
    .aside-content {
        overflow: visible;
    }

        .aside-content::after {
            content: "";
            clear: both;
            display: table;
        }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    outline: none;
}
/* skip to links */
.skip-to-link {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
}

    .skip-to-link:focus,
    .skip-to-link:hover,
    .skip-to-link:active {
        color: #fff;
        background: #ce1432;
        text-decoration: none;
        font-weight: bold;
        z-index: 9999;
        clip: auto;
        left: 4px;
        top: 4px;
        width: auto;
        height: auto;
        padding: 8px;
        outline-color: #fff;
    }

@media only screen and (min-width: 950px) {
    body > .skip-to-link:focus {
        left: calc(50% - 475px);
        top: 0;
        border-radius: 0 0 0.5rem 0.5rem;
    }
}

aside.module:not(.tert-lvl-sidebar) {
    position: relative;
}

/* standard button styles */
.btn {
    display: inline-block;
    font-weight: 400;
    color: #000;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-lg {
    padding: 0.5rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #000;
    text-decoration: none;
}

.btn:focus {
    /* outline-color: #000; */
    outline-offset: 0;
}

.btn-primary {
    color: #fff;
    background-color: #113c66;
    border-color: #113c66;
}

.btn-outline-primary {
    color: #113c66;
    border-color: #113c66;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        background-color: #44c8f5;
        border-color: #000;
        color: #000;
    }
/* Gov Delivery JS Widget */
.gdWidget > .gdForm {
    padding: 20px 25px;
    margin: 25px 0;
    border: 1px solid #ddd;
    background: #fff;
}

    .gdWidget > .gdForm form {
        padding: 0;
    }

    .gdWidget > .gdForm .gdHeading {
        color: #000;
        line-height: 1.3;
        margin: 0 0 0.4em;
        font-size: 2em;
        font-weight: 400;
        font-size: 20px;
    }

    .gdWidget > .gdForm .form-group {
        display: flex;
        flex-wrap: wrap;
    }

    .gdWidget > .gdForm label {
        padding: 0 !important;
        font-weight: normal;
    }

    .gdWidget > .gdForm .form-control {
        display: block;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0;
        flex-grow: 1;
        margin-right: 20px;
        max-width: 400px;
    }

    .gdWidget > .gdForm .form-control,
    .gdWidget > .gdForm .btn {
        margin-bottom: 10px;
    }

        .gdWidget > .gdForm .form-control:focus,
        .gdWidget > .gdForm .btn:focus {
            border-radius: 4px;
        }

        .gdWidget > .gdForm .form-control.is-invalid {
            border-color: #ce1432;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3e%3cpath style='fill:%23ce1432;stroke:%23ce1432;stroke-width:4;stroke-miterlimit:10;' d='M25.5,26c-0.1,0-0.3,0-0.4-0.1l-23-23C2,2.7,2,2.3,2.1,2.1s0.5-0.2,0.7,0l23,23c0.2,0.2,0.2,0.5,0,0.7C25.8,26,25.6,26,25.5,26z'/%3e%3cpath style='fill:%23ce1432;stroke:%23ce1432;stroke-width:4;stroke-miterlimit:10;' d='M2.5,26c-0.1,0-0.3,0-0.4-0.1c-0.2-0.2-0.2-0.5,0-0.7l23-23c0.2-0.2,0.5-0.2,0.7,0s0.2,0.5,0,0.7l-23,23C2.8,26,2.6,26,2.5,26z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }

            .gdWidget > .gdForm .form-control.is-invalid:focus {
                border-color: #ce1432;
                box-shadow: 0 0 0 0.2rem rgba(206, 20, 50, 0.25);
            }

    .gdWidget > .gdForm .invalid-feedback {
        color: #ce1432;
        cursor: default;
        font-size: 90%;
    }
/* Search Label */
.searchLabel {
    margin: 0 0 5px 0;
    padding: 0 !important;
    color: #fff;
    font-weight: normal;
    width: 100%;
}

.welcome-search .searchLabel {
    font-size: 24px;
    text-shadow: 0 0 8px #113c66;
}

@media screen and (min-width: 950px) {
    .welcome-search {
        position: relative;
    }

        .welcome-search .searchLabel {
            position: absolute;
            left: -90px;
            top: 30px;
            width: auto;
        }
}

.ui-autocomplete.ui-front {
    z-index: 9999;
}

/************************
  Site-wide global alert (Aug 2022)
  ************************/
/* 
  .alert {
    background: #cd132e;
    padding: 60px;
    text-align: center;
    color: white;
    font-size: 25px;
    position: relative;
    z-index: 1;
  }
  .alert2 {
    background: #db5100;
    padding: 15px;
    text-align: center;
    color: white;
    font-size: 25px;
    position: relative;
    z-index: 1;
  }
  .global-content-wrapper {
    display: inline-block;
  }
  .global-title {
    position: relative;
  }
  .global-content-wrapper div::before {
    background-image: url(/assets/images/alert-icon-high.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    transform: translate(-110%, -50%);
  }
  .alert2 .global-content-wrapper div::before {
    background-image: url(/assets/images/alert-icon-mid.svg);
  } */