/* Minification failed. Returning unminified contents.
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,22): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(49,28): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(49,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(53,28): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(57,28): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(61,28): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(81,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(85,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(89,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(93,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-teal'
(179,23): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(308,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(410,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(602,23): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(603,18): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(617,27): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(624,27): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(631,27): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(638,21): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(681,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(692,23): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(693,18): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(695,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(706,27): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(713,27): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(720,27): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(727,21): run-time error CSS1039: Token not allowed after unary operator: '-window-width'
(746,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(806,22): run-time error CSS1039: Token not allowed after unary operator: '-window-height'
(838,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(849,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(853,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(883,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(887,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(975,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-teal'
(979,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(983,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue-gray'
(989,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(997,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1156,23): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(1194,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1279,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1305,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1309,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1351,38): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue-gray'
(1360,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1365,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1372,39): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1376,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1383,39): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1391,39): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue-gray'
(1396,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1410,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1427,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(1610,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1656,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1671,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1720,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1736,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1740,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1757,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1805,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1809,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1868,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1872,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1922,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1943,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(1948,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(1972,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2071,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-teal'
(2077,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2103,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2184,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2214,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2222,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2233,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2252,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2253,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2258,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2263,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2269,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2538,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2668,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-blue'
(2731,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(2735,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2739,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-teal'
(2751,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-blue'
(2757,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2762,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2766,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2770,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
(2774,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-orange'
 */
/* 
* CHP Theme Variables
*/
:root {
    --theme-light-blue: hsla(193,86%,45%,1.00);
    --theme-blue: hsla(209,80%,28%,1.00);
    --theme-blue-gray: hsla(209,8%,28%,0.4);
    --theme-orange: hsla(11,86%,63%,1.00);
    --theme-orange-dark: hsl(11, 72%, 57%, 1.00);
    --theme-teal: hsla(169,50%,61%,1.00);
    --theme-blue-dark: hsla(193,89%,37%,1.00);
    --theme-teal-dark: hsla(169, 43%, 48%,1.00);
}


/* 
* Resets
*/
html {
    font-size: 10px;
}

body {
    font-size: 1.5rem;
    background-color: #ffffff;
    overflow-x: hidden;
    height: 100vh;
}

@media (max-width: 575.98px) {
    html {
        font-size: 8px;
    }
}

figure {
    margin: 0;
}


/* 
* Atomics
*/
.window-height {
    min-height: var(--window-height);
}

.window-height-adjusted {
    min-height: calc( var(--window-height) - var(--header-height) );
}

.window-height-half {
    min-height: calc( var(--window-height) / 2 );
}

.window-height-90 {
    min-height: calc( var(--window-height) * 0.9 );
}

.window-height-10 {
    min-height: calc( var(--window-height) * 0.1 );
}

.opacity-80 {
    opacity: 0.80;
}

.opacity-20 {
    opacity: 0.20;
}

.bkg-white {
    background-color: white;
}

.bkg-offwhite {
    background-color: #efefef;
}

.bkg-light-blue {
    background-color: var(--theme-light-blue);
}

.bkg-blue {
    background-color: var(--theme-blue);
}

.bkg-orange {
    background-color: var(--theme-orange);
}

.bkg-teal {
    background-color: var(--theme-teal);
}

.relative {
    position: relative;
}

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

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

.fade-unfocus {
    opacity: 0.25;
    filter: blur(4px);
}

.bkg-white {
    background-color: white;
}

.no-margins,
.no-margins * {
    margin: 0;
}

.margin-0 {
    margin: 0 !important;
}

.margin-bottom-64px {
    margin-bottom: 64px;
}

.margin-bottom-32px {
    margin-bottom: 32px;
}

@media (max-width: 768px) {
    .sm-margin-bottom-32px {
        margin-bottom: 32px;
    }

    .sm-flex-direction-column {
        flex-direction: column;
    }

        .sm-flex-direction-column.reverse {
            flex-direction: column-reverse;
        }

        .sm-flex-direction-column .col-md-6 {
            flex: 0 0 50%;
            max-width: 100%;
        }

    .dont-break-on-small .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.margin-v-16 {
    margin: 16px 0;
}

.margin-v-32px {
    margin-top: 32px;
    margin-bottom: 32px;
}

.padding-v-16 {
    padding: 16px 0;
}

.padding-16-42 {
    padding: 16px 42px !important;
}

.padding-offset-header-height {
    padding-top: var(--header-height);
}
/*
* Font Awesome
*/
.fab.x4 {
    font-size: 4rem;
}



/* 
* Backgrounds
*/
.background-layer,
.background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-layer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* 
* Theme Placeholder Styles
*/
.school-bkg-img {
    background-image: url('../media/hero-bkg.jpg');
}

.discover-bkg-img {
    background-image: url('../media/student-with-backpack-bkg.jpg');
}

.find-bkg-img {
    background-image: url('../media/smiling-woman-bkg.jpg');
}


/* 
* Headings
*/
h1, h2, h3 {
    color: white;
}

h1 {
    font-size: 5rem;
}

h2 {
    font-size: 4rem;
}

h3 {
    font-size: 3rem;
}

@media (max-width: 575.98px) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.6rem;
    }
}


/* 
* Link list
*/
.link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .link-list li {
        border-bottom: 1px solid hsla( 0, 0%, 0%, 0.50 );
        padding: 0;
        color: black;
    }

        .link-list li:last-child {
            border-bottom-color: transparent;
        }

        .link-list li a {
            display: table;
            padding: 8px 0;
            font-size: 2rem;
            color: #ffffff;
            text-decoration: none;
            transform: translate3d(0,0,0);
            opacity: 0.8;
            transition: all 200ms ease-in-out;
        }

.flyout-nav > .navigation > .nav-item a {
    color: #333;
}

@media (hover: hover) {
    .link-list li a:hover {
        opacity: 1.0;
        transform: translateX(4px);
    }
}
/* 
* Theme Header
*/
.theme-header {
    position: absolute;
    width: 100%;
    z-index: 1101;
    background: var(--theme-light-blue);
}


    /* 
* Logo
*/
    .theme-header .theme-logo {
        padding: 20px;
    }

        .theme-header .theme-logo a {
            opacity: 0.9;
            transition: opacity 200ms ease;
        }

            .theme-header .theme-logo a img {
                width: 220px;
            }

@media (hover: hover) {
    .theme-header .theme-logo a:hover {
        opacity: 1.0;
    }
}

@media (max-width: 575.98px) {
    .theme-header .theme-logo {
        padding: 16px;
    }
}

/* 
* School Template Logo
*/
.school-template .theme-header .theme-logo {
    position: relative;
    padding: 16px;
    transition: all 100ms ease;
}

.school-template .theme-header.dark .theme-logo {
}

.school-template .theme-header .theme-logo a {
    opacity: 0.9;
    transition: opacity 100ms ease;
}

@media (hover: hover) {
    .school-template .theme-header .theme-logo a:hover {
        opacity: 1.0;
    }
}

@media (max-width: 575.98px) {
    .school-template .theme-header .theme-logo {
        padding: 16px 0;
    }

        .school-template .theme-header .theme-logo img {
            /*height: 32px;*/
        }
}


/* 
* Nav Button
*/
.nav-button {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    transform: translateX(-300%);
    transition: all 100ms ease-in-out;
    opacity: 0.8;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 575.98px) {
    .nav-button {
        transform: translateX(-200%);
    }
}

@media (hover: hover) {
    .nav-button:hover {
        opacity: 1.0;
    }
}

.nav-button .hamburger-line {
    width: 100%;
    height: 5px;
    border-radius: 100px;
    margin: 1px 0;
    background-color: var(--theme-light-blue);
    transform-origin: left center;
    transition: inherit;
}

.nav-button.dark .hamburger-line {
    background-color: #424242;
}

:root[data-nav-state="true"] .nav-button.dark .hamburger-line {
    background-color: white;
}

:root[data-nav-state="true"] .nav-button {
    transform: translateX(0%);
}

    :root[data-nav-state="true"] .nav-button .hamburger-line {
        box-shadow: none;
    }

        :root[data-nav-state="true"] .nav-button .hamburger-line:first-child {
            transform: translateY(-100%) rotate(45deg);
        }

        :root[data-nav-state="true"] .nav-button .hamburger-line:nth-child(2) {
            opacity: 0;
        }

        :root[data-nav-state="true"] .nav-button .hamburger-line:last-child {
            transform: translateY(100%) rotate(-45deg);
        }

/* 
* Nav Button
*/
.nav-button {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    transform: translateX(-300%);
    transition: all 100ms ease-in-out;
    opacity: 0.8;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dark .nav-button {
}

:root[data-nav-state="true"] .dark .nav-button {
}

@media (max-width: 575.98px) {
    .nav-button {
        transform: translateX(-200%);
    }
}

@media (hover: hover) {
    .nav-button:hover {
        opacity: 1.0;
    }
}

.nav-button .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%,-50%,0);
    color: white;
    transition: inherit;
}

:root[data-nav-state="true"] .nav-button {
    transform: translateX(0%);
}

    :root[data-nav-state="true"] .nav-button .close,
    :root[data-nav-state="false"] .nav-button .open {
        opacity: 1;
    }

    :root[data-nav-state="false"] .nav-button .close,
    :root[data-nav-state="true"] .nav-button .open {
        opacity: 0;
    }


/* 
* School Template Login Nav Button
*/
.school-template .login-nav-button {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    backface-visibility: hidden;
    transform: translateX(-260%);
    color: white;
    opacity: 0.8;
    transition: all 100ms ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
}

@media (hover: hover) {
    .school-template .login-nav-button:hover {
        opacity: 1.0;
    }
}

.school-template .dark .login-nav-button {
}

:root[data-login-nav-state="true"] .school-template .dark .login-nav-button {
}

.school-template .login-nav-button * {
    box-sizing: border-box;
}

@media (max-width: 575.98px) {
    .school-template .login-nav-button {
        transform: translateX(-200%);
    }
}

:root[data-login-nav-state="true"] .school-template .login-nav-button {
    transform: translateX(0%);
}

.school-template .login-nav-button span {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    top: 50%;
    left: 0;
    transform: translate3D(0,-50%,0);
    transition: inherit;
}

:root[data-login-nav-state="true"] .school-template .login-nav-button .login-text,
:root[data-login-nav-state="false"] .school-template .login-nav-button .logout-text,
:root[data-login-nav-state="false"] .school-template .login-nav-button .close-text,
:root[data-login-nav-state="true"] .school-template .login-nav-button .logout-text {
    opacity: 0;
}

:root[data-login-nav-state="false"] .school-template .login-nav-button .login-text,
:root[data-login-nav-state="true"] .school-template .login-nav-button .close-text,
:root[data-user-logged-in="true"] .school-template .login-nav-button .logout-text {
    opacity: 1;
}




/* 
* Nav
*/
:root[data-nav-state] header.theme-header,
:root[data-nav-state] main.content {
    transition: opacity 100ms linear, filter 100ms linear, background 100ms linear;
}

:root[data-nav-state="true"] header.theme-header {
    /*background: hsl(193, 33%, 15%);*/
}

:root[data-nav-state="true"] main.content {
    opacity: 0.25;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


.theme-header .flyout-nav,
.theme-header .flyout-login {
    position: fixed;
    top: 0;
    left: 100%;
    transform: translateX(0%);
    width: calc( var(--window-width) / 6);
    height: var(--window-height);
    padding: 32px;
    background: #ffffff;
    transition: all 100ms ease-in-out;
    box-shadow: 0 .15rem 1.75rem 0 rgba(33,37,41,.15) !important;
}

:root[data-nav-state="true"] .theme-header .flyout-nav :root[data-login-nav-state="true"] .theme-header .flyout-login {
    box-shadow: 0 0 16px 0 hsla( 0, 0%, 0%, 0.66667 );
}

@media (max-width: 1600px) {
    .theme-header .flyout-nav,
    .theme-header .flyout-login {
        width: calc( var(--window-width) / 4);
    }
}

@media (max-width: 1024px) {
    .theme-header .flyout-nav,
    .theme-header .flyout-login {
        width: calc( var(--window-width) / 3);
    }
}

@media (max-width: 768px) {
    .theme-header .flyout-nav,
    .theme-header .flyout-login {
        width: calc( var(--window-width) * 0.75 );
    }
}

@media (max-width: 575.98px) {
    .theme-header .flyout-nav,
    .theme-header .flyout-login {
        width: var(--window-width);
        padding: 3rem;
    }
}

.theme-header .flyout-nav ul {
    list-style: none;
    margin: 0;
    padding: 32px 0 0;
}

:root[data-nav-state="true"] .theme-header .flyout-nav,
:root[data-login-nav-state="true"] .theme-header .flyout-login {
    transform: translateX(-100%);
    z-index: 1001;
}

/* 
* School Template Nav
*/
:root[data-nav-state] .school-template main.content,
:root[data-login-nav-state] .school-template main.content,
:root[data-nav-state] .school-template footer.theme-footer,
:root[data-login-nav-state] .school-template footer.theme-footer {
    transition: opacity 100ms linear, filter 100ms linear;
}

:root[data-nav-state="true"] .school-template main.content,
:root[data-login-nav-state="true"] .school-template main.content,
:root[data-nav-state="true"] .school-template footer.theme-footer,
:root[data-login-nav-state="true"] .school-template footer.theme-footer {
    opacity: 0.25;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.school-template .theme-header {
    position: fixed;
    width: 100%;
    background-color: var(--theme-light-blue);
    box-shadow: 0 0 8px -1px hsla(0,0%,0%,0.5);
    z-index: 101;
}

.theme-header .school-template .flyout-nav,
.theme-header .school-template .flyout-login {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(0%);
    width: calc( var(--window-width) / 6);
    height: var(--window-height);
    padding: 24px 16px 16px;
    background: var(--theme-blue);
    transition: all 100ms ease-in-out;
}

:root[data-nav-state="true"] .school-template .theme-header .flyout-nav :root[data-login-nav-state="true"] .school-template .theme-header .flyout-login {
    box-shadow: 0 0 16px 0 hsla( 0, 0%, 0%, 0.66667 );
}

@media (max-width: 1600px) {
    .school-template .theme-header .flyout-nav,
    .school-template .theme-header .flyout-login {
        width: calc( var(--window-width) / 4);
    }
}

@media (max-width: 1024px) {
    .school-template .theme-header .flyout-nav,
    .school-template .theme-header .flyout-login {
        width: calc( var(--window-width) / 3);
    }
}

@media (max-width: 768px) {
    .school-template .theme-header .flyout-nav,
    .school-template .theme-header .flyout-login {
        width: calc( var(--window-width) * 0.75 );
    }
}

@media (max-width: 575.98px) {
    .school-template .theme-header .flyout-nav,
    .school-template .theme-header .flyout-login {
        width: var(--window-width);
        padding: 3rem;
    }
}

:root[data-nav-state="true"] .school-template .theme-header .flyout-nav,
:root[data-login-nav-state="true"] .school-template .theme-header .flyout-login {
    transform: translateX(-100%);
    z-index: 1001;
}

.school-template .theme-header ul.navigation {
    margin: 0;
    padding: 32px 0 0;
    list-style: none;
}

@media (hover: hover) {
    .school-template .theme-header ul.navigation li.nav-item > a:hover {
        color: var(--theme-light-blue);
    }
}

.school-template .theme-header ul.navigation li {
    position: relative;
}

    .school-template .theme-header ul.navigation li.hasSubNav div.subNavToggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        z-index: 101;
        cursor: pointer;
    }

        .school-template .theme-header ul.navigation li.hasSubNav div.subNavToggle i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate( -50%, -50% );
            transition: opacity 100ms linear;
            pointer-events: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .school-template .theme-header ul.navigation li.hasSubNav div.subNavToggle i.expand-nav {
                opacity: 1;
            }

            .school-template .theme-header ul.navigation li.hasSubNav div.subNavToggle i.collapse-nav {
                opacity: 0;
            }

    .school-template .theme-header ul.navigation li.hasSubNav.open div.subNavToggle i.expand-nav {
        opacity: 0;
    }

    .school-template .theme-header ul.navigation li.hasSubNav.open div.subNavToggle i.collapse-nav {
        opacity: 1;
    }

.school-template .theme-header ul.navigation ul.sub-navigation {
    max-height: 0;
    margin: 0;
    border-top: 1px solid transparent;
    padding: 0 16px;
    list-style: none;
    overflow: hidden;
    transition: all 200ms linear;
    will-change: max-height, border-top-color;
}

.school-template .theme-header ul.navigation li.hasSubNav.open ul.sub-navigation {
    max-height: var(--window-height);
    border-top: 1px solid hsla( 0, 100%, 100%, 0.33334 );
}

.school-template .theme-header ul.navigation ul.sub-navigation li:not(:last-of-type) {
    border-bottom-color: hsla( 0, 100%, 100%, 0.2 );
}

.school-template .theme-header ul.navigation ul.sub-navigation li a {
    opacity: 0.7;
}

@media (hover: hover) {
    .school-template .theme-header ul.navigation ul.sub-navigation li:hover a {
        opacity: 1.0;
    }
}


/* 
* School Template Login
*/
.login-container {
    margin: 32px 0;
    border-top: 1px solid hsla( 0, 100%, 100%, 0.5 );
    border-bottom: 1px solid hsla( 0, 100%, 100%, 0.5 );
    padding: 32px 0;
}

.login-form input:not([type="submit"]) {
    margin-bottom: 12px;
    border: none;
    border-bottom: 2px solid var(--theme-light-blue);
    border-radius: 2px;
    padding: 2px 8px;
    background-color: hsla( 0, 100%, 100%, 0.1 );
    color: white;
    outline: none;
    transition: all 200ms ease;
}

.login-form input:active,
.login-form input:focus {
    border-bottom-color: var(--theme-orange);
}

.login-form input::placeholder {
    color: var(--theme-light-blue);
}

.login-form button[type="submit"],
.login-form input[type="submit"] {
    display: table;
    border: none;
    border-radius: 2px;
    padding: 2px 8px;
    background-color: #0e4981 !important;
    color: white;
    cursor: pointer;
    transition: all 200ms ease;
}

.login-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 24px 0 0;
    list-style: none;
}

    .login-links li a {
        color: white;
    }

@media (hover: hover) {
    .login-form button:hover {
        background-color: var(--theme-orange);
    }

    .login-links li a:hover {
        color: var(--theme-orange);
    }
}


.scrollToTop {
    position: fixed;
    right: 8px;
    bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border: 2px solid white;
    border-radius: 100%;
    opacity: 0.5;
    transition: all 200ms ease;
}

    .scrollToTop.dark {
        border: 2px solid #424242;
    }

    .scrollToTop,
    .scrollToTop:hover,
    .scrollToTop:active,
    .scrollToTop:link {
        text-decoration: none;
    }

        .scrollToTop i {
            color: white;
            transition: all 200ms ease;
        }

        .scrollToTop.dark i {
            color: #424242;
        }

@media (hover: hover) {
    .scrollToTop:hover {
        opacity: 1;
    }
}



/*
* Theme Button
*/
.theme-button {
    display: table;
    min-width: 230px;
    border: none;
    border-radius: 2px;
    padding: 16px 64px;
    background-color: #0e4981 !important;
    color: white;
    outline: none;
    cursor: pointer;
    transition: all 200ms ease;
}

@media (max-width: 768px) {
    .theme-button {
        width: 100%;
        min-width: initial;
        padding: 16px 32px;
    }
}

.theme-button *,
.theme-button:link,
.theme-button:visited {
    color: white;
    text-decoration: none;
}

.theme-button.center {
    margin: 0 auto;
}

.theme-button.right {
    margin: 0 0 0 auto;
}

.theme-button.teal {
    background-color: var(--theme-teal);
}

.theme-button.orange {
    background-color: var(--theme-orange);
}

.theme-button.gray {
    background-color: var(--theme-blue-gray);
}


@media (hover: hover) {
    .theme-button:hover {
        background-color: var(--theme-orange);
    }

        .theme-button:hover * {
            text-decoration: none !important;
        }

    .school-template .theme-button:hover {
        background-color: var(--theme-orange);
        outline: none;
    }

    .theme-button:active,
    .theme-button:focus {
        outline: none;
    }
}


/* 
* School Alert
*/
.school-alert[data-visible="true"] {
    background-color: hsla(0, 100%, 100%, 0.0 );
}

.school-alert[data-visible="false"] {
    display: none;
}

.school-alert div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: white;
}

    .school-alert div i.material-icons {
        color: white;
    }

    .school-alert div span {
        padding-left: 8px;
        color: white;
    }



/* 
* Linked Figure
*/
.linked-figure {
    display: table;
    margin: 0 auto;
    transition: all 333ms ease-in-out;
}

a.linked-figure,
a.linked-figure:hover,
a.linked-figure:active,
a.linked-figure:focus,
a.linked-figure:visited {
    text-decoration: none;
}

.linked-figure figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    transition: inherit;
}

    .linked-figure figure figcaption {
        text-align: center;
        transition: inherit;
    }

.linked-figure .figure-icon {
    max-width: 100%;
    margin-bottom: 16px;
    transition: inherit;
}

.linked-figure .description {
    display: table;
    max-width: 200px;
    margin-bottom: 16px;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.1;
    color: white;
    text-decoration: none;
    opacity: 0.8;
    transition: inherit;
}

@media (max-width: 575.98px) {
    .linked-figure .figure-icon {
        max-width: 40%;
        margin-bottom: 8px;
    }

    .linked-figure .description {
        font-size: 2.1rem;
    }

    .linked-figure .down-arrow {
        display: none;
    }
}

@media (max-width: 375.98px) {
    .linked-figure .description {
        font-size: 1.9rem;
    }
}

.linked-figure .down-arrow {
    width: 24px;
    height: auto;
    opacity: 0.5;
    transition: inherit;
}

@media (hover: hover) {
    .linked-figure:hover {
        text-decoration: none;
    }

        .linked-figure:hover .figure-icon {
            opacity: 0.80;
            transform: translateY(-8px);
        }

        .linked-figure:hover .description {
            opacity: 1.0;
        }

        .linked-figure:hover .down-arrow {
            opacity: 1;
            transform: translateY(8px);
        }
}


section#step-info {
    padding: 0 0 80px;
    background: white;
}

/*
* General Content
*/
@media (max-width: 1024px) {
    .school-template .content-layer .content {
        padding: 32px 0;
    }
}


/*
* Main Header Content
*/
.school-template main.content header .content-layer {
    padding-top: var(--header-height);
}


/* 
* School Alert
*/
.school-template .school-alert[data-visible="true"] {
    background-color: hsla(0, 100%, 100%, 0.0 );
}

.school-template .school-alert[data-visible="false"] {
    display: none;
}

.school-template .school-alert div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: white;
}

    .school-template .school-alert div i.material-icons {
        color: white;
    }

    .school-template .school-alert div span {
        padding-left: 8px;
        color: white;
    }


/*
* Widget
*/
.widget-container {
    margin: 32px 0 0;
    border-top: 1px solid var(--theme-blue);
    border-bottom: none;
    padding: 32px 0 0;
}

/*
* Expandable Welcome Section
*/
.triggerExpantion {
    margin: 0;
    border: none;
    padding: 0;
    background: none;
    font-size: 8rem;
    line-height: 0;
    color: white;
    cursor: pointer;
    transition: all 200ms ease;
}

    .triggerExpantion, .triggerExpantion:focus, .triggerExpantion:active {
        outline: none;
    }

@media (hover: hover) {
    .triggerExpantion:hover {
        transform: translate3d( 0, 2px, 0 );
    }
}

.triggerExpantion i {
    font-size: inherit;
}

.expandableContent {
    padding: 16px 0;
    line-height: 1;
    overflow: hidden;
}


/* 
* Main Content
*/
main.content {
    background: white;
}


/* 
* Progress Bar
*/
figure.chp-progress-bar {
    width: 100%;
    margin: 16px 96px;
    padding: 100px 0;
    background: white;
}

@media (max-width: 768px) {
    figure.chp-progress-bar {
        width: 100%;
        margin: 0px 32px;
        padding: 42px 0 64px;
    }
}

figure.chp-progress-bar .bar {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    background: #ddd;
}

    figure.chp-progress-bar .bar .progress-color-overlay {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        background: var(--theme-blue);
        z-index: 100;
    }

    figure.chp-progress-bar .bar .step {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        transform: translate3d( -50%,-50%, 0 );
        border: 6px solid transparent;
        border-radius: 100px;
        background: #ddd;
        background-clip: content-box;
        z-index: 200;
    }

        figure.chp-progress-bar .bar .step.complete,
        figure.chp-progress-bar .bar .step.current {
            border-color: white;
            box-shadow: 0 0 24px 4px rgba( 0, 0, 0, 0.16 );
        }

        figure.chp-progress-bar .bar .step.complete {
            background: var(--theme-blue);
        }

        figure.chp-progress-bar .bar .step.current {
            background: var(--theme-orange);
        }

        figure.chp-progress-bar .bar .step label {
            position: absolute;
            top: calc( 100% + 24px );
            left: 50%;
            transform: translateX(-50%);
            font-family: 'Oswald', sans-serif;
            text-align: center;
            text-transform: uppercase;
            color: #aaa;
            line-height: 1;
        }

        figure.chp-progress-bar .bar .step.current label {
            color: #666;
        }

@media (max-width: 768px) {
    figure.chp-progress-bar .bar .step:not(.current) {
        width: 16px;
        height: 16px;
        border: 2px solid transparent;
    }

        figure.chp-progress-bar .bar .step:not(.current) label {
            display: none;
        }
}


/*
* Enroll or waive
*/
#enroll-or-waive {
    transition: all 666ms ease-in-out;
    overflow: hidden;
}

@media ( min-width: 1024px ) {
    #enroll-or-waive .col-md-4:not(:last-of-type) {
        border-right: 1px solid var(--theme-blue-gray);
    }
}

.panel {
    padding: 4rem;
}

    .panel header * {
        color: var(--theme-blue);
        text-align: center;
    }

    .panel .login-links a {
        color: var(--theme-blue);
    }

    .panel .login-form input:not([type="submit"]) {
        display: table;
        margin-bottom: 12px;
        border: none;
        border-bottom: 2px solid var(--theme-blue);
        border-radius: 2px;
        padding: 2px 8px;
        background-color: hsla( 0, 0%, 0%, 0.04 );
        color: var(--theme-light-blue);
        outline: none;
        transition: all 200ms ease;
    }

        .panel .login-form input:not([type="submit"]):active,
        .panel .login-form input:not([type="submit"]):focus {
            border-bottom-color: var(--theme-orange);
        }

    .panel .link-list li {
        padding: 4px 0 6px;
    }

        .panel .link-list li:not(:last-of-type) {
            border-bottom-color: var(--theme-blue-gray);
        }

        .panel .link-list li i,
        .panel .link-list li span {
            color: var(--theme-blue);
        }


/* 
* Form Navigation Footer
*/
.theme-footer {
    /* position: absolute;  */
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 30px;
    background-color: var(--theme-blue);
}


/* 
* Footer
*/
.school-template .theme-footer {
    position: relative;
}

    .school-template .theme-footer .background {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--theme-blue);
    }

    .school-template .theme-footer .content {
        position: relative;
        z-index: 1;
        color: white;
        padding: 16px;
    }

        .school-template .theme-footer .content h3 {
            margin-bottom: 8px;
            font-size: 18px;
            text-align: center;
        }

    .school-template .theme-footer .contact-info address {
        margin: 0;
    }

@media (max-width: 768px) {
    .school-template .theme-footer {
        padding: 24px 0;
    }

        .school-template .theme-footer .contact-info address {
            display: flex;
            justify-content: center;
        }
}

.school-template .theme-footer .meta-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
}

    .school-template .theme-footer .meta-info.inline {
        display: inline-flex;
    }

.school-template .theme-footer ul.meta-info.inline li:not(:last-of-type) {
    border-right: 1px solid hsla( 0, 100%, 100%, 0.5 );
}

.school-template .theme-footer ul.meta-info li {
    display: flex;
    margin: 0;
    padding: 0 8px;
    color: white;
    opacity: 0.8;
}

.school-template .theme-footer .meta-info a {
    opacity: 0.9;
    transform: translate3d(0,0,0);
    transition: all 200ms ease;
}

.school-template .theme-footer ul.meta-info li a,
.school-template .theme-footer .meta-info a {
    display: inline-block;
    margin: 0 6px;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
}

.school-template .theme-footer ul.meta-info li img {
    width: auto;
    height: 4rem;
}

@media (hover: hover) {
    .school-template .theme-footer ul.meta-info li:hover a,
    .school-template .theme-footer .meta-info a:hover {
        opacity: 1.0;
        transform: translate3d( 2px, 0, 0 );
    }

    .school-template .theme-footer :not(ul).meta-info a:hover {
        opacity: 1.0;
    }
}

@media (max-width: 1024px) {
    .school-template .theme-footer .meta-info {
        font-size: 12px;
    }

    .school-template .theme-footer ul.meta-info li {
        padding: 0 4px;
    }

        .school-template .theme-footer ul.meta-info li img {
            width: auto;
            height: 32px;
        }
}






/*
* Autofill Detection Hack
*/
@keyframes onAutoFillStart {
    from { /**/
    }

    to { /**/
    }
}

@keyframes onAutoFillCancel {
    from { /**/
    }

    to { /**/
    }
}

input:-webkit-autofill {
    /*Expose a hook for JavaScript when autofill is shown
    JavaScript can capture 'animationstart' events*/
    animation-name: onAutoFillStart;
    /*Make the background color become yellow really slowly*/
    transition: background-color 50000s ease-in-out 0s;
}

input:not(:-webkit-autofill) {
    /*Expose a hook for JS onAutoFillCancel
    JavaScript can capture 'animationstart' events*/
    animation-name: onAutoFillCancel;
}


/*
* CHP Form Components
*/
.chp-form {
    color: #424242;
}

@media (max-width: 640px) {
    .chp-form {
        margin: 32px 0;
    }
}

.chp-form-component,
.chp-form-component * {
    color: inherit;
}

.chp-form-component {
    position: relative;
    margin-bottom: 24px;
    transition: all 200ms 0ms ease;
}

    .chp-form-component * {
        transition: inherit;
    }

    .chp-form-component.disabled {
        opacity: 0.66667;
        pointer-events: none;
    }

    .chp-form-component label {
        display: flex;
        align-items: center;
        margin: 0;
    }

    .chp-form-component abbr {
        color: var(--theme-orange);
        text-decoration: none;
    }

    .chp-form-component:not(.inline-label) label {
        position: absolute;
        display: block;
        top: 50%;
        left: 0;
        transform: translate3d(0,-50%,0);
        z-index: 1001;
        pointer-events: none;
    }

    .chp-form-component:not(.inline-label).filled label {
        top: 0;
        opacity: 0.75 !important;
        transform: translate3d(0,0%,0);
    }

    .chp-form-component.inline-label label * {
        margin: 0 8px;
    }

@media (max-width: 640px) {
    .chp-form-component.inline-label label * {
        margin: 0;
    }
}

.chp-form-component:not(.inline-label) label span {
    display: inline-block;
    padding: 0 0 4px 8px;
}

.chp-form .has-hover {
    display: table;
    padding: 8px 0;
    text-decoration: none;
    transform: translate3d(0,0,0);
    opacity: 0.8;
    transition: all 200ms ease-in-out;
}

@media (hover: hover) {
    .chp-form .has-hover:hover {
        color: var(--theme-orange);
        opacity: 1.0;
        transform: translateX(4px);
    }
}

hr.chp-form-component {
    margin-top: 0;
}

.chp-form-component i {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8px;
    color: var(--theme-light-blue);
}

.chp-form-component ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chp-form-component.list.basic ul {
    margin: 0;
    padding: 0 0 0 8px;
    list-style: none;
}

.chp-form-component.list.bullet ul {
    padding: 0 0 0 24px;
    list-style: circle;
}


.chp-form-component.heading h1,
.chp-form-component.heading h2,
.chp-form-component.heading h3 {
    margin: 0 0 16px 0;
    line-height: 1;
}


.chp-form-component.link {
    display: flex;
}

.chp-form-component.note {
    padding: 0 8px;
    opacity: 0.75;
}


.chp-form-component.floating-label input:not([type="submit"]):not([type="button"]),
.chp-form-component.floating-label textarea {
    min-width: 100%;
}

.chp-form-component:not(.inline-label) input:not([type="submit"]):not([type="button"]),
.chp-form-component textarea,
.chp-form-component.date input[type="date"] {
    margin: 0;
    border: none;
    border-bottom: 2px solid var(--theme-light-blue);
    border-radius: 2px;
    padding: 2.25rem 8px 4px;
    background-color: hsla( 0, 0%, 0%, 0.05 );
    outline: none;
    transition: all 200ms ease;
}

.chp-form-component.inline-label textarea {
    padding: 4px 8px !important;
}

.chp-form-component input:not([type="submit"]):active,
.chp-form-component input:not([type="submit"]):focus,
.chp-form-component textarea:active,
.chp-form-component textarea:focus {
    border-bottom-color: var(--theme-orange) !important;
}

.chp-form-component input::placeholder {
    color: var(--theme-light-blue);
}

.chp-form-component button[type="submit"],
.chp-form-component input[type="submit"] {
    display: table;
    border: none;
    border-radius: 2px;
    padding: 2px 8px;
    background-color: #0e4981 !important;
    color: white;
    cursor: pointer;
    transition: all 200ms ease;
}

@media (hover: hover) {
    .chp-form-component button:hover {
        background-color: var(--theme-orange);
    }
}


.chp-form-component.radio fieldset legend {
    font-size: inherit;
}

.chp-form-component.radio.inline-radio fieldset ul li {
    display: inline-block;
}

.chp-form-component.radio label {
    display: block;
    position: relative;
    margin-bottom: 16px;
    padding-left: 32px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chp-form-component.radio.inline-radio label {
    margin-bottom: 0;
}

.chp-form-component.radio label input {
    position: absolute;
    opacity: 0;
}

.chp-form-component.radio label .radio-button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: hsla(0,0%,0%,0.1);
    border-radius: 50%;
}

.chp-form-component.radio label input:checked ~ .radio-button {
    background-color: var(--theme-light-blue);
}

.chp-form-component.radio label:hover input ~ .radio-button:after {
    border-color: var(--theme-orange);
    opacity: 1;
}

.chp-form-component.radio label .radio-button:after {
    content: "";
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #424242;
    border-radius: 50%;
    background: transparent;
    opacity: 0.33334;
    transition: all 200ms ease, width 300ms ease, height 300ms ease;
}

.chp-form-component.radio label input:checked ~ .radio-button:after {
    display: block;
    width: 0%;
    height: 0%;
    border-width: 4px;
    border-color: white;
    opacity: 1;
}


.chp-form-component.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .chp-form-component.checkbox label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border-radius: 2px;
    background-color: hsla(0,0%,0%,0.1);
}

.chp-form-component.checkbox label:hover .checkmark {
    background-color: var(--theme-orange);
}

.chp-form-component.checkbox label input:checked ~ .checkmark {
    background-color: var(--theme-light-blue);
}

.checkmark i {
    display: none;
}

.chp-form-component.checkbox label .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 2px solid #424242;
    border-radius: 2px;
    padding: 0;
    transform: translate3d(-50%,-50%,0);
    opacity: 0.33334;
    transition: all 200ms ease;
}

.chp-form-component.checkbox label input:checked ~ .checkmark:after {
    width: 40%;
    height: 70%;
    border-width: 3px;
    border-color: white;
    border-top-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    transform: translate3d(-50%,-50%,0) rotate(45deg);
    opacity: 1;
}



.chp-form-component.select .chp-custom-select {
    position: relative;
}

    .chp-form-component.select .chp-custom-select:before {
        content: '';
        position: absolute;
        width: 30px;
        top: 0;
        right: 0;
        bottom: 2px;
        border-radius: 2px;
        background: var(--theme-light-blue);
        pointer-events: none;
        transition: all 200ms ease;
    }

    .chp-form-component.select .chp-custom-select:after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: white transparent transparent transparent;
        pointer-events: none;
    }

    .chp-form-component.select .chp-custom-select:hover:before {
        background: var(--theme-orange);
    }

.chp-form-component.select select {
    border: none;
    border-bottom: 2px solid var(--theme-light-blue);
    box-shadow: none;
    border-radius: 2px;
    background: hsla(0,0%,0%,0.05);
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    padding: 0 35px 0 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 200ms ease;
}

    .chp-form-component.select select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    .chp-form-component.select select::-ms-expand {
        display: none;
    }

    .chp-form-component.select select:focus {
        border-bottom-color: var(--theme-orange);
    }


.chp-form-component.date input[type="date"] {
    padding: 4px 0 4px 8px;
    background: hsla(0,0%,0%,0.05) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAXElEQVR4AWOAAyUojUfEiOE/gzE+EU6GVQwXGP4D8QEEhIqsAsqCQQ6QixvmQBQ14FXUQKIiHIBURaOK6oDMPAYHLDAPKFMHUWTO8AdnpPwBykKBLlQnJtQFSQMAFRZt19ABJbUAAAAASUVORK5CYII=) 97% 50% no-repeat;
    cursor: pointer;
}

    .chp-form-component.date input[type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    .chp-form-component.date input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
    }



.chp-form-component.file .custom-upload {
    position: relative;
    overflow: hidden;
}

    .chp-form-component.file .custom-upload span {
        display: flex;
        color: white;
    }

        .chp-form-component.file .custom-upload span i {
            color: white;
        }

    .chp-form-component.file .custom-upload input[type="file"] {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        z-index: 1001;
        opacity: 0;
        cursor: pointer;
        overflow: hidden;
    }



.chp-form-component.button input[type="button"],
.chp-form-component.submit input[type="submit"] {
    display: table;
    min-width: 230px;
    border: none;
    border-radius: 2px;
    padding: 16px 64px;
    background-color: #0e4981 !important;
    color: white;
    cursor: pointer;
    transition: all 200ms ease;
}

.chp-form-component.button.center input[type="button"],
.chp-form-component.submit.center input[type="submit"] {
    margin: 0 auto;
}

@media (max-width: 768px) {
    .chp-form-component.button input[type="button"],
    .chp-form-component.submit input[type="submit"] {
        width: 100%;
        min-width: initial;
        padding: 16px 32px;
    }
}

.chp-form-component.button input[type="button"] *,
.chp-form-component.button input[type="button"]:link,
.chp-form-component.button input[type="button"]:visited,
.chp-form-component.submit input[type="submit"] *,
.chp-form-component.submit input[type="submit"]:link,
.chp-form-component.submit input[type="submit"]:visited {
    color: white;
    text-decoration: none;
}

.chp-form-component.button input[type="button"].center,
.chp-form-component.submit input[type="submit"].center {
    margin: 0 auto;
}

.chp-form-component.button input[type="button"].right,
.chp-form-component.submit input[type="submit"].right {
    margin: 0 0 0 auto;
}

.chp-form-component.button input[type="button"].teal,
.chp-form-component.submit input[type="submit"].teal {
    background-color: var(--theme-teal);
}

@media (hover: hover) {
    .chp-form-component.button input[type="button"]:hover,
    .chp-form-component.submit input[type="submit"]:hover {
        background-color: var(--theme-orange);
    }

        .chp-form-component.button input[type="button"]:hover *,
        .chp-form-component.button input[type="sumbit"]:hover * {
            text-decoration: none !important;
        }
}



/*
* CHP Info Table
*/
.chp-info-table {
    margin-bottom: 32px;
    border-radius: 2px;
    overflow: hidden;
}

    .chp-info-table .label,
    .chp-info-table .data {
        padding: 1em;
    }

    .chp-info-table .label {
        background-color: var(--theme-light-blue);
        font-weight: 500;
        color: white;
        letter-spacing: 1px;
        text-align: right;
    }

    .chp-info-table .row:not(:last-of-type) .label {
        border-bottom: 2px solid #eee;
    }

    .chp-info-table .data {
        background-color: hsla(0,0%,0%,0.05);
    }

    .chp-info-table .row:not(:last-of-type) .data {
        border-bottom: 2px solid #ddd;
    }

/*============== MY CSS BEGINS FROM HERE ============*/

/* I have also made some few changes in the css above. Thanks.*/

/*==========================================================*/

.theme-white-navbar {
    background: #ffffff !important;
    box-shadow: 2px -8px 6px 7px #a7aaab;
    position: fixed !important;
}

.cph-plan-row-wrapper {
    margin-bottom: 28px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(33,37,41,.15) !important;
    border-radius: 6px;
}

.chp-font-weight-700 {
    font-weight: 700;
}

.chp-plan-date p {
    font-size: 15px;
}

.chp-info-table .label {
    border-radius: 6px 0 0 6px;
}

.margin-l-20 {
    margin-left: 20px;
}

.margin-r-20 {
    margin-right: 20px;
}

.chp-plan-date p {
    margin-top: 10px;
    margin-bottom: 0px;
}

    .chp-plan-date p i {
        font-size: 17px;
        vertical-align: middle;
        margin-top: -3px;
    }

.chp-mrgin-1rem {
    margin-top: 1.4rem !important;
    margin-bottom: 1rem !important;
}


.chp-view-benefit-link {
    color: #333;
    font-size: 15px;
    font-weight: normal;
}

    .chp-view-benefit-link:hover {
        color: var(--theme-light-blue);
        text-decoration: underline;
    }

    .chp-view-benefit-link i {
        font-size: 17px;
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 5px;
    }

.plan-cost {
    color: #000;
}

.chp-plan-name {
    font-size: 19px;
}

.nav-link {
    color: #000 !important;
    margin: 0 20px;
}

    .nav-link i {
        vertical-align: bottom;
        margin-right: 4px;
    }

.custom-toggler.navbar-toggler {
    border: 2px solid var(--theme-light-blue);
    border-radius: 5px;
    outline: none;
}

.custom-toggler .navbar-toggler-icon {
    width: 39px !important;
    height: 34px;
    color: var(--theme-light-blue);
}

.nav-link {
    display: block;
    padding: 20px;
    font-size: 17px;
    text-align: center;
}

    .nav-link:hover {
        color: var(--theme-light-blue) !important;
    }

.navbar-toggler-icon:hover {
    color: #ffffff !important;
}

.navbar-toggler-icon i {
    font-size: 37px;
    margin: -2px;
}


.custom-toggler span {
    border-color: #ffffff !important;
    outline: none;
}

.custom-toggler:hover {
    border-color: var(--theme-light-blue);
    background-color: var(--theme-light-blue);
    color: #ffffff !important;
}

.chp-my-id-button, .chp-my-id-button:focus {
    border: 2px solid var(--theme-light-blue);
    padding: 6px 20px !important;
    margin-top: 12px;
    border-radius: 6px;
    text-align: center;
    color: var(--theme-light-blue) !important;
    margin-right: 0px;
}

    .chp-my-id-button:hover {
        color: #ffffff !important;
        background: var(--theme-light-blue);
    }

.heading h2 {
    color: #000;
}

.margin-t-30 {
    margin-top: 50px !important;
}

.margin-t-10 {
    margin-top: 10px !important;
}

.margin-t-20 {
    margin-top: 20px !important;
}

.margin-t-90 {
    margin-top: 80px;
}

.margin-t-90 {
    margin-top: 90px;
}

.margin-b-0 {
    margin-bottom: 0px !important;
}

.mr-30 {
    margin-right: 30px;
}

.margin-t-24 {
    margin-top: 24px;
}

.chp-waive-item-wrapper, .chp-enroll-item-wrapper {
    padding: 3px 20px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(33,37,41,.15) !important;
    border-radius: 6px;
    margin-bottom: 30px;
    background: #ffffff;
}

.tally-header {
    padding-top: 29px;
}

    .tally-header span {
        color: #333 !important;
    }

.chp-page-main-container {
    padding: 0px;
}


.chp-form-component.note p {
    font-size: 16px;
}

.chp-enroll-inner-item-wrap {
    padding: 20px 5px;
}

    .chp-enroll-inner-item-wrap h2 {
        color: #333;
        margin-bottom: 13px;
        font-size: 19px;
    }

    .chp-enroll-inner-item-wrap p {
        font-size: 16px;
        color: #666;
        line-height: 27px;
    }

    .chp-enroll-inner-item-wrap img {
        width: 77px;
    }

.enroll-waive-icon {
    width: 77px;
}

.chp-enroll-btn {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    padding: 13px 20px !important;
    border-radius: 6px !important;
    outline: none !important;
}

.theme-white-navbar-unfixed {
    background: #ffffff !important;
    box-shadow: 2px -8px 6px 7px #a7aaab;
}

.chp-section-seperator {
    border-top: 1px solid #e8e8e8;
    margin-top: 36px;
    padding-top: 18px;
}

.masthead-page {
    padding: 1rem 0 4rem;
}

.masthead {
    padding: 3rem 0 7rem;
    position: relative;
    background-color: #ffb800;
    background-image: url(/assets/img/overlay.svg),linear-gradient(45deg,#ffb800 0%,#e6a600 100%);
    background-size: cover;
    z-index: 0;
}

    .masthead svg.wave {
        position: absolute;
        bottom: -1px;
        left: 0;
    }

.foot-item-wrap {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .foot-item-wrap h2 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .foot-item-wrap h4 {
        color: #ffffff;
        margin-bottom: 14px;
    }

    .foot-item-wrap ul.legal-navs, .foot-item-wrap ul.company-info, .foot-item-wrap ul.social-navs {
        padding-left: 0px;
    }

        .foot-item-wrap ul.legal-navs li, .foot-item-wrap ul.company-info li, .foot-item-wrap ul.social-navs li {
            list-style: none;
            display: block;
            font-size: 15px;
            margin-bottom: 15px;
        }

    .foot-item-wrap .legal-navs li a, .foot-item-wrap .social-navs li a {
        color: #ffffff !important;
        text-decoration: none;
    }

        .foot-item-wrap .legal-navs li a:hover, .foot-item-wrap .social-navs li a:hover {
            text-decoration: underline;
        }

    .foot-item-wrap ul.company-info li span {
        color: #ffffff !important;
        font-size: 15px;
    }

    .foot-item-wrap img.app-store-btn {
        width: 172px;
        margin-right: 10px;
        box-shadow: 0 .15rem .7rem 0 rgba(33,37,41,.15) !important;
    }

    .foot-item-wrap img.play-store-btn {
        width: 172px;
    }

    .foot-item-wrap img.wellfleet-logo-white {
        width: 211px;
        margin-bottom: 30px;
    }

.footer-t-padding-70 {
    padding-top: 70px;
}

.chp-form-component.heading p.sect-subtext {
    font-size: 13px;
    font-weight: 400;
}

p.com-meta-info {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 30px;
}

    p.com-meta-info a {
        color: #02080E !important;
        text-decoration: none;
        background: #0cabd5;
        padding: 0px 9px;
        border-radius: 5px;
        display: inline-block;
    }

.copyright-info {
    border-top: 1px solid #03325f;
    padding: 20px;
}

    .copyright-info .copyright-text span, .copyright-info .copyright-text a {
        font-size: 12px;
        color: #ffffff;
    }

.account-content-wrapper {
    background: #ffffff;
    /*box-shadow: 0 .15rem .7rem 0 rgba(33,37,41,.15)!important;*/
    box-shadow: 0 6px 6px rgba(0,0,0,.1) !important;
    border-radius: 6px;
    margin-top: 30px;
    margin-bottom: 80px;
}

.account-header-text h2 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px;
    color: #000;
}

.rest-instruction {
    color: #333 !important;
    font-size: 16px;
    margin-top: 20px;
}

.alert-inner-wrapper {
    margin: 10px;
}

    .alert-inner-wrapper p {
        font-size: 14px;
    }


.alert-info {
    border-color: #47a8c1 !important;
    box-shadow: 0 .15rem .7rem 0 rgba(33,37,41,.15) !important;
    margin-bottom: 0px;
}

.close {
    font-size: 2rem;
    outline: none !important;
}

.link-list li a {
    font-size: 16px !important;
}

    .link-list li a:hover {
        color: var(--theme-light-blue);
    }

.h-row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    width: 100%;
}

/* overlay styles, all needed */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

h1 {
    font-family: 'Federo', sans-serif;
}


@media (max-width: 768px) {
    .chp-info-table .label {
        border-radius: 6px 6px 0 0;
    }

    .chp-font-weight-700 {
        font-weight: 700;
    }

    .chp-plan-name {
        font-size: 19px;
    }

    .chp-info-table .data-mobile {
        padding: 8px 16px !important;
    }

    .plan-cost {
        font-size: 17px !important;
        color: #000;
    }

    .checkbox {
        margin-bottom: 30px !important;
    }

    .theme-button, .theme-button.teal {
        margin-bottom: 20px !important;
    }

    .nav-button {
        margin-top: 9px;
    }

    .navbar-nav {
        border-top: 1px solid #fff;
    }


    .chp-my-id-button {
        margin-bottom: 30px;
    }

    .tally-header {
        padding-top: 18px;
        padding-bottom: 15px;
        border-top: 1px solid #e8e8e8;
    }

        .tally-header span {
            font-weight: 500;
        }

    .nav-link {
        color: #000;
        padding: 10px !important;
    }

    .heading h2 {
        font-size: 24px !important;
    }

    .chp-waive-item-wrapper, .chp-enroll-item-wrapper {
        padding: 20px;
    }

    .chp-enroll-inner-item-wrap {
        text-align: center !important;
        padding: 10px;
    }

        .chp-enroll-inner-item-wrap img {
            width: 20%;
            margin: 2px auto;
        }

    .chp-form-component.heading h1 {
        font-size: 33px;
    }

    .margin-t-10 {
        margin-top: 0px !important;
    }

    .chp-my-id-button, .chp-my-id-button:focus {
        margin: 20px;
    }

    .foot-item-wrap, .p.com-meta-info, .copyright-info .copyright-text span, .copyright-info .copyright-text a {
        text-align: center !important;
    }

    .media {
        display: block !important;
    }

    .my-account-btn, .my-account-btn {
        display: block;
        border: 2px solid #0cabd5;
        text-align: center;
        border-radius: 5px;
        margin: 20px 0;
    }

        .my-account-btn:hover {
            background: var(--theme-light-blue);
            color: #ffffff !important;
        }

    .link-list li a {
        text-align: center;
        display: block !important;
    }
}

/*Provider*/
.signup-instructions, .sigin-instructions {
    font-size: 16px;
    color: #000 !important;
}

.InlineBlock-2 {
    display: inline-block;
}

.margin-top-128px {
    margin-top: 128px;
}

.PageSubHeaderText {
    color: black;
}

.divcentered {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.birthday {
    display: inline;
    width: 70px;
    padding: 3px 2px 3px 2px;
}

.birthmonth {
    display: inline;
    width: 100px;
    padding: 3px 2px 3px 0px;
}

.birthyear {
    display: inline;
    width: 90px;
    padding: 3px 2px 3px 2px;
}

.birthdaydiv {
    display: inline;
    width: 10px;
}

.pagetitle-blue {
    color: var(--theme-blue);
}

.pagetitle-orange {
    color: var(--theme-orange);
}

.pagetitle-teal {
    color: var(--theme-teal);
}

/* bootstrap enhancement */
/* Popover Header */
.popover {
    font-size: 13px !important;
}

    .popover .popover-header {
        font-size: 13px !important;
        font-weight: bold;
        color: var(--theme-blue);
        text-align: center;
    }
    /* Popover Body */
    .popover .popover-body {
        font-size: 13px !important;
        background-color: var(--theme-orange);
        color: white;
    }

    .popover .arrow::after {
        border-top-color: var(--theme-orange);
    }

    .popover.top .arrow::before {
        border-top-color: var(--theme-orange);
    }

    .popover.top .arrow::after {
        border-top-color: var(--theme-orange);
    }

    .popover .arrow::before {
        border-top-color: var(--theme-orange);
    }

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -180px;
}

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

    .footer-fixed, .page-wrap:after {
        height: 180px;
    }


.text-chp {
    color: rgb(39, 81, 127) !important;
}

/*upload page*/
.card-body .btn {
    font-size: 1.5rem;
}




/*new login css here */

.login-box-main-wrapper {
    min-height: 400px;
    width: 100%;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
    margin-top: 50px;
    margin-bottom: 100px;
}

.form-col-wrap {
    padding: 35px 0px 35px 35px;
}


.login-header h1.hd-text {
    font-weight: bold;
    color: #000 !important;
    font-size: 4rem;
}

.forget-password-header h2.hd-text {
    font-weight: bold;
    color: #000 !important;
}

.rx-login-btn-wrap {
    padding-top: 20px;
    margin-top: 60px;
}

.login-area-separator {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
}

.rx-login-btn-wrap p {
    color: #000;
    margin-bottom: 15px;
}

.rx-login-btn, .rx-login-btn:focus {
    border: 1px solid rgb(0, 97, 213);
    padding: 15px 10px;
    text-align: center;
    color: #000;
    display: block;
    text-decoration: none;
    margin: 15px 0;
}

    .rx-login-btn:hover {
        background: rgb(0, 97, 213);
        border: 1px solid rgb(0, 97, 213);
        color: #ffffff !important;
        text-decoration: none;
    }

.min-width-for-btn {
    min-width: 213px !important;
}

.art-work-wrapper {
    position: relative;
}

    .art-work-wrapper img {
        max-width: 100%;
        width: 100%;
    }


.get-started-content-wrapper {
    top: 61%;
    position: absolute;
    padding: 30px;
}

    .get-started-content-wrapper header h2 {
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }

.widget-overwrite {
    margin: 15px 0 0 !important;
    border-top: 1px solid #10abd5;
    border-bottom: none;
    padding: 15px 0 0 !important;
}


/*alert css*/
.text-center {
    text-align: center !important;
}

.padding-bottom-15px {
    padding-bottom: 15px !important;
}

.padding-top-15px {
    padding-top: 15px !important;
}

.bg-ginger-200 {
    background-color: #fff2df !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.max-width-1400px {
    max-width: 1400px;
}

.width-100 {
    width: 100% !important;
}

.relatmmive {
    position: relative;
}

.text-small, .text-small-bold, .breadcrumb {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.1px;
    font-family: "gcentra", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.padding-right-35px {
    padding-right: 35px !important;
}

.padding-left-35px {
    padding-left: 35px !important;
}

.alert-box-wrap {
    padding: 10px;
    width: 100%;
    background: #009ae0;
    z-index: 100;
    clear: both;
}

.alert-box-content {
    text-align: center;
}

    .alert-box-content p {
        color: #ffffff;
        padding: 0 25px;
        margin-bottom: 0px !important;
        font-size: 15px !important;
        font-weight: 400;
    }

        .alert-box-content p a {
            color: #ffffff;
            font-weight: bold;
        }

.navbar {
    display: block !important;
    padding: 0px !important;
}

.theme-header .flyout-nav, .theme-header .flyout-login {
    top: auto !important;
    padding: 24px !important;
}

@media (max-width: 768px) {
    .theme-header .flyout-nav, .theme-header .flyout-login {
        top: 0 !important;
        padding: 24px !important;
    }

    .theme-header .flyout-nav {
        top: auto !important;
        position: absolute;
    }

    .make-absolute {
        position: absolute;
    }

    .form-col-wrap {
        padding: 35px;
    }

    .form-col-wrap {
        padding: 35px 35px 35px 35px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .form-col-wrap {
        padding: 35px 35px 35px 35px;
    }
}

/*alert css ends*/
/*new login css ends here*/



/*RX info page*/
.rx-content-outer-wrapper {
    min-height: 400px;
    width: 100%;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
    margin-top: 50px;
    margin-bottom: 100px;
}

.rx-icon-wrap {
    text-align: center;
    margin: 20px 20px 20px;
}

.rx-content-main-wrap {
    padding: 20px 0px 50px 0px;
}

.rx-more-info-content h3 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #333 !important;
    margin-bottom: 10px;
}

.rx-more-info-content h4 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333 !important;
    margin: 30px 20px 20px;
}

.rx-more-info-content p {
    text-align: center;
}

.rx-icon-wrap img {
    width: 150px;
}

.rx-content-main-wrap {
    margin: 50px;
}