/*------------------------------------------------------------------------------------------------------------------*/
:root {
    --radius: .5em;
}

@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif'), local('DroidSerif'), url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v6/QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

@media only screen and (min-width: 1366px) {
    html {
        font-size: 1.15vw;
    }
}

@media only screen and (max-width:768px) {
    html {
        font-size: 18px;
    }
}

body {
    background-image: url(../images/background-lines.svg), linear-gradient(to bottom, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 60%);
    background-repeat: no-repeat;
    font-weight: 300;
    color: #414141;
    position: relative;
}
/* 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; */
}

/* 204 Template specific FONT OVERRIDES
-------------------------------------------------------------------------------------------*/
/* ----- Color overrides ------*/
[class*="Button"] {
    background-color: transparent;
}

[class*="Button1"],
.caption-container div.caption a[class*="Button"]:hover,
.no-touch [class*="Button2"]:hover,
.no-touch [class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"]:hover,
#contact input[type=checkbox]:checked + span::before,
#contact input[type=radio]:checked + span::before {
    border-color: #008852;
}

a, [class*="Button1"],
h2,
h4,
ul.List-Checkmark li:before,
.checkmark:before,
.Table-Simple caption,
#page .subsection h2,
#page .Subsection-Table h2,
footer nav.secondary ul li a:hover {
    color: #008852;
}

[class*="subsection"][class*="promo"],
[class*="Subsection-Table"][class*="Promo"],
[class*="Table-Style"] caption,
.no-touch [class*="Button"]:hover,
[class*="Table-Product"] th,
[class*="Table-Product"] tr th:nth-child(2n+3),
#gototop,
#login button,
#login .Button1,
.slideshow-control-bar > button:hover,
.no-touch [class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"]:hover,
#contact input[type=checkbox]:checked + span::before,
#contact input[type=radio]:checked + span::before {
    background-color: #008852;
}

@media only screen and (min-width:1001px) {
    #gototop:hover,
    nav#primary {
        background-color: #008852;
    }
}

@media only screen and (max-width:1000px) {
    nav#primary #menuopen,
    nav#primary > div > ul > li:hover > h2,
    nav#primary > div > ul > li[aria-expanded=true] > h2,
    nav#primary > div > ul > li:hover > h2 > a {
        color: #008852;
    }
}

[class*="Button2"],
[class*="subsection"][class*="promo"],
[class*="Subsection-Table"][class*="Promo"],
#login button:hover,
#oblinks,
#login .Button1:hover {
    background-color: #555555;
}

[class*="Button2"],
#login .Button1:hover {
    border-color: #555555;
}


header nav.secondary ul li a {
    color: #008852;
}

h3 {
    color: #555555;
}

header nav.secondary ul li a:hover {
    color: #008852;
}
/* ---- Fiserv Css overrides --- */
a:hover {
    color: #414141;
}

a[href="#"], a[href=""] {
    cursor: pointer;
}

a:not([href]):not([class]):not([data-duplicate]):not([data-remove]) {
    top: -1em;
}

a[href*='tel:'] {
    white-space: nowrap;
}

[class*="subsection"] a,
[class*="Subsection-Table"] a {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.125;
}

h1 {
    font-family: 'Droid Serif', Arial, Helvetica, sans-serif;
}

h2, h4 {
    font-weight: 300;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

strong {
    font-weight: 500;
}

[class*=section] ul ul,
[class*=section] ol ul,
[class*=section] ul ol,
[class*=section] ol ol,
[class*=Section] ul ul,
[class*=Section] ol ul,
[class*=Section] ul ol,
[class*=Section] ol ol {
    margin: 0;
    padding-left: 0;
    padding-bottom: 0;
}

[class*=section] ul li p,
[class*=section] ol li p,
[class*=Section] ul li p,
[class*=Section] ol li p {
    line-height: inherit;
}

[class*=section] ol ol,
[class*=Section] ol ol {
    margin-left: 1em;
}

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

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;
    top: .25em;
}

ol > li {
    padding: .5rem 0 .5em .5rem;
}

[class*="Button"] {
    line-height: 1.3;
    font-weight: 400;
    outline: 0;
    border: 1px solid;
    border-radius: .3333rem;
}

[class*="Button2"] {
    color: #fff;
}

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

hr {
    border-bottom: 0.0375em solid;
    padding-top: .5em;
}
/* ------------Tables-----------------*/
.Table-Product ul,
.Table-Style ul,
.Table-Simple ul,
[class*="Table-Grid"] ul,
[class*="Table-Grid"] ol {
    text-align: left;
    margin: 0;
    /* padding: 0; */
}

[class*="Table-Style"] th {
    border-right-color: #4d4d4d;
    background-color: #7e7e7e;
    color: #FFFFFF;
    font-weight: 500;
    border-bottom: 0;
    border-top: 0;
}

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

[class*="Table-Style"] caption {
    margin-top: 0;
}

[class*="Table-Product"] caption {
    font-weight: 300;
}

[class*="Table-Product"] th {
    border-bottom: 0;
}

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

        [class*="Table-Product"] th a:hover {
            color: #c7c7c7;
        }

[class*="Table-Style"] td p,
[class*="Table-Product"] td p {
    line-height: inherit;
}

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

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

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

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

        [class*="Table-"][class*="-Simple"] th p, [class*="Table-"][class*="-Simple"] td p {
            margin: .375rem 0;
        }

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

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

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

[class*="Table-Location"] {
    margin-top: 1em;
    margin-bottom: 1em;
}

    [class*="Table-Location"],
    [class*="Table-Location"] > tbody,
    [class*="Table-Location"] > tbody > tr > td {
        display: block;
    }

        [class*="Table-Location"] tr {
            display: flex;
            flex-wrap: wrap;
        }

        [class*="Table-Location"] td {
            flex-basis: calc(33% - 2rem) /* Change this to 50% if not using a photo in the first column */;
            padding-left: 2rem;
            vertical-align: top;
            flex-grow: 1;
        }

            [class*="Table-Location"] td:first-child {
                padding-left: 0;
            }

            [class*="Table-Location"] td:nth-child(2) {
                flex-grow: 2;
            }

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

@media only screen and (max-width: 1000px) {
    [class*="Table-Location"] tr {
        flex-wrap: wrap;
    }

    [class*="Table-Location"] td:last-child {
        flex-basis: 50%;
        padding-left: 0;
    }
}

@media only screen and (max-width:820px) {
    [class*="Table-Location"] tr {
        flex-direction: column;
    }

        [class*="Table-Location"] tr td {
            padding-left: 0;
            padding-top: 1em;
        }
}

@media only screen and (max-width: 500px) {
    [class*="Table-Location"] tr:first-child td:first-child {
        width: 100%;
    }
}
/* 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;
        }
}

/* ---------- structure overrides ------*/
.inner-content,
[class*="Subsection-Table"] > tbody > tr > td:first-of-type,
#page {
    width: 62.091rem;
}

@media only screen and (max-width:1365px) {
    .inner-content,
    [class*="Subsection-Table"] > tbody > tr > td:first-of-type,
    #page {
        width: 100%;
    }
}

header {
    position: relative;
    z-index: 100;
    background: #fff;
    display: block;
}
/*IE11*/
_:-ms-fullscreen, :root header {
    min-height: 100%;
}

header > .inner-content,
header > .inner-content > div {
    display: flex;
}

header > .inner-content {
    padding-top: 1.5rem;
    justify-content: space-between;
}

    header > .inner-content > div {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-end;
    }

@media only screen and (max-width: 1365px) {
    #page,
    #page > .inner-content {
        width: 100%;
    }

    .inner-content, header > .inner-content,
    [class*="subsection"][style*="url"] .inner-content {
        width: 100%;
        padding-right: 2em;
        padding-left: 2em;
    }
}

#logo {
    height: auto;
}

    #logo a {
        display: block;
        height: 100%;
        width: 15rem;
    }

    #logo img {
        width: 100%;
    }

header nav.secondary ul,
header nav.secondary ul li {
    margin: 0;
    padding: 0;
}

header nav.secondary ul {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
}

    header nav.secondary ul li {
        font-size: .889em;
    }

        header nav.secondary ul li a {
            padding: 0 .75em;
            display: block;
        }

            header nav.secondary ul li a:before {
                margin-right: .556em;
                position: relative;
            }


@media only screen and (max-width:1000px) {
    header #logo {
        display: none;
    }

    header > .inner-content {
        padding: 1em;
        justify-content: flex-end;
    }

    header > .inner-content {
        justify-content: center;
    }

    header nav.secondary ul li a {
        padding: 0 1em;
    }

    header nav.secondary ul li {
        font-size: .69em;
    }


        header nav.secondary ul li a span {
            display: none;
        }

    header .secondary a:before {
        font-size: 1.25em;
        margin-right: 0;
    }
}
/* ----- subsection overrides ---*/
.home [class*="subsection"] h2,
.home [class*="Subsection-Table"] h2 {
    font-family: 'Droid Serif', Arial, Helvetica, sans-serif;
}

@media only screen and (min-width: 1001px) {
    :not(.mce-content-body) > [class*="subsection"]:only-of-type,
    :not(.mce-content-body) > [class*="Subsection-Table"]:only-of-type {
        padding-bottom: 4em;
        padding-top: 4em;
    }

        :not(.mce-content-body) > [class*="subsection"]:only-of-type .inner-content {
            border-radius: 0 !important;
        }
}
/*Fade Left Overlay*/
[class*="subsection"][style*="url"][class*="-text-left"]:before,
[class*="Subsection-Table"][style*="url"][class*="-Text-Left"]:before {
    background: linear-gradient(to right, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 40%,rgba(255,255,255,0) 80%);
}

/*Fade Right Oveerlay*/
[class*="subsection"][style*="url"][class*="-text-right"]:before,
[class*="Subsection-Table"][style*="url"][class*="-Text-Right"]:before {
    background: linear-gradient(to right, rgba(255,255,255,0) 20%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0.95) 100%);
}
/* ---- Page shadow container -----*/
#page {
    margin: 0 auto;
    z-index: 10;
}

    #page > .inner-content,
    [class*="subsection"]:not([style*="url"]):not([class*="-promo"]):not([class*="-social"]):not([class*="-guide"]) > .inner-content,
    [class*="Subsection-Table"]:not([style*="url"]):not([class*="-Promo"]):not([class*="-Social"]):not([class*="-Guide"]) > tbody > tr > td:first-of-type {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 1.667rem 0px rgba(0, 0, 0, 0.3);
        border-radius: 1.11rem;
        padding: 3em 3em;
    }

    #page > .inner-content,
    [class*="subsection"]:not([style*="url"]):not([class*="-promo"]):not([class*="-social"]):not([class*="-guide"]) > .inner-content,
    [class*="Subsection-Table"]:not([style*="url"]):not([class*="-Promo"]):not([class*="-Social"]):not([class*="-Guide"]) > tbody > tr > td:first-of-type {
        margin-bottom: -1.5em;
        margin-top: -1.5em;
    }

    #page > .inner-content {
        padding: 0;
        border-top-right-radius: 0;
        margin-top: 0;
    }

[class*="subsection"],
[class*="Subsection-Table"] {
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(top, rgba(215,215,215,1) 0%,rgba(255,255,255,1) 90%);
    background: linear-gradient(to bottom, rgba(215,215,215,1) 0%,rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 );
    border-top: 1px solid #d7d7d7;
}

    [class*="subsection"]:first-of-type,
    [class*="Subsection-Table"]:first-of-type {
        border-top: 0;
    }

    [class*="subsection"][style*="url"]:first-of-type,
    [class*="Subsection-Table"][style*="url"]:first-of-type {
        background-color: #fff;
    }

    [class*="subsection"][style*="url"],
    [class*="Subsection-Table"][style*="url"] {
        background-position: center center;
    }

/* image sections on tablet */
@media only screen and (max-width:1000px) {
    [class*="subsection"][style*="url"], [class*="Subsection-Table"][style*="url"] {
        background-position: 70% 0;
    }
}
/* image sections on mobile */
@media only screen and (max-width:667px) {
    [class*="subsection"][style*="url"] .inner-content,
    [class*="Subsection-Table"][style*="url"]:not([class*="-Panel"]) > tbody > tr > td:first-of-type {
        padding-bottom: 2rem;
    }
}

@media (min-width: 668px) {
    /* create page overlap */
    [class*="subsection"][style*="url"] + [class*="subsection"]:not([style*="url"]):not([class*="promo"]):not([class*="-guide"]) > .inner-content,
    [class*="Subsection-Table"][style*="url"] + [class*="Subsection-Table"]:not([style*="url"]):not([class*="Promo"]):not([class*="-Guide"]) > tbody > tr > td:first-of-type {
        margin-top: -2rem;
        margin-bottom: -2rem;
    }
}
/* remove page overlap on mobile */
@media only screen and (max-width:667px) {
    [class*="subsection"][style*="url"] + [class*="subsection"]:not([style*="url"]):not([class*="promo"]) > .inner-content,
    [class*="Subsection-Table"][style*="url"] + [class*="Subsection-Table"]:not([style*="url"]):not([class*="Promo"]) > tbody > tr > td:first-of-type {
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 2rem;
    }
}
/* Remove overlap when content is last section */
main > .subsection:last-child .inner-content,
main > .Subsection-Table:last-child > tbody > tr > td:first-of-type {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media only screen and (min-width: 1001px) {
    :not(.mce-content-body) > [class*="subsection"]:first-of-type,
    :not(.mce-content-body) > [class*="subsection"]:only-of-type,
    :not(.mce-content-body) > [class*="Subsection-Table"]:first-of-type,
    :not(.mce-content-body) > [class*="Subsection-Table"]:only-of-type {
        padding-top: 0;
    }
}

[class*="subsection"]:only-of-type,
[class*="Subsection-Table"]:only-of-type {
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    [class*="subsection"]:only-of-type .inner-content,
    [class*="Subsection-Table"]:first-of-type > tbody > tr > td:first-of-type {
        margin-top: 0 !important;
        border-radius: 0 !important;
        margin-bottom: 0 !important;
    }
/* ---- Subsection-Table half ad below slideshow within page shadow -- */
#page .subsection,
#page .Subsection-Table {
    background: transparent;
    min-height: 300px;
}

    #page .subsection > .inner-content,
    #page .Subsection-Table > tbody > tr > td:first-of-type {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 4em 3em;
        background: none;
    }

        #page .subsection > .inner-content td,
        #page .Subsection-Table > tbody > tr > td:first-of-type > table > tbody > tr > td {
            padding-left: 1.5em;
            padding-right: 1.5em;
            width: 50%;
            vertical-align: middle;
        }

    #page .subsection img,
    #page .Subsection-Table img {
        width: 100%;
    }

@media only screen and (max-width:1000px) {
    #page .subsection > .inner-content td,
    #page .Subsection-Table > tbody > tr > td:first-of-type > table > tbody > tr > td {
        float: left;
        width: 100% !important;
        text-align: center;
        padding: 0;
    }

    #page .subsection img,
    #page .Subsection-Table img {
        max-width: 100%;
        width: initial;
        margin: 0 auto;
    }
}

/* --- Subsection-Table-Promo solid color promo ----*/
[class*="subsection"][class*="promo"],
[class*="Subsection-Table"][class*="Promo"] {
    min-height: 3rem;
    background-image: url(../images/background-stripe.svg);
    border-top: 0;
    text-align: center;
}


    [class*="subsection"][class*="promo"] .inner-content,
    [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td:first-of-type {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        padding: 3rem 0;
        flex-direction: column;
    }

        [class*="subsection"][class*="promo"] .inner-content:empty,
        [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td:first-of-type:empty {
            padding: 0;
        }

    [class*="subsection"][class*="promo"] table,
    [class*="Subsection-Table"][class*="Promo"] table {
        width: 100%;
    }

    [class*="subsection"][class*="promo"] .inner-content > table > tbody > tr,
    [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table > tbody > tr {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

        [class*="subsection"][class*="promo"] .inner-content > table > tbody > tr td,
        [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table > tbody > tr > td {
            padding: 0 1.25em;
        }

    /* For icon and text only in subsection promo */
    [class*="subsection"][class*="promo"] td p:only-of-type,
    [class*="subsection"][class*="promo"] td > p:only-of-type a:not([class*="Button"]),
    [class*="Subsection-Table"][class*="Promo"] td p:only-of-type,
    [class*="Subsection-Table"][class*="Promo"] td > p:only-of-type a:not([class*="Button"]) {
        display: block;
        font-weight: inherit;
    }

    [class*="subsection"][class*="promo"] td > p:first-child,
    [class*="Subsection-Table"][class*="Promo"] td > p:first-child {
        /* font-size: 1.25rem; */
        /* margin: 0; */
    }

    [class*="subsection"][class*="promo"] td > p a:not([class*="Button"]) img,
    [class*="Subsection-Table"][class*="Promo"] td > p a:not([class*="Button"]) img {
        text-align: center;
        margin: 0 auto;
    }

    [class*="subsection"][class*="promo"] td [class*="icon-"]:before,
    [class*="subsection"][class*="promo"] td [class*="fa-"]:before,
    [class*="Subsection-Table"][class*="Promo"] [class*="icon-"]:before,
    [class*="Subsection-Table"][class*="Promo"] [class*="fa-"]:before {
        /* font-size: 4rem; */
        /* margin-bottom: .75em; */
        /* display: block; */
    }

    [class*="subsection"][class*="promo"] td > p:first-child a img,
    [class*="subsection"][class*="promo"] td [class*="icon-"]:before,
    [class*="Subsection-Table"][class*="Promo"] td > p:first-child a img,
    [class*="Subsection-Table"][class*="Promo"] td [class*="icon-"]:before {
        /* margin-bottom: 1em; */
    }

    [class*="subsection"][class*="promo"] td img,
    [class*="Subsection-Table"][class*="Promo"] td img {
        display: block;
    }

    [class*="subsection"][class*="promo"] td > *:not([class*=Button]):first-child,
    [class*="subsection"][class*="promo"] h3 + h2,
    [class*="subsection"][class*="promo"] h2 + h3,
    [class*="Subsection-Table"][class*="Promo"] td > *:not([class*=Button]):first-child,
    [class*="Subsection-Table"][class*="Promo"] h3 + h2,
    [class*="Subsection-Table"][class*="Promo"] h2 + h3 {
        padding-top: 0;
    }

    [class*="subsection"][class*="promo"] table:not([class*="Table-"]) td:not(:empty):only-of-type,
    [class*="Subsection"][class*="Promo"] table:not([class*="Table-"]) td:not(:empty):only-of-type {
        width: 100%;
    }

@media only screen and (max-width:1365px) {
    [class*="subsection"][class*="promo"] .inner-content > table.Table-Social > tbody > tr,
    [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table.Table-Social > tbody > tr {
        justify-content: center;
    }
}

[class*="subsection"][class*="promo"] .inner-content > table.Table-Social > tbody > tr td,
[class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table.Table-Social > tbody > tr td,
[class*="subsection"][class*="promo"] .inner-content > table.Table-Social > tbody > tr td > *:first-child,
[class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table.Table-Social > tbody > tr td > *:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

[class*="subsection"][class*="promo"] .inner-content > table.Table-Social > tbody > tr td,
[class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table.Table-Social > tbody > tr td {
    min-width: 15rem !important;
}

@media only screen and (max-width:1000px) {
    [class*="subsection"][class*="promo"] .inner-content > table > tbody > tr,
    [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table > tbody > tr {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    [class*="subsection"][class*="promo"] .inner-content,
    [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td:first-of-type {
        padding: 2rem;
    }
}

[class*="subsection"][class*="promo"] *,
[class*="Subsection-Table"][class*="Promo"] *,
[class*="subsection"][class*="promo"].dark *,
[class*="Subsection-Table"][class*="Promo"].dark *,
[class*="subsection"][class*="promo"].dark td [class*="icon-"]:before,
[class*="subsection"][class*="promo"].dark td [class*="fa-"]:before,
[class*="Subsection-Table"][class*="Promo"].dark [class*="icon-"]:before,
[class*="Subsection-Table"][class*="Promo"].dark [class*="fa-"]:before,
[class*="subsection"][class*="promo"].dark td p:only-of-type,
[class*="subsection"][class*="promo"].dark td > p:only-of-type a:not([class*="Button"]),
[class*="Subsection-Table"][class*="Promo"].dark td p:only-of-type,
[class*="Subsection-Table"][class*="Promo"].dark td > p:only-of-type a:not([class*="Button"]),
.no-touch [class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"]:hover,
[class*="Subsection-Table"][class*="Promo"].light [class*="Button2"],
.no-touch [class*="Subsection-Table"][class*="Promo"].light [class*="Button2"]:hover {
    color: #fff;
}

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

[class*="subsection"][class*="promo"] [class*="Button2"],
[class*="subsection"][class*="promo"].dark [class*="Button2"],
[class*="Subsection-Table"][class*="Promo"] [class*="Button2"],
[class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"] {
    background-color: #fff;
}

[class*="subsection"][class*="promo"].light *,
[class*="Subsection-Table"][class*="Promo"].light *,
[class*="subsection"][class*="promo"].light h2,
[class*="Subsection-Table"][class*="Promo"].light h2,
[class*="subsection"][class*="promo"].light td [class*="icon-"]:before,
[class*="subsection"][class*="promo"].light td [class*="fa-"]:before,
[class*="Subsection-Table"][class*="Promo"].light [class*="icon-"]:before,
[class*="Subsection-Table"][class*="Promo"].light [class*="fa-"]:before,
[class*="subsection"][class*="promo"].light [class*="Button"],
[class*="Subsection-Table"][class*="Promo"].light [class*="Button"],
[class*="subsection"][class*="promo"] [class*="Button2"],
[class*="subsection"][class*="promo"].dark [class*="Button2"],
[class*="Subsection-Table"][class*="Promo"] [class*="Button2"],
[class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"] {
    color: #414141;
}

[class*="subsection"][class*="promo"].light [class*="Button"],
[class*="Subsection-Table"][class*="Promo"].light [class*="Button"] {
    border-color: #414141;
}
/* subsection promo below the slideshow */
#page .subsection-promo > .inner-content,
#page [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td:first-of-type {
    padding: 1rem 2.5rem;
}

@media only screen and (max-width:667px) {
    #page .subsection-promo > .inner-content,
    #page [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td:first-of-type {
        padding: 1rem 0;
    }
}
/* Subsection-Table-Promo social below slideshow */
@media only screen and (min-width:668px) {
    [class*="subsection"][class*="promo"] .Table-Social,
    [class*="Subsection-Table"][class*="Promo"] .Table-Social {
        font-size: 1.125rem;
    }
}

[class*="subsection"][class*="promo"] .Table-Social p,
[class*="Subsection-Table"][class*="Promo"] .Table-Social p {
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    text-align: left;
}

[class*="subsection"][class*="promo"] .Table-Social td [class*="icon-"]:before,
[class*="subsection"][class*="promo"] .Table-Social td [class*="fa-"]:before,
[class*="Subsection-Table"][class*="Promo"] .Table-Social [class*="icon-"]:before,
[class*="Subsection-Table"][class*="Promo"] .Table-Social [class*="fa-"]:before {
    font-size: 2.5em;
    margin-right: .35em;
}

@media only screen and (max-width:1000px) {
    [class*="subsection"][class*="promo"] .inner-content > table.Table-Social > tbody > tr,
    [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table.Table-Social > tbody > tr {
        text-align: left;
    }
}

@media (hover:hover) {

    [class*="Subsection-Table"][class*="Promo"] .Table-Social td,
    [class*="subsection"][class*="promo"] .Table-Social td {
        transition: all 0.5s ease;
    }

        [class*="Subsection-Table"][class*="Promo"] .Table-Social td:hover,
        [class*="subsection"][class*="promo"] .Table-Social td:hover {
            opacity: .5;
        }
}
/* Home Subsection Table overrides */
@media only screen and (min-width: 1001px) {
    .home #page + [class*="subsection"]:first-of-type,
    .home #page + [class*="Subsection-Table"]:first-of-type {
        padding-top: 1.5rem;
    }
}

@media (min-width: 668px) {
    .home #page + [class*="subsection"][style*="url"] .inner-content > table > * > tr > *,
    .home #page + [class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr > * {
        /* padding-top: 4rem; */
        /* padding-bottom: 4em; */
    }
}
/* all image sections more padding than fiserv css */
[class*="subsection"][style*="url"] .inner-content > table > * > tr > *,
[class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr > * {
    padding-bottom: 0em;
    padding-top: 0em;
}

@media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
    [class*="subsection"][style*="url"] .inner-content > table:not([class*="Table-"]) td:not(:empty),
    [class*="Subsection-Table"][style*="url"] > tbody > tr > td:first-of-type > table:not([class*="Table-"]) td:not(:empty) {
        padding-bottom: 2em;
        padding-top: 3em;
    }
}

@media only screen and (min-width: 668px) {
    /* first image section on subpage to compensate for the overlap */
    main > [class*="subsection"][style*="url"]:first-child .inner-content,
    main > [class*="Subsection-Table"][style*="url"]:first-child > * > tr > * {
        padding-bottom: 7rem !important;
        padding-top: 4rem !important;
    }

    /* image section after main content section to compensate for overlap */
    [class*="subsection"] + [class*="subsection"][style*="url"] .inner-content,
    [class*="Subsection"] + [class*="Subsection-Table"][style*="url"] > * > tr > * {
        padding-top: 7rem !important;
        padding-bottom: 5rem !important;
    }
}
/* ------ Quicklinks stripe ----*/

[class*="subsection"][class*="promo"] .inner-content > table,
[class*="subsection"][class*="promo"] .inner-content > table > tbody,
[class*="Subsection"][class*="Promo"] > tbody > tr > td:first-of-type > table.Table-Quicklinks,
[class*="Subsection"][class*="Promo"] > tbody > tr > td:first-of-type > table.Table-Quicklinks > tbody {
    display: block;
}

table.Table-Quicklinks {
    font-size: .8rem;
}

    table.Table-Quicklinks > tbody > tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        table.Table-Quicklinks > tbody > tr > td {
            position: relative;
            display: flex;
            flex-grow: 1;
            margin: 0;
            box-sizing: border-box;
            align-items: center;
            justify-content: center;
            padding: 1em 2em !important;
            flex-direction: column;
        }

    table.Table-Quicklinks a {
        position: relative;
        width: auto;
        display: flex;
        flex-direction: column;
        text-align: center;
        min-width: 0;
    }

        table.Table-Quicklinks a strong {
            font-weight: 300;
            display: block;
            font-size: 1.5em;
            line-height: 1.2;
        }

        table.Table-Quicklinks a:hover {
            transform: translateY(-.5em);
        }

        table.Table-Quicklinks a:before {
            font-size: 4em;
            width: auto;
            margin: 0 auto .35em auto !important;
        }

/* contrast Class overrides */
[class*="subsection"][class*="promo"].light table.Table-Quicklinks a,
[class*="Subsection"][class*="Promo"].light table.Table-Quicklinks a {
    color: #000;
}

[class*="subsection"][class*="promo"] table.Table-Quicklinks a,
[class*="Subsection"][class*="Promo"].dark table.Table-Quicklinks a {
    color: #fff;
}

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

#gototop {
    top: 70%;
    bottom: auto;
    color: #FFF;
    line-height: 1;
    width: 9.556rem;
    height: 2.389rem;
    right: -9.667rem;
    transform: none;
    border-radius: 0.3333rem 0 0 0.3333rem;
    transition: all .4s ease-in-out;
    z-index: 10;
}

    #gototop i {
        font-size: 1.667rem;
        position: absolute;
        top: .33rem;
        left: .611rem;
    }

    #gototop p {
        display: block;
        font-weight: 500;
        margin: 0;
        padding: 0 0 0 1rem;
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #fff;
        display: inline;
    }

.showtop #gototop {
    right: -6.944rem;
    transform: none;
}

@media only screen and (min-width:1001px) {
    #gototop:hover {
        right: -.5rem;
    }
}

footer {
    border-top: 1px solid #b6b6b6;
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#ffffff',GradientType=0 );
}

    footer > .inner-content,
    footer nav.secondary ul,
    #footer-utility-logos {
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
    }

    footer > .inner-content {
        justify-content: space-between;
    }

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

footer #footer-logo {
    width: 8em;
    max-width: 14em;
    padding-top: 1em;
}

footer nav.secondary {
    display: flex;
    align-items: center;
    font-size: .8rem;
    padding: 1em .75em;
    flex-direction: column;
}

    footer nav.secondary ul {
        margin: 0;
        padding: 0;
        flex-direction: row;
        justify-content: center;
    }

        footer nav.secondary ul li:first-of-type {
            padding-left: 0;
        }

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

@media only screen and (max-width:667px) /*iPhone 6 Landscape*/ {
    footer nav.secondary ul {
        flex-direction: column;
    }

        footer nav.secondary ul li {
            padding-left: 0;
        }
}

#footer-utility-logos {
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 1em;
    flex-grow: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    #footer-utility-logos a {
        color: #6c6c6b;
        margin-left: 1em;
        font-size: 2.125em;
    }

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

        #footer-utility-logos a:before {
            margin-right: 0;
        }

footer .details {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: .8em;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

    footer .details li {
        margin-left: 0;
    }

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

    footer .details + .copyright {
        margin-top: 0;
    }

footer .copyright {
    margin-top: 1em;
    font-size: .8rem;
    flex-basis: 100%;
    text-align: center;
}

@media only screen and (max-width:1000px) {
    footer #footer-logo {
        margin-right: 0;
    }

    footer > .inner-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer nav.secondary {
        max-width: 100%;
        text-align: center;
        margin: 1rem auto;
        padding: 0;
    }

    #footer-utility-logos {
        /* margin-left: 0; */
        /* max-width: 17rem; */
    }

        #footer-utility-logos a:first-child {
            margin-left: 0;
        }
}
/* -----------Search--------------*/
#search {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    margin-top: 0;
}

.search-active #search {
    width: 13.6rem;
    opacity: 1;
    visibility: visible;
}

form input[type=text]#searchquery {
    background-color: #ffffff;
    width: 100%;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    padding: .5rem .75rem;
    font-style: italic;
    border-radius: .4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Panel Navigation 3.2.2 overrides
-------------------------------------------------------------------------------------------*/
nav#primary {
    border-bottom: 0;
    box-shadow: 0rem 0rem 1.111rem 0rem rgba(84,102,112,0.31);
}

    nav#primary > div > ul > li > h2 > a {
        color: inherit;
    }

    nav#primary > div > ul > li:last-of-type > div {
        right: 0 !important;
    }

    nav#primary > div > ul > li > div div {
        background-color: #fff;
    }

        nav#primary > div > ul > li > div div ul li a {
            color: #414141;
        }

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

@media only screen and (min-width:1001px) {
    nav#primary {
        box-shadow: none;
    }

        nav#primary:before {
            content: "";
            position: absolute;
            width: 100%;
            height: .278rem;
            bottom: 0;
            background-color: rgba(0,0,0,0.1);
        }

        nav#primary > div {
            width: 62.091rem;
            padding: 0;
        }

            nav#primary > div,
            nav#primary > div > ul {
                justify-content: flex-end;
            }

                nav#primary > div > ul {
                    height: 100%;
                    max-width: 100%;
                }

                    nav#primary > div > ul > li {
                        height: auto;
                    }

                        nav#primary > div > ul > li > h2 {
                            padding: 1.35rem 2.25rem;
                            letter-spacing: 0;
                            font-weight: 300;
                            font-size: 1.1rem;
                        }
                            /* contrast class overrides */
                            nav#primary > div > ul > li > h2,
                            nav#primary.dark > div > ul > li > h2,
                            nav#primary > div > ul > li > h2 > a,
                            nav#primary.dark > div > ul > li > h2 > a,
                            nav#primary > div > ul > li:hover > h2,
                            nav#primary.dark > div > ul > li:hover > h2,
                            nav#primary > div > ul > li[aria-expanded=true] > h2,
                            nav#primary.dark > div > ul > li[aria-expanded=true] > h2,
                            nav#primary > div > ul > li:hover > h2 > a,
                            nav#primary.dark > div > ul > li:hover > h2 > a {
                                color: #fff;
                            }

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

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

        nav#primary > div > ul > li:hover > h2 {
            background-color: rgba(0,0,0,.15);
        }

        nav#primary[aria-expanded=true] #hover-release {
            width: 98vw;
        }
}

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

    .tools-active nav#primary > div {
        /* padding-right: 2.5rem; */
    }
}

@media only screen and (max-width:1000px) {
    nav#primary > div > ul > li > h2 {
        font-weight: 300;
    }

    /* ----------- Change mobile logo sizing here --------*/
    nav#primary .mobile-logo {
        max-width: 100%;
        width: 6em;
    }

    nav#primary > div {
        overflow: hidden;
    }
}

/* Login overrides */
#login {
    position: absolute;
    left: 1.667rem;
    top: 1.667rem;
    z-index: 2501;
    width: 18rem;
    font-size: .889rem;
    padding: 0;
    background: rgba(238,238,238,.85);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
}

#login-inner-content {
    padding: 0 1.5em 1em 1.5em;
    width: 100%;
}

#login h2 {
    margin: 0;
    padding: .5em 0 .25em 0;
    text-align: center;
}

#login form [class*=Button] {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0 1.25em;
    background-color: #555555;
}

    #login form [class*=Button]:hover {
        background-color: #008852;
    }

#login form .required:before {
    display: none;
}

#oblinks {
    border-radius: 0 0 var(--radius) var(--radius);
    background-image: url(../images/background-stripe.svg);
    width: 100%;
}

    #oblinks * {
        color: rgba(251,248,239,.8);
        margin: 0;
        padding: 0;
    }

    #oblinks ul {
        justify-content: center;
    }

        #oblinks ul li {
            margin: 0;
        }

            #oblinks ul li a {
                display: block;
                padding: 1.125em 1em;
            }

                #oblinks ul li a:hover {
                    opacity: 0.5;
                }

    #oblinks i {
        font-size: 1.111rem;
        margin-right: .556rem;
    }

@media only screen and (max-width: 1000px) {
    body.home #login {
        top: -17rem;
        left: auto;
        right: 1.667rem;
        -webkit-transition: top .5s ease;
        -moz-transition: top .5s ease;
        -ms-transition: top .5s ease;
        transition: top .5s ease;
        visibility: hidden;
    }

    body.home.openob #login {
        top: 1.667rem;
        visibility: visible;
    }
}

@media only screen and (max-width:375px) /*iPhone 6 Portrait*/ {
    #login {
        width: 100%;
        right: 0 !important;
    }
}

.ps-select [data-select]::before,
.ps-select [data-options-wrapper],
.ps-select [data-option],
.ps-select [data-group],
.rounded-corners .ps-select [data-select]:not(.open-up) [data-options-wrapper],
.rounded-corners.ps-select [data-select]:not(.open-up) [data-options-wrapper],
.rounded-corners .ps-select [data-select].open-up [data-options-wrapper],
.rounded-corners.ps-select [data-select].open-up [data-options-wrapper] {
    border: solid 1px rgba(204, 204, 204, 1);
}
/* ---- button login overrides -----*/
.login-buttons {
    text-align: right;
}

#login .Button1,
#login .Button1.dark {
    color: #fff;
    margin-right: 0;
    padding-left: 1em;
    padding-right: 1em;
}

    #login .Button1.light {
        color: #414141;
    }
/*-------------- Slideshow overrides--------------- */
#hero-main {
    height: 26.136em;
    width: 100%;
    background-color: #000;
}

@media only screen and (max-width:668px) {
    #hero-main {
        height: 23em;
    }
}

.csstransforms .slideshow .slide.active,
.csstransforms .slideshow video.active {
    opacity: .5;
}

.test .caption-container {
    border: 6px dotted yellow;
}

.caption-container {
    left: 22rem;
    padding: 0;
    top: 10%;
    width: 26em;
    margin-left: auto;
    font-size: 1.111rem;
    min-height: 17em;
}

.csstransforms .captionInActive {
    transition-delay: .1s;
    transform: translate(30px, 0px);
}

.csstransforms .captionActive {
    transition-delay: .5s;
    transform: translate(0px, 0px);
}

.caption-container div.caption * {
    color: #ffffff;
}

.caption-container div.caption h2,
.caption-container div.caption h3 {
    padding: .125em 0;
}

.caption-container div.caption h3 {
    font-weight: 300;
}

.caption-container div.caption h2 {
    font-size: 2.25em;
    font-weight: 100;
}

.caption-container div.caption p {
    padding: .25em 0;
}

.caption-container div.caption a[class*="Button"] {
    border-color: #fff;
}

.slideshow-control-bar > button > i:before {
    margin-right: 0;
}

.toc-active a {
    background-color: #008852 !important;
}

@media only screen and (max-width:1000px) {
    .caption-container {
        left: 0;
        padding: 0 5%;
        width: 100%;
        min-height: 20em;
    }

        .caption-container div.caption {
            padding-right: 2em;
        }
}

.slideshow-control-bar > button:hover {
    color: #fff;
}

.slideshow-container-controls div a:hover {
    background-color: #008852 !important;
    color: #fff !important;
}

#hero-main .text-progress-container {
    display: none;
}

@media only screen and (max-width:668px) {
    .slideshow .slide {
        background-position: 70% top;
    }

    [class*="subsection"],
    [class*="Subsection-Table"],
    .caption-container,
    .notice {
        font-size: .9rem;
    }
}
/* 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,
.slideshow-container-controls .toc-active a span {
    color: #fff !important;
}
/* Static promo in place of slideshow */
#page [class*="subsection"][style*="url"],
#page [class*="Subsection-Table"][style*="url"] {
    border-top: 0;
}

    #page [class*="subsection"][style*="url"][class*="-text-left"]:before,
    #page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"]:before {
        background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,.5) 100%);
        height: 100%;
    }

    #page [class*="subsection"][style*="url"][class*="-text-left"] .inner-content > table > * > tr > *,
    #page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] > * > tr > * > table > * > tr > * {
        font-size: 1.111rem;
        min-height: 17em;
    }

@media (min-width:1001px) {
    #page [class*="subsection"][style*="url"],
    #page [class*="Subsection-Table"][style*="url"] {
        height: 26.136em;
    }

        #page [class*="subsection"][style*="url"][class*="-text-left"] .inner-content > table > * > tr > *,
        #page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] > * > tr > * > table > * > tr > * {
            margin-left: 20rem;
        }
}

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

/* Section instead of slideshow */
#page [class*="subsection"][style*="url"][class*="-text-left"] .inner-content > table > * > tr > * h2,
#page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] > * > tr > * > table > * > tr > * h2 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 2.25em;
    font-weight: 100;
    padding-top: 0;
}

#page [class*="subsection"][style*="url"][class*="-text-left"] .inner-content > table > * > tr > * h3,
#page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] > * > tr > * > table > * > tr > * h3 {
    font-weight: 300;
}

#page [class*="subsection"][style*="url"][class*="-text-left"] .inner-content > table > * > tr > * p,
#page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] > * > tr > * > table > * > tr > * p {
    padding: .25em 0;
    margin: 0;
}

#page [class*="subsection"][style*="url"][class*="-text-"] .inner-content > table > * > tr > *,
#page [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * > table > * > tr > * {
    width: 55%
}

@media (max-width: 768px) {
    #page [class*="subsection"][style*="url"][class*="-text-"] .inner-content > table > * > tr > *,
    #page [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * > table > * > tr > * {
        width: 100%
    }
}

@media (min-width: 668px) {
    #page [class*="subsection"][style*="url"] .Button1,
    #page [class*="subsection"][style*="url"] .Button2,
    #page [class*="Subsection-Table"][style*="url"] .Button1,
    #page [class*="Subsection-Table"][style*="url"] .Button2 {
        border-color: #fff;
        color: #fff;
    }

    #page [class*="subsection"][style*="url"][class*="-text-left"] .inner-content > table > * > tr > * > *,
    #page [class*="Subsection-Table"][style*="url"][class*="-Text-Left"] > * > tr > * > table > * > tr > * > * {
        color: #fff;
    }

    #page [class*="subsection"][style*="url"] .inner-content > table > * > tr > *,
    #page [class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr > * {
        padding: 1.75em 2em 2em 1.8em;
    }
}
/* ------Forms overrides -------*/
form.validate-form .required:before,
form.validate-form ul[required]:before {
    display: none;
}

.validate-form .validation,
.validate-form .validation::before {
    color: #e40000;
}

.validate-form .valid .validation,
.validate-form .valid .validation::before {
    color: #008000;
}

form.ajax-form button {
    border: 1px solid;
}
/* --- Enhancements -----*/
/*-----toolbar overrides-----*/
.toolbar {
    z-index: 4001;
    font-size: 1rem;
}

    .toolbar > * {
        font-size: 1em;
    }

    .toolbar h2 {
        font-size: 1.5em;
        line-height: 1.2;
    }

    .toolbar p,
    .toolbar a.Button1 {
        font-size: .75em;
    }

    .toolbar a.Button1 {
        border-color: #fff;
    }

    .toolbar > * > * > i:before {
        margin-right: 0;
    }

@media (max-width:1080px) {
    /* adjust placement for ipad and smaller depending on logo height. */
    .toolbar {
        top: 32%;
    }
}

@media (max-width:1000px) {
    .notice-active.noticeactive .toolbar {
        top: 50%;
    }

    .toolbar {
        top: 32%;
    }
}

@media only screen and (max-width:668px) {
    /* moves caption over so its not covered by the toolbar tabs */
    .toolbar-side-right-enabled .caption-container,
    .toolbar-side-right-enabled .caption-container div.caption {
        padding: 0 2.5rem 0 1rem;
    }

    .toolbar-side-left-enabled .caption-container,
    .toolbar-side-left-enabled .caption-container div.caption {
        padding: 0 1rem 0 2.5rem;
    }
}

.toolbar > #Toolbar-Weather > div > div {
    width: 22em;
    font-size: .8em;
    position: relative;
    z-index: 1000;
}
/*---- Text-resizer overrides ---*/
@media only screen and (max-width: 1365px) {
    .font-size-smallest {
        font-size: 14px;
    }

    .font-size-small {
        font-size: 16px;
    }

    .font-size-normal {
        font-size: 18px;
    }

    .font-size-large {
        font-size: 20px;
    }

    .font-size-largest {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1366px) {
    .font-size-smallest {
        font-size: 1vw;
    }

    .font-size-small {
        font-size: 1.05vw;
    }

    .font-size-normal {
        font-size: 1.15vw;
    }

    .font-size-large {
        font-size: 1.25vw;
    }

    .font-size-largest {
        font-size: 1.35vw;
    }
}
/* --- Weataher 4.0 overrides -----*/
.weather-active [class*="subsection"][class*="promo"] .inner-content > table > tbody > tr,
.weather-active [class*="Subsection-Table"][class*="Promo"] > tbody > tr > td > table > tbody > tr {
    justify-content: space-around;
    flex-wrap: wrap;
}

.weather-active .inner-content .Weather {
    min-width: 20rem !important;
}

@media only screen and (max-width:768px) /*iPad Portait*/ {
    .Weather {
        min-width: 0;
    }
}

.Table-Quicklinks .Weather .part-2 {
    max-width: 13rem;
    /* flex-direction: row; */
}

.part-1 {
    order: 2;
    min-width: 7rem;
    height: 7em;
}

.weather-report .locationTitle {
    line-height: 1.2;
    margin-top: 0;
}

.weather-report .tempFaenheit {
    font-size: 2.5em;
}

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

.Change-Location-Link {
    border-width: 0 !important;
    padding: .6em 0;
    width: auto;
    display: inline;
    text-align: left;
    border-radius: 0;
    font-size: .8em;
}

    .Change-Location-Link:before {
        content: '\f124';
        font-family: 'fontAwesome';
        font-size: 1rem;
        margin-right: .5rem;
    }

.no-touch [class*="Button"].Change-Location-Link:hover {
    background-color: transparent;
}

.weather {
    position: relative;
    /* margin: 0; */
    width: 100%;
}

.subsection-promo #forecast {
    /* height: 0; */
    opacity: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
    left: 3rem;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    font-size: 1.125rem;
    /* padding-bottom: 10rem; */
    width: 25rem;
    -webkit-transition: opacity .5s ease, top .5s ease, height .5s ease, padding-bottom .5s ease;
    -moz-transition: opacity .5s ease, top .5s ease, height .5s ease, padding-bottom .5s ease;
    -ms-transition: opacity .5s ease, top .5s ease, height .5s ease, padding-bottom .5s ease;
    transition: opacity .5s ease, top .5s ease, height .5s ease, padding-bottom .5s ease;
}

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

.part-1,
.part-2 {
    z-index: 2;
}

#forecast .conditionImage {
    height: 2.5em;
}

.dayOfWeek {
    font-size: .65em;
    margin: .3em;
    line-height: 1;
}

#forecast .condition {
    display: block;
    font-size: .5em;
    line-height: 1.25;
    width: 6em !important;
    white-space: normal;
    overflow: visible;
    margin: .25em;
}

.subsection-promo #forecast .condition {
    min-height: 2rem;
}

.tempFarenheitHigh, .tempFarenheitLow {
    width: auto;
    letter-spacing: 0;
}

.weatherLocation input[type="text"] {
    width: 7em;
    border: 1px solid #ccc;
}

.show-change-location .Change-Location-Link {
    display: none;
}
/* ---- hover forecast -- */
@media only screen and (max-width:767px) /*iPad Portait*/ {
    .subsection-promo section .Weather #forecast {
        display: none;
    }
}

@media only screen and (min-width:768px) /*768 and larger*/ {
    .subsection-promo .Weather:hover #forecast {
        overflow: visible;
        opacity: 1;
        top: -7rem;
        /* left: 0; */
        z-index: 1;
        color: #666;
        padding-bottom: 10rem;
    }

    .subsection-promo .Weather .weather-report * {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

    .subsection-promo .forecastDay,
    .subsection-promo .forecastDay:nth-child(odd) {
        background: none;
    }

    .subsection-promo #forecast .forecastDay *,
    .subsection-promo .Weather:hover .weather-report * {
        color: #666 !important;
    }

    .conditionImage.Clear,
    .subsection-promo .Weather:hover .conditionImage.Clear {
        background-image: url(../images/Dark_Clear.html);
    }

    .conditionImage.PartlyCloudy,
    .subsection-promo .Weather:hover .conditionImage.PartlyCloudy {
        background-image: url(../images/Dark_PartlyCloudy.html);
    }

    .conditionImage.Cloudy,
    .subsection-promo .Weather:hover .conditionImage.Cloudy {
        background-image: url(../images/Dark_Cloudy.html);
    }

    .conditionImage.LightRain,
    .subsection-promo .Weather:hover .conditionImage.LightRain {
        background-image: url(../images/Dark_LightRain.html);
    }

    .conditionImage.Rain,
    .subsection-promo .Weather:hover .conditionImage.Rain {
        background-image: url(../images/Dark_Rain.html);
    }

    .conditionImage.HeavyRain,
    .subsection-promo .Weather:hover .conditionImage.HeavyRain {
        background-image: url(../images/Dark_HeavyRain.html);
    }

    .conditionImage.LightSnow,
    .subsection-promo .Weather:hover .conditionImage.LightSnow {
        background-image: url(../images/Dark_LightSnow.html);
    }

    .conditionImage.Snow,
    .subsection-promo .Weather:hover .conditionImage.Snow {
        background-image: url(../images/Dark_Snow.html);
    }

    .conditionImage.HeavySnow,
    .subsection-promo .Weather:hover .conditionImage.HeavySnow {
        background-image: url(../images/Dark_HeavySnow.html);
    }

    .conditionImage.Fog,
    .subsection-promo .Weather:hover .conditionImage.Fog {
        background-image: url(../images/Dark_Fog.html);
    }

    .conditionImage.Tstorms,
    .subsection-promo .Weather:hover .conditionImage.Tstorms {
        background-image: url(../images/Dark_Tstorms.html);
    }

    .conditionImage.LightIce,
    .subsection-promo .Weather:hover .conditionImage.LightIce {
        background-image: url(../images/Dark_LightIce.html);
    }

    .conditionImage.Ice,
    .subsection-promo .Weather:hover .conditionImage.Ice {
        background-image: url(../images/Dark_Ice.html);
    }
}
/*-----Personalization overrides ----- */
@media (min-width:491px) {
    .personalizationPopup {
        width: 23rem;
    }
}

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

.personalizationPopup h2 {
    font-size: inherit;
    text-transform: inherit;
}

.personalizationPopup h3 {
    letter-spacing: 0;
}

#personalizationPopupx {
    right: .25rem;
    padding: 0;
    font-size: 1rem;
    margin-top: 0;
    text-align: center;
    background-color: #4a4a4a;
}

.personalizationPopup form input[type=text] {
    padding: .5rem;
    border: 1px solid #c2c2c2;
    border-radius: .25rem;
}

#greetingXY {
    padding-top: 0;
}

@media only screen and (max-width:668px) {
    #greetingXY {
        text-align: center;
        margin: 0 auto;
    }
}

@media (max-width:490px) {
    .personalizationPopup form {
        padding-top: 0rem;
    }
}
/*------------Expander Overrides -----------*/
.Table-Expandable {
    margin: 0 !important;
}

    .Table-Expandable > caption {
        padding: 0;
    }

        .Table-Expandable > caption > * {
            padding-bottom: .2em;
            border-bottom: 1px solid #ccc;
        }

    .Table-Expandable.expanded > caption > *::after {
        color: #008852;
    }
/*------------ Tour overrides -------------*/
[data-tour] > div {
    padding: 2em;
}

[data-tour="logo"] {
    top: 1em !important;
    margin-left: 2em;
}

[data-tour="primary"] {
    top: 13em !important;
}

[data-tour="login"] {
    top: 13em !important;
    margin-left: -2em;
}

    /*---------Arrows-----------------------------*/
    /*----left----*/
    [data-tour="logo"] > div::after,
    [data-tour="login"] > div::after {
        top: 37px;
        bottom: auto;
        left: 0;
        transform: rotate(135deg);
    }
/*---top---*/
[data-tour="primary"] > div::after {
    top: -25px;
    transform: rotate(225deg);
    margin-left: 0;
    left: 13%;
}
/*----right----*/
/*[data-tour="login"] > div::after {
    top: 37px;
    bottom: auto;
    left: initial;
    right: -25px;
    transform: rotate(-45deg);
}*/
@media only screen and (max-width:1000px) {
    /* --- panels ---*/
    .tour > * > div {
        width: 100%;
        max-width: 100%;
    }

    [data-tour="primary"] {
        top: 9em !important;
    }

    [data-tour="login"] {
        top: 23rem !important;
        margin-left: 0
    }
    /*----arrrows----*/
    [data-tour="primary"] > div::after {
        left: auto;
        right: 1rem;
    }

    [data-tour="login"] > div::after {
        top: -1.4rem;
        transform: rotate(225deg);
        right: 8%;
        left: auto;
    }
}

@media (min-width: 668px) {

    [class*="subsection"][style*="url"][class*="-text-"] .inner-content,
    [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * {
        padding-top: 3rem !important;
        padding-bottom: 6rem !important;
    }

    [class*="subsection"] + [class*="subsection"][style*="url"][class*="-text-"] .inner-content,
    [class*="Subsection-Table"] + [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * {
        padding-top: 6rem !important;
    }
}
/* Privacy Table Overrides */
/* remove missing highlight on template base page */
body[class*="template204"].privacy-policy .Missing {
    background-color: transparent;
    color: inherit;
}
/* -------------accessibility mode --------------*/

/* switch accessibility icons */
.toolbar .accessibility-mode-toggle .toolbar-section:before,
header nav.secondary #accessibility-mode-toggle:before {
    content: "\f06e";
}

body.accessibility-enabled .accessibility-mode-toggle .toolbar-section:before,
body.accessibility-enabled header nav.secondary #accessibility-mode-toggle:before {
    content: "\f070";
}
/* accessibility mode in toolbar */
body.accessibility-enabled #toolbar .accessibility-mode-toggle:before {
    display: none;
}
/* accessibility mode in header nav */
header nav.secondary #accessibility-mode-toggle {
    cursor: pointer;
}

    header nav.secondary #accessibility-mode-toggle:before {
        font-family: 'FontAwesome';
        margin-right: .5em;
        line-height: 1;
    }

/* links */
body.accessibility-enabled footer nav.secondary a,
body.accessibility-enabled header nav.secondary ul li a,
body.accessibility-enabled .subsection a {
    text-decoration: underline;
}

/* slideshow and sections - compensate for padding of panel */
body.accessibility-enabled .caption-container .caption,
body.accessibility-enabled [class*="subsection"][style*="url"][class*="-text-"] .inner-content > table > * > tr > *,
body.accessibility-enabled [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * > table > * > tr > * {
    background-color: rgba(255,255,255,.85);
    padding: 1em 2em;
    border-radius: var(--radius);
}

body.accessibility-enabled [class*="subsection"][style*="url"][class*="-text-"] .inner-content,
body.accessibility-enabled [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * {
    padding-top: 3rem !important;
    padding-bottom: 6rem !important;
}

body.home.accessibility-enabled #page + [class*="subsection"]:first-of-type .inner-content,
body.home.accessibility-enabled #page + [class*="Subsection-Table"]:first-of-type > * > tr > * {
    padding-top: 2rem !important;
    padding-bottom: 5rem !important;
}

body.accessibility-enabled .caption-container .caption {
    padding: 1em;
}

body.accessibility-enabled [class*="subsection"] + [class*="subsection"][style*="url"] .inner-content,
body.accessibility-enabled [class*="Subsection"] + [class*="Subsection-Table"][style*="url"] > * > tr > * {
    padding-top: 6rem !important;
    padding-bottom: 4rem !important;
}

body.accessibility-enabled [class*="subsection"] + [class*="subsection"][style*="url"][class*="-text-"] .inner-content,
body.accessibility-enabled [class*="Subsection-Table"] + [class*="Subsection-Table"][style*="url"][class*="-Text-"] > * > tr > * {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
/* reset colors to improve contrast */
body.accessibility-enabled,
body.accessibility-enabled .caption-container div.caption *,
body.accessibility-enabled a,
body.accessibility-enabled [class*="Button1"],
body.accessibility-enabled h4,
body.accessibility-enabled ul.List-Checkmark li:before,
body.accessibility-enabled .checkmark:before,
body.accessibility-enabled .Table-Simple caption,
body.accessibility-enabled #page .subsection h2,
body.accessibility-enabled #page .Subsection-Table h2,
body.accessibility-enabled footer nav.secondary ul li a:hover,
body.accessibility-enabled footer nav.secondary ul li a,
body.accessibility-enabled #footer-utility-logos a,
body.accessibility-enabled [class*="section"] ul:not(.List-Checkmark) > li:before,
body.accessibility-enabled [class*="Section"] ul:not(.List-Checkmark) > li:before {
    color: #000;
}

    body.accessibility-enabled [class*="Button"],
    body.accessibility-enabled .caption-container div.caption a[class*="Button"] {
        border-color: #000;
    }

    body.accessibility-enabled [class*="Button2"],
    body.accessibility-enabled [class*="subsection"][class*="promo"],
    body.accessibility-enabled [class*="Subsection-Table"][class*="Promo"],
    body.accessibility-enabled.no-touch [class*="Button1"]:hover,
    body.accessibility-enabled #login button:hover,
    body.accessibility-enabled #oblinks,
    body.accessibility-enabled #login .Button1:hover,
    body.accessibility-enabled .personalizationPopup .Button1:hover {
        background-color: #000;
    }

    body.accessibility-enabled [class*="Button2"],
    body.accessibility-enabled [class*="Button1"]:hover {
        color: #fff !important;
    }

        body.accessibility-enabled [class*="Button2"]:hover,
        body.accessibility-enabled [class*="subsection"][class*="promo"] [class*="Button2"],
        body.accessibility-enabled [class*="subsection"][class*="promo"].dark [class*="Button2"],
        body.accessibility-enabled [class*="Subsection-Table"][class*="Promo"] [class*="Button2"],
        body.accessibility-enabled [class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"] {
            color: #000 !important;
        }

        body.accessibility-enabled [class*="Button2"]:hover {
            background: #fff;
        }



    body.accessibility-enabled table[class*="-Style"] th,
    body.accessibility-enabled table[class*="-Product"] th,
    body.accessibility-enabled table[class*="-Style"] caption,
    body.accessibility-enabled table[class*="-Product"] tr th:nth-child(2n+3) {
        background-color: #000;
    }

    body.accessibility-enabled .personalizationPopup h2,
    body.accessibility-enabled a#personalizationPopupx {
        background-color: #000;
    }

    body.accessibility-enabled #greetingXY,
    body.accessibility-enabled .greeting,
    body.accessibility-enabled #personalization a,
    body.accessibility-enabled h2.personalizationPopupTitle {
        color: #fff;
    }

    body.accessibility-enabled table[class*="-Style"] th, table[class*="-Product"] th, table[class*="-Style"] caption,
    body.accessibility-enabled table[class*="-Product"] tr th:nth-child(2n+3) {
        color: #fff;
    }
/* reset nav items if needed */
@media (min-width:1001px) {
    body.accessibility-enabled nav#primary > div > ul > li > div {
    }

        body.accessibility-enabled nav#primary > div > ul > li > div div ul li a,
        body.accessibility-enabled nav#primary > div > ul > li:hover > h2,
        body.accessibility-enabled nav#primary > div > ul > li[aria-expanded=true] > h2,
        body.accessibility-enabled nav#primary > div > ul > li:hover > h2 > a {
        }

    body.accessibility-enabled nav#primary > div > ul > li:hover {
    }
}
/*------activate for customizer -----*/
.toolbar.right,
.toolbar.left {
    opacity: 0;
}

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

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

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

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

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

body:not(.mce-content-body) [class*="subsection"][class*="promo"] .Personalization,
body:not(.mce-content-body) [class*="Subsection-Table"][class*="Promo"] .Personalization,
body:not(.mce-content-body).personalization-active [class*="subsection"][class*="promo"] .Personalization + td,
body:not(.mce-content-body).personalization-active [class*="Subsection-Table"][class*="Promo"] .Personalization + td,
body:not(.mce-content-body) [class*="subsection"][class*="promo"] .Weather,
body:not(.mce-content-body) [class*="Subsection-Table"][class*="Promo"] .Weather,
body:not(.mce-content-body).weather-active [class*="subsection"][class*="promo"] .Weather + td,
body:not(.mce-content-body).weather-active [class*="Subsection-Table"][class*="Promo"] .Weather + td {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0 !important;
    min-width: 0 !important;
    display: none !important;
}

body:not(.mce-content-body).personalization-active [class*="subsection"][class*="promo"] .Personalization,
body:not(.mce-content-body).personalization-active [class*="Subsection-Table"][class*="Promo"] .Personalization,
body:not(.mce-content-body).weather-active [class*="subsection"][class*="promo"] .Weather,
body:not(.mce-content-body).weather-active [class*="Subsection-Table"][class*="Promo"] .Weather {
    opacity: 1;
    visibility: visible;
    flex-grow: 0;
    padding: 0 0.75em !important;
    height: auto;
    width: auto;
    display: block !important;
}

.personalizationPopup.active {
    top: -1000px;
}

.personalization-active .personalizationPopup.active {
    top: 0px;
    /* margin-top: 3em; */
}

@media (max-height: 400px) {
    .personalization-active .personalizationPopup.active {
        margin-top: 0;
    }

    .personalizationPopup {
        width: 100%;
    }
}

.firstname {
    display: none;
}

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

#hero-main,
.slideshow-active #hero-main + [class*="subsection"][style*="url"][class*="-text-left"] {
    display: none;
}

.slideshow-active #hero-main {
    display: block;
}
/*-----------Muted---------------*/
.muted .subsection-promo,
.muted .Subsection-Table-Promo,
.muted .login-button,
.muted #oblinks,
.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 #page .subsection h2,
.muted #page .Subsection-Table 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,
.muted header nav.secondary ul li a {
    color: #414141;
}

/* ----------Splash site overrides ----------*/
/* Navigation display settings */
.splash nav#primary li h2,
.splash nav#primary #menuopen,
.splash header nav.secondary,
.splash footer nav.secondary {
    display: none;
}
/* remove space for header utility nav on mobile if not used */
@media (max-width:1000px) {
    .splash header > .inner-content {
        display: none;
    }
}
/* Adjustment for navigation without categories visible */
.splash nav#primary li {
    min-height: 1.5em;
}
/* center logo if footer nav not used */
.splash footer > .inner-content {
    justify-content: center;
}
/* Enhancement display settings */
/* Turn on promo to replace slideshow */
.splash #hero-main + [class*="subsection"][style*="url"][class*="-text-left"] {
    display: block;
}
/* Turn off enhancements */
.splash .toolbar,
body.splash.weather-active:not(.mce-content-body) [class*="subsection"][class*="promo"] .Weather,
body.splash.weather-active:not(.mce-content-body) [class*="Subsection-Table"][class*="Promo"] .Weather
.splash.personalization-active .personalizationPopup,
.splash.personalization-active .firstname,
.splash.notice-active .notice,
.splash #hero-main,
.splash [class*="-panel"]:not([class*="-full-height"]),
.splash .tour {
    display: none !important;
}


/* Subsection Guide overrides -- */
[class*="subsection-guide"],
[class*="Subsection-Table-Guide"] {
    padding-bottom: 2em;
}

[class*="Subsection-Table"] [class*="Subsection-Table-Guide"],
[class*="subsection"] [class*="subsection-guide"] {
    margin-left: -4rem;
    margin-right: -4rem;
    width: calc(100% + 8rem);
    box-shadow: 0 -0.135em 0.313em 0.125em rgba(0,0,0,0.10);
    margin-top: 2rem;
    padding-top: 1em !important;
    padding-bottom: 1em;
}

    [class*="Subsection-Table"] [class*="Subsection-Table-Guide"]:before,
    [class*="subsection"] [class*="subsection-guide"]:before {
        text-shadow: 0 -.095em .1em rgba(0,0,0,0.10);
    }

@media (max-width: 667px) {
    [class*="Subsection-Table"] [class*="Subsection-Table-Guide"],
    [class*="subsection"] [class*="subsection-guide"] {
        margin-left: -3em;
        margin-right: -3em;
        width: calc(100% + 6em);
    }
}

@media print {
    [class*="subsection"] a:after, [class*="Subsection-Table"] a:after {
        content: " [" attr(href) "] ";
    }

    body {
        font-family: Georgia, serif;
        background: none;
        color: #000;
        opacity: 1;
    }

    [class*="subsection"], [class*="Subsection-Table"],
    footer {
        background: transparent;
    }

    footer {
        border-top-width: 0;
    }

    body,
    [class*="subsection"] {
        background: none !important;
    }

        nav#primary,
        nav.secondary,
        [class*="subsection"][style*="url"][class*="-text-left"]:before,
        [class*="Subsection-Table"][style*="url"][class*="-Text-Left"]:before,
        footer nav.secondary,
        #gototop,
        #personalizationPopup1,
        #toolbar,
        [class*="subsection"][class*="-guide"]:before,
        [class*="Subsection-Table"][class*="-Guide"]:before,
        #login {
            display: none !important;
        }

        header .inner-content,
        [class*="subsection"] .inner-content,
        [class*="Subsection-Table"] > tbody > tr > td:first-of-type,
        #page,
        #page .inner-content,
        footer .inner-content,
        [class*="Subsection-Table"] [class*="Subsection-Table-Guide"],
        [class*="subsection"] [class*="subsection-guide"] {
            width: 100% !important;
        }

        [class*="Subsection-Table"] [class*="Subsection-Table-Guide"], [class*="subsection"] [class*="subsection-guide"],
        [class*="subsection"][class*="-guide"], [class*="Subsection-Table"][class*="-Guide"] {
            margin: 0;
            box-shadow: none;
            border-bottom: 2px solid #ccc;
        }

    footer .copyright {
        text-align: left;
    }

    header .inner-content {
        padding: 0 !important;
        margin: 0 !important;
    }

    main > [class*="subsection"][style*="url"]:first-child .inner-content > table > * > tr > *,
    main > [class*="Subsection-Table"][style*="url"]:first-child > * > tr > * > table > * > tr > *,
    .inner-content, [class*="Subsection-Table"] > tbody > tr > td:first-of-type {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main > [class*="subsection"][style*="url"]:first-child .inner-content > table > * > tr > *,
    main > [class*="Subsection-Table"][style*="url"]:first-child > * > tr > * > table > * > tr > *,
    .inner-content, [class*="Subsection-Table"] > tbody > tr > td:first-of-type,
    [class*="subsection"] + [class*="subsection"][style*="url"] .inner-content > table > * > tr > *,
    [class*="Subsection"] + [class*="Subsection-Table"][style*="url"] > * > tr > * > table > * > tr > * {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    #page > .inner-content, [class*="subsection"]:not([style*="url"]):not([class*="-promo"]):not([class*="-social"]):not([class*="-guide"]) > .inner-content, [class*="Subsection-Table"]:not([style*="url"]):not([class*="-Promo"]):not([class*="-Social"]):not([class*="-Guide"]) > tbody > tr > td:first-of-type {
        box-shadow: none !important;
    }

    #page > .inner-content, [class*="subsection"]:not([style*="url"]):not([class*="-promo"]):not([class*="-social"]):not([class*="-guide"]) > .inner-content, [class*="Subsection-Table"]:not([style*="url"]):not([class*="-Promo"]):not([class*="-Social"]):not([class*="-Guide"]) > tbody > tr > td:first-of-type {
        margin: 0;
    }

    [class*="Button"],
    .caption-container div.caption a[class*="Button"]:hover,
    .no-touch [class*="Button2"]:hover,
    .no-touch [class*="Subsection-Table"][class*="Promo"].dark [class*="Button2"]:hover,
    #contact input[type=checkbox]:checked + span::before,
    #contact input[type=radio]:checked + span::before {
        border-color: #000 !important;
    }

    [class*="Button2"] {
        background-color: #fff !important;
    }

    a, [class*="Button1"],
    h4,
    ul.List-Checkmark li:before,
    .checkmark:before,
    .Table-Simple caption,
    #page .subsection h2,
    #page .Subsection-Table h2,
    [class*="subsection"][class*="-guide"] h2,
    [class*="Subsection-Table"][class*="-Guide"] h2,
    [class*="subsection"][class*="promo"] *,
    [class*="subsection"][class*="promo"] td [class*="icon-"]:before,
    header nav.secondary ul li a {
        color: #000 !important;
    }

    #contact input[type=checkbox]:checked + span::before,
    #contact input[type=radio]:checked + span::before {
        background-color: #000 !important;
    }

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

    [class*="Button2"],
    #login .Button1:hover {
        border-color: #000 !important;
    }

    [class*="Table-Product"] th,
    [class*="Table-Product"] td,
    [class*="Table-Style"] th,
    [class*="Table-Style"] td,
    [class*="Table-Product"] tr th:first-child {
        border-color: #000 !important;
        border-width: 1px;
        border-style: solid;
    }

    [class*="Table-Product"] th,
    [class*="Table-Style"] th {
        font-weight: 700;
    }

    [class*="Table-Product"],
    [class*="Table-Product"] td,
    [class*="Table-Product"] th,
    [class*="Table-Product"] tr th:first-child,
    [class*="Table-Product"] tr td:first-child,
    [class*="Table-Style"] th,
    [class*="Table-Style"] td {
        background-color: #fff !important;
        color: #000;
    }

    ul, ol {
        page-break-inside: avoid;
    }

    img {
        -webkit-filter: grayscale(100%);
    }

    h1,
    h2,
    h3,
    h4,
    h1 + *,
    h2 + *,
    h3 + *,
    h4 + * {
        page-break-after: avoid;
    }
    /* Enhancements */
    body:not(.mce-content-body).weather-active [class*="subsection"][class*="promo"] .Weather,
    body:not(.mce-content-body).personalization-active [class*="subsection"][class*="promo"] .Personalization,
    .personalization-active .firstname,
    #notice,
    label[for=tab-toggle] {
        display: none !important;
    }

    .Table-Expandable > tbody {
        max-height: 10000vh !important;
    }

    #hero-main {
        background-color: #fff;
        max-height: 10000vh;
        height: auto;
    }

        #hero-main .slideshow,
        #hero-main .caption-container,
        #hero-main .slideshow-control-bar,
        #hero-main img {
            display: none;
        }

    body:not(.mce-content-body) .Table-Slide {
        display: block;
    }

    [class*="Table-Slide"] > * > tr > * {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
    color: #000;
}

@media (min-width: 668px) {
    main > [class*="subsection"][style*="url"]:first-child .inner-content > table > * > tr > *,
    main > [class*="Subsection-Table"][style*="url"]:first-child > * > tr > * > table > * > tr > * {
        min-height: 10rem;
    }
}

.home nav#primary #loginopen {
    background-color: #fff;
}