/* Minification failed. Returning unminified contents.
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,1): run-time error CSS1019: Unexpected token, found '@import'
(206,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Nunito:600|Work+Sans:400&display=swap')'
(242,21): run-time error CSS1039: Token not allowed after unary operator: '-text-big-3'
(246,21): run-time error CSS1039: Token not allowed after unary operator: '-text-big-2'
(250,21): run-time error CSS1039: Token not allowed after unary operator: '-text-big-1'
(254,21): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-3'
(258,21): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-2'
(262,21): run-time error CSS1039: Token not allowed after unary operator: '-text-small-3'
(266,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(286,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(307,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(308,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(310,21): run-time error CSS1039: Token not allowed after unary operator: '-text-small-3'
(325,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(326,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(333,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(336,21): run-time error CSS1039: Token not allowed after unary operator: '-text-small-3'
(349,21): run-time error CSS1039: Token not allowed after unary operator: '-green'
(365,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(366,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(368,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(387,17): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(388,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(389,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(401,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(402,24): run-time error CSS1039: Token not allowed after unary operator: '-white'
(415,21): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-2'
(425,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(426,21): run-time error CSS1039: Token not allowed after unary operator: '-text-big-1'
(456,27): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(463,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(464,21): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(472,25): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(476,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(477,21): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(485,25): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(494,28): run-time error CSS1039: Token not allowed after unary operator: '-default-text-color'
(499,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(570,28): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(580,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(594,25): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(595,33): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(618,44): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(619,41): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(620,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(627,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(628,52): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(628,71): run-time error CSS1039: Token not allowed after unary operator: '-green'
(644,44): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(645,41): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(646,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(647,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(662,25): run-time error CSS1039: Token not allowed after unary operator: '-default-text-color'
(684,36): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(697,33): run-time error CSS1039: Token not allowed after unary operator: '-white'
(706,33): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(718,37): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(725,25): run-time error CSS1039: Token not allowed after unary operator: '-white'
(729,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(730,25): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(743,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(744,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(748,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(749,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(778,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(780,21): run-time error CSS1039: Token not allowed after unary operator: '-text-small-3'
(807,33): run-time error CSS1039: Token not allowed after unary operator: '-white'
(812,37): run-time error CSS1039: Token not allowed after unary operator: '-white'
(841,25): run-time error CSS1039: Token not allowed after unary operator: '-white'
(865,25): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-3'
(874,21): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-1'
(878,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(882,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(888,17): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(901,17): run-time error CSS1039: Token not allowed after unary operator: '-tint'
(947,21): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-2'
(967,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(980,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(982,17): run-time error CSS1039: Token not allowed after unary operator: '-default-text-color'
(983,21): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-1'
(989,21): run-time error CSS1039: Token not allowed after unary operator: '-default-text-color'
(993,25): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-2'
(1081,25): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-2'
(1185,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1186,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1204,56): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(1204,75): run-time error CSS1039: Token not allowed after unary operator: '-green'
(1223,25): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1225,29): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-1'
(1262,44): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1287,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(1304,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1305,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1331,29): run-time error CSS1039: Token not allowed after unary operator: '-white'
 */

.app-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 100;
    overflow-y: auto;
    background-color: #1F1F1F;
}

    .app-wrapper::-webkit-scrollbar-track {
        background-color: #1F1F1F
    }

.browsers-title {
    margin-bottom: 42px
}

.browsers {
    margin-bottom: 32px;
    margin-left: -3px
}

    .browsers:after {
        content: ' ';
        display: table;
        clear: both
    }

.browser {
    float: left;
    width: 220px;
    display: table
}

.browser-safari {
    width: 300px
}

.browser-title {
    color: rgba(0,0,0,0.45);
    font-size: 14px;
    line-height: 17px;
    padding-left: 6px;
    display: table-cell;
    vertical-align: middle;
    height: 52px;
    text-align: left
}

.image {
    vertical-align: middle;
    display: table-cell;
    width: 52px
}

.image-logo {
    width: 48px;
    height: 48px;
    display: block
}

.text-tip {
    color: rgba(0,0,0,0.6);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

#browsersNotSupported {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 28, 28, 0.6);
    z-index: 10000000;
}

.landing-window {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0,0,0,0.19),0 12px 15px 0 rgba(0,0,0,0.24);
    display: flex;
    flex-direction: column;
    flex: none;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    position: fixed;
    margin: 0 auto;
    top: 25%;
    left: 25%;
}

    .landing-window div.buttonWrapper {
        text-align: left;
    }

    .landing-window div.banner {
        display: none;
    }

        .landing-window div.banner div.hofmann:hover {
            text-decoration: none;
        }

.landing-main {
    padding: 64px 60px 110px 60px;
    position: relative
}

.text-tip {
    color: rgba(0,0,0,0.6);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

    .text-tip a {
        color: #009688
    }

        .text-tip a:hover {
            text-decoration: underline
        }

@media screen and (max-width: 648px) {
    .app-wrapper {
        overflow-x: auto
    }
}

@media screen and (max-width: 660px) {
    .landing-window {
        border-radius: 0
    }

    .landing-main {
        padding: 36px 36px 72px 36px
    }
}

@media screen and (max-width: 780px) {
    .landing-window {
        width: 100%;
        height: 100%;
        position: unset;
    }

        .landing-window div.banner {
            display: block;
        }

            .landing-window div.banner div.hofmann {
                margin-left: auto;
                margin-right: auto;
            }

    .landing-main {
        padding-bottom: 82px;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
}


@media screen and (max-width: 1095px) {
    .landing-header {
        width: 100%
    }

    .landing-main {
        padding: 58px 52px 110px 52px
    }
}


:root {
    --default-text-color: #1F1F1F;
    --success: #2D7A39;
    --error: #E90036;
    --white: #FFFFFF;
    --green: #5BC0BE;
    --light-green: #BFE0DF;
    --dark-green: #007DA3;
    --dark-blue: #1C2541;
    --grey: #3A506B;
    --light-grey: #D8D8D8;
    --extra-light-grey: #FAF9F9;
    --dark-grey: #2B2B2B;
    --yellow: #FFDE8D;
    --tint: #6FFFE9;
    --text-big-3: 3.052em;
    --text-big-2: 2.441em;
    --text-big-1: 1.953em;
    --text-regular-3: 1.563em;
    --text-regular-2: 1.25em;
    --text-regular-1: 1em;
    --text-small-3: 0.8em;
    --text-small-2: 0.64em;
    --text-small-1: 0.512em;
}

@import url('https://fonts.googleapis.com/css?family=Nunito:600|Work+Sans:400&display=swap');

html {
    font-size: 106.3%;
}
/*17px*/

@font-face {
    font-display: swap;
}

body {
    background-color: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.65;
    color: #333;
}

main {
    min-height: 379px;
}

p {
    margin-bottom: 1.15rem;
}

h1, h2, h3, h4, h5 {
    margin: 2.75rem 0 1.05rem;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    line-height: 1.15;
}

h1 {
    margin-top: 0;
    font-size: var(--text-big-3);
}

h2 {
    font-size: var(--text-big-2);
}

h3 {
    font-size: var(--text-big-1);
}

h4 {
    font-size: var(--text-regular-3);
}

h5 {
    font-size: var(--text-regular-2);
}

small, .text_small {
    font-size: var(--text-small-3);
}

html, body {
    color: var(--dark-grey);
    background-color: #FFFFFF;
}

body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
.hofmann,
.filled-button, button, input[type=button], input[type=submit] {
    font-family: 'Nunito';
}

a {
    color: var(--dark-green);
    font-weight: 700;
}

    a:hover {
        color: var(--dark-green);
    }

.link-container a i {
    display: inherit;
}

.link-container a:visited, .link-container a:visited i.fas {
    outline-color: #994EDF !important;
    color: #994EDF !important;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-transform: translate(0px);
    transform: translate(0px);
}

.filled-button,
button,
input[type=button],
input[type=submit] {
    color: var(--white);
    background-color: var(--dark-green);
    border-radius: 22px;
    font-size: var(--text-small-3);
    font-weight: 700;
    border: none;
    padding: 10px 30px;
    text-align: center;
}

.filled-button {
    display: inline-block;
    text-decoration: none;
}

    .filled-button:hover,
    input[type=button]:hover,
    input[type=submit]:hover {
        border: 4px solid var(--dark-blue);
        color: var(--white);
        padding: 6px 26px;
    }

button.text-button,
input[type=button].text-button,
input[type=submit].text-button {
    color: var(--dark-green);
    background: none;
    border-radius: 0px;
    font-size: var(--text-small-3);
    font-weight: 700;
    border: none;
    outline: none;
    padding: 0px;
    text-decoration: none;
    border-bottom: 1px dotted;
    line-height: 1.5em;
}

    button.text-button:hover,
    input[type=button].text-button:hover,
    input[type=submit].text-button:hover {
        color: var(--green);
    }

    button.text-button:active,
    input[type=button].text-button:active,
    input[type=submit].text-button:active {
        border-bottom: none;
        margin-bottom: 1px;
    }


button.button-outline,
input[type=button].button-outline,
input[type=submit].button-outline,
a.button-outline {
    display: inline-block;
    color: var(--dark-green);
    background-color: var(--white);
    padding: 6px 20px;
    border: 2px solid var(--dark-green);
    border-radius: 22px;
    font-weight: 700;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
}

    button.button-outline:hover,
    input[type=button].button-outline:hover,
    input[type=submit].button-outline:hover,
    a.button-outline:hover {
        text-decoration: underline;
    }


input[type=button]:active, input[type=button]:focus,
input[type=submit]:active, input[type=submit]:focus,
.filled-button:active, .filled-button:focus, .button-outline:active, .button-outline:focus {
    color: var(--tint) !important;
    background-color: var(--grey) !important;
    border: 4px solid var(--dark-blue);
    padding: 6px 26px;
}

input[type=button]:focus,
input[type=submit]:focus,
.filled-button:focus,
.button-outline:focus {
    outline: none;
}

.inverse {
    color: var(--white) !important;
    border-color: var(--white) !important;
    background: none !important;
}

.chunky-button-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.chunky-button {
    display: table-cell;
    vertical-align: middle;
    font-size: var(--text-regular-2);
    height: 86px;
}

.sub-header {
    margin-top: 5px;
}

.hofmann {
    height: 33px;
    color: var(--white);
    font-size: var(--text-big-1);
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
}

.italic {
    font-style: italic;
}

div {
    overflow: hidden;
}

    div:after {
        clear: both;
    }

.stickynote a, .blurb a {
    font-weight: 700;
}

.stickynote p a, .blurb p a, .alert-banner-content p a, div.questions a, .sitemapMainContent a, div.criterion a {
    text-decoration: underline;
}


    .stickynote p a:hover, .blurb p a:hover, div.questions a:hover, .alert-banner-content p a:hover, div.questions a:hover, .sitemapMainContent a:hover, .alert-banner-content p span:hover, div.sitemap a:hover, .blurb ul li a:hover {
        outline: 2px var(--dark-green) solid;
        display: inline;
        padding: 0px 2px;
        margin: 0px -2px;
    }

    .stickynote p a:active, div.questions a:active, .blurb p a:active, .alert-banner-content p a:active, div.questions a:active, .sitemapMainContent a:active, .alert-banner-content p span:active, div.sitemap a:active, .blurb ul li a:active {
        background-color: var(--dark-blue);
        color: var(--tint) !important;
        display: inline;
        padding: 0px 4px;
        margin: 0px -4px;
        outline: unset;
    }

        .stickynote p a:active i.fas, div.questions a:active i.fas, .blurb p a:active i.fas, .alert-banner-content p a:active i.fas, div.questions a:active i.fas, .sitemapMainContent a:active i.fas, .alert-banner-content p span:active i.fas, div.sitemap a:active i.fas, .blurb ul li a:active i.fas {
            color: var(--tint) !important;
        }

    #MainContent_ctl00_siteMapPath > span > a:focus, .stickynote p a:focus, .blurb p a:focus, div.questions a:focus {
        background-color: var(--dark-blue);
        color: var(--tint) !important;
        display: inline;
        padding: 0px 4px;
        margin: 0px -4px;
        outline: unset;
    }

        #MainContent_ctl00_siteMapPath > span > a:focus i.fas, .stickynote p a:focus i.fas, .blurb p a:focus i.fas, div.questions a:focus i.fas {
            color: var(--tint) !important;
        }

.blurb h1, .blurb h2, div.highlighted-title > h1 {
    font-weight: 700;
}

div.line {
    height: 2px;
    background-color: var(--default-text-color);
}

div.blue-line {
    height: 2px;
    background-color: var(--green);
}

.branding {
    width: 194px;
    height: 48px;
}

@media screen and (min-width: 768px) and (orientation: portrait) {
    .branding {
        content: url(../Images/Tablet/portrait/pathways_logo_white_x2_portrait.png);
    }
}

@media screen and (min-width: 768px) and (orientation: landscape) {
    .branding {
        content: url(../Images/Tablet/landscape/pathways_logo_white_x2_landscape.png);
    }
}


@media (min-width: 1024px) {
    .branding {
        content: url(../Images/Desktop/pathways_logo_white_x2_desktop.png);
        width: 180px;
        height: auto;
    }

    .hofmann {
        height: unset;
        display: inline-block;
        line-height: unset;
        position: relative;
        top: 50px;
    }
}

.blurb {
    padding: 0px 10px;
}

.indent {
    padding-left: 10px;
    padding-right: 10px;
}

.centerit {
    margin-left: auto;
    margin-right: auto;
}

div.highlighted-title {
    line-height: 40px;
    padding: 0 10px;
}

    div.highlighted-title > h1 {
        padding: 26.8px 0;
        margin-bottom: 0px;
    }

.big-margins {
    margin-bottom: 1.15rem;
}

body, .navbar, .sticky {
    min-width: 320px;
    margin: 0 auto;
}

html {
    background-color: var(--light-grey) !important;
}

div.main-content {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#skiplink-container {
    background-color: var(--dark-blue);
}

    #skiplink-container a {
        left: -999px;
        position: absolute;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        z-index: -999;
    }

        #skiplink-container a:focus, #skiplink-container a:active {
            color: var(--tint);
            outline-color: var(--tint);
            width: auto;
            height: auto;
            overflow: auto;
            z-index: 999;
            position: unset;
            margin-left: 10px;
            padding: 0px 4px;
        }

nav.banner-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1000000;
    overflow: initial;
    -webkit-box-shadow: 0 4px 4px 0px var(--dark-grey);
    -moz-box-shadow: 0 4px 4px 0px var(--dark-grey);
    box-shadow: 0 4px 4px 0px var(--dark-grey);
}

div.banner {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.5);
    text-align: center;
    padding: 20px 10px;
    color: var(--white);
    background-image: linear-gradient(227deg, var(--dark-green), var(--green));
}

div.main-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 1000000;
    overflow: initial;
    -webkit-box-shadow: 0 4px 4px 0px var(--dark-grey);
    -moz-box-shadow: 0 4px 4px 0px var(--dark-grey);
    box-shadow: 0 4px 4px 0px var(--dark-grey);
    background-color: var(--white);
}

    div.main-menu > div {
        flex-basis: 0px;
        flex-grow: 1;
        text-align: center;
        position: relative;
        overflow: initial;
        background: none;
    }

        div.main-menu > div a, div.main-menu > div > div {
            flex-grow: 1;
            text-align: center;
            color: var(--default-text-color);
            text-decoration: underline;
            line-height: 19px;
            font-weight: 700;
            cursor: pointer;
            padding: 20px 0px;
            display: block;
        }

            div.main-menu > div a:hover, div.main-menu > div > div:hover {
                text-decoration: underline;
            }

        div.main-menu > div ul {
            display: none;
        }

        div.main-menu > div ul {
            list-style: none;
            margin: 0px auto;
            padding: 0px;
            position: absolute;
            background-color: var(--grey);
            width: 100vw;
            position: absolute;
            text-align: left;
        }

            div.main-menu > div ul li {
                text-align: left;
                padding: 0px 10px;
            }


                div.main-menu > div ul li > a {
                    color: var(--white);
                    text-decoration: underline;
                    font-weight: 400;
                    text-align: left;
                    display: inline-block;
                }

                div.main-menu > div ul li a:hover {
                    text-decoration: none !important;
                    color: var(--tint) !important;
                    padding-bottom: 19px;
                }

                    div.main-menu > div ul li a:hover span {
                        text-decoration: underline !important;
                    }

                    div.main-menu > div ul li a:hover:before {
                        content: '\f105';
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        color: var(--tint) !important;
                        margin-right: 10px;
                        text-decoration: none !important;
                    }

        div.main-menu > div:hover ul {
            display: block !important;
            color: var(--white);
        }

        div.main-menu > div ul li:active, div.main-menu > div a:active, div.main-menu > div a:focus, div.main-menu > div > div:focus, div.main-menu > div > div:active {
            background-color: var(--dark-blue) !important;
            color: var(--tint) !important;
        }

        div.main-menu > div a[aria-pressed="false"] + ul {
            display: none;
        }

nav .tablet-link,
nav .desktop-link {
    display: none;
}

div.current-page > a {
    background-color: var(--grey);
    color: var(--white) !important;
}

div.main-menu > div:hover > a, div.main-menu > div:hover > div {
    color: var(--white);
    background-color: var(--grey);
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + div {
        padding-top: 66px;
    }

.footer-image-wrapper {
    height: 0px;
    width: 0px;
    margin-left: auto;
    margin-right: auto;
}

.footer-image {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

footer {
    background-color: var(--dark-grey);
    color: #FFFFFF;
    font-size: var(--text-small-3);
    letter-spacing: 0.87px;
    line-height: 17px;
    position: relative;
    padding-bottom: 57.5px;
}

    footer a {
        font-weight: 400;
    }

    footer div.footer-container {
        padding: 0px 15px;
        position: relative;
    }

        footer div.footer-container ul {
            list-style: none;
            padding: 0px;
            margin-bottom: 25px;
        }

            footer div.footer-container ul li {
                margin-top: 25px;
            }

                footer div.footer-container ul li a {
                    color: var(--white);
                    text-decoration: underline;
                }

                    footer div.footer-container ul li a:hover {
                        color: var(--white);
                    }

    footer div.footer-line, div.footer-line-horizontal {
        height: 1px;
        margin-left: 15px;
        width: calc(100% - 30px);
        background-color: #696969;
    }

div.footer-line-horizontal {
    display: none;
}

footer div.footer-container-top div {
    float: left;
}

footer div.top-button {
    height: 52px;
    width: 29px;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 15px;
    z-index: 10;
}

.footer div.top-button:focus {
    outline-color: var(--white);
}

footer div.top-button p {
    height: 18px;
    width: 29px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 13px;
    text-align: center;
    margin-top: 5px;
}

footer div.chevron-container {
    height: 28px;
    width: 28px;
    border-radius: 2.13px;
    background-color: #FFFFFF;
    text-align: center;
    display: inline-block;
}

    footer div.chevron-container > i.fas {
        color: #1F1F1F;
        font-size: var(--text-regular-3);
        text-align: center;
        position: relative;
        top: 1.75px;
        line-height: 22px;
        height: 28px;
    }

footer p.copy-right {
    font-size: var(--text-regular-1);
    line-height: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    color: var(--white);
}

    footer p.copy-right a {
        color: var(--white);
        text-decoration: underline;
    }

footer a:hover,
footer a:focus {
    color: var(--tint) !important;
    text-decoration: none !important;
}

    footer a:hover span, footer a:focus span {
        text-decoration: underline !important;
    }

footer li a:hover::before, footer li a:focus:before {
    float: left;
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--tint) !important;
    margin-right: 10px;
    text-decoration: none !important;
}

footer a:focus {
    outline: unset;
}

section {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.buttonstack {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .buttonstack > div {
        flex-basis: 0px;
        flex-grow: 2;
        text-align: center;
        margin-bottom: 1.15rem;
        overflow: initial;
    }

        .buttonstack > div:last-of-type {
            margin-bottom: 0px;
        }

        .buttonstack > div > * {
            min-width: 300px;
        }

div.buttonstack div a {
    font-size: var(--text-regular-2);
}

.theline {
    margin: 5px auto;
    border: 1px solid #979797;
    width: 320px;
    height: 0px;
}

.stickynote {
    padding: 0px 10px 0px 10px;
}

div.sitemap {
    overflow: visible;
}

    div.sitemap a {
        font-weight: 400;
        color: var(--dark-green);
    }

    div.sitemap > span {
        white-space: nowrap;
    }


        div.sitemap > span > span:last-of-type a {
            font-weight: 700;
        }

.alert-banner-content {
    background-color: var(--yellow);
    text-align: center;
    color: var(--default-text-color);
    font-size: var(--text-regular-1);
    padding: 0px 10px 0px 10px;
    display: none;
}

    .alert-banner-content a {
        color: var(--default-text-color);
    }

    .alert-banner-content h1 {
        font-size: var(--text-regular-2);
        line-height: 18px;
        padding: 15px 0px 15px 0px;
        margin-bottom: 0px;
        font-weight: 700;
        letter-spacing: 0px;
    }

    .alert-banner-content p {
        margin-bottom: 0px;
        padding-bottom: 15px;
        letter-spacing: 0px;
    }

        .alert-banner-content p span {
            text-decoration: underline;
            cursor: pointer;
            font-weight: 400;
        }

        .alert-banner-content p i {
            margin-left: 5px;
        }

.map-wrapper {
    margin: 1rem 0px;
}

.map-image {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

i.fa-external-link-square-alt {
    margin-right: 5px;
}


@media screen and (min-width: 768px) and (orientation: portrait) {
    div .footer-image-wrapper {
        height: 140px;
        max-width: 768px;
        width: 100%;
    }

    div.footer-image {
        background-size: 768px 140px !important;
    }
}

@media screen and (min-width: 768px) and (orientation: landscape) {
    div.footer-image-wrapper {
        height: 140px;
        max-width: 1024px;
        width: 100%;
    }

    div.footer-image {
        background-size: 1024px 140px !important;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    nav .tablet-link,
    nav .desktop-link {
        display: initial;
    }

    .tablet-link.grow-content {
        flex-grow: 3;
    }

    nav .mobile-link {
        display: none;
    }

    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }

    div.main-menu > div > a {
        font-size: var(--text-regular-2);
    }

    .split-sides-container .left-side {
        float: left;
        width: 365px;
        margin-right: 20px;
    }

    .split-sides-container .right-side {
        float: right;
        width: calc(100% - 385px);
    }

    .split-sides-container div.buttonstack > div {
        text-align: unset;
    }

    .split-sides-container div.left-side div.buttonstack:first-child {
        margin-top: 0px;
    }
}

@media (min-width: 1024px) {

    footer * {
        overflow: visible;
    }

    div.footer-image-wrapper {
        height: 160px;
        max-width: 1440px;
        width: 100%;
    }

    div.footer-image {
        background-size: 1440px 160px !important;
    }

    footer > div.footer-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 1290px;
        margin-left: auto;
        margin-right: auto;
    }

    footer div.footer-container {
        max-width: 1290px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0px 0px 10px;
    }

    footer div.footer-wrapper > div.footer-container-top {
        flex-grow: 1;
        flex-basis: 100px;
        max-width: 639.5px;
        margin-left: auto;
        margin-right: 0px;
        padding: 0px 0px 0px 10px;
    }

    footer div.footer-wrapper > div.footer-line {
        width: 1px;
        height: 197px;
        flex-grow: 1;
        flex-basis: 1px;
        max-width: 1px;
        margin-top: 20px;
    }

    footer div.footer-wrapper > div.footer-container-bottom {
        flex-grow: 1;
        flex-basis: 100px;
        max-width: 639.5px;
        margin-right: auto;
        margin-left: 0px;
        padding: 0px 0px 0px 10px;
    }

    div.footer-line-horizontal {
        display: block;
        margin: 10px 0px 20px 0px;
        width: 100%;
    }

    footer div.top-button {
        position: relative;
    }

    div.main-menu > div:hover > a {
        background-color: unset;
    }

    div.main-menu > div:hover {
        background-color: var(--grey) !important;
        border: 2px solid var(--white);
        border-bottom: none;
        height: 52px !important;
        margin-top: 103px !important;
        margin-left: -2px;
        margin-right: -2px;
    }
}

@media (min-width: 1305px) {
    footer div.top-button {
        right: 0;
    }
}

@media (min-width: 1024px) {

    nav.banner-bar {
        background-image: linear-gradient(225deg, var(--dark-green), var(--green));
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        /*border-bottom: 1px solid var(--white);*/
    }


    div.banner, div.main-menu {
        float: left;
        height: 155px;
        background: none;
        border: none;
        box-shadow: none;
        padding: 0px;
    }

        div.main-menu > div > a {
            padding: 0px !important;
            color: var(--white) !important;
            margin-top: 115px;
            font-size: var(--text-regular-1);
            font-weight: 700;
        }

        div.banner a > img {
            position: relative;
            bottom: 12px;
        }

    div.banner {
        width: calc(100vw - 1000px);/* 651 px*/
        min-width: 373px;
        max-width: 685px;
        margin-left: auto;
        text-align: left;
        padding-left: 0px;
    }

        div.banner a {
            text-align: left;
        }

    div.main-menu {
        margin-right: auto;
        margin-left: 0px;
        white-space: nowrap;
    }

        div.main-menu > div {
            border-bottom: 2px solid transparent;
            flex-basis: unset;
            padding: 0px 10px;
            height: 156px;
        }

            div.main-menu > div ul {
                padding: 0px;
                border-top: 1px solid var(--white);
                top: 50px;
                left: -20px;
            }


                div.main-menu > div ul li {
                    padding: 0px 20px;
                }

                    div.main-menu > div ul li:hover {
                        padding-right: 11px;
                    }

                    div.main-menu > div ul li a:hover {
                        padding-left: 0px;
                    }


            div.main-menu > div:hover ul {
                display: table;
                width: unset;
            }

            div.main-menu > div a:active {
                background-color: var(--dark-blue) !important;
            }


    nav.banner-bar, nav.banner-bar * {
        overflow: visible;
    }

    .desktop-link.grow-content {
        flex-grow: 1;
    }

    div.current-page > a {
        background-color: unset;
    }

    div.current-page {
        background-color: var(--grey) !important;
        border: 2px solid var(--white);
        height: 52px !important;
        margin-top: 103px !important;
        margin-left: -2px;
        margin-right: -2px;
    }

    div#navbar > div {
        height: 50px;
        margin-top: 105px;
        padding: 0px;
    }

        div#navbar > div > a {
            height: 50px;
            text-align: right;
            margin-top: 0px;
            padding: 10px 10px 0px 10px !important;
        }

        div#navbar > div.current-page a {
            text-decoration: none;
        }


            div#navbar > div.current-page a:active {
                color: var(--white);
            }


            div#navbar > div.current-page a:hover {
                text-decoration: underline;
            }

    .sticky {
        position: unset;
        top: 0;
        width: 100%;
    }

        .sticky + div {
            padding-top: 0px;
        }
}