/*CHANGEABLE COLORS FOR CUSTOMIZER*/
.Changeable-Color1 {
    color: #046648;
}

.Changeable-Color2 {
    color: #09b4d7;
}
/*Add additional changeable colors here example: .Changeable-Color4 { color:#FFFFFF }
Each additional color must be accounted for at the top of customizer/css/color.js
See instructions in customizer/css/color.js*/
/* Fonts ----------------------------------------------------*/
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}

@font-face {
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(https://fonts.gstatic.com/s/sourceserifpro/v4/CeUM4np2c42DV49nanp55S0XUiYNEUS_1eNN5dXyLEY.woff) format('woff');
}

@font-face {
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'), url(https://fonts.gstatic.com/s/sourceserifpro/v4/yd5lDMt8Sva2PE17yiLarEdEMi6hVZBf-Q2vYVxUiSc.woff) format('woff');
}

html, body {
    height: auto;
}

body {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(200,200,200,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#ffffff',GradientType=0 );
    font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif;
    font-weight: 300;
    position: relative;
    color: #414141;
}

a {
    color: #046648;
}

    a:hover {
        color: #414141;
    }
@media (min-width: 1001px) {
    /* Anchor --- this may need to be adjusted based on the height of your logo block */
    a:not([href]):not([class]):not([data-duplicate]):not([data-remove]) {
        top: -9rem;
    }
}
    a[href*='tel:'] {
        white-space: nowrap;
    }
    /* To remove outside link icon */
    a[href^="http"]:not([href*="/pbi"]):not([href*="/PBI"]):not([href*="/ebc"]):not([href*="/EBC"]):not([href*="/forms/"]):not([class*="fa-"]):not([class*="icon-"]):after {
        /* display: none; */
    }

    /* 205 Template specific FONT OVERRIDES
-------------------------------------------------------------------------------------------*/
    h1 {
        color: #046648;
    }

    h2 {
        color: #616161;
        font-weight: 300;
    }

    h3 {
        color: #09b4d7;
        font-weight: 600;
    }

    h4 {
        font-weight: 400;
        color: #046648;
    }

    h5 {
        font-size: 1.25rem;
    }

    h1, h4 {
        font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
    }

    h5 {
        color: #414141;
    }

    ul.List-Checkmark li:before {
        color: #046648;
        text-shadow: none;
    }

    ul ul li:before,
    ul.List-Checkmark ul li:before {
        color: #09b4d7;
    }

    .checkmark:before {
        color: #046648;
    }

    strong,
    [class*="subsection"]:not([class*="-social"]) strong a,
    [class*="Subsection-Table"]:not([class*="-Social"]) strong a {
        font-weight: 600;
    }

    [class*="subsection"]:not([class*="-social"]) a,
    [class*="Subsection-Table"]:not([class*="-Social"]) a {
        font-weight: 400;
    }
    /*------Button text colors -----------*/
    .Button1 {
        background-color: #046648;
    }
    .no-touch .Button1:hover {
    background-color: #09b4d7;
    }

    .Button2 {
        background-color: #09b4d7;
    }
    .no-touch .Button2:hover {
        background-color: #046648;
    }

    /*------------Logo sizing -------*/
    /* Default logo, no classes */
    nav#primary > div > ul > li#logo {
        width: 11em;
    }

    /* Logo size on scroll of subpages */
    .scroll nav#primary > div > ul > li#logo {
        width: 9rem;
    }

    /* Horizontal Logo */
    /* adjustments for horizontal logo, add "logo-horizontal" to both <body> and #logo <a> */
    .logo-horizontal nav#primary > div > ul > li#logo {
        width: 15rem;
    }

    /* Logo size on scroll and subpages */
    .logo-horizontal.scroll nav#primary > div > ul > li#logo { /*scroll*/
        width: 13rem;
    }


    @media only screen and (max-width:1200px) {
        /* adjustments for horizontal logo on responsive. May need to adjust media query depending on width of logo */
        .logo-horizontal nav#primary > div > ul > li#logo {
            width: 15rem;
        }

        /* Logo size on scroll and subpages */
        .logo-horizontal.scroll nav#primary > div > ul > li#logo { /*scroll*/
            width: 13rem;
        }

        /* Adjust space between nav items if need more room due to large horizontal logo */
        .logo-horizontal nav#primary > div > ul > li > h2 {
            padding-right: 1rem;
            padding-left: 1rem;
        }
    }
    /* Tall Logo */
    /* adjustments for tall logo, add "logo-tall" to both <body> and #logo <a> */
    .logo-tall nav#primary > div > ul > li#logo a.logo-tall img {
        width: 6rem;
    }
    /* Logo sizing on header hover and subpages */
    .logo-tall nav#primary:hover li#logo a.logo-tall img,
    .logo-tall.scroll nav#primary > div > ul > li#logo a.logo-tall img,
    body.logo-tall:not(.home) nav#primary > div > ul > li#logo a.logo-tall img {
        width: 5rem;
    }
    /* Logo size on scroll of subpages */
    body.logo-tall.scroll:not(.home) nav#primary > div > ul > li#logo a.logo-tall img {
        width: 3rem;
    }

    /* Mobile Logo */
    @media only screen and (max-width: 1000px) {
        /*--change this height for .mobile, once nav is opened it will resize to a fixed height and auto width.---*/
        .mobile-logo img {
            height: 5rem;
            width: auto;
        }

        .logo-horizontal .mobile-logo .logo-horizontal img {
            height: auto;
            width: 10rem;
        }
    }
    /* ------------Tables-----------------*/
    [class*="Table-Style"] th,
    [class*="Table-Product"] th {
        border-bottom-width: 0;
        border-top-width: 0;
        border-right-color: #4d4d4d;
        background-color: #7e7e7e;
        color: #FFFFFF;
        font-weight: 600;
    }

        [class*="Table-Style"] th:last-child,
        [class*="Table-Product"] th:last-child {
            border-right-color: #7e7e7e;
        }

        [class*="Table-Style"] th:first-child {
            border-left-color: #7e7e7e;
        }

    [class*="Table-Style"] td p,
    [class*="Table-Product"] td p,
    [class*="Table-Simple"] td p,
    [class*="Table-Grid"] td p {
        margin: 0;
        padding: 0;
    }

        [class*="Table-Style"] td p + p,
        [class*="Table-Product"] td p + p,
        [class*="Table-Simple"] td p + p,
        [class*="Table-Grid"] td p + p {
            margin: .5rem 0;
        }

    [class*="Table-Style"] tr:hover td,
    [class*="Table-Style"] tbody tr:nth-child(even):hover td {
        background-color: #dbdbdb;
    }

    [class*="Table-Style"] caption {
        color: #fff;
        background-color: #046648;
    }

    [class*="Table-Simple"] {
        border-bottom-color: #e4e4e4;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        [class*="Table-Simple"] caption {
            text-align: left;
            margin: .5rem 0;
            font-size: 1.5rem;
            color: #046648;
        }

        [class*="Table-Simple"] th,
        [class*="Table-Simple"] th p,
        [class*="Table-Simple"] td,
        [class*="Table-Simple"] td p {
            text-align: center;
        }

        [class*="Table-Simple"] th,
        [class*="Table-Simple"] td {
            padding: .75rem;
        }

        [class*="Table-Simple"] td {
            border-top-color: #e4e4e4;
            border-top-width: 1px;
            border-top-style: solid;
        }

            [class*="Table-Simple"] td:first-child,
            [class*="Table-Simple"] td:first-child p {
                text-align: left;
            }


    [class*="Table-Product"] th {
        background-color: #046648;
    }

    [class*="Table-Product"] tr th:nth-child(2n+3) {
        background-color: #046648;
    }

    [class*="Table-Product"] tr th:last-child {
        border-right-width: 0;
    }

    [class*="Table-Product"] tr:last-child td {
        border-bottom: 1px #d2d2d2 solid;
    }

    [class*="Table-Product"] tr td:last-child {
        border-right: 1px #d2d2d2 solid;
    }

    [class*="Table-Product"] tr th:first-child,
    [class*="Table-Product"] tr th:first-child p {
        color: #414141;
    }


    @media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
        [class*="Table-Simple"] {
            width: 100% !important;
        }
    }

    /* ------ Structure ----- */
    .subpage-container section:only-of-type {
        margin-top: 2rem;
    }

    [class*="subsection"],
    [class*="Subsection-Table"] {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,ffffff+100 */
        background: rgb(248,248,248); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        transform: translate3d(0,0,0);
        border-top: 1px solid #d7d7d7;
    }

    .home [class*="subsection"],
    .home [class*="Subsection-Table"] {
        border-top: 0;
    }

    [class*="subsection"][class*="-half"],
    [class*="Subsection-Table"][class*="-Half"] {
        background-color: #fff;
    }

    [class*="subsection"]:not([class*="-social"]) a,
    [class*="Subsection-Table"]:not([class*="-Social"]) a {
        font-weight: 400;
    }

    #header, #footer {
        width: 100%;
    }

    #header {
        position: fixed;
        z-index: 1001;
        background-color: rgba(255,255,255,.85);
        box-shadow: 0px 0px .5em 0px rgba(0, 0, 0, 0.32);
    }

        #header > div {
            position: relative;
        }

    .desktop #header:hover {
        background-color: rgba(255,255,255,1);
    }

    @media only screen and (max-width:1000px) {
        #header {
            position: relative;
            background-color: rgba(255,255,255,1);
        }
    }

    #header > div > .inner-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    @media only screen and (max-width:1366px) {
        #header > div > .inner-content {
            width: 100%;
        }
    }
    /*IE11*/
    _:-ms-fullscreen, :root #header > div > .inner-content {
        max-width: 1500px;
    }

    @media only screen and (max-width:1459px) {
        .search-active #header > div > .inner-content {
            padding-right: 5rem;
            max-width: none;
        }
    }

    @media only screen and (max-width:1000px) {
        #header > div > .inner-content {
            width: 100%;
            height: auto;
            padding: 0;
        }

        .search-active #header > div > .inner-content {
            padding-right: 0;
        }
    }

    #header,
    .desktop #header > div > .inner-content,
    #logo,
    #logo-container {
        transition: all .5s ease;
    }


    /*---------Navigation------------*/

    /*FONT SIZING - specific font sizing
-------------------------------------------------------------------------------------------*/
    nav#primary > div > ul > li > h2 {
        font-size: 1em;
        line-height: 1.2;
    }

    nav#primary > div > ul > li > div div h3 {
        font-size: 1.25em;
        line-height: 1;
        font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
        margin-bottom: .5em;
        color: #616161;
        font-weight: 400;
    }

    nav#primary #menuopen {
        font-size: 1.75rem;
        margin-right: 1rem;
    }
    /*MAIN NAV
-------------------------------------------------------------------------------------------*/
    nav#primary {
        width: 100%;
        margin: 0;
        top: 0;
        z-index: 100;
        font-size: 1rem;
    }

        nav#primary > div {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            align-items: center;
            padding: 0;
            margin: 0 auto;
        }

    @media only screen and (max-width: 1200px) {
        nav#primary > div {
            padding: 0;
        }
    }

    @media only screen and (min-width: 2000px) {
        nav#primary > div {
            /* max-width: 80%; */
        }
    }

    nav#primary > div > * {
        display: block;
    }

    nav#primary > div > div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4em;
        order: 2;
        position: relative;
        z-index: 1000;
        /* transition: all 0.5s cubic-bezier(0.43, -0.14, 0.31, 1.14); */
    }

        nav#primary > div > div.mobile-controls {
            margin-left: auto;
        }

    @media only screen and (min-width:1000px) {
        nav#primary > div > div.mobile-controls {
            display: none;
        }
    }

    nav#primary .logo-container {
        display: none;
    }

    nav#primary ul {
        padding: 0;
        margin-left: 0;
    }

    nav#primary > div > ul {
        display: flex;
        justify-content: space-between; /*IE*/
        position: relative;
        margin: 0;
        width: 100%;
    }

    @media only screen and (max-width: 1000px) {
        nav#primary > div > ul {
            max-width: 100%;
        }

        nav#primary .logo-container {
            display: flex;
        }
    }

    nav#primary ul li {
        position: static;
        padding: 0.3em 0;
        margin: 0;
        list-style-type: none;
        line-height: 1.2;
    }

    nav#primary > div > ul > li {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        position: relative;
    }

    nav#primary > div > ul > li,
    nav#primary > div > div {
        transition: all 0.5s cubic-bezier(0.43, -0.14, 0.31, 1.14);
    }

        nav#primary > div > ul > li.nav-login {
            display: flex;
        }
    /* add comment around display none if nav button requested on subpage. Functionality to homepage controlled by script */
    body:not([class*="home"]) nav#primary > div > ul > li.nav-login {
        display: none;
    }

    @media only screen and (min-width: 1001px) {
        /*To manually set desktop nav height*/
        nav#primary > div > ul > li,
        nav#primary > div > div {
            height: 5em;
        }
        /* To adjust on scroll height */
        .scroll nav#primary > div > ul > li,
        .scroll nav#primary > div > div {
            height: 4rem;
        }
        /*To set min-widths on categories on desktop*/
        /*nav#primary > div > ul > li {
        min-width: 10rem;
    }*/
    }

    #primary .logo-horizontal,
    .logo-horizontal #primary #logo a:not(.logo-horizontal),
    .logo-horizontal #primary .mobile-logo a:not(.logo-horizontal) {
        display: none !important;
    }

    .logo-horizontal #primary #logo .logo-horizontal,
    .logo-horizontal #primary .mobile-logo .logo-horizontal {
        display: block !important;
    }

    nav#primary > div > ul > li#logo {
        padding: 1.111em;
        background: none;
        flex-grow: 0;
        z-index: 200;
    }

        nav#primary > div > ul > li#logo a {
            z-index: 1;
            display: block;
            width: 100%;
            height: auto;
        }

        nav#primary > div > ul > li#logo,
        nav#primary > div > ul > li#logo a { /*default*/
            justify-content: flex-start;
        }


            /* adjustments for super tall logo, add "logo-tall" to both <body> and #logo <a> */
            nav#primary > div > ul > li#logo a.logo-tall,
            .mobile-logo a.logo-tall,
            .logo-tall .mobile-logo a:not(.logo-tall),
            .logo-tall nav#primary > div > ul > li#logo a:not(.logo-tall) {
                display: none;
            }

    .logo-tall .mobile-logo .logo-tall,
    .logo-tall nav#primary > div > ul > li#logo a.logo-tall {
        display: block;
        width: auto;
    }

    /*IE11*/
    _:-ms-fullscreen, :root nav#primary > div > ul > li#logo {
        justify-content: flex-start;
    }

    #logo img {
        width: 100%;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

nav#primary > div > ul > li#logo a,
.mobile-logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.8em 1.2em;
    background-color: #FFF;
    box-shadow: 0px 0px 1.2em 0px rgba(0, 0, 0, 0.32);
}

    .logo-horizontal #primary #logo .logo-horizontal {
        padding: 1.75em;
    }

    .mobile-logo {
        display: none;
    }

    @media only screen and (max-width: 1000px) {
        #page > .mobile-logo {
            display: block;
            position: absolute;
            height: 5rem;
            max-height: 5rem;
            top: .25rem;
            left: 1rem;
            z-index: 10001;
        }

            #page > .mobile-logo img {
                width: auto;
                height: 100% !important;
            }

        .opennav #page > .mobile-logo,
        .openob #page > .mobile-logo {
            height: 3.75rem;
        }
    }

    @media only screen and (min-width: 668px) { /*Manually set padding-top to accommodate "Vertical" logo height*/
        .subsection:first-of-type,
        .Subsection-Table:first-of-type {
            /* padding-top: 2.75rem; */
        }
    }

    nav#primary .mobile-logo {
        display: none;
        /* height: 100%; */
        align-items: center;
        position: relative;
    }

    nav#primary .mobile-logo,
    .opennav .mobile-logo img {
        transition: all .5s ease;
    }

    @media only screen and (max-width: 1000px) {
        nav#primary .mobile-logo {
            display: flex;
            padding: 1em 2em;
            /* max-width: 10rem; */ /*may need edit this*/
            align-self: flex-start;
            order: 1;
            height: auto;
            /* position: absolute; */
            z-index: 10000;
            top: auto;
            left: auto;
            vertical-align: middle;
            margin-top: 0;
            margin-bottom: auto;
        }

        .logo-horizontal nav#primary .mobile-logo {
            padding: 1rem;
        }

        .opennav .mobile-logo img {
            height: 50px;
            padding: 0;
            width: auto;
        }

        .opennav nav#primary .mobile-logo {
            padding: .5em 1em;
            box-shadow: none;
            background-color: transparent;
        }
    }

    @media only screen and (max-width:414px) /*iPhone 6 Plus Portrait*/ {
        .mobile-logo img {
            height: auto;
            width: 100px;
            max-width: 100px;
        }

        .logo-horizontal .mobile-logo .logo-horizontal img {
            width: 8rem;
            max-width: inherit;
        }
    }

    nav#primary > div > ul > li > h2 {
        display: flex;
        position: relative;
        color: #046648;
        cursor: pointer;
        height: 100%;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-weight: 300;
        align-items: center;
        justify-content: center;
        padding: 0 2em; /*change padding to control when goes to two lines*/
        margin: 0;
        transition: all .25s ease;
        text-transform: uppercase;
    }


    nav#primary > div > ul > li > div {
        position: absolute;
        display: flex;
        justify-content: flex-start;
        overflow: hidden;
        background-color: #FFFFFF;
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.25);
        left: -2em;
        top: 100%;
        z-index: 100;
    }
    /* positions of nav panels. logo li is nth-child(1), each nav category is numbered after 1. Add more if necessary */
    nav#primary > div > ul > li:nth-child(2) > div {
        left: -2em;
    }

    nav#primary > div > ul > li:nth-child(3) > div {
        left: -11.75em;
    }

    nav#primary > div > ul > li:nth-child(4) > div {
        left: -4.5em;
    }

    nav#primary > div > ul > li:nth-child(5) > div {
        right: -3.35em !important;
        left: auto;
    }

    nav#primary > div > ul > li:last-of-type > div {
        right: -1.5em !important;
        left: auto;
    }

    nav#primary > div > ul > li > div div {
        position: relative;
        margin-top: -40em;
        margin-bottom: 0;
        min-width: 15.5em;
        transition: all 0.6s cubic-bezier(0.43, -0.14, 0.31, 1.14);
        padding: 0 2em 1.5em 2em;
        flex-grow: 1;
    }

    @media only screen and (max-width:1250px) {
        nav#primary > div > ul > li > div div {
            min-width: 14em;
        }
    }


    @media only screen and (min-width: 1001px) {
        nav#primary > div > ul > li > div div:before {
            position: absolute;
            display: block;
            content: "";
            left: -2px;
            bottom: 0px;
            width: 1px;
            height: 80%;
            background: linear-gradient(to bottom, rgba(234,234,234,1) 29%,rgba(144,144,144,1) 100%);
        }

        nav#primary > div > ul > li > div div:first-of-type:before {
            display: none;
        }

        nav#primary > div > ul > li > div div:first-child {
            border: none;
        }

        nav#primary > div > ul > li > div::after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 0.375rem;
            background: linear-gradient(to bottom, rgba(0,0,0,0.125) 0%, rgba(0,0,0,0) 100%);
            pointer-events: none;
        }

        .logo-tall nav#primary > div > ul > li > div div h3 {
            margin: 1em 0;
        }

        nav#primary > div > ul > li > div div h3 + ul {
            margin: 1em 0;
        }

        nav#primary > div > ul > li > div div ul:only-child { /*panel with no subheading*/
            margin-top: .3em;
        }

        nav#primary > div > ul > li > div div ul li {
            font-size: .9em;
            padding-left: 0;
            transition: all .3s ease;
        }

            nav#primary > div > ul > li > div div ul li a:hover,
            nav#primary > div > ul > li > div div ul li a[aria-expanded=true] {
                padding-right: 0;
                padding-left: 5px;
            }

            nav#primary > div > ul > li > div div ul li a {
                display: block;
            }

                nav#primary > div > ul > li > div div ul li a:hover,
                nav#primary > div > ul > li > div div ul li a[aria-expanded=true] {
                    color: #046648;
                }

        nav#primary > div > ul > li:hover > div div,
        nav#primary > div > ul > li[aria-expanded=true] > div div {
            margin-top: 0;
        }

        .scroll nav#primary > div > ul > li:hover > div div,
        .scroll nav#primary > div > ul > li[aria-expanded=true] > div div { /*accommodate nav shrink + vertical logo */
            /* margin-top: 2rem; */
        }

        nav#primary > div > ul > li:hover {
            border-radius: 0;
        }

        nav#primary > div > ul > li > h2:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 5px;
            transition: all .4s ease;
        }

        nav#primary > div > ul > li:hover > h2:after,
        nav#primary > div > ul > li[aria-expanded=true] > h2:after {
            left: 0;
            width: 100%;
        }

        nav#primary > div > ul > li#logo > a:after {
            display: none;
        }

        nav#primary #menuopen,
        nav#primary #loginopen {
            display: none;
            font-weight: 400;
        }
    }

    @media only screen and (min-width:1001px) {
        nav#primary[aria-expanded=true] #hover-release {
            position: absolute;
            height: 100vh;
            width: 100vw;
        }

            nav#primary[aria-expanded=false] #hover-release,
            nav#primary[aria-expanded=true] #hover-release:focus {
                display: none;
            }
    }
    /*MAIN NAV MOBILE
-------------------------------------------------------------------------------------------*/
    @media only screen and (max-width: 1000px) {
        nav#primary {
            position: relative;
            min-height: 0;
            width: 100%;
        }

            nav#primary > div {
                flex-wrap: wrap;
                width: 100%;
                height: 100%;
                padding: 0;
            }

                nav#primary > div > div:first-of-type > div {
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                }

                nav#primary > div > ul > li > div {
                    flex-direction: column;
                }

                    nav#primary > div > ul > li > div::after {
                        content: none;
                    }

            nav#primary #menuopen,
            nav#primary #loginopen {
                display: block;
                text-decoration: none;
            }

                nav#primary #loginopen.Button1 {
                    display: none;
                    margin: 0 !important;
                    margin-right: .75rem !important;
                    padding: .5rem 1rem;
                    text-decoration: none;
                }

                    nav#primary #loginopen.Button1:hover {
                        background-color: #333;
                    }

        .home nav#primary #loginopen.Button1 {
            display: block;
        }

        .openob #primary .Button1 {
            color: #FFF !important;
            background-color: #09b4d7;
        }

        nav#primary #loginopen:before {
            margin-right: .4rem;
        }

        #loginopen.Button1 {
            border-color: #FFF;
        }

        .opennav nav#primary #menuopen {
            color: #333;
        }

        nav#primary > div > ul {
            top: 100%;
            left: 0;
            flex-direction: column;
            background-color: #fff;
            overflow: hidden;
            width: 100%;
            padding: 0;
            margin: 0;
            order: 3;
        }

            nav#primary > div > ul > li {
                margin-top: -5em;
                border-top: solid 1px rgba(0,0,0,0.1);
                flex-direction: column;
                max-width: none;
            }

                nav#primary > div > ul > li > h2 {
                    display: block;
                    padding: 1.5rem;
                    width: auto;
                    width: 100%;
                    /* max-height: 64px; */
                    color: #000;
                    text-align: center;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

                nav#primary > div > ul > li > div div ul li a {
                    display: block;
                }

                nav#primary > div > ul > li.nav-login {
                    display: none !important;
                }

        .opennav nav#primary > div > ul > li {
            margin-top: 0;
            min-height: 0;
            padding: 0;
            background-color: transparent !important;
        }

        nav#primary > div > ul > li > div {
            position: static;
            z-index: 1;
            box-shadow: none;
            width: 100%;
            background-color: #f1f1f1;
        }

        .opennav nav#primary > div > ul > li.active {
            background-color: #002d3f;
        }

            .opennav nav#primary > div > ul > li.active > div div {
                margin-top: 0;
                padding: 0;
            }

                .opennav nav#primary > div > ul > li.active > div div:nth-child(1) {
                    border-top: 2px solid #d8d8d8;
                }

        nav#primary > div > ul > li#logo {
            display: none;
        }

        nav#primary > div > ul > li > div h3 {
            text-align: center;
        }

        nav#primary > div > ul > li > div div ul li {
            text-align: center;
        }

        nav#primary > div > ul > li > div div h3 {
            padding: .8rem;
            margin: 0;
        }

        nav#primary > div > ul > li > div div ul li a {
            padding: .35em 1em;
            text-decoration: none;
        }

        .no-touch nav#primary > div > ul > li > div div ul li:hover {
            background-color: #FFF;
        }

        nav#primary > div > ul > li > div div ul li {
            border-top: solid 1px rgba(0,0,0,0.1);
        }

        nav#primary > div > ul > li > div div:not(:last-child) ul li:last-child {
            border-bottom: solid 1px rgba(0,0,0,0.1);
        }

        nav#primary > div > ul > li > div div {
            border: none;
            margin-bottom: 0;
        }
    }

    @media only screen and (max-width: 340px) {
        nav#primary #loginopen.Button1 span {
            display: none;
        }

        nav#primary #loginopen.Button1 {
            padding: .45rem;
            min-width: 2.5rem;
        }

        .home nav#primary #loginopen:before {
            margin: 0;
        }
    }

    /*------- Navigation overrides ----------*/
    nav#primary > div > ul > li > div div ul li a {
        color: #666;
    }

    nav#primary > div > ul > li:hover > a {
    }

    nav#primary > div > ul > li > h2:after {
        background: #09b4d7;
    }

    nav#primary #menuopen,
    nav#primary #loginopen {
        color: #046648;
    }

    @media only screen and (max-width: 1000px) {
        nav#primary > div > ul > li > div div ul li a {
            color: #046648;
        }
    }

    /* Styles to keep panels from falling out of view. */
    @media screen and (min-width: 1001px) {
        nav#primary > div > ul > li.edge {
            position: static;
        }
    }

    @media screen and (min-width: 1001px) {
        nav#primary > div > ul > li.edge > div {
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
        }
    }

    @media screen and (min-width: 1001px) {
        nav#primary > div > ul > li.edge > div > * {
            min-width: 0;
            flex-grow: 1;
        }
    }
    /* change this padding top to push nav panel content down to accommodate a taller logo */
    @media screen and (min-width: 1001px) {
        nav#primary > div > ul > li > div > div {
            padding-top: 1em;
        }
    }
    /* ------ Structure ----- */
    #subpage-container [class*="subsection"][style*="url"]:first-child,
    #subpage-container [class*="Subsection-Table"][style*="url"]:first-child {
        border-bottom-color: #09b4d7;
        border-bottom-width: 10px;
        border-bottom-style: solid;
    }

    [class*="subsection"][style*="url"]:not([class*="-half"]) h2,
    [class*="Subsection-Table"][style*="url"]:not([class*="-Half"]) h2 {
        font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .home .subsection[style*="background-image:"] .show,
    .home [class*="Subsection-Table"][style*="url"] td.show {
        text-align: center;
        padding: 2em;
    }

    section .inner-content p:last-child:after {
        clear: both;
        content: '';
        display: block;
    }
    /*---------Fiserv css 2.0.7 overrides ------*/
    @media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
        [class*="subsection"][class*="-panel"][style*="url"] .inner-content table td,
        [class*="Subsection-Table"][class*="-Panel"][style*="url"] > tbody > tr > td:first-of-type > table td {
            font-size: .75rem;
        }

        h2 {
            font-size: 1.75em;
        }
    }

    ul ul,
    ol ol,
    ul ol,
    ol ul {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    ul ul,
    ul ol,
    ol ul {
        margin-left: 0;
        padding-left: 0;
    }

    ol ol {
        margin-left: 1.5em;
    }

    [class*="subsection"][class*="-guide"],
    [class*="Subsection-Table"][class*="-Guide"] {
        padding-top: 0 !important;
    }

    [class*="subsection"]:not([class*="social"]):only-of-type .inner-content,
    [class*="Subsection-Table"]:not([class*="Social"]):only-of-type > * > tr > * {
        padding-top: 5em;
    }

    @media only screen and (max-width:1000px) {
        /*Background position shift for left and right*/
        [class*="subsection"][style*="url"][class*="-text-left"],
        [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] {
            background-position: 80% top;
        }
    }

    @media only screen and (min-width:668px) {
        [class*="subsection"][style*="url"][class*="-panel"] .inner-content,
        [class*="Subsection-Table"][style*="url"][class*="Panel"] > * > tr > * {
            padding-top: 4em !important;
            padding-bottom: 3em !important;
        }
    }

    /* ----------- Half section overrides --------- */
    [class*="subsection"][class*="-half"] > .inner-content table td,
    [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > * {
        padding: 3em 5em 3em 3em !important;
    }

    @media only screen and (min-width: 1001px) {
        [class*="subsection"][class*="-half"] > .inner-content table td,
        [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > * {
            min-height: 25em !important;
        }
    }

    @media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
        [class*="subsection"][class*="-half"] > .inner-content table td:not(:empty),
        [class*="Subsection-Table"][class*="-Half"] > * > tr > * > table > * > tr > *:not(:empty) {
            padding: 2em !important;
        }
    }

    /* ---------------panel section overrides ---------- */
    [class*="subsection"][class*="-panel"] .inner-content > table,
    [class*="subsection"][class*="-panel"] .inner-content > table > tbody,
    [class*="subsection"][class*="-panel"] .inner-content > table > tbody > tr,
    [class*="Subsection-Table"][class*="-Panel"] > * > tr > * > table,
    [class*="Subsection-Table"][class*="-Panel"] > * > tr > * > table > tbody,
    [class*="Subsection-Table"][class*="-Panel"] > * > tr > * > table > tbody > tr {
        width: 100%;
    }

    [class*="subsection"][class*="-panel"][style*="url"] .inner-content table td:not(:empty):after,
    [class*="Subsection-Table"][class*="-Panel"][style*="url"] > tbody > tr > td:first-of-type table td:not(:empty):after {
        background: rgba(0,0,0,.75);
    }

    [class*="subsection"][class*="-panel"][style*="url"] .inner-content table td *:not([class*="Button"]),
    [class*="Subsection-Table"][class*="-Panel"][style*="url"] > tbody > tr > td *:not([class*="Button"]) {
        color: #fff;
    }

    [class*="subsection"][class*="-panel"][style*="url"],
    [class*="Subsection-Table"][class*="-Panel"][style*="url"] {
        background-color: #999;
    }

    @media only screen and (min-width:1001px) {
        [class*="subsection"][class*="-panel"]:not([class*="-Full-Height"]) .inner-content table td:not(:empty),
        [class*="Subsection-Table"][class*="-Panel"]:not([class*="-Full-Height"]) > tbody > tr > td:first-of-type table td:not(:empty) {
            margin-top: 4em;
            margin-bottom: 3em;
        }
    }

    @media only screen and (max-width:1000px) {
        [class*="subsection"][class*="-panel"][style*="url"] tr,
        [class*="Subsection-Table"][class*="-Panel"][style*="url"] > tbody > tr {
            flex-direction: column;
        }

        [class*="subsection"][class*="-panel"] tr td,
        [class*="Subsection-Table"][class*="-Panel"] > tbody > tr > td {
            width: 100% !important;
        }

        [class*="subsection"][style*="url"]:first-of-type .inner-content {
            padding-top: 8em !important;
            padding-bottom: 5em !important;
        }
    }

    @media only screen and (min-width:668px) {
        [class*="subsection"][style*="url"] .inner-content > table > * > tr > *,
        [class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr > *,
        [class*="subsection"][class*="-full-height"] .inner-content > table > * > tr > *,
        [class*="Subsection-Table"][class*="-Full-Height"] > * > tr > * > table > * > tr > * {
            min-height: 0;
            padding: 0;
        }
    }

    @media only screen and (max-width: 1000px) {
        [class*="subsection"][class*="-panel"] .inner-content,
        [class*="Subsection-Table"][class*="-Panel"] > tbody > tr > td:first-of-type {
            padding: 0em !important;
        }

        [class*="subsection"][style*="url"]:not[class*="half"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
        [class*="Subsection-Table"][style*="url"]:not[class*="Half"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
            margin-top: 8em;
            width: 100% !important;
            float: left;
            display: block;
        }

        [class*="subsection"][style*="url"]:first-of-type .inner-content {
            padding-bottom: 0em !important;
            padding-top: 1em !important;
        }
    }

    @media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
        [class*="subsection"][style*="url"]:not([class*="-half"]),
        [class*="Subsection-Table"][style*="url"]:not([class*="Half"]) {
            background-size: 150%;
        }
    }

    [class*="subsection"][class*="-promo"],
    [class*="Subsection-Table"][class*="-Promo"] {
        background: #046648;
    }

        [class*="subsection"][class*="-promo"]:before,
        [class*="Subsection-Table"][class*="-Promo"]:before {
            content: '';
            overflow: hidden;
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            background-image: url("../images/bg-repeat.png");
            background-repeat: repeat;
            background-position: top left;
            z-index: 1;
        }

        [class*="subsection"][class*="-promo"] .inner-content,
        [class*="Subsection"][class*="-Promo"] > tbody > tr > td {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: center;
            height: auto;
            text-align: center;
        }

            [class*="subsection"][class*="-promo"] .inner-content *:not(input),
            [class*="Subsection"][class*="-Promo"] > tbody > tr > td *:not(input),
            [class*="subsection"][class*="-promo"].dark .inner-content *:not(input),
            [class*="Subsection"][class*="-Promo"].dark > tbody > tr > td *:not(input) {
                color: #fff;
            }

        [class*="subsection"][class*="-promo"].light .inner-content *,
        [class*="Subsection"][class*="-Promo"].light > tbody > tr > td * {
            color: #000;
        }

        [class*="subsection"][class*="-promo"]:not([style*="url"]):not([class*="-full-height"]) .inner-content table:not([class*="Table-"]) td:not(:empty):last-of-type,
        [class*="Subsection-Table"][class*="-Promo"]:not([style*="url"]):not([class*="-Full-Height"]) > tbody > tr > td:first-of-type table:not([class*="Table-"]) td:not(:empty):last-of-type {
            padding: 0;
        }

        [class*="subsection"][class*="-promo"] h2,
        [class*="subsection"][class*="-promo"] h3,
        [class*="Subsection"][class*="-Promo"] > tbody > tr > td h2,
        [class*="Subsection"][class*="-Promo"] > tbody > tr > td h3 {
            font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
        }

        [class*="subsection"][class*="-promo"] [class*="Button"],
        [class*="Subsection"][class*="-Promo"] [class*="Button"],
        [class*="subsection"][class*="-promo"].dark [class*="Button"],
        [class*="Subsection"][class*="-Promo"].dark [class*="Button"] {
            border-width: 1px;
            border-style: solid;
            border-color: #fff;
            background: transparent;
        }

        [class*="subsection"][class*="-promo"].light [class*="Button"],
        [class*="Subsection"][class*="-Promo"].light [class*="Button"] {
            border-color: #000;
        }

        [class*="subsection"][class*="-promo"] [class*="Button"]:hover,
        [class*="Subsection"][class*="-Promo"] [class*="Button"]:hover {
            background-color: #09b4d7;
            border-color: #09b4d7;
            color: #000;
        }

    body:not(.forms) [class*=section] ul:not(.List-Checkmark):not(.horizontal) > li:before, body:not(.forms) [class*=Section] ul:not(.List-Checkmark):not(.horizontal) > li:before {
        content: "\f105";
        font-size: 1.25rem;
        color: #09b4d7;
        top: .3rem;
        text-shadow: none;
    }

    .Image-Shadow {
        border: 10px solid #fff;
        -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
        box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
        max-width: 95%;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    [class*='Table-Style'] td,
    [class*='Table-Style'] th {
        border-top-width: 0;
    }

    [class*=Table-] ul li p,
    [class*=Table-] ol li p {
        margin: 0;
        padding: .2em 0;
        line-height: 1;
    }

    [class*=Table-] ol {
        margin-left: 2em;
    }

    [class*="Button"] {
        text-transform: uppercase;
        font-weight: 400;
        padding: .8em 1.5em;
        border: 0;
    }

    .Table-Product ul,
    .Table-Style ul,
    .Table-Simple ul,
    [class*="Table-Grid"] ul,
    [class*="Table-Grid"] ol {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    /* ------ social stripe ----*/
    .subsection-social,
    .Subsection-Table-Social {
        background: #09b4d7;
        min-height: 2rem;
        padding-top: 0 !important;
        border-top: 0;
    }

        .subsection-social .inner-content,
        .Subsection-Table-Social > tbody > tr > td:first-of-type {
            height: 100%;
            padding: 1.5rem 3%;
        }

            .subsection-social .inner-content > table,
            .subsection-social .inner-content > table > tbody,
            .Subsection-Table-Social > tbody > tr > td:first-of-type > table,
            .Subsection-Table-Social > tbody > tr > td:first-of-type > table > tbody {
                display: block;
            }

                .subsection-social .inner-content > table > tbody > tr,
                .Subsection-Table-Social > tbody > tr > td:first-of-type > table > tbody > tr {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                    .subsection-social .inner-content > table > tbody > tr > td,
                    .Subsection-Table-Social > tbody > tr > td:first-of-type > table > tbody > tr > td {
                        position: relative;
                        display: flex;
                        float: none;
                        width: 20%;
                        flex-grow: 1;
                        margin: 0;
                        box-sizing: border-box;
                        align-items: center;
                        justify-content: center;
                        padding: 0 1em !important;
                    }

        .subsection-social a,
        .Subsection-Table-Social a {
            position: relative;
            float: left;
            width: auto;
            min-width: 12.5rem; /*could need adjustment if not used for social content*/
            padding-top: 0.5rem;
        }

            .subsection-social a strong,
            .Subsection-Table-Social a strong {
                font-weight: 400;
                display: block;
                font-size: 1.25em;
                line-height: 1.2;
            }

    body:not(.mce-content-body) .subsection-social a:hover,
    body:not(.mce-content-body) .Subsection-Table-Social a:hover {
        transform: translateY(-.5em);
    }

    .subsection-social a:before,
    .Subsection-Table-Social a:before {
        float: left;
        width: 1.75rem;
        height: 3rem;
        margin-top: .25rem;
        text-align: left;
        font-size: 1.3rem;
    }

    /* contrast Class overrides */
    .subsection-social.light a {
        color: #000;
    }

    .subsection-social a,
    .subsection-social.dark a {
        color: #fff;
    }

    @media only screen and (max-width:1000px) {
        .subsection-social .inner-content > table > tbody > tr > td,
        .Subsection-Table-Social > tbody > tr > td:first-of-type > table > tbody > tr > td {
            margin: 1rem;
            width: auto !important;
        }
    }

    /*-----------Footer structure-------------*/
    #footer {
        background: #ececec;
    }

        #footer > .inner-content {
            padding-top: 2.5em;
            padding-bottom: 1em;
        }

    .noticeactive #footer > .inner-content {
        padding-bottom: 4em;
    }

    #footer h3 {
        font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 1.25em;
        color: #046648;
        margin: 0;
        padding: 0;
    }

    #footer nav.secondary {
        width: 100%;
        display: flex;
        margin: 0 auto;
        justify-content: space-around;
    }

        #footer nav.secondary > div {
            box-sizing: border-box;
            padding: 0 .75em;
            margin-bottom: 1em;
        }

        #footer nav.secondary ul {
            margin: 0px;
            padding: .5em 0;
            list-style-type: none;
            font-size: 1rem;
            line-height: 1.25;
            font-weight: 300;
        }

            #footer nav.secondary ul li {
                padding: .25em 0;
                margin: 0;
            }

            #footer nav.secondary ul li,
            #footer nav.secondary a {
                color: #414141;
            }

        #footer nav.secondary a {
            display: block;
            text-decoration: none;
            transition: all .2s;
            padding-left: 0;
        }

            #footer nav.secondary a:hover {
                color: #046648;
            }

    .desktop #footer nav.secondary a:hover {
        -webkit-transform: translate(3px);
    }

    #footer-utility-logos {
        margin: 1.5em 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #footer-utility-logos a {
            color: #6c6c6b;
            margin-left: 2rem;
            font-size: 2.25rem;
        }

            #footer-utility-logos a:first-child {
                margin-left: 0;
            }

        #footer-utility-logos .icon-ehl {
            font-size: 2.5rem;
        }

        #footer-utility-logos .icon-fdic {
            font-size: 2.44rem;
        }

        #footer-utility-logos:after {
            clear: both;
            content: '';
            display: block;
        }

    #footer .copyright {
        padding: 0;
        margin: 0;
        color: #414141;
        font-size: 1rem;
        line-height: 1.5;
        text-align: center;
    }

    @media only screen and (max-width:768px) /*iPad Portait*/ {
        #footer nav.secondary {
            display: block;
        }

            #footer nav.secondary > div {
                width: 100%;
                padding: 0 3%;
                text-align: center;
            }

        #footer-utility-logos {
            float: none;
            margin: 0 auto;
            width: 221px;
        }

        #footer .copyright {
            text-align: center;
            margin-bottom: 20px;
        }
    }

    #gototop, .down-arrow {
        bottom: 5em;
        /* position: fixed; */
        margin-top: 0;
        color: #FFF;
        z-index: 1001;
        font-size: .8rem;
        width: 9rem;
        height: 2.2rem;
        right: -9rem;
        margin: 0px 0 2px 0;
        background: #046648;
        transform: inherit;
        justify-content: flex-start;
    }

    .noticeactive #gototop {
        bottom: 10em;
    }

    .scrollArrow i {
        font-size: 1.75em;
        margin-left: .45em;
    }

    .scrollArrow p {
        font-size: .8rem;
        font-weight: 400;
        width: 100%;
        vertical-align: middle;
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #fff;
        display: inline;
        margin: 0;
        text-align: left;
        padding-left: 1em;
    }

    #gototop.gototopactive,
    .scroll .down-arrow,
    .down-arrow.active {
        right: -6.5rem;
    }

    .desktop #gototop:hover,
    .desktop .down-arrow:hover {
        right: 0rem;
        background-color: #046648;
        color: #fff;
    }

    #gototopContainer,
    .scrollArrow {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .down-arrow {
        bottom: 1em;
        display: none;
        position: fixed;
    }

    body.home:not(.tools-active) .down-arrow {
        display: flex;
    }
    /* ------------ Table-Grid overrides ------------*/

    [class*="Table-Grid"] > tbody > tr > td > a[id]:first-child + * {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    /*--------------Personalization 2.5.1---------------*/
    #greetingXY {
        position: relative;
        float: left;
        width: auto;
        max-width: 13.75rem;
        text-align: left;
        margin-left: 0;
        padding-top: 0.75rem;
        box-sizing: border-box;
    }

        #greetingXY a {
            font-weight: 700;
        }

    body.atmlocator #greetingXY {
        display: none;
    }

    #guestWelcome {
        font-size: 0.7rem;
        color: #666666;
        padding-right: 0.1rem;
        margin-top: 0;
    }

    .firstname {
        cursor: pointer;
    }

    .date-and-time {
        display: block;
        font-size: .7em;
    }

    #personalizeLine {
        display: none;
        font-size: 0.5rem;
        padding-top: 0.1rem;
    }

        #personalizeLine a {
            text-decoration: none;
            cursor: pointer;
        }

            #personalizeLine a:hover {
                text-decoration: underline;
            }

    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Personalization Popup */
    .personalizationPopup {
        display: block;
        position: fixed;
        width: 20rem;
        z-index: 15000;
        top: -1000px;
        left: 0;
        right: 0;
        background-color: #fff;
        margin: 6.4rem auto 0 auto;
        padding: 0;
        box-shadow: 0px 0px 1rem 0px rgba(84,102,112,0.31);
        border-radius: 0.25rem;
        overflow: auto;
        transition: all .25s ease-in-out;
    }

        /* .personalizationPopup.active {
        top: 0px;
    }*/


        .personalizationPopup form {
            margin: 0;
            padding: 0 2rem 2rem 2rem;
        }

    a#personalizationPopupx {
        color: #f1f1f1;
        text-decoration: none;
    }

        a#personalizationPopupx:hover {
            color: #fff;
            text-decoration: none;
        }

    .personalizationPopupTitle {
        color: #fff;
    }

    .personalizationPopup p {
        margin: 0.15rem 0.5rem 0.15rem 0.75rem;
        padding: 0.3rem 0 0.3rem 0;
    }

    #personalizationPopupx {
        position: absolute;
        width: 1rem;
        height: 1rem;
        z-index: 40;
        top: 0.2rem;
        right: 0;
        display: block;
        padding: 0.15rem;
        font-weight: 700;
        margin-top: -0.1rem;
        font-size: 0.85rem;
    }

        #personalizationPopupx a:hover {
            background-position: 0px -0.8rem;
        }

    .personalizationPopup h2 {
        display: block;
        box-sizing: border-box;
        font-size: 0.85rem;
        padding: 1rem 2rem;
        margin: 0 -2rem 0.1rem -2rem !important;
        text-transform: uppercase;
        font-weight: normal;
        width: calc(100% + 4rem);
        background-color: #4a4a4a;
    }

    .personalizationPopup h3 {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: -0.05em;
        line-height: 1em;
        margin-bottom: 0;
    }

    .personalizationPopup p {
        font-size: 0.7rem;
        line-height: 1rem;
        padding: 0.15rem 0px 0.15rem 0px;
        margin: 0.1rem 0px 0.35rem 0px;
    }

    .personalizationPopup label {
        display: inline-block;
        margin: 0 0.75rem 0 0;
    }

        .personalizationPopup label:after {
            display: none;
        }

    .personalizationPopup a {
        font-size: 0.6rem;
        text-decoration: none;
    }

        .personalizationPopup a:hover {
            text-decoration: underline;
        }

    .personalizationPopup ol {
        list-style-type: decimal;
        margin: 0px 0px 0.5rem 1.5rem;
        padding: 0px;
    }

        .personalizationPopup ol li {
            font-size: 0.6rem;
            margin: 0.15rem 0px 0.15rem 0px;
            padding: 0.15rem 0px 0.15rem 0px;
        }

    .personalizationPopup form input[type=text] {
        width: 100%;
        outline: 0;
        border: 1px solid #666;
        padding: 0.25rem;
        margin-top: 0.25rem;
        font-size: 0.7rem;
        line-height: 0.95rem;
        box-sizing: border-box;
        -webkit-appearance: none;
        border-radius: 0;
    }

    .personalizationPopup form input[type=submit] {
        cursor: pointer;
    }

    .personalizationPopup .submit-p {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

        .personalizationPopup .submit-p > * {
            display: block;
            margin: 0 !important;
        }

    .personalizationPopupClosePerm {
        display: block;
        margin-top: 0.5rem;
    }

    @media only screen and (max-width:490px) {
        .personalizationPopup {
            width: 100%;
            z-index: 5000;
            top: -1000px;
            left: 0;
            margin: 3.75rem 0 0 0;
        }

            .personalizationPopup form {
                padding: 0.75rem 5% 0.75rem 5%;
            }
    }

    /*--------------Personalization 2.5.1 overrides---------------*/
    .personalizationPopup {
        width: 22rem;
        overflow: visible;
    }

        .personalizationPopup p {
            font-size: .9rem;
            line-height: inherit;
        }

        .personalizationPopup .personalizationPopupTitle {
            text-transform: none;
            padding: .5rem 2rem !important;
            font-size: 1rem;
            font-weight: inherit;
        }

    .firstname a {
        font-weight: 300 !important;
        color: inherit;
    }

    @media only screen and (max-width:490px) {
        .personalizationPopup {
            width: 100%;
        }

            .personalizationPopup form {
                padding: 0rem 5% 0.75rem 5%;
            }
    }
    /*----------Notice overrides ----------*/
    .noticeHtml > table.light h3 {
        color: #000;
    }

    .noticeHtml > table h3,
    .noticeHtml > table.dark h3 {
        color: #ffffff;
    }
    /* -----------Login button -----------*/
    .mobile-controls {
        margin-left: 1rem;
    }

    .login-button,
    .login-button:before {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

    .login-button {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
        align-content: center;
        order: 2;
        width: 5em;
        height: 100%;
    }

    body.home .login-button {
    }

    @media only screen and (max-width:1000px) {
        .login-button {
            width: 4rem;
            height: 4rem;
            margin-right: 0;
        }
    }

    .login-button {
        background-color: #09b4d7;
    }

        .login-button * {
            margin: 0;
        }

        .login-button i {
            font-size: 1.75em;
            line-height: 1;
        }

        .login-button i,
        .login-button p,
        .login-button.dark i,
        .login-button.dark p {
            color: rgba(255,255,255,.7);
        }

        .login-button.light i,
        .login-button.light p {
            color: rgba(65, 65, 65,.8);
        }
    /* ------ Changes to login when search is used ----- */

    @media only screen and (max-width:1000px) {
        body.search-active .mobile-controls {
            margin-right: 4em;
        }
    }

    /* -----------Search--------------*/
    .search-button,
    .search-button:before {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

    .search-button {
        position: absolute;
        right: 0;
        z-index: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
        align-content: center;
        order: 2;
        width: 5rem;
        height: 100%;
        margin: 0;
        padding: 0;
    }

        .search-button:before {
            font-family: "FontAwesome";
            content: "\f002";
            font-size: 1.2em;
            line-height: 1;
            z-index: 5;
            color: #046648;
        }

    @media only screen and (max-width:1000px) {
        .search-button {
            width: 4rem;
            height: 4rem;
            right: 0;
        }
    }

    .search-button:hover, .searchopen .search-button {
        background-color: #09b4d7;
    }

        .searchopen .search-button:before, .search-button:hover:before {
            color: #fff;
        }

    #search {
        position: absolute;
        right: 0;
        top: 0;
        order: 1;
        display: none;
        min-width: 5rem;
        width: 5rem;
        height: 100%;
        margin: 0;
        padding: 0;
        z-index: 10002;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

    body.search-active #search {
        display: block;
    }

    #search input {
        position: absolute;
        display: block;
        right: 0;
        width: 0;
        height: 100%;
        padding: 0;
        margin: 0;
        border-width: 0px;
        background-color: #d9d9d9 !important;
        color: #414141;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

    #search.searchopen {
        width: 100%;
        left: auto;
        margin: 0;
        padding: 0;
    }

        #search.searchopen input {
            width: 100%;
            padding: 0px 5rem 0px 2.5rem;
        }

    @media only screen and (max-width:1000px) {
        #search {
            width: 4rem;
            min-width: 0;
            height: 4rem;
        }
    }

    @media only screen and (max-width:414px) /*iPhone 6 Plus Portrait*/ {
        body.search-active #search {
            display: none;
        }

        body.search-active .mobile-controls {
            margin-right: 0;
        }
    }
    /* ---- language button ------*/
    .language-button {
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
        align-content: center;
        order: 2;
        width: 5em;
        height: 100%;
        display: none;
        position: absolute;
        right: 0.75rem;
        top: 0;
    }

    body.language-active .language-button {
        display: flex;
    }

    @media only screen and (max-width:1000px) {
        .language-button {
            height: 4rem;
            margin-right: 0;
        }
    }

    .language-button * {
        margin: 0;
    }

    .language-button i {
        font-size: 1.75em;
        line-height: 1;
    }

    .language-button i,
    .language-button p {
        color: rgba(65, 65, 65,.8);
    }

    @media (max-width:500px) {
        .language-button {
            font-size: .7em;
            width: 4rem;
            right: 0;
        }
    }
    /* ------ Changes  when language button is used ----- */
    @media only screen and (max-width:1366px) {
        body.language-active #header > div > .inner-content {
            padding-right: 7rem;
        }
    }

    @media only screen and (max-width:1000px) {
        body.language-active .mobile-controls {
            margin-right: 7em;
        }

        body.language-active #header > div > .inner-content {
            padding-right: 0;
        }

        body.language-active #login {
            right: 7em;
        }
    }

    @media (max-width:500px) {
        body.language-active .mobile-controls {
            margin-right: 4.25em;
        }

        body.language-active .login-button {
            font-size: .8rem;
            width: 4em;
        }

        body.language-active .mobile-logo img {
            height: 3rem;
            width: auto;
        }

        body.language-active nav#primary .mobile-logo {
            padding: 1em;
        }

        body.language-active #login {
            right: 0;
        }

            body.language-active #login .ob-arrow {
                right: 4.5rem;
                left: auto;
            }
    }
    /*------------login overrides-----------------*/

    #login {
        position: absolute;
        right: 1.75rem;
        top: 6rem;
        width: 17rem;
        z-index: 99;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
        border-radius: 10px;
        box-sizing: border-box;
        padding: 1em 1.5em;
    }

    @media only screen and (max-width:1459px) {
        body.search-active #login {
            right: 5rem;
        }
    }

    @media only screen and (max-width:1000px) {
        #login {
            top: 5rem;
            right: 0;
        }

        body.search-active #login {
            right: 3rem;
        }
    }
    /*------login-inner-content and ob-arrow have to be the same color ----*/
    #login {
        background-color: #046648;
    }

        #login .ob-arrow {
            border-color: #046648;
        }

            #login .ob-arrow,
            #login .ob-arrow:before {
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border-left: 25px solid transparent !important;
                border-right: 25px solid transparent !important;
                border-bottom-width: 20px;
                border-bottom-style: solid;
                top: -20px;
                left: 82%;
                margin-left: -15px;
                z-index: 12001;
                transition: all .5s ease;
            }

                #login .ob-arrow:before {
                    content: '';
                    opacity: 0;
                    transition: opacity 0.25s 0s ease;
                    border-color: rgba(255,255,255,0.75);
                    top: 0;
                    margin-left: -25px;
                }

        #login.loading .ob-arrow:before,
        #login.loading.error .ob-arrow:before {
            opacity: 1;
        }

    body.home.openob #login,
    body.home.tour-open #login {
        opacity: 1;
        visibility: visible;
    }

    #login h2 {
        margin: 0;
        padding: 0 0 .4rem 0;
        text-align: center;
        font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
        color: #fff;
    }

    @media only screen and (max-width:400px) /*Galaxy Note 1 Portrait*/ {
        #login,
        body.search-active #login {
            right: 0px;
            width: 100%;
        }
    }

    #login label:last-of-type input:not([type=radio]):not([type=checkbox]) {
        /* border-right-width: 1px; */
    }

    #login .Button1 {
        text-transform: uppercase;
        padding: .55em 1em;
        border-width: 1px;
        border-style: solid;
        background-color: transparent;
        -webkit-appearance: none;
        border-color: rgba(204, 204, 204, 1);
        transition: all .5s ease;
        /* margin-left: auto; */
        margin-left: auto;
    }

        #login .Button1:hover {
            background-color: #09b4d7;
            border-color: #09b4d7;
        }

    #login form > .error {
        width: auto;
    }

    #login ul {
        justify-content: center;
        flex-wrap: wrap;
    }

        #login ul li {
            font-size: .8rem;
            margin: 0;
            padding: .5em 1.5em;
        }

            #login ul li a {
                color: #fff;
            }

    #login input:not([type=radio]):not([type=checkbox]), #login select,
    #login .Button1 {
        border-color: #fff;
    }
    /* radio button overrides */
    #login fieldset {
        color: #fff;
        margin-bottom: 0;
        padding-bottom: .25em;
        padding-top: 0;
    }

    #login input[type=radio] + span::before {
        border-color: #fff;
    }

    #login input[type=radio]:checked + span::before {
        background-color: #fff;
    }

    #login fieldset legend {
        display: none;
    }

    #login form .required:before,
    #login form ul[required]:before {
        display: none;
    }
    /* Pseudo Select*/
    /* Overrides */
    .ps-select {
        width: 100% !important;
    }

        .ps-select select, .ps-select [data-select], .ps-select [data-option] {
            height: 2.25em; /* The pseudo select will inherit this height */
            line-height: 2.25em; /* Set to the same as the height */
            user-select: none;
        }

    #login label, #login [class*=Button] {
        height: 2.25em;
    }

    #login form label {
        /* width: 100%; */
    }

    .ps-select [data-option] + [data-option] {
        /*margin-top: -2.5em !important; /* Set to the same as the select height if pixel rounding problems occur*/
    }

    .ps-select [data-select] {
        color: inherit;
        background-color: #fff;
        text-decoration: none;
        font-style: normal;
    }

        .ps-select [data-select]::before,
        .ps-select [data-option] {
            padding: 0 1em;
        }

        .ps-select [data-select]::before {
            border: solid 1px #fff;
            color: inherit;
        }

        .ps-select [data-select]:not(.open-up) [data-options-wrapper] {
            border-top: solid 1px rgba(204, 204, 204, 1);
        }

    .ps-select.invalid [data-select]::before {
        box-shadow: inset 0 0 0 2px #666;
    }

    .ps-select [data-select]::after {
        color: inherit;
        right: 1em;
    }

    .ps-select [data-option] {
        color: inherit;
        border: solid 1px rgba(0,0,0,0.1);
        border-top: none;
    }

    .ps-select [data-select].open-up [data-option]:last-child {
        border-top: solid 1px rgba(0,0,0,0.1);
    }

    .ps-select [data-select].open-up [data-option]:nth-child(2) {
        border-bottom: none;
    }

    .ps-select.ready [data-option] {
        transition-duration: 0.25s, 0.25s !important; /* Margin, Background */
    }

    .ps-select [data-select]:focus [data-option].active { /* Currently selected option */
        background-color: #eee;
    }

        .ps-select [data-option]:hover,
        .ps-select [data-select]:focus [data-option].active:hover { /* Option and selected option hover */
            background-color: #ccc;
        }

    .ps-select [data-option].disabled { /* Disabled option */
        color: #000;
    }
    /* ---- button login overrides -----*/
    .login-buttons {
        /* margin-left: auto; */
    }

    .login-buttons-only {
        width: 100%;
    }

        .login-buttons-only a {
            width: 100%;
        }

    /*------------Tour overrides ----------*/
    [data-tour="logo"] {
        top: 45px !important;
    }

    [data-tour="primary"] {
        top: 121px !important;
    }

    [data-tour="login"] {
        top: 131px !important;
        margin-left: 66px;
    }

    [data-tour="promo-half"] {
        top: 472px !important;
    }

    [data-tour="promo-wide"] {
        top: 1419px !important;
    }

    @media only screen and (max-width:1000px) {
        /* --- panels ---*/
        .tour > * > div {
            width: 100%;
            max-width: 100%;
        }

        [data-tour="login"] {
            top: 131px !important;
            margin-left: 0
        }
        /*----arrrows----*/
        [data-tour="primary"] > div::after {
            left: auto;
            right: 10%;
        }

        [data-tour="login"] > div::after {
            top: -25px;
            transform: rotate(225deg);
            margin-left: 0;
            right: 2%;
        }
    }
    /*------------Contact Form Overrides ----------*/
    #contact {
        display: block;
    }

        #contact input:not([type=radio]):not([type=checkbox]),
        #contact select,
        #contact textarea,
        #contact input[type=checkbox] + span::before,
        #contact input[type=radio] + span::before,
        #contact label,
        .captchaField.plain,
        #contact label span.error {
            border-radius: 0em !important; /*Change the border-radius here.*/
        }

        #contact input[type=checkbox]:checked + span::before,
        #contact input[type=radio]:checked + span::before {
            background-color: #09b4d7;
            border-color: #09b4d7;
            color: #fff;
        }

    /* --------------------Slideshow overrides -------------------*/

    #hero-main {
        height: 56.25vw;
        /* height:width ratio = 9/16 = .5625  */
        max-height: 100vh;
        /* max-width: 177.778vh; */ /* 16/9 = 1.778 */
        width: 100%;
    }

    @media only screen and (max-width:700px) {
        #hero-main {
            min-height: 76vw; /* minimum to allow for no caption overlap of hero controls */
        }
    }

    @media only screen and (max-width:490px) {
        #hero-main {
            min-height: 465px; /* minimum to allow for no caption overlap of hero controls */
        }
    }

    .toc-active a,
    .slideshow-container-controls div a:hover,
    .slideshow-control-bar > button:hover {
        background-color: #09b4d7 !important;
    }

    #next i, #previous i {
        line-height: 1;
    }

    @media only screen and (max-width: 450px) {
        #next, #previous {
            margin-right: 2px;
            margin-left: 2px
        }
    }

    .caption-container {
        top: 38%;
    }
    /* if toolbar is active, move next arrow so no overlap */
    .tools-active #hero-main #next {
        right: 2rem;
    }

    /* -----------Forms overrides----------*/
    form.validate-form .required:before,
    form.validate-form ul[required]:before {
        display: none;
    }

    .validate-form .validation {
        color: #f00;
    }

    form label:hover span,
    form label:hover p,
    form label:hover strong {
        color: #046648;
    }

    .captcha-content {
        padding-top: .8rem;
        text-align: center;
        margin: 0 auto;
    }

        .captcha-content + label > span {
            margin: 0 auto;
            text-align: center;
            float: none !important;
        }

    .form-buttons {
        margin: 1rem auto 0 auto;
    }

    #contact textarea {
        height: 100%;
    }
    /*-----------Muted---------------*/
    .muted .subsection-social,
    .muted .subsection-promo,
    .muted .Subsection-Table-Promo,
    .muted .login-button,
    .muted #toolbtn-widget,
    .muted .Table-Product th,
    .muted .Table-Product tr th:nth-child(2n+3),
    .muted .Table-Style caption {
        background-color: #616161 !important;
    }

    .muted #footer h3,
    .muted .feature-promo h2,
    .muted .feature-promo h3,
    .muted #toolbar h4,
    .muted nav#primary > div > ul > li > h2,
    .muted h1,
    .muted h3,
    .muted h4,
    .muted nav#primary #menuopen,
    .muted nav#primary #loginopen,
    .muted .search-button::before,
    .muted [class*="section"] ul:not(.List-Checkmark) > li::before,
    .muted [class*="Section"] ul:not(.List-Checkmark) > li::before {
        color: #414141;
    }

    .muted #login,
    .muted #gototop,
    .muted .down-arrow {
        background-color: rgba(41, 41, 41, 0.8);
    }

    .muted .ob-arrow {
        border-bottom-color: rgba(41,41,41,0.8) !important;
    }

    .muted .login-button i, .muted .login-button p {
        color: rgba(255,255,255,.7);
    }
    /* white login */
    /*
.muted #login {
    background-color: #fff;
}

.muted .ob-arrow {
    border-bottom-color: #fff;
}

.muted #login h2 {
    color: #046648;
}

.muted #oblinks a {
    color: #616161;
}

.muted #login .Button1 {
    color: #046648;
    border-color: #046648;
}*/
    /* white login end*/

    .muted .caption-container a.Button1 {
        background-color: rgba(255,255,255,0);
        border-color: #fff;
        border-width: 1px;
        border-style: solid;
    }

        .muted .caption-container a.Button1:hover {
            border-color: #046648;
        }

        .muted .caption-container a.Button1:hover {
            background-color: #046648;
        }

    .muted .info-bar {
        border-top-color: #046648;
        border-top-width: 10px;
        border-top-style: solid;
    }

    .muted .Button2 {
        background-color: #046648;
    }

        .muted .Button2:hover {
            background-color: #09b4d7;
        }
    /* Table Image for pages like community*/
    [class*=Table-Image-] {
        width: 100%;
        margin: 2rem 0;
    }

        [class*=Table-Image-] td {
            vertical-align: top;
            padding: 0 2rem;
        }

            [class*=Table-Image-] td *:first-child {
                padding-top: 0;
                margin-top: 0;
            }

    .Table-Image-Left td:first-child,
    .Table-Image-Right td:last-child {
        width: 40%;
        padding: 0;
    }

    .Table-Image-Right td:first-child {
        padding-left: 0;
    }

    @media only screen and (max-width:768px) /*iPad Portait*/ {
        [class*=Table-Image-] tr {
            display: flex;
            flex-direction: column;
        }

        [class*=Table-Image] tr td {
            width: 100% !important;
            padding: 1rem 0;
        }

        .Table-Image-Right td {
            order: 1;
        }

            .Table-Image-Right td:first-child {
                order: 2;
            }
    }
    /*------------ Speedbump overrides -----------*/
    .speedbump-open-in-new-window .cancel-new-window {
        display: inline-block !important;
    }

    /*-------------- ENHANCEMENTS -----------------------*/

    /*------------ Lightcase overrides -----------*/
    #lightcase-overlay {
        z-index: 1002;
    }

    #lightcase-loading {
        z-index: 1003
    }

    #lightcase-case {
        z-index: 1004;
    }

    #lightcase-nav a[class*='lightcase-icon-'] {
        z-index: 1005;
    }

    #lightcase-content table {
        width: 100%;
        padding-top: 0;
        background: transparent;
        border-top: 0;
    }

    #lightcase-content [class*="Subsection-Table"] > tbody > tr > td:first-of-type {
        min-width: 0;
        width: 100%;
        padding: 1em;
    }

    /*------------Toolbar side overrides -----------*/
    .toolbar {
        z-index: 1002;
        top: 25%;
    }

    @media only screen and (max-width:490px) {
        .noticeactive .toolbar {
            top: 50%;
        }
    }
    /*------------Expander Overrides -----------*/
    .Table-Expandable > caption > * {
        background-color: #eee;
        padding: 1em;
    }

        .Table-Expandable > caption > *::after {
            content: "\f067";
        }

    .Table-Expandable.expanded caption > *::after, body#tinymce .Table-Expandable caption > *::after {
        content: "\f068";
    }

    .Table-Expandable.expanded > caption > *::after {
        color: #09b4d7;
    }
    /* -------- Weather Overrides -------- */
    @media (min-width:1001px) {
        .weather-active .subsection-promo #weather + table,
        .subsection-promo #weather {
            width: 50%;
        }

        .subsection-promo #weather {
            padding-right: 2em;
        }

        .weather-active .subsection-promo #weather + table > * > tr > * {
            padding-left: 2em;
        }
    }

    #forecast {
        font-size: 1rem;
    }

    .tempFarenheitHigh, .tempFarenheitLow {
        letter-spacing: -0.083em;
        width: 50%;
    }

    .weather-report .locationTitle {
        line-height: 1.5;
    }

    .weather-report .condition {
        font-size: 1em;
    }

    .weatherLocation input, .weatherLocation #weatherZipSubmit {
        height: auto;
    }

    .dayOfWeek {
        margin-top: 0.25em;
        margin-bottom: .25em;
        font-size: .7em;
        line-height: 1.5;
    }

    .dark #poweredBy {
        color: #fff;
    }

        #poweredBy a:hover,
        .dark #poweredBy a:hover {
            color: inherit;
        }
    /* ----------Splash site overrides ----------*/
    .splash nav#primary li:not(#logo):not([class*="login"]),
    .splash #footer nav.secondary,
    .splash nav#primary #menuopen,
    .splash .toolbar,
    .splash.weather-active #weather,
    .splash.personalization-active .personalizationPopup,
    .splash.personalization-active .firstname,
    .splash.notice-active .notice {
        display: none;
    }
    /*------------ Test Home styles -------------*/
    body.home.test.openob #login {
        opacity: .5;
    }

    body.test #primary ul li:not(#logo) {
        display: none;
    }
    /*------activate for customizer------*/
    .personalization-active .personalizationPopup.active {
        top: 0px;
    }

    .firstname {
        display: none;
    }

    .personalization-active .firstname {
        display: inline;
    }

    .toolbar.right,
    .toolbar.left {
        opacity: 0;
    }

    .tools-active #toolbar.toolbar {
        opacity: 1;
    }

    .notice.active {
        max-height: 0px;
    }

    body.notice-active .notice.active {
        max-height: 12.5em;
    }

    @media only screen and (min-width: 1000px) {
        .text-resizer-toggle {
            display: none !important;
        }

        .text-resizer-active .text-resizer-toggle {
            display: inherit !important;
        }
    }

    #weather {
        display: none;
    }

    .weather-active #weather {
        display: block;
    }
    /*-------------- Override styles for this build -----------------------*/

    #login .Button1 {
        color: #fff;
        margin-right: 0;
    }

    .no-touch #login .Button1:hover {
        color: #000;
    }

    .Button1,
    .Button1.dark,
    .no-touch .Button1:hover {
        color: #fff;
    }

    .Button2,
    .Button2.dark,
    .no-touch .Button2:hover {
        color: #fff;
    }

        .Button1.light,
        .Button2.light {
            color: #000;
        }

    .no-touch .Button1.light:hover,
    .no-touch .Button2.light:hover {
        color: #fff;
    }

ul.business {
    margin: 0 0 0 .3em;
}