/* yellow: #fed745 */
/* blue: #234a82 */
section { max-width: 100vw; }
.gnl-u-text-yellow { color: #fed745!important; }
.gnl-accordion__heading-text { margin-right: 10px; }
.print-links { display: none; }

section p, section h1, section h2, section h3 { max-width: 90vw; }

.gnl-navigation.gnl-navigation--header .gnl-navigation__link { color: #212326!important; }
.gnl-navigation.gnl-navigation--header .gnl-navigation__link:hover { color: #212326!important; }
.hydro-heading-button::after, .hydro-learn-more-button::after, .hydro-footer-button::after { content: "\e5cc"!important; color: #BA0C2F!important; font-weight: 400!important; font-family: "Material Icons"!important; font-size: 28px!important; }

.hydro-video-section { text-align: center; }

.hydro-video-frame { width: max-content!important; }

.hydro-video-frame .gnl-youtube-video-wrapper {
    border: 10px solid;
    border-color: #234a82;
    border-radius: 15px;
    max-width: calc(80vw + 10px);
    min-height: 460px!important;
    padding-top: 0!important;
    overflow: hidden;
    min-width: calc(80vw + 10px)!important;
}

.hydro-video-frame iframe { max-height: 450px; height: 450px!important; width: 80vw!important; }

.hydro-at-a-glance-section .hydro-heading-caption, .hydro-what-next-section .hydro-heading-caption {
        max-width: 85vw;
    }

.hydro-heading, .hydro-glance-card strong, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card h4, .hydro-whats-next-card h3 {
        color: #fff!important;
        max-width: 85vw;
    }

.hydro-glance-card, .hydro-more-for-nl-card, .hydro-whats-next-card {
    padding: 2rem 1.5rem 1.5rem;
    border: 3px solid;
    border-color: #fff;
    border-radius: 15px;
    background-color: rgba(255,255,255,0.3);
    color: #fff!important;
    height: 100%;
}

.hydro-glance-card strong, .hydro-glance-card span {
    color: #fff!important;
}

.hydro-glance-card, .hydro-whats-next-card { text-align: center; padding: 2rem 1.5rem 1.5rem; }

.hydro-glance-card-grid { max-width: 90vw; margin: auto; }

.hydro-glance-card strong, .hydro-glance-card p, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card p, .hydro-whats-next-card h3, .hydro-whats-next-card p { margin-left: auto!important; margin-right: auto!important; color: #fff!important; }

.hydro-glance-note, .hydro-more-for-nl-note { text-align: right; color: #fff!important; }

.hydro-turning-page-grid { max-width: 90vw; margin: auto;  }

.hydro-turning-page-left, .hydro-turning-page-left h2, .hydro-turning-page-left span { color: #212326!important; }

.hydro-turning-page-left h2 { margin-left: 0!important; max-width: 100%!important; }

.hydro-turning-page-card {
    padding: 3rem;
    border-radius: 10px;
    background-color: #234a82;
    color: #fff!important;
    height: 100%;
    font-weight: 800;
    max-width: 80vw;
}

.hydro-more-for-nl-cards-grid, .hydro-more-for-nl-note { max-width: 80vw; margin: auto; }

.hydro-more-for-nl-card { padding: 1.5rem; max-width: 90vw; }

.hydro-more-for-nl-card-top { border-bottom: 1px solid #fff; }

.hydro-whats-different-heading, .hydro-federal-partnership-heading, .hydro-video-title {
        font-size: 34px!important;
        max-width: 85vw;
        font-weight: 800!important;
    }

.hydro-whats-different-caption { margin-bottom: 10px; }
.hydro-whats-different-caption p {
    font-size: 20px!important;
}

.hydro-whats-different-subheading {
    text-transform: uppercase;
    color: #234a82!important;
    font-weight: 800!important;
    margin-bottom: 0!important;
}

.hydro-whats-different-caption, .hydro-whats-different-subheading, .hydro-whats-different-row, .hydro-facts-accordion, .hydro-whats-next-grid, .hydro-video-frame {
    max-width: 90vw;
    margin: auto;
}

.hydro-whats-different-first-subheading { margin-top: 40px; }

.hydro-whats-different-section .gnl-table { table-layout: fixed; margin-top: 2rem; margin-bottom: 2rem; }
.gnl-table, .test-table-scroll { overflow: visible!important; overflow-x: visible!important; overflow-y: visible!important; max-height: max-content; }
.gnl-table th:last-child { background-color: #fed745!important; color: #000!important; }
.hydro-whats-different-table-yellow { background-color: #fff9e3!important; color: #000!important; }

.hydro-whats-different-row {
    margin-top: 0!important;
    margin-bottom: 20px;
    border-bottom: 2px solid #212326;
}

.hydro-whats-different-row p { max-width: 80%; }

.hydro-new-agreement-row { background-color: #fff9e3!important; color: #000!important; }
.hydro-new-agreement-row h4 { color: #27b13c!important; }

.hydro-whats-different-note { text-align: right; color: #212326!important; }

.hydro-federal-partnership-grid { max-width: 90vw; margin: auto;  }

.hydro-federal-partnership-grid span, .hydro-federal-partnership-grid p, .hydro-federal-partnership-grid li { color: #212326!important; }

.hydro-facts-heading, .hydro-what-saying-heading { font-size: 34px!important; }

.hydro-facts-accordion { width: auto; }

.hydro-facts-accordion .gnl-accordion__container { border: none; }
.hydro-facts-accordion .gnl-accordion__container:not(:last-child) { border-bottom: 2px solid rgb(241,243,244) !important; }
.hydro-facts-accordion .gnl-accordion__heading-text { font-weight: 700!important; }

.hydro-what-next-section .hydro-heading-caption strong {  font-size: 28px!important; }

.hydro-whats-next-grid { max-height: max-content; }

.hydro-whats-next-number { text-align: center; }
.hydro-whats-next-number p {
    margin: auto;
    font-size: 20px!important;
    background-color: #fed745;
    color: #000!important;
    padding: 25px;
    border-radius: 100%;
    width: 80px;
    text-align: center;
}

.hydro-whats-next-card {
    max-height: max-content;
    min-height: 75%;
}

.hydro-what-saying-card {
    padding: 2rem 1.5rem 1.5rem;
    border: 3px solid;
    border-color: #e3e3e3;
    border-radius: 10px;
    background-color: #f8f8f8;
    color: #212326!important;
    height: 100%;
    max-width: calc(100vw - 10px);
}

.hydro-what-saying-credit {
    color: #686663!important;
}

.hydro-learn-more-card {
    padding: 1.5rem;
    border-radius: 15px;
    background-color: #234a82;
    color: #fff!important;
    height: 100%;
    max-width: calc(100vw - 10px);
}

.hydro-learn-more-card h3 { color: #fed745!important; margin-top: 0; }

.hydro-footer-section {
    min-height: 140px;
    padding-bottom: 120px;
}

.hydro-footer-logo {
    max-width: min(400px, 90vw);
    margin: auto;
}

.hydro-footer-main {
    font-size: 34px;
}

.hydro-footer-main p, .hydro-footer-subtext p {
    max-width: min(600px, 90vw);
    margin: auto;
    color: #fff!important;
}

.hydro-footer-subtext {
    font-size: 22px;
}

.hydro-footer-buttons-grid { margin: auto; max-width: min(500px, 90vw); }
.hydro-footer-button { text-wrap: nowrap; }
.hydro-footer-brand-grid { grid-gap:0!important; max-width: min(500px, 90vw); }
.hydro-footer-brand-grid, .hydro-footer-gov-logo, .hydro-footer-nlhydro-logo { max-height: 90px; }
.hydro-footer-gov-logo p, .hydro-footer-nlhydro-logo p { margin-top: 0; margin-bottom: 0; }
.hydro-footer-gov-logo img, .hydro-footer-nlhydro-logo img { margin: auto; height: auto; max-height: 90px; margin-left: 25px; margin-right: 25px; width: 10vw; }
.hydro-footer-brand-grid a::after { display:none!important; }

@media (max-width: 480px) { 
    section h1, section h2, section h3, section .gnl-grid__item { margin-left: 10px; margin-right: 10px; } 
    section p { margin-right: 10px; }
    .gnl-grid__item { margin-top: 10px; margin-bottom: 10px; }
    .hydro-video-title { font-size: 24px!important; } 
    .hydro-video-frame { max-width: 90vw!important; }
    .hydro-video-frame .gnl-youtube-video-wrapper { min-height: 200px!important; }
    .hydro-video-frame iframe { max-height: 200px!important; }
    .hydro-heading-button-grid { grid-gap: 0!important; }
    .hydro-heading-button-grid .gnl-grid__item { margin-left: 0!important; }
    .hydro-glance-card strong, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card h4, .hydro-whats-next-card h3 { font-size: 18px!important; }
    .hydro-turning-page-card { font-size: 20px!important; }
    .hydro-whats-different-heading, .hydro-whats-different-section .gnl-table { width: 90vw!important; }
    .hydro-whats-different-section .gnl-table { margin-left: 5vw; margin-right: 5vw; }
    .hydro-whats-different-row .gnl-grid__item { margin-left: 0!important; margin-right: 0!important; }
    .hydro-heading { font-size: 30px!important;}
    .hydro-whats-next-number { margin-bottom: -90px!important; /* margin-left: -215px!important; */ }
    .hydro-whats-next-number p {  padding: 4px; width: 57px; border: 10px double; border-color: #fff; }
    .hydro-whats-next-card { max-height: none!important; padding-top: 3rem!important; }
    .hydro-footer-gov-logo p { margin-top: 0; margin-bottom: 30px; }
    .hydro-footer-nlhydro-logo p { margin-top: 30px; }
    .hydro-footer-gov-logo img, .hydro-footer-nlhydro-logo img { margin: auto; height: auto; width: 50vw!important; }
    .hydro-footer-section { padding-bottom: 35vh; }
    .swiper-slide img {max-height: 60vw!important; }
}

@media (min-width: 480px) {
    .hydro-heading, .hydro-glance-card strong, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card h4, .hydro-whats-next-card h3 {
        color: #fff!important;
        max-width: 85vw;
        font-weight: 800!important;
    }
    .hydro-heading, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card h4, .hydro-whats-next-card h3 { font-size: 28px!important; }
    .hydro-glance-card strong  { font-size: 24px!important; }
    .gnl-navigation__nav {
        width: auto !important;
    }
    .gnl-navigation, .gnl-navigation__nav {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .hydro-heading, .hydro-heading-caption, .hydro-heading-button-grid,
    .hydro-whats-different-subheading, .hydro-whats-different-row, .hydro-whats-different-note,
    .hydro-facts-heading, .hydro-facts-accordion, .hydro-whats-next-grid, .hydro-what-saying-heading,
    .hydro-video-title, .hydro-what-saying-grid, .hydro-learn-more-grid, .hydro-whats-different-section .gnl-table
    {
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .hydro-heading, .hydro-heading-caption, .hydro-heading-button-grid, .hydro-whats-different-section .gnl-table { max-width: 90vw; }
    .hydro-heading-section {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .hydro-glance-card-grid, .hydro-glance-note, .hydro-more-for-nl-note, .hydro-federal-partnership-grid,
    .hydro-turning-page-grid, .hydro-video-frame {
        margin-left: 10vw;
        margin-right: 10vw;
    }
    .hydro-turning-page-card { font-size: 29px!important; }
    .hydro-whats-different-heading, .hydro-whats-different-caption { margin-left: auto; margin-right: auto; text-align: center; }
    .hydro-new-agreement-row { box-shadow: -25px -25px 0 -40px #fff9e3; }
    .hydro-footer-brand-grid .gnl-grid__item { margin-top: auto!important; margin-bottom: auto!important; }
}

@media (min-width: 840px) {
    .hydro-heading, .hydro-glance-card strong, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card h4, .hydro-whats-next-card h3 {
        color: #fff!important;
        max-width: 85vw;
        font-weight: 800!important;
    }
    .hydro-heading, .hydro-more-for-nl-card h3, .hydro-more-for-nl-card h4, .hydro-whats-next-card h3 { font-size: 34px!important; }
    .hydro-glance-card strong  { font-size: 28px!important; }
    .hydro-heading, .hydro-heading-caption, .hydro-heading-button-grid,
    .hydro-turning-page-grid, 
    .hydro-whats-different-row, .hydro-whats-different-note,
    .hydro-facts-heading, .hydro-facts-accordion, .hydro-whats-next-grid, .hydro-what-saying-heading,
    .hydro-video-title, .hydro-video-frame, .hydro-what-saying-grid, .hydro-learn-more-grid, .hydro-more-for-nl-note
    {
        margin-left: min(10%, 10vw);
        margin-right: min(10%, 10vw);
    }
    .hydro-heading, .hydro-heading-caption, .hydro-heading-button-grid { max-width: 50vw; }
    .hydro-glance-card-grid, .hydro-glance-note, .hydro-federal-partnership-grid, 
    .hydro-whats-different-subheading, .hydro-whats-different-section .gnl-table {
        margin-left: 15vw;
        margin-right: 15vw;
    }
    .hydro-more-for-nl-cards-grid { max-width: 80vw; }
    .hydro-whats-different-subheading, .hydro-whats-different-section .gnl-table { max-width: 70vw; }
    .hydro-turning-page-left h2 { margin-right: 0; }
    .hydro-footer-gov-logo { border-right: 1px solid; border-color: #fff; }
    .hydro-new-agreement-row { box-shadow: -25px -25px 0 25px #fff9e3; }
}

@media (min-width: 1200px) {
    .hydro-heading, .hydro-heading-caption, .hydro-heading-button-grid,
    .hydro-turning-page-grid, 
    .hydro-whats-different-row, .hydro-whats-different-note,
    .hydro-facts-heading, .hydro-facts-accordion, .hydro-whats-next-grid, .hydro-what-saying-heading,
    .hydro-video-title, .hydro-video-frame, .hydro-what-saying-grid, .hydro-learn-more-grid,
    .hydro-federal-partnership-grid
    {
        margin-left: min(20%, 20vw);
        margin-right: min(20%, 20vw);
    }
    .hydro-heading, .hydro-heading-caption, .hydro-heading-button-grid { max-width: 50vw; }
    .hydro-glance-card-grid, .hydro-glance-note {
        margin-left: 25vw;
        margin-right: 25vw;
    }
    .hydro-video-frame .gnl-youtube-video-wrapper {
        max-width: min(60vw, 60%);
        min-height: 460px!important;
        min-width: 800px!important;
    }
    .hydro-video-frame { margin-left: auto!important; margin-right: auto!important; }
    .hydro-video-frame iframe { max-height: 450px; height: 450px!important; width: 100%!important; }
    .hydro-new-agreement-row { box-shadow: -25px -25px 0 25px #fff9e3; }
    .hydro-more-for-nl-note { margin-right: 0; }
    .gnl-table { max-width: min(70%, 70vw)!important; }
    .hydro-more-for-nl-section h2, .hydro-more-for-nl-section .hydro-heading-caption { margin-left: auto!important; margin-right: auto!important; width: 100%!important; text-align: center; }
}

.swiper-button-next::after, .swiper-button-prev::before { margin-right: 0!important; margin-left: 0!important; }