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

.Changeable-Color2 {
    color: #00a1c1;
}

:root {
    --color1: #003399;
    --color1-rgba: 0,51,153;
    --color2: #666666;
    --color2-rgba: 102,102,102;
    --color3: #00a1c1;
    --color3-rgba: 0, 161, 193;
    --color4: #eeeeee;
    --color4-rgba: 238,238,238;
}
/*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: #003399;
}

body:not(.mce-content-body) a:hover {
    color: #414141;
}
    /* 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; */
    }

    /* To remove outside link icon from specific links */
    a[href^="http"][href*="ourlocalbank."]:after {
        display: none;
    }


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

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

h3 {
    color: #00a1c1;
    font-weight: 600;
}

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

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: #003399;
    text-shadow: none;
}

ul ul li:before,
ul.List-Checkmark ul li:before {
    color: #00a1c1;
}

.checkmark:before {
    color: #00a1c1;
}

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: #003399;
    color: #fff;
}

.Button2 {
    background-color: #00a1c1;
}

.no-touch body:not(.mce-content-body) .Button1:hover,
body:not(.mce-content-body) .Button1:hover {
    color: #FFF;
    background-color: #373737;
}

.no-touch body:not(.mce-content-body) .Button2:hover,
body:not(.mce-content-body) .Button2:hover {
    color: #FFF;
    background-color: #373737;
}

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

/* 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 {
    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: #003399;
}

[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: #003399;
    }

    [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: #003399;
}

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

[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;
    }

body.desktop:not([class*="splash"]) #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:1001px) {
    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: 1.25em 1.75em;
    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: #003399;
    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.85em;
    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: #003399;
            }

    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: #00a1c1;
    }

    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: #00a1c1;
}

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

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

/* 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: #00a1c1;
    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"][class*="-text"] .inner-content > table,
[class*="subsection"][class*="-panel"][class*="-text"] .inner-content > table > tbody,
[class*="subsection"][class*="-panel"][class*="-text"] .inner-content > table > tbody > tr,
[class*="Subsection-Table"][class*="-Panel"][class*="-Text"] > * > tr > * > table,
[class*="Subsection-Table"][class*="-Panel"][class*="-Text"] > * > tr > * > table > tbody,
[class*="Subsection-Table"][class*="-Panel"][class*="-Text"] > * > tr > * > table > tbody > tr {
    width: 100%;
}

[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: #3d3d3d;
}

    [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,.65);
    }
/* Full height panel when replacing slideshow */
[class*="subsection"][class*="-panel"]:not([class*="-text"])[class*="full-height"],
[class*="Subsection-Table"][class*="-Panel"]:not([class*="-Text"])[class*="Full-Height"],
[class*="subsection"][class*="-panel"]:not([class*="-text"])[class*="full-height"] .inner-content,
[class*="Subsection-Table"][class*="-Panel"]:not([class*="-Text"])[class*="Full-Height"] > * > tr > *,
[class*="subsection"][class*="-panel"]:not([class*="-text"])[class*="full-height"] .inner-content > table > tbody,
[class*="Subsection-Table"][class*="-Panel"]:not([class*="-Text"])[class*="Full-Height"] > * > tr > * > table > tbody {
    width: auto !important;
}

@media (max-width: 667px) {
    [class*="subsection"][class*="-full-height"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
    [class*="Subsection-Table"][class*="-Full-Height"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
        margin-top: 33%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [class*="subsection"][class*="-panel"][class*="full-height"],
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"],
    [class*="subsection"][class*="-panel"][class*="full-height"] .inner-content,
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"] > * > tr > *,
    [class*="subsection"][class*="-panel"][class*="full-height"] .inner-content table,
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"] > * > tr > * > table,
    [class*="subsection"][class*="-panel"][class*="full-height"] .inner-content > table > tbody,
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"] > * > tr > * > table > tbody {
        width: 100% !important;
    }
}

@media (min-width: 668px) {
    [class*="subsection"][class*="-panel"][class*="full-height"][style*="url"],
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"][style*="url"] {
        height: 56.25vw;
        max-height: 100vh;
        align-items: center;
        display: flex;
    }
}

@media (max-width:1000px) {
    .slideshow-active [class*="subsection"][class*="-panel"][class*="full-height"][style*="url"],
    .slideshow-active [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"][style*="url"] {
        display: none;
    }
}
/* Panel centered styles, no text-left or text-right */
[class*="subsection"][class*="-panel"]:not([class*="-text"]) .inner-content > table > tbody > tr,
[class*="Subsection-Table"][class*="-Panel"]:not([class*="-Text"]) > * > tr > * > table > tbody > tr {
    justify-content: center;
}

[class*="subsection"][class*="-full-height"][class*="-panel"]:not([class*="-text"]) .inner-content > table > * > tr > *:only-of-type,
[class*="Subsection-Table"][class*="-Full-Height"][class*="-Panel"]:not([class*="-Text"]) > * > tr > * > table > * > tr > *:only-of-type {
    width: auto;
    margin-left: 2em;
    margin-right: 2em;
}

[class*="subsection"][class*="-panel"]:not([class*="-text"]) .inner-content > table > tbody > tr > td,
[class*="Subsection-Table"][class*="-Panel"]:not([class*="-Text"]) > * > tr > * > table > tbody > tr > td {
    background: rgba(0,0,0,.65) !important;
}

@media (min-width:1001px) {
    [class*="subsection"][class*="-full-height"]:not([class*="-text"]) .inner-content > table > * > tr > *:not(:empty):only-of-type,
    [class*="Subsection-Table"][class*="-Full-Height"]:not([class*="-Text"]) > * > tr > * > table > * > tr > *:not(:empty):only-of-type {
        padding-left: 4em;
        padding-right: 4em;
    }
}
/*Desktop Full Height "Promo" Styles*/
[class*="subsection"][class*="-full-height"]:first-of-type,
[class*="subsection"][class*="-full-height"]:only-of-type,
[class*="Subsection-Table"][class*="-Full-Height"]:first-of-type,
[class*="Subsection-Table"][class*="-Full-Height"]:only-of-type {
    padding-top: 6em;
}

@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;
    }

    [class*="-full-height"],
    [class*="-Full-Height"] {
        max-width: 100%;
    }
}

@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"][class*="-text"] tr td,
    [class*="Subsection-Table"][class*="-Panel"][class*="-Text"] > tbody > tr > td {
        width: 100% !important;
    }

    [class*="subsection"][style*="url"]:first-of-type .inner-content {
        padding-top: 8em !important;
        padding-bottom: 5em !important;
    }
    /* full height text-left to look like centered on responsive */
    [class*="subsection"][class*="-full-height"][class*="-panel"] .inner-content > table > * > tr > *:only-of-type,
    [class*="Subsection-Table"][class*="-Full-Height"][class*="-Panel"] > * > tr > * > table > * > tr > *:only-of-type {
        width: auto !important;
        margin-left: 2em;
        margin-right: 2em;
    }

    [class*="subsection"][class*="-panel"][class*="full-height"],
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"],
    [class*="subsection"][class*="-panel"][class*="full-height"] .inner-content,
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"] > * > tr > *,
    [class*="subsection"][class*="-panel"][class*="full-height"] .inner-content > table > tbody,
    [class*="Subsection-Table"][class*="-Panel"][class*="Full-Height"] > * > tr > * > table > tbody {
        width: auto !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 (max-width: 667px) {
    [class*="subsection"][class*="-full-height"][class*="-panel"] .inner-content > table > * > tr > *:only-of-type,
    [class*="Subsection-Table"][class*="-Full-Height"][class*="-Panel"] > * > tr > * > table > * > tr > *:only-of-type {
        width: 100% !important;
    }
}

@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: #003399;
}

    [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: #00a1c1;
        border-color: #00a1c1;
        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: #00a1c1;
    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: #00a1c1;
    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: 11rem; /*could need adjustment if not used for social content*/
        padding-top: 0.5rem;
    }

        .subsection-social a strong,
        .Subsection-Table-Social a strong {
            font-weight: 300;
            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: #003399;
    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: #003399;
        }

.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;
        flex-wrap: wrap;
    }


    #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: #003399;
    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: #003399;
    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;
}

[class*="Table-Grid"][class*="Icons"] > tbody {
    justify-content: center;
}

[class*="Table-Grid"][class*="Icons"] p,
[class*="Table-Grid"][class*="Icons"] a {
    transition: all .5s ease;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    [class*="Table-Grid"][class*="Icons"] p:before,
    [class*="Table-Grid"][class*="Icons"] a:before {
        font-size: 2.5em;
        line-height: 1.5;
    }
@media (max-width: 667px) {
    [class*="Table-Grid"][class*="-Panel"] > tbody > tr {
        flex-grow: 1;
    }
}
/*--------------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;
    color: #003399;
}

.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;
}

a#personalizationPopupx {
    background-color: #4a4a4a;
}

@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: #00a1c1;
}

    .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: #003399;
    }

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

.search-button:hover, .searchopen .search-button {
    background-color: #00a1c1;
}

    .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-----------------*/
#overlay {
    display: none;
}

#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: #003399;
}

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

        #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: #00a1c1;
        border-color: #00a1c1;
    }

#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: #00a1c1;
        border-color: #00a1c1;
        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: 450px; /* 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: #00a1c1 !important;
}

.toc-active a {
    color: #fff !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%;
}
/* overrides to eliminate contrast errors Color below may need adjusted depending on your active color.*/
.slideshow-container-controls a {
    color: #000;
    text-indent: -100em;
}


    .slideshow-container-controls div a,
    .slideshow-container-controls a span {
        color: #000;
    }

.slideshow-container-controls .toc-active a {
    color: #000 !important;
}
/* if toolbar is active, move next arrow so no overlap */
.tools-active #hero-main #next {
    right: 2rem;
}
/* ----- randomizer overrides -------*/
.home main {
    opacity: 0;
    transition: opacity 1.0s ease;
}

.reveal.home main {
    opacity: 1;
}
/* -----------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: #003399;
}

.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 .subsection-social a {
    color: #fff !important;
}

.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: #003399;
}

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

.muted #login .Button1 {
    color: #003399;
    border-color: #003399;
}*/
/* 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: #003399;
    }

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

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

.muted .Button2 {
    background-color: #003399;
    color: #fff !important;
}

    .muted .Button2:hover {
        background-color: #00a1c1;
    }
/* 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: #00a1c1;
}
/* -------- 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;
    }

/*------------ 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;
}

#hero-main, .slideshow-active [class*="-full-height"] {
    display: none !important;
}

.slideshow-active #hero-main, .slideshow-active section[class*="-panel"]:not([class*="-full-height"]) {
    display: block !important;
}
/*-------------- Override styles for this build -----------------------*/

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

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

.Button1,
.Button1.dark,
body:not(.mce-content-body).no-touch .Button1:hover {
    color: #fff;
}

.Button2,
.Button2.dark,
body:not(.mce-content-body).no-touch .Button2:hover {
    color: #fff;
}

body:not(.mce-content-body).no-touch .Button1.light:hover,
body:not(.mce-content-body).no-touch .Button2.light:hover {
    color: #fff;
}
/* ----------Splash site overrides ----------*/
/* Navigation display settings */
.splash nav#primary li:not(#logo):not([class*="login"]),
.splash #footer nav.secondary,
.splash nav#primary #menuopen {
    display: none;
}

/* Enhancement display settings */
/* Turn on promo to replace slideshow */
.splash.slideshow-active [class*="-full-height"],
.splash [class*="-panel"]:not([class*="-full-height"]) {
    display: flex !important;
}
/* Turn off enhancements */
.splash .toolbar,
.splash.weather-active #weather,
.splash.personalization-active .personalizationPopup,
.splash.personalization-active .firstname,
.splash.notice-active .notice,
.splash #hero-main,
.splash [class*="-panel"]:not([class*="-full-height"]) {
    display: none !important;
}

    /* Adjustment for first section without slideshow visible */
    .splash #hero-main + section[class*="-full-height"] {
        padding-top: 6em;
    }

/* override styles for community bank */
[class*="Table-Product"] th {
    border-right-color: #264e9c;
}
[class*="Table-Style"] th {
    border-right-color: #656565;
}
[class*="subsection"][style*="url"],
[class*="Subsection-Table"][style*="url"] {
    background-position: center 50%;
}

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

ul li p, ol li p {
    line-height: 1.4;
}
/* Table Grid Overrides */
@media only screen and (min-width: 569px) {
    [class*="Table-Grid"][class*="-One-Third"] > tbody > tr:first-child > td {
        padding-right: 2em;
    }

    [class*="Table-Grid"][class*="-One-Third"] > tbody > tr {
        flex-basis: calc(66% - 2em);
    }

        [class*="Table-Grid"][class*="-One-Third"] > tbody > tr:first-child {
            flex-basis: calc(33% - 2em);
        }

    [class*="Table-Grid"][class*="-Two-Thirds"] > tbody > tr:first-child > td {
        padding-right: 2em;
    }

    [class*="Table-Grid"][class*="-Two-Thirds"] > tbody > tr:first-child {
        flex-basis: calc(66% - 2em);
    }
}
/* Tall Logo overrides */
@media (max-width: 667px) {
    nav#primary .mobile-logo {
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .mobile-logo img {
        width: 65px;
    }
}
/* add more spacing on subpages with no image and tall logo */
.logo-tall main > section:not([style*="url"]):first-child .inner-content {
    padding-top: 4em;
}
/* Slideshow overrides */
@media (max-width:1450px) {
    .caption-container {
        width: 80%;
        margin-right: -40%;
    }
}

@media (max-width: 414px) {
    .caption-container {
        top: 10% !important;
    }
}

.Table-History {
    width: 100%;
    border: .075rem solid rgba(0,0,0,.2);
    margin-top: 1rem;
}

    .Table-History tbody tr td {
        padding: 0 1.5em;
    }

        .Table-History tbody tr td:first-of-type {
            width: 25%;
            min-width: 25%;
            text-align: center;
            color: #FFF;
            background-color: #003399;
            font-size: 2rem;
            font-weight: 600;
        }

            .Table-History tbody tr td:first-of-type p {
                margin: 0;
                padding: 0;
            }

        .Table-History tbody tr td:last-child {
            width: 30%;
        }

@media only screen and (max-width: 850px) {
    .Table-History tbody tr td {
        width: 100% !important;
        float: left;
    }
}

@media only screen and (min-width: 1001px) {
    body:not(.mce-content-body) a[href*="tel"] {
        font-weight: inherit;
    }
}
/* correct contrast ratio */
.Button2, .Button2.dark, .subsection-social a, .subsection-social.dark a, .login-button i, .login-button p, .login-button.dark i, .login-button.dark p {
    color: #000;
}

#footer .copyright {
    text-align: left;
}

footer ul.social {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 0 auto;
}

    footer ul.social li {
        padding: 0 .5em;
        font-size: 1.5em;
    }

        footer ul.social li:first-child {
            padding-left: 0;
        }

#footer-utility-logos ul.social a {
    font-size: 1em;
}

footer ul.social span {
    display: none;
}

@media (max-width: 767px) {
    footer ul.social {
        margin: 0 0 0 0;
    }
}
/* app banner overrides */
.app .sb-icon {
    overflow: visible;
}

.app img {
    max-width: 5em;
}