/* CSS Document */
    /* Main stylesheet for Greenville Water */
    body {
        padding: 0;
    }
    :root {
      --white: #FFFFFF;
      --light-gray: #FAFAFA;
      --gray: #bbc7d1;
      --dark-gray: #052c49;
      --aquamarine: #007db3;
      --light-blue: #039ed9;
      --dark-blue: #005793;
      --gold: #fec357;
      --forest: #065157;
      --sky: #8dc7e7;
      --grass: #4c7637;
      --orange: #ef8b22;
      --main-font: 'Nunito Sans', Arial, Helvetica, sans-serif;
      --topnav-height: 60px;       /* for the blue top nav bar */
      --mainnav-height: 85px;      /* for the white main nav bar */
      --alert-height: 55px;
      --total-header-height: calc(var(--alert-height) + var(--topnav-height) + var(--mainnav-height));
    }


    @media (max-width: 1024px) {
      :root {
        --alert-height: 105px;
        --navbar-height: 70px;
      }
    }

    @media (max-width: 768px) {
      :root {
        --alert-height: 95px;
        --topnav-height: 60px;
        --navbar-height: 70px;
        --total-header-height: calc(var(--alert-height) + var(--topnav-height) + var(--navbar-height));
      }
    }

    @media (max-width: 576px) {
      :root {
        --alert-height: 115px;
         --navbar-height: 75px;
      }
    }

    .fira-sans-regular {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 400;
      font-style: normal;
    }

    .fira-sans-medium {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 500;
      font-style: normal;
    }

    .fira-sans-semibold {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
    }

    .fira-sans-bold {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 700;
      font-style: normal;
    }

    body {
        font-family: var(--main-font);
        font-weight: 400;
        font-size: 18px;
        font-style: normal;
        letter-spacing: .015em;
        line-height: 1.7em;
    }

    h1 {
        font-size: 2.8em;
        text-transform: initial;
        font-weight: bold;
        font-family: "Fira Sans Condensed", sans-serif;
       line-height: 1.15em;
    }

    h2 {
        font-size: 2.2rem;
        text-transform: initial;
        font-weight: 800;
        font-family: "Fira Sans Condensed", sans-serif;
        line-height: 1.2em;margin-top: 1.2em;
    }

    h3 {
        font-size: 28px;
        text-transform: initial;
        font-weight: 600;
        font-family: "Fira Sans Condensed", sans-serif;
        line-height: 1.2em;
    }
    h4 {
      font-size: 22px;
  text-transform: initial;
  font-weight: 600;
  font-family: "Fira Sans Condensed", sans-serif;
  line-height: 1.3em;
  margin-top: 25px;
  margin-bottom: 10px;
    }
.breadcrumbs {
    font-family: Fira Sans Condensed;}
    a {
        text-decoration: underline;
        color: var(--light-blue);
    }

    a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: var(--light-blue);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    hr {
        height: 1px;
        color: var(--dark-gray) !important;
    }

    table {
        width: 100%;
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        overflow-x: auto;
        /*white-space: nowrap; margin: 0 auto;*/
    }

    table td {
        border: solid 2px var(--gray);
        padding: 10px 5px;
        font-size: 18px;
    }

    table th {
        background-color: var(--aquamarine);
        color: var(--white);
        border: solid 2px var(--gray);
        padding: 10px 5px;
        font-size: 18px;
    }

    .image-overlay {
        background: linear-gradient(90deg, rgba(32, 86, 140, 1) 0%, rgba(255, 255, 255, 1) 75%);
    }

    .width-100 {
        width: 100px;
    }

    .width-200 {
        width: 200px;
    }

    .width-300 {
        width: 300px;
    }

    .width-fc {
        width: fit-content;}

    .bold {
        font-weight: bold;
    }
    /* removing this
    .show-mobile-768,
    .show-mobile-991 {
        display: none;
    }

    .hide-mobile-768,
    .hide-mobile-991 {
        display: block;
    } */

    /* Default: Hide mobile menu, show desktop */
    .show-mobile-768,
    .show-mobile-991 {
        display: none !important;
    }

    .hide-mobile-768,
    .hide-mobile-991 {
        display: block !important;
    }

    /* Mobile: Hide desktop nav, show mobile menu */
    @media (max-width: 1366px) { 
        .hide-mobile-991 {
            display: none !important;
        }

        .show-mobile-991 {
            display: flex !important;
        }
    }

    /* Desktop menu is only visible above 1366px */
    @media (min-width: 1367px) {
        .hide-mobile-991 {
            display: block !important;
        }

        .show-mobile-991 {
            display: none !important;
        }
    }


    .white-bg {
        background: var(--white);
    }

    .white-bg h1,
    .white-bg h2,
    .white-bg h3, .white-bg h4,
    .white-bg h5  {
        color: var(--dark-blue);
    }

    .white-bg p {
        color: var(--dark-gray);
        font-weight: 400;
    }

    .white-bg a {
        text-decoration: none;
        color: var(--light-blue);
    }

    .white-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: var(--light-blue);
    }

    .light-blue-bg {
        background: var(--light-blue);
    }

    .light-blue-bg h1,
    .light-blue-bg h2,
    .light-blue-bg h3,  .light-blue-bg h4,
    .light-blue-bg h5  {
        color: var(--white);
    }

    .light-blue-bg p {
        color: var(--white);
        font-weight: 400;
    }

    .light-blue-bg a {
        text-decoration: none;
        color: var(--white);
    }

    .light-blue-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: var(--white);
    }

    .dark-blue-bg {
        background: var(--dark-blue);
    }

    .dark-blue-bg h1,
    .dark-blue-bg h2,
    .dark-blue-bg h3, .dark-blue-bg h4, .dark-blue-bg h5 {
        color: var(--white);
    }

    .dark-blue-bg p {
        color: var(--white);
        font-weight: 400;
    }

    .dark-blue-bg a {
        text-decoration: none;
        color: var(--white);
    }

    .dark-blue-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: var(--white);
    }

    .light-gray-bg {
        background: var(--light-gray);
    }

    .light-gray-bg h1,
    .light-gray-bg h2,
    .light-gray-bg h3,.light-gray-bg h4,
    .light-gray-bg h5  {
        color: var(--dark-blue);
    }

    .light-gray-bg p {
        color: var(--dark-gray);
        font-weight: 400;
    }

    .light-gray-bg a {
        text-decoration: none;
        color: var(--light-blue);
    }

    .light-gray-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: var(--light-blue);
    }

    .gray-bg {
        background: var(--light-gray);
    }

    .gray-bg h1,
    .gray-bg h2,
    .gray-bg h3, .gray-bg h4,
    .gray-bg h5  {
        color: var(--dark-gray);
    }

    .gray-bg p {
        color: var(--dark-gray);
        font-weight: 400;
    }

    .gray-bg a {
        text-decoration: none;
        color: var(--dark-blue);
    }

    .gray-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .dark-gray-bg {
        background: var(--dark-gray);
    }

    .dark-gray-bg h1,
    .dark-gray-bg h2,
    .dark-gray-bg h3, .dark-gray-bg h4,
    .dark-gray-bg h5 {
        color: var(--white);
    }

    .dark-gray-bg p {
        color: var(--white);
        font-weight: 400;
    }

    .dark-gray-bg a {
        text-decoration: none;
        color:var(--gold);
    }

    .dark-gray-bg a:hover {
        text-decoration: underline;
        cursor: pointer;color:var(--gold);
    }
.forest-bg {
        background: var(--forest);
    }

    .forest-bg h1,
    .forest-bg h2,
    .forest-bg h3,  .forest-bg h4,
    .forest-bg h5  {
        color: var(--sky);
    }

    .forest-bg p {
        color: var(--white);
        font-weight: 400;
    }

    .forest-bg a {
        text-decoration: none;
        color:var(--light-gray);
    }

    .forest-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
        color:var(--light-gray);
    }
    .sky-bg {
        background: var(--sky);
    }

    .sky-bg h1,
    .sky-bg h2,
    .sky-bg h3, .sky-bg h4,
    .sky-bg h5 {
        color: var(--dark-gray);
    }

    .sky-bg p {
        color: var(--dark-gray);
        font-weight: 400;
    }

    .sky-bg a {
        text-decoration: none;
        color:var(--dark-blue);
    }

    .sky-bg a:hover {
        text-decoration: underline;
        cursor: pointer;
        color:var(--dark-blue);
    }
    .white-bg a {color:var(--aquamarine);}

    /* Buttons */
    .aquamarine-button {
        font-weight: 700;
        border: 0 solid var(--dark-blue);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: none;
        padding: 10px 40px;
        background: var(--dark-blue);
        color: var(--white)!important;
font-family: "Fira Sans Condensed", sans-serif;
        display: inline-block;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .aquamarine-button:hover {opacity:.7;}

    .homepage .aquamarine-button {
        color: var(--white);
        border-color: var(--white);
        font-weight: 600;
        font-family: "Fira Sans", sans-serif;
    }

.forest-bg .aquamarine-button {
  background: var(--forest) !important;
  color: #fff !important;
  border: 2px solid var(--white)!important;
  
}
.forest-bg .aquamarine-button:hover{opacity:.7}

.gray-bg .aquamarine-button {
  background: var(--forest) !important;
  color: #fff !important;
  border: 2px solid var(--forest)!important;
  
}
.gray-bg .aquamarine-button:hover{opacity:.7}


 .py-3 {
        padding-top: .5rem !important;
        padding-bottom: 1rem !important;
    }
.site-main .dark-gray-bg.py-3, .site-main .dark-blue-bg.py-3, .site-main .gray-bg.py-3, .site-main .light-gray-bg.py-3, .site-main .sky-bg.py-3, .site-main .forest-bg.py-3,.site-main .dark-gray-bg.py-4, .site-main .dark-blue-bg.py-4, .site-main .gray-bg.py-4, .site-main .light-gray-bg.py-4, .site-main .sky-bg.py-4, .site-main .forest-bg.py-4 { padding-top: 1rem !important;
        padding-bottom: 3rem !important;}
    /* Banner */
    /* Home Banner and Page Banner min heights need to match. If they are changed also change sidebar height JS */
    .home-banner-container {
        display: flex;
        height: 100%;
        padding: 0px 15px;
        align-items: center;
        justify-content: center;
        min-height: 450px;
    }

    .home-banner {
        position: relative;
        margin-bottom: 50px;
        /*padding-top: 12vh;*/
    }

    .home-banner h1 {
        font-size:calc(1rem + 2vw);
        font-weight: 600;
        color: var(--white);
        letter-spacing: 0em;
        margin-top: 0;
        max-width: 60rem;
        line-height: 1.015em;
       font-family:"Fira Sans Condensed", sans-serif!important;}

    .home-carousel-item {
        min-height: 450px;
        height:450px;background-position: center center;
    }

    .home-carousel-item:before {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 1;
        pointer-events: none;
    }

    .home-banner-text .bannerSubheading p {
        color: var(--white);
        line-height: 1.15em;
        font-size: 120% !important;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 15px;
    letter-spacing: .05em;
    }

    .home-carousel .owl-next,
    .home-carousel .owl-prev {
        display: block;
    }

    .home-banner-text {
        z-index: 1;
        text-align: center;
    }

    .home-carousel .owl-nav .owl-next,
    .home-carousel .owl-nav .owl-prev,
    .home-carousel .owl-dots .owl-dot span {
        margin: 0px 10px !important;
    }

    .home-carousel .owl-nav .owl-next,
    .home-carousel .owl-nav .owl-prev,
    .home-carousel .owl-nav .owl-next i,
    .home-carousel .owl-nav .owl-prev i {
        border: 0;
        outline: none;
        box-shadow: none;
        background: transparent;
        font-size: 40pt;
        color: var(--white);
        opacity: 80%;
        font-weight: 100;
    }

    .home-carousel .owl-nav .owl-next,
    .home-carousel .owl-nav .owl-prev {
        width: 15px;
        height: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        border: 0px solid var(--dark-gray);
    }

    .home-carousel .owl-nav .owl-prev {
        left: 13%;
    }

    .home-carousel .owl-nav .owl-next {
        right: 13%;
    }

    .home-carousel .owl-nav .owl-prev:hover,
    .home-carousel .owl-nav .owl-next:hover {
        border: 0;
        outline: none;
        box-shadow: none;
        background: transparent !important;
        color: var(--white) !important;
    }

    .home-carousel .owl-nav.disabled {
        display: inline-block !important;
    }
    .homepage h2 {font-size: 3rem; padding-bottom:0!important;}
    .page-banner-container {
        display: flex;
        height: 100%;
        padding: 0px 15px;
        min-height: 450px;
        align-items: center;
        justify-content: left;
    }

    .page-banner {
        position: relative;
        min-height: 450px;
        z-index: 1;
        margin-bottom: 50px;background-position: center center!important;
    }

    .page-banner-text {
        z-index: 1;
        color: var(--white);
        width: 100%;
    }

    .page-banner h1 {
        color: var(--white);
       line-height: 1em;font-size:3.3em;
    }

    .page-banner p {
        font-size: 22px;
        font-weight: 600;
        color: var(--white);line-height: 1.3em;
    }

    .text-banner {
        min-height: 350px;
        padding-top: 25px;
        padding-bottom: 15px;
        margin-bottom: 50px;
    }

    .chevron-color {
        color: var(--light-blue);
    }

    /* Navigation */
    .navbar a {
        color: var(--dark-gray);
        position: relative;
        height: 100%;
        width: 100%;
        font-weight: 400;font-size: 16px;
    letter-spacing: -.01em;
    }

    .navbar {
        height: 85px;
        position: static;
        width: 100vw;
        top: 95px; /* Adjust based on top-nav-bar and alert-banner */
        z-index: 999;
        box-shadow: 0 48px 80px -12px #96c1e742;
        transition: top 0.3s ease-in-out;
    }

    nav.navbar.hide-mobile-991 .col-6 {
  flex: 0 0 fit-content;
  width: 70%;
}

    .row-padding-top {
        padding-top: 10px;
    }

    .navbar-nav {
        display: flex;
        flex-direction: row;
        padding-left: 0;
        list-style: none;
    }

    .collapse.navbar-collapse {
        background:
            /*rgba(32, 86, 141, .85)*/
            rgba(15, 122, 169, .92);
    }

    .navbar-brand {
        font-size: 14px;
        font-weight: 500;
    }

    /*.navbar-nav {
        font-size: 14px;
        font-weight: 300;
    }*/

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .btn-outline-success {
        font-size: 16px;
        font-weight: 400;
        border: 0px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 12px 20px 9px 20px;
        /* background: var(--aquamarine); */
        color: var(--aquamarine) !important;
        font-family: var(--main-font);
        display: inline-block;
    }

    .btn-outline-success:hover {
        background: var(--white);
        color: var(--aquamarine) !important;
        border: 1px solid var(--aquamarine);
    }

    .contact-text {
        font-size: 15px;
        text-decoration: none;
        margin-top: 15px;
        z-index: 3;
        position: relative;
    }

    .contact-text:hover {
        text-decoration: underline !important;
    }

    /*.contact-text-p-desktop { margin: 55px 0px 0px 0px; text-align: right; }*/
    .contact-text-p-mobile {
        margin: 55px 0px 0px 0px;
        text-align: center;
    }

    .top-icon {
        width: 25px;
        margin: 15px 0px 15px 0px;
    }

    .icon-align {
        text-align: right;
    }

    .mega-menu-display {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 365px;
        z-index: 50;
    }

    .mega-menu-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 50px 20px 0px 20px;
        margin-top: -10px;
    }

    .mega-menu-display ul,
    .mega-menu-display li {
        list-style: none;
    }

    .mega-menu-item {
        padding-bottom: 10px;
        font-weight: bold;
    }

    .mega-menu-item a {
        color: var(--white);
    }

    .mega-menu-item a:hover {
        color: var(--white);
    }

    .secondary-ul {
        font-weight: 300;
        padding-left: 0px;
        padding-inline-start: 0px;
    }

    .btn-outline-success i {
        font-size: 20px;
    }

    .search-bar::placeholder {
        color: #d1d1d1;
    }

    .mega-menu-display ul,
    .mega-menu-display li,
    .mega-menu-display a {
        font-size: 14px;
    }

    .contact-us-positioning {
        margin-top: 40px;
    }

    .navbar .navbar-toggler {
        font-size: 20px;
    }
    .shortcut-individual p {
        max-width: none!important;
       }

    .navbar .open {
        position: absolute;
        top: 44px;
        left: -50px;
        font-size: 48px !important;
    }

    .top-logo {
        position: relative;
        /* top: -5px; */
        left: 0px;
        max-width: 280px;
        padding: 8px 15px 10px;
    }

    .navbar-toggler-desktop {
        position: absolute;
        top: 30px;
        left: -40px;
    }

    .navbar-nav a {
        padding-right: 30px !important;
    }

    .dropdown {
        margin-right: 10px;
    }

    .form-control,
    .btn-outline-success {
        padding: 10px !important;
        height: 2em;
    }

    .row.contents {
        /*margin-top:165px;*/
    }

    body .home-carousel {
        margin-top: 0 !important;
    }

    /* News Carousel */
    p a.read_more {
        font-size: 16px;
        font-weight: 400;
        color: var(--light-blue);
    }

    .news-home a {
        font-size: 18pt;
        font-weight: 600;
        color: var(--dark-gray);
        padding: 20px 0px;
        line-height: 1.15em;
    }

    .news-home a:hover {
        color: var(--light-blue);
    }

    .news-home p {
        padding-top: 20px;
        display:none;
    }

    .news-page a {
        font-size: 15pt;
        font-weight: 600;
        color: var(--dark-gray);
        padding: 20px 0px;
        line-height: 1.15em;
    }

    .news-page a:hover {
        color: var(--light-blue);
    }

    .news-page p {
        padding-top: 20px;
    }

    .news-page img {
        padding-bottom: 20px;
    }

    .news-container img {
        border-radius: 10px;
     }

    .news-index img {
        border-radius: 10px;
    }

    .news-entry img {
        border-radius: 10px;
        float: left;
        margin-right: 20px;
        width: 50%;
    }

    .news-text {
        padding-top: 20px;
    }
    .news-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .news-meta p {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
        color: var(--dark-gray);
    }

    .news-meta p i {
        margin-right: 5px;
        color: var(--light-blue);
    }

    .news-meta .news-social-icons {
        display: flex;
        gap: 10px;
    }

    .news-meta .news-social-icons a {
        display: inline-block;
    }
    .news-meta .news-social-icons {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
    }

    .news-meta .news-social-icons a {
        display: inline-flex !important;
        align-items: center;
        padding: 0 !important;
        line-height: normal !important;
        float: none !important;
    }

    /* Boxes */

       .box-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      padding:10px;
    }

    @media (max-width: 991px) {
      .box-container {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .box-individual {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      border-radius: 10px;
      text-align: center;
      background: var(--light-blue);
      cursor: pointer;
      transition: transform .6s ease, box-shadow .3s ease;
      min-height: 275px;
      overflow: hidden;
      padding: 10px;
    }

    .box-individual::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 300%;
        height: 300%;
        background: var(--light-blue);
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
        border-radius: 50%;
        transition: transform .6s ease, opacity .6s ease;
        pointer-events: none;
    }

    .box-individual:hover::before {
        transform: translate(-50%, -50%) scale(1);
        opacity: .35;
    }

    .box-individual:hover {
        transform: scale(1.025);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    }

    .box-individual h3 {
        font-size: 16pt;
        font-weight: bold;
        color: var(--white);
    }

    .box-individual p {
        color: var(--white);
    }

    .box-individual a {
        color: var(--white);
        padding: 35px 11px 15px 11px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .box-individual a:hover {
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0);
        color: white;
        z-index: 10;
    }

    .box-link {
        text-transform: uppercase;
        color: var(--white);
        z-index: 1;
        text-decoration: none;
        display: inline-block;
        padding: 8px 12px;
        border: 2px solid var(--white);
        border-radius: 5px;
    }

    .box-link:hover {
        text-decoration: underline;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .box-individual a p:last-of-type {
        display: inline-block;
        padding: 8px 12px;
        border: 1px solid var(--white);
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        color: var(--white);
        transition: all 0.3s ease-in-out;
        margin-top: auto;
    }

    .box-individual a p:last-of-type:hover {
        background-color: var(--gold);
        color: var(--aquamarine); 
        text-decoration: none;
        border-color: var(--gold);
    }

    .box-individual i {
        color: var(--white);
        font-size: 50px;
        padding-bottom: 20px;
    }

    .box-individual img {
        padding-bottom: 20px; max-height: 60px !important;
    width: auto !important;
    }

    /* Information */
    .information {
        position: relative;
        min-height: 500px;
        background-position: center center;
        background-size: cover;
        color: white;
        overflow: hidden;
    }

    .information::before {
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3); /* Adjust darkness */
        z-index: 1;
    }

    .information-container {
        display: flex;
        min-height: 500px;
        align-items: center;
        position: relative;
        z-index: 2;
    }

    .information-info {
        justify-content: flex-start;
    }

    .information h2 {
        font-size: 44px;
    }

    .information p {
        font-size: 18px;
    }

    /* GW Form */
    .gw-form {}

    .gw-form input,
    .gw-form select,
    .gw-form textarea {
        padding: 7px;
        background-color: var(--light-gray);
        border: 1px solid var(--gray);
    }

    .gw-form input::placeholder,
    .gw-form select::placeholder,
    .gw-form textarea::placeholder {
        color: #D1D1D1;
    }

    .gw-form input:focus,
    .gw-form select:focus,
    .gw-form textarea:focus {
        color: var(--dark-gray);
    }

    .gw-form table {
        padding: 7px;
        background-color: var(--light-gray);
        border: 1px solid var(--gray);
        margin-bottom: 10px;
    }

    .gw-form table td {
        padding-right: 10px;
    }

    .gw-form table input {
        background: var(--white);
        width: 100%;
    }

    .gw-form table::placeholder {
        color: (#D1D1D1);
    }

    .gw-form table:focus {
        color: var(--dark-gray);
    }

    .gw-form button {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 40px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
    }

    .gw-form button:hover {
        background: var(--white);
        color: var(--aquamarine) !important;
        border: 1px solid var(--aquamarine);
    }

    .gw-form table button {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 40px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
    }

    .gw-form table button:hover {
        background: var(--white);
        color: var(--aquamarine) !important;
        border: 1px solid var(--aquamarine);
    }

    .freeform-row input,
    .freeform-row select,
    .freeform-row textarea {
        padding: 7px;
        background-color: var(--light-gray);
        border: 1px solid var(--gray);
    }

    .freeform-row input::placeholder,
    .gw-form select::placeholder,
    .gw-form textarea::placeholder {
        color: #D1D1D1;
    }

    .freeform-row input:focus,
    .gw-form select:focus,
    .gw-form textarea:focus {
        color: var(--dark-gray);
    }

    .freeform-row table {
        padding: 7px;
        background-color: var(--light-gray);
        border: 1px solid var(--gray);
        margin-bottom: 10px;
    }

    .freeform-row table td {
        padding-right: 10px;
    }

    .freeform-row table input {
        background: var(--white);
        width: 100%;
    }

    .freeform-row table::placeholder {
        color: #D1D1D1;
    }

    .freeform-row table:focus {
        color: var(--dark-gray);
    }

    .freeform-row button {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 40px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
    }

    .freeform-row button:hover {
        background: var(--white);
        color: var(--aquamarine) !important;
        border: 1px solid var(--aquamarine);
    }

    .freeform-row table button {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 40px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
    }

    .freeform-row table button:hover {
        background: var(--white);
        color: var(--aquamarine) !important;
        border: 1px solid var(--aquamarine);
    }

    .freeform-button-submit {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 40px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
    }

    /* Text With Icon */
    .text-with-icon {}

    .text-with-icon img {
        width: 25px;height:auto;
    }

    .text-with-icon-container {
        display: flex;
        justify-content: center;
    }

    .text-with-icon-individual {
        align-items: center;
        padding: 0px 30px;
    }

    /* Accordion */
    .accordion h3 {
        margin-left: 30px;
        font-size: 1.2em;
    }

    .accordion-button {
        color: var(--dark-gray);
        font-size: 12pt;
        background-color: transparent;
        padding: 15px 1.25rem 15px 1.25rem;
    }

    .accordion-button:hover {
        color: var(--dark-gray);
    }

    .accordion-button:after {
        -ms-flex-negative: 0;
        content: "";
        background-image: url();
        background-size: 0;
    }

    .accordion-header {
        background-color: transparent !important;
        border-bottom: 0;
    }

    .accordion-item {
        border: 0;
        background-color: transparent !important;
        border-bottom: 1px solid var(--gray);
    }

    .accordion-button button {
        border: 0;
        padding: 0 !important;
        border: 0 !important;
        background-color: transparent;
    }

    .accordion-body {
        margin-left: 25px;
        overflow: hidden;
        overflow-x: auto;
        padding: 0px 1.25rem;
    }

    .accordion-button:not(.collapsed) {
        color: var(--dark-gray) !important;
        background-color: transparent !important;
        box-shadow: unset !important;
    }

    .accordion-button:focus {
        border-color: var(--gray) !important;
        box-shadow: 0 0 0 3px var(--dark-gray);
    }

    /* Grid */
    .grid-container {
        display: flex;
        align-items: flex-start;
    }

    .grid-individual {
        justify-content: center;
        margin: 10px 20px;
        text-align: center;
        width: 100%;
    }

    .grid-individual-less-margin {
        justify-content: center;
        margin: 10px 5px;
        text-align: center;
        width: 100%;
    }

    .grid-text {
        padding: 0px 15px;
    }

    .grid h3 {
        font-size: 2.2rem;
        font-weight: bold;padding-bottom: 20px;
    }
.grid-container  .grid-text h3{font-size: 1.6rem!important;padding-top: 25px; padding-bottom: 0!important;font-weight:600;}
    .grid p {
        font-size: .95em;
        font-weight: 400;line-height: 1.5em;
    }

    /* Text With Icon */
    .icon-heading {
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
        justify-content: center;
    }

    .text-with-icon-columns {
        padding: 30px 0px;
    }

    .text-with-icon-columns p {
        line-height: 1.7;
    }

    /* Buttons With Images */
    .buttons-with-images {}

    .buttons-with-images-container {
        display: flex;
        align-items: flex-start;
        margin-top: -25px;
    }

    .buttons-with-images-container>* {
        flex: 0 0 33%;
    }

    .buttons-with-images-individual {
        justify-content: center;
        text-align: center;
    }

    .buttons-with-images-text {
        padding: 0px 30px;
        min-height: 175px;
    }

    .buttons-with-images h3 {
        font-size: 25px;
        font-weight: bold;
    }

    .buttons-with-images p {
        font-size: 15px;
        font-weight: 400;
    }

    /* Carousel With Information */
    .information-carousel {}

    .info-carousel .owl-next,
    .info-carousel .owl-prev {
        display: block !important;
    }

    /* Text With Image */
.text-with-image img{max-width:100%;padding-bottom:30px;}

    /* Info WIth Buttons */
    .info-with-buttons li {
        line-height: 2;
    }

    /* Icons */
    .icons {
        min-height: 725px;
    }

    .icons .icon-heading {
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
        justify-content: center;
    }

    .icons .icon-heading img {
        width: 20px;
    }

    .icons-text {
        text-align: center;
    }

    .icon-container {
        display: flex;
    }

    .icon-individual {
        background-color: var(--white);
        min-height: 200px;
        text-align: center;
        margin: 20px 5px 40px 5px;
        border-radius: 10px;
        width: 100%;
    }

    .icon-individual img {
        padding: 30px 0px 20px 0px;
    }

    .icon-description {
        padding: 0 15px 15px 15px;
    padding-top: 0px;
  line-height: 1.3em;
        align-items: flex-end;
    }

    /* Featured */
      .featured-images {
        display: flex;
        flex-direction: column;
    }

    .featured-image-individual img {
        padding-top: 5px;
    }

    .captions {
        text-align: center;
        font-size: 10pt;
        font-weight: 600;
        font-style: italic;
        padding-bottom: 3px;
    }

    /* News Index */
    .news-index a {
        font-weight: 600;
        color: var(--dark-gray);
        padding: 0px;
    }
.news-index h3{margin-top:20px;}
.news-index  .news-social-icons-carousel {
    display: none;}
    .news-index a:hover {
        color: var(--light-blue);
    }

    .news-index p {
        padding-top: 20px;
    }

    .news-index-top-title {
        font-size: 32px !important;
    }

    .news-social-icons-header img {
        width: 25px !important;
        margin-right: 5px;
    }

    .news-social-icons-header {
        display: flex;
        margin-top: 10px;
    }

    .news-social-icons-carousel {
        display: flex;
        margin-top: 10px;
    }

    .news-social-icons-carousel a {
        padding: 20px 7px 5px 0px!important;
    }

    .news-social-icons-carousel img {
        width: 25px !important;
        margin-right: 5px;
        transition: transform .6s ease, box-shadow 0.3s ease;
    }
    .news-social-icons-carousel img:hover{
        transform: translateY(-10px);
        cursor: pointer;
    }
    .news-date{
        width:75%;
    }

    /* News Entry */
    .news-entry a {
        font-size: 18px;
        font-weight: 600;
        color: var(--light-blue);
        padding: 20px 0px;
    }

    .news-entry a:hover {
        color: var(--light-blue);
    }

    .news-entry p {
        padding-top: 20px;
    }

    .large-news-back {
        color: var(--dark-gray) !important;
        font-weight: 700 !important;font-family: Fira Sans Condensed;
    }

    .news-entry-carousel .owl-next,
    .news-entry-carousel .owl-prev {
        display: none !important;
    }

    /* Archives */
    .archives .col-md-4 {display: none;}

@media (min-width: 768px) {
 .archives .col-md-8 {
    flex: 0 0 auto;
    width: 100%;
  }
}
    .archive-container {
        display: flex;
        height: 400px;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .archive-individual a {
        font-size: 15px;
    }

.archives {background: var(--dark-blue);}
.archives a{color:#fff!important; text-decoration:none;}
.archives a:hover{color:#ffffff!important; text-decoration:underline;}
.news-index a {font-family: Fira Sans Condensed;line-height: 1.3em;}
.news-index-top-title {font-family:Fira Sans Condensed;line-height: 1.3em !important;
  margin-top: 30px;
  display: block;}

    /* Shortcuts */

    .shortcuts::-webkit-scrollbar {
      display: none; /* Chrome/Safari */
    }

    .shortcuts .px-5 {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }


    /* Each shortcut block */
    .shortcut-individual {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        text-align: center;
        width: 100%;
        word-wrap: break-word;
        white-space: normal;
         transition: transform 0.6s ease, box-shadow 0.3s ease;
    }

    .shortcut-individual p {
        font-size: 16px;
        line-height: 1.3;
        padding: 8px 5px 0;
        color: #fff;
    }
    .shortcuts .py-1 {
        margin-top: 125px;
    }

    .shortcuts a {
 color: var(--white);
  text-decoration: none;
  padding: 10px;
  display: block;
  height: 60px;
  align-content: center;
    }
.shortcuts a:hover {
    text-decoration: none;
    background: var(--dark-blue);
}
.shortcuts a:hover p{color: var(--sky);}
    .shortcuts img {
        width: 50px;
    }
    .shortcut-individual:hover,
    .top-icon:hover {
       /* transform: translateY(-10px);*/
        cursor: pointer;
    }

    .shortcut-individual a[href*="start-stop-move"] p {
        word-break: break-all;
        overflow-wrap: break-word;
         white-space: nowrap;
      text-overflow: ellipsis;
    }

    .shortcut-container a {}


    /* ALERT BANNER - Unified wrapper for outage + ticker */
    .alert-banner {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10000;
      display: flex;
      align-items: center;
      background: transparent;
      padding: 0;
      overflow: hidden;
      white-space: nowrap;
      flex-direction: column;
      transition: top 0.3s ease-in-out;
    }

    /* Container override to fill full width */
    .alert-banner .container {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      margin-left: auto;
      margin-right: auto;
    }

    /* Stack both sections inside */
    .alert-banner-placement {
      display: flex;
      flex-direction: column;
      width: 100%;
      background: transparent;
    }

    /* Outage notice (top section) */
    .alert-fixed-text {
      font-size: 16px;
      font-weight: normal;
      padding: 8px 0;
      white-space: normal;
      text-align: center;
      background: transparent;
      color: red;
    }
    .alert-fixed-text i {
      margin-right: 6px;
      font-size: 18px;
      color: red;
    }

    /* Yellow ticker wrap (scroll section) */
    .alert-ticker-wrap {
      background-color: var(--gold);
      overflow: hidden;
      position: relative;
      white-space: nowrap;
      width: 100%;
      padding: 0;
    }

    /* Scrolling ticker */
    .alert-ticker {
      display: inline-block;
      white-space: nowrap;
      font-size: 16px;
      color: #000;
      padding-left: 100%;
      animation: scrollTicker 65s linear infinite;
      cursor: grab;
      user-select: none;
      -webkit-overflow-scrolling: touch;
      scroll-behavior: smooth;
      margin: 0;
    }
    .alert-ticker:hover {
      animation-play-state: paused;
    }
    .alert-ticker:active {
      cursor: grabbing;
    }

    /* Close button */
    .alert-banner-button {
      background: transparent;
      border: 1px solid;
      font-size: 18px;
      cursor: pointer;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      padding: 4px 12px;
      border-radius: 50%;
      color: #000;
      transition: background 0.3s ease;
    }
    .alert-banner-button:hover {
      background: rgba(255, 255, 255, 0.8);
    }

    /* Toggle button (triangle) */
    .alert-banner-toggle {
      position: absolute;
      top: 15px;
      right: 20px;
      background: var(--gold);
      color: #101010;
      padding: 8px 10px;
      border: none;
      border-radius: 50px;
      font-size: 18px;
      cursor: pointer;
      z-index: 99999;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      transition: opacity 0.3s ease;
    }

    /* Ticker animation */
    @keyframes scrollTicker {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-100%);
      }
    }

    /* Hide alert and shift navbars */
    .alert-banner.hidden {
      display: none;
    }
    .alert-banner.hidden + .top-nav-bar {
      top: 0 !important;
    }
    .alert-banner.hidden + .top-nav-bar + .navbar {
      top: 50px;
    }

    /* Transitions for smooth movement */
    .alert-banner,
    .top-nav-bar,
    .navbar {
      transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .alert-banner {
        flex-direction: column;
        height: auto;
        text-align: center;
        padding: 10px;
      }

      .alert-banner-placement {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .alert-fixed-text {
        padding-right: 0;
        margin-bottom: 5px;
        white-space: normal;
      }

      .alert-ticker {
        width: 100%;
        padding-left: 100%;
        animation-duration: 10s;
      }

      .alert-banner-button {
        top: 10px;
        right: 10px;
      }
    }

    @media (max-width: 1024px) {
      .alert-ticker {
        animation-duration: 45s;
      }
    }

    @media (max-width: 576px) {
      html .alert-banner .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
    }


    /* Sidebar */
    .sidebar {
        background: linear-gradient(180deg, rgba(69,152,208,1) 0%, rgba(71,162,217,1) 80%);
        /*background: #1781b4;*/
        z-index: 3;
        position: relative;
        padding: 0px;
        min-height:fit-content!important;
    }
    .sidebar .container {
    padding-right: 20px;
    padding-left: 20px;}

    .sidebar-image-position {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .no-sidebar-mobile {
        padding-right: 100px;
    }

    .sidebar-icon {
        padding: 30px 0px;
    }

    .sidebar-icon img {
        width: 70px;
    }

    .sidebar-icon h3 {
        margin-left: -12px;
    }

    .sidebar-heading {
       font-size: 1.2em;
    }

    .sidebar hr {
        height: 2px;
        color: var(--white) !important;
    }

    .sidebar-text {
        margin-top: 0;
    }

    .sidebar-accordion {}

    .sidebar-links {}

    .sidebar-text h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .sidebar-links h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .sidebar-text p {
        font-size: 15px;
        line-height: 1.5em;
    }

    .sidebar-links p {
    font-size: 15px;
    line-height: 1.3em;
    margin-bottom: 10px;
    }

    .sidebar-accordion .accordion-item {
        border: none;
    }

    .sidebar-accordion .accordion-button:focus {
        border-color: var(--light-blue) !important;
        box-shadow: 0 0 0 3px var(--light-blue);
    }

    .sidebar-accordion i {
        color: var(--white);
        float: left;
    }

    .sidebar-accordion-header {
        background-color: transparent !important;
        border-bottom: 0;
        text-align: left;
        margin-bottom: 0px;
    }

    .sidebar-accordion h3 {
        font-size: 12pt;
        font-weight: bold;
        margin-left: 30px
    }

    .sidebar-accordion p {
        font-size: 12pt;
        font-weight: 400;
        margin-left: 0px
    }

    .sidebar-accordion-button {
        color: var(--dark-gray);
        font-size: 18px;
        background-color: transparent;
        border: none;
        margin-top: 5px;
    }

    .sidebar-accordion-button:hover {
        color: var(--dark-gray);
    }

    .sidebar-accordion-button:after {
        -ms-flex-negative: 0;
        content: "";
        background-image: url();
        background-size: 0;
    }

    .sidebar-accordion-button button {
        border: 0;
        padding: 0 !important;
        border: 0 !important;
        background-color: transparent;
    }

    .sidebar-accordion-button:not(.collapsed) {
        color: var(--dark-gray) !important;
        background-color: transparent !important;
        box-shadow: unset !important;
    }

    .sidebar-accordion-button:focus {
        border-color: var(--gray) !important;
        box-shadow: 0 0 0 3px var(--light-blue);
    }

    .sidebar-accordion-body {
        font-size: 15px;
        margin-left: 35px;
        font-weight: 300;
    }

    .page-community-outreach .sidebar.dark-blue-bg {
      margin-top: 0 !important;
    }


    /* General Footer Styling */
    footer {
        margin-top: 0 !important;
        background: var(--aquamarine) !important;
        padding: 40px 0;
    }

    .footer-heading,
    .footer-text,
    .footer-text-2,
    .footer-text-3 {
        font-family: var(--main-font);
        color: var(--white);
        margin-bottom: 0 !important;
    }
.footer-text,
    .footer-text-2,
    .footer-text-3, .footer-grid p, .footer-grid li {
      font-family: "Fira Sans Condensed", sans-serif!important;color: var(--white);
    font-size: 15px;}

    .footer-heading {
        font-weight: 500;
    }

    .footer-text,
    .footer-text-3 {
        font-weight: 400;
    }

    .footer-text-2 {
        font-weight: 500;
    }

    .footer-link,
    .footer-link-2 {
        color: var(--white);
        text-decoration: none;
    }

    .footer-link {
        font-weight: 500;
    }

    .footer-link-2,
    .footer-link-3 {
        font-weight: 400;
    }

    .footer-link-3 {
        text-decoration: underline;
    }

    /* Footer Logo */
    .footer-logo {
        width: 85px;
        display: block;
        margin: 0 auto;
        padding: 8px 0 20px;
    }

    /* Footer Navigation Layout */
    footer .mega-menu-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        padding: 10px 0;
        margin-top: 0;
    }

    footer .mega-menu-container ul,
    footer .mega-menu-container li {
        list-style: none;
    }

    footer .mega-menu-item {
        padding-bottom: 10px;
        padding-right: 25px;
        font-weight: bold;
    }

    footer .secondary-ul {
        font-weight: 300;
        padding-left: 0;
    }

    /* Footer Navbar & Icons */
    footer .navbar .navbar-toggler {
        font-size: 30px;
    }

    footer .open {
        position: relative;
        top: 33px;
        left: -3px;
        font-size: 35px !important;
    }

    footer .btn-outline-success i {
        font-size: 20px;
    }

    footer .mega-menu-display ul,
    .mega-menu-display li,
    .mega-menu-display a {
        font-size: 18px;
    }

  
    /* Adjustments for Footer Layout */
    body > footer > div > div.row.pb-5 {
        padding-bottom: 1.25rem !important;
    }

    body > footer > div > div.row.mobile-footer > div.col-4.mobile-column-1 > p:nth-child(6) {
        padding-bottom: 0;
    }

    /* Responsive Fixes */
    @media (max-width: 992px) {
        .footer {
            padding: 30px 0;
        }

        .mega-menu-container {
            flex-direction: column;
            text-align: center;
        }

        .mega-menu-item {
            text-align: left;
        }

        .footer-logo {
            width: 75px;
        }
    }

    @media (max-width: 768px) {
        .footer {
            padding: 25px 0;
        }

        .footer-heading,
        .footer-text {
            font-size: 12px;
        }

        .footer-logo {
            width: 70px;
        }
    }


    /* Search */
    .search-entries a {
        text-decoration: none;
        color: var(--black);
    }

    .search-entries a:hover {
        text-decoration: underline;
        color: var(--light-blue);
    }

    .search-entries ul {
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;
        padding-inline-start: 0px !important
    }

    .search-entries li {
        list-style: none;
        padding: 10px 5px 0px 5px;
    }

    .paginate-link {
        text-decoration: none;
        color: var(--black);
    }

    .paginate-link:hover {
        text-decoration: underline;
        color: var(--light-blue);
    }

    .paginate-link-current {
        text-decoration: none;
        color: var(--aquamarine);
    }

    /* Mobile Search */
    .mobile-search {
        position: relative;
        justify-content: flex-end;
    }

    .mobile-search .btn-outline-success {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 10px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
        height: 51px;
        position: relative;
        top: -2px;
    }

    .mobile-search .btn-outline-success:hover {
        background: var(--aquamarine);
        color: var(--white) !important;
        border: 1px solid var(--aquamarine);
    }

    .mobile-search .btn-outline-success:focus {
        background: var(--aquamarine);
        color: var(--white) !important;
    }

    .mobile-search i {
        font-size: 30px;
    }

    .mobile-search-display {
        position: absolute;
        width: 100%;
        right: 80px;
    }

    .mobile-search-display i {
        font-size: 30px;
    }

    .mobile-search-display .search-display {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--aquamarine);
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 10px;
        background: var(--aquamarine);
        color: var(--white) !important;
        font-family: var(--main-font);
        display: inline-block;
        height: 51px;
        position: relative;
        top: -2px;
        float: right;
        margin-right: 2px;
        z-index: 1;
    }

    .mobile-search-display .search-display:hover {
        background: var(--aquamarine);
        color: var(--white) !important;
        border: 1px solid var(--aquamarine);
    }

    .mobile-search-display .search-display:focus {
        background: var(--aquamarine);
        color: var(--white) !important;
    }

    /* Social Media Fly Out */
    .flyout {
        text-align: center;
        display: block;
        width: 50px;
        height: 52px;
        background: rgba(91, 152, 165, .55);
        position: absolute;
        right: 0px;
    }

    .flyout:hover {
        cursor: pointer;
    }

    .flyout:before:hover {
        cursor: pointer;
    }

    .flyout:before {
        content: "";
        display: block;
        position: relative;
        top: 0px;
        right: 25px;
        width: 0;
        height: 0;
        border-width: 26px 40px 26px 10px;
        border-style: solid;
        border-radius: 3px;
        border-color: #ACC8CF #ACC8CF #ACC8CF transparent;
        z-index: 1;
    }

    .flyout i {
        color: var(--white);
        padding-top: 10px;
        font-size: 30px;
        position: relative;
        top: -52px;
        right: 5px;
        z-index: 1;
    }

    .flyout-ext {
        text-align: center;
        display: flex;
        width: 230px;
        height: 52px;
        background: var(--aquamarine);
        position: absolute;
        right: 0px;
        margin-top: 15px;
        z-index: 3;
    }

    .flyout-ext:hover {
        cursor: pointer;
    }

    .flyout-ext:before:hover {
        cursor: pointer;
    }

    .flyout-ext:before {
        content: "";
        display: block;
        position: relative;
        top: 0px;
        right: 25px;
        width: 0;
        height: 0;
        border-width: 26px 40px 26px 10px;
        border-style: solid;
        border-radius: 3px;
        border-color: var(--aquamarine) var(--aquamarine) var(--aquamarine) transparent;
        z-index: 1;
    }

    .flyout-ext i {
        color: var(--white);
        padding: 10px 9px;
        font-size: 30px;
        position: relative;
        top: -52px;
        right: 5px;
        z-index: 2;
    }

    .flyout-flex {
        display: flex;
    }

    .mobile-icon {
        color: var(--white);
        font-size: 30px;
    }

    /* Background */
    .background {
        height: 200px;
        width: 100%;
    }

    /* Videos */
    .ul-control ul {
        padding-left: 0px;
        text-align: left
    }

    /* Breadcrumbs */
    .breadcrumbs {
        margin-bottom: 35px;
    }

    .less-margin-breadcrumbs {
       margin: 25px 0 15px;
    }

    .text-breadcrumbs {
        color: var(--dark-gray) !important;
        font-size: 11pt !important;
        font-weight: 400 !important;
        text-decoration: none;
    }

    .no-banner-breadcrumbs {
        color: var(--dark-gray) !important;
        font-size: 11pt !important;
        font-weight: 400 !important;
        text-decoration: none;
    }

    .image-breadcrumbs {
        color: var(--white) !important;
        font-size: 11pt !important;
        font-weight: 400 !important;
        text-decoration: none;
    }

    /* Start / Stop Embed form */
    /*.fsRowBody input[type=radio] { overflow: unset !important; top: 0px !important }*/
    .fsRowBody input[type=radio]:before,
    .fsRowBody input[type=radio]:checked:before {
        margin-bottom: 6.5px;
    }

    /* Add To Any Social Icons */
    .a2a_kit>div {
        display: none;
        clear: none;
    }

    .freeform-form-success {
        border: 1px solid #4599d1;
        padding: 10px 15px;
        border-radius: 4px;
        background: #79b4df38;
        margin-bottom: 15px;
    }

    .freeform-form-success p {
        margin-bottom: 0px;
        font-weight: bold;
        line-height: 1.2;
    }

    /* Mobile Optimization */

    @media screen and (min-width: 1401px) {
        .alert-banner {
            height: unset;
            padding: 0;
            margin: 0;
        }
    }

    @media screen and (max-width: 1400px) {
        footer .mega-menu-container {
            height: 440px;
        }

        .box-container {
            justify-content: center;
        }

        .box-individual a {
            padding: 25px 8px 15px 8px;
        }

        .alert-banner {
            height: unset;
            padding-bottom: 5px;
        }

        .alert-banner-placement {
            padding: 0px 100px;
        }

        .alert-banner-button {
            top: 25px;
        }
    }

    @media screen and (max-width: 1200px) {
        .box-individual h3 {
            font-size: 14pt;
        }

        .box-individual p {
            font-size: 10pt;
        }

        .box-individual a {
            font-size: 12pt;
        }
    }

    @media screen and (max-width: 1100px) {
        footer .mega-menu-container {
            height: 600px;
        }
         img.top-logo.img-fluid {
      max-height: 70px !important;
    }
    }

    @media screen and (max-width: 991px) {
        body>nav.navbar.dark-blue-bg.show-mobile-991>div.container.px-5.d-flex.align-items-center.justify-content-between>div.col-4.d-flex.justify-content-center {
            width: 80%;
        }


        .shortcut-container {
            margin-top: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center;
            gap: .25rem;
        }

        footer .mega-menu-container {
            height: 300px;
            justify-content: flex-start;
            align-items: end;
        }

        footer .secondary-ul {
            display: none;
        }

        footer .main-ul {
            padding-top: 0px;
        }

        footer .footer-logo {
            display: none;
        }

        h1 {
            font-size: 2.4em;
        }

        h2 {
            font-size: 2em;
        }

        h3 {
            font-size: 1.5em;
        }

        /*p, li {
            font-size: 17px;
        }*/

    
        .home-banner h1 {
            font-size: 2.8em;
        }
        
        .home-banner-text .bannerSubheading p{font-size: 1.3em !important;}
        .homepage h2 { font-size: 2rem;}
        .page-banner h1 {
            font-size: 2.8em;
        }

        .page-banner p {
            font-size: 1.2em;
        }
        .page-banner .col-md-6 {width:100%}

        .alert-banner-placement {
            padding: 0px 50px;
        }

        .show-mobile-991 {
            display: block;
        }

        .hide-mobile-991 {
            display: none;
        }

        .navbar .navbar-toggler {
            font-size: 20px;
           /* padding-top: 20px;*/
        }
        .navbar .open {
            font-size: 40px !important;
            position: relative;
            top: 0;
        }

        .contact-text {
            font-size: 18px;
        }

        .navbar .top-logo {
            margin-left: 0px !important;
            padding-top: 6px;
            max-height: 60px;
            width: auto;
            height: 248px;
            max-width: 100%;
            object-fit: contain;
            display: block;
            top: auto!important;
        }

        .contact-us-positioning {
            margin-top: 20px;
        }

        .contact-text-p {
            margin: 28px 0px 0px 0px;
        }

        .navbar .secondary-ul {
            display: none;
        }

        .mega-menu-container {
            padding: 50px 30px 0px 30px;
        }

        .mega-menu-display ul,
        .mega-menu-display li,
        .mega-menu-display a {
            font-size: 28px;
            color: white !important;
        }

        .mega-menu-item i {
            display: none;
        }

        .mega-menu-display {
            height: 700px;
        }

        .alert-banner-button {
            right: -25px;
        }

        .grid-container {
            flex-direction: column;
        }

        .buttons-with-images-container {
            flex-direction: column;
            margin-top: 0px;
        }

        .buttons-with-images-individual {
            padding-top: 25px;
        }

        .text-banner {
            padding: 40px 0px 20px 0px;
        }

        .info-carousel .owl-prev,
        .info-carousel .owl-next {
            display: none !important;
        }

        .icon-container {
            flex-direction: column;
        }

        .icon-individual {
            margin: 7px 2px;
        }

        .featured-image-individual {
            padding-top: 10px;
        }

        .archive-container {
            height: 560px;
        }

        .archive-individual {
            padding: 3px 5px;
        }

        .news-entry img {
            width: 100%;
        }

        .grid-individual {
            width: 100%;
        }

        .grid-individual-less-margin {
            width: 100%;
        }

        .box-container {
            flex-wrap: nowrap!important;
        }

        /*.box-container>* {
            flex: 0 0 47%;
        }*/

        .box-individual h3 {
            font-size: 16pt;
        }

        .box-individual p {
            font-size: 12pt;
        }

        .box-individual a {
            font-size: 12pt;
        }

        .buttons-with-images-text {
            min-height: unset;
        }

        .flyout {
            top: 263px;
        }

        .flyout-ext {
            top: 247px;
        }

        .mobile-search {
            top: 265px;
        }

        .mobile-search-display {
            top: 265px;
        }

        .contact-text {
            font-size: 16px;
        }

        .text-with-icon-container {
            flex-wrap: wrap;
        }

        .no-sidebar-mobile {
        width: 100%;
        padding-right: 1.3em;
        padding-left: 1.3em;
        }

        /*.sidebar { display: none !important; }*/
        .sidebar {
            display: none;
            margin-top: 0px !important;margin-bottom: 50px;
        }
    }

    @media screen and (max-width: 768px) {
        h1 {
            font-size: 2.2em;
        }

        h2 {
            font-size: 1.7em;
        }

        h3 {
            font-size: 1.4em;
        }
        .icon-align {
            text-align: center;
        }

        .row-padding-top {
            padding-top: 0px !important;
        }

        .div-padding-left {
            padding-left: 15px;
        }

        .div-mobile-center {
            text-align: center;
        }

        .alert-banner-placement {
            padding: 0px 20px;
        }

        .show-mobile-768 {
            display: block;
        }

        .hide-mobile-768 {
            display: none;
        }

        .navbar .top-logo {
            margin-left: 30px;
            margin-top: 5px;
        }

        .home-banner h1 {
            font-size: 2.3em;
        }
        
        .home-banner-text .bannerSubheading p{font-size: .9em !important;}
        .homepage h2 { font-size: 2rem;}

        .page-banner h1 {
            font-size: 2.3em;
        }

        .page-banner p {
            font-size: 1.1em;
        }

       /* .shortcut-container>* {
            flex: 0 0 47%;
        }*/

        .shortcut-individual {
            margin: 0;
        }

        .flyout {
            top: 263px;
        }

        .flyout-ext {
            top: 247px;
        }

        .mobile-search {
            top: 265px;
        }

        .mobile-search-display {
            top: 264px;
        }

        .contact-text {
            font-size: 14px;
        }

    }

    @media screen and (max-width: 500px) {

        .box-individual {
            min-height: 230px;
        }

        .alert-banner-placement {
            padding: 5px;
        }

        footer .mega-menu-container {
            height: 310px;
            justify-content: center;
            align-items: center;
        }

        .mobile-footer {
            display: flex;
            flex-direction: column;
        }

        .mobile-column-1 {
            width: 100%;
            text-align: center;
        }

        .mobile-column-2 {
            width: 100%;
            text-align: center;
        }


        .navbar .top-logo {
            margin-left: 45px;
        }

        .navbar .navbar-toggler {
            font-size: 20px;
        }

        .contact-us-positioning {
            width: 100%;
        }

        .archive-container {
            height: 560px;
        }

        .archive-individual {
            padding: 3px 5px;
        }

        footer .mega-menu-item {
            padding-right: 0px;
        }

        .navbar .open {
            top: 1vw;
            left: 70vw;
        }

        .mega-menu-container {
            padding: 30px 5px 0px 30px;
        }

       
        .shortcut-individual {
            margin: 0;
        }

        .shortcut-container a {
            margin: 0px;
        }

        .shortcuts img {
            width: 30px;
        }

        /*.shortcut-individual p { font-size: 10px; }*/
        .flyout {
            top: 273px;
        }

        .flyout-ext {
            top: 257px;
        }

        .mobile-search-display {
            top: 275px;
        }
    }
    /* Mobile Search Container */
    .mobile-search {
        /*background: linear-gradient(90deg, rgba(10, 80, 110, 0.98) 0%, rgba(15, 122, 169, 0.98) 20%, 
                    rgba(15, 142, 189, 0.98) 40%, rgba(15, 122, 169, 0.98) 60%, 
                    rgba(15, 102, 149, 0.98) 80%, rgba(10, 80, 110, 0.98) 100%);*/
        padding: 10px;
        border-radius: 5px;
        width: 100%;
        position: relative;
        top: 20%;
    }

    /* Mobile Search Bar with Search Icon as Background */
    .mobile-search-bar {
        background: #ffffff url('../search-icon.html') no-repeat right 15px center;
        background-size: 18px 18px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: var(--dark-blue);
        padding: 10px 40px 10px 15px; /* Right padding ensures text doesn’t overlap with icon */
        width: 100%;
        border-radius: 5px;
    }

    /* Hide the Search Button Since Icon is in Input */
    .mobile-search button {
        display: none;
    }

    /* Proper Display on Smaller Screens */
    @media (max-width: 768px) {
        .mobile-search {
            flex-direction: column;
            align-items: stretch;
        }

        .mobile-search-bar {
            padding-right: 40px;
            background-position: right 10px center;
        }
    }
    @media (max-width: 1024px) {
        .mobile-search-bar::placeholder {
            color: rgba(255, 255, 255, 0.7);
            opacity: 1;
            font-size:1.15em;
        }

        .mobile-search-bar::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .mobile-search-bar::-moz-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .mobile-search-bar:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .mobile-search-bar::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }
        .social-media-icons-mobile{
            width: 50%;
            margin: 0 auto;
        }
    }




    @media screen and (max-width: 468px) {
        .contact-text-p-mobile {
          text-align: center;
        }

       /* .shortcut-container {
            margin-top: -35px !important;
        }*/
    }

    @media screen and (max-width: 435px) {

        .box-individual {
            min-height: 135px;
            width: 100%;
        }

        .box-individual h3 {
            /*font-size: 8pt;*/
        }

        .box-individual p {
            font-size: 7pt; line-height: 1.3 
        }

        .box-individual a {
            font-size: 7pt;
            padding: 15px 8px 0px 8px;
        }

        .archive-container {
            height: 900px;
        }

        .archive-individual {
            padding: 3px 5px;
        }

        .navbar .top-logo {
            /*margin-left: 50px;*/
        }

        .shortcut-individual {
            margin: 1px;
        }

        .shortcut-container>* {
            flex: 0 0 25%;
        }

        .flyout {
            top: 273px;
        }

        .flyout-ext {
            top: 257px;
        }

        .mobile-search {
            top: 5px;
            right: -17px;
            width: 95%;
            padding-right: 0px;
        }

        .mobile-search-display {
            top: 275px;
        }

        .sidebar-heading {
            font-size: 14pt;
        }

        .sidebar-icon img {
            width: 55px;
        }

        .mega-menu-display {
            height: 650px;
        }

        .mega-menu-display ul,
        .mega-menu-display li,
        .mega-menu-display a {
            font-size: 24px;
        }

        .mega-menu-container {
            padding: 0px 5px 0px 15px;
        }

        /*.box-container {
            flex-wrap: wrap;
            flex-direction: column;
        }*/
    }

    @media screen and (max-width: 375px) {
        .flyout {
            top: 293px;
        }

        .flyout-ext {
            top: 277px;
        }

        .mobile-search {
            top: 5px;
            right: -17px;
            width: 95%;
            padding-right: 0px;
        }

        .mobile-search-display {
            top: 295px;
        }

        .mega-menu-display ul,
        .mega-menu-display li,
        .mega-menu-display a {
            font-size: 22px;
        }

        .mega-menu-display {
            height: 600px;
        }
    }

    @media screen and (max-width: 327px) {
        .flyout {
            top: 313px;
        }

        .flyout-ext {
            top: 297px;
        }

        .mobile-search {
            top: 5px;
            right: -17px;
            width: 95%;
            padding-right: 0px;
        }

        .mobile-search-display {
            top: 315px;
        }
    }


    /* scarlett's adjustments */
    @media (min-width: 1400px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            max-width: 1367px;
        }
    }

@media (min-width: 1400px) {
    .custom-footer .container, .site-alert-wrapper .container, .navbar .container{max-width: 95vw;}
    .site-main .container{ max-width: 1367px;}
}
@media (max-width: 1399px) {
    .custom-footer .container, .site-alert-wrapper .container, .navbar .container,.site-main .container{max-width: 95vw;}
}
 @media (max-width: 991px) {
.container.px-5 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
     
}
  /*  .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: flex-start;
    }*/

    .navbar-nav .nav-item .dropdown-menu {
        display: none;
        position: absolute;
        background-color: #fff;
        transition: transform .6s ease, box-shadow 0.3s ease;
    }

    .navbar-nav .nav-item:hover .dropdown-menu {
        display: block;
    }

    .drop-down-item {
        white-space: pretty;
    }

    .top-nav-bar {
        height: 60px;
        position: static;
        top: auto;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: var(--aquamarine);
        transition: top 0.3s ease-in-out;
    }

    .top-nav-bar .nav-link,
    .top-nav-bar .nav-link:hover {
        color: var(--white);
        padding: 5px 25px;
    }

    nav.navbar.white-bg a:hover {
        text-decoration: none;
    }

    .top-nav-bar .nav-item.active .nav-link {
        color: var(--white);
        text-decoration: underline;
    }

    .top-nav-bar .dropdown-menu {
        background-color: var(--white);
    }

    .top-icon {
        width: 25px;
        margin: 15px 0px;
        background-color: var(--white);
        border-radius: 50%;
        transition: transform .6s ease, box-shadow 0.3s ease;
    }

    .social-media-icons.d-flex.align-items-center>a {
        margin-left: .5rem !important;
    }

    .top-nav-bar .form-control {
        border: 0;
        border-radius: 5px;
        margin: 0 0 .15rem 3rem;
    }
    .search-container {
        position: relative;
        width: 100%;
        max-width: 300px;
    }
    .search-bar {
        width: 100%;
        padding: 10px 15px;
        padding-right: 40px;
        border: 1px solid #0f6a94;
        border-radius: 5px;
        font-size: 1rem;
        background-color: var(--light-blue); 
        color: white;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M505 442.7l-99.7-99.7c28.3-40.3 45.1-89.5 45.1-143.2C450.4 89.8 360.6 0 250.2 0S50 89.8 50 200.2s89.8 200.2 200.2 200.2c53.7 0 103-16.8 143.2-45.1l99.7 99.7c6.2 6.2 14.3 9.7 22.7 9.7s16.5-3.4 22.7-9.7c12.4-12.4 12.4-32.5 0-44.9zM250.2 350.4c-83 0-150.2-67.2-150.2-150.2S167.2 50 250.2 50s150.2 67.2 150.2 150.2-67.2 150.2-150.2 150.2z'/%3E%3C/svg%3E");
        background-size: 20px;
        background-position: right 15px center;
        background-repeat: no-repeat;
    }

    .search-bar::placeholder {
        color: rgba(255, 255, 255, 0.7);
        opacity: 1;
    }

    .search-bar:focus {
        outline: none;
        border-color: #0f6a94;
    }


    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        font-family: "Font Awesome 5 Pro";
        content: "\f078";
        /* Font Awesome's 'chevron-down' icon */
        font-weight: 900;
        /* Ensure it's the solid variant */
        font-size: .65em;
        line-height: 2;
        border: none;

    }

    /* home sections */

    .homepage .information:nth-child(18) {
        position: relative;
        background-position: top center !important;
    }

    .homepage .information:nth-child(22) {
        position: relative;
    }

    .homepage .information:nth-child(22)::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
        /* Gradient from left to transparent */
        z-index: 1;
        pointer-events: none;
    }

    .homepage .information:nth-child(22)>* {
        position: relative;
        z-index: 2;
    }


    body .mobile-footer {
        padding: 20px 0 0 !important;
    }

    footer .mobile-column-1, footer .mobile-column-2 {
        column-count: 2;
        column-gap: 20px;
        padding-top: 10px;
    }
    @media (max-width: 1024px) {
        .hide-mobile-991 {
            display: none !important;
        }

        .mobile-nav {
            display: flex !important;
            justify-content: space-between;
            align-items: center;
        }
    }


    @media (max-width: 1024px) {
        /*.top-nav-bar {
            display: none;
        }*/

        .mobile_width {
            max-width: 98vw;
            padding-right:0!important;
            padding-left:0!important;
        }

        .navbar {
            height: auto;
            padding-top: 0px;
            top: 0;
        }

        .home-banner-container {
            display: flex;
            height: 100%;
            padding: 30px 15px;
            justify-content: center;
            min-height: 450px;
        }

        .home-banner {
            max-height: 500px;
            overflow: hidden;
        }

        .home-carousel-item {
            min-height: 500px;
        }

        .navbar {
            background: var(--white);
        }

        .shortcuts.py-5.homepage>div {
            max-width: 95vw;
        }

        .shortcuts {
            position: static;
            /*top: 0;*/
            left: 0;
            width: 100vw;
            /*padding-top: 18px !important;*/
            height: 85px;
            justify-content: flex-start;
        }

        .shortcuts img {
            width: 30px;
        }

        .shortcut-individual p {
            line-height: 1.2;
            text-wrap: balance;
            word-break: break-word;
        }

        .shortcut-container {
            flex-wrap: nowrap;
            flex-direction: row;
            margin-top: 0;
        }

        .shortcut-container>* {
            flex: 0 0 25%;
        }

        .home-carousel .owl-nav .owl-prev {
            left: 5%;
        }

        .home-carousel .owl-nav .owl-next {
            right: 5%;
        }

        .boxes.py-3>div {
            padding-right: 0rem !important;
            padding-left: 0rem !important;
        }
        .homepage .heading-borders.px-5{
            padding:0!important;
            border:0;
        }
        .row.mobile-footer{

        }
    }
    @media (max-width: 1366px) {
        .homepage .information:nth-child(18), 
        .homepage .information:nth-child(22) {
            background-attachment: scroll !important; 
            background-size: auto 100% !important; 
            background-repeat: no-repeat !important;
            background-position: center center !important;
        }
    }

    /* Ensures high-resolution images are used for Apple devices */
    @supports (-webkit-touch-callout: none) {
        .homepage .information:nth-child(18), 
        .homepage .information:nth-child(22) {
            background-attachment: scroll !important;
            background-size: auto 100% !important; /* Prevents excessive blurring */
        }
    }

    /* Keep fixed background for desktops */
    @media (min-width: 1367px) {
        .homepage .information:nth-child(18), 
        .homepage .information:nth-child(22) {
            background-attachment: fixed !important;
            background-size: cover !important;
        }

    }
    #navbarToggler-mobile .social-media-icons {
        display: flex !important;
        justify-content: center;
        padding-top: 10px;
    }

    #navbarToggler-mobile .social-media-icons a {
        margin: 0 5px;
    }
 .top-nav-bar .container {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }


    @media (min-width: 991px) and (max-width: 1200px) {
       

        .social-media-icons .ms-3 {
            margin-left: 0.5rem !important;
        }

        .top-nav-bar .search-bar {
            display: none;
        }
        .navbar{
            top:0px;
        }
    }

    /* replacement footer */
    .custom-footer {
        background-color: #003f67;
        color: white;
        padding: 40px 0 10px;
        /*font-size: 14px;*/
    }
    .custom-footer h4{
        font-size: 1.015rem;
        font-weight: 600;
    }
    .footer-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
        margin-left:5rem;
    }

    .footer-col {
        display: flex;
        flex-direction: column;
    }

    .footer-logo {
        width: 120px;
        height: auto;
    }

    .footer-nav {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-nav li {
        margin-bottom: 5px;
    }

    .footer-nav a {
        color: white;
        text-decoration: none;
    }

    .footer-nav a:hover {
        text-decoration: underline;
    }

    .footer-copyright {
        text-align: center;
        margin-top: 50px;
        font-size: 13px;
    }

    .footer-copyright a {
        color: white;
        text-decoration: underline;
    }

    /* Responsive Design */
    @media (max-width: 1024px) {
        .footer-grid {
            grid-template-columns: repeat(3, 1fr);
        }

    .footer-nav.no-show-mobile{

    }
    .footer-nav {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
      }

      h4.footer-toggle.expanded + .footer-nav {
        max-height: 400px;
        opacity: 1;
      }
      /* style the toggles */
    .footer-toggle {
      cursor: pointer;
      position: relative;
      padding-right: 1.5em;
    }
    .footer-toggle::after {
      content: "+";
      font-size: 125%;
      position: absolute;
      right: 2vw;
      top: 0;
    }
    .footer-toggle.expanded::after {
      content: "-";
    }

    }

    @media (max-width: 768px) {
        .footer-grid {
            grid-template-columns: repeat(2, 1fr);
            margin-left:0;
        }
        .alert-fixed-text {
            white-space: normal;  /* Allow text wrapping on small screens */
            display: block;
            text-align: center;
            padding-bottom: 5px;
            line-height: 1.4;
            margin-bottom: -15px;
        }

        .alert-ticker-wrap {
            width: 100%;
            text-align: center;
            overflow: hidden;
        }

        .alert-banner-placement {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .alert-banner-button {
            position: absolute;
            top: 15px;
            right: 10px;
            z-index: 10;
        }
        .navbar{
            top:0;
        }
    }

    @media (max-width: 480px) {
        .footer-grid {
            grid-template-columns: repeat(2, 1fr);
            margin-left:0;
        }

    }

    /* Tablet: 768px - 1023px */
    @media (min-width: 768px) and (max-width: 1023px) {
        .alert-banner-placement {
            flex-direction: column;  /* Stack items */
            align-items: center;
            text-align: center;
            padding: 20px 0 0;
        }

        .alert-fixed-text {
            white-space: normal;  /* Allow wrapping */
            text-align: center;
            line-height: 1.4;
            padding-bottom: 5px;
            margin-bottom: -10px;
            max-width: 90%; /* Prevent overly wide text */
        }

        .alert-ticker-wrap {
            width: 100%;
            text-align: center;
            overflow: hidden;
        }

        .alert-banner-button {
            position: absolute;
            top: 24px;
            right: 10px;
            z-index: 10;
        }
    }
    @media (max-width:980px){
        /* .top-nav-bar{
        display:none;
      }*/
      .shortcuts.py-5 > div{
           max-width: 100vw;
        }
    }
    /* Mobile: 0px - 767px */
    @media (max-width: 767px) {
        .alert-banner-placement {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .alert-fixed-text {
            white-space: normal;
            display: block;
            text-align: center;
            padding-bottom: 5px;
            line-height: 1.4;
            margin-bottom: -15px;
            max-width: 90%;
        }

        .alert-ticker-wrap {
            width: 100%;
            text-align: center;
            overflow: hidden;
        }

        .alert-banner-button {
            position: absolute;
            top: 26px;
            right: 10px;
            z-index: 10;
        }
       /* html .navbar {
            top: 135px !important;
        }*/
         :root {
        --alert-height: 115px; 
      }
    }
    @media (min-width: 1205px) and (max-width: 1365px){

        .navbar{
            top:55px;
    }
    }
    /* Base fixed stack styles */
    .alert-banner {
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        z-index: 9999;
        height: auto;
        transition: top 0.3s ease-in-out;
    }
    .navbar {
        position: static;
         top: 105px; /* 45px alert + 60px top-nav-bar */
        left: 0;
        width: 100%;
        z-index: 9998;
    }

    /* When alert is hidden */
    .alert-banner.hidden + .top-nav-bar {
        top: 0;
    }

    .alert-banner.hidden + .top-nav-bar + .navbar {
        top: 60px;
    }

    /* Responsive stacking */
    @media (max-width: 1366px) {
        .top-nav-bar {
            top: 45px;
        }

        .alert-banner.hidden + .top-nav-bar {
            top: 0;
        }
        .alert-banner.hidden + .top-nav-bar + .navbar {
            top: 60px;
        }
    }
    @media (max-width: 1024px) {
        :root {
        --total-header-height: 180px; 
      }
      .shortcuts {
        z-index: 10;
    }

    }
    @media screen and (max-width: 576px) and (min-width: 1399px) {
        .container, .container-sm {
            max-width: 95vw;
        }
    }

    /* Base positioning */
    .alert-banner {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000;
        height: var(--alert-height);
    }

    .top-nav-bar {
        position: static;
        top: var(--alert-height);
        width: 100%;
        height: var(--topnav-height);
        z-index: 9999;
        background: var(--aquamarine);
    }

    .navbar {
        position: relative;
        top: calc(var(--alert-height) + var(--topnav-height));
        width: 100%;
        height: var(--navbar-height);
        z-index: 9998;
    }

    body.alert-closed .top-nav-bar {
        top: 0 !important;
    }
    body.alert-closed .navbar {
        top: 60px !important;
    }


    body > div.header-wrapper > nav.navbar.top-nav-bar.white-bg > .px-5{
        padding-right: .5rem !important; 
        padding-left: .5rem !important;
    }

    @media (max-width: 1023px) {
    /* Fade effect on right */
    .scroll-fade-right::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 100px;
      background: linear-gradient(to left, rgba(255,255,255,0.45), rgba(255,255,255,0));
      pointer-events: none;
      z-index: 2;
    }

    /* Optional arrow cue */
    .scroll-arrow {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.2rem;
      color: #333;
      z-index: 3;
      pointer-events: none;
    }
    }

    .alert-banner-toggle {
      position: fixed;
      top: 15px;
      right: 20px;
      background: #fff;
      color: #c0392b;
      padding: 8px 10px;
      border: none;
      border-radius: 5px;
      font-size: 18px;
      cursor: pointer;
      z-index: 99999;
      box-shadow: 0 2px 5px rgba(0,0,0,0.15);
      transition: opacity 0.3s ease;
    }

    .alert-banner-toggle i {
      font-size: 18px;
    }

    /* overrides */
    :root {
      --header-height-desktop: 180px; /* total height of alert + nav + header on desktop */
      --header-height-mobile: 120px;  /* adjusted height for smaller viewports */
    }

    /* Apply to the wrapper only */
    .header-wrapper {
      position: relative;
      width: 100%;
      z-index: 9999;
    }

    /* Let individual bars stack naturally */
    .alert-bar,
    .upper-navbar,
    .main-header {
      position: relative;
    }

    .site-alert-wrapper {
      position: relative;
      top: 0;
      width: 100%;
      z-index: 10000;
      background:var(--white);
    }

    .site-alert-outage {
      background: #fff;
      padding: 10px 0 0;
      font-size: 16px;
      text-align: center;
    }

    .site-alert-outage i {
      color: red;
      margin-right: 6px;
    }
    .site-alert-outage p {
      margin: 0!important;
      padding: 0;
    }

    .site-alert-ticker {
      background-color: var(--gold);
      color: #000;
      font-size: 15px;
      padding: 6px 0;
      overflow: hidden;
      position: relative; 
    }

    .site-alert-marquee {
      display: inline-block;
      /* white-space: nowrap; */
      /* padding-left: 100%; */
      /* animation: ticker-scroll 45s linear infinite; */
    }

    .site-alert-marquee p {
      display: inline-block;
      margin: 0;
      line-height: 1.3;
      height: auto;
      padding-right: 30px;
      /* white-space: nowrap; */
      padding-top: 5px;
    }

    @keyframes ticker-scroll {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-100%);
      }
    }
    .site-alert-close {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      z-index: 99999;
      background: transparent;
      border: none;
      font-size: 18px;
      cursor: pointer;
      color: #000;
    }

    .site-alert-toggle {
      position: fixed;
      top: 15px;
      right: 20px;
      background: var(--gold);
      color: #101010;
      padding: 8px 10px;
      border: none;
      border-radius: 50px;
      font-size: 18px;
      cursor: pointer;
      z-index: 99999;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }

    .site-alert-wrapper.hidden {
      display: none;
    }

    @media (max-width: 1024px) {
      .site-alert-toggle {right: 1rem; top: 5px;}
    }
    /* === OVERRIDE PREVIOUS LAYOUT === */
    .site-alert-wrapper {
      z-index: 10000;
    }

    .navbar.white-bg.contents {
      z-index: 9998;
    }

    .top-nav-bar {
      z-index: 9997;
    }
    .site-alert-wrapper,
    .navbar.white-bg.contents,
    .top-nav-bar {
      position: static;
      left: 0;
      width: 100%;
    }

     /*.shortcuts {
     background: linear-gradient(135deg, rgba(0, 87, 147, 0.98) 0%, rgba(3, 158, 217, 0.98) 50%, rgba(0, 87, 147, 0.98) 100%);
      position: relative !important;
      left: auto !important;
      top: auto !important;
      height: auto !important;
      width: 100% !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
      overflow-y: visible !important;
    }*/

    .scroll-arrow{
        display: none;
    }
    /* --- MOBILE HORIZONTAL SCROLLING --- */
    @media (max-width: 576px) {
      /*.shortcut-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0;
        scroll-snap-type: x mandatory;
      }*/

      .shortcut-individual {
        scroll-snap-align: center;
        flex: 0 0 auto;
      }

      .shortcut-individual img {
        max-width: 40px;
      }

      .shortcut-individual p {
        font-size: 12px;
      }
    }
    /* Stacking order */
    .site-alert-wrapper,
    .navbar.white-bg.contents,
    .top-nav-bar {
      position: static;
      left: 0;
      width: 100%;
      padding:0;
      transition: top 0.3s ease-in-out;
    }

    .site-alert-wrapper {
      z-index: 10000;
    }

    .navbar.white-bg.contents {
      z-index: 9998;
    }

    .top-nav-bar {
      z-index: 9997;
    }

    /* Shortcuts horizontal row inside blue bar */
    .top-nav-bar .shortcut-container-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.75rem 1rem;
      gap: 2rem;
      flex-wrap: wrap;
    }

    .shortcut-individual {
      display: inline-block;
      flex-direction: column;
      align-items: center;
      color: white;
    }

    .shortcut-individual img {
      max-width: 50px;
      margin-bottom: 0;
    }

    .shortcut-individual p {
      margin: 0;
      color: white;
    }

    /* Reset stacking order and positions for all bars */
    .site-alert-wrapper {
      position: static;
      top: 0;
      width: 100%;
      z-index: 10000;
      background: #fff;
    }

    .navbar.white-bg.contents {
      position: static;
      top: var(--white-navbar-top, 100px)!important; /* dynamically calculated by JS */
      width: 100%;
      z-index: 9998;
      background: #fff;
    }

    .top-nav-bar {
      position: static;
      top: var(--blue-navbar-top, 180px)!important; /* dynamically calculated by JS */
      width: 100%;
      z-index: 9997;
      background: linear-gradient(135deg, #005793, #2078b6);
    }
    .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
        text-decoration: none !important;
    }

 
    /* ==== White Alert Bar (Outage + Search + Socials) ==== */
    .site-alert-outage {
      background: #f8f8f8;
      padding: 8px 0;
      font-size: 15px;
      z-index: 10000;
      /*border-bottom: 1px solid #e5e5e5;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);*/
    }

    .site-alert-outage .outage-text {
      color: red;
      font-weight: 400;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 16px;
    }

    .site-alert-outage .alert-tools {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .site-alert-outage .search-bar {
      max-width: 180px;
      height: 30px;
      font-size: 14px;
      padding: 0 10px;
    }

    .site-alert-outage .social-media-icons img {
      height: 22px;
      width: auto;
    }

    /* On smaller screens: stack instead of side-by-side */
    @media (max-width: 768px) {
      .site-alert-outage .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding-left: .5rem !important;
        padding-right: .5rem !important;
      }

      .site-alert-outage .alert-tools {
        justify-content: space-between;
        width: 100%;
      }

      .site-alert-outage .search-bar {
        max-width: 100%;
        width: 100%;
      }
    }
    /* Hide white nav (main desktop navbar) on mobile */
    @media (max-width: 1024px) {
      nav.navbar.white-bg.contents.hide-mobile-991 {
        display: none !important;
      }
    }
    /* Fix mobile nav bar positioning 
    nav.navbar.show-mobile-991 {
      position: static;
      top: var(--alert-height, 95px); 
      width: 100%;
      height:80px;
      z-index: 9998;
    }*/
    @media (max-width: 767px) {
      .alert-tools {
        display: none !important;
      }
    }
    /* Animated collapse override */
    #navbarToggler-mobile.collapsing {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
    }

    #navbarToggler-mobile.collapse.show {
      max-height: 1000px; 
      transition: max-height 0.4s ease;
    }

    .mobile-slideout {
      position: fixed;
      top: 0;
      right: -100%;
      height: 100vh;
      width: 100%;
      max-width: 400px;
      background: var(--aquamarine);
      z-index: 99999;
      transition: right 0.35s ease;
      box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2);
      overflow-y: auto;
    }

    .mobile-slideout.open {
      right: 0;
    }

    #mobileNavToggle {
      z-index: 1000;
      background: none;
      border: none;
      left: -20px;
      position: relative;
      top: 0px;
    }

    #mobileNavClose {
      background: none;
      border: none;
      color: #fff;
      font-size: 30px;
        margin-top: 1.5rem;

    }
    @media screen and (max-width: 1366px) {
      /* Hide bullets */
      ul.mega-menu-container,
      ul.mega-menu-container li {
        list-style: none;
        margin: 0;
        padding: 0;padding-left: 5px;
      }

      /* Hide submenus initially */
      ul.mega-menu-container .secondary-ul {
        display: none;
      }

      /* Show on .open */
      ul.mega-menu-container .mega-menu-item.has-child.open > .secondary-ul {
        display: block;
      }

      /* Main nav item styling */
      ul.mega-menu-container .mega-menu-item > a {
        font-size: 20px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        color: #fff;
        text-decoration: none;
      }

      /* Sub nav item styling */
      ul.mega-menu-container .secondary-ul li a {
        font-size: 18px;
        padding-left: 24px;
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 8px 0;
      }

      /* Rotate arrow on open */
      ul.mega-menu-container .fa-angle-right {
        transition: transform 0.3s ease;
        margin-left: 1rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
      }

      ul.mega-menu-container .mega-menu-item.has-child.open .fa-angle-right {
        transform: rotate(90deg);
      }

      /* Add spacing under the close button */
      .mobile-slideout .mega-menu-container {
        padding-top: 2rem;
        align-items: flex-start;
      }

      /* Match Contact Us and phone styles to nav */
      .contact-text-p-mobile a {
        display: block;
        padding: 8px 0;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        text-decoration: none;
          }

      .contact-text-p-mobile {
        margin: 0!important;
        padding: 0;
      }

    }
    /* Desktop marquee padding and containment */
    .site-alert-ticker {
      background-color:var(--gold);
      overflow: visible;
      position: relative;
      padding: 6px 0;
      height: auto;
    }

    .site-alert-ticker .container {
      position: relative;
      overflow: hidden;
    }

    .marquee-wrapper {
      position: relative;
      overflow: visible;
      height: 1.5em;
      height: auto;
    }

    .site-alert-marquee {
      position: relative;
      /* white-space: nowrap; */
      /* will-change: transform; */
      /* animation: ticker-scroll 65s linear infinite; */
      cursor:grab;
    }

 
    /* Scroll smoothly across the container */
    @keyframes ticker-scroll {
      0% {
        transform: translateX(10vw); /* Start a little offscreen */
      }
      100% {
        transform: translateX(-100%);
      }
    }

    .site-alert-close {
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      background: transparent;
      border: none;
      font-size: 18px;
      cursor: pointer;
      z-index: 2;
      color: #000;
    }
    .fsform-container {
      transition: padding-top 0.3s ease;
    }

    .contact-text-p-mobile i.fa-phone, .call-link{
      color: var(--aquamarine); 
      font-size: 16px;
      text-decoration: none!important;
    }
    /*==============================================================================
      GLOBAL VARIABLES
    ==============================================================================*/
    :root {
      --alert-h: 55px;       /* alert banner height */
      --blue-h: 60px;        /* blue nav height */
      --white-h: 85px;       /* main nav height */
      --total-h: calc(var(--alert-h) + var(--blue-h) + var(--white-h));
    }

      /* tablet: hide white nav */
    @media (max-width: 1365px) {
      :root {
        --white-h: 0;
        --total-h: calc(var(--alert-h) + var(--blue-h));
      }
    }

    /* mobile: nothing but alert + blue */
    @media (max-width: 1023px) {
      :root {
        --white-h: 0;
        --total-h: calc(var(--alert-h) + var(--blue-h));
      }
    }

    /*==============================================================================
      SHORTCUTS BAR
    ==============================================================================*/
    /* hide stray shortcuts by default */
    .header-wrapper > .shortcuts {
      display: none !important;
    }

    /* always show inside blue nav */
    nav.top-nav-bar .shortcuts {
      display: flex !important;
      gap: 1rem;
      justify-content: center;
      align-items: center;
    }

    /*==============================================================================
      SHORTCUTS LAYOUT
    ==============================================================================*/
    .shortcut-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: .5rem;
      justify-items: center;
      align-items: start;
      width: 100%;
      margin: 0 auto;
      padding: 0;
      max-width: 830px;
    }

    /*Tablet: 768px */
    @media (min-width: 320px) and (max-width: 1023px) {
      :root {
        /* alert + blue bar */
        --total-h: calc(var(--alert-h) + var(--blue-h));
      }

      body:not(.homepage),
      main:not(.homepage),
      .entry-content:not(.homepage),
      .page-banner:not(.homepage),
      .fsform-container:not(.homepage),
      .content-block:not(.homepage),
      .page-content:not(.homepage),
      .content-wrapper:not(.homepage),
      .section:not(.homepage),
      .main-container:not(.homepage) {
      }
    }

    /* Mobile: <768px */
    @media (max-width: 767px) {
      :root {
        /* just the alert */
        --total-h: var(--alert-h);
      }
    }
    :root {
      /* desktop heights: */
      --alert-h: 55px;
      --blue-h: 50px;
      --white-h: 85px;

      /* mobile header = alert + blue */
      --mobile-h: calc(var(--alert-h) + var(--blue-h));
    }


    @media (max-width: 1023px) {
        .alert-tools{
            display: none!important;
        }
    }
    @media (max-width: 1023px) {
      span.site-alert-marquee { top: 0px; }

    }

    /* ==========================================
       On alert close: remove the alert bar height
       ========================================== */
    body.alert-closed {
      /* shift everything up by dropping the alert-height */
      padding-top: calc(var(--topnav-height) + var(--navbar-height)) !important;
    }

    /* mobile: use the mobile vars */
    @media (max-width: 768px) {
      body.alert-closed {
        padding-top: calc(var(--topnav-height) + var(--navbar-height)) !important;
      }
    }
    /* ─── Tablet (1024px–1365px) ─── */
    @media (min-width: 1024px) and (max-width: 1365px) {
      /* 1) Other pages: when alert is closed, only the BLUE nav remains */
      body.alert-closed:not(.homepage),
      body.alert-closed:not(.homepage) main,
      body.alert-closed:not(.homepage) .entry-content,
      body.alert-closed:not(.homepage) .page-banner,
      body.alert-closed:not(.homepage) .fsform-container,
      body.alert-closed:not(.homepage) .content-block,
      body.alert-closed:not(.homepage) .page-content,
      body.alert-closed:not(.homepage) .content-wrapper,
      body.alert-closed:not(.homepage) .section,
      body.alert-closed:not(.homepage) .main-container {
        /* only the top‐nav height */
        padding-top: 0 !important;
      }
    }
      /* ─── Tablet only (1024px–1365px): collapse the alert gap on homepage ─── */
    @media (min-width:1024px) and (max-width:1365px) {
      body.homepage.alert-closed .main-container {
        /* pull it up by exactly the alert’s height */
        margin-top: calc(-1 * var(--alert-height)) !important;
      }
    }
    @media (max-width: 768px) {
      body.alert-closed {

        padding-top: calc(
          /* alert */    0px
          + var(--blue-h)
          + var(--white-h)
          + var(--shortcuts-height)
          - 10px
        ) !important;
      }
    }

    /* 04/29/25 Changes requested*/
    .site-alert-wrapper,
    .top-nav-bar,
    .navbar.white-bg.contents,
    nav.navbar.show-mobile-991 {
      position: static !important;
      top: auto !important;
      width: 100% !important;
    }
    /* under 1024px → two items per “row” */
    @media (max-width: 1024px) {
      /*.news-home-carousel .owl-stage {
        display: flex !important;
      }*/
      .news-home-carousel .owl-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
      }
    }

    /* under 768px → one item per “row” */
   @media (max-width: 767px) {
      .news-home-carousel .owl-item {
        max-width: 100% !important;width: 100% !important;margin-bottom: 40px;
      }
       .news-home-carousel.owl-carousel .owl-stage { width: 100% !important;}
      .news-home-carousel .owl-dots,.news-home-carousel  .owl-nav{display:none!important;}
}

    .site-alert-wrapper,
    .top-nav-bar,
    nav.navbar.white-bg.contents,
    nav.navbar.show-mobile-991 {
      position: static !important;
      top: auto       !important;
      width: auto     !important;
      z-index: auto   !important;
    }

    @media (max-width: 1024px) {
      :root {
        --white-h: 0px; 
        --total-h: calc(var(--alert-h) + var(--blue-h));  /* recalc without white */
    }
    }
    .header-wrapper {
      display: flex;
      flex-direction: column;
    }

    /* give each bar an explicit order */
    .header-wrapper > .site-alert-wrapper { order: 1; }
    .header-wrapper > nav.top-nav-bar    { order: 3; }
    .header-wrapper > nav.white-bg        { order: 2; }
    .header-wrapper > .shortcuts          { order: 4; }

    @media (min-width: 1024px) {
      :root {
        --alert-h: 55px;
        --blue-h: 60px;
        --white-h: 85px;
        --total-h: calc(var(--alert-h) + var(--blue-h) + var(--white-h));
      }
    }

    nav.top-nav-bar {
      position: static;
      height: auto;
    }

    nav.top-nav-bar .shortcuts {
      padding: 0;
    }

    nav.top-nav-bar .shortcuts img {
      max-height: 32px;
    }
   
    /*---header---*/
    .site-alert-outage { padding: 0;}

    @media screen and (max-width: 991px) {
    .site-alert-outage { padding: 8px 0;}
    }
    .header-wrapper > nav.navbar.show-mobile-991  { order: 2; }
    /*---menu----*/

    .navbar-nav a {padding-right: 20px !important;font-family:"Fira Sans Condensed", sans-serif!important;}
    .mega-menu-item {font-family:"Fira Sans Condensed", sans-serif!important;}
    .contact-text-p-mobile a {padding-left: 5px;font-weight: 800;font-family:"Fira Sans Condensed", sans-serif!important;font-size: 20px;}

    @media screen and (max-width: 1366px) {
      ul.mega-menu-container .mega-menu-item > a {font-weight: 400;}
    }
    .navbar .container {padding-right: 1rem !important; padding-left: 1rem !important;}
    .site-alert-outage .container {padding-left: 1rem !important;}
    .text-danger {font-family:"Fira Sans Condensed", sans-serif!important;}
   .freeform-row .freeform-column .freeform-label, .freeform-group .freeform-label { font-weight: 800; font-size: .9em;}
    /*---homepage adjustments----*/
    .homepage .aquamarine-button {font-weight: 700;
      font-family:"Fira Sans Condensed", sans-serif!important;
      font-size: 20px;}
    .information p {font-size: 20px;}
    .news-home a {font-size: 20px;}
    /*---- box style changes----*/
    .box-individual h3 {
      font-size: 28px!important;
      font-weight: 600;
      font-family:"Fira Sans Condensed", sans-serif!important;
      line-height: 1.2em;
      margin-bottom: 10px;
    }
    .box-individual p {line-height: 1.4em;font-size: 17px!important;}
    .box-individual a p:last-of-type {font-family:"Fira Sans Condensed", sans-serif!important;}

    @media screen and (max-width: 1200px) {
    .box-individual h3 {font-size: 24px!important;}
    .box-individual p {font-size: 17px!important;}
    }
@media screen and (max-width: 1090px) {
.box-container {grid-template-columns: repeat(2, 1fr);}
}
    @media screen and (max-width: 991px) {
    .box-individual h3 {font-size: 24px!important;}
    .box-individual p {font-size: 17px!important;}
    }
    @media screen and (max-width: 620px) {
    .box-container {grid-template-columns: repeat(1, 1fr);}
    .box-individual {min-height: 250px;}
    }

    /*---search----*/
    .search-bar {
      border: 1px solid var(--gray);
      background-color: #fff;
      color: var(--dark-gray);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230f6a94' d='M505 442.7l-99.7-99.7c28.3-40.3 45.1-89.5 45.1-143.2C450.4 89.8 360.6 0 250.2 0S50 89.8 50 200.2s89.8 200.2 200.2 200.2c53.7 0 103-16.8 143.2-45.1l99.7 99.7c6.2 6.2 14.3 9.7 22.7 9.7s16.5-3.4 22.7-9.7c12.4-12.4 12.4-32.5 0-44.9zM250.2 350.4c-83 0-150.2-67.2-150.2-150.2S167.2 50 250.2 50s150.2 67.2 150.2 150.2-67.2 150.2-150.2 150.2z'/%3E%3C/svg%3E");}

    /*---footer---*/
    footer.custom-footer {background-color: #052c49 !important;}
    .footer-grid {margin-left: 1rem!important;}
    .custom-footer h4 {color:var(--sky) !important;font-size: 1.2em;font-family:"Fira Sans Condensed", sans-serif!important;}
    .footer-text, .footer-text-3, .footer-heading, .footer-grid {
      font-size: 15px!important;
      font-family:"Fira Sans Condensed", sans-serif!important;line-height: 1.4em;margin-bottom: 5px !important;
    }
 @media screen and (max-width: 1200px) {
.footer-grid {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 860px) {
    .footer-grid {grid-template-columns: repeat(2, 1fr); }
    footer.custom-footer .container.px-5 { padding-right: 0; padding-left: 0;}
}
    @media screen and (max-width: 620px) {
      .footer-grid {grid-template-columns: repeat(1, 1fr);}
    }

    /*---color---*/
 
    .box-individual {background-color: var(--forest)!important;}
    .box-individual h3 {color:var(--sky)!important;}
    .box-individual a p:last-of-type:hover {
      background-color: var(--aquamarine)!important;
      color: #fff!important;
      border-color:var(--aquamarine)!important;
    }
    .box-individual::before {background: transparent;}
    .news-home a:hover {color: var(--aquamarine)!important;}

  
    /*----additional shortcut changes----*/
  .shortcut-individual p {
      display: inline-block;font-family: 'Fira Sans Condensed', sans-serif !important;font-weight:bold!important;padding-top: 0 !important;
    }
    @media (min-width: 1366px) {
      nav.top-nav-bar .shortcuts {
       height: 60px;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;}
    }
    @media (max-width: 1365px) {
      nav.top-nav-bar .shortcuts {
        height: 60px !important;
        gap: 0 !important;
     padding: 0.5rem 0 !important;

      }
    }

    .shortcut-container {
      max-width: 1000px;
    }

    @media (max-width: 1000px) {
.shortcut-container { max-width: 100%;}
.navbar .container { padding-right: 0 !important; padding-left: 0 !important;}
        .shortcut-individual p {font-size:14px;}
}
    .shortcut-individual img {
      display: inline-block;
    }

    .shortcuts img {
      width: 30px!important;
      height: 30px !important;
    }
@media (max-width: 745px) {
     .shortcut-individual img {display: none!important;}
     nav.top-nav-bar .shortcuts {height: 60px !important;padding: 0 !important;}
    .shortcut-individual p {font-size: 13px;}
    .shortcuts a { padding: 10px 0 10px 0;display:inline-block;height: 60px;align-content: center;}
    .shortcut-container {gap: 0;}
    .shortcut-individual p {
    align-items: center;}
}

    /*---sidebar---*/
    .sidebar-accordion h3 {
        font-family: "Fira Sans Condensed", sans-serif !important;
        font-size: 16px!important;
        font-weight: 600!important;
    }
.sidebar-accordion p {
    font-size: 15px!important;}
    .sidebar-icon h3 {
        font-family: "Fira Sans Condensed", sans-serif !important;color: var(--sky);
    }
    .sidebar {
        background: var(--dark-blue)!important;border-radius: 10px;
        padding: 10px 0!important;}
    .sidebar-image-position {
        display: none;
    }

/*---social icons---*/
.header-wrapper .social-media-icons svg {height:20px; width:auto!important}
.header-wrapper .social-media-icons svg path{fill: var(--dark-blue) !important;}

.site-main ul, .site-main ol {padding-left: 2rem !important;}

@media (max-width: 767px) {
    .offset-md-2 {  margin-left: 0!important;    }
    .offset-md-2.px-5{ padding-right: 1em !important; padding-left: 1em !important;}
}

.navbar a {letter-spacing: -.01em;}
.dropdown-item {font-size: 15px;}
.dropdown-item:focus, .dropdown-item:hover { background-color: var(--light-gray);}
@media (min-width: 1367px) {
.mobile-slideout.open {display:none!important;}
}
@media (max-width: 1366px) {
    .contact-text-p-mobile a {color:#fff!important;}
}
.mobile-slideout .px-5{    padding-right: 2rem !important;
    padding-left: 2rem !important;}
.site-alert-outage a.call-link {color:var(--aquamarine)!important;}

/*---news archive mobile adjustments---*/
.news-text h2{font-size: 1.7rem;}
@media screen and (max-width: 1100px) and (min-width: 768px) {
    .archives .col-md-8, .archives .col-md-4 {width: 100%!important;}
    .archives .col-md-4 {margin-bottom:40px;}
    .archive-container { height: 800px;}
    .site-main .row > * {padding-right: 30px;padding-left: 30px;}
    .sidebar .row > * {padding-right: 0;padding-left: 0;}
}
@media screen and (max-width: 767px) and (min-width:350px) {
    .archives .col-md-4 {margin-bottom:40px;}
    .archive-container { height: 1000px!important;}
    .site-main .row > * {padding-right: 30px;padding-left: 30px;}
    .sidebar .row > * {padding-right: 0;padding-left: 0;}
}
@media (max-width: 1399px) {
    .site-main figure img {max-width:100%; height:auto;}
}

@media (max-width: 1366px) {
  .contact-text-p-mobile a:hover { text-decoration:underline;}
}

/*---tables---*/
table tbody td {
  padding: 10px !important;
  border: 1px solid #aab4bc !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.3em !important;
  text-align: left !important;
  font-family: 'Fira Sans Condensed', Arial, Helvetica, sans-serif !important;
}
table thead td, table th {
  font-weight: 600 !important;
  padding: 10px 12px !important;
  border: 1px solid #aab4bc !important;
  text-align: left !important;
  line-height: 1.2em !important;
  font-size: 16px !important;font-family: 'Fira Sans Condensed', Arial, Helvetica, sans-serif !important;
}
table tbody tr:nth-child(2n) {
  background-color: rgba(203, 232, 248, 0.3) !important;
}
table tbody tr:nth-child(2n+1) {
  background-color:rgba(203, 232, 248, 0.6) !important;
}
table thead tr, table th {
  background-color:var(--dark-gray) !important;
}