@charset "UTF-8";

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: Calibri,Verdana,sans-serif;
    color: #3d3d3e;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
}

html {
    overflow-x: hidden;
    margin: auto;
}

footer, nav, section, main {
    display: block;
}

main {
    margin: 1em auto 1em auto;
    padding: 1em 0;
    max-width: 1346px;
    min-height: 512px;
}

@media(min-width:600px) and (max-width:1345px) {
    main {
        max-width: 100%;
        min-height: 100%;
        padding: 1em;
        margin: 0;
    }
}

@media(max-width:599px) {
    main {
        margin: 0;
        padding: 1em;
        max-width: 100%;
        min-height: 100%;
    }
}

h1, h2, h3, h4, h5 {
    color: #003087;
    font-family: Rockwell;
}

h1 {
    font-size: 3em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1.5em;
    padding: 5px 0 5px 0;
}

h2 {
    font-size: 1.5em;
    line-height: 2;
}

h3 {
    color: #3d3d3e;
    font-size: 1.2em;
    line-height: 1em;
    margin: 1em 0;
}

h5 {
    font-size: 1em;
    font-weight: 700;
}

p {
    color: #3d3d3e;
    margin-bottom: 1.2em;
    text-align: left;
}

ul {
    margin-bottom: 1.25em;
}

    ul li {
        margin-left: 1.5em;
    }

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

ol- > li- > h1 {
    font-family: Calibri,Verdana,sans-serif;
}

ol- > li- > h2 {
    font-family: Calibri,Verdana,sans-serif;
}

ol- > li- > h3 {
    font-family: Calibri,Verdana,sans-serif;
}

ol- > li- > h4 {
    font-family: Calibri,Verdana,sans-serif;
}

ol- > li- > h5 {
    font-family: Calibri,Verdana,sans-serif;
}

ol- > li- > h6 {
    font-family: Calibri,Verdana,sans-serif;
}

a {
    color: #204279;
    text-decoration: underline;
}

    a:visited, a:focus, a:hover {
        text-decoration: underline;
    }

    a:hover {
        color: #911;
    }

    a:visited {
        color: #152c51;
    }

    a:focus {
        color: #820e0e;
    }

    a img {
        border: 0;
        border: 0;
    }

.skiplink {
    position: absolute;
    top: -40px;
    left: 3rem;
    width: 10%;
}

    .skiplink:focus {
        top: 2rem;
        display: block;
    }


.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.footer a:visited {
    color: #42649b;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: .5em 0 0 0;
}

.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}

.img-dots {
    padding-top: .5em;
    padding-bottom: 1em;
}

a.share-feedback {
    padding: 10px 20px;
    background-color: #5B5B5C;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    text-transform: uppercase;
}

    a.share-feedback:hover {
        background-color: #333;
    }

a.button {
    padding: 1rem;
    background-color: #005cb9;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    text-transform: uppercase;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    a.button:hover {
        background-color: #004386;
        color: #fff;
        text-decoration: none;
    }

    a.button:visited {
        color: #fff;
    }

@media(max-width: 1078px) {
    a.button {
        font-size: 12px !important;
    }
}

.tableauPlaceholder {
    margin: 0 auto;
}

body.search-results main h2 {
    text-align: center;
}

article.search-result {
    width: 640px;
    margin: 0 auto 2em auto;
}

    article.search-result h3 {
        margin-bottom: 8px;
    }

body.blog main article {
    margin: 0 auto;
    max-width: 680px;
}

@media(max-width:599px) {
    body.blog main article {
        width: 100%;
        max-width: 100%;
    }
}

body.blog main article h3 {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: .75em;
    font-family: Rockwell;
    line-height: 1.3em;
}

body.blog main article p {
    margin-top: 0;
    margin-bottom: 1.5em;
}

body.blog main article img {
    display: block;
    margin: 1.5em auto;
}

@media(max-width:599px) {
    body.blog main article img {
        width: 100%;
    }
}

body.blog main article hr {
    margin: 1.75em 0;
    padding: 0;
    width: 680px;
    border: 0;
    border-top: 1px solid #ccc;
    color: #666;
    overflow: visible;
    text-align: center;
    height: 5px;
}

@media(max-width:599px) {
    body.blog main article hr {
        width: 100%;
    }
}

body.blog main article hr:after {
    background: #fff;
    content: "•";
    padding: 0 4px;
    position: relative;
    top: -12px;
}

body.blog main article aside.pquote blockquote p {
    border-left: .4em solid #999;
    padding: .3em .75em;
    font-size: 1.4em;
    font-style: italic;
    margin: 1.6em 0 1.5em 0;
}

body.blog main article .article-link-list {
    padding-left: 24px;
    margin-bottom: 24px;
}

    body.blog main article .article-link-list li {
        padding-left: 0;
    }

.blog-article-header {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 3px solid #ccc;
}

    .blog-article-header .header-image {
        display: block;
        padding-bottom: 24px;
        margin-bottom: 8px;
        border-bottom: 3px solid #ccc;
    }

@media(max-width:599px) {
    .blog-article-header .header-image {
        width: 100%;
    }
}

.blog-article-header .article-title {
    margin: 0;
    padding: 0;
}

.blog-article-header .article-subtitle {
    font-style: normal;
    font-size: 16px;
    margin: 0;
}

.blog-article-header .article-byline-image {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 0 24px 0 0;
    padding: 0;
}

.blog-article-header .article-byline-text {
    padding-top: 12px;
}

    .blog-article-header .article-byline-text .author-name {
        margin: 0;
        padding: 0;
        font-weight: 700;
    }

    .blog-article-header .article-byline-text .article-publish-date::before {
        content: " | ";
    }

    .blog-article-header .article-byline-text .author-title {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

.latest-news-banner {
    display: flex;
    height: 2.75em;
    width: 100%;
    background-color: #ffc800;
    text-align: center;
    justify-content: center;
    align-items: center;
}

    .latest-news-banner a {
        color: #000;
        font-weight: 700;
    }

@media(max-width:599px) {
    .latest-news-banner a {
        font-size: .75em;
    }
}

header {
    margin: auto;
    overflow: hidden;
    padding: 1em 0 1em 0;
    width: 100%;
}

@media(max-width:599px) {
    header {
        align-items: center;
        border-bottom: 1px solid #ddd;
        grid-template-columns: 1fr;
        -ms-grid-columns: 1fr;
        margin: 0 auto 0 auto;
        width: 100%;
    }
}

header .header-wrapper {
    align-items: center;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto 0 auto;
    max-width: 84em;
    -ms-grid-columns: auto auto;
}

@media(max-width:599px) {
    header .header-wrapper {
        display: block;
    }
}

header .header-wrapper .header-left-column {
    display: grid;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    align-self: center;
}

@media(min-width:600px) and (max-width:1345px) {
    header .header-wrapper .header-left-column {
        min-width: 391px;
        padding-left: 1em;
    }
}

@media(max-width:599px) {
    header .header-wrapper .header-left-column {
        display: block;
    }
}

header .header-wrapper .header-left-column a.logo {
    color: #004386;
    display: inline-block;
    font-family: Calibri;
    font-weight: bold;
    font-size: 2.75em;
    text-transform: uppercase;
    line-height: 1.5em;
}

@media(max-width:599px) {
    header .header-wrapper .header-left-column a.logo {
        font-size: 2em;
    }
}

header .header-wrapper .header-left-column a.logo:hover {
    text-decoration: none;
}

header .header-wrapper .header-left-column .hamburger-menu {
    display: none;
}

@media(max-width:599px) {
    header .header-wrapper .header-left-column .hamburger-menu {
        display: block;
        color: #333;
        display: inline-block;
        margin-left: 1em;
        margin-right: .5em;
        padding: .5em .75em;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

        header .header-wrapper .header-left-column .hamburger-menu:hover, header .header-wrapper .header-left-column .hamburger-menu:active {
            background-color: #ddd;
        }
}

header .header-wrapper .header-left-column a {
    text-decoration: none;
}

    header .header-wrapper .header-left-column a:hover {
        text-decoration: underline;
    }

header .header-wrapper .header-right-column {
    align-self: center;
    text-align: right;
    -ms-flex-pack: end;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}

@media(min-width:600px) and (max-width:1345px) {
    header .header-wrapper .header-right-column {
        padding-right: 1em;
    }
}

@media(max-width:599px) {
    header .header-wrapper .header-right-column {
        display: none;
    }
}

header .button {
    background-color: #5b5b5c;
    font-size: .9em;
    color: #fff;
}

    header .button:hover {
        background-color: #333;
    }

.header-dshs-links {
    background-color: #435363;
    margin: auto;
    overflow: hidden;
    width: 100%;
}

@media(min-width:600px) and (max-width:1345px) {
    .header-dshs-links {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media(max-width:599px) {
    .header-dshs-links {
        display: none;
    }
}

.header-dshs-links .header-dshs-links-wrapper {
    align-items: center;
    display: grid;
    display: -ms-grid;
    font-size: 1em;
    grid-template-columns: auto auto;
    -ms-grid-columns: auto auto;
    margin: 0 auto 0 auto;
    max-width: 84em;
}

    .header-dshs-links .header-dshs-links-wrapper a {
        display: block;
    }

    .header-dshs-links .header-dshs-links-wrapper > a {
        color: #fff;
        text-decoration: none;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
    }

    .header-dshs-links .header-dshs-links-wrapper ol {
        display: block;
        list-style-type: none;
        -ms-grid-column-align: end;
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        justify-self: right;
        align-self: end;
    }

        .header-dshs-links .header-dshs-links-wrapper ol li {
            display: inline-block;
            margin-left: 1em;
        }

            .header-dshs-links .header-dshs-links-wrapper ol li a {
                color: #fff;
                text-decoration: none;
            }

                .header-dshs-links .header-dshs-links-wrapper ol li a:hover {
                    color: #ccc;
                }

.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}

a.skip:active {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

a.skip:focus {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

a.skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

#searchContainer {
    display: flex;
    display: -ms-flexbox;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
}

#searchField {
    width: 250px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px 10px;
    height: 34px;
    margin-right: 6px;
}

#searchButton {
    background: #005cb9;
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    height: 34px;
    width: 34px;
}

    #searchButton:hover {
        background: #003a96;
    }

#searchMatchList {
    display: none;
}

    #searchMatchList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        max-height: 300px;
        width: 250px;
        overflow: auto;
        position: absolute;
        background-color: #fff;
        z-index: 1000;
        border: 1px solid #ccc;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
    }

        #searchMatchList ul li {
            margin-left: 0;
        }

            #searchMatchList ul li:last-child a {
                padding-bottom: 12px;
                margin-bottom: 0;
                border-bottom: 0;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            #searchMatchList ul li a {
                display: block;
                padding: 10px 14px;
                border-bottom: 1px solid #ccc;
                text-decoration: none;
                text-align: left;
            }

                #searchMatchList ul li a:visited {
                    color: #426449;
                }

                #searchMatchList ul li a:hover {
                    background-color: #efefef;
                }

            #searchMatchList ul li:first-child a {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

.new-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #003162;
    margin-bottom: 2%;
}

.close-nav {
    position: absolute;
    margin: 0;
    color: red;
    right: -4rem;
    width: 20rem;
    text-align: right;
}


.inactive-nav {
    display: flex;
    justify-content: center;
    font-size: 17px;
    text-align: center;
    margin: 0 2%;
    color: white;
    padding: 1% 0.5%;
    cursor: pointer;
}

    .inactive-nav:hover {
        color: #ffe600;
    }

.active-nav {
    display: flex;
    justify-content: center;
    font-size: 17px;
    text-align: center;
    margin: 0 2%;
    color: #ffe600;
    padding: 1% 0.5%;
    cursor: pointer;
}

.hidden-1 {
    visibility: hidden;
    display: none;
}

.show-new {
    position: absolute;
    display: grid;
    grid-template-columns: 0.25fr 1.75fr;
    gap: 1%;
    background-color: white;
    top: 25vh;
    z-index: 4 !important;
    width: 100%;
    left: 0;
    box-shadow: 4px 6px 18px 1px #3a3a3a;
    padding: 1.5% 3%;
}

/* For typical laptops (1366px x 768px) */
@media (max-width: 1366px) {
    .show-new {
        top: 9.5vh; /* Adjust dropdown position for smaller screens */
    }
}

/* For smaller laptops and tablets (1024px x 768px) */
@media (max-width: 1024px) {
    .show-new {
        top: 32vh; /* Further adjust for smaller devices */
    }
}

/* For mobile devices (768px and below) */
@media (max-width: 768px) {
    .show-new {
        top: 35vh; /* Position closer to the top for small screens */
    }
}

/* For 24-inch monitors (1920px x 1080px) */
@media (min-width: 1920px) {
    .show-new {
        top: 20vh; /* Adjust position for larger screens */
    }
}

/* For very large screens (2560px and above) */
@media (min-width: 2560px) {
    .show-new {
        top: 20vh; /* Further adjust for ultra-wide screens */
    }
}

/* For when the window is resized to half of the screen width */
@media (max-width: 50vw) {
    .show-new {
        top: 20vh; /* Adjust as needed */
    }
}

/* For quarter of the screen width */
@media (max-width: 25vw) {
    .show-new {
        top: 25vh; /* Further adjust for even smaller widths */
    }
}


.content-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .content-left > strong {
        font-size: 35px;
    }

.content-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2%;
}

#list {
    width: 16rem;
}

span.header-list {
    font-weight: bold;
    margin-bottom: 1%;
}

span.grouping {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.dash-name {
    margin: 2%;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

    .dash-name:hover {
        color: blue;
        text-decoration: none;
    }

    .dash-name::after {
        content: "";
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: blue;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
        text-decoration: none;
    }

    .dash-name:hover:after {
        transform: scaleX(1);
        transform-origin: bottom left;
        text-decoration: none;
    }

#primary-nav {
    background-color: #005cb9;
}

@media(max-width:599px) {
    #primary-nav {
        display: none;
    }

    .new-nav {
        display: none;
    }

    #primary-nav.mq-display {
        display: block;
    }
    /*        .new-nav.mq-display {
            display: block;
        }*/
}

#primary-nav ol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
}

@media(max-width:599px) {
    #primary-nav ol {
        display: block;
        width: 100%;
    }
}

#primary-nav ol li.hamburger-menu a {
    color: #fff;
}

#primary-nav ol li.primary-nav-menu {
    display: inline-block;
    height: 100%;
}

@media(max-width:599px) {
    #primary-nav ol li.primary-nav-menu {
        width: 100%;
    }
}

#primary-nav ol li.primary-nav-menu.currentSection > a {
    background-color: #003162;
    color: #ffc800;
}

#primary-nav ol li.primary-nav-menu > a {
    color: #fff;
    display: block;
    padding: 1em 1.4em;
    text-decoration: none;
}

    #primary-nav ol li.primary-nav-menu > a:hover {
        background-color: #004386;
    }

#primary-nav ol li.primary-nav-menu.expanded > a {
    background-color: rgba(0,0,0,.3);
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body {
    position: absolute;
    display: block;
    visibility: visible;
    word-wrap: normal;
    z-index: 1000;
}

@media(max-width:599px) {
    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body {
        width: 100%;
    }
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body a {
    color: #204279;
    display: block;
    padding: .75em 1em;
    font-size: .9em;
    text-decoration: none;
}

    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body a:hover {
        background-color: #e6e6e6;
        text-decoration: underline;
    }

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body {
    background-color: #fff;
    border: 1px solid #004ba5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: rgba(0,0,0,.5) 0 3px 5px;
    float: right;
    margin: -50px 0 0 0;
    min-width: 100%;
    position: absolute;
    top: auto;
    visibility: hidden;
    z-index: 1;
}

@media(max-width:599px) {
    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body {
        box-shadow: rgba(0,0,0,0) 0 0;
    }
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body hr {
    color: #eee;
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body.open-right {
    left: 100%;
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body.open-left {
    right: 100%;
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body.current > a {
    background-color: rgba(0,0,0,.5);
    color: #ffc800;
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body a:first-child:hover {
    border-top-right-radius: 3px;
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav div.menu-body a:last-child:hover {
    border-bottom-right-radius: 3px;
}

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav:hover {
    background-color: #e6e6e6;
}

    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav:hover div.menu-body {
        min-width: 100%;
        visibility: visible;
    }

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav:focus-within {
    background-color: #e6e6e6;
}

    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav:focus-within div.menu-body {
        min-width: 100%;
        visibility: visible;
    }

#primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav a.parent-link {
    color: #204279;
    cursor: pointer;
    display: block;
    padding: 1em;
    font-size: .9em;
    text-decoration: none;
}

    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav a.parent-link:hover {
        text-decoration: underline;
    }

    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav a.parent-link:after {
        content: "";
        display: inline-block;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #333;
        border-top: 5px solid transparent;
        vertical-align: middle;
        text-align: right;
        float: right;
        margin-top: 6px;
    }

@media(max-width:599px) {
    #primary-nav ol li.primary-nav-menu.expanded .primary-nav-menu-body div.sub-nav a.parent-link:after {
        display: none;
    }
}

#primary-nav .primary-nav-menu-body {
    background-color: #fff;
    border: 1px solid #004ba5;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: rgba(0,0,0,.5) 0 3px 5px;
}

@media(max-width:599px) {
    #primary-nav .primary-nav-menu-body {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: rgba(0,0,0,0) 0 0;
    }
}

#primary-nav .primary-nav-menu-body a.currentPage {
    background-color: #d9d9d9;
    color: #ffc800;
}

.external-link::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
}

.dashboard-header {
    text-align: center;
    margin-bottom: 2em;
}

@media(max-width:599px) {
    .dashboard-header {
        margin: 1em 0 1em 0;
        padding: 0 .5em;
    }
}

.dashboard-header h2 {
    font-size: 2em;
}

@media(max-width:599px) {
    .dashboard-header h2 {
        font-size: 1.5em;
        line-height: 1;
        margin-bottom: 1em;
        padding: 0;
    }
}

.dashboard-header .description, .dashboard-header .data-source {
    margin: 0 auto .5em auto;
    text-align: center;
    width: 60%;
}

@media(max-width:599px) {
    .dashboard-header .description, .dashboard-header .data-source {
        width: 100%;
    }
}

.dashboard-header .description .sub-description {
    background: #eee;
    border-radius: 6px;
    display: block;
    font-size: .8em;
    margin: .75em auto .5em auto;
    padding: .5em .75em .75em .5em;
    max-width: 400px;
}

.dashboard-header .data-source {
    font-size: .9em;
}

.data-details {
    margin: 0 auto 0 auto;
    max-width: 680px;
}

@media(max-width:599px) {
    .data-details {
        padding: 1em;
        max-width: 100%;
    }
}

.data-details ul {
    margin-left: 1.5em;
}

    .data-details ul li {
        margin-bottom: 1em;
    }

        .data-details ul li ul {
            margin-left: 1.5em;
        }

.data-details ol {
    margin-left: 1.5em;
}

    .data-details ol li {
        margin-bottom: 1em;
    }

        .data-details ol li ol {
            margin-left: 1.5em;
        }

#tableauIframe, #genericEmbed {
    border: 0;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 1em 1.5em 1em;
}

@media(max-width:599px) {
    #tableauIframe, #genericEmbed {
        padding: 0 0 1em 0;
    }
}

#tableauIframe iframe, #genericEmbed iframe {
    display: block;
    margin: 0 auto;
}

#genericEmbed {
    display: block;
    margin: 0 auto;
    min-height: 1024px;
    width: 1200px;
}

main.list-grid {
    width: 72.5em;
}

@media(max-width:599px) {
    main.list-grid {
        width: 100%;
        padding: 1em;
    }
}

main.list-grid h2 {
    text-align: left;
}

main.list-grid .list-description {
    margin-bottom: 2em;
    width: 70%;
}

@media(max-width:599px) {
    main.list-grid .list-description {
        width: 100%;
    }
}

main.list-grid .additional-dashboards ul:first-child {
    margin-top: .75em;
}

main.list-grid .additional-dashboards ul li {
    margin-bottom: .75em;
}

main.list-grid .additional-resources ul:first-child {
    margin-top: .75em;
}

main.list-grid .additional-resources ul li {
    margin-bottom: .75em;
}

.dashboard-list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(17.5em,1fr));
    gap: 1em;
    margin-bottom: 3em;
}

@media(max-width:599px) {
    .dashboard-list {
        display: block;
        width: 100%;
    }
}

.list-item {
    background-color: #003162;
}

    .list-item > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none !important;
    }

        .list-item > a > img {
            height: 200px;
            width: 100%;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            object-fit: fill;
        }

.list-title {
    background-color: #EFEFEF;
    width: 100%;
    height: 10%;
    padding: 3% 0 3% 0;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

.list-blurb {
    color: white !important;
    text-align: left;
    margin: 1% 1% 3% 1%;
    height: 100%;
    width: 90%;
}

.external-link {
    text-align: left;
}


/*.list-item {*/
/*    background-color: #efefef;*/
/*background-color: #003162;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}*/

/*.list-item {
    width: 100%;
    height: 45%;*/
/*    transform: scale(0.99);*/
/*
    
    margin: 0;
    padding: 0;
}*/


/*.list-item > a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #003162;
    height: 50%;
}


    .list-title {
        font-size: 18px;*/
/*        margin: 0 0 2% 0;*/
/*background-color: #EFEFEF;
        height: 4rem;
        width: 100%;
        color: black;
        text-align: center;
    }

    .list-description {
        color: white;
        text-align: center;
        text-decoration: none;
        width: 100%;
        height: 100%;
        padding: 2%;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

.list-title:hover {
    background-color: #C0C0C0;
}

.list-description:hover {
    color: #FFE600;
}*/

/*.dashboard-list div {
    display: block;
    width: 22.7em;
}*/

/*@media(max-width:599px) {
    .dashboard-list div {
        display: block;
        margin: 0 auto 1em auto;
    }
}*/

/*.dashboard-list div img {
    display: block;
    height: 237px;
    width: 100%;
}

.dashboard-list div:hover div {
    background-color: #00366d;
}

.dashboard-list div:hover a {
    color: #ffc800;
}

.dashboard-list div div {
    background-color: #005cb9;
    min-height: 176px;
}

    .dashboard-list div div a {
        color: #fff;
        display: block;
        padding: .8em .8em 0 .8em;
    }

        .dashboard-list div div a.title {
            font-size: 1.1em;
            padding-left: .7em;
            text-decoration: underline;
        }

        .dashboard-list div div a.description {
            font-size: .9em;
            padding-bottom: .8em;
            text-decoration: none;
        }*/

.dashboard-list + h3 {
    border-top: 1px solid #ccc;
    margin-top: 1.25em;
    padding-top: 1.75em;
}

@media(max-width:599px) {
    footer .fa-2x {
        font-size: 1.25em;
    }
}

footer .footer-brand-wrapper {
    background-color: #435363;
    min-height: 4em;
    width: 100%;
}

    footer .footer-brand-wrapper .footer-brand {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        padding: 1em;
        margin: 0 auto 0 auto;
        width: 84em;
    }

@media(max-width:599px) {
    footer .footer-brand-wrapper .footer-brand {
        width: 100%;
        padding: 1em 0 .7em 1em;
    }
}

footer .footer-brand-wrapper .footer-brand .logo {
    max-width: 16.25em;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}



footer .footer-brand ol {
    display: flex;
    display: -ms-flexbox;
    list-style-type: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: right;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

    footer .footer-brand ol li {
        display: inline-block;
        margin-right: 1em;
    }

        footer .footer-brand ol li a {
            color: #fff;
            text-decoration: none;
        }

@media(max-width:599px) {
    footer .footer-brand ol li a {
        display: block;
    }
}

footer .footer-brand ol li a:hover {
    color: #ccc;
}

footer ol.footer-links {
    align-items: center;
    background-color: #222;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 3em;
    justify-content: center;
    list-style-type: none;
    -ms-flex-direction: row;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

@media(max-width:599px) {
    footer ol.footer-links {
        margin: 0;
    }
}

footer ol.footer-links li {
    margin-right: 1em;
}

    footer ol.footer-links li + li::before {
        content: "|";
        color: #fff;
        margin-right: 1em;
    }

@media(max-width:599px) {
    footer ol.footer-links li {
        display: block;
        margin: 0 1em;
        width: 100%;
    }

        footer ol.footer-links li + li::before {
            content: none;
            margin-right: 0;
        }
}

footer ol.footer-links li a {
    color: #fff;
    text-decoration: none;
}

@media(max-width:599px) {
    footer ol.footer-links li a {
        display: block;
        padding: 1em 0;
    }
}

footer ol.footer-links li a:hover {
    text-decoration: underline;
}

.webp .banner {
    background-image: url("../Images/webp/hero-image.webp");
}

.no-webp .banner {
    background-image: url("../Images/hero-image.png");
}

.banner {
    height: 20.375em;
    margin-bottom: 1em;
}

@media(max-width:599px) {
    .banner {
        height: 100%;
        padding: 0;
        width: 100%;
    }
}

.banner .banner-textbox {
    background-color: rgba(3, 47, 126, 0.83);
    color: #fff;
    margin: 0 auto 0 auto;
    padding: 2em 3em 0 3em;
    text-align: center;
    height: 100%;
    width: 100%;
}

.banner-textbox {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media(max-width:599px) {
    .banner .banner-textbox {
        padding: 1em 2em;
        width: 100%;
    }
}

.banner .banner-textbox h2 {
    color: #fff;
}

.banner .banner-textbox p {
    color: #fff;
    font-family: Calibri;
    line-height: 1.7em;
    text-align: center;
    margin: 0 8rem;
}

@media(max-width:599px) {
    .banner .banner-textbox p {
        line-height: 1.5em;
    }
}


.search-content-empty {
    width: 60%;
    padding: 1%;
    border-radius: 25px;
    border: none;
    background-color: white !important;
    z-index: 1;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.search-content-input {
    width: 60%;
    padding: 1%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border: none;
    margin-top: 1rem;
}

    .search-content-input:focus {
        border: none;
        outline: none;
    }

.results-hidden {
    visibility: hidden;
    display: none;
}

.results-shown {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 60%;
    text-align: left;
    padding: 1%;
    max-height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 3;
}

.result-category {
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
    color: black;
}

.result-item {
    text-decoration: none;
    color: black;
    font-size: 14px;
}

    .result-item:hover {
        color: black;
        cursor: pointer;
        text-decoration: none;
    }

.hide-home-p {
    display: none;
    visibility: hidden;
}

.featured-data {
    display: flex;
    text-align: center;
    background-color: #efefef;
    margin-bottom: 0.5em;
    align-items: center;
}

@media(max-width:599px) {
    .featured-data {
        display: block;
        padding: 1.5em 1em;
        margin-bottom: .5em;
    }
}

.featured-data .featured-data-text {
    display: block;
    padding: 0 4em;
    text-align: center;
    line-height: 1.7em;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

@media(max-width:599px) {
    .featured-data .featured-data-text {
        padding: 0 1em;
        line-height: 1.5em;
        height: 100%;
    }
}

.featured-data .featured-data-text h3 {
    margin-top: 0;
    text-transform: uppercase;
}

@media(max-width:599px) {
    .featured-data .featured-data-text h3 {
        margin-bottom: .5em;
    }
}

.featured-data .featured-data-text p {
    margin-bottom: 2em;
    text-align: center;
}

.featured-data .featured-data-image {
    text-align: center;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

@media(max-width:599px) {
    .featured-data .featured-data-image {
        display: none;
    }

        .featured-data .featured-data-image img {
            height: 100%;
            width: 100%;
        }
}

.carousel-chart-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 1% 8% 0 8%;
}

@media(max-width:1108px) {
    .carousel-chart-row {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
}


.carousel-chart-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1% 40% 0 40%;
}

.chart-container {
    display: flex;
    flex-direction: column;
}

    .chart-container:hover {
        text-decoration: none;
    }



.chart-img {
    height: 10rem;
    width: 100%;
    align-self: center !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border: 2px solid #003162 !important;
    border-bottom: none !important;
    background-color: white !important;
    margin: 0 !important;
}

@media(max-width: 585px) {
    .carousel-chart-row {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }

    .chart-img {
        height: 15rem;
    }
}


.chart-label {
    color: white !important;
    padding: 3% !important;
    background-color: #003162 !important;
    height: 25% !important;
    border: 2px solid #003162 !important;
    border-top: none !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    text-align: center !important;
}

.bold-fd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 2px solid #003162 !important;
    border-top: none !important;
    background-color: #EFEFEF !important;
    font-size: 1.10rem;
}

.chart-label-long {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3% !important;
    background-color: #003162 !important;
    height: 160px;
    border: 2px solid #003162 !important;
    border-top: none !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

    .chart-label-long > p {
        color: white !important;
        margin-top: 3% !important;
        text-align: center;
    }

@media(max-width: 1080px) {
    .carousel-chart-flex > .chart-container {
        width: 90rem !important;
        height: auto;
    }

    .carousel-chart-flex > .chart-img {
        height: 12rem;
    }

    .carousel-chart-flex > .chart-label-long {
        height: 200px;
    }
}

.stay-informed {
    width: 100%;
    padding: 0 20%;
    text-align: center;
    line-height: 1.7em;
    margin-bottom: 2em;
}

@media(max-width:599px) {
    .stay-informed {
        padding: 1em;
    }
}

.stay-informed p {
    margin-bottom: 2em;
}

.isDisabled {
    color: rgba(255,255,255,.5);
    cursor: not-allowed;
    opacity: .5;
    text-decoration: none;
    pointer-events: none;
}

    .isDisabled:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        pointer-events: none;
        background: #005cb9;
    }

    .isDisabled:active {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        pointer-events: none;
        background: #005cb9;
    }

.accessible-megamenu .accessible-megamenu-top-nav-item a.isDisabled {
    color: rgba(255,255,255,.5);
}

    .accessible-megamenu .accessible-megamenu-top-nav-item a.isDisabled h2 {
        color: rgba(255,255,255,.5);
    }

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].isDisabled.open {
    background: #005cb9;
}

.accessible-megamenu .accessible-megamenu-panel.isDisabled.open {
    visibility: hidden;
    top: inherit;
    max-height: 0;
    opacity: 0;
    z-index: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.eula-header {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
    -ms-grid-row: 3;
    grid-row: 3;
}

    .eula-header .inner-grid-div * {
        display: block;
        text-align: center;
        margin: auto;
    }

    .eula-header span {
        font-size: 1.5em;
    }

.data-use-header {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
    -ms-grid-row: 3;
    grid-row: 3;
}

    .data-use-header .inner-grid-div * {
        display: block;
        text-align: center;
        margin: auto;
    }

    .data-use-header span {
        font-size: 1.5em;
    }

.eula-div {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
    -ms-grid-row: 4;
    grid-row: 4;
}

    .eula-div .inner-grid-div {
        margin: 2em 8em;
        margin-bottom: 5em;
        line-height: 1.5;
    }

    .eula-div ul {
        margin-left: 3em;
        margin-bottom: 1.5em;
    }

    .eula-div li {
        font-size: 1.2em;
    }

.data-use-div {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
    -ms-grid-row: 4;
    grid-row: 4;
}

    .data-use-div .inner-grid-div {
        margin: 2em 8em;
        margin-bottom: 5em;
        line-height: 1.5;
    }

    .data-use-div ul {
        margin-left: 3em;
        margin-bottom: 1.5em;
    }

    .data-use-div li {
        font-size: 1.2em;
    }

.slick-p-tag {
    padding: 0;
    margin: 0 20% 1% 20% !important;
    /*    width: 100% !important;*/
    /*    height: 20% !important;*/
    text-align: center;
}

.slick-prev:before, .slick-next:before {
    color: black;
}

.slick-prev {
    left: 3% !important;
    z-index: 3;
}

.slick-next {
    right: 3% !important;
    z-index: 3;
}

.slide {
    margin: 1em auto;
    text-align: center;
    align-items: center;
}
/*
    .slick-slide img {
        margin: 1em auto;
        text-align: center;
    }

    .slide img {
        width: 67%;
        height: 100%;
        object-fit: scale-down;
    }
 @media(max-width: 832px){
     .slick-slide img {
         margin: 0 0;
         display: none;
         visibility: hidden;
     }
     .slide img {
         width: 0px;
         height: 0px;
         display: none;
         visibility: hidden;
     }
 }*/

.button-clmn {
    display: flex;
    flex-direction: column;
    margin: 1em auto;
    gap: 0.5em;
    width: 67%;
}

.button-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5em 0.5em;
}

@media(max-width: 832px) {
    .button-grid {
        display: flex;
        flex-direction: column;
        margin: 1em auto;
        gap: 0.5em;
        width: 67%;
    }
}

.center {
    text-align: center;
}

.spacing {
    margin: 3em auto;
    padding: 3em 5em 3em 5em;
    border-radius: 1em;
}

.gray {
    background-color: #efefef;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    padding: 1em 0;
}

.banner {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

@media(max-width: 832px) {
    .slick-slide {
        flex-direction: column !important;
    }
}

.left, .right {
    margin: 0 2em;
    width: 50%;
}

.left {
    padding-left: 5em;
}

@media(max-width: 832px) {
    .left {
        width: 70%;
        padding-left: 0%;
    }

    .right {
        width: 0%;
        display: hidden;
        visibility: hidden;
    }
}

tableau-viz {
    /* overflow: hidden;*/
    position: relative;
    display: block !important;
    margin-left: 5%;
    /* height: 100vh;*/
}

    tableau-viz > * {
        position: absolute;
        top: 0;
        left: 0;
        border: 0;
        width: 100%;
        height: 100vh;
    }


.texas-aim {
    padding: 1.6875em 2.998em !important;
}

.maternal-health {
    padding: 0.938em 1.3em !important;
}

.infant-health-practices {
    padding: 0.938em 2.9042em !important;
}

.congenital-syphilis {
    padding: 0.938em 3.9042em !important;
}

.logo > a > img {
    height: auto;
    width: 22rem;
}

.banner-textbox > section {
    color: white;
    font-family: Rockwell;
    font-size: 1.5em;
    font-weight: bold;
}

li.little-li {
    margin: 5px 5px 5px 40px !important;
}

heightControl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: calc(100vh - 50px);*/
    position: relative;
}

@media(max-width: 1080px) {
    .heightControl {
        height: calc(100vh - 50px);
        overflow: hidden;
    }

    tableau-viz {
        margin-left: 0%;
    }
}


.external-png {
    height: 10px;
    width: auto;
}

.jump-button {
    background-color: #efefef;
    padding: 0.25% 2%;
    color: #3D3D3E;
    border-radius: 25px;
    text-decoration: none;
}

    .jump-button:hover {
        background-color: #C8C8C8;
        color: #3D3D3E;
        text-decoration: none;
    }