@import url("_base.css");
@import url("_variables.css");
@import url("_fonts.css");
@import url("_forms.css");
@import url("_animate.css");
@import url("_lightcase.css");

body {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    font-family: var(--font-family);
    color: var(--text-color-dark);
}

    body > main {
        flex-grow: 1;
    }

a {
    color: var(--link-color);
    overflow-wrap: break-word;
}

@media (hover:hover) {
    a:hover {
        color: var(--link-hover-color);
    }

    main a,
    footer a:not([class*="button"]):not([class*="fa"]):not([class*="icon"]) {
        transition: none;
    }

        main a:not([class*="button"]):not([class*="fa"]):not([class*="icon"]):not([href*="tel"]):hover,
        footer a:not([class*="button"]):not([class*="fa"]):not([class*="icon"]):not([href*="tel"]):hover {
            text-decoration: underline;
        }
}

a:not([href]):not([class]):not([data-duplicate]):not([data-remove]) {
    position: relative;
	top: calc((var(--fixed-element-height) + var(--nav-height)) * -1.5);
    display: block;
    visibility: hidden;
    height: 0;
    float: left;
}

@media (min-width: 1001px) {
    a:not([href]):not([class]):not([data-duplicate]):not([data-remove]) {
        top: calc((var(--fixed-element-height) + var(--nav-height)) * -1.2);
    }
}

a[href^="http"]:not([rel*="lightcase"]):not([href*="onlinebanktours"]):not([href*="fiservapps"]):not([href*="/pbi"]):not([href*="/PBI"]):not([href*="/ebc"]):not([href*="/EBC"]):not([href*="/forms/"]):not([class*="fa-"]):not([class*="icon-"]):not([href*="sideNavGeneratorAnchor"]):not([href*="oectours.com"]):not([href*="CALCULATORID"]):after {
    content: "\f08e";
    font-family: 'fontAwesome';
    margin-left: .25em;
    font-size: .8em;
}

body:not(.mce-content-body) a[href*="tel"] {
    white-space: nowrap;
}

@media (min-width: 1001px) {
    body:not(.mce-content-body) a[href*="tel"]:not([class*="button"]) {
        color: inherit;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headings);
    font-weight: 500;
}

[class*="section"] ul:not([class*="checkmark"]):not([class*="-location"]):not([class*="-pdf"]):not([class*="-form"]) > li:before {
    color: #929292;
}

ul[class*="checkmark"] > li:before,
ul[class*="-location"] > li:before,
ul[class*="-pdf"] > li:before,
ul[class*="-form"] > li:before {
    color: var(--color1);
    text-shadow: calc(var(--depth) * .05em) calc(var(--depth) * .05em) 0 rgba(var(--color2-rgba), .35);
}

ul[class*="list"] li:before {
    position: absolute;
    content: "\f0c8";
    font-family: 'fontAwesome';
    height: auto;
    display: block;
    position: absolute;
    text-align: center;
    left: .2em;
    top: .95em;
}

body:not(.forms) [class*="subsection"][style*="url"]:not([class*="text"]) ul,
body:not(.forms) [class*="subsection"][style*="url"]:not([class*="text"]) ul > li {
    margin-left: 0;
    padding-left: 0;
}

    body:not(.forms) [class*="subsection"][style*="url"]:not([class*="text"]) ul[class*="list"] li:before {
        position: initial;
        display: inline;
        margin-right: .25em;
    }

    body:not(.forms) [class*="subsection"][style*="url"]:not([class*="text"]) ul:not([class*="list-"]):not(.horizontal) > li:before {
        position: initial;
        display: inline;
        margin-right: .65em;
    }

ul[class*="checkmark"] > li:before {
    content: "\f00c";
    top: .2em;
    left: 0;
}

ul[class*="checkmark"] ul li:before {
    content: "\f096";
    height: auto;
    left: 0;
}

ul[class*="-location"] > li:before {
    content: "\f041";
    top: .2em;
}

ul[class*="-form"] > li:before {
    content: "\f0f6";
    top: .5em;
    left: 0;
}

ul[class*="-pdf"] li:before {
    content: '\f1c1';
    color: red;
    top: .5em;
    left: 0;
}

[class*="list"][class*="no-marker"] {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

    [class*="list"][class*="no-marker"] > li {
        padding-left: 0;
    }

        [class*="list"][class*="no-marker"] > li:before {
            display: none;
        }

ul[class*="panel"] {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

    ul[class*="panel"] li {
        background-color: var(--color4);
        margin: var(--vertical-spacing) 0;
        padding: .5em 2.1em !important;
        border-radius: var(--radius);
    }

    ul[class*="panel"]:not([class*="checkmark"]):not([class*="-location"]):not([class*="-form"]):not([class*="-pdf"]) li:before {
        position: absolute;
        top: .9em;
        left: 1em;
    }

ul[class*="list"][class*="panel"] li:before {
    left: .65em;
}

ul[class*="list"][class*="panel"][class*="checkmark"] li:before {
    left: .5em;
}

ul.list-checkmark {
}

ul.list-location {
}

ul.list-form {
}

ul.list-pdf {
}

ul.list-panel {
}

ul.list-no-marker {
}

ul.list-checkmark-panel {
}

ul.list-location-panel {
}

ul.list-form-panel {
}

ul.list-pdf-panel {
}

ul.list-no-marker-panel {
}

.checkmark:before {
    color: var(--color1);
    text-shadow: calc(var(--depth) * .05em) calc(var(--depth) * .05em) 0 rgba(var(--color2-rgba), .35);
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

h1 + h1, h2 + h2 {
    padding-top: 0em;
}

h1:not(:only-of-type):last-of-type,
h2:not(:only-of-type):last-of-type {
    margin-top: 0;
}

h1:not(:only-of-type) em,
h2:not(:only-of-type) em {
    font-size: .7em;
    font-style: inherit;
}

/*Promo Styles*/
@media (min-width: 1366px) {
    [class*="subsection"][class*="full-height"] {
        font-size: 1.15em;
    }

        [class*="subsection"][class*="full-height"] [class*="button"] {
            font-size: .87em;
        }
}

[class*="subsection"][class*="full-height"] h2 {
    font-size: 2.795em;
    letter-spacing: -.035em;
    margin-bottom: 0;
    font-weight: 300;
}

h1:not(:only-of-type) em,
h2:not(:only-of-type) em {
    text-transform: uppercase;
    font-size: .5em;
    letter-spacing: .25em;
    font-weight: 500;
    color: var(--color1);
    font-style: inherit;
}

.light h2:not(:only-of-type) em {
    color: var(--text-color-dark);
}

.dark h2:not(:only-of-type) em {
    color: var(--text-color-light);
}

@media (max-width: 667px) {
    [class*="subsection"][class*="full-height"] h2 {
        font-size: 2.5em;
    }
}

[class*="subsection"][class*="full-height"] h2 + h2 {
    margin: 0;
}

[class*="subsection"][class*="full-height"] h2 strong {
    font-weight: 500;
    color: var(--color3);
}

@media (min-width: 668px) {
    [class*="subsection"][class*="full-height"] h1:not(:only-of-type) em,
    [class*="subsection"][class*="full-height"] h2:not(:only-of-type) em {
        font-size: .35em;
    }
}

/*End Promo Styles*/
blockquote {
    font-size: .9em;
    position: relative;
    margin: var(--vertical-spacing) .5em 5em .5em;
    padding: 2em;
    text-align: left;
    background-color: #FFF;
    border-radius: var(--radius) var(--radius) var(--radius) 0;
    box-shadow: 0 .55em 1.11em .55em rgba(0,0,0,0.15);
}

    blockquote:before {
        content: '';
        border-color: #FFF transparent transparent #FFF;
        display: block;
        position: absolute;
        left: 0;
        margin-left: 0;
        bottom: -1.5em;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .833em
    }

    blockquote:after {
        display: none;
    }

    blockquote p {
        display: inline;
    }

    blockquote > strong, blockquote > p > strong {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        margin-top: 4.25em;
        left: 0;
        font-style: italic;
    }

    blockquote strong > em {
        font-size: .9em;
        font-weight: 300;
        width: 100%;
        font-style: normal;
        text-transform: uppercase;
    }

/*Highlight Styles*/
[class*="highlight"] {
    display: inline-block;
    position: relative;
    font-weight: 500;
}

[class*="highlight"]:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .6em;
    transform: skew(-14deg);
    /*background: rgba(var(--color3-rgba),.5);*/
	background-image: linear-gradient(
		to right,
		rgba(var(--color3-rgba), 0.1),
		rgba(var(--color3-rgba), 0.7) 4%,
		rgba(var(--color3-rgba), 0.3)
	);
    z-index: -1;
}
p span[class*="highlight"]:before {
	bottom: .1em;
}

/*Heading with Text Background*/
[class*="heading-bg"] {
    position: absolute;
    font-size: 2em;
    font-weight: 900;
    line-height: 1.15;
    max-width: 100%;
    white-space: nowrap;
    color: rgba(var(--color3-rgba),.15);
    /* color: #FFF;
    -webkit-text-stroke: 1px rgba(var(--color3-rgba),.5);
    -webkit-user-select: none;*/
    left: -.11px;
    bottom: -.25em;
    z-index: -1;
    text-transform: uppercase;
}

#typed {
    position: relative;
}

/*TABLES
-------------------------------------------------------------------------------------------*/
table[class*="style"] caption + thead > tr:first-of-type th {
    color: inherit;
    background-color: var(--color4) !important;
}

table[class*="style"] tr:first-of-type th {
    background-color: var(--color1);
    color: #FFF;
}

table[class*="style"] tr {
    background-color: var(--color4);
}

table[class*="style"] thead th {
    border-left-color: #d2d2d2;
    border-left-style: solid;
}

table[class*="style"] th {
    border-top-color: rgba(0,0,0,.25);
    border-right-color: rgba(0,0,0,.25);
    border-bottom-color: rgba(var(--color3-rgba), 1);
}

    table[class*="style"] th:first-child {
        border-left-color: #d2d2d2;
    }

    table[class*="style"] th a {
        color: #d2e7df;
    }

        table[class*="style"] th a:hover {
            color: #FFFFFF;
        }

table[class*="style"] td {
    border-right-color: #d2d2d2;
    border-bottom-color: #d2d2d2;
}

    table[class*="style"] td:first-child {
        border-left-color: #d2d2d2;
    }

table[class*="style"] tr:hover {
    background-color: #eee;
}

table[class*="style"] td[colspan] {
    background-color: #dde6e6 !important;
}

table[class*="style"] td[colspan], table[class*="product"] td[colspan] {
}

table[class*="style"] caption {
    color: #FFF;
    background-color: var(--color1);
    border-radius: var(--radius) var(--radius) 0 0;
}

table[class*="style"] tr:nth-child(even) td {
    background-color: #f9f9f9;
}

table[class*="style"] tr:nth-child(odd) td {
    background-color: #ffffff;
}

table[class*="product"] {
    border-top-color: #AEB89D;
}

    table[class*="product"] th {
        background-color: rgba(var(--color1-rgba),.7);
        color: var(--text-color-light);
        border-right-color: rgba(var(--color1-rgba),.5);
        border-bottom-color: rgba(var(--color3-rgba),1);
    }

        table[class*="product"] th:nth-of-type(2) {
            border-radius: var(--radius) 0 0 0;
            border-left-width: 0;
        }

        table[class*="product"] th:last-of-type {
            border-radius: 0 var(--radius) 0 0;
            border-right-width: 0;
        }

    table[class*="product"] td {
        border-bottom-color: #d2d2d2;
        border-right-color: #d2d2d2;
        background: #FFF;
    }

    table[class*="product"] tr:first-child td:first-child {
        border-top-color: #d2d2d2;
    }

    table[class*="product"] tr th:first-child, table[class*="product"] tr td:first-child {
        border-left-color: #d2d2d2;
    }

    table[class*="product"] tr th:first-child {
        background: none !important; /* Old browsers */
    }

    table[class*="product"] tr td:first-child {
        background-color: var(--color4);
        border-right-color: #d2d2d2;
    }

    table[class*="product"] tr:last-child td {
        border-bottom-color: #d2d2d2;
    }

    table[class*="product"] tr td:last-child {
        border-right-color: #d2d2d2;
    }

    table[class*="product"] caption, table[class*="product"] tr th:first-child, table[class*="product"] tr th:first-child p {
        color: var(--text-color-dark);
    }

    table[class*="product"] th a:hover {
        color: var(--text-color-light);
    }

    /*even columns (minus the first column). Remove +3 if all columns needed*/
    table[class*="product"] tr th:nth-child(2n+3) {
        background-color: var(--color1);
    }

table[class*="style"],
table[class*="product"],
table[class*="disclaimer"] {
    margin: var(--vertical-spacing) 0;
}

    table[class*="style"] > * > tr > *,
    table[class*="style"] > caption,
    table[class*="product"] > * > tr > *,

    table[class*="product"] > caption,
    table[class*="disclaimer"] > * > tr > *,
    table[class*="disclaimer"] > caption {
        padding: 1.25rem;
        margin: 0;
    }

    table[class*="product"] > * > tr > *,
    table[class*="product"] > caption {
        padding: 1.25em;
    }

    table[class*="product"] > * > tr > th {
        padding: 2em 1.25em;
    }

table[class*="-Notice"] > * > tr > *,
table[class*="-Notice"] > caption {
    padding: 1.25em;
}

@media (min-width: 321px) {
    [class*="subsection"] > div.inner-content table:not([class*="Table-"]) td:not(:empty) .Table-Simple td {
        width: 50% !important;
    }
}

/*SUBSECTIONS
-------------------------------------------------------------------------------------------*/

/*Subsection colors*/
[class*="subsection"] {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,247,247,1) 100%);
}

    [class*="subsection"][class*="color"]:not(.light),
    [class*="subsection"][class*="color"]:not(.light) h1:not(:only-of-type) em,
    [class*="subsection"][class*="color"]:not(.light) h2:not(:only-of-type) em {
        color: var(--text-color-light);
    }

    [class*="subsection"][class*="color1"] {
        background: var(--color1);
    }

    [class*="subsection"][class*="color2"] {
        background: var(--color3);
        ;
    }

    [class*="subsection"][class*="color"]:before {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url(../images/circles.svg);
        background-position: 145% 35%;
        background-size: 64%;
        background-repeat: no-repeat;
    }

    [class*="subsection"][class*="color"]:not([class*="text"]):before {
        background-position: 11% 19%;
        background-size: 100%;
    }

    [class*="subsection"][class*="color"][class*="text"][class*="right"]:before {
        transform: scaleX(-1);
    }

    /*Subsection colors with BG Image*/
    [class*="subsection"][style*="url"][class*="-color1"]:before,


    [class*="subsection"][style*="url"][class*="text"][class*="-color1"]:before {
        background: none;
        background-color: rgba(var(--color1-rgba),.75);
        /*mix-blend-mode: multiply;*/ /*darken, lighten, color-dodge, color-burn*/
    }

    [class*="subsection"][style*="url"][class*="-color2"]:before,
    [class*="subsection"][style*="url"][class*="text"][class*="color2"]:before {
        background: none;
        background-color: rgba(var(--color3-rgba),.75);
        /*mix-blend-mode: multiply;*/ /*darken, lighten, color-dodge, color-burn*/
    }

@media (max-width: 667px) {
    [class*="subsection"][style*="url"][class*="color"]:before,
    [class*="subsection"][style*="url"][class*="text"][class*="color"]:before {
        height: 100%;
    }

    [class*="subsection"][style*="url"][class*="color"]:not([class*="half"]) > div.inner-content {
        margin-top: 0;
    }
}

/*Default Full Width Overlay*/
[class*="subsection"][style*="url"]:before {
    background-color: rgba(255,255,255,.85);
}

/*Fade Left Overlay*/
[class*="subsection"][style*="url"][class*="text-left"]:before {
    background: linear-gradient(to right, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.65) 40%,rgba(255,255,255,0) 80%);
}

/*Fade Right Overlay*/
[class*="subsection"][style*="url"][class*="text-right"]:before {
    background: linear-gradient(to right, rgba(255,255,255,0) 20%,rgba(255,255,255,0.65) 60%,rgba(255,255,255,0.95) 100%);
}

/*Remove Fade for half Sections*/
[class*="subsection"][class*="half"][style*="url"]:before {
    display: none !important;
}

@media (min-width: 1001px) {
    /*For sticky top main nav*/
    :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:first-of-type,
    :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:only-of-type,
    :not(.mce-content-body):not(body):not(footer) > [class*="subsection"][class*="Fixed"]:first-of-type,
    :not(.mce-content-body):not(body):not(footer) > [class*="subsection"][class*="Fixed"]:only-of-type {
        margin-top: calc(var(--fixed-element-height) + var(--nav-height));
    }

    .home :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:first-of-type,
    .home :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:only-of-type,
    .header-overlap :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:first-of-type,
    .header-overlap :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:only-of-type {
        margin-top: 0;
    }

    .home :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):first-of-type,
    .home :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):only-of-type,
    .header-overlap :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):first-of-type,
    .header-overlap :not(.mce-content-body):not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):only-of-type {
        padding-top: calc(var(--fixed-element-height) + var(--nav-height));
    }

    .home :not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):first-of-type,    
    .home :not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):only-of-type
    .header-overlap :not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):first-of-type,    
    .header-overlap :not(body):not(footer) > [class*="subsection"]:not([class*="full-height"]):only-of-type {
            padding-top: calc(var(--fixed-element-height) + var(--nav-height));
        }

    /*For Slideshow above subsection*/
    #hero-main + [class*="subsection"] {
        padding-top: inherit;
    }

    /*Desktop Full Height "Promo" Styles*/
    [class*="subsection"][class*="full-height"]:only-of-type {
        padding-top: 0 !important;
    }

    [class*="full-height"],
    [class*="half"][class*="full-height"] {
        display: flex;
        /*height: 100vh;*/
        height: 56.25vw; /* height:width ratio = 9/16 = .5625  */
        max-height: 100vh;
        margin: auto;
        align-items: center;
        flex-wrap: wrap;
        min-height: 30em;
    }

    [class*="full-height"] { /*table-to-div*/
        max-width: 256.778vh;
    }

    /*text Resizer - allow content to grow at 200%*/
    html[class*="-200"] [class*="full-height"] {
        height: auto;
        max-height: none;
    }

    body > main [class*="subsection"]:only-of-type {
        display: flex;
        /* flex-direction: column; */
        /* height: auto; */
    }

    body > main > [class*="subsection"]:only-of-type {
        min-height: calc(100vh - 7.6em);
    }
}

@media (min-width: 1001px) {
    [class*="subsection"][class*="full-height"]:not([class*="half"]) > div.inner-content {
        padding-top: calc(var(--fixed-element-height) + var(--nav-height));
        padding-bottom: calc(var(--fixed-element-height) + var(--nav-height));
    }


    [class*="subsection"][class*="full-height"] > div.inner-content > * {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width:1000px) {
    [class*="subsection"],
    [class*="subsection"][style*="url"]:first-of-type {
        /*min-height: 0;*/
    }

        /*Mobile "Promo" Full-Height Styles*/
        [class*="subsection"][class*="full-height"] > div.inner-content table td:not(:empty) {
            padding: 3em;
        }
}

/*Layout Change for Smartphones*/
@media (max-width:667px) {

    [class*="subsection"]:not([class*="half"]):not([class*="panel"]):not([class*="-training"]) > div.inner-content table:not([class*="table-"]) td:not(:empty) {
        float: left;
        width: 100% !important;
        padding: 0 !important;
    }

        [class*="subsection"]:not([class*="half"]):not([class*="panel"]):not([class*="-training"]) > div.inner-content table[class*="location"] td:not(:empty) {
            float: none;
            width: inherit !important;
        }

    body.accessibility-enabled [class*="subsection"]:not([class*="half"]):not([class*="panel"]) > div.inner-content table:not([class*="table-"]) td:not(:empty),
    body.accessibility-high-contrast-enabled [class*="subsection"]:not([class*="half"]):not([class*="panel"]) > div table:not([class*="table-"]) td:not(:empty) {
        padding: 2em !important;
    }

    [class*="subsection"][style*="url"] > div.inner-content > table:not([class*="table-"]) {
        width: 100%;
    }

    /*Background position shift for left and right*/
    [class*="subsection"][style*="url"][class*="text-left"] {
        background-position: 80% top;
    }

    [class*="subsection"][style*="url"][class*="text-Right"] {
        background-position: 10% top;
    }

    [class*="subsection"][style*="url"]:before,
    [class*="subsection"][style*="url"][class*="text"]:before {
        display: block;
        background: rgba(255,255,255,0.75);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0.98) 70%,rgba(255,255,255,1) 100%);
        max-height: 100%;
        height: 92vw;
    }

    [class*="subsection"][style*="url"]:not([class*="half"]):not([class*="color"]),
    [class*="subsection"][style*="url"][class*="text-left"]:not([class*="half"]):not([class*="color"]),
    [class*="subsection"][style*="url"][class*="text-Right"]:not([class*="half"]):not([class*="color"]) {
        background-size: 212% !important;
        background-color: #FFF; /*match fade overlay*/
    }

    [class*="subsection"]:only-of-type > div.inner-content,
    [class*="subsection"]:first-of-type:not([style*="url"]) > div.inner-content {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

/*SUBSECTION WITH PANEL
-------------------------------------------------------------------------------------------*/
[class*="subsection"][class*="panel"] > div:first-of-type:not(:empty) > *,
body.accessibility-enabled [class*="subsection"][style*="url"] > div:not(:empty) > *,
body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"] > div:not(:empty) > * {
    position: relative;
    z-index: 1;
}

[class*="subsection"][style*="url"][class*="panel"]:before,
body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="color"]):before,
body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="color"]):before {
    display: none;
}

@media (max-width: 667px) {
    [class*="subsection"][style*="url"][class*="panel"]:before {
        display: block;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.98) 70%,rgba(255,255,255,1) 100%);
        max-height: 100%;
        height: 92vw;
    }

    [class*="subsection"][style*="url"][class*="panel"][class*="full-height"]:before {
        height: 125vw;
    }
}

[class*="subsection"][class*="panel"] > div:first-of-type:not(:empty):after,
body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty):after,
body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty):after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .85);
    border-radius: var(--radius);
}

[class*="subsection"][class*="panel"] > div:first-of-type:not(:empty),
body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="-half"]):not([class*="color"]) > div:not(:empty),
body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty) {
    padding: 2em;
    margin: 4em var(--page-padding-left);
}

@media (min-width: 668px){
    [class*="subsection"][class*="panel"] > div:first-of-type:not(:empty),
    body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="-half"]):not([class*="color"]) > div:not(:empty),
    body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="-half"]):not([class*="color"]) > div:not(:empty) {
        width: calc(50% - var(--page-padding-left));

    }

    [class*="subsection"]:not([class*="text"])[class*="panel"] > div:first-of-type:not(:empty),
    body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="text"]):not([class*="color"]) > div:not(:empty),
    body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="text"]):not([class*="color"]) > div:not(:empty) {
        width: 100%;
    }
}

@media (max-width: 667px){
    [class*="subsection"][class*="panel"] > div:first-of-type:not(:empty),
    body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty),
    body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty) {
        margin-bottom: 0;
    }
}

    [class*="subsection"][class*="panel"] > div + div,
    body.accessibility-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty) + div,
    body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div:not(:empty) + div {
        padding-top: 0em;
    }

[class*="subsection"][class*="panel"] > div > *:last-child,
body.accessibility-enable [class*="subsection"][style*="url"]:not([class*="color"]) > div table td:not(:empty) > *:last-child,
body.accessibility-high-contrast-enabled [class*="subsection"][style*="url"]:not([class*="color"]) > div table td:not(:empty) > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/*SUBSECTION WITH Half Image / Half text
-------------------------------------------------------------------------------------------*/

[class*="subsection"][class*="half"] {
    background-size: 0;
    background-position: 50% 50%;
    position: relative;
}

    [class*="subsection"][class*="half"],
    [class*="subsection"][class*="half"] > div:empty {
        background: inherit;
    }

        [class*="subsection"][class*="half"] > div:empty {
            background-size: cover;
            display: flex !important;
            background-position: 50% 50% !important;
            min-height: 15em;
        }

        [class*="subsection"][class*="half"] > div:not(:empty) {
            background-color: #FFF;

        }

[class*="subsection"][style*="url"][class*="half"][class*="full-height"] > div {
    width: 50%;
    align-items: stretch;
}

@media (min-width: 1001px) {
    [class*="subsection"][style*="url"][class*="half"][class*="full-height"] > div {
        height: 100%;
    }
}

@media (min-width: 1001px) {
    [class*="subsection"][style*="url"][class*="half"] > div {
        padding-top: calc(var(--fixed-element-height) + var(--nav-height)) !important;
        padding-bottom: calc(var(--fixed-element-height) + var(--nav-height)) !important;
    }
}

@media (max-width:667px) {
    [class*="subsection"][class*="half"] > div {
        margin-top: 0 !important;
        padding: 2em var(--page-padding-right) 2em var(--page-padding-left) !important;
        vertical-align: middle !important;
        width: 100% !important;        
    }

        [class*="subsection"][class*="half"] > div:not(:empty) {
            order: 2;
            min-height: 0 !important;
        }
}

/*Legacy*/
.inner-content {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;

    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: var(--page-padding-left);
    padding-right: var(--page-padding-right);
    background-clip: padding-box;
    z-index: 3;
}

@media (max-width:1000px) {
    .inner-content {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 667px) {
    [class*="Subsection-Table"][class*="panel"] > tbody > tr:first-of-type {
        padding-top: 0;
        padding-bottom: 0;
    }
}

[class*="Subsection-Table"][class*="half"] > tbody > tr:first-of-type {
    padding: 0;
}

@media (min-width: 1001px) {
    [class*="subsection"][class*="panel"] > div,
    body.accessibility-enabled [class*="Subsection-Table"][style*="url"]:not([class*="half"]) > tbody > tr:first-of-type,
    body.accessibility-high-contrast-enabled [class*="Subsection-Table"][style*="url"]:not([class*="half"]) > tbody > tr:first-of-type {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}

[class*="subsection"][style*="url"] > div,
[class*="subsection"][class*="color"] > div {
    min-height: calc(23rem - 6rem);
}

    [class*="Subsection-Table"][style*="url"] > tbody > tr:first-of-type > td,
    [class*="Subsection-Table"][class*="color"] > tbody > tr:first-of-type > td {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

[class*="Subsection-Table"] > tbody > tr:first-of-type > td {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: visible;
}

[class*="subsection"][style*="url"] .inner-content,
[class*="subsection"][class*="color"] .inner-content,
[class*="subsection"][class*="hero"] .inner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}

@media (max-width: 667px){
    [class*="subsection"][style*="url"],
    [class*="subsection"][class*="color"],
	[class*="subsection"][class*="hero"] .inner-content{
        flex-wrap: wrap;
    }
}

[class*="subsection"][style*="url"]:not([class*="text"]) > div:only-of-type,
[class*="subsection"][class*="hero"]:not([class*="text"]) > div:only-of-type,
[class*="subsection"][class*="color"]:not([class*="text"]) > div:only-of-type {
    text-align: center;
}

@media (min-width: 668px) {
    [class*="subsection"]:not([class*="text"]) > div:first-of-type:not(:only-of-type),
    [class*="subsection"][class*="color"]:not([class*="text"]) > div:first-of-type:not(:only-of-type) {
        padding-right: 2em !important;
        width: 50%;
     }

    [class*="subsection"]:not([class*="text"]) > div:last-of-type:not(:only-of-type),
    [class*="subsection"][class*="color"]:not([class*="text"]) > div:last-of-type:not(:only-of-type) {
        padding-left: 2em !important;
        width: 50%;        
    }
    
    [class*="Subsection-Table"][style*="url"][class*="text"][class*="panel"]:not([class*="half"]) > * > tr > td:first-of-type,
    body.accessibility-enabled [class*="Subsection-Table"][style*="url"]:not([class*="half"]) > tbody > tr > td,
    body.accessibility-high-contrast-enabled [class*="Subsection-Table"][style*="url"]:not([class*="half"]) > * > tr > td {
        padding: 2em !important;
    }
}

[class*="Subsection-Table"][style*="url"][class*="text"][class*="-left"] > * > tr:first-of-type,
[class*="Subsection-Table"][class*="color"][class*="text"][class*="-left"] > * > tr:first-of-type {
    justify-content: flex-start;
}

    body:not(.accessibility-enabled):not(.accessibility-high-contrast-enabled) [class*="Subsection-Table"][style*="url"][class*="text"][class*="-left"]:not([class*="panel"]):not([class*="half"]) > * > tr:first-of-type td:first-of-type,
    [class*="Subsection-Table"][class*="color"][class*="text"][class*="-left"] > * > tr:first-of-type td:first-of-type {
        padding-left: 0 !important;
    }

[class*="Subsection-Table"][style*="url"][class*="text"][class*="-Right"] > * > tr:first-of-type,
[class*="Subsection-Table"][class*="color"][class*="text"][class*="-Right"] > * > tr:first-of-type {
    justify-content: flex-end;
}

    body:not(.accessibility-enabled):not(.accessibility-high-contrast-enabled) [class*="Subsection-Table"][style*="url"][class*="text"][class*="-Right"]:not([class*="panel"]):not([class*="half"]) > * > tr:first-of-type td:first-of-type,
    [class*="Subsection-Table"][class*="color"][class*="text"][class*="-Right"] > * > tr:first-of-type td:first-of-type {
        padding-right: 0 !important;
    }

@media (max-width: 667px) {
    [class*="subsection"][style*="url"]:not([class*="half"]):not([class*="color"]) > div:first-of-type {
        margin-top: 48%;
        min-height: 0;
    }

    [class*="subsection"][style*="url"]:not([class*="half"]) > div:last-of-type:not(:only-of-type) {
        padding-top: 0;

        min-height: 0;
    }

    /*[class*="Subsection-Table"] > tbody > tr:first-of-type > td:not(first-of-type) {
        margin: calc(var(--vertical-spacing) / 4) 0;
        padding-top: calc(var(--vertical-spacing) / 1.5);
    }*/

    [class*="subsection"][style*="url"][class*="full-height"] > div {
        text-align: center;
    }
}

@media (min-width: 1366px) {
    [class*="subsection"][style*="url"][class*="overlay"] {
        background-color: #c2c2c2;
        border-top: .0375em solid #000;
    }

        [class*="subsection"][style*="url"][class*="overlay"]:before {
            display: none;
        }
}

/*SUBSECTION Navigation
-------------------------------------------------------------------------------------------*/
[class*="subsection"][class*="navigation"] {
    font-size: .889em;
    z-index: 2;
}

[class*="subsection"][class*="navigation"] {
    background: #FFF;
}

    [class*="subsection"][class*="navigation"] > * > tr > * {
        padding-top: inherit;
    }

[class*="table"][class*="list"] {
    display: flex;
    width: 100%;
}

    [class*="table"][class*="list"] > * {
        display: flex;
        width: 100%;
    }

        [class*="table"][class*="list"] > * > tr {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
        }

            [class*="table"][class*="list"] > * > tr > td {
                flex-grow: 1;
            }


@media (min-width: 1001px) {
    [class*="table"][class*="list"] > * > tr > td:nth-of-type(2) ~ td:last-of-type {
        flex-grow: 0;
    }
}

@media (max-width:667px) {
    [class*="table"][class*="list"] > * > tr > * {
        width: 100% !important;
    }
}

@media (min-width:668px) and (max-width:1000px) {
    [class*="table"][class*="list"] > * > tr > * {
        width: calc(50% - (2 * var(--vertical-spacing)));
    }
}

/*[class*="Subsection-Table"][class*="Navigation"] > * > tr > * > [class*="table"][class*="list"]:first-child > * > tr > * > *:first-child {
    margin-top: 0 !important;
}
*/
body > footer > [class*="subsection"][class*="navigation"] h3 {
    color: inherit;
    font-size: 1.2em;
    padding-bottom: .5em;
    margin-bottom: 0;
}

body > footer > [class*="subsection"][class*="navigation"] [class*="list"][class*="no-marker"] a {
    color: inherit;
    font-weight: 300;
}

    body > footer > [class*="subsection"][class*="navigation"] [class*="list"][class*="no-marker"] a:hover {
        color: var(--color1);
    }

/*SUBSECTION GUIDE
-------------------------------------------------------------------------------------------*/

[class*="subsection"][class*="-guide"] {
    background: #fbfbe9;
    box-shadow: 0 -0.135em 0.313em 0.125em rgba(0,0,0,0.22);
    z-index: 2;
}

    [class*="subsection"][class*="-guide"]:before {
        display: flex;
        justify-content: center;
        font-family: fontawesome;
        content: '\f0d8';
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        right: 0;
        margin: 0 auto;

        top: -.85em;
        font-size: 5em;
        color: #fbfbe9;
        text-shadow: 0 -.095em .1em rgba(0,0,0,0.22);
        z-index: 9;
    }

    [class*="subsection"][class*="-guide"] h2 {
        color: #2c8299;
    }

@media (min-width: 1001px) {
    [class*="subsection"][class*="-guide"] > div {
        padding-left: calc(var(--page-padding-left) + 5%);
        padding-right: calc(var(--page-padding-right) + 5%);
    }
}

@media (max-width: 667px) {
    [class*="subsection"][style*="url"]:not([class*="panel"]) + [class*="-Table"][class*="-Guide"] {
        margin-top: 2em;
    }
}

/*LINKS
-------------------------------------------------------------------------------------------*/
.button1, .button2 {
    color: #FFF;
    background-color: var(--color1);
    border-radius: var(--radius);
}

.button2 {
    color: #FFF;
    background-color: var(--color2);
}

    .button1:disabled, .button2:disabled {
        background-color: #FFF !important;
        color: #aeaeae !important;
    }

body:not(#tinymce) a > strong > em,
body:not(#tinymce) a > em > strong,
body:not(#tinymce) [class*="button"] > strong > em,
body:not(#tinymce) [class*="button"] > em > strong {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

@media (hover:hover) {
    .button1:hover {
        color: #FFF;
        background-color: var(--color3);
    }

    .button2:hover {
        color: #FFF;
        background-color: var(--color3);
    }
}

[class*="button"].Missing,
.Missing [class*="button"] {
    box-shadow: 0 0 0 .35em yellow;
    color: #FFF !important;
}

/*Speedbump/Mailbump Buttons without a p tag fix*/
body.[class*="bump"] [class*="Subsection-Table"] > tbody > tr:first-of-type > td {
    display: block;
}

#gototop {
    color: rgba(255, 254, 255, .8);
    background: rgba(var(--color1-rgba), .3);
    border-radius: var(--radius);
    z-index: 100;
}

    #gototop:before {
        margin: 0;
    }

    #gototop:hover {
        background-color: var(--color1);
    }

#lightcase-case {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

iframe {
    max-width: 100%;
}

hr {
    border: none;
    border-bottom: 0.0375em dashed;
    height: 0.0375em;
    width: 100%;
    border-color: #ccc;
    padding-top: 1em;
    clear: both;
    display: block;
}

#tinymce ul,
#tinymce ol,
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6,
#tinymce [class]:not([class*="-resizehandle"]) {
    position: relative;
}

    #tinymce ol:hover:after,
    #tinymce ul:hover:after,
    #tinymce h1:hover:after,
    #tinymce h2:hover:after,
    #tinymce h3:hover:after,
    #tinymce h4:hover:after,
    #tinymce h5:hover:after,
    #tinymce h6:hover:after,
    #tinymce [class]:not(.mce-item-table):not([class*="Include-"]):hover:after,
    #tinymce [class*="Subsection-"]:hover:after,
    #tinymce [class*="Table-"]:hover:after {
        content: attr(class);
        color: #000;
        background-color: var(--color4);
        border-radius: var(--radius);
        font-weight: 400;
        font-size: .75rem;
        padding: .375em;
        position: absolute;
        top: -.5em;
        left: 0;
        box-shadow: .277em .277em .277em 0 rgba(0,0,0,.25);
        z-index: 100;
        pointer-events:none !important;
    }

#tinymce [class*="Subsection-"]:hover:after,
#tinymce [class*="Table-"]:hover:after {
    content: attr(class) !important;
    background-color: #00fd00 !important;
    top: 0 !important;
    z-index: 1;
}

#tinymce [class*="-Grid"]:hover:after {
    top: -1.75em !important;
}

#tinymce [class*="-Grid"]:hover {
    overflow: visible;
}

#tinymce h1:hover:after {
    content: "Heading 1";
}

#tinymce h2:hover:after {
    content: "Heading 2";
}

#tinymce h3:hover:after {
    content: "Heading 3";
}

#tinymce h4:hover:after {
    content: "Heading 4";
}

#tinymce h5:hover:after {
    content: "Heading 5";
    top: -1em;
}

#tinymce h6:hover:after {
    content: "Heading 6";
    top: -2em;
}

#tinymce [class*="Missing"]:hover:after,
#tinymce [class*="Disclaimer"]:hover:after,
#tinymce [class*="Simple"]:hover:after {
    top: -2em !important;
}

#tinymce ul:not([class]):hover:after {
    content: "Unordered list - Default";
    top: -1.25em;
}

#tinymce ol:not([class]):hover:after {
    content: "Ordered list";
    top: -1.25em;
    left: -2em;
}

#tinymce [class*="button"][href^="http"]:hover:after {
    content: attr(class);
}

#tinymce [class*="button"]:hover:after {
    top: -1.5em !important;
}

#tinymce [class*="Subsection-Table"] > tbody > tr > td > *:first-child:hover:after,
#tinymce [class*="Subsection-Table"] > tbody > tr > td > table:not([class*="Table-"]) > * > tr > td:empty > *:first-child:hover:after,
#tinymce [class*="Subsection-Table"][style*="url"] > div > table:not([class*="Table-"]) > * > tr > td:not(:empty) > *:first-child:hover:after,
#tinymce [class*="table"][class*="grid"] > tbody > tr > td > *:first-child:hover:after {
    top: -1.5em !important;
    left: 5em !important;
}

/*BROWSER UPGRADE
-------------------------------------------------------------------------------------------*/
body > * {
    order: 2
}

body > .browser-upgrade {
    order: 1
}

.browser-upgrade {
    display: none;
    width: 100%;
    height: 3.5em;
    margin: -3.5em 0 0 0;
    padding: 0 .5em;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    background-color: #ffff49;
    overflow: hidden;
    box-sizing: border-box;
}

    .browser-upgrade.fixed {
        position: fixed;
        z-index: 1000;
    }

    .browser-upgrade strong {
        padding-right: .25em;
    }

    .browser-upgrade [class*="fa-"]:before {
        padding-left: .5em;
        padding-right: .5em;
        font-size: 1.2em;
    }


@media only screen and (min-width: 1001px) {

    _:-ms-fullscreen, :root .browser-upgrade {
        display: flex;
    }

    /*TOP VERSION
    -------------------------------------------------------------------------------------------*/
    html _:-ms-fullscreen, :root {
        padding-top: 3.5em;
    }

    /*BOTTOM VERSION
    -------------------------------------------------------------------------------------------*/
    /*html _:-ms-fullscreen, :root {
        height: auto;
        padding-bottom: 3.5em;
    }

    .browser-upgrade.fixed {
        bottom: 0;
    }*/

    /*OLDER SITE OVERRIDES - TOP VERSION ONLY
    -------------------------------------------------------------------------------------------*/
    /*Top version*/
    /*html _:-ms-fullscreen, :root {
        padding-top: 3.5rem;
    }

    p.browser-upgrade {
        margin: -3.5rem 0 0 0;
    }*/
}

.table-location > * > tr > * {
    flex-basis: calc(33% - 2rem) /* Change this to 50% if not using a photo in the first column */;
}

/* Table Grid */
[class*="table"][class*="grid"] > tbody {
    justify-content: space-between;
}

    [class*="table"][class*="grid"] > tbody > tr > td {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    [class*="table"][class*="grid"] > tbody > tr > td * {
        position: relative;
        z-index: 1;
    }

[class*="table"][class*="grid"][class*="panel"] > tbody > tr {
    background-color: var(--color4);
    border-radius: var(--radius);
}

[class*="table"][class*="grid"][class*="panel"][class*="-color1"] > tbody > tr {
    background-color: var(--color1);
}

[class*="table"][class*="grid"][class*="panel"][class*="-color2"] > tbody > tr {
    background-color: var(--color3);
}

[class*="table"][class*="grid"][class*="panel"][class*="color"][class*="all"] > tbody > tr:nth-child(2n+1) {
    background-color: var(--color1);
}

[class*="table"][class*="grid"][class*="panel"][class*="color"][class*="all"] > tbody > tr:nth-child(2n+2) {
    background-color: var(--color3);
}

[class*="table"][class*="grid"][class*="panel"] > tbody > tr > td {
    padding: calc(var(--vertical-spacing) * 2);
}

[class*="table"][class*="grid"][class*="color"] > tbody > tr {
    position: relative;
}

    [class*="table"][class*="grid"][class*="color"] > tbody > tr:before {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url(../images/circles.svg);
        background-position: 145% 35%;
        background-size: 64%;
        background-repeat: no-repeat;
    }

[class*="table"][class*="grid"][class*="-thirds"] > tbody,
[class*="table"][class*="grid"][class*="-fourths"] > tbody {
    justify-content: flex-start;
}

/*-----Table-Grid-Custom tables------*/
[class*="table"][class*="grid"][class*="-team"] > tbody {
    justify-content: center;
}

    [class*="table"][class*="grid"][class*="-team"] > tbody > tr > td {
        text-align: center;
    }

        [class*="table"][class*="grid"][class*="-team"] > tbody > tr > td img {
            max-width: min(15em, 100%);
        }

[class*="table"][class*="grid"][class*="color"] [class*="button"] {
    border: .0375em solid rgba(255,255,255,.65);
    padding: .525em 1.425em;
}

/*-----Table-Grid-Step tables------*/
[class*="table"][class*="grid"][class*="step"] {
    counter-reset: step 0;
    overflow: visible;
}

[class*="table"][class*="grid"][class*="-Fourths"][class*="step"] {
    font-size: .75em;
}

[class*="table"][class*="grid"][class*="step"] > * > tr > * {
    display: grid;
    grid-template-areas: "step-part-1 step-header" "step-part-1 step-main";
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr;
    column-gap: calc(var(--vertical-spacing) * 2);
    counter-increment: step;
}

    [class*="table"][class*="grid"][class*="step"] > * > tr > *:before {
        content: counter(step);
        grid-area: step-part-1;
        color: #fff;
        font-weight: bold;
        font-size: 3em;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 7rem;
        width: 7rem;
        border-radius: calc(var(--radius) / 3);
        box-shadow: calc(var(--remix) * (.25em / 3)) calc(var(--remix) * (.25em / 3)) 0 var(--color3);
        transform: rotate(calc(var(--rotate) / 3));
        border-bottom: calc(var(--depth) * (.25em / 3)) rgba(0,0,0,.25) solid;
        background-color: rgba(var(--color1-rgba), calc(1 - (var(--translucency) * .15)));
        background-image: url(../images/circles.svg);
        background-position: 110% 35%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

[class*="table"][class*="grid"][class*="half"][class*="step"] > * > tr > *:before {
    height: 7rem;
    width: 7rem;
}

@media (max-width:400px) {
    [class*="table"][class*="grid"][class*="half"][class*="step"] > * > tr > *:before {
        height: 3rem;
        width: 3rem;
    }
}

@media (min-width:401px) and (max-width:568px) {
    [class*="table"][class*="grid"][class*="half"][class*="step"] > * > tr > *:before {
        height: 4rem;
        width: 4rem;
    }
}

@media (min-width:569px) and (max-width:800px) {
    [class*="table"][class*="grid"][class*="half"][class*="step"] > * > tr > *:before {
        height: 3rem;
        width: 3rem;
    }
}

@media (min-width:801px) and (max-width:1000px) {
    [class*="table"][class*="grid"][class*="half"][class*="step"] > * > tr > *:before {
        height: 4rem;
        width: 4rem;
    }
}

[class*="table"][class*="grid"][class*="-Thirds"][class*="step"] > * > tr > *:before {

    height: 4rem;
    width: 4rem;
}

[class*="table"][class*="grid"][class*="-Fourths"][class*="step"] > * > tr > *:before {
    height: 3rem;
    width: 3rem;
}

[class*="table"][class*="grid"][class*="step"] > * > tr > *:after {
    content: "Step " counter(step) "";
    grid-area: step-header;
    order: 1;
    font-weight: bold;
    font-size: 1.5em;
}


[class*="table"][class*="grid"][class*="step"] > * > tr > * > * {
    order: 2;
}

@media (max-width:767px) {
    [class*="table"][class*="grid"][class*="Float-Right"] > * > tr {
        flex-grow: 1;
    }
}

@media (min-width:768px) {
    [class*="table"][class*="grid"][class*="Float-Right"] {
        float: right;
        width: auto !important;
        margin-left: calc(var(--vertical-spacing) * 4);
    }

    [class*="subsection"] .inner-content > [class*="table"][class*="grid"][class*="Float-Right"]:first-child + *,
    [class*="Subsection-Table"] > tbody > tr > td > [class*="table"][class*="grid"][class*="Float-Right"]:first-child + * {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* Table Privacy */
table.table-privacy{
    border-bottom-color: #ccc;
}
.table-privacy > caption,
.table-privacy th {
    background: #666;
    color: #fff;
}

.table-privacy > caption, 
.table-privacy th,
.table-privacy > tbody > tr > td {
    border-color: #fff;
}

.table-privacy > caption {
    text-align:left;
    border-bottom: none !important;
}

.table-privacy > tbody > tr:nth-child(even) td {
    background-color: #fff;
}

.table-privacy > tbody > tr:nth-child(odd) td {
    background-color: #eee;
}

/* Quicklinks Section */
:root {
    --icon-font-size: 3;
    --icon-app-style-height: calc((var(--icon-font-size) * 1rem) - .25rem);
}

@media (max-width: 667px) {
    :root {
        --icon-font-size: 2.5;
        --icon-app-style-height: calc((var(--icon-font-size) * 1rem) * .35);
    }
}

[class*="subsection"][class*="quicklinks"] {
    text-align: center;
}

[class*="table"][class*="quicklinks"][class*="grid"] {
    margin-top: 1em;
}

[class*="table"][class*="quicklinks"] [class*="icon-"]:before,
[class*="table"][class*="quicklinks"] [class*="fa-"]:before {
    margin: 0;
}

@media only screen and (min-width: 668px) {
    [class*="table"][class*="quicklinks"][class*="grid"] {
        display: flex;
        table-layout: fixed;
        white-space: nowrap;
        /*height: 100%;*/
    }
}

[class*="table"][class*="quicklinks"][class*="grid"] {
}

    [class*="table"][class*="quicklinks"][class*="grid"] tbody, [class*="table"][class*="quicklinks"][class*="grid"] tr {
        display: flex;
        width: 100%;
    }

    [class*="table"][class*="quicklinks"][class*="grid"] tr {
        flex-wrap: wrap;
        justify-content: center;
    }

    [class*="table"][class*="quicklinks"][class*="grid"] > tbody > tr > td {
        position: relative;
        display: flex;
        width: 26%;
        max-width: 12rem; /*reduce for more per row*/
        flex-grow: 1;
        padding: 0;
        text-align: center;
        align-items: flex-start;
        justify-content: center;
        background-clip: padding-box;
    }

    [class*="table"][class*="quicklinks"][class*="grid"][class*="description"] > tbody > tr > td {
        max-width: 15rem;
    }

    [class*="table"][class*="quicklinks"][class*="grid"] img {
        width: calc((var(--icon-font-size) * 1%) + (var(--icon-font-size) * 10% + 5%));
        height: calc((var(--icon-font-size) * 1rem) + 2rem);
    }

    [class*="table"][class*="quicklinks"][class*="grid"] a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        width: 100%;
        padding: 1em;
        color: var(--color2);
        transition: all .5s ease;
        white-space: normal;
        z-index: 5;
    }

    [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) a:hover {
        color: var(--color3);
    }

        [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) a:hover:before {

            /*transform: rotateY(360deg); /*flip icon*/
            color: var(--color3);
        }

    [class*="table"][class*="quicklinks"][class*="grid"] a > strong {
        font-size: 1.35em;
    }

    [class*="table"][class*="quicklinks"][class*="grid"] a:before {
        display: flex;
        width: 5rem;
        height: 5rem;
        width: calc((var(--icon-font-size) * 1rem) + 2rem);
        height: calc((var(--icon-font-size) * 1rem) + 2rem);
        justify-content: center;
        align-items: center;
        transition: all .5s ease-out; /*transition: all 1s ease-out; /*flip icon*/
        font-size: calc(var(--icon-font-size) * 1em);
        color: var(--color1);
        box-sizing: border-box;
    }

    [class*="table"][class*="quicklinks"][class*="grid"] a.icon-credit-cards-1-o:before {
        font-size: calc((var(--icon-font-size) * 1em) - .5em);
    }

    [class*="table"][class*="quicklinks"][class*="grid"] a.icon-piggy-bank-o:before {
        font-size: calc((var(--icon-font-size) * 1em) + .5em);
    }

    [class*="table"][class*="quicklinks"][class*="grid"] a.icon-check-o:before {
        padding-top: .2em;
    }

    [class*="table"][class*="quicklinks"][class*="grid"] a.icon-grad-hat-o:before {
        padding-top: .15em;
    }

    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a.icon-check-o:before {
        padding-left: .13em;
    }

@media only screen and (max-width:1000px) {
    [class*="table"][class*="quicklinks"][class*="grid"] > tbody > tr > td {
        min-height: 0 !important;
        margin: .5em 0;
    }
}

@media only screen and (max-width: 667px) {
    [class*="table"][class*="quicklinks"][class*="grid"][class*="card"] > tbody > tr > td {
        min-width: 9rem;
    }

    [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) > tbody > tr > td {
        min-width: 8rem;
    }

    [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) a {
        font-size: .78em;
        padding: .35em;
    }

        [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) a > strong {
            font-size: 1.25em;
        }

        [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) a:before {
            width: 3rem;
            height: calc((var(--icon-font-size) * 1rem) + .25rem);
            padding: 0;
        }

    [class*="table"][class*="quicklinks"][class*="grid"] a.icon-check-o:before {
        padding-top: .15rem;
    }

    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a.icon-check-o:before,
    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a.icon-grad-hat-o:before {
        padding-top: .25rem;
    }

    [class*="table"][class*="quicklinks"][class*="grid"]:not([class*="card"]) img {
        max-height: calc((var(--icon-font-size) * 1em) + .5em);
        margin-bottom: .5em;
    }
}

/*App Style Version*/
[class*="table"][class*="quicklinks"][class*="grid"][class*="app"] {
    margin-top: 1.5em;
}

    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a {
        padding: calc((var(--icon-font-size) * 1em) * 2.1) .5em 1em .5em;
        z-index: 5;
        text-transform: uppercase;
        color: var(--color1);
    }

@media (hover:hover) {
    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a:hover:before {
        opacity: 1;
        background: var(--color1);
        color: #FFF;
    }
}

[class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    display: flex;
    width: calc((var(--icon-font-size) * 1rem) + var(--icon-app-style-height));
    height: calc((var(--icon-font-size) * 1rem) + var(--icon-app-style-height));
    font-size: calc((var(--icon-font-size) * 1rem) + .25rem);
    color: rgba(var(--color1-rgba), .75);
    border-radius: .45em;
    box-shadow: 0 0 .45em 0 rgba(0,0,0,.15);
    transition: all .65s ease;
    background: transparent;
    z-index: 1;
}

[class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a.icon-credit-cards-1-o:before {
    font-size: calc((var(--icon-font-size) * 1em) - .2em);
}

@media (max-width: 667px) {
    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"]:not([class*="card"]) > tbody > tr > td {
        /*how many per row*/
        min-width: 4rem;
        max-width: 6rem;
    }

    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a:before {
        width: calc((var(--icon-font-size) * 1rem) + var(--icon-app-style-height));
        height: calc((var(--icon-font-size) * 1rem) + var(--icon-app-style-height));
        font-size: calc((var(--icon-font-size) * 1rem) - .4rem);
        box-shadow: 0 0 .45em 0 rgba(0,0,0,.2);
    }

    [class*="table"][class*="quicklinks"][class*="grid"][class*="app"] a.icon-credit-cards-1-o:before {
        font-size: calc((var(--icon-font-size) * 1em) - .5em);
    }
}

/*Side Version*/
[class*="table"][class*="quicklinks"][class*="grid"][class*="side"] > tbody > tr > td {
    align-items: center;
}

[class*="table"][class*="quicklinks"][class*="grid"][class*="side"] a {
    flex-direction: row;
    text-align: left;
    line-height: 1.25;
}

[class*="table"][class*="quicklinks"][class*="side"] [class*="icon-"]:before {
    margin-right: .15em;
}

[class*="table"][class*="quicklinks"][class*="grid"][class*="side"] img {
    margin-right: 1em;
    margin-bottom: 0;
    margin-top: 0;
}

@media (max-width: 667px) {
    [class*="table"][class*="quicklinks"][class*="grid"][class*="side"] a {
        justify-content: flex-start;
    }

    [class*="table"][class*="quicklinks"][class*="grid"][class*="side"] img {
        width: calc((var(--icon-font-size) * 1%) + (var(--icon-font-size) * 8% + 2%));
        margin-right: .75em;
    }
}

/*Social Variant*/
[class*="subsection"]#social {
    background-position: center center;
    background-repeat: no-repeat;
}

body:not(#tinymce) [class*="subsection"]#social {
    min-height: 0;
    z-index: 1;
}

@media (max-width: 667px) {
    [class*="subsection"]#social {
        background-position: center;
    }

        [class*="subsection"]#social[style*="url"]:not([class*="half"]) > div {
            margin-top: 0%;
            padding-top: 0;
        }
}

[class*="subsection"]#social:before,
[class*="subsection"][style*="url"]#social:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
}

[class*="subsection"][style*="url"]#social > div,
[class*="subsection"]#social > div{
    min-height: 0;
    padding-top: 3em;
    padding-bottom: 3em;
}

body.accessibility-enabled [class*="subsection"][style*="url"]#social > tbody > tr > td {

    padding: 0 !important;
}

[class*="subsection"]#social > div > [class*="table"][class*="quicklinks"][class*="grid"] tr {
    justify-content: space-between;
}

[class*="subsection"]#social > div > table > tbody > tr > td {
    width: 20%;
    min-width: 14em;
    min-height: auto;
}

[class*="subsection"]#social a {
    position: relative;
    width: auto;
    min-width: 13rem; /*could need adjustment if not used for social content*/
    padding-left: 5em;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 300;
}

@media (hover:hover) {
    [class*="subsection"]#social a:hover {
        opacity: .75;
        color: var(--text-color-light);
    }
}

[class*="subsection"]#social a:before {
    position: absolute;
    left: 0;

    height: 3.438rem;
    margin-top: -0.35rem;
    text-align: left;
    margin-right: 0;
    font-size: 3rem;
}

[class*="subsection"]#social a,
[class*="subsection"]#social a:before {
    color: var(--text-color-light);
}

    [class*="subsection"]#social a strong {
        font-size: 1.5em;
        min-width: 100%;
    }

    /*Special FontAwesome Icon styles*/
    [class*="subsection"]#social a.fa-handshake-o:before {
        padding-right: 1.5rem;
    }

    [class*="subsection"]#social a.fa-map-marker:before {
        width: 2.5rem;
    }

    [class*="subsection"]#social a.fa-twitter-square:before {
        font-size: 2.5rem;
    }

@media (max-width:1000px) {
    [class*="subsection"]#social > tbody > tr > td:first-of-type > table > tbody > tr > td {
        margin: 1rem;
        width: auto !important;
    }
}

@media (max-width:667px) {
    [class*="subsection"]#social:not([class*="half"]):not([class*="panel"]) > div table:not([class*="table"]) td:not(:empty) {
        margin: .75rem;
        width: auto !important;
        display: flex;
    }
}

/* Rates */
[class*="Subsection"][class*="rates"] * {
    text-align: center;
}

[class*="table"][class*="rates"][class*="grid"],
[class*="table"][class*="rates"][class*="grid"] tbody {
    display: block;
    margin: 0;
}

    [class*="table"][class*="rates"][class*="grid"] tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    [class*="table"][class*="rates"][class*="grid"] > tbody > tr > td {
        position: relative;
        display: flex;
        max-width: 11.5rem;
        flex-grow: 1;
        margin: .5rem;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }

@media (max-width: 1200px) {
    [class*="table"][class*="rates"][class*="grid"][class*="heading"] > tbody > tr > td:first-of-type {
        width: 100%;
        max-width: none;
        align-items: center;
        margin: 0;
        padding: 0;
    }
}

[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td:first-of-type h2 {
    text-align: left !important;
}

[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > h3 + p {
    margin: .2em 0 .75em 0;
}

[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > h4,
[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > h5,
[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > h6 {
    margin: 0;
    padding: 0;
}

[class*="table"][class*="rates"][class*="grid"] h4 {
    font-size: 3em;
}

[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > p {
    font-size: .97em;
}

[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > h3 + p {
    font-size: .85em;
    margin: 0;
    padding: 0;
}

[class*="table"][class*="rates"][class*="grid"] > tbody > tr > td > h4 + p {
    margin: 0;
    padding: 0;
}

/* Replace With Checkmarks */
.xmark:before {
    color: var(--color2);
    font-size: 1.563em;
    content: '\f00d';
    font-family: 'FontAwesome';
}

/* Text Resizer */
@media (min-width: 1001px) and (max-width: 1365px) {
    .font-size-default {
        font-size: 12px;
    }

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

    .font-size-200 {
        font-size: 24px;
    }
}

@media (min-width: 1366px) {

    .font-size-default {
        font-size: .8335vw;
    }

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

    .font-size-200 {
        font-size: 1.6668vw;
    }
}

body:not(#tinymce) .font-size-panel {
    position: absolute;
    width: 11.5em;
    height: auto;
    padding: 1em;
    text-align: center;
    bottom: 2.5em;
    left: -3em;
    right: 0;
    opacity: 0;
    margin: 0 auto;
    border-radius: var(--radius);
    box-shadow: 0 .2777em 1.111em 0 rgba(0,0,0,0.2);
    background: #FFF;
    transition: all .3s ease-out;
    transform: scale(0);
    transform-origin: bottom;
    z-index: 200;
}

    body:not(#tinymce) .font-size-panel ul {
        margin: 0;
        padding: 0;
        display: block;
    }

body:not(#tinymce) li.font-sizer:focus-within .font-size-panel {
    opacity: 1;
    transform: scale(1.0);
}

@media (pointer: coarse) {
    body:not(#tinymce) li.font-sizer:hover .font-size-panel {
        opacity: 1;
        transform: scale(1.0);
    }
}

.font-size-panel:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.5em;
    border-left: .75em solid transparent;
    border-right: .75em solid transparent;
    border-top: .5em solid #fff;
}

.font-size-panel a:not(:hover) {
    color: #000 !important;
    text-transform: initial;
}

body:not(#tinymce) .font-size-panel ul li {
    display: block;
    margin: 0;
    padding: .5em 0 !important;
    text-align: left;
}

    body:not(#tinymce) .font-size-panel ul li:before {
        display: none !important;
    }

@media (max-width: 1000px) {
    footer ul li.font-sizer {
        display: none;
    }
}

/* Online Banking */
#login:not(.personal) .personal,
#login:not(.business) .business,
#login:not(.other) .other {
    display: none;
}

#login,
#login form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#login {
    display: none;
    background-color: var(--color4);
    padding: 1em 2em;
    box-sizing: border-box;
    font-size: 1rem;
    position: relative;
    z-index: 340;
    align-content: center;
}

.aic-online-banking .home #login {
    display: flex !important;
}

@media only screen and (min-width: 670px) {
    #login {
        font-size: 1rem;
    }
}

#login .login-close {
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

@media (min-width:1000px) {
    body:not([class*="ob-panel-side"]) #login .login-close {
        display: none;
    }
}

@media (max-width:1001px) {
    body:not([class*="ob-mobile-panel-side"]) #login .login-close {
        display: none;
    }
}

#login form {
    margin-bottom: 0;
    width: 100%;
}

#login h2 {
    width: 100%;
    margin-top: 0;
}

#login label {
    flex-grow: 1;
    margin: 0.25em 0;
    border-right: solid .055em #eee;
    position: relative;
    line-height: inherit;
    box-sizing: border-box;
    font-size: inherit;
    box-shadow: none !important;
}

#login form label {
    width: 51%;
}

#login label,
#login .submit {
    height: 3em;
}

#login .submit {
    font-family: inherit;
    border: none;
    margin: 0.25em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    cursor: pointer;
}

#login label span {
    display: none;
}


#login input:not([type=radio]):not([type=checkbox]),
#login select {
    border: none;
    width: 100%; /* Comment out if not using label > input structure */
    box-sizing: border-box;
    border-radius: 0;
    padding: 0 1em;
    background-color: var(--input-bg);
    height: 100%;
    font-size: inherit;
    font-family: inherit;
    color: var(--inputtext-color);
    transition: background-color 0.25s ease;
    border: var(--input-border);
    -webkit-appearance: none;
    -moz-appearance: none;
}

#login label .error {
    display: none;
    padding-left: 1rem;
    padding-right: 1rem;
    z-index: -1;
}

select::-ms-value {
    background: none;
    color: inherit;
}

#login select::-ms-expand {
    display: none;
}

#login input:not([type=radio]):not([type=checkbox]):focus {
    background-color: var(--color4);
}

#login ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #login ul li {
        margin: 0;
        padding: .5em 1em;
        list-style-type: none;
    }

#login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: inherit;
}

#login ::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
}

#login :-ms-input-placeholder { /* IE 10+ */
    color: inherit;
}

#login :-moz-placeholder { /* Firefox 18- */
    color: inherit;
}

#login fieldset {
    border: none;
    padding: 0;
    margin: 0 -0.5em 0.5em -0.5em;
    padding: 0.5em;
    display: block;
    position: relative;
    flex-grow: 1;
}

    #login fieldset legend {
        display: block;
        margin-bottom: 0.5em;
        float: left;
        width: 100%;
    }

    #login fieldset label {
        border: none;
        width: auto;
        display: inline-flex;
        flex-wrap: wrap;
        height: auto;
        margin-right: 1em;
        overflow: hidden;
        cursor: pointer;
        clear: both;
    }

        #login fieldset label:last-child {
            margin-right: 0;
        }

#login input[type=radio] {
    position: absolute;
    left: -12em;
    top: -12em;
    visibility: hidden;
}

    #login input[type=radio] + span::before {
        content: "";
        width: 1em;
        height: 1em;
        display: inline-flex;
        border-radius: 50%;
        border: solid 2px var(--color2);
        margin-right: 0.5em;
        transition: background-color 0.25s ease;
    }

    #login input[type=radio]:checked + span::before {
        background-color: var(--color2);
    }

    #login input[type=checkbox] + span,
    #login input[type=radio] + span {
        display: block;
    }

#login .validation {
    display: none !important;
}

#login label:last-of-type input:not([type=radio]):not([type=checkbox]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}


#login label {
    border: none;
}

#login input + span[class*=fa-],
#login select + span[class*=fa-] {
    position: absolute;
    display: flex;
    height: 100%;
    right: 0.5em;
    top: 0;
    align-items: center;
    font-size: 1.5em;
    pointer-events: none;
}

#login.loading {
    pointer-events: none;
}

#login .spinner {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.75);
    z-index: 12;
    border-radius: inherit;
    padding: inherit;
    box-sizing: border-box;
    text-align: center;
}

    #login .spinner,
    #login .spinner::after {
        transition: opacity 0.25s 0s ease;
        opacity: 0;
    }

#login.loading .spinner {
    opacity: 1;
}

    #login.loading .spinner::after {
        opacity: 0.75;
    }

#login .spinner::after {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#login .spinner::after {
    content: "";
    width: 3em;
    height: 3em;
    border-radius: 50%;
    box-sizing: border-box;
    border: solid 0.25em var(--color3);
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation-name: spinner;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    z-index: 4;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
        border-width: 1.5em;
    }

    50% {
        border-width: 0.25em;
    }

    100% {
        transform: rotate(360deg);
        border-width: 1.5em;
    }
}

/* Border Radius */
#login,
.ob-horizontal #login fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]),
#login input:not([type=radio]):not([type=checkbox]),
#login select,
#login .submit,
#login label .error {
    border-radius: var(--radius); /*Change the border-radius here. */
}

    #login label .error,
    #login fieldset .error {
        border-top: solid 2.5rem transparent;
        transform: translateY(-2.5rem);
    }


    #login form:not(.error) .submit,
    .ob-horizontal #login form.error .submit,
    .ob-horizontal #login > .submit {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.ob-horizontal #login fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* Hide Password */
.ob-hide-password #login form label + label {
    display: none;
}

.ob-hide-password #login form label.valid + label {
    display: flex;
}

.ob-hide-password #login label:not(.valid) input:not([type=radio]):not([type=checkbox]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

/* Horizontal Layout */
@media (min-width: 1001px) {
    .ob-horizontal #login {
        width: auto;
        flex-direction: row;
    }

        .ob-horizontal #login label {
            width: auto;
            flex-grow: unset;
        }

        .ob-horizontal #login form {
            flex-grow: 2;
            flex-wrap: nowrap;
            width: 24em;
        }

        .ob-horizontal #login fieldset {
            margin-right: 0.5em;
            flex-grow: 0;
            max-width: 24em;
        }

        .ob-horizontal #login input:not([type=radio]):not([type=checkbox]) {
            border-left-width: 0;
            border-right-width: 0;
        }

        .ob-horizontal #login label + label input:not([type=radio]):not([type=checkbox]),
        .ob-horizontal #login fieldset ~ form label:first-child input:not([type=radio]):not([type=checkbox]) {
            border-left-width: .055em;
        }

        .ob-horizontal #login form input:not([type=radio]):not([type=checkbox]) {
            border-radius: 0;
        }

        .ob-horizontal #login select {
            padding-right: 2em;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

    body:not(.ob-horizontal) #login > .submit {
        width: 100%;
    }
}

/* invert */
.ob-invert #login,
.ob-invert #login a,
.ob-invert #login h2 {
    color: #fff;
}

@media (hover: hover) {
    .ob-invert #login a:hover {
        color: rgba(255,255,255,.85);
    }
}

/* panel-side */
@media (min-width:1001px) {
    [class*="ob-panel-side"] #login {
        opacity: 0;
        position: fixed;
        top: 0;
        height: 100vh;
        background-color: #f5f5f5;
        right: 0;
        width: 27.5em;
        padding: 4em 7em 1em 3em;
        z-index: 1002;
        align-content: flex-start;
        overflow: hidden;
        box-shadow: -.15em 0 .15em 0 rgba(0,0,0,0.05);
        transform: translateX(28.5em);
        transition: all 0.5s ease;
        border-radius: 0;
    }

    body.openob[class*="ob-panel-side"] #login {
        opacity: 1;
    }

    [class*="ob-panel-side"] #login:after {
        content: '\f023';
        font-family: 'FontAwesome';
        line-height: 1;
        color: rgba(var(--color1-rgba),.5);
        opacity: .5;
        font-size: 30rem;
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        bottom: -10rem;
        right: -3rem;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        pointer-events: none;
    }

    .openob[class*="ob-panel-side"] #login {
        transform: translateX(0);
    }

    [class*="ob-panel-side"] #login [class^="fa-"]:before,
    [class*="ob-panel-side"] #login [class*=" fa-"]:before {
        margin-right: .5rem;
    }

    [class*="ob-panel-side"] #login h2 {
        padding-top: 0;
        text-transform: uppercase;
        font-size: 2rem;
        font-weight: 400;
        margin-bottom: 1rem;
        border: none;

    }

    [class*="ob-panel-side"] #login label,
    [class*="ob-panel-side"] #login form [class*="button"] {
        height: 2.5em;
    }

    [class*="ob-panel-side"] #login form [class*="button"]:not(:hover) {
        background-color: rgba(var(--color1-rgba),1);

    }

    [class*="ob-panel-side"] #login label {
        margin: .5em 0;
    }

    [class*="ob-panel-side"] #login input:not([type=radio]):not([type=checkbox]) {
        padding-left: 2.5em;
    }

    [class*="ob-panel-side"] #login form > label:before {
        font-family: 'fontAwesome';
        display: flex !important;
        justify-content: center;
        align-items: center;
        height: 100%;
        position: absolute;
        left: 1em;
        top: 0;
        color: var(--input-icon-color);
        font-size: 1.125em;
    }

    [class*="ob-panel-side"] #login form > label:first-child:before {
        content: '\f007';
    }

    [class*="ob-panel-side"] #login form > label:before {
        content: '\f023';
    }

    [class*="ob-panel-side"] #login,
    [class*="ob-panel-side"] #login input::placeholder {
        color: inherit;
    }

        [class*="ob-panel-side"] #login form .required:before,
        #login form ul[required]:before {
            display: none;
        }

        [class*="ob-panel-side"] #login .ps-select select,
        [class*="ob-panel-side"] #login .ps-select [data-select],
        [class*="ob-panel-side"] #login .ps-select [data-option] {
            line-height: 2.5em;
        }

        [class*="ob-panel-side"] #login ul {
            font-size: 1em;
            margin-left: 0;
            flex-wrap: wrap;
            margin-top: 1em;
            flex-direction: column;
        }

            [class*="ob-panel-side"] #login ul li {
                padding-left: 0;
                margin-right: 0;
            }

        [class*="ob-panel-side"] #login h3 {
            letter-spacing: .1em;
            font-size: 1.25em;
            color: var(--color1);
        }

        [class*="ob-panel-side"] #login .login-close {
            appearance: none;
            border: none;
            background-color: transparent;
            position: absolute;
            top: 0rem;
            right: .5rem;
            z-index: 10;
            width: 2.85rem;
            height: 2.85rem;
            transition: all .5s ease;
        }

            [class*="ob-panel-side"] #login .login-close span.icon {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                color: transparent;
                cursor: pointer;
            }

                [class*="ob-panel-side"] #login .login-close span:before,
                [class*="ob-panel-side"] #login .login-close span.icon:after {
                    position: absolute;
                    display: block;
                    content: '';
                    height: 0.09em;
                    width: 100%;
                    top: 0;
                    margin-top: 1.6em;
                    background-color: #dcdcdc;
                    transition: all .5s ease;
                }

                [class*="ob-panel-side"] #login .login-close span.icon:before {
                    transform: rotate(45deg);
                }

                [class*="ob-panel-side"] #login .login-close span.icon:after {
                    transform: rotate(-45deg);
                }

            [class*="ob-panel-side"] #login .login-close:hover span.icon:before,
            [class*="ob-panel-side"] #login .login-close:hover span.icon:after {
                background-color: var(--color3);
            }

        [class*="ob-panel-side"] #login ~ #overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: rgba(0,0,0,.2);
            pointer-events: none;
            transition: opacity .4s, visibility 0s .4s;
            z-index: 999;
        }

    .aic-online-banking [class*="ob-panel-side"] #login ~ #overlay {
        display: block;
    }

    [class*="ob-panel-side"] #login ~ #overlay:hover {
        cursor: pointer;
    }

    .openob[class*="ob-panel-side"] #login ~ #overlay {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
    }
}

@media (min-width: 1001px) and (max-height: 400px) {
    [class*="ob-panel-side"] #login {
        overflow-y: auto;
        padding-bottom: 4em;
    }
}

/* Mobile Panel Side */
@media (max-width:1000px) {
    [class*="ob-mobile-panel-side"] #login {
        opacity: 0;
        position: fixed;
        top: 0;
        height: 100vh;
        background-color: #f5f5f5;
        right: 0;
        width: 27.5em;
        padding: 4em 7em 1em 3em;
        z-index: 1002;
        align-content: flex-start;
        overflow: hidden;
        box-shadow: -.15em 0 .15em 0 rgba(0,0,0,0.05);
        transform: translateX(28.5em);
        transition: all 0.5s ease;
        border-radius: 0;
    }

    body.openob[class*="ob-mobile-panel-side"] #login {
        opacity: 1;
    }

    [class*="ob-mobile-panel-side"] #login:after {
        content: '\f023';
        font-family: 'FontAwesome';
        line-height: 1;
        color: rgba(var(--color1-rgba),.5);
        opacity: .5;
        font-size: 30rem;
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        bottom: -10rem;
        right: -3rem;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        pointer-events: none;
    }

    .openob[class*="ob-mobile-panel-side"] #login {
        transform: translateX(0);
    }

    nav#primary > div > ul > li#nav-login {

        display: none;
    }

    [class*="ob-mobile-panel-side"] #login [class^="fa-"]:before,
    [class*="ob-mobile-panel-side"] #login [class*=" fa-"]:before {
        margin-right: .5rem;
    }

    [class*="ob-mobile-panel-side"] #login h2 {
        padding-top: 0;
        text-transform: uppercase;
        font-size: 2rem;
        font-weight: 400;
        margin-bottom: 1rem;
        border: none;
    }

    [class*="ob-mobile-panel-side"] #login label,
    [class*="ob-mobile-panel-side"] #login form [class*="button"] {
        height: 2.5em;
    }

    [class*="ob-mobile-panel-side"] #login form [class*="button"]:not(:hover) {
        background-color: rgba(var(--color1-rgba),1);
    }

    [class*="ob-mobile-panel-side"] #login label {
        margin: .5em 0;
    }

    [class*="ob-mobile-panel-side"] #login input:not([type=radio]):not([type=checkbox]) {
        padding-left: 2.5em;
    }

    [class*="ob-mobile-panel-side"] #login form > label:before {
        font-family: 'fontAwesome';
        display: flex !important;
        justify-content: center;
        align-items: center;
        height: 100%;
        position: absolute;
        left: 1em;
        top: 0;
        color: var(--input-icon-color);
        font-size: 1.125em;
    }

    [class*="ob-mobile-panel-side"] #login form > label:first-child:before {
        content: '\f007';

    }


    [class*="ob-mobile-panel-side"] #login form > label:before {

        content: '\f023';
    }

    [class*="ob-mobile-panel-side"] #login,
    [class*="ob-mobile-panel-side"] #login input::placeholder {
        color: inherit;
    }

        [class*="ob-mobile-panel-side"] #login form .required:before,
        #login form ul[required]:before {
            display: none;
        }

        [class*="ob-mobile-panel-side"] #login .ps-select select,
        [class*="ob-mobile-panel-side"] #login .ps-select [data-select],
        [class*="ob-mobile-panel-side"] #login .ps-select [data-option] {
            line-height: 2.5em;
        }

        [class*="ob-mobile-panel-side"] #login ul {
            font-size: 1em;
            margin-left: 0;
            flex-wrap: wrap;
            margin-top: 1em;
            flex-direction: column;
        }

            [class*="ob-mobile-panel-side"] #login ul li {
                padding-left: 0;
                margin-right: 0;
            }

        [class*="ob-mobile-panel-side"] #login h3 {
            letter-spacing: .1em;
            font-size: 1.25em;
            color: var(--color1);
        }

        [class*="ob-mobile-panel-side"] #login .login-close {
            appearance: none;
            border: none;
            background-color: transparent;
            position: absolute;
            top: 0rem;
            right: .5rem;
            z-index: 10;
            width: 2.85rem;
            height: 2.85rem;
            transition: all .5s ease;
        }

            [class*="ob-mobile-panel-side"] #login .login-close span.icon {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                color: transparent;
                cursor: pointer;
            }

                [class*="ob-mobile-panel-side"] #login .login-close span:before,
                [class*="ob-mobile-panel-side"] #login .login-close span.icon:after {
                    position: absolute;
                    display: block;
                    content: '';
                    height: 0.09em;
                    width: 100%;
                    top: 0;
                    margin-top: 1.6em;
                    background-color: #dcdcdc;
                    transition: all .5s ease;
                }

                [class*="ob-mobile-panel-side"] #login .login-close span.icon:before {
                    transform: rotate(45deg);
                }

                [class*="ob-mobile-panel-side"] #login .login-close span.icon:after {
                    transform: rotate(-45deg);
                }

            [class*="ob-mobile-panel-side"] #login .login-close:hover span.icon:before,
            [class*="ob-mobile-panel-side"] #login .login-close:hover span.icon:after {
                background-color: var(--color3);
            }

        [class*="ob-mobile-panel-side"] #login ~ #overlay {
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: rgba(0,0,0,.2);
            pointer-events: none;
            transition: opacity .4s, visibility 0s .4s;
            z-index: 999;
        }

    .aic-online-banking [class*="ob-mobile-panel-side"] #login ~ #overlay {
        display: block;
    }

    [class*="ob-mobile-panel-side"] #login ~ #overlay:hover {
        cursor: pointer;
    }

    .openob[class*="ob-mobile-panel-side"] #login ~ #overlay {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
    }
}

@media (max-width: 1000px) and (max-height: 400px) {
    [class*="ob-mobile-panel-side"] #login {
        overflow-y: auto;

        padding-bottom: 4em;
    }
}

@media (max-width: 500px) {
    [class*="ob-mobile-panel-side"] #login {
        width: 100%;
        padding-left: var(--page-padding-left);
        padding-right: var(--page-padding-right);
    }
}
@media (min-width:1001px) {
    /* Style for panel logins */
    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login {
        z-index: -1;
        position: absolute;
        bottom: calc(var(--fixed-element-height) + (var(--vertical-spacing) * -36));
        right: var(--page-padding-right);
        width: 20em;
        transition: all .4s ease-out;
        border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid;
    }

    .ob-horizontal[class*="ob-panel"]:not([class*="ob-panel-side"]) #login {
        width: auto;
        bottom: calc(var(--fixed-element-height) + (var(--vertical-spacing) * -26.5));
    }

    body.scroll[class*="ob-panel"]:not([class*="ob-panel-side"]) #login {
        transform: translateY(-100vh);
    }

    body.scroll.openob[class*="ob-panel"]:not([class*="ob-panel-side"]) #login {
        transform: translateY(0vh);
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login ~ #overlay {
        display: none !important;
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login {
        font-size: .7em;
        background-color: rgba(var(--color2-rgba),calc(1 - (var(--translucency) * .5)));
        transition: all .8s ease;
    }

    .login-hover[class*="ob-panel"]:not([class*="ob-panel-side"]) #login {
        border-radius: 0 var(--radius) var(--radius) 0;
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login:hover {
        background-color: rgba(var(--color1-rgba),calc(1 - (var(--translucency) * .2)));
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login h2 {
        text-align: center;
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login label input,
    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login label select {
        border: none !important;
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login label {
        border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid;
        background-color: #fff;
        border-radius: var(--radius);
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login > form > label:last-of-type {
        border-bottom-right-radius: 0;
    }

    [class*="ob-panel"]:not([class*="ob-panel-side"]) #login ul {
        justify-content: center;
    }

}
    #login [class*="button"] {
        transform: none;
        box-shadow: none;
        border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid;
    }
    /* Error and Direct Login*/
    #login form:not(.error) > .error,
    #login form.error > label,
    #login form.error > .submit {
        display: none !important;
    }

    #login form > .error {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        width: 100%;
    }

    #login form.error .error .submit {
        flex-grow: 1;
    }

    #login form .error .message {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 5;
        background-color: rgba(255,255,255,0.9);
        margin: 0;
        padding: 1.5em;
        font-size: 1.25em;
        line-height: 1.2;
        box-sizing: border-box;
    }

    #login:not(.loading) form.error.message .error .message {
        opacity: 1;
        pointer-events: all;
    }

    @media (min-width: 1001px) {
        #login.horizontal form.error {
            flex-grow: 0;
            width: auto;
        }
    }

/* Validate form */
.validate-form label,
.validate-form fieldset {
    position: relative;
}

    .validate-form label .error,
    .validate-form fieldset .error {
        display: flex !important;
        content: "Please fill out this field.";
        font-size: 0.75em;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        display: block;
        z-index: 10;
        background-color: var(--color3);
        padding: 1em;
        box-sizing: border-box;
        color: #fff;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease, visibility 0.25s ease;
        border-radius: var(--radius);
    }

.validate-form :invalid {
    box-shadow: none;
}

.validate-form .invalid {
    box-shadow: inset 0 0 0 2px #666 !important;
    z-index: 100;
    animation-name: slideShake;
    animation-iteration-count: 2;
    animation-duration: 0.0833s;
    animation-timing-function: ease-in-out;
    z-index: 900;
}

    .validate-form .invalid .error {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

.validate-form .validation {
    display: flex !important;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.75em;
    padding: 0.25em 0.5em 0.25em 0.25em;
    opacity: 0.5;
    transition: opacity 0.25s ease;
    z-index: 346;
    align-items: center;
    align-content: center;
    margin: 0;
}

    .validate-form .validation:hover {
        opacity: 1;
    }

    .validate-form .validation::before {
        display: block;
        font-family: 'FontAwesome';
        color: var(--color3);
    }

    .validate-form .validation::after {
        display: block;
        max-width: 0;
        overflow: hidden;
        transition: max-width 0.25s ease, margin 0.25s ease;
    }

    .validate-form .validation:hover::after {
        max-width: 5em;
        margin-left: 0.25em;
    }

.validate-form .required .validation::before {
    content: "\f06a";
}

.validate-form .required .validation::after {
    content: "Required";
}

.validate-form .valid .validation::before {
    content: "\f058";
}

.validate-form .valid .validation::after {
    content: "Completed";
}

.validate-form .valid .validation::before {
    color: var(--color1);
}

.validate-form fieldset label .validation,
.validate-form fieldset label .error {
    display: none !important;
}

@keyframes slideShake {
    0% {
        transform: translateX(0em);
    }

    25% {
        transform: translateX(-0.125em);
    }

    75% {
        transform: translateX(0.125em);
    }

    100% {
        transform: translateX(0em);
    }
}

[class*="Table-Notice"][class*="-Bottom"] .date-and-time,
[class*="Table-Notice"][class*="-Bottom"] .personalization-date-and-time {
    display: block;
    font-size: .7em;
}


/* greeting in site notice ribbon */
#Table-Notice-Personalization[class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] {
    width: auto;
    padding-right: 3rem;
}

@media (min-width: 963px) {
    body:not(#tinymce) #Table-Notice-Personalization[class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"] {
        right: -30em;
    }

    body:not(#tinymce).personalization-active #Table-Notice-Personalization[class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"].active,
    body:not(#tinymce).option-personalization #Table-Notice-Personalization[class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"].active {
        right: 0em;
    }

    body.scroll:not(#tinymce).personalization-active #Table-Notice-Personalization[class*="Table-Notice"][class*="-Ribbon"][class*="-Right"][class*="-Bottom"].active,
    body.scroll:not(#tinymce).option-personalization #Table-Notice-Personalization[class*="Table-Notice"][class*="-Ribbon"][class*="-Right"][class*="-Bottom"].active {
        right: -22em;
    }
}

/* Site Notice */
[class*="Table-Notice"] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-image: linear-gradient(to bottom, rgba(255,255,255,.05) 0%, rgba(0,0,0,.1) 100%);
    position: relative;
    overflow: hidden;
}

#tinymce [class*="Table-Notice"] {
    overflow: visible;
}

[class*="Table-Notice"],
[class*="Table-Notice"].dark {
    color: var(--text-color-light);
}

    [class*="Table-Notice"].light {
        color: var(--text-color-dark);
    }

    [class*="Table-Notice"].active {
        border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid !important;
    }

    [class*="Table-Notice"]:not([bgcolor]) {
        background-color: #ff6600;
    }

    [class*="Table-Notice"] > tbody {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 100%;
    }

        [class*="Table-Notice"] > tbody > tr {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            width: 100%;
            flex-grow: 1;
        }

            [class*="Table-Notice"] > tbody > tr > td {
                padding: .75em 1em !important;
            }

@media (min-width:1001px) {
    [class*="Table-Notice"] > tbody > tr > td {
        max-height: 8.208em;
    }
}

[class*="Table-Notice"] > tbody > tr > td a:not([class*="button"]) {
    color: inherit;
}

    [class*="Table-Notice"] > tbody > tr > td a:not([class*="button"]):hover {
        color: inherit;
    }

body:not(#tinymce) [class*="Table-Notice"],
.customizer-enabled body:not(#tinymce):not([class*="notice-active"]) [class*="Table-Notice"] {
    max-height: 0;
}

    body:not(#tinymce) [class*="Table-Notice"].active,
    .customizer-enabled .notice-active [class*="Table-Notice"].active {
        max-height: 12.5em;
    }

@media (max-width: 1000px) {
    .customizer-enabled body:not(#tinymce).notice-active [class*="Table-Notice"].active,
    body:not(#tinymce) [class*="Table-Notice"].active {
        max-height: 20em;
    }
}

.noticeclosers {
    top: 0.25em;
    right: .5em;
    display: none; /*reset for two column*/
}

[class*="Table-Notice"] .noticeclosers {
    display: flex;
}

.noticecloser, .noticeclosersession {
    margin: 0.125em .35em !important;
    font-size: 1em;
}

@media (hover:hover) {
    .noticecloser:hover, .noticeclosersession:hover {
        opacity: .65;
    }
}

@media (max-width: 1000px) {
    .notice-clone {
        display: none !important;
    }
}

[class*="Table-Notice"] h2,
[class*="Table-Notice"] h3,

[class*="Table-Notice"] h4 {
    margin: 0 !important;
    padding: 0 !important;
}

[class*="Table-Notice"] [class*="fa-"],
[class*="Table-Notice"] [class*="icon-"] {
    padding-left: 3em !important;
    position: relative;
}

    [class*="Table-Notice"] [class*="fa-"]:before,
    [class*="Table-Notice"] [class*="icon-"]:before {
        opacity: .25;
        margin-right: .5em;
        width: 1.5em;
        line-height: inherit;
        position: absolute;
        left: 0;
        top: -.3em;
        display: flex;
        justify-content: center;
        font-size: 2em;
        transition: opacity .5s ease;
    }

[class*="Table-Notice"]:hover [class*="fa-"]:before,
[class*="Table-Notice"]:hover [class*="icon-"]:before {
    opacity: .5;
}

[class*="Table-Notice"][class*="-Top"] {
    grid-area: notice;
}

@media (min-width: 669px) {
    [class*="Table-Notice"][class*="-Top"] td:not(:only-of-type),
    [class*="Table-Notice"][class*="-Bottom"] td:not(:only-of-type) {
        text-align: left !important;
    }

        [class*="Table-Notice"][class*="-Top"] td:not(:only-of-type) > *,
        [class*="Table-Notice"][class*="-Bottom"] td:not(:only-of-type) > * {
            text-align: left !important;
        }

    [class*="Table-Notice"][class*="-Top"] td:first-of-type:not(:only-of-type),
    [class*="Table-Notice"][class*="-Bottom"] td:first-of-type:not(:only-of-type) {
        text-align: right !important;
        flex-shrink: 0;
    }

        [class*="Table-Notice"][class*="-Top"] td:first-of-type:not(:only-of-type) > *,
        [class*="Table-Notice"][class*="-Bottom"] td:first-of-type:not(:only-of-type) > * {
            text-align: right !important;
        }
}

@media (max-width: 668px) {
    [class*="Table-Notice"][class*="-Top"] tr,
    [class*="Table-Notice"][class*="-Bottom"] tr {
        flex-direction: column;
        text-align: center;
    }

        [class*="Table-Notice"][class*="-Top"] tr td:only-of-type,
        [class*="Table-Notice"][class*="-Bottom"] tr td:only-of-type {
            padding: 1.5em 1em 1em 1em !important;
        }

        [class*="Table-Notice"][class*="-Top"] tr td:first-of-type:not(:only-of-type),
        [class*="Table-Notice"][class*="-Bottom"] tr td:first-of-type:not(:only-of-type) {
            padding-top: 2em !important;
            margin-bottom: -.5em !important;
        }

        [class*="Table-Notice"][class*="-Top"] tr td,
        [class*="Table-Notice"][class*="-Bottom"] tr td {
            padding: 0 1em .5em 1em !important;
            margin: 0 !important
        }
}
/* Notice Bottom */
[class*="Table-Notice"][class*="-Bottom"] {
    position: fixed;
    z-index: 450;
    bottom: 0;
    width: 100%;
}

/* Notice Popup */
.customizer-enabled body:not([class*="notice-active"]) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]),
.customizer-enabled body:not([class*="notice-active"]) [class*="Table-Notice"][class*="-Popup"].dark:not([class*="-Bottom"]),
[class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]),

[class*="Table-Notice"][class*="-Popup"].dark:not([class*="-Bottom"]) {
    color: var(--text-color-dark);
    background-color: rgba(0, 0, 0, 0);
}

[class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"]:hover {
    /*background-color: #333;*/
}

body:not(#tinymce) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) {
    position: fixed;
    left: 0;
    right: 0;
    max-height: none;
    margin: 0;
    z-index: 490;
}

/*  Overlay */
.customizer-enabled body:not(#tinymce):not([class*="notice-active"]) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]),
body:not(#tinymce) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) {
    top: -100vh;
    bottom: auto;
}

body#tinymce [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) {
    position: relative;
    max-height: 100vh;
    padding: 2em;
}

body [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) {
    border: none !important;
    transition: background-color .75s ease-in-out !important;
}

    .customizer-enabled body.notice-active [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active,
    body [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active {
        background-color: rgba(0, 0, 0, .5);
    }

.customizer-enabled body.notice-active [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active,
html:not([class*="customizer-enabled"]) body [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active {
    top: 0 !important;
    bottom: 0 !important;
}

[class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > * {
    position: relative;
}

[class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > tbody > tr > td {
    min-width: 40em;
    color: inherit;
    padding: 1em 2em !important;
    background: #fff;
    color: var(--text-color-dark);
    transition-duration: 0s;
    min-width: 80%;
}



body:not(#tinymce) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > tbody > tr > td {
    position: fixed;
    top: 45%;
    left: 50%;
    margin: 0;
    max-height: 80%;
    z-index: 490;
    transition-property: margin-top;
    transition-duration: 0s;
    transition-timing-function: ease-in-out;
    transform: translate(-50%, -45%);
    border-radius: var(--radius) !important;
    border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid !important;
}

.customizer-enabled body:not(#tinymce) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > tbody > tr > td,
body:not(#tinymce) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > tbody > tr > td {
    margin-top: -100vh;
}

[class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active > tbody > tr > td {
    box-shadow: none;
    transition-duration: .75s !important;
}

.customizer-enabled .notice-active [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active > tbody > tr > td,
html:not([class*="customizer-enabled"]) [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]).active > tbody > tr > td {
    margin-top: 0 !important;
}

[class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > tbody > tr > td p {
    color: var(--text-color-dark);
}


[class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) .noticeclosers {
    color: inherit;
}

@media (min-width:963px) {
    [class*="Table-Notice"][class*="-Popup"]:not([class*="-Bottom"]) > tbody > tr > td {
        min-width: 40em;
    }

    /* Bottom Right Popup */
    html.customizer-enabled body:not(#tinymce):not([class*="notice-active"]) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"],
    body:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] {
        position: fixed;
        right: -30em;
        bottom: 2em;
        max-height: 0em;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] {
        z-index: 490;
        width: 23em;
        height: auto;
        transition: right 2.2s ease;
        box-shadow: 0.083em 0.083em 0.208em 0em rgba(0,0,0,0.32);
        border-radius: var(--radius) !important;
        border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid !important;
        overflow: hidden;
        visibility: hidden;
        color: var(--text-color-light);
        background-color: var(--color2);
    }

        [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"]:before {
            display: block;
            position: absolute;
            content: '';
            height: 100%;
            width: 0.75em;
            top: 0;
            left: 0;
            z-index: 20;
            background-color: var(--color3);
            pointer-events: none;
        }

    .customizer-enabled body:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"].active,
    body:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"].active {
        right: 2em;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"].active,
    body#tinymce [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"],
    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"].active > tbody > tr > td,
    body#tinymce [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] > tbody > tr > td {
        max-height: 8.333em !important;
        visibility: visible !important;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] > tbody > tr > td {

        display: flex;
        padding: 0.5em 1.5em !important;
        height: auto;
        overflow: hidden;
        text-align: left !important;
    }

        [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] > tbody > tr > td p {
            text-align: left !important;
        }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] h3 {
        font-size: 0.75em;
        line-height: 0.875em;
        padding: 0;
        margin: 0;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] .noticeclosers {
        text-align: center;
        right: 0.4em;
        z-index: 5;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] .noticecloser,
    [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Popup"] .noticeclosersession {
        display: block;
        width: 0.833em;
    }
}

/* Ribbon */
[class*="Table-Notice"][class*="-Ribbon"][class*="-Bottom"]:not([bgcolor]),
[class*="Table-Notice"][class*="-Ribbon"][class*="-Bottom"].dark:not([bgcolor]) {
    background-color: var(--color1);
}

@media (min-width:963px) {
    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] {
        border-radius: var(--radius) !important;
        border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid !important;
        z-index: 490;
        width: 23em;
        height: auto;
        transition: right 2.2s ease, left 2.2s ease;
        box-shadow: 0.083em 0.083em 0.208em 0em rgba(0,0,0,0.32);
        overflow: hidden;
        visibility: hidden;
    }

        [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"][class*="-Right"] {
            border-radius: var(--radius) 0 0 var(--radius) !important;
        }

        [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"][class*="-left"] {
            border-radius: 0 var(--radius) var(--radius) 0 !important;
        }

    body:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] {
        position: fixed;
        bottom: 2em;
        max-height: 0em;
    }

    html.customizer-enabled body:not(#tinymce):not([class*="notice-active"]) [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"],
    body:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"] {
        left: -30em;
    }

    .customizer-enabled body:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"].active,
    [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"].active {
        left: 0em !important;
    }

    .customizer-enabled body.scroll:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Ribbon"][class*="-left"][class*="-Bottom"].active,
    body.scroll:not(#tinymce) [class*="Table-Notice"][class*="-Ribbon"][class*="-Bottom"][class*="-left"].active {
        left: -22em !important;
    }

    .customizer-enabled body.scroll:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"].active:hover,
    body.scroll:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"].active:hover {

        left: 0em !important;
    }

    html.customizer-enabled body:not(#tinymce):not([class*="notice-active"]) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"],
    body:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"] {
        right: -30em;
    }

        .customizer-enabled body:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"].active,
        body:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"].active {
            right: 0em;
        }

    .customizer-enabled body.scroll:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"].active:hover,
    body.scroll:not(#tinymce) [class*="Table-Notice"][class*="-Bottom"][class*="-Right"][class*="-Ribbon"].active:hover {
        right: 0em !important;
    }

    .customizer-enabled body.scroll:not(#tinymce).notice-active [class*="Table-Notice"][class*="-Ribbon"][class*="-Right"][class*="-Bottom"].active,
    body.scroll:not(#tinymce) [class*="Table-Notice"][class*="-Ribbon"][class*="-Right"][class*="-Bottom"].active {
        right: -22em;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"].active,
    body#tinymce [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"],
    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"].active > tbody > tr > td,
    body#tinymce [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] > tbody > tr > td {
        max-height: 8.333em !important;
        visibility: visible !important;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] > tbody > tr > td {
        display: flex;
        padding: 0.5em 1.5em !important;
        height: auto;
        overflow: hidden;
        text-align: left !important;
    }

        [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] > tbody > tr > td p {
            text-align: left !important;
        }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] h3 {
        font-size: 0.75em;
        line-height: 0.875em;
        padding: 0;
        margin: 0;
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] .noticeclosers {
        text-align: center;
        right: 0.4em;
        z-index: 5;
    }

    body [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"].active .noticeclosers {
        transition: right 2.2s ease, left 2.2s ease, opacity 2.2s ease;
        opacity: 1;
    }

    body.scroll [class*="Table-Notice"][class*="-Bottom"][class*="-left"][class*="-Ribbon"].active .noticeclosers {
        right: 1em !important;
        opacity: 0;
    }

    @media (hover: hover) {
        body.scroll [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"].active:hover .noticeclosers {
            transition: right 2.2s ease, left 2.2s ease, opacity 2.2s ease;
            opacity: 1;
        }
    }

    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] .noticecloser,
    [class*="Table-Notice"][class*="-Bottom"][class*="-Ribbon"] .noticeclosersession {
        display: block;
        width: 0.833em;
        font-size: 0.75em;
    }
}

/* Privacy Notice */

body:not(#tinymce) [class*="Table-Notice"][class*="Privacy"] {
    position: fixed !important;
    bottom: 0;
}

[class*="Table-Notice"][class*="Privacy"] {
    display: flex !important;
    justify-content: center;
    align-content: center;
    text-align: left;
    margin: 0 auto !important;
    position: relative;
    padding: 0 2rem !important;
}

    [class*="Table-Notice"][class*="Privacy"] > tbody {
        display: flex;
        height: 100%;
    }

        [class*="Table-Notice"][class*="Privacy"] > tbody > tr {
            display: flex;
            height: 100%;
        }

            [class*="Table-Notice"][class*="Privacy"] > tbody > tr > td {
                display: flex;
                justify-content: center;
                align-content: center;
                max-height: 20em;
            }

@media (max-width:668px) {
    [class*="Table-Notice"][class*="Privacy"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body:not(#tinymce) [class*="Table-Notice"][class*="Privacy"].active,
    .customizer-enabled body:not(#tinymce) [class*="Table-Notice"][class*="Privacy"].active {
        max-height: 100vh;
    }

    [class*="Table-Notice"][class*="Privacy"] > tbody > tr > td {
        flex-direction: column;
    }

    [class*="Table-Notice"][class*="Privacy"] .noticecloser {
        width: 90%;
    }

        [class*="Table-Notice"][class*="Privacy"] .noticecloser:before {
            margin: auto;
            justify-content: center;
        }
}

[class*="Table-Notice"][class*="Privacy"] > tbody > tr > td > * {
    order: 1;
    text-align: left !important;
}

@media (max-width:1240px) {
    [class*="Table-Notice"][class*="Privacy"] {
        flex-wrap: wrap;
    }

    [class*="Table-Notice"][class*="Privacy"] {
        width: 100%;
    }
}

[class*="Table-Notice"][class*="Privacy"] .noticeclosers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0;
    order: 2 !important;
    min-height: 100% !important;
}

[class*="Table-Notice"][class*="Privacy"] .noticeclosersession {
    display: none;
}

[class*="Table-Notice"][class*="Privacy"] .noticecloser:before {
    content: "OK";
    display: flex;
    align-content: center;
    align-items: center;
    background-color: #005893;
    border: none;
    padding: 1.25em 1.5em !important;
    margin: auto;
    color: #d4deea !important;
    cursor: pointer !important;
    text-transform: capitalize;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    height: calc(100% - 2.5em);
    max-height: 3rem;
    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;
    background: linear-gradient(135deg, #005893 0%,#0072c0 100%);
    border-radius: var(--radius) !important;
    border-bottom: calc(var(--depth) * .25em) rgba(0,0,0,.25) solid !important;
}

[class*="Table-Notice"][class*="-Bottom"],
[class*="Table-Notice"][class*="-Bottom"][class*="-Privacy"] {
    z-index: 1003;
}

/* Panel Navigation  */
@media (max-width: 1000px) {
    :root nav#primary {
        --page-padding-left: 2rem;
        --page-padding-right: 2rem;
    }
}

#nav-login {
    display: none !important;
}

header {
    display: grid;
    width: 100%;
    /*border-bottom: .056em #e6e6e6 solid;*/
    background-color: #FFF;
    align-items: center;
    grid-gap: 0 1em;
    transition: none;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "notice notice notice" "col-left primary controls" "col-left primary controls";
	position: fixed;
	z-index: 350;
    visibility: hidden;
}

.primary-nav header {
    visibility: visible;
}

.logo-vertical header {
}

@media (min-width: 1001px) {
    .logo-center header {
        grid-gap: 0;
    }
}

.header-full header {
    grid-template-areas: "notice notice notice" "col-left secondary secondary" "primary primary controls";
    grid-gap: 0;
}

.header-topnav header {
    grid-template-areas: "notice notice notice" "secondary secondary secondary" "col-left primary controls";
}

@media (max-width: 1000px) {
    header {
        grid-template-areas: "notice notice" "col-left controls" "primary primary" "login login";
        grid-gap: 0;
    }

    .header-full header, .header-topnav header {
        grid-template-areas: "notice notice" "secondary secondary" "col-left controls" "primary primary" "login login";
    }
}

@media (min-width: 1001px) {
    header {
        transition: all .5s ease;
    }

    .header-overlap header {
        background-color: rgba(255,255,255,0);
    }

        .header-overlap header:hover, .scroll.header-overlap header {
            background-color: #FFF;
        }
}

#logo {
    position: relative;
    grid-area: col-left;
    margin-left: var(--page-padding-left);
    padding: calc(var(--logo-padding) * 1rem) calc(var(--logo-padding) * 1rem) calc(var(--logo-padding) * 1rem) 0;
    height: 100%;
    width: auto;
}

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

body #logo img {
    transition: all .25s ease;
}

body:not(.logo-vertical) #logo img,
body:not(.logo-vertical) .nav-logo img {
    height: calc(var(--logo-size-mobile) * 1em);
}

.logo-vertical #logo img,
.logo-center nav#primary > div > ul > li#logo-center img {
    height: 100%;
}

@media (max-width: 1000px) {
    .logo-vertical #logo img,
    .logo-vertical .nav-logo img {
        height: calc(var(--logo-size-mobile) * 1em);
    }

    .opennav.logo-vertical #logo img,
    .opennav.logo-vertical .nav-logo img {
        height: calc(var(--logo-size-mobile-opennav) * 1em);
    }
}

#logo a, .nav-logo a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
}

.logo-vertical #logo a,
.logo-center #logo a,
.logo-vertical nav#primary > div > ul > li#logo-center a {
    justify-content: center;
}

.logo-vertical #logo {
    position: absolute;
    top: var(--nav-height);
    background-color: #FFF;
    padding: calc((var(--logo-padding) * 1rem));
    height: auto;
    margin-left: var(--page-padding-left);
    box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
    z-index: 101;
}

@media (min-width: 1001px) {
    body:not(.logo-vertical) #logo img,
    body:not(.logo-vertical).logo-center nav#primary > div > ul > li#logo-center img {
        height: calc(var(--logo-size) * 1em);
    }

    .logo-vertical #logo,
    .logo-vertical nav#primary > div > ul > li#logo-center {
        min-width: calc((var(--logo-size) * 1rem) * 2.5);
        padding: calc((var(--logo-padding) * 1rem) * 1.75);
        top: 0;
    }

    .scroll.logo-vertical #logo,
    .scroll.logo-vertical nav#primary > div > ul > li#logo-center {
        min-width: calc((var(--logo-size-scroll) * 1rem) * 2.5);
    }

    .logo-center header > #logo, .logo-center header .controls {
        display: none;
    }

    header nav.secondary {
        padding-right: var(--page-padding-right);
    }
}

header nav.secondary {
    display: none;
    grid-area: secondary;
    font-size: .88em;
}

.header-full header nav.secondary {
    display: flex;
    justify-content: center;
}

.header-topnav header nav.secondary {
    display: flex;
    height: calc(var(--nav-height));
    padding-left: var(--page-padding-left);
    align-items: center;
    justify-content: flex-end;
    background-color: var(--color4);
}

@media (max-width: 1000px) {
    .header-full header nav.secondary {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.08) 100%);
    }

    .header-topnav header nav.secondary {
        padding-right: var(--page-padding-right);
    }
}

@media (min-width: 1001px) {
    .header-full header nav.secondary {
        height: var(--fixed-element-height);
        min-height: calc((var(--logo-size) *1rem) + .75rem + (var(--logo-padding)*2rem));
        justify-content: flex-end;
    }
}

header [class*="icon-"]:before, header [class*="fa-"]:before {
    margin-right: .5em;
}

.controls {
    display: flex;
    height: 100%;
    grid-area: controls;
    align-items: center;
    justify-content: flex-end;
    padding: .5em;
    padding-right: var(--page-padding-right);
}

.logo-center:not(.logo-vertical) .controls {
    height: var(--fixed-element-height);
}

body:not(.logo-center) .controls a + a {
    margin-left: .5em;
}

.logo-center .controls a:first-of-type {
    order: 1;
}

@media (max-width: 1000px) {
    #logo {
        margin-left: 0;
        padding-left: var(--page-padding-left);
    }

    .logo-center #logo {
        position: absolute;
        display: flex;
        top: var(--nav-height);
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: auto;
        padding: calc(var(--logo-padding) * 1rem);
        min-width: calc((var(--logo-size-mobile) * 1em) * 4.5);
    }

    .logo-center:not(.logo-vertical) #logo {
        height: var(--fixed-element-height);
    }

    .logo-center .controls {
        width: 100%;
        justify-content: space-between;
        padding: .5em var(--page-padding-left);
    }
}

@media (max-width: 667px) {
    .header-full header nav.secondary {
        margin: 0;
    }

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

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

@media (min-width: 1001px) {
    .controls {
        /* padding-left: 1em; */ /*for nav ul space-between*/
    }

    #menuopen {
        display: none;
    }

    .header-full nav#primary {
        display: flex;
        padding-left: var(--page-padding-left);
        background-color: rgba(var(--color2-rgba),.15);

        height: var(--nav-height);
        align-items: center;
    }

    .header-full .controls {
        background-color: rgba(var(--color2-rgba),.15);
    }
}

nav#primary {
    grid-area: primary;
}

header nav.secondary ul {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
    padding-left: 0;
}

@media (min-width: 1001px) {

    /*Right Aligns Main Categories*/
    nav#primary > div > ul {
        margin-left: auto;
        align-items: center;
        justify-content: flex-end;
    }

    .header-full nav#primary > div > ul {
        justify-content: flex-start;
    }

    html:not(.font-size-200) nav#primary > div > ul > li > h2 {
        padding: 0 1.25em;
    }

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

    .logo-center nav#primary > div > ul {
        padding-left: var(--page-padding-left);
        padding-right: var(--page-padding-right);
    }

    .logo-vertical:not(.logo-center) nav#primary > div > ul {
        padding-left: calc(var(--page-padding-left) + var(--logo-min-width));
    }

    /*Logo-Center manually shift last li's to place logo in center - Default 4 categories */
    .logo-center nav#primary > div > ul li:nth-of-type(3) {
        order: 4;
    }

    .logo-center nav#primary > div > ul li:nth-of-type(n+3) > div {
        left: auto;
        right: -2em;
    }

    .logo-center nav#primary > div > ul li:nth-of-type(4) {
        order: 5;
    }
}

nav#primary > div > ul > li > div {
    border-radius: 0 0 var(--radius) var(--radius);
}

.menu-bar {
    display: none;
}

#menuopen.hamburger {
    position: relative;
    width: .8em;
    height: .6em;
    overflow: hidden;
}

    #menuopen.hamburger a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    #menuopen.hamburger span {
        display: block;
        position: absolute;
        height: .0765em;
        /*bar thickness*/
        width: 100%;
        background: var(--color2);
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

.opennav #menuopen.hamburger span {
}

#menuopen.hamburger span:nth-child(1) {
    top: 0;
}

#menuopen.hamburger span:nth-child(2), #menuopen.hamburger span:nth-child(3) {
    top: .25em;
}

#menuopen.hamburger span:nth-child(4) {
    top: .5em;
}

.opennav #menuopen.hamburger span:nth-child(1), .opennav #menuopen.hamburger span:nth-child(4) {
    top: .25em;
    width: 0%;
    left: 50%;
}

.opennav #menuopen.hamburger span:nth-child(2) {
    transform: rotate(45deg);
}

.opennav #menuopen.hamburger span:nth-child(3) {
    transform: rotate(-45deg);
}

nav#primary > div > ul > li:nth-child(2) > div {
    /* left: -6em; */
}

.logo-center nav#primary > div > ul > li:nth-child(-n+2) > div {
    left: -2em;
}

nav#primary > div > ul > li:nth-child(n+3) > div {
    /* left: -14em; */
}

:not(.header-full) nav#primary > div > ul > li:nth-child(n+4) > div {
    right: -4.5em;
    left: auto;
}

.logo-center nav#primary > div > ul > li:nth-child(n+4) > div {
    left: auto;
    right: -2em;
}

nav#primary > div > ul > li:nth-last-of-type(2) > div {
    /* right: -1.5em; */
    left: auto;
}

nav#primary > div > ul > li:last-of-type:not(:only-of-type) > div {
    right: -1.5em;
    left: auto;
}

.header-full nav#primary > div > ul > li > div {
    left: 0 !important;
    right: auto !important;
}

@media (min-width: 1001px) {
    nav#primary > div > ul > li > div div ul li a:hover,
    nav#primary > div > ul > li > div div ul li a:focus,
    nav#primary > div > ul > li > div table ul li a:hover,
    nav#primary > div > ul > li > div table ul li a:focus {
        transform: translateX(0.5em);
    }
}

/*nav#primary > div > ul > li[aria-expanded=true] > h2,*/
nav#primary > div > ul > li.active > h2 {
    color: var(--color3);
}

@media (hover: hover) {
    nav#primary > div > ul > li:hover > h2, nav#primary > div > ul > li:hover > h2 > a {

        color: var(--color3);
    }
}

@media (pointer: coarse) {
    /*nav#primary > div > ul > li:not([aria-expanded="true"]) > h2:not(.direct-link) > a,*/
    nav#primary > div > ul > li > h2:not(.direct-link) > a {
        pointer-events: none !important;
    }
}

nav#primary > div > ul > li > h2:after {
    background: var(--color3);
}

nav#primary > div > ul > li > h2 > a {
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    color: inherit;
}


#menuopen {
    color: var(--color3);
}

@media (max-width: 1000px) {
    nav#primary #loginopen {
        display: none;
        margin: 0 !important;
        margin-right: .75em !important;
        padding: .5em 1em;
        text-decoration: none;
    }
}

@media (min-width: 1001px) {
    /*To manually set desktop nav height*/
    nav#primary > div > ul > li {
        height: var(--fixed-element-height);
    }

    body:not(.logo-vertical):not(.header-full) nav#primary > div > ul > li {
        min-height: calc((var(--logo-size) *1rem) + .75rem + (var(--logo-padding)*2rem));
    }

    .header-full nav#primary > div > ul > li {
        height: 100%;
    }

    .splash nav#primary {
        min-height: var(--fixed-element-height);
    }

    /*To set min-widths on categories on desktop*/
    /*nav#primary > div > ul > li {
        min-width: 10em;
    }*/

    nav#primary > div > ul > li > h2:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: .175em;
        background-color: var(--color3);
        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%;
    }
}

/*Logo Center */
:root {
    --logo-vertical-padding-offset: 3rem;
}

.logo-center nav#primary > div > ul > li#logo-center {
    display: flex;
    position: relative;
    padding: calc(var(--logo-padding) * 1rem) calc(var(--logo-padding) * 1rem) calc(var(--logo-padding) * 1rem) 0;
    height: 100%;
    width: auto;
}

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

@media (min-width: 1001px) {
    .logo-vertical main > [class*="Subsection-Table"]:not([style*="url"]):first-of-type,
    .logo-vertical main > [class*="Subsection-Table"]:not([style*="url"]):only-of-type {
        margin-top: 0 !important;
    }

        .logo-vertical main > [class*="Subsection-Table"]:not([style*="url"]):first-of-type > tbody > tr:first-of-type,
        .logo-vertical main > [class*="Subsection-Table"]:not([style*="url"]):only-of-type > tbody > tr:first-of-type {
            /*max(MINIMUM, min(PREFERRED, MAXIMUM))*/
            padding-top: max(calc(var(--fixed-element-height) + var(--nav-height) + var(--logo-vertical-padding-offset)), min(calc((var(--logo-size) *1rem) - 1em), calc((var(--logo-size) *1rem) - 1em)));
        }
}

@media (max-width: 1000px) {
    .logo-center nav#primary > div > ul > li#logo-center {
        display: none;
    }
}

.logo-center nav#primary > div > ul {
    justify-content: space-between;
}

.logo-vertical.scroll nav#primary > div > ul > li#logo-center a,
.logo-vertical nav#primary > div > ul > li#logo-center.active a {
    /*scroll & hover*/
    width: 5.5em;
}

.logo-center nav#primary > div > ul > li#logo-center a {
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
}


.logo-vertical nav#primary > div > ul > li#logo-center a {
    position: absolute;
    background-color: #FFF;
    padding: calc((var(--logo-padding) * 1rem) + .25rem);
    height: auto;
    box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
    top: -2em;
}

ul[class*="list"][class*="Nav"] li:before {
    display: none;
}

/*Vertical Logo End*/
nav#primary #nav-loginopen:before {
    margin-right: .4em;
}

@media (max-width: 667px) {
    #loginopen span {
        display: none;
    }

    #loginopen {
        min-width: 2.5em;
        padding: .5em 1em;
    }

        #loginopen:before {
            margin: 0;
        }
}

#loginopen[class*="button"] {

    background-color: var(--color1);
    margin: 0;
}

.openob #loginopen[class*="button"] {
    background-color: var(--color3);
}

@media (hover: hover) {
    #loginopen[class*="button"]:hover,
    #loginopen[class*="button"]:focus {
        background-color: var(--color3);
    }
}

.splash nav#primary li:not([id*="logo"]):not([id*="login"]), .splash .controls #menuopen {
    display: none;
}

/*FONT SIZING - specific font sizing
-------------------------------------------------------------------------------------------*/
nav#primary > div > ul > li > h2 {
    font-size: 1em;
    font-weight: 400;
    font-family: var(--font-family);
}

nav#primary > div > ul > li > div div,
nav#primary > div > ul > li > div table {
    font-size: .9em;
}

    nav#primary > div > ul > li > div div h3,
    nav#primary > div > ul > li > div table h3 {
        font-size: 1.15em;
        line-height: 1;
    }

#menuopen {
    font-size: 1.75em;
}

@media (max-width: 1000px) {
    nav#primary > div > ul > li > h2 {
        position: relative;
        color: inherit;
        /*Could chnage to match site's a (href) color*/
    }

        nav#primary > div > ul > li > h2:after {
            position: absolute;
            display: flex;
            align-items: center;
            font-family: 'FontAwesome';
            content: "\f107";
            background-color: transparent;
            font-size: 1.5rem;
            line-height: 100%;
            height: 100%;
            top: 0;
            right: var(--page-padding-right);
            opacity: .5;
            transition: all .2s ease-in-out;
        }

    nav#primary > div > ul > li.active > h2:after {
        transform: rotate(180deg);
        opacity: 1;
    }

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

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

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

        nav#primary > div > ul > li.edge > div > * {
            min-width: 0;
            flex-grow: 1;
        }

        nav#primary > div > ul > li.edge > div > table > tbody {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
}

/* Accessibility */
body:not(#tinymce) :focus,
body:not(#tinymce) a:focus {
    outline: auto;
}

body.using-mouse :focus {
    outline: none !important;
}

/* Accessibility Mode */
body.accessibility-enabled :focus, 
body.accessibility-enabled a:focus {
    outline: auto;
}

body.accessibility-enabled a:not(#loginopen):not(#nav-loginopen):not([class*="button"]):not(#gototop):not(.nav-close):not(.down-arrow) {
    text-decoration: underline;
}

body.accessibility-enabled a:before,
body.accessibility-enabled .table-quicklinks-grid a,
body.accessibility-enabled nav#primary > div > ul > li > h2 > a,
body.accessibility-enabled .footer-logos a {
    text-decoration: none !important;
}


body.accessibility-enabled .accessibility-mode-toggle.fa-eye-slash:before {
    content: "\f06e";
    margin-right: 0;
}

.accessibility-enabled .accessibility-mode-toggle .enable, .accessibility-mode-toggle .disable {
    display: none;
}

.accessibility-enabled .accessibility-mode-toggle .disable {
    display: inline;
}

.accessibility-mode-toggle {
    cursor: pointer;
}

#accessibility-mode-toggle {
    position: fixed;
    top: 0;
    right: 0;
    line-height: 1em;
    padding: .5em;
    background-color: white;
    cursor: pointer;
    z-index: 10;
}

    #accessibility-mode-toggle:before {
        content: "\f070";
        font-family: 'FontAwesome';
        margin-right: .5em;
    }

/* App Banners */
.app {
    background-color: rgba(255,255,255,.5);
    border-radius: 1rem;
}

    .app img {
        overflow: hidden;
        border-radius: 1rem;
    }

[class*="Table-Notice"][class*="-Appbanner"] > tbody > tr > td {
    padding: 1.5em .75em 0 .75em !important;
}

[class*="Table-Notice"][class*="-Appbanner"].active .noticeclosers {
    top: 0.3em;
    right: 1rem;
    display: flex;
}

[class*="Table-Notice"][class*="-Appbanner"] .noticecloser, [class*="Table-Notice"][class*="-Appbanner"] .noticeclosersession {
    margin: 0 .5em !important;
    font-size: 0.9167rem;
}

[class*="Table-Notice"][class*="-Appbanner"] > tbody > tr > td a:after {
    display: none; /*hide external link icon*/
}

/* Captcha */
.captchaField .captchaFieldNumbers {
    display: flex;
    justify-content: center;
    line-height: 1em;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
}

.captchaField.default {
    overflow: auto;
    margin: 0 auto;
}

    .captchaField.default .captchaFieldNumbers {
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        padding: 0px 20px !important;
        text-align: center;
        background-image: url(../images/securityBg.jpg);
    }

        .captchaField .captchaFieldNumbers > div {
            color: rgb(196, 211, 245);
            text-shadow: 0 3px 3px rgba(0,0,0,.5);
            font-family: 'Sriracha', 'Segoe Script', serif;
            min-width: 0 !important;
            width: auto !important;
            flex-grow: 0 !important;
            flex-wrap: nowrap !important;
        }

    .captchaField.default .captchaFieldBoxLeft {
        height: 73px;
        width: 39px;
        background-image: url(../images/capFrameLeft.png);
        float: left;
    }

    .captchaField.default .captchaFieldBoxMid {
        height: 73px;
        padding: 14px 0 0 0;
        float: left;
        position: relative;
    }

    .captchaField.default .captchaFieldBoxMidOverlay {
        width: 100%;
        height: 73px;
        padding: 14px 0 0 0;
        background-image: url(../images/capFrameMid.png);
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        left: 0;
    }

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    .captchaField.default .captchaFieldBoxMidOverlay {
        opacity: .5;
    }
}

.captchaField.default .captchaFieldBoxMidOverlaySecure {
    width: 100%;
    height: 44px;
    margin: 14px 0 0 0;
    background-image: url(../images/SO1.gif);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25;
}

@supports (-webkit-overflow-scrolling: touch) {
    .captchaField.default .captchaFieldBoxMidOverlaySecure {
        visibility: hidden;
    }
}

.captchaField.default .captchaFieldBoxRight {
    height: 68px;
    width: 78px;
    padding: 5px 0 0 9px;
    background-image: url(../images/capFrameRight.png);
    float: left;
}

.captchaField.default .captchaFieldRefresh {
    display: block;
    height: 29px;
    width: 34px;
    padding: 5px 0 0 9px;
    background-image: url(../images/capFrameBtn.png);
    background-position: 0 0;
    cursor: pointer;
    float: left;
}

    .captchaField.default .captchaFieldRefresh:hover {
        background-position: -43px 0;
    }

input#captchaAnswer {
    margin-top: 5px;
}
/** Plain **/

.captchaField.plain {
    width: 100%;
    margin: 5px 0.25rem !important;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    border-radius: 0.125em;
}

    .captchaField.plain .captchaFieldNumbers {
        font-size: 6vh;
        line-height: 1em;
        padding: .3em !important;
        text-align: center;
        background-image: url(../images/securityBg.jpg);
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap !important;
        min-width: 0;
        background-color: #000 /* for contrast error issues */;
    }

    .captchaField.plain .captchaFieldBoxLeft {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMid {
        position: relative;
    }

    .captchaField.plain .captchaFieldBoxMidOverlay {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: url(../images/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
        z-index: 1;
    }

@supports (-webkit-overflow-scrolling: touch) {
    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        visibility: hidden;
    }
}


.captchaField.plain .captchaFieldBoxRight {
    width: 0;
    padding: 0;
}

.captchaField.plain .captchaFieldRefresh {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 2;
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    background-image: url(../images/spacer.gif);
    background-position: 0 0;
    cursor: pointer;
}

    .captchaField.plain .captchaFieldRefresh:hover {
        background-position: -43px 0;
    }

/* Expander */
[class*="Table-Expandable"] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    border-bottom: .075em solid rgb(195,195, 195,.5);
}

    [class*="Table-Expandable"] > caption {
        display: block;
        width: 100%;
        text-align: left;
        position: relative;
        cursor: pointer;
    }

    [class*="Table-Expandable"] > tbody {
        display: flex;
        width: 100%;
        transition: max-height 1.4s linear;
    }

body:not(#tinymce) [class*="Table-Expandable"] > tbody {
    animation: none;
    max-height: 0vh;
}

body:not(#tinymce) [class*="Table-Expandable"].expanded > tbody {
    animation: openExpandable 1s cubic-bezier(0.66, -0.1, 0.35, 1.07) 0s 1 normal forwards;
}

/* body:not(#tinymce) [class*="Table-Expandable"]:target > tbody {
    max-height: 100000vh;
} */
@keyframes openExpandable {
    0% {
        max-height: 0vh;

    }

    99% {
        max-height: 100vh;
    }

    100% {
        max-height: 100000vh;
    }
}

[class*="Table-Expandable"] > tbody > tr {
    display: flex;
    width: 100%;
}

    [class*="Table-Expandable"] > tbody > tr > td {
        display: block;
        width: 100%;
    }

        [class*="Table-Expandable"] > tbody > tr > td > * {
            margin-top: 0;
            padding-top: 0;
        }

[class*="Table-Expandable"] > caption > * {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    word-break: break-word;
}

[class*="Table-Expandable"] > caption h1,
[class*="Table-Expandable"] > caption h2,
[class*="Table-Expandable"] > caption h3,
[class*="Table-Expandable"] > caption h4,
[class*="Table-Expandable"] > caption h5 {
    color: var(--color1);
}

.accessibility-enabled [class*="Table-Expandable"] > caption h1,
.accessibility-enabled [class*="Table-Expandable"] > caption h2,
.accessibility-enabled [class*="Table-Expandable"] > caption h3,
.accessibility-enabled [class*="Table-Expandable"] > caption h4,
.accessibility-enabled [class*="Table-Expandable"] > caption h5 {
    color: var(--color3);
}

[class*="Table-Expandable"] > caption:hover > *, [class*="Table-Expandable"].expanded > caption > * {
    color: var(--color3);
}

[class*="Table-Expandable"] > caption {
    padding-bottom: .75em;
}

    [class*="Table-Expandable"] > caption > * > span {
        display: flex;
        min-width: 2em;
    }

    [class*="Table-Expandable"] > caption > *::before {
        content: "";
        display: block;
        order: 2;
        overflow: hidden;
        pointer-events: none;
        transition: color .2s ease-in-out;
        flex-grow: 1;
    }

    [class*="Table-Expandable"] > caption > *::after {
        content: "\f107";
        display: block;
        order: 3;
        min-width: 2rem;
        text-align: center;
        font-family: 'FontAwesome';
        font-size: 1em;
        font-weight: bold;
        overflow: hidden;
        color: var(--color1);
        pointer-events: none;
        transition: all .2s ease-in-out;
    }

[class*="Table-Expandable"].expanded > caption > *::after {
    color: var(--color3);
}

[class*="Table-Expandable"].expanded caption > *::after, body#tinymce [class*="Table-Expandable"] caption > *::after {
    transform: rotate(180deg);
}

[class*="Table-Expandable"] > tbody > tr > td > [class*="table"][class*="grid"] {
    padding-bottom: 2em;
}


[class*="Table-Expandable"][class*="panel"] {

    margin-bottom: var(--vertical-spacing);
    border-bottom: none;
}

    [class*="Table-Expandable"][class*="panel"] > caption {
        background-color: var(--color4);
        padding: .5em .5em 1em 1em;
        border-radius: var(--radius);
        transition: none;
    }

    [class*="Table-Expandable"][class*="panel"].expanded > caption {
        border-radius: var(--radius) var(--radius) 0 0;
        transition: all .5s ease-in-out;
    }

    [class*="Table-Expandable"][class*="panel"] > tbody > tr > td {
        padding: 1em;
        border-radius: 0 0 var(--radius) var(--radius);
        background-color: rgba(var(--color4-rgba),.5);
    }

/* Toolbar Side */
.toolbar, i.toolbar-section {
    width: 2.417rem;
}


    .toolbar > *, .toolbar > * > * > i, .toolbar > * > * > p {
        height: 1.958rem;
    }

.toolbar,
.customizer-enabled body:not([class*="tools-active"]) .toolbar {
    top: 32%;
    margin-top: -2.083rem;
}

@media only screen and (max-width:1001px) {

    .toolbar.right:hover {
        transform: translateX(0);
    }

    .toolbar.left:hover {
        transform: translateX(0);
    }

    .toolbar.right {
        transform: translateX(2rem);
    }

    .toolbar.left {
        transform: translateX(-2rem);
    }

    .opennav .toolbar.right, .openob .toolbar.right {
        transform: translateX(2.5rem) !important;
    }

    .opennav .toolbar.left, .openob .toolbar.left {
        transform: translateX(-2.5rem) !important;
    }
}

.toolbar > *, .toolbar > *.toolbar-search {
    background-color: rgba(var(--color1-rgba),.75);
}

.ipad.noticeactive #toolbar {
    top: 40%;
}

.toolbar > * {
    font-size: 0.6667rem;
    line-height: 1.2em;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    border-top: 0.04167rem rgba(255, 255, 255, .25) solid;
}

#Toolbar-Increase-Font-Size,
#Toolbar-Reset-Font-Size,
#Toolbar-Decrease-Font-Size,
.text-resizer-toggle {
    display: none;
}

@media only screen and (min-width:1000px) {
    .text-resizer-enabled #Toolbar-Increase-Font-Size,
    .text-resizer-enabled #Toolbar-Reset-Font-Size,
    .text-resizer-enabled #Toolbar-Decrease-Font-Size,
    .text-resizer-enabled .text-resizer-toggle {
        display: inherit;
    }
}

.text-resizer-toggle div {
    position: relative;
    display: flex;
    flex-direction: column;
}

.text-resizer-toggle > div > div {
    padding: 0 !important;
}

.text-resizer-toggle div a {
    position: relative;
    text-decoration: none;
}

    .text-resizer-toggle div a p {
        margin: 0 0 0 1.875rem;
        padding: 0 0.8333rem;
        font-weight: 700;
        font-size: 0.5833rem;
        line-height: 1.958rem;
        text-overflow: ellipsis;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        height: 1.958rem;
    }

.toolbar > *.on-hover:hover, .toolbar > *.active, .toolbar > *[aria-expanded=true] {
    max-width: 20.83rem;
    background-color: var(--color3);
}

.toolbar.right > *.on-hover:hover, .toolbar > *.active, .toolbar.right > *[aria-expanded=true] {
    border-top-left-radius: calc(var(--radius)/1.2);
    border-bottom-left-radius: calc(var(--radius)/1.2);
}

.toolbar.left > *.on-hover:hover, .toolbar > *.active, .toolbar.left > *[aria-expanded=true] {
    border-top-right-radius: calc(var(--radius)/1.2);
    border-bottom-right-radius: calc(var(--radius)/1.2);
}

.toolbar > *.toolbar-panel:hover, .toolbar > *.toolbar-panel.active, .toolbar > *.toolbar-panel[aria-expanded=true] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.toolbar > .toolbar-panel.wide.on-hover:hover, .toolbar > .toolbar-panel.wide.active, .toolbar > .toolbar-panel.wide[aria-expanded=true] {
    max-width: 18.75rem;
}

.toolbar > *:first-child {
    margin-top: 0.5417rem;
}

.toolbar.right > *:first-child,
.toolbar.right > .toolbar-mobile + * {
    border-top-left-radius: calc(var(--radius)/1.2);
}

.toolbar.left > *:first-child,
.toolbar.left > .toolbar-mobile + * {
    border-top-right-radius: calc(var(--radius)/1.2);
}

.toolbar > *:last-child {
    margin-bottom: 0.5417rem;
}

.toolbar.right > *:last-child {
    border-bottom-left-radius: calc(var(--radius)/1.2);
}

.toolbar.left > *:last-child {
    border-bottom-right-radius: calc(var(--radius)/1.2);
}

.toolbar > * > * > i,
.toolbar > * > * > p,
.toolbar > * > a {
    color: rgba(255,255,255,1) !important;
}

.toolbar > * > * > i,
.toolbar > * > * > p {
    line-height: 1.958rem;
    font-size: 0.5rem;
}

.toolbar > * > * > p {
    margin: 0 0 0 1.875rem;
    padding: 0 0.8333rem;
    font-weight: 700;
    font-size: 0.5833rem;
    line-height: 1.958rem;
    color: rgba(0,0,0,0);
}

.toolbar > *.on-hover:hover > * p, .toolbar > *.active > * p, .toolbar > *[aria-expanded=true] > * p {
    color: rgba(255,255,255,1);
}

i.toolbar-section {
    font-size: 1.125rem;
    line-height: 1.958rem;
}

.home #Toolbar-Login {
    display: none;
}

#Toolbar-Scroll-Down {
    display: none;
}

.scroll-to-enabled #Toolbar-Scroll-Down {
    display: inherit;
}

.home .toolbar.right > #Toolbar-Scroll-Down {
    margin-bottom: 0.5417rem;
    border-bottom-left-radius: calc(var(--radius)/1.2);
}

.home .toolbar.left > #Toolbar-Scroll-Down {
    margin-bottom: 0.5417rem;
    border-bottom-right-radius: calc(var(--radius)/1.2);
}

.toolbar > * > div > div {
    width: 9.917rem;
    padding: 1.042rem;
    background-color: rgba(51, 51, 51, .95);
    margin-top: -0.04167rem;
    text-align: left;
}

.toolbar.right > * > div > div {
    border-bottom-right-radius: calc(var(--radius)/1.2);
    border-bottom-left-radius: calc(var(--radius)/1.2);
    margin-right: 2.417rem;
}

.toolbar.left > * > div > div {
    border-bottom-right-radius: calc(var(--radius)/1.2);
    border-bottom-left-radius: calc(var(--radius)/1.2);
    margin-left: 2.417rem;
}

#toolbar > * > div > div *:not(input) {
    color: #fff;
}

#Toolbar-Weather {
    display: none;
}

.weather-enabled #Toolbar-Weather {
    display: inherit;
}

.toolbar .part-1 {
    min-width: 5rem;
}

.toolbar > #Toolbar-Weather > div > div {
    width: 18rem;
    font-size: .49rem;
}

    .toolbar > #Toolbar-Weather > div > div .forecast {
        font-size: .8rem;
    }

        .toolbar > #Toolbar-Weather > div > div .forecast > * {
            min-width: 0;
        }


.toolbar .dayOfWeek {
    font-size: 0.6em;
    line-height: 0.5em;
}

.toolbar .tempFarenheitHigh, .toolbar .tempFarenheitLow {
    width: auto;
}
/* --- resize icons for text-resizer -- */
.toolbar [class*="icon-text"] {
    font-size: .85rem;
}
/* ---- remove text resizer buttons on mobile -- */
@media only screen and (max-width:768px) {
    #toolbar [class*="-font-size"],
    .toolbar .text-resizer-toggle {
        display: none;
    }
}
/*---- toolbar mobile --------*/
.toolbar .toolbar-mobile {
    display: none;
}

@media only screen and (max-width:1001px) {
    .toolbar.right:hover {
        transform: none;
    }

    .toolbar.left:hover {
        transform: none;
    }

    .toolbar.right {
        transform: none;
    }

    .toolbar.left {
        transform: none;
    }

    .toolbar > * {
        transition: all 1s ease;
    }

    .toolbar .toolbar-mobile {
        display: block;
        width: 100%;
        transform: translateX(0);
    }

    .toolbar.right .toolbar-mobile {
        border-bottom-left-radius: calc(var(--radius)/1.2);
        border-top-left-radius: calc(var(--radius)/1.2);
    }

    .toolbar.left .toolbar-mobile {
        border-bottom-right-radius: calc(var(--radius)/1.2);
        border-top-right-radius: calc(var(--radius)/1.2);
    }

    .toolbar.right.toolbar-active > *:nth-child(2),
    .toolbar.right > *:nth-child(2) {
        border-top-left-radius: 0;
    }

    .toolbar.left.toolbar-active > *:nth-child(2),
    .toolbar.left > *:nth-child(2) {
        border-top-right-radius: 0;
    }

    .toolbar.right > *:not(.toolbar-mobile) {
        right: -2.5rem;
    }

    .toolbar.right.toolbar-active > * {
        transform: translateX(-2.5rem);
    }

    .toolbar.left > *:not(.toolbar-mobile) {
        left: -2.5rem;
    }

    .toolbar.left.toolbar-active > * {
        transform: translateX(2.5rem);
    }

    .toolbar.right.toolbar-active .toolbar-mobile {
        border-bottom-left-radius: 0;
    }

    .toolbar.left.toolbar-active .toolbar-mobile {
        border-bottom-right-radius: 0;
    }

    .toolbar-active .toolbar-mobile,
    .toolbar-active.toolbar.left .toolbar-mobile,
    .toolbar-active.toolbar.right .toolbar-mobile {
        transform: translateX(0);
    }

    /*--- remove hover on mobile ---*/
    .toolbar > *.on-hover:not(.toolbar-panel):hover,
    .toolbar > *:not(.toolbar-panel)[aria-expanded=true] {
        max-width: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/* ADA Toolbar */
.toolbar .accessibility-mode-toggle {
    display: none;
}

.accessibility-mode-enabled .toolbar .accessibility-mode-toggle {
    display: inherit;
}

.toolbar .accessibility-mode-toggle {
    cursor: pointer;
}

    .toolbar .accessibility-mode-toggle .toolbar-section:before {
        content: "\f070";
    }

.accessibility-enabled .accessibility-mode-toggle .toolbar-section:before {
    content: "\f06e";
}

.accessibility-enabled .accessibility-mode-toggle .enable, .accessibility-mode-toggle .disable {
    display: none;
}

.accessibility-enabled .accessibility-mode-toggle .disable {
    display: inline;
}

/* Lightcase 4.3.0 by @cornelboppart, GPL license */
#lightcase-case {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/* Page Transitions */
@keyframes reveal {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes reveal {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 668px){
	body {
	    opacity: 0;
	    animation: reveal;
	    -webkit-animation: reveal;
	    animation-delay: 0.35s;
	    animation-duration: 1.5s;
	    animation-fill-mode: forwards;
	    animation-iteration-count: 1;
	    animation-timing-function: ease;
	}
}

body > footer [class*="Subsection-Table"] {
    margin-top: 0 !important;
}

    body > footer [class*="Subsection-Table"] > * > tr > * {
        overflow: visible;
    }

body > footer .inner-content {
    color: #555;
    background-color: #f9f9f9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#tinymce [class*="list"][class*="social"]:after,
#tinymce [class*="list"][class*="social"] li a:after {
    top: -6em !important;
}

[class*="list"][class*="social"] {
    display: flex;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: .5em;
    justify-content: flex-start;
    background-color: transparent;
    height: auto;
}

    [class*="list"][class*="social"] > li {
        display: flex;
        padding: 0 !important;
    }

        [class*="list"][class*="social"] > li:not(:first-of-type):not(:only-of-type) {
            padding-left: .5em !important;
        }

        [class*="list"][class*="social"] > li:before {
            display: none;
        }

    [class*="list"][class*="social"] li a {
        height: 2em;
        margin: 0;
        padding: 0;
        border-radius: var(--radius);
        line-height: 100%;
        color: inherit;
    }

    [class*="list"][class*="social"][class*="outline"] li a {
        width: 2em;
        border: .0476em solid var(--color2);
    }

@media (hover:hover) {
    [class*="list"][class*="social"] li a:hover {
        color: var(--color3) !important;
    }

    [class*="list"][class*="social"][class*="outline"] li a:hover {
        background-color: var(--color3);
        border: .0476em solid var(--color3);
        color: #FFF !important;
    }
}

[class*="list"][class*="social"] li a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#logo-footer {
    display: flex;
    max-width: 7em;
    filter: grayscale(1);
}

a#logo-footer:hover {
    filter: grayscale(0);
}

[class*="table"][class*="list"][class*="logo"] > * > tr > td {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 10em;
}
    /*Footer Logo td*/
    [class*="table"][class*="list"][class*="logo"] > * > tr > td:nth-of-type(3) {
        padding: 0;
        /* max-width: 17em; */
        text-align: center;
        flex-direction: column;
    }

@media (max-width: 1000px) {
    [class*="table"][class*="list"][class*="logo"] > * > tr > td {
        justify-content: space-evenly;
        max-width: none;
    }

        [class*="table"][class*="list"][class*="logo"] > * > tr > td:nth-of-type(3) {
            order: 5;
            width: 100%;
        }
}

[class*="table"][class*="list"][class*="logo"] #logo-footer {
    min-width: 7em;
}

@media (min-width: 1001px) {
    [class*="table"][class*="list"][class*="logo"] > * > tr > td:last-of-type {
        flex-grow: 1 !important;
    }
}

@media (max-width:767px) {
    body > footer .inner-content > * {
        width: 100%;
        text-align: center;
    }
}

body > footer .inner-content .footer-logos {
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 1.75em;
    color: inherit;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    body > footer .inner-content .footer-logos a:not(:hover) {
        color: inherit;
    }

    body > footer .inner-content .footer-logos > a[class*="icon-"]:before,
    body > footer .inner-content .footer-logos > a[class*="fa-"]:before {
        margin-right: 0 !important;
        margin-left: 1em;
    }

    body > footer .inner-content .footer-logos > a[class*="icon-"]:first-child:before,
    body > footer .inner-content .footer-logos > a[class*="fa-"]:first-child:before {
        margin-left: 0;
    }

.createdby {
    display: flex;
    align-items: center;
    color: inherit;
    flex-wrap: wrap;
    font-size: .75em;
    justify-content: flex-end;
}

@media (max-width: 767px){
    body > footer .inner-content .footer-logos,
    .createdby {
        justify-content: center;
    }
}

.createdby a {
    margin-left: .25em;
}

.createdby a:after {
    display: none;
}