/* CSS Document */

/* Font helper block
font-family: 'Bad Script', cursive;
400

font-family: 'Lexend', sans-serif;
300, 400, 600, 700 (Light, Semibold)

font-family: 'Poppins', sans-serif;
400, 600, 700
*/

/* Level 9 Voice Website "site.css" structure:
=.= Reset, Accessibility and Standard HTML elements
=.= CONTENT STYLES
	=.= TINY MCE Selectable Styles
=.= Custom Colors
	=.= Standardized Color Values
	=.= Form Placeholder Colors
------
=.= Layout Framework 
=.= Form Framework
=.= Conventional Content Decks (BIT TYPE)
=.= Featured Rate & Icon Decks (BIT TYPE)
=.= Featured Prod/Serv Content Decks (BIT TYPE)
=.= Step List Content Decks (BIT TYPE)
------
=.= Custom Button Styling
=.= Calls to Action (BIT TYPE)
=.= Promotions & Testimonials (BIT TYPE)
=.= Cross Selling Promo Blocks
------
=.= Quick Text Formatting
=.= Show/Hide and Other Display Visuals
------
=.= Site Layout Elements
=.= Mobile Header / Menu
=.= Header Elements
	=.= OPEN
=.= Online Banking Login
------
=.= Footer Elements
	=.= Footer Quicklinks (BIT TYPE)
=.= Navigation
	=.= Mega Menus
	=.= Dropdown Menus
	=.= Top Navigation
	=.= Sub-Navigation (in-page)
	=.= Sticky Menu
=.= Alerts
=.= Speedbumps
=.= Sitemap
=.= FAQ's
=.= Responsive Lists
=.= Posts / Post Lists / Post Images
=.= Seminars / Events
=.= Site Banners
	=.= VOICE Banners (BIT TYPE)
	=.= Video Banners (BIT TYPE)

=.= JQuery Style Overrides & Ajax Elements
=.= Google Search or Voice Search Integration
=.= OPEN
=.= Flexible Iframe & Responsive Videos
=.= Tabbed Content Areas
------
=.= Rate Tables
=.= Featured Rates and Featured Icons (BIT TYPE)
=.= Comparison Charts (BIT TYPE)
=.= Staff Listings (BIT TYPE)
=.= Level 9 Calculators
=.= Google Maps (BIT TYPE)
=.= Commenting and Rating
=.= Surveys and Polls
=.= Personalized / Location Based Content
------
=.= Custom CSS Additions
------
*/

html {
    /* Setting the font-size at document level using an absolute unit overwrites the user's browser settings, so this must be relative -- do not change */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    min-height: 100%;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    margin: 0;
    color: #000;
    position: relative;
    z-index: 0;
    background: #FFF;
    box-sizing: border-box;
    min-height: 100%;
    background-attachment: fixed;
    box-sizing: border-box;
}

/* move footer to bottom of page */

html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.wrapper {
    flex: 1 0 auto;
    width: 100%;
}

.footer {
    flex-shrink: 0;
}

/* -------------- =.= Reset and Accessibility -------------- */

img,
iframe {
    max-width: 100%;
}

pre,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
div.form-field,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    /* removed display and zoom */
}

audio:not([controls]) {
    display: none;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.7em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* border: 0;*/
    padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */

#skip a,
#skip a:hover,
#skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skip a:active,
#skip a:focus {
    position: static;
    width: auto;
    height: auto;
}

.hidden,
.hide {
    display: none;
}

/*class to hide content so it is just for screen readers*/

.just-sr {
    position: absolute;
    display: block;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.just-sr a:link {
    color: #000;
}

p {
    line-height: 1.3;
    margin: 0 0 20px 0;
}

p:empty,
.content:empty {
    display: none;
}

sup {
    font-size: 60%;
}

/* -------------- =.= CONTENT STYLES -------------- */

/*  *********  MUST ALSO BE DUPLICATED IN /CSS/EDITOR.CSS SO THAT TINYMCE CAN UTILIZE THEM *********    */

strong,
b {
    font-weight: 700;
}

a,
a:link {
    color: #214A82;
    text-decoration: underline;
}

a:visited {
    color: #214A82;
    text-decoration: underline;
}

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

a:active {
    color: #1B365D;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style {
    margin: 10px 0;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Lexend', sans-serif;
    color: #002855;
}

h1,
.h1-style {
    font-size: 3.125rem;
    color: #002855;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

h2,
.h2-style {
    font-size: 2rem;
    color: #002855;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

h3,
.h3-style {
    font-size: 1.625rem;
    color: #002855;
    font-weight: 600;
}

h4,
.h4-style {
    font-size: 1.375rem;
    color: #002855;
}

h5,
.h5-style {
    font-size: 1.125rem;
    color: #002855;
}

h6,
.h6-style {
    font-size: 1.0625rem;
    color: #002855;
}

.h1-style.txt-dark,
.h2-style.txt-dark,
.h3-style.txt-dark,
.h4-style.txt-dark,
.h5-style.txt-dark,
.h6-style.txt-dark {
    color: #002855 !important;
}

h1.page-title {
    margin-top: 0;
}

.content a {
    overflow-wrap: break-word;
}

::placeholder {
    color: #102B3F;
    font-size: 1rem;
}

.content ul {
    margin-bottom: 30px;
    margin-top: 20px;
}

.content ul li {
    margin-bottom: 10px;
}

.content1>p:first-of-type {
    margin: 20px 0 20px 0;
}

.content1>h2:first-of-type {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.25rem;
    }
    h4 {
        font-size: 1.125rem;
    }
    h5 {
        font-size: 1.15rem;
    }
    h6 {
        font-size: 1.0625rem;
    }
    h1,
    h1.page-title {
        font-size: 2rem;
    }
}

/* -------------- =.= TINY MCE Selectable Styles -------------- */

/******* CONTENT STYLES MUST ALSO BE DUPLICATED IN /CSS/EDITOR.CSS SO THAT TINYMCE CAN UTILIZE THEM -- STYLES CAN BE ADDED OR CHANGED IN /admin/scripts/admin_tinymce_init.js *****/

.intro {
    font-size: 1.75rem;
    color: #214A82;
    line-height: 1.3;
    font-family: 'Bad Script', cursive;
}

/* extra colors seen in editor.css are grouped lower in this stylesheet - safe to ignore up here */

.red {
    color: #DA291C !important;
}

.blue {
    color: #1B365D !important;
}

.huge {
    font-size: 3.125rem;
}

.large {
    font-size: 2.1875rem;
}

.medium {
    font-size: 1.35rem;
}

.small {
    font-size: 0.875rem;
}

.tiny {
    font-size: .7rem;
    line-height: 1.5;
    display: inline-block;
}

.lexend {
    font-family: 'Lexend', sans-serif !important;
}

.lexend-light {
    font-family: 'Lexend', sans-serif !important;
    font-weight: 300 !important;
    text-transform: unset;
}

.bad-script {
    font-family: 'Bad Script', cursive !important;
}

.poppins {
    font-family: 'Poppins', sans-serif !important;
}

.lowercase {
    text-transform: lowercase !important;
}

@media screen and (max-width: 767px) {
    .intro {
        font-size: 1.25rem;
    }
}

/*=== END Editor Styles ===*/

/*=== Other styles used by TINYMCE ===*/

/* Image alignment and formatting  */

img.img_onethird {
    width: 33.333333%;
}

img.img_onehalf {
    width: 50%;
}

img.img_twothirds {
    width: 66.666666%;
}

img.img_full {
    min-width: 100%;
}

img.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}

img.alignright {
    float: right;
    margin: 0 0 10px 20px;
}

img.alignnone {
    float: none;
}

img.border1,
img.border2,
img.border3,
img.border4,
img.border5 {
    border-color: #333;
}

img.border0 {
    border: none;
}

img.border1 {
    border: solid 1px;
}

img.border2 {
    border: solid 2px;
}

img.border3 {
    border: solid 3px;
}

img.border4 {
    border: solid 4px;
}

img.border5 {
    border: solid 5px;
}

/* -------------- =.= Custom Colors -------------- */

/* -------------- =.= Standardized Color Values - no longer used -------------- */

/* -------------- =.= Layout Framework -------------- */

/* -------------- =.= Column Layouts -------------- */

/*1.1 Percentage based columns*/

.onewhole {
    width: 100%;
}

.onehalf {
    width: 50%;
}

.onethird {
    width: 33.333333%;
}

.twothirds {
    width: 66.666666%;
}

.onefourth {
    width: 25%;
}

.threefourths {
    width: 75%;
}

.onefifth {
    width: 20%;
}

.twofifths {
    width: 40%;
}

.threefifths {
    width: 60%;
}

.fourfifths {
    width: 80%;
}

.onesixth {
    width: 16.666666666666667%;
}

.fivesixths {
    width: 83.33333333333334%;
}

.oneseventh {
    width: 14.28571428571429%;
}

.twosevenths {
    width: 28.57142857142858%;
}

.threesevenths {
    width: 42.85714285714287%;
}

.foursevenths {
    width: 57.14285714285716%;
}

.fivesevenths {
    width: 71.42857142857145%;
}

.sixsevenths {
    width: 85.71428571428574%;
}

.oneeighth {
    width: 12.5%;
}

.twoeights {
    width: 25%;
}

/*same as .onefourth*/

.threeeighths {
    width: 37.5%;
}

.foureighths {
    width: 50%;
}

/*same as .onehalf*/

.fiveeighths {
    width: 62.5%;
}

.sixeighths {
    width: 75%;
}

/*same as .threefourths*/

.seveneighths {
    width: 87.5%;
}

.oneninth {
    width: 11.11111111111111%;
}

.twoninths {
    width: 22.22222222222222%;
}

.threeninths {
    width: 33.33333333333333%;
}

/*same as .onethird*/

.fourninths {
    width: 44.44444444444444%;
}

.fiveninths {
    width: 55.55555555555555%;
}

.sixninths {
    width: 66.66666666666666%;
}

/*same as .twothirds*/

.sevenninths {
    width: 77.77777777777777%;
}

.eightninths {
    width: 88.88888888888888%;
}

.onetenth {
    width: 10%;
}

.twotenths {
    width: 20%;
}

/*same as .onefifth*/

.threetenths {
    width: 30%;
}

.fourtenths {
    width: 40%;
}

/*same as .twofifths*/

.fivetenths {
    width: 50%;
}

/*same as .onehalf*/

.sixtenths {
    width: 60%;
}

/*same as .threefifths*/

.seventenths {
    width: 70%;
}

.eighttenths {
    width: 80%;
}

/*same as .fourfifths*/

.ninetenths {
    width: 90%;
}

.oneeleventh {
    width: 9.09090909090909%;
}

.twoelevenths {
    width: 18.18181818181818%;
}

.threeelevenths {
    width: 27.27272727272727%;
}

.fourelevenths {
    width: 36.36363636363636%;
}

.fiveelevenths {
    width: 45.45454545454545%;
}

.sixelevenths {
    width: 54.54545454545454%;
}

.sevenelevenths {
    width: 63.63636363636363%;
}

.eightelevenths {
    width: 72.72727272727272%;
}

.nineelevenths {
    width: 81.81818181818181%;
}

.tenelevenths {
    width: 90.9090909090909%;
}

.onetwelfth {
    width: 8.33333333333333%;
}

.twotwelfths {
    width: 16.66666666666666%;
}

/*same as .onesixth*/

.threetwelfths {
    width: 24.99999999999999%;
}

/*same as .onefourth*/

.fourtwelfths {
    width: 33.33333333333332%;
}

/*same as .onethird*/

.fivetwelfths {
    width: 41.66666666666665%;
}

.sixtwelfths {
    width: 49.99999999999998%;
}

/*same as .onehalf*/

.seventwelfths {
    width: 58.33333333333331%;
}

.eighttwelfths {
    width: 66.66666666666664%;
}

/*same as .twothirds*/

.ninetwelfths {
    width: 74.99999999999997%;
}

.tentwelfths {
    width: 83.3333333333333%;
}

/*same as .fivesixths*/

.eleventtwelfths {
    width: 91.66666666666663%;
}

.onethirteenth {
    width: 7.692307692307692%;
}

.twothirteenths {
    width: 15.384615384615385%;
}

.threethirteenths {
    width: 23.076923076923077%;
}

.fourthirteenths {
    width: 30.769230769230769%;
}

.fivethirteenths {
    width: 38.461538461538462%;
}

.sixthirteenths {
    width: 46.153846153846154%;
}

.seventhirteenths {
    width: 53.846153846153846%;
}

.eightthirteenths {
    width: 61.538461538461538%;
}

.ninethirteenths {
    width: 69.230769230769231%;
}

.tenthirteenths {
    width: 76.923076923076923%;
}

.eleventhirteenths {
    width: 84.615384615384615%;
}

.twelvethirteenths {
    width: 92.307692307692308%;
}

.thirteenthirteenths {
    width: 100%;
}

.onefourteenth {
    width: 7.142857142857143%;
}

.twofourteenths {
    width: 14.285714285714286%;
}

.threefourteenths {
    width: 21.428571428571429%;
}

.fourfourteenths {
    width: 28.571428571428571%;
}

.fivefourteenths {
    width: 35.714285714285714%;
}

.sixfourteenths {
    width: 42.857142857142857%;
}

.sevenfourteenths {
    width: 50%;
}

.eightfourteenths {
    width: 57.142857142857143%;
}

.ninefourteenths {
    width: 64.285714285714286%;
}

.tenfourteenths {
    width: 71.428571428571429%;
}

.elevenfourteenths {
    width: 78.571428571428571%;
}

.twelvefourteenths {
    width: 85.714285714285714%;
}

.thirteenfourteenths {
    width: 92.857142857142857%;
}

.fourteenfourteenths {
    width: 100%;
}

.onewhole,
.onehalf,
.onethird,
.twothirds,
.oneforuth,
.twofourths,
.threefourths,
.onefifth,
.twofifths,
.threefifths,
.fourfifths,
.onesixth,
.twosixths,
.threesixths,
.foursixths,
.fivesixths,
.oneseventh,
.twosevenths,
.threesevenths,
.foursevenths,
.fivesevenths,
.sixsevenths,
.oneeighth,
.twoeighths,
.threeeighths,
.foureighths,
.fiveeighths,
.sixeighths,
.seveneighths,
.oneninth,
.twoninths,
.threeninths,
.fourninths,
.fiveninths,
.sixninths,
.sevenninths,
.eightninths,
.onetenth,
.twotenths,
.threetenths,
.fourtenths,
.fivetenths,
.sixtenths,
.seventenths,
.eighttenths,
.ninetenths,
.oneeleventh,
.twoelevenths,
.threeelevenths,
.fourelevenths,
.fiveelevenths,
.sixelevenths,
.sevenelevenths,
.eightelevenths,
.nineelevenths,
.tenelevenths,
.onetwelth,
.twotwelths,
.threetwelths,
.fourtwelths,
.fivetwelths,
.sixtwelths,
.seventwelths,
.eighttwelths,
.ninetwelths,
.tentwelths,
.eleventwelths,
.onethirteenth,
.twothirteenths,
.threethirteenths,
.fourthirteenths,
.fivethirteenths,
.sixthirteenths,
.seventhirteenths,
.eightthirteenths,
.ninethirteenths,
.tenthirteenths,
.eleventhirteenths,
.twelvethirteenths,
.thirteenthirteenths,
.onefourteenth,
.twofourteenths,
.threefourteenths,
.fourfourteenths,
.fivefourteenths,
.sixfourteenths,
.sevenfourteenths,
.eightfourteenths,
.ninefourteenths,
.tenfourteenths,
.elevenfourteenths,
.twelvefourteenths,
.thirteenfourteenths,
.fourteenfourteenths {
    margin: auto;
}

.inner {
    padding: 0 10px;
}

.page-inner {
    padding: 1% 0;
}

div.inner:empty {
    display: none;
}

@media screen and (max-width: 767px) {
    .inner {
        padding: 0 10px;
    }
}

/* -------------- =.= Responsive Column Layouts -------------- */

@media screen and (max-width: 767px) {
    /*make all the columns full width and clear them*/
    .onesixth,
    .oneseventh,
    .oneeighth,
    .oneninth,
    .onetenth,
    .oneeleventh,
    .onetwelfth,
    .twothirds,
    .threefourths,
    .fourfourths,
    .threefifths,
    .fourfifths,
    .fivefifths,
    .foursixths,
    .fivesixths,
    .sixsixths,
    .foursevenths,
    .fivesevenths,
    .sixsevenths,
    .sevensevenths,
    .fiveeighths,
    .sixeighths,
    .seveneighths,
    .eighteighths,
    .fiveninths,
    .sixninths,
    .sevenninths,
    .eightninths,
    .nineninths,
    .sixtenths,
    .seventenths,
    .eighttenths,
    .ninetenths,
    .tentenths,
    .sixelevenths,
    .sevenelevenths,
    .eightelevenths,
    .nineelevenths,
    .tenelevenths,
    .elevenelevenths,
    .seventwelfths,
    .eighttwelfths,
    .ninetwelfths,
    .tentwelfths,
    .eleventwelfths,
    .twelvetwelfths,
    .onehalf,
    .onethird,
    .onefourth,
    .twofourths,
    .onefifth,
    .twofifths,
    .twosixths,
    .threesixths,
    .twosevenths,
    .threesevenths,
    .twoeighths,
    .threeeighths,
    .foureighths,
    .twoninths,
    .threeninths,
    .fourninths,
    .twotenths,
    .threetenths,
    .fourtenths,
    .fivetenths,
    .twoelevenths,
    .threeelevenths,
    .fourelevenths,
    .fiveelevenths,
    .onetwelfth,
    .twotwelfths,
    .threetwelfths,
    .fourtwelfths,
    .fivetwelfths,
    .sixtwelfths,
    .onethirteenth,
    .twothirteenths,
    .threethirteenths,
    .fourthirteenths,
    .fivethirteenths,
    .sixthirteenths,
    .seventhirteenths,
    .eightthirteenths,
    .ninethirteenths,
    .tenthirteenths,
    .eleventhirteenths,
    .twelvethirteenths,
    .thirteenthirteenths,
    .onefourteenth,
    .twofourteenths,
    .threefourteenths,
    .fourfourteenths,
    .fivefourteenths,
    .sixfourteenths,
    .sevenfourteenths,
    .eightfourteenths,
    .ninefourteenths,
    .tenfourteenths,
    .elevenfourteenths,
    .twelvefourteenths,
    .thirteenfourteenths,
    .fourteenfourteenths {
        width: 100%;
        clear: both;
    }
}

/*but don't do it if a column has a class of "colfixed" ...*/

.colfixed {
    clear: none !important;
}

.onewhole.colfixed,
.twohalves.colfixed,
.threethirds.colfixed,
.fourfourths.colfixed,
.fivefifths.colfixed,
.sixsixths.colfixed,
.sevensevenths.colfixed,
.eighteighths.colfixed,
.nineninths.colfixed,
.tentenths.colfixed,
.elevenelevenths.colfixed,
.twelvetwelfths.colfixed {
    width: 100% !important;
}

.onehalf.colfixed,
.twofourths.colfixed,
.threesixths.colfixed,
.foureighths.colfixed,
.fivetenths.colfixed,
.sixtwelfths.colfixed {
    width: 50% !important;
}

.onethird.colfixed,
.twosixths.colfixed,
.threeninths.colfixed,
.fourtwelfths.colfixed {
    width: 33.333333% !important;
}

.twothirds.colfixed,
.foursixths.colfixed,
.sixninths.colfixed,
.eighttwelfths.colfixed {
    width: 66.666666% !important;
}

.onefourth.colfixed,
.twoeighths.colfixed,
.threetwelfths.colfixed {
    width: 25% !important;
}

.threefourths.colfixed,
.sixeighths.colfixed {
    width: 75% !important;
}

.onefifth.colfixed,
.twotenths.colfixed {
    width: 20% !important;
}

.twofifths.colfixed,
.fourtenths.colfixed {
    width: 40% !important;
}

.threefifths.colfixed,
.sixtenths.colfixed {
    width: 60% !important;
}

.fourfifths.colfixed,
.eighttenths.colfixed {
    width: 80% !important;
}

.onesixth.colfixed,
.twotwelfths.colfixed {
    width: 16.666666666666667% !important;
}

.fivesixths.colfixed,
.tentwelfths.colfixed {
    width: 83.33333333333334% !important;
}

.oneseventh.colfixed {
    width: 14.28571428571429% !important;
}

.twosevenths.colfixed {
    width: 28.57142857142858% !important;
}

.threesevenths.colfixed {
    width: 42.85714285714287% !important;
}

.foursevenths.colfixed {
    width: 57.14285714285716% !important;
}

.fivesevenths.colfixed {
    width: 71.42857142857145% !important;
}

.sixsevenths.colfixed {
    width: 85.71428571428574% !important;
}

.oneeighth.colfixed {
    width: 12.5% !important;
}

.threeeighths.colfixed {
    width: 37.5% !important;
}

.fiveeighths.colfixed {
    width: 62.5% !important;
}

.seveneighths.colfixed {
    width: 87.5% !important;
}

.oneninth.colfixed {
    width: 11.11111111111111% !important;
}

.twoninths.colfixed {
    width: 22.22222222222222% !important;
}

.fourninths.colfixed {
    width: 44.44444444444444% !important;
}

.fiveninths.colfixed {
    width: 55.55555555555555% !important;
}

.sevenninths.colfixed {
    width: 77.77777777777777% !important;
}

.eightninths.colfixed {
    width: 88.88888888888888% !important;
}

.onetenth.colfixed {
    width: 10% !important;
}

.threetenths.colfixed {
    width: 30% !important;
}

.seventenths.colfixed {
    width: 70% !important;
}

.ninetenths.colfixed {
    width: 90% !important;
}

.oneeleventh.colfixed {
    width: 9.09090909090909% !important;
}

.twoelevenths.colfixed {
    width: 18.18181818181818% !important;
}

.threeelevenths.colfixed {
    width: 27.27272727272727% !important;
}

.fourelevenths.colfixed {
    width: 36.36363636363636% !important;
}

.fiveelevenths.colfixed {
    width: 45.45454545454545% !important;
}

.sixelevenths.colfixed {
    width: 54.54545454545454% !important;
}

.sevenelevenths.colfixed {
    width: 63.63636363636363% !important;
}

.eightelevenths.colfixed {
    width: 72.72727272727272% !important;
}

.nineelevenths.colfixed {
    width: 81.81818181818181% !important;
}

.tenelevenths.colfixed {
    width: 90.9090909090909% !important;
}

.onetwelfth.colfixed {
    width: 8.33333333333333% !important;
}

.fivetwelfths.colfixed {
    width: 41.66666666666665% !important;
}

.seventwelfths.colfixed {
    width: 58.33333333333331% !important;
}

.ninetwelfths.colfixed {
    width: 74.99999999999997% !important;
}

.eleventwelfths.colfixed {
    width: 91.66666666666663% !important;
}

/* -------------- =.= Clearfix and Clearing -------------- */

.clearfix:before,
.clearfix:after,
.fix:before,
.fix:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after,
.fix:after,
.clear {
    clear: both;
}

.clearfix,
.fix {
    zoom: 1;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

/* -------------- =.= Floating -------------- */

.left,
.colleft {
    float: left;
}

.right,
.colright {
    float: right;
}

/* -------------- =.= Form Framework -------------- */

/* fix for IE and Edge where LEGEND elements overlaps INPUTs */

div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
}

/* -------------- =.= Form Elements -------------- */

fieldset {
    border: none;
}

div.form-field {
    width: 100%;
    margin: 10px 0;
    float: left;
    display: flex;
    /* MLJ 2021 */
    align-items: center;
    flex-wrap: wrap;
}

div.form-field .label {
    float: left;
    min-width: 40%;
    max-width: 99%;
    font-weight: 600;
    color: #214A82;
}

div.input {
    width: 98%;
    margin-right: 2%;
    margin-left: 0;
}

.form-group {
    margin: 10px 0;
}

.form-group.onewhole div.input {
    width: 100%;
}

.form-group:last-child .input {
    width: 100%;
    margin-right: 0;
}

div.form-field div.input.submit {
    border-top: solid 1px #ddd;
    padding: 0.7em 0;
    margin: 1em 0 0 0;
    float: right;
    /* width: 60%; cuts off contact submit button at mobile size */
    width: 100%;
}

div.form-field .button.submit {
    width: auto;
}

div.form-field.rule {
    /*login form div.form-field exception for horizontal line*/
    border-bottom: solid 1px #BAC7C6 !important;
    padding: 0;
    margin: 0 0 4px 0;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
textarea {
    width: 100%;
}

@media screen and (max-width:767px) {
    form {
        margin: auto;
    }
    div.form-field {
        width: 96%;
        border: none;
        display: block;
    }
    div.form-field .label,
    div.form-field .input {
        float: none;
        width: 100%;
        clear: both;
        margin: 0;
    }
}

form {
    margin: 0;
    padding: 0;
}

label {
    display: block;
}

/*labels within radio or checkbox groups*/

div.input label {
    display: inline-block;
    margin: 0 10px;
}

input {
    font-weight: normal;
    padding: 3px;
    margin: 0;
}

textarea {
    height: 120px;
    width: 100%;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
textarea,
select {
    padding: 6px 15px;
    box-sizing: border-box;
    border: solid 2px #D0D3D4;
    font-family: inherit;
    font-size: 1.25rem;
    color: #011020;
    border-radius: 6px;
}

input[type=button] {
    float: right;
    margin: 10px;
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus,
select:focus {
    box-shadow: inset 1px 1px 5px #ccc;
}

select {
    display: block;
    font-size: 1rem;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #c1c4c8;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

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

select:hover {
    border-color: #888;
}

select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

select option {
    font-weight: normal;
}

/* Disabled styles */

select:disabled,
select[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

select:disabled:hover,
select[aria-disabled=true] {
    border-color: #aaa;
}

input.formkey {
    width: inherit;
}

input.error,
textarea.error,
select.error,
input.errormsg,
textarea.errormsg,
select.errormsg {
    border-color: #d13836 !important;
}

.errormsg {
    color: #d13836;
    padding: 1px 0 10px 0;
    font-size: 0.8rem;
    text-align: left;
}

.form_label_req {
    color: #006990;
    font-weight: bold;
}

input.field,
textarea {
    font-size: 1.25rem;
}

input.upload {
    font-size: 11px;
    font-size: 0.6875rem;
    width: 99%;
}

input.short,
textarea.short {
    width: 33%;
}

input.wide,
textarea.wide {
    width: 100%;
}

input.small,
textarea.small {
    font-size: .9rem;
}

input.large,
textarea.large {
    font-size: 1rem;
}

input.tiny {
    height: 12px;
    font-size: .8rem;
    font-weight: bold;
}

select.select {}

select.wide {
    width: 99%;
}

select.short {
    width: 33%;
}

select.small {
    font-size: .9rem;
}

select.large {
    font-size: 1.3rem;
}

select.multiple {
    width: 96.5%;
    /*	height: 130px; */
    overflow: auto;
    font-size: 1rem;
}

select.multiple_wide {
    width: 99%;
    height: 100px;
    overflow: auto;
}

.aid {
    color: #333;
    font-size: .75rem !important;
    line-height: 1;
    display: inline-block;
    padding: 2px 0 3px 0;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    div#L9Form_div div.form-field .aid {
        display: block;
    }
    /* fixing large gap at mobile size */
}

.aid ul {
    margin: 0 0 0 20px;
    padding: 0px;
}

div.form-field .label label {
    font-size: 1.25rem;
    display: inline-block;
    line-height: 1.2;
    margin: 5px 0;
}

.confirm {
    padding: .5em 3%;
    font-size: 1.25rem;
    color: #2ecc40
}

label.agree {
    font-size: 11px;
    font-size: 0.6875rem;
}

div.fields ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.fields ul li {
    height: 80px;
}

div.form-field div.error_message,
div.error {
    color: #e80000 !important;
    font-size: 1rem;
    margin: 0 0 3px 0;
    clear: both;
}

.status label {
    font-weight: normal;
    text-transform: none;
    color: #3a3a3a;
    display: inline;
    font-size: 14px;
    font-size: 0.875rem;
}

/* -------------- =.= FORMS TOOL OUTPUT -------------- */

.formerrors {
    color: #B22222;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

.form_err_msg_area {
    color: #B22222;
    padding: 0.5em 0;
    font-size: 1rem;
}

/* Generated Form styles */

ul#form_elements,
ul#form_elements li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    /*	override drag and drop positioning from form workboard...*/
    position: inherit !important;
    width: inherit !important;
    top: inherit !important;
    left: inherit !important;
}

div.section_title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #005A6F;
}

input[type=radio],
input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

select {
    min-width: 50%;
    max-width: 100%;
}

div.form-field.consent {
    display: flex;
    box-sizing: border-box;
    flex-wrap: nowrap;
    align-items: flex-start;
}

div.form-field.consent div.label {
    float: none;
    width: 17px;
    min-width: 17px;
}

div.form-field.consent div.input {
    width: calc(100% - 20px);
}

.ui-sortable-placeholder {
    display: none !important;
}

div.form-field div.label label {
    word-wrap: break-word;
    width: auto;
    color: #214A82;
}

#form_div {
    width: 100%;
}

#form_div h2,
wrapper-survey h2 {
    border-bottom: solid 1px #DDDFE0;
}

ul.radio-list,
ul.check-list {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}

ul.radio-list li,
ul.check-list li {
    display: block;
    float: left;
    padding: 2px 8px;
}

input.med {
    width: 60%;
}

/*disabled poll button*/

input[disabled="disabled"] {
    background-color: #DDDFE0 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

input[disabled="disabled"]:hover {
    color: #fff;
    background-color: #4E5157 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default;
}

#form_elements_panel #form_elements,
.form-panel .div.form-fields {}

#form_elements_panel ul#form_elements,
#form_elements_panel ul#form_elements li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* fix for IE and Edge where LEGEND elements overlaps INPUTs */

div.form-field div.label legend {
    display: inline-block;
    margin-right: 10px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.JQcaptcha {
    width: 30% !important;
    margin: 0 1em 0 0;
    float: left;
}

ul.l9-list-style-none {
    margin: 0;
    padding: 0;
}

ul.l9-list-style-none li div.input ol,
ul.l9-list-style-none li div.input ul {
    margin: 0;
    padding: 0;
}

ul.l9-list-style-none li,
ul.l9-list-style-none li div.input ol li,
ul.l9-list-style-none li div.input ul li {
    list-style-type: none;
}

ul.l9-list-style-none li ol li,
ul.l9-list-style-none li ul li {
    list-style-type: inherit;
}

#L9Form_message_area {
    padding: 20px;
    margin: 20px 0;
    border: solid 1px #f7f7f8;
    color: #333;
    background-color: #f7f7f8;
    /* light grey */
    text-align: center;
    box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 25%);
    font-size: 1.25rem;
}

span.JQradioClick {
    margin-right: 15px;
}

/* removing extra space caused by break tags */

div.form-field .label br {
    display: none;
}

span.aid,
div.form-field .label label.aid {
    clear: both;
    display: block;
    color: #63666A;
    margin-right: 10px;
}

form#ReferralForm {
    margin-top: 44px;
}

/* -------------- =.= Conventional Content Decks -------------- */

div.decks.fix {
    overflow: hidden;
}

/*multi column support*/

.contentdeck.onewhole,
.contentdeck.onehalf,
.contentdeck.onethird,
.contentdeck.onefourth,
.contentdeck.onefifth {
    width: 100% !important;
}

.contentdeck.onehalf .inner,
.contentdeck.onethird .inner,
.contentdeck.onefourth .inner,
.contentdeck.onefifth .inner,
.contentdeck.icon-grid .inner {
    max-width: 1440px !important;
}

.contentdeck.onewhole .multicol-inner,
.contentdeck.onehalf .multicol-inner,
.contentdeck.onethird .multicol-inner,
.contentdeck.onefourth .multicol-inner,
.contentdeck.onefifth .multicol-inner {
    padding: 20px !important;
}

/*if one column layout is selected, don't display columns 2, 3, 4 or 5*/

div.contentdeck.onewhole>div.deckinner div.multicol2,
div.contentdeck.onewhole>div.deckinner div.multicol3,
div.contentdeck.onewhole>div.deckinner div.multicol4,
div.contentdeck.onewhole>div.deckinner div.multicol5 {
    display: none;
}

/*if two column layout is selected, don't display columns 3, 4 or 5*/

div.contentdeck.onehalf>div.deckinner div.multicol3,
div.contentdeck.onehalf>div.deckinner div.multicol4,
div.contentdeck.onehalf>div.deckinner div.multicol5 {
    display: none;
}

/*if three column layout is selected, don't display columns 4 or 5*/

div.contentdeck.onethird>div.deckinner div.multicol4,
div.contentdeck.onethird>div.deckinner div.multicol5 {
    display: none;
}

/*if four column layout is selected, don't display column 5*/

div.contentdeck.onefourth>div.deckinner div.multicol5 {
    display: none;
}

/*apply offset column widths*/

.contentdeck.onethird-twothirds .multicol1 {
    width: 33%;
}

.contentdeck.onethird-twothirds .multicol2 {
    width: 66%;
}

.contentdeck.twothirds-onethird .multicol1 {
    width: 66%;
}

.contentdeck.twothirds-onethird .multicol2 {
    width: 33%;
}

.contentdeck.onefourth-threefourths .multicol1 {
    width: 25%;
}

.contentdeck.onefourth-threefourths .multicol2 {
    width: 75%;
}

.contentdeck.threefourths-onefourth .multicol1 {
    width: 75%;
}

.contentdeck.threefourths-onefourth .multicol2 {
    width: 25%;
}

.contentdeck.onethird-twothirds .multicol3,
.contentdeck.onethird-twothirds .multicol4,
.contentdeck.onethird-twothirds .multicol5 {
    display: none;
}

.contentdeck.twothirds-onethird .multicol3,
.contentdeck.twothirds-onethird .multicol4,
.contentdeck.twothirds-onethird .multicol5 {
    display: none;
}

.contentdeck.onefourth-threefourths .multicol3,
.contentdeck.onefourth-threefourths .multicol4,
.contentdeck.onefourth-threefourths .multicol5 {
    display: none;
}

.contentdeck.threefourths-onefourth .multicol3,
.contentdeck.threefourths-onefourth .multicol4,
.contentdeck.threefourths-onefourth .multicol5 {
    display: none;
}

.contentdeck.onethird-twothirds .multicol1.onewhole {
    width: 100%;
}

.contentdeck.onefourth-threefourths .multicol1.onewhole {
    width: 100%;
}

@media screen and (max-width:767px) {
    .contentdeck.onethird-twothirds .multicol1,
    .contentdeck.twothirds-onethird .multicol1 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onethird-twothirds .multicol2,
    .contentdeck.twothirds-onethird .multicol2 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onefourth-threefourths .multicol1,
    .contentdeck.threefourths-onefourth .multicol1 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onefourth-threefourths .multicol2,
    .contentdeck.threefourths-onefourth .multicol2 {
        width: 100% !important;
        display: block;
        float: none;
    }
    .contentdeck.onewhole .multicol-inner,
    .contentdeck.onehalf .multicol-inner,
    .contentdeck.onethird .multicol-inner,
    .contentdeck.onefourth .multicol-inner,
    .contentdeck.onefifth .multicol-inner {
        padding: 20px 10px !important;
    }
}

.multicol-inner {
    padding: 40px 20px !important;
}

.contentdeck .multicol-outro {
    clear: both;
    display: block;
}

.multicol-outro.no-padding,
.multicol-outro.no-padding p {
    padding: 0 !important;
    margin: 0;
    line-height: 1;
}

div.contentdeck {
    padding: 0;
}

/*.contentdeck.hasmenuitem { padding-top: 77px; }*/

@media screen and (max-width: 767px) {
    /*.contentdeck.hasmenuitem { padding-top: 50px; }
    div.contentdeck h3 {
        font-size: 32px;
        font-size: 2rem;
    }*/
}

div.contentdeck div.deckinner
/*other deck inner styling in section 10.0*/

    {
    padding-top: 70px;
    padding-bottom: 70px;
}

/*there are multiple bit types that support "distinct" content deck purposes*/

div.contentdeck .deckinner.deck-distinct {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deck-distinct .multicol-inner {
    padding: 50px 40px !important;
}

div.contentdeck .deck-distinct h2.deck-title,
div.contentdeck .deck-distinct h3.deck-title {
    text-align: left;
    width: 100%;
}

/*content deck background colors and changing content elements to white based on background*/

div.contentdeck.white {
    background-color: #fff;
}

div.contentdeck.white.border:before,
div.contentdeck.white.border:after {
    /*put a border at the top and bottom of white decks*/
    display: block;
    background: #8C9495;
    height: 2px;
    margin: 10px 2%;
    width: 96%;
    position: relative;
    visibility: visible;
}

/* THESE DECK STYLES SHOULD BE UPDATED BASED ON WHAT IS NEEDED */

div.contentdeck.white {
    background-color: #fff;
}

/*the following makes most content elements white within the brandcolor content decks*/

div.contentdeck.brandcolor,
div.contentdeck.brandcolor h2,
div.contentdeck.brandcolor h3,
div.contentdeck.brandcolor h4,
div.contentdeck.brandcolor h5,
div.contentdeck.brandcolor h6,
div.contentdeck.brandcolor p,
div.contentdeck.brandcolor a,
div.contentdeck.brandcolor .intro,
div.contentdeck.brandcolor label.aid,
div.contentdeck.brandcolor div.form-field .label {
    color: #fff;
}

/*not sure if we still need this...*/

div.contentdeck div.page_body {
    padding: 0 !important;
}

div.contentdeck div.contentdeck,
div.contentdeck .contentdeck.onehalf .multicol-inner {
    padding: 5px 5px 5px 0 !important;
}

/*content decks with background images*/

.contentdeck.has-bgimg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*content decks - background image overlay opacity*/

/*if the deck HAS a background image, shade the overlay as selected*/

/* default in case no opacity is chosen */

.contentdeck.has-bgimg .deck-overlay.darken {
    background-color: rgba(8, 29, 38, 0.9);
}

.contentdeck.has-bgimg .deck-overlay.darken1 {
    background-color: rgba(8, 29, 38, 0.1);
}

.contentdeck.has-bgimg .deck-overlay.darken2 {
    background-color: rgba(8, 29, 38, 0.3);
}

.contentdeck.has-bgimg .deck-overlay.darken3 {
    background-color: rgba(8, 29, 38, 0.5);
}

.contentdeck.has-bgimg .deck-overlay.darken4 {
    background-color: rgba(8, 29, 38, 0.7);
}

.contentdeck.has-bgimg .deck-overlay.darken5 {
    background-color: rgba(8, 29, 38, 0.9);
}

/* default in case no opacity is chosen */

.contentdeck.has-bgimg .deck-overlay.lighten {
    background-color: rgba(255, 255, 255, 0.9);
}

.contentdeck.has-bgimg .deck-overlay.lighten1 {
    background-color: rgba(255, 255, 255, 0.1);
}

.contentdeck.has-bgimg .deck-overlay.lighten2 {
    background-color: rgba(255, 255, 255, 0.3);
}

.contentdeck.has-bgimg .deck-overlay.lighten3 {
    background-color: rgba(255, 255, 255, 0.5);
}

.contentdeck.has-bgimg .deck-overlay.lighten4 {
    background-color: rgba(255, 255, 255, 0.7);
}

.contentdeck.has-bgimg .deck-overlay.lighten5 {
    background-color: rgba(255, 255, 255, 0.9);
}

/* default in case no opacity is chosen */

.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne {
    background-color: rgba(36, 75, 90, 0.5);
}

.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne1 {
    background-color: rgba(36, 75, 90, 0.1);
}

.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne2 {
    background-color: rgba(36, 75, 90, 0.3);
}

.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne3 {
    background-color: rgba(36, 75, 90, 0.5);
}

.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne4 {
    background-color: rgba(36, 75, 90, 0.7);
}

.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne5 {
    background-color: rgba(36, 75, 90, 0.9);
}

/* banner and content deck background image positioning */

.banner-left-top {
    background-position: 0 0 !important;
}

.banner-left-middle {
    background-position: 0 50% !important;
}

.banner-left-bottom {
    background-position: 0 100% !important;
}

.banner-center-top {
    background-position: center 0 !important;
}

.banner-center-middle {
    background-position: center 50% !important;
}

.banner-center-bottom {
    background-position: center 100% !important;
}

.banner-right-top {
    background-position: 100% 0 !important;
}

.banner-right-middle {
    background-position: 100% 50% !important;
}

.banner-right-bottom {
    background-position: 100% 100% !important;
}

/* boxed deck option */

.contentdeck.boxed-deck {
    padding: 1px 0;
}

.contentdeck.boxed-deck .multicol-inner {
    padding: 40px 40px 40px 40px !important;
    margin: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ededed;
    box-shadow: rgba(17, 17, 26, 0.025) 0px 4px 16px, rgba(17, 17, 26, 0.025) 0px 8px 32px;
}

@media screen and (max-width: 767px) {
    .contentdeck.boxed-deck .multicol-inner {
        padding: 30px 10px 30px 10px !important;
    }
}

/* boxes around columns option */

.contentdeck.boxed-columns .multicol1>.inner,
.contentdeck.boxed-columns .multicol2>.inner,
.contentdeck.boxed-columns .multicol3>.inner,
.contentdeck.boxed-columns .multicol4>.inner,
.contentdeck.boxed-columns .multicol5>.inner {
    border-radius: 10px;
    border: 1px solid #ededed;
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    color: #333 !important;
    margin: 10px 5%;
    padding: 20px;
}

/* padding removal option for content decks */

div.contentdeck .deckinner.no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div.contentdeck.deck-angled-top-bottom .deckinner.no-padding {
    padding-top: 1.4% !important;
    padding-bottom: 1% !important;
}

/* needs space */

div.contentdeck .deckinner.no-padding-top {
    padding-top: 0 !important;
}

div.contentdeck .deckinner.no-padding-bottom {
    padding-bottom: 0 !important;
}

/* removes padding from both deck and inner deck area on drip pans */

div.contentdeck.drip-pan .deckinner.no-padding,
div.contentdeck.drip-pan .deckinner.no-padding .multicol-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div.contentdeck.drip-pan .deckinner.no-padding-top,
div.contentdeck.drip-pan .deckinner.no-padding-top .multicol-inner {
    padding-top: 0 !important;
}

div.contentdeck.drip-pan .deckinner.no-padding-bottom,
div.contentdeck.drip-pan .deckinner.no-padding-bottom .multicol-inner {
    padding-bottom: 0 !important;
}

/* -------------- =.= Featured Rates Content Decks (BIT TYPE) -------------- */

.rate-feature {
    text-align: center;
}

.feature-title {
    text-decoration: none;
    color: #08102F;
}

.feature-title a {
    text-decoration: none;
    color: #08102F;
}

.feature-title a:hover {
    text-decoration: underline;
    color: #2174D4 !important;
}

.feature-title {
    font-size: 1.375rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 7px 0 5px 0;
}

.feature-copy,
.feature-copy p {
    line-height: 1.2;
}

.feature-rate-txt-box {
    text-align: center;
}

.feature-lrgtxt {
    font-size: 3.125rem;
    display: inline-block;
    clear: both;
}

.feature-smtxt {
    font-size: .8rem;
    display: inline-block;
    clear: both;
}

.feature-cta {
    margin: 10px auto 0 auto;
}

.cta-override-area {
    display: block;
}

.feature-cta div.cta a {
    width: auto;
}

div.content div.contentdeck.featured-rates-deck div.onethird div.cta a {
    width: auto;
}

.standalone-rate-feature {
    margin: 10px;
    align-items: center;
    flex-direction: column;
}

.standalone-rate-feature.card {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #dedede;
    box-shadow: 0 5px 13px rgb(0 0 0 / 0.2);
}

/*font awesome icons*/

.feature-icon {
    margin: 10px 0;
}

.feature-icon i,
.feature-icon:before {
    font-size: 4rem;
    color: #214A82;
}

/* icon colors - just to keep from changing the default in case it's use elsewhere*/

.feature-icon.color-red:before {
    color: #DA291C !important;
}

.feature-icon.color-blue:before {
    color: #1B365D !important;
}

.feature-icon.color-maroon:before {
    color: #8A2B2B !important;
}

.feature-icon.color-blue2:before {
    color: #214A82 !important;
}

.feature-icon.color-skygray:before {
    color: #E9E9ED !important;
}

.feature-icon.color-icyblue:before {
    color: #E0EAF5 !important;
}

.feature-icon.color-brightblue:before {
    color: #B0C7E8 !important;
}

.feature-icon.color-foggray:before {
    color: #F4F8F9 !important;
}

.feature-icon.color-yellow:before {
    color: #FFC845 !important;
}

.feature-icon.color-lemonadeyellow:before {
    color: #FFF9EB !important;
}

.feature-icon.color-palepurple:before {
    color: #F1EBFF !important;
}

.feature-icon.color-grapepurple:before {
    color: #CCB4FF !important;
}

/* custom layouts */

.icon-feature-stacked {
    /*default */
}

.icon-feature-small-icon-left .card-body {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.feature-icon:before {
    font-size: 4rem;
    margin: 0 15px 0 15px;
}

.icon-feature-small-icon-left .feature-icon:before {
    font-size: 2.5rem;
}

.icon-feature-small-icon-left .feature-rate-txt-box {
    text-align: left;
}

@media screen and (max-width: 767px) {
    .cta-override-area {
        text-align: center;
        display: block;
    }
    .feature-lrgtxt {
        font-size: 2.5rem;
    }
}

/* Standalone Rate Features - expanded hitbox for title link*/

.standalone-rate-feature {
    position: relative;
}

.standalone-rate-feature:hover {
    /* don't use a card-based hover effect since the link adds it*/
}

.standalone-rate-feature .feature-title a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.standalone-rate-feature .feature-title a {
    cursor: pointer;
}

.standalone-rate-feature .feature-title a:hover {
    text-decoration: underline !important;
}

.standalone-rate-feature .feature-title a:hover::before,
.linked-card .feature-title a:focus::before {
    cursor: pointer;
}

.standalone-rate-feature .feature-title a:focus {
    outline-width: 1px;
    outline-color: #dedede;
}

.linked-card .feature-copy a,
.standalone-rate-feature .feature-smtxt a,
.standalone-rate-feature .feature-lrgtxt a,
.standalone-rate-feature .feature-cta {
    position: relative;
    z-index: 2;
    /* allows inside links to work by raising them above the box */
}

.standalone-rate-feature .feature-copy a:focus,
.standalone-rate-feature .feature-smtxt a:focus,
.standalone-rate-feature .feature-lrgtxt a:focus {
    outline-width: 1px;
    outline-color: #dedede;
}

.standalone-rate-feature:hover .feature-icon:before {
    opacity: 0.8;
}

/* -------------- =.= FEATURED PRODUCT / SERVICE DECKS -------------- */

/*post templates also use "feature-img"*/

div.feature-img {
    width: 100%;
    max-width: 90%;
}

div.feature-img img {
    border-radius: 10px;
}

/*alignment in prod/serv decks is based on photo alignment class "photo-align"*/

.deck-distinct .multicol1 {
    width: 50%;
}

.deck-distinct .multicol2 {
    width: 50%;
}

.deck-distinct .multicol2 .multicol-inner {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-img.colleft,
.feature-img.colright {
    margin: 20px;
}

.photo-align-left .deck-distinct {}

.photo-align-right .deck-distinct {
    flex-direction: row-reverse;
}

div.feature-img.feature-image-top-pattern {
    position: relative;
}

div.feature-img.feature-image-top-pattern::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    /*background: url(/img/pattern-burst.svg) repeat-x top left;*/
    background-size: 70%;
    opacity: 0.7;
}

/* -------------- 8. Step List Decks  -------------- */

ol.step-list {
    counter-reset: step-counter 0;
    list-style: none;
    text-indent: 0;
    padding-left: 0;
    width: auto;
}

ul.step-list {
    list-style: none;
    text-indent: 0;
    padding-left: 0;
    width: auto;
    margin: 2.5rem;
}

.step-list {
    width: 100%;
    margin: 1.75rem;
}

.step-list li {
    position: relative;
    padding-left: 40px;
    margin: 0;
    float: left;
    padding-bottom: 4rem;
    list-style-type: none !important;
    box-sizing: border-box;
    height: 95px;
    width: 100%;
}

.step-list li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 4px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #335C81;
    background: #fff;
    border: 1px solid #335C81;
    border-radius: 99em;
    z-index: 1;
    text-align: center;
    font-size: .875rem;
    font-family: inherit;
    outline: 3px solid #fff;
}

ul.step-list li:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 10px;
}

.step-list li:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 14px;
    border-left: 4px solid #335C81;
}

.step-list li:last-child {
    padding-bottom: 1rem;
    height: auto;
}

.step-list li:last-child:after {
    border-color: transparent;
}

/*if the step list is set to two columns, make the 5th item have the same bottom padding as the 6th one*/

.step-list li.onehalf:nth-child(5) {
    padding-bottom: 0;
    height: auto;
}

.step-list li .step-title {
    margin: 10px 0 0 5px;
    color: #335C81;
}

.step-list-col1 {}

.step-list-col2 {
    counter-reset: step-counter 3 !important;
}

/* -------------- DISTINCT "BOX" DECKS (Step Lists) -------------- */

div.distinct-box-col {
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: #ccc 0px 0px 3px;
    margin: 50px 90px;
}

.distinct-box-head {
    color: #000;
    text-align: center;
    font-size: 2rem;
}

.distinct-box-icon {
    font-size: 60px;
    margin: 1rem;
}

/*alignment in step list decks is based on list alignment class "distinct-box-align"*/

.distinct-box-align.multicol1 {
    width: 40%;
}

.distinct-box-align.multicol2 {
    width: 60%;
}

.distinct-box-align.colleft .distinct-box-col {
    margin: 50px 0 50px 90px;
}

.distinct-box-align.colright .distinct-box-col {
    margin: 50px 90px 50px 0;
}

.distinct-box-align.multicol2 .multicol-inner {
    padding: 0 !important;
}

.distinct-box-col.colleft,
.distinct-box-col.colright {}

.distinct-box-align.colleft .distinct-box-col.colleft {
    float: right;
}

.distinct-box-align.colright .distinct-box-col.colright {
    float: left;
}

/*Step list variables*/

/*if the list is set to one column, make its parent container narrow*/

.multicol2.listcols- {
    width: 40% !important;
}

/*if the list is set to two columns, make its parent container wide*/

.multicol2.listcols-1 {
    width: 60% !important;
}

/*adjust the content container to fit with the list container*/

.multicol1.listcols- {
    width: 60% !important;
}

.multicol1.listcols-1 {
    width: 40% !important;
}

/*number of step list columns is toggled to 2*/

.listcolwidth-1 {}

/*number of step list columns is not toggled, so 1 column*/

.listcolwidth-0 {}

/*BAR CHART DISTINCT DECK TYPE*/

.bar-chart-inner {
    background-color: #333;
}

/*DISTINCT DECK TYPE MEDIA QUERIES*/

@media screen and (max-width: 990px) {
    .deck-distinct .multicol-inner {
        padding: 30px !important;
    }
    .distinct-box-align.colleft .distinct-box-col {
        margin: 50px 0 50px 30px;
    }
    .distinct-box-align.colright .distinct-box-col {
        margin: 50px 30px 50px 0;
    }
}

@media screen and (max-width: 767px) {
    div.contentdeck .deckinner.deck-distinct {
        flex-wrap: wrap;
    }
    div.contentdeck.photo-align-right,
    div.contentdeck.photo-align-left {
        flex-direction: column;
    }
    .deck-distinct .multicol1,
    .deck-distinct .multicol2 {
        display: block !important;
        width: 100%;
        /* this can't be auto or the mini-slider disappears when used in a featured deck */
        margin: auto;
        float: none;
    }
    .deck-distinct .multicol-inner {
        padding: 20px !important;
    }
    /*        .deck-distinct .multicol2 {
	padding-bottom: 30px;
    }*/
    /*step list decks*/
    .distinct-box-align.colleft .distinct-box-col.colleft,
    .distinct-box-align.colright .distinct-box-col.colright {
        float: left;
        margin: auto;
    }
    .distinct-box-align.colleft .distinct-box-col {
        margin: 50px 0;
    }
    .distinct-box-align.colright .distinct-box-col {
        margin: 50px 0;
    }
    .step-list.step-list-col1 li:last-child {
        padding-bottom: 4rem;
        height: inherit;
    }
    .step-list.step-list-col1 li:last-child:after {
        border-color: #335C81;
    }
    .step-list.step-list-col1 {
        margin-bottom: 0;
    }
    .step-list.step-list-col2 {
        margin-top: 0;
    }
}

/* -------------- Custom Button Styling -------------- */

input[type=button],
input[type=submit],
a.button,
a.button:link,
a.button:visited,
button,
input.button,
div.alert a.button:link,
div.alert a.button:visited,
label.button {
    border: none;
    border: 1px solid transparent;
    background-color: #1B365D;
    /* Default Button is BLUE if no style is chosen */
    color: #fff;
    /*box-shadow:0 2px 4px 1px rgba(0,0,0,.18);*/
    font-size: 0.875rem;
    padding: 10px 23px;
    cursor: pointer;
    margin: 5px 0;
    text-decoration: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.49, 0.99, 0.54, 0.98);
    max-width: 100%;
    display: inline-block;
    font-family: inherit;
    border-radius: 16px;
    font-weight: 600;
}

input[type=button]:hover,
input[type=submit]:hover,
a.button:hover,
button:hover,
input.button:hover,
label.button:hover {
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
    background-color: #1B365D;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

input[type=button]:active,
input[type=submit]:active,
a.button:active,
button:active,
input.button:active,
label.button:active {
    background-color: #DA291C;
    color: #fff;
}

a.button1,
a.button1:link,
a.button1:visited,
button.button1,
input.button1,
div.contentdeck a.button1,
div.contentdeck a.button1:link,
div.contentdeck a.button1:visited,
div.alert a.button1:link,
div.alert a.button1:visited,
label.button1 {
    background-color: #DA291C !important;
    /* Red Button */
    color: #fff !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button1:hover,
button.button1:hover,
input.button1:hover,
div.contentdeck a.button1:hover,
label.button1:hover {
    background-color: #DA291C !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button2,
a.button2:link,
a.button2:visited,
button.button2,
input.button2,
div.contentdeck a.button2,
div.contentdeck a.button2:link,
div.contentdeck a.button2:visited,
div.alert a.button2:link,
div.alert a.button2:visited,
label.button2 {
    background-color: #1B365D !important;
    /* Blue Button */
    color: #fff !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button2:hover,
button.button2:hover,
input.button2:hover,
div.contentdeck a.button2:hover,
label.button2:hover {
    background-color: #1B365D !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button3,
a.button3:link,
a.button3:visited,
button.button3,
input.button3,
div.contentdeck a.button3,
div.contentdeck a.button3:link,
div.contentdeck a.button3:visited,
div.alert a.button3:link,
div.alert a.button3:visited,
label.button3 {
    background-color: #8A2B2B !important;
    /* Maroon Button */
    color: #fff !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button3:hover,
button.button3:hover,
input.button3:hover,
div.contentdeck a.button3:hover,
label.button3:hover {
    background-color: #8A2B2B !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button4,
a.button4:link,
a.button4:visited,
button.button4,
input.button4,
div.contentdeck a.button4,
div.contentdeck a.button4:link,
div.contentdeck a.button4:visited,
div.alert a.button4:link,
div.alert a.button4:visited,
label.button4 {
    background-color: #214A82 !important;
    /* Blue 2 Button */
    color: #FFF !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button4:hover,
button.button4:hover,
input.button4:hover,
div.contentdeck a.button4:hover,
label.button4:hover {
    background-color: #214A82 !important;
    color: #FFF !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button5,
a.button5:link,
a.button5:visited,
button.button5,
input.button5,
div.contentdeck a.button5,
div.contentdeck a.button5:link,
div.contentdeck a.button5:visited,
div.alert a.button5:link,
div.alert a.button5:visited,
label.button5 {
    background-color: #E9E9ED !important;
    /* Sky Gray Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button5:hover,
button.button5:hover,
input.button5:hover,
div.contentdeck a.button5:hover,
label.button5:hover {
    background-color: #E9E9ED !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button6,
a.button6:link,
a.button6:visited,
button.button6,
input.button6,
div.contentdeck a.button6,
div.contentdeck a.button6:link,
div.contentdeck a.button6:visited,
div.alert a.button6:link,
div.alert a.button6:visited,
label.button6 {
    background-color: #E0EAF5 !important;
    /* Icy Blue Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button6:hover,
button.button6:hover,
input.button6:hover,
div.contentdeck a.button6:hover,
label.button6:hover {
    background-color: #E0EAF5 !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button7,
a.button7:link,
a.button7:visited,
button.button7,
input.button7,
div.contentdeck a.button7,
div.contentdeck a.button7:link,
div.contentdeck a.button7:visited,
div.alert a.button7:link,
div.alert a.button7:visited,
label.button7 {
    background-color: #B0C7E8 !important;
    /* Bright Blue Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button7:hover,
button.button7:hover,
input.button7:hover,
div.contentdeck a.button7:hover,
label.button7:hover {
    background-color: #B0C7E8 !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button8,
a.button8:link,
a.button8:visited,
button.button8,
input.button8,
div.contentdeck a.button8,
div.contentdeck a.button8:link,
div.contentdeck a.button8:visited,
div.alert a.button8:link,
div.alert a.button8:visited,
label.button8 {
    background-color: #F4F8F9 !important;
    /* Fog Gray Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button8:hover,
button.button8:hover,
input.button8:hover,
div.contentdeck a.button8:hover,
label.button8:hover {
    background-color: #F4F8F9 !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button9,
a.button9:link,
a.button9:visited,
button.button9,
input.button9,
div.contentdeck a.button9,
div.contentdeck a.button9:link,
div.contentdeck a.button9:visited,
div.alert a.button9:link,
div.alert a.button9:visited,
label.button9 {
    background-color: #FFC845 !important;
    /* Yellow Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button9:hover,
button.button9:hover,
input.button9:hover,
div.contentdeck a.button9:hover,
label.button9:hover {
    background-color: #FFC845 !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button10,
a.button10:link,
a.button10:visited,
button.button10,
input.button10,
div.contentdeck a.button10,
div.contentdeck a.button10:link,
div.contentdeck a.button10:visited,
div.alert a.button10:link,
div.alert a.button10:visited,
label.button10 {
    background-color: #FFF9EB !important;
    /* Lemonade Yellow Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button10:hover,
button.button10:hover,
input.button10:hover,
div.contentdeck a.button10:hover,
label.button10:hover {
    background-color: #FFF9EB !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button11,
a.button11:link,
a.button11:visited,
button.button11,
input.button11,
div.contentdeck a.button11,
div.contentdeck a.button11:link,
div.contentdeck a.button11:visited,
div.alert a.button11:link,
div.alert a.button11:visited,
label.button11 {
    background-color: #F1EBFF !important;
    /* Pale Purple Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button11:hover,
button.button11:hover,
input.button11:hover,
div.contentdeck a.button11:hover,
label.button11:hover {
    background-color: #F1EBFF !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

a.button12,
a.button12:link,
a.button12:visited,
button.button12,
input.button12,
div.contentdeck a.button12,
div.contentdeck a.button12:link,
div.contentdeck a.button12:visited,
div.alert a.button12:link,
div.alert a.button12:visited,
label.button12 {
    background-color: #CCB4FF !important;
    /* Grape Purple Button */
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

a.button12:hover,
button.button12:hover,
input.button12:hover,
div.contentdeck a.button12:hover,
label.button12:hover {
    background-color: #CCB4FF !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

/* -------------- =.= Default Buttons -------------- */

a.back-button {
    display: block;
    padding: 5px 10px;
    background-color: #f5f5f5;
    color: #333;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    float: right !important;
    margin: 1em;
}

a.back-button:hover {
    box-shadow: 0 0 1px 1px #dfe5e5;
}

a.back-button:active {
    box-shadow: 0 0 1px 1px #dfe5e5;
}

/* -------------- =.= Calls to Action (BIT TYPE) -------------- */

div.call-to-action {
    display: inline-block;
    clear: right;
    margin: 0 10px;
}

div.call-to-action a.button {
    text-align: center;
    max-width: 100%;
}

div.content div.call-to-action {
    clear: both;
}

.deck-distinct div.call-to-action a {
    display: block;
}

/* specific CTA styles removed - using button styles */

.sidebar .location-sidebar {
    margin-top: 65px;
}

div.sidebar div.call-to-action,
div.sidebar div.call-to-action a,
div.sidebar-mobile div.call-to-action,
div.sidebar-mobile div.call-to-action a,
div.sidebar>.cta a {
    display: block;
    margin: 10px 0;
    text-align: center;
}

/* override so branches sidebar title doesn't get cut off */

@media screen and (max-width: 900px) {
    div.sidebar h3 {
        font-size: 1.4rem;
    }
    div.sidebar p {
        font-size: .9rem;
    }
}

/* back to normal size */

@media screen and (max-width: 767px) {
    div.sidebar h3 {
        font-size: 2.25rem;
    }
    div.sidebar p {
        font-size: 1rem;
    }
}

@media screen and (max-width: 540px) {
    div.cta {
        display: block;
        width: 100%;
    }
    div.cta a {
        min-width: 0 !important;
        box-sizing: border-box;
        display: block;
    }
}

/* -------------- =.= Promotions -------------- */

.promotion {
    padding: 0;
    margin: 0 5px 15px 5px;
    background: transparent;
    border-radius: 10px;
    display: block;
    border: none;
    line-height: 1.3;
}

.promotion .inner {
    padding: 26px;
}

.promotion p {
    font-size: 1rem;
    text-align: left;
    margin: 10px 0;
    font-family: inherit;
    font-weight: inherit;
}

.promotion .promo-title {
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-weight: 600;
    font-size: 1.625rem;
}

/* promotion themes removed - using standard bg colors, buttons, and txt-shades */

/* Testimonial combo removed - using custom testimonial bit type*/

/* -------------- =.= Cross Selling Blocks (Bit Type)   -------------- */

.crosssell-container h3 {
    margin: 30px auto 50px auto;
    text-align: center;
}

.crosssell {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.crosssell-block {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    max-width: 400px;
    /* match to image width */
}

.crosssell-title {
    font-weight: 600;
    padding: 10px 10px 40px 10px;
    font-size: 1.25rem;
    line-height: 1.3;
}

.crosssell-block a {
    text-decoration: none;
}

.crosssell-block a:hover {
    text-decoration: underline;
}

.crosssell-block .image-constraint {
    /* maybe not needed after all*/
}

.crosssell-block .image-constraint img {
    border-radius: 25px;
    transition: transform 0.2s ease-in-out;
    object-fit: cover;
    object-position: 50% 50%;
    width: 400px;
    /* match to block width */
    height: 300px;
}

.crosssell-block .image-constraint :hover {
    transform: scale(1.02);
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}

@media screen and (max-width: 767px) {
    .crosssell-block {
        width: auto;
        max-width: 100%;
        margin-left: 40px;
        margin-right: 40px;
    }
    .crosssell-block .image-constraint img {
        width: auto;
        height: auto;
    }
}

@media screen and (max-width: 600px) {}

@media screen and (max-width: 440px) {}

/* -------------- =.= Quick Text Formatting -------------- */

.txt-center {
    text-align: center !important;
}

.txt-left {
    text-align: left !important;
}

.txt-right {
    text-align: right !important;
}

/* -------------- =.= Show/Hide and Other Display Visuals -------------- */

.hidden,
.hide,
.hidediv {
    display: none;
}

.show {
    display: block;
}

td.show,
th.show {
    display: table-cell;
}

.inline,
ul.inline li,
ol.inline li {
    display: inline;
}

.pointer {
    cursor: pointer;
}

/* -------------- =.= Site Layout Elements -------------- */

.wrapper {
    max-width: 100%;
    margin: auto;
    background: #FFF;
    background: linear-gradient(180deg, rgba(224, 234, 245, 1) 0%, rgba(255, 255, 255, 1) 700px);
}

.wrapper-inner {
    margin: auto;
}

.page-inner,
.deck-inner {
    max-width: 1440px;
    margin: auto;
    padding: 0 20px;
    position: relative;
    clear: both;
}

.page-inner,
.header-inner,
.footer-inner,
.deckinner {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    padding: 0;
    position: relative;
    clear: both;
}

.subnav-mobile,
.sidebar-mobile {
    display: none;
}

body.blank_wrapper h1 {
    margin-top: 0;
}

/* -------------- =.= Mobile Header / Menu -------------- */

/* menu is the same at desktop and mobile */

/* -------------- =.= Header Elements -------------- */

.header {
    width: 100%;
    position: relative;
    z-index: 4;
}

.wrapper.hasnobanner div.subnav {}

/* .bodyclass_blank_wrapper h1 {margin-top: 15px;}*/

.wrapper.hasnobanner .wrapper_inner {
    margin-top: 45px;
}

.bodyclass_blank_wrapper .wrapper.hasnobanner .wrapper_inner {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .wrapper.hasnobanner .wrapper_inner {
        margin-top: 0;
    }
}

/* hide home page personalized banners when video banner is in place */

.hero-banner-home.hasvideobanner {
    display: none !important;
}

/* search icon only on this site */

.header-icon {
    color: #333;
}

.header-icon a {
    color: #333;
    font-size: 2.2rem;
}

.header .col-logo,
.header .col-iconnav,
.header .col-oblogin {
    position: relative;
}

div.wrapper_inner {
    margin-top: 0;
    z-index: 1;
}

.header-inner {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

div.header-first-row {
    display: flex;
    padding: 10px;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
    background-color: #FFF;
    color: #000;
}

div.header-second-row {
    display: flex;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
}

div.flex-break {
    width: 100%;
}

div.mobile-break {
    display: none;
}

@media screen and (max-width: 1000px) {
    div.header-inner {
        justify-content: center;
        flex-direction: column;
        row-gap: 10px;
    }
    div.header-second-row {
        justify-content: center;
    }
    div.header-second-row a.first-button {
        margin-left: 50px;
    }
}

@media screen and (max-width: 767px) {
    div.header-second-row {
        justify-content: center;
        padding: 0;
    }
}

.menu-wrangler {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}

div.col-logo {
    display: flex;
    flex-grow: 1;
}

.nav-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    z-index: 2;
}

/*IE11 fix */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .nav-container {
        width: auto;
    }
}

.header-logo img {
    max-width: 100%;
}

.header-logo a {
    display: inline-block;
    padding: 10px 0;
}

.main-contain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu-main {
    display: flex;
    min-width: 250px;
}

.header-search {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
}

/* div.ob-login-button button:focus {outline: 1px transparent;}*/

@media screen and (max-width: 1200px) {
    .nav-container {
        width: auto;
    }
    .nav-container {
        width: auto;
    }
    div.ob-login-button button {
        font-size: 1.1rem;
    }
}

/* mobile menu stuff, custom to this site */

div.col-menu.menu-desktop {
    display: flex;
}

div.col-menu.menu-mobile {
    display: none;
}

/* -------------- =.= Online Banking Login -------------- */

.col-oblogin button:hover,
.col-oblogin button:active,
.col-oblogin button.container-opened:hover,
.col-oblogin button.container-opened:active {}

.ob-title {
    font-size: 1.25rem;
    font-weight: 600;
    width: auto;
    color: #1B365D;
    font-family: 'Lexend', sans-serif;
}

/* this is the login box wrapper */

.oblogin {
    position: absolute;
    right: 10px;
    top: 2px;
    width: auto;
    z-index: 4;
    /* lower than mega-menu */
}

.ob-login-box {
    background-color: #FFF;
    padding: 20px;
    min-width: 350px;
    max-width: 350px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px 0px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    max-height: calc(100vh - 140px);
    overflow: auto;
}

.ob-login-fields {
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

.ob-login-box div.form-field {
    display: block;
}

div.ob-login-box label,
div.banking-inputs {
    text-align: left;
}

.ob-login-box input[type=text],
div.ob-login-box input[type=password] {
    padding: 10px;
    font-size: 1rem;
    font-family: inherit;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 auto;
    border: 1px solid #CCC;
    max-width: 100%;
    font-family: 'Lexend', sans-serif;
    font-weight: 400;
}

div.bank-submit-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px auto;
}

.ob-login-footlinks {
    clear: both;
    width: auto;
    text-align: left;
    display: flex;
    font-size: 0.9rem;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ob-login-footlinks a {
    margin: 0 15px 0 0;
    font-size: .8rem;
}

button.bank-submit {
    padding: 20px;
    margin: 0;
    border: none;
}

button.olb-close {
    display: none;
}

.header-banking {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 4;
}

.header-banking .inner {
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1440px;
    position: relative;
}

.ob-login-box.banking_disabled {
    padding: 5px;
}

.ob-login-box .banking-disabled {
    padding: 20px 20px 0 20px;
    font-size: 1rem;
    color: #000;
    background: #fff;
    max-width: 500px;
}

@media screen and (max-width: 1000px) {
    .header-banking {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
    }
    .oblogin {
        top: 5px;
        left: 3%;
    }
    .ob-login-box {
        min-width: 0;
        padding: 20px;
        max-width: 100%;
        margin: auto;
    }
    .ob-login-box a {
        margin: 0 5px;
    }
    .arrow-up {
        display: none;
    }
    div.bank-submit-block {
        display: block;
    }
    div.bank-submit button {
        width: 100%;
    }
}

/*  banking promo */

.online-banking-promo {
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    color: #002855 !important;
    border-radius: 8px;
    margin: 10px auto;
}

.banking-promo-image {
    width: 100%;
    max-height: 250px;
    margin-top: 16px;
    border: 1px solid #dedede;
    border-radius: 8px;
}

.banking-promo-image img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    /* match to block width */
    height: 220px;
    box-shadow: 0px 4px 31px -11px rgba(0, 0, 0, 0.45);
    border-radius: 8px;
}

/*.ob-login-button button.container-opened {border-radius: 8px 8px 0 0;} for making the button look tab-like, if needed */

.banking-promo-content {
    padding-top: 10px;
}

.banking-promo-pers-link {
    text-align: center;
    color: #1B365D;
}

.banking-promo-pers-link a {
    display: block;
}

@media screen and (max-width: 1000px) {
    .online-banking-promo {
        max-width: 500px;
    }
}

/*  mobile-only button - used for app buttons */

.mobile-only-button {
    display: none;
}

@media screen and (max-width: 767px) {
    .mobile-only-button {
        display: block;
        clear: both;
        width: 100%;
        text-align: center;
    }
    .mobile-only-button a.button {
        padding: 6px 40px !important;
    }
    .mobile-only-button .login-app-buttons {
        display: flex;
        justify-content: center;
        margin: 0 auto 10px auto;
    }
}

/* search box */

.search_form {
    width: 100%;
}

.search-box,
.locator-box {
    position: absolute;
    display: block;
    margin: 5px;
    padding: 0;
    background-color: #fff;
    max-width: 100%;
    border-radius: 5px;
    z-index: 11;
    height: 0px;
    /*width: 0px; this was causing a jump on open*/
    transition: height .35s ease;
    overflow: hidden;
    width: calc(100% - 10px);
    text-align: right;
    top: 5px;
}

input.search-field,
input.locator-field {
    border: none !important;
}

.search-box-open,
.locator-box-open {
    height: 60px;
    width: calc(100% - 10px);
    border: 1px solid #dedede;
    box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.2);
}

.search-box-open input.search-field,
.locator-box-open input.locator-field {
    width: calc(100% - 100px);
    margin: 0;
    padding: 0 10px;
    font-family: inherit;
    line-height: 1;
    background-color: #fff;
    font-size: 1.25rem;
}

/* remove conflicting browser clear X from IE and Edge */

.search-box-open input.search-field::-ms-clear,
.locator-box-open input.locator-field::-ms-clear {
    display: none;
}

input.search-field:focus,
input.mobile-search-field:focus,
input.locator-field:focus,
input.mobile-locator-field:focus {
    box-shadow: none !important;
    outline: 0;
}

button.search-button,
button.locator-button {
    background: none;
    border: none;
    margin: 0;
    color: #253f96;
    display: inline-block;
    position: relative;
    font-size: 1.25rem;
    padding: 1px !important;
    line-height: 1;
    min-width: 22px;
    box-shadow: none;
    /*outline: #FFF solid 1px; causes error */
}

button.search-button:hover {
    color: #000;
    box-shadow: none;
}

button.search-button.searchsubmit:hover,
button.locator-button.locationsubmit:hover {
    color: #000;
}

/* removing black borders in Safari */

.header-logo a:focus,
.header-logo a:active,
button.search-button:focus,
button.search-button:active,
button.locator-button:focus,
button.locator-button:active
/*, div.nav-top ul.nav-menu li.nav-item a:focus, div.nav-top ul.nav-menu li.nav-item a:active, div.nav-top ul.nav-menu li.nav-item a:hover*/

    {
    outline: transparent solid 1px;
    color: #000 !important;
    text-decoration: underline;
}

div.nav-main ul.megamenu li a:focus {
    text-decoration: underline;
}

button.search-button:focus,
button.search-button:hover,
button.search-button:active,
.header-icon a:focus img,
.header-icon a:hover img {
    transform: scale(1.2);
    text-decoration: none;
    outline: 0;
    border: none;
}

div.ob-login-button button:focus {
    transform: scale(1.05)
}

button.search-button.searchsubmit,
button.search-button.searchopen,
button.locator-button.locatorsubmit,
button.locator-button.locatoropen {
    height: 60px;
    width: 60px;
    background-color: #FFF;
    color: #253f96;
    border-radius: 0;
}

button.search-button.searchopen:focus {
    outline: #dedede solid 1px;
}

button.search-button.searchclose,
button.locator-button.locatorclose {
    margin: 0;
    color: #253f96;
    font-size: 1rem;
    font-weight: 300;
    opacity: 0.5;
}

button.search-button.searchclose:hover,
button.locator-button.locatorclose:hover {
    color: #000;
    opacity: 1;
}

/* -------------- =.= Footer Elements -------------- */

/* cleanup 2023 */

.footer {
    clear: both;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(224, 234, 245, 1) 100%);
}

.footer .page-inner {
    padding: 10px 20px;
}

.footer,
.footer a {
    color: #214A82;
}

.upper-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.lower-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    margin: 30px auto;
    font-size: 1rem;
    border-bottom: 1px solid #B0C7E8;
}

.copyright,
.footer-nav {
    font-size: 0.875rem;
}

.footer-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    min-width: 0;
}

.footer-badges,
.compliance {
    width: 40%;
}

.social {
    width: 20%;
}

.footer-badges {
    display: flex;
    gap: 10px;
}

.compliance {
    flex-wrap: wrap;
}

.compliance-text {
    text-align: right;
    font-size: 0.875rem;
}

.compliance-logos {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.social {
    display: flex;
    gap: 20px;
    justify-content: center;
    font-size: 2rem;
    font-weight: normal;
    color: #E0EAF5;
}

.social a {
    text-decoration-color: transparent;
    text-decoration: none;
}

.social a:hover {
    color: #214A82 !important;
}

.compliance {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

/* -------------- =.= Footer Quicklinks (BIT TYPE) -------------- */

.quicklinks-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 20px;
}

div.footer-quicklinks {
    width: auto;
}

.quicklinks-head {
    font-weight: 600;
    margin-bottom: 35px;
    font-size: 1.5rem;
}

div.footer-quicklinks ul {
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
}

div.footer-quicklinks ul li {
    margin: 0;
    list-style: none;
    padding: 0 0 20px 0;
    font-size: 1rem;
}

div.footer-quicklinks p {
    margin: 0;
}

div.footer-quicklinks a {
    text-decoration: none;
}

div.footer-quicklinks a:hover {
    text-decoration: underline;
}

div.footer-quicklinks.social-icons ul li {
    margin: 0 0 10px 0;
}

div.footer-quicklinks.social-icons ul li div a {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
    text-decoration: none;
}

div.footer-quicklinks.social-icons ul li div a:hover {
    text-decoration: underline;
}

div.footer-quicklinks.social-icons ul li div a:hover img {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

div.footer-quicklinks.social-icons ul li div img {
    margin: 0 10px 0 0;
}

@media screen and (max-width: 1400px) {
    .upper-footer,
    .footer-icons,
    .lower-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .upper-footer,
    .footer-icons,
    .lower-footer {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .footer-icons,
    .foot-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .quicklinks-container .footer-quicklinks {
        width: 100%;
    }
    div.footer-quicklinks ul {
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
    }
    div.footer-quicklinks ul li {
        padding: 0;
    }
    .quicklinks-head {
        margin: 25px 0 15px 0;
    }
    .footer-badges,
    .social,
    .compliance {
        justify-content: center;
        width: 100%;
    }
    .compliance-text {
        text-align: center;
    }
}

@media screen and (max-width: 500px) {
    .compliance {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
}

/* -------------- =.= Navigation -------------- */

/*Styles that apply to all versions of primary main navigation items*/

div.nav-main {
    margin: 0;
    display: flex;
    align-items: flex-start;
}

/* ================ Mega Menus ================ */

/*Primary Main Navigation Items for MEGA Menus*/

/*The UL containing the main nav items*/

/* menu icon*/

button.menu-icon {
    font-size: 38px;
    font-size: 2rem;
    /*   height: 50px;*/
    width: 30px;
    /*	
	box-sizing: border-box;
	margin: 15px 5px 0 0;
    float: right;*/
    padding: 0;
    margin: 0 10px;
    background-color: transparent;
    border-radius: 0;
    border: none;
    /*display: none;start hidden */
    box-shadow: none;
}

button.menu-icon:hover {
    box-shadow: none;
}

button.menu-icon i {
    color: #253f96;
    padding: 0px;
}

button.menu-icon:focus,
button.menu-icon:active,
button.menu-icon:hover::before,
button.menu-icon:focus::before {
    color: #000;
    outline: transparent;
    transform: scale(1.2);
}

/* needed double colon here and realized it's correct - https://css-tricks.com/to-double-colon-or-not-do-double-colon */

.header .megabox {
    width: 100%;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    z-index: 3;
    overflow: hidden;
    clear: both;
    box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.25);
    text-align: center;
    display: none;
    /*display: flex; */
    flex-direction: column;
    background-color: #fff;
}

.header .megabox nav {
    /*background: #E0EAF5 url("{% static 'assetzz/img/Triangle-Pattern.svg' %}") repeat center left; */
    background: #E0EAF5 url("{% static 'assetzz/img/pattern-4c.svg' %}") repeat center left;
    background-size: contain;
}

div.mega-compliance {
    background-color: #f2f2f2;
    padding: 10px 10px 20px 10px;
    font-size: 0.875rem;
    text-align: center;
}

div.mega-compliance a,
div.mega-compliance a:active {
    text-decoration: none !important;
}

div.mega-compliance a:hover {
    text-decoration: underline !important;
}

.megabox-inner {
    position: relative;
    background-color: transparent;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px 20px;
}

@media screen and (max-width: 767px) {
    .header .megabox {
        display: none;
    }
}

/* bring icons and login to the front */

div.col-oblogin,
div.col-iconnav,
.col-logo {
    /*z-index: 4;*/
    z-index: 1;
}

div.megaclose {
    width: auto;
    position: absolute;
    top: -75px;
    right: -2px;
    z-index: 1;
}

button.megaclose-button {
    box-sizing: border-box;
    font-size: 2rem;
    float: right;
    margin: 3px 0 0 0;
    color: #000;
    background-color: #fff;
    border: 2px solid #00747A;
    border-bottom: #fff;
    width: 70px;
    height: 62px;
}

button.megaclose-button:hover,
button.megaclose-button:focus {
    background-color: #fff;
    color: #253f96;
    border: 2px solid #253f96;
    border-bottom: #fff;
}

div.mega-inner .JQmegamenu_content.menu-items {
    display: flex;
}

div.nav-main ul.megamenu {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style-type: none;
    list-style-position: inside;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 300px;
    flex-direction: column;
}

/*The list items within the main nav UL*/

div.nav-main ul.megamenu li.nav-item {
    position: relative;
    padding: 0;
}

/*The anchors within the main nav list items*/

div.nav-main ul.megamenu li.nav-item a {
    font-family: 'Lexend', sans-serif;
    text-decoration: none;
    display: block;
    font-size: 1.5rem;
    color: #000;
    font-weight: 400;
    text-align: center;
    padding: 5px 30px;
    margin: 3px auto;
    text-transform: uppercase;
    text-align: left;
}

/*The "active state" for anchors within the main nav list items*/

div.nav-main ul.megamenu li a.active,
div.nav-main ul.megamenu li a:hover,
div.nav-main ul.megamenu li a:focus,
div.nav-main ul.megamenu li a:active {
    color: #fff;
    background-color: #214A82;
    transition: all .2s ease;
}

/*The "on state" for anchors within the main nav list items*/

div.nav-main ul.megamenu li.nav-item.on a {
    color: #000;
    border-bottom: 4px solid #253f96;
    font-weight: 700;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*the main nav item that's hovered or has its menu active (open)*/

div.nav-main ul.nav-menu li.active a,
div.nav-main ul.nav-menu li.active a.on {
    color: #000;
}

div.nav-main ul.nav-menu li.active ul li a,
div.nav-main ul.nav-menu li.active ul li a {
    color: #000;
}

div.nav-main ul.nav-menu li.on a.active:after {
    content: "" !important;
}

/* the active menu's main nav item state*/

div.nav-main ul.nav-menu li.on a.active {}

/*Mega Menu Structure and Navigation*/

.megacontainer {
    width: 100%;
}

.mega-wrapper {
    position: relative;
    z-index: 1000;
    display: flex !important;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    max-width: 1240px;
    width: 100%;
}

div.mega-inner {
    padding: 0 28px;
    max-width: 1240px;
    margin: auto;
}

.mega-subnav-title {
    font-family: 'Lexend', sans-serif;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #214A82;
    font-size: 1.375rem;
    font-weight: 700;
}

ul.mega-subnav {
    width: 100%;
    margin: 0;
    padding: 0 0 0 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 5rem;
    /*flex: 1 1 auto;*/
}

ul.mega-subnav li.mega-subnav-item {
    display: block;
    vertical-align: top;
    clear: both;
    min-width: 100px;
}

ul.mega-subnav li {
    list-style: none;
    font-size: 1.375rem;
    line-height: 1.1;
    color: #000;
    vertical-align: middle;
    margin: 16px 0;
}

ul.mega-subnav li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-weight: 400;
}

ul.mega-subnav li a:hover {
    color: #000;
    text-decoration: underline !important;
}

.megaclose {
    float: right;
    margin: 10px 0 0;
}

ul.mega-subnav.mega-more {
    padding: 5px 0 5px 0;
    display: block;
}

ul.mega-subnav.mega-more li {}

ul.mega-subnav ul.mega-more li.mega-subnav-item {}

ul.mega-subnav.mega-more li a {
    text-decoration: none;
    font-weight: 400;
    font-size: 1rem;
}

ul.mega-subnav.mega-more li.mega-subnav-item a.on {
    text-decoration: underline;
}

/* header quicklinks megamenu bar */

div.mega-extra-bar {
    width: 100%;
    padding: 15px;
    background-color: #214A82;
    display: flex;
    justify-content: center;
    color: #fff !important;
}

div.mega-extra-bar .page-inner {
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

div.mega-extra-bar a {
    color: #fff;
    text-decoration: none;
}

div.mega-extra-bar a:hover {
    color: #fff;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {}

/* ================ Dropdown Menus ================ */

/*Primary Main Navigation Items for DROPDOWN Menus*/

/*The UL containing the main nav items for dropdown menus only*/

div.nav-main ul.dropdown {
    list-style: none;
    position: relative;
    z-index: 1000;
    overflow: visible;
    margin: 46px 0 0 0;
    padding: 0;
    display: block;
    width: auto;
    float: right;
    list-style-type: none;
    list-style-position: inside;
    max-width: 1440px;
}

div.nav-main ul.dropdown li.nav-item {
    display: inline-block;
    position: relative;
    padding: 0;
    float: left;
}

/*The anchors within the main nav list items*/

div.nav-main ul.dropdown li.nav-item a {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 20px 30px;
    font-size: 2rem;
    color: #005157;
    font-weight: 700;
    text-transform: uppercase;
}

/*The "on state" for anchors within the main nav list items*/

div.nav-main ul.megamenu li a.on {
    color: #4186A5;
}

/*The UL that contains the subnav items in the dropdown menu*/

ul.dropdown ul.sub_menu {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: auto;
    min-width: 350px;
    max-width: 450px;
    top: 65px;
    z-index: 100000000000;
    /*always be in front*/
    clear: both;
    border: none;
    background-color: #fff;
    text-align: left;
    list-style: none;
}

/*The list items that make up the sub nav in the dropdown menus*/

div.nav-main ul.dropdown ul.sub_menu li {
    margin: 0;
    text-align: left;
    display: block !important;
    padding: 0;
    width: 100%;
}

/*The anchors within the dropdown sub menu list items*/

div.nav-main ul.dropdown li ul.sub_menu li a {
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 30px;
    font-size: 2rem;
    line-height: 1;
    font-weight: normal;
    text-transform: none;
    height: auto;
    color: #253f96;
    background-color: #fff;
}

/*the last anchor in each dropdown menu*/

ul.dropdown ul.sub_menu li:last-child a {
    /* border: none !important;*/
}

div.nav-main ul.nav-menu li.banking-nav.nav-item a {
    background-color: #fff;
    color: #253f96;
}

div.nav-main ul.nav-menu li.banking-nav.nav-item.on a {
    border-top-left-radius: 20px;
}

/* login nav-item styling*/

ul.dropdown ul.sub_menu.JQBankingPanel {
    min-width: 450px;
}

.nav-main li.nav-item.banking-nav a {
    color: #eee;
}

div.nav-main ul.dropdown ul.sub_menu.banking-nav li li {
    display: inline-block !important;
}

div.nav-main li.nav-item.banking-nav.on a:hover,
div.nav-main ul.nav-menu li.nav-item.banking-nav a:hover,
div.nav-main li.nav-item.banking-nav.on a,
div.nav-main li.nav-item.banking-nav a.active {
    color: #fff;
}

div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a {
    border-radius: 0;
    padding: 0 10px;
    font-size: 1rem;
    display: inline-block;
    border-right: 1px solid #fff !important;
    margin: 0;
    margin-right: 0 !important;
}

div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a:last-child {
    border-right: none !important;
    padding-left: 3px;
}

div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a:hover {
    background-color: transparent;
    text-decoration: underline;
}

div.nav-main ul.dropdown li ul.sub_menu li a.button {
    font-size: 1.1875rem;
    font-weight: normal;
    padding: 10px 22px;
    margin: 3px;
    line-height: normal;
    display: inline-block;
}

div.nav-main ul.nav-menu li:last-child.nav-item a.button-right,
div.nav-main ul.nav-menu li:last-child.nav-item a.button-right:link,
div.nav-main ul.nav-menu li:last-child.nav-item a.button-right:visited {
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
}

@media screen and (max-width: 490px) {
    div.nav-main ul.nav-menu li.nav-item.banking-nav div.login_links a {
        border-right: none !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
}

/* megamenu submenus size adjustments */

@media screen and (max-width: 1440px) {
    ul.mega-subnav {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    ul.mega-subnav li.mega-subnav-item {
        min-width: 0;
    }
    .megabox-inner {
        padding: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    div.col-menu.menu-desktop {
        display: none;
    }
    div.col-menu.menu-mobile {
        display: flex;
    }
    div.header-first-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .topnav {
        display: none;
    }
    .header.scrolled div.wrapper_inner.scrolled-margin,
    div.wrapper_inner.scrolled-margin {
        margin-top: 0;
        transition: none;
        animation: none;
    }
    .wrapper.hasnobanner div.wrapper_inner.scrolled-margin {
        margin-top: 0;
    }
    /* helper for JavaScript, do not remove */
    div.mobile-size-indicator {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 1px;
    }
}

/* -------------- =.= Top Navigation -------------- */

.topnav {
    margin: 0;
    line-height: 1;
    display: block;
}

.topnav a,
.topnav i,
.topnav a:hover,
.topnav a:active,
.nav-routing {
    color: #1B365D !important;
}

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

div.nav-top ul.nav-menu {
    margin: 0 auto;
    padding: 0;
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-content: center;
}

div.nav-top ul.nav-menu li.nav-item {
    padding: 0 4px;
    display: flex;
    align-items: center;
    text-align: center;
}

/* div.nav-top ul.nav-menu li.nav-item:first-child {padding-left:0;}
div.nav-top ul.nav-menu li.nav-item:last-child {padding-right:0;}*/

div.nav-top ul.nav-menu li.nav-item a,
.nav-item.nav-routing {
    display: flex;
    align-items: center;
    padding: 0 5px 0 5px;
    font-size: .9rem;
    text-decoration: none;
}

div.nav-top ul.nav-menu li.nav-item a:hover {
    color: #eee;
    text-decoration: none !important;
}

div.nav-top ul.nav-menu li.nav-item a:hover i {
    color: #f06d3c;
    text-decoration: none !important;
    transform: scale(1.2);
}

div.nav-top ul.nav-menu li.nav-item a:hover span {
    color: #eee;
    text-decoration: underline !important;
}

div.nav-top ul.nav-menu li.nav-item a i {
    font-size: 1.15rem;
    margin-right: 8px;
}

a.button.extra-button,
.ob-login-button button.button {
    white-space: nowrap;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 1rem !important;
    text-transform: inherit;
    /* font-weight: 400; bold by client request*/
}

@media screen and (max-width: 1000px) {
    .header-logo img,
    .header.scrolled .col-logo img {
        max-width: 300px;
    }
    a.button.extra-button,
    .ob-login-button button.button {
        margin-left: 2px;
        margin-right: 2px;
        font-size: .8rem !important;
    }
}

@media screen and (max-width: 767px) {
    div.topnav {
        display: none;
    }
    div.header-mobile div.topnav {
        display: flex !important;
        background-color: transparent;
        padding: 10px;
        justify-content: center;
    }
    div.header-mobile div.topnav div.nav-top ul.nav-menu {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    div.header-mobile div.nav-top ul.nav-menu li.nav-item a {
        white-space: nowrap;
        margin: 4px;
    }
    div.nav-container {
        width: 98%;
    }
    .header-inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }
    .header-logo img {
        max-width: 100%;
        width: 340px;
    }
    .oblogin::before {
        /*left: 50%; transform: translateX(35px) rotate(45deg); */
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .header-first-row div.nav-top ul.nav-menu li.nav-item.topnav-priority span {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    div.header-second-row {
        justify-content: space-evenly;
    }
    div.header-second-row a.first-button {
        margin-left: 0;
    }
    div.nav-top ul.nav-menu li.nav-item a {
        font-size: 1rem;
    }
    .ob-login-footlinks {
        font-size: .9rem;
        margin-bottom: 10px;
    }
    button.menu-icon,
    .header-search {
        margin: 0 0 0 5px;
    }
    div.mega-extra-bar {
        padding: 10px;
    }
    .header-logo a {
        display: flex;
        padding: 10px;
        width: auto;
    }
}

@media screen and (max-width: 360px) {
    .oblogin::before {
        /*left: 50%; transform: translateX(50px) rotate(45deg);*/
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .oblogin::before {
        /*left: 50%; transform: translateX(30px) rotate(45deg);*/
        display: none;
    }
    .ob-login-footlinks {
        font-size: .8rem;
    }
    a.button.extra-button,
    .ob-login-button button.button {
        padding: 7px 15px 6px 15px;
    }
}

@media screen and (max-width: 300px) {
    a.button.extra-button,
    .ob-login-button button.button {
        padding: 7px 10px 6px 10px;
    }
}

/* Sub Nav*/

div.nav-sub {
    width: auto;
}

div.subnav {
    margin: 0;
    padding: 0 10px;
}

div.nav-sub {
    margin: 35px 0 20px 0;
    padding: 0;
}

div.nav-sub ul.nav-menu li.nav-item {
    display: block;
    list-style-position: outside;
    line-height: normal;
    margin: 0;
}

div.nav-sub ul li.nav-item a {
    display: block;
}

div.nav-sub ul li.nav-item a:hover {}

div.nav-sub ul.nav-menu li a.on,
div.subnav ul li a.on {
    text-decoration: none;
    font-weight: 700;
}

div.nav-sub ul li a.on:before {}

div.nav-sub h3,
div.subnav h3 {
    padding: 0 0 10px 15px;
    margin: 0;
    font-weight: 400;
}

div.nav-sub h3 a {
    text-decoration: none;
    display: block;
    color: #253f96;
}

div.nav-sub h3 a:hover {
    text-decoration: underline;
}

div.nav-sub ul,
div.subnav ul {
    list-style: none;
    margin: 0px 10px 20px 16px;
    padding: 0
}

div.nav-sub ul li,
div.subnav ul li {
    padding: 8px 0;
    margin: 0
}

div.nav-sub ul li.level0 {}

div.nav-sub ul li.level1 {
    margin-left: 20px !important;
    font-size: .9rem;
}

div.nav-sub ul li.level2 {
    margin-left: 5px !important;
}

div.nav-sub ul li.level3 {
    margin-left: 5px !important;
}

div.nav-sub ul li.level4 {
    margin-left: 5px !important;
}

div.nav-sub ul ul,
div.subnav ul ul {
    margin: inherit
}

div.nav-sub ul.nav-menu ul li,
div.subnav ul ul li {
    margin: 4px 0 12px
}

/* Bottom (footer) Nav*/

div.nav-footer,
div.nav-footer ul {
    max-width: 900px;
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    list-style-position: inside;
    flex-wrap: wrap;
    justify-content: center;
}

div.nav-footer ul.nav-menu li.nav-item {
    padding: 0 15px 0 0;
    margin: 0;
    line-height: 1.4;
    display: inline-block;
    white-space: nowrap;
}

div.nav-footer ul.nav-menu li.nav-item:last-child,
div.nav-footer ul.nav-menu li.nav-item.last {
    border-right: none;
    padding-right: 0;
}

div.nav-footer ul.nav-menu li.nav-item a {
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.5);
}

div.nav-footer ul.nav-menu li.nav-item a:hover {
    text-decoration: none;
}

div.header-mobile {
    display: none;
}

div.header-mobile div.header-menu {
    clear: both;
    display: none;
}

@media screen and (max-width: 767px) {
    /* move nav below decks at mobile size */
    .subnav-mobile,
    .sidebar-mobile {
        display: block;
        padding: 10px 20px;
        width: calc(100% - 40px);
    }
    .subnav,
    .sidebar {
        display: none;
    }
    .subnav.static-menu {
        display: block;
        padding: 0
    }
    .subnav-mobile div.nav-sub h3 {
        margin-top: 10px;
    }
    div.sidebar-mobile div.cta,
    div.sidebar-mobile div.promotion {
        display: block;
        text-align: center;
    }
    div.sidebar-mobile div.cta,
    div.sidebar-mobile div.cta a {
        display: block;
    }
    /* shrinking sub-nav at mobile size */
    div.nav-sub h3,
    div.subnav h3 {
        padding: 0 0 5px 0;
        margin: 0;
        font-size: 1rem;
    }
    div.nav-sub ul.nav-menu {
        margin: 0 0 20px 0;
    }
    div.nav-sub ul.nav-menu li.nav-item {
        display: inline-block;
        margin: 10px 10px 0 0;
        padding: 0;
        font-size: .875rem;
        vertical-align: top;
    }
    div.nav-sub ul.nav-menu li.nav-item ul,
    div.nav-sub ul.nav-menu li.nav-item ul li {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0;
        font-size: .7rem;
    }
    div.nav-sub ul li a.on:before {
        display: none;
    }
    div.nav-sub ul li.nav-item a {
        display: inline-block;
    }
}

/* -------------- =.= Sticky Menu -------------- */

/* this section must be AFTER all menu and header items */

/*                    STICKY MENU STYLES - DESKTOP                         */

/* smooth transitions for header */

.header {
    transition: height 1.5s ease-in-out;
}

div.wrapper_inner {
    transition: none;
}

.header-logo img {
    transition: all 0.3s cubic-bezier(.5, -.5, .5, 1.5);
}

.header-chat,
.header-location,
.header-search,
div.ob-login-button button,
.header .col-menu,
button.megaclose-button,
div.nav-top ul.nav-menu {
    transition: all 0.1s cubic-bezier(.5, -.5, .5, 1.5);
}

.oblogin,
.megabox,
.megaclose,
.menu-main,
.mega-wrapper {
    transition: top .5s ease-in-out;
}

div.col-topnav {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.megabox {
    transition: all 0.3s cubic-bezier(.5, -.5, .5, 1.5);
}

.nav-upper {
    transition: height 1.5s ease-in-out;
}

/* moving things when header is scrolled */

.header.scrolled .topnav {
    display: none;
}

.header.scrolled .col-logo img {
    max-width: 350px;
}

/* adds margin to top of page to account for height of fixed header when scrolled */

div.wrapper_inner.scrolled-margin {
    margin-top: 132px;
    transition: none;
}

.wrapper.hasnobanner div.wrapper_inner.scrolled-margin {
    margin-top: 118px;
}

/* header plus extra no-banner margin */

/* helper for JavaScript, do not remove */

div.mobile-size-indicator {
    display: none;
}

.header {
    transition: height 0.3s ease;
}

/* prevents Firefox header width problem with scaling logo */

.megabox {
    transition: all 0.3s cubic-bezier(.5, -.5, .5, 1.5);
}

.oblogin,
.megabox,
.megaclose {
    transition: top 0.2s ease;
}

div.wrapper_inner {
    margin-top: 0;
    z-index: 1;
}

.page-body.nav-container {
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    /* MIN-WIDTH so this happens as sizes above this point*/
    /*.JQalertsFader { transition: all 0.5s  ease-in-out; }
	.JQalertsFader.scrolled-alerts {height: 0;}*/
    .header.scrolled {
        height: auto;
        width: 100%;
        z-index: 4;
        max-width: 100%;
        position: fixed !important;
        z-index: 100;
        top: 0;
        left: 0;
        box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.25);
        background-color: #FFF;
    }
    .header.scrolled div.header-second-row {
        padding: 0 10px;
    }
}

/* back to normal at mobile */

@media screen and (max-width: 767px) {
    .header.scrolled .header-first-row,
    .header.scrolled .nav-upper .header-search {
        display: flex;
    }
    .header {
        padding: 0;
    }
    .header.scrolled .nav-container {
        margin-top: 0;
        margin-bottom: 0;
    }
    .header.scrolled .nav-upper {
        height: auto;
    }
    .header.scrolled .nav-upper .header-search {
        display: flex;
    }
    .header.scrolled .col-logo img {
        max-width: 100%;
    }
    /* remove transitions without sticky header */
    .header.scrolled .header {
        transition: none;
    }
    .header.scrolled .header-logo img {
        transition: none;
    }
    .header.scrolled .header-chat,
    .header.scrolled .header-location,
    .header.scrolled .header-search,
    .header.scrolled div.ob-login-button button,
    .header.scrolled .header .col-menu,
    .header.scrolled button.megaclose-button,
    .header.scrolled div.nav-top ul.nav-menu {
        transition: none;
    }
    .header.scrolled .oblogin,
    .header.scrolled .megabox,
    .header.scrolled .megaclose,
    .header.scrolled .menu-main,
    .header.scrolled .mega-wrapper {
        transition: none;
    }
    .header.scrolled div.col-topnav {
        opacity: 1;
        transition: none;
    }
    .header.scrolled .megabox {
        transition: none;
    }
    .header.scrolled .nav-upper {
        transition: none;
    }
    .header.scrolled {
        padding: 0;
    }
}

/* helper for JavaScript, do not remove */

div.mobile-size-indicator {
    display: none;
}

@media screen and (max-width: 767px) {
    /* helper for JavaScript, do not remove */
    div.mobile-size-indicator {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 1px;
    }
}

/* -------------- =.= Alerts & Notifications -------------- */

/* changing dismiss link into button */

.alert .alert-actions {
    overflow: hidden;
}

.alert button.JQcloseAlert {
    position: relative;
    font-size: .875rem;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    margin: -1px 0 0 14px;
    /* site specific */
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: .9rem;
    font-weight: 500;
    padding-bottom: 5px;
}

.alert button.JQcloseAlert:hover {
    text-decoration: underline;
}

@media screen and (max-width:540px) {
    .alert button.JQcloseAlert {
        font-size: .7rem;
    }
}

.site-alerts {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 450px;
    z-index: 3;
}

/* default alert color is white */

.alert {
    position: relative;
    float: right;
    bottom: 0;
    right: 0;
    padding: 0;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    width: 100%;
    box-sizing: border-box;
    z-index: 999999;
    border-radius: 10px;
    border: 1px solid #d8dfe1;
    background-color: #fff;
    color: #000;
    margin-bottom: 10px;
    opacity: 0.98;
    overflow: hidden;
}

.alert .inner {
    padding: 5px 10px;
}

.alert p {
    margin: 5px auto;
    line-height: 1.5;
    color: #000;
}

.alert a,
.alert a:visited {
    color: #000;
}

.alert a:hover {
    text-decoration: none;
}

.alert-actions {
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: .9rem;
    box-sizing: border-box;
    text-align: right;
}

.alert-actions a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 0 20px;
    padding: 5px 10px;
    display: inline-block;
}

.alert-actions a:hover {
    color: #000 !important;
    text-decoration: underline;
}

/* includes fix for bulleted lists */

.alert-expand {
    cursor: pointer;
}

.alert-inner {
    max-width: 1440px;
    margin: auto;
    text-align: center;
}

.alert-inner ul,
.alert-inner ul li ul {
    text-align: center;
    margin: 5px auto;
    list-style-position: inside;
    padding: 0;
}

.alert-inner ul li {
    text-align: center;
    margin: 5px auto 0 auto;
}

.alert .alert-title,
.alert .alert-title a {
    color: #000;
    font-size: 1rem;
    margin: 1% 30px 1% 0;
    /* give space for down arrow on phones */
    font-weight: 600;
    display: block;
}

.alert .alert-title:hover,
.alert .alert-title a:hover {
    text-decoration: none;
    cursor: default;
}

.alert-desc,
.alert p {
    font-size: .9rem;
    color: #000;
}

.alert button {
    font-size: 1.5rem;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    text-decoration: none;
    max-width: 100%;
    display: inline-block;
    line-height: normal;
    float: right !important;
    position: absolute;
    right: 12px;
    top: 5px;
    outline: none;
    box-shadow: none;
}

.alert p {
    margin: 0;
    padding-bottom: 8px;
}

.alert-closed-icon,
.alert-open-icon {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
}

.alert-closed-icon:before {
    content: "\f107";
}

.alert-open-icon:before {
    content: "\f106";
}

button.alert_expandbtn:hover {
    box-shadow: none;
    color: #333;
}

@media screen and (max-width:540px) {
    .site-alerts {
        width: auto;
        max-width: 95%;
        margin: 0 auto 0 auto;
        /*		bottom: 100px; adjust for chat, if needed */
    }
    .alert {
        margin: 5px auto 0 auto;
    }
    .alert-actions {
        font-size: .7rem;
    }
}

/*  color options */

.alert.alert-white {
    /* this picks up default white styles */
}

.alert.alert-cookies {
    /* this picks up default white styles */
}

.alert.alert-extras {
    /* this picks up default white styles */
    width: auto;
}

.alert.alert-extras .alert-title {}

.alert.alert-extras .alert-desc {
    display: flex;
    justify-content: space-around;
}

.alert.alert-red {
    background-color: #DA291C !important;
    color: #fff !important;
}

.alert.alert-red .alert-title,
.alert.alert-red h5,
.alert.alert-red h4,
.alert.alert-red h3,
.alert.alert-red h2 {
    color: #fff !important;
}

.alert.alert-red a,
.alert.alert-red .alert-desc,
.alert.alert-red p {
    color: #fff !important;
}

/* dismiss - dark-colored alert */

.alert.alert-red .alert-actions {
    background: rgba(0, 0, 0, 0.1);
}

.alert.alert-red button {
    color: rgba(255, 255, 255, 0.5);
}

.alert.alert-blue {
    background-color: #1B365D !important;
    color: #fff !important;
}

.alert.alert-blue .alert-title,
.alert.alert-blue h5,
.alert.alert-blue h4,
.alert.alert-blue h3,
.alert.alert-blue h2 {
    color: #fff !important;
}

.alert.alert-blue a,
.alert.alert-lemon-lime .alert-desc,
.alert.alert-blue p {
    color: #fff !important;
}

/* dismiss - dark-colored alert */

.alert.alert-blue .alert-actions {
    background: rgba(0, 0, 0, 0.1);
}

.alert.alert-blue button {
    color: rgba(255, 255, 255, 0.5);
}

.alert.alert-maroon {
    background-color: #8A2B2B !important;
    color: #fff !important;
}

.alert.alert-maroon .alert-title,
.alert.alert-maroon h5,
.alert.alert-maroon h4,
.alert.alert-maroon h3,
.alert.alert-maroon h2 {
    color: #fff !important;
}

.alert.alert-maroon a,
.alert.alert-maroon .alert-desc,
.alert.alert-maroon p {
    color: #fff !important;
}

/* dismiss - dark-colored alert */

.alert.alert-maroon .alert-actions {
    background: rgba(0, 0, 0, 0.1);
}

.alert.alert-maroon button {
    color: rgba(255, 255, 255, 0.5);
}

.alert.alert-brightblue {
    background-color: #B0C7E8 !important;
    color: #000 !important;
}

.alert.alert-brightblue .alert-title,
.alert.alert-brightblue h5,
.alert.alert-brightblue h4,
.alert.alert-brightblue h3,
.alert.alert-brightblue h2 {
    color: #000 !important;
}

.alert.alert-brightblue a,
.alert.alert-brightblue .alert-desc,
.alert.alert-brightblue p {
    color: #000 !important;
}

/* dismiss - light-colored alert */

.alert.alert-brightblue .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-brightblue button {
    color: rgba(0, 0, 0, 0.3);
}

.alert.alert-yellow {
    background-color: #FFC845 !important;
    color: #000 !important;
}

.alert.alert-yellow .alert-title,
.alert.alert-yellow h5,
.alert.alert-yellow h4,
.alert.alert-yellow h3,
.alert.alert-yellow h2 {
    color: #000 !important;
}

.alert.alert-yellow a,
.alert.alert-yellow .alert-desc,
.alert.alert-yellow p {
    color: #000 !important;
}

/* dismiss - dark-colored alert */

/* dismiss - light-colored alert */

.alert.alert-yellow .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-yellow button {
    color: rgba(0, 0, 0, 0.3);
}

/* leaving these in case they want other style guide colors */

.alert.alert-blue2 {
    background-color: #214A82 !important;
    color: #fff !important;
}

.alert.alert-blue2 .alert-title,
.alert.alert-blue2 h5,
.alert.alert-blue2 h4,
.alert.alert-blue2 h3,
.alert.alert-blue2 h2 {
    color: #fff !important;
}

.alert.alert-blue2 a,
.alert.alert-blue2 .alert-desc,
.alert.alert-blue2 p {
    color: #fff !important;
}

/* dismiss - dark-colored alert */

.alert.alert-blue2 .alert-actions {
    background: rgba(0, 0, 0, 0.1);
}

.alert.alert-blue2 button {
    color: rgba(255, 255, 255, 0.5);
}

.alert.alert-skygray {
    background-color: #E9E9ED !important;
    color: #000 !important;
}

.alert.alert-skygray .alert-title,
.alert.alert-skygray h5,
.alert.alert-skygray h4,
.alert.alert-skygray h3,
.alert.alert-skygray h2 {
    color: #000 !important;
}

.alert.alert-skygray a,
.alert.alert-skygray .alert-desc,
.alert.alert-skygray p {
    color: #000 !important;
}

/* dismiss - light-colored alert */

.alert.alert-skygray .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-skygray button {
    color: rgba(0, 0, 0, 0.3);
}

.alert.alert-icyblue {
    background-color: #E0EAF5 !important;
    color: #000 !important;
}

.alert.alert-icyblue .alert-title,
.alert.alert-icyblue h5,
.alert.alert-icyblue h4,
.alert.alert-icyblue h3,
.alert.alert-icyblue h2 {
    color: #000 !important;
}

.alert.alert-icyblue a,
.alert.alert-icyblue .alert-desc,
.alert.alert-icyblue p {
    color: #000 !important;
}

/* dismiss - light-colored alert */

.alert.alert-icyblue .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-icyblue button {
    color: rgba(0, 0, 0, 0.3);
}

.alert.alert-foggray {
    background-color: #F4F8F9 !important;
    color: #000 !important;
}

.alert.alert-foggray .alert-title,
.alert.alert-foggray h5,
.alert.alert-foggray h4,
.alert.alert-foggray h3,
.alert.alert-foggray h2 {
    color: #000 !important;
}

.alert.alert-foggray a,
.alert.alert-foggray .alert-desc,
.alert.alert-foggray p {
    color: #000 !important;
}

/* dismiss - light-colored alert */

.alert.alert-foggray .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-foggray button {
    color: rgba(0, 0, 0, 0.3);
}

.alert.alert-lemonadeyellow {
    background-color: #FFF9EB !important;
    color: #000 !important;
}

.alert.alert-lemonadeyellow .alert-title,
.alert.alert-lemonadeyellow h5,
.alert.alert-lemonadeyellow h4,
.alert.alert-lemonadeyellow h3,
.alert.alert-lemonadeyellow h2 {
    color: #000 !important;
}

.alert.alert-lemonadeyellow a,
.alert.alert-lemonadeyellow .alert-desc,
.alert.alert-lemonadeyellow p {
    color: #000 !important;
}

/* dismiss - light-colored alert */

.alert.alert-lemonadeyellow .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-lemonadeyellow button {
    color: rgba(0, 0, 0, 0.3);
}

.alert.alert-palepurple {
    background-color: #F1EBFF !important;
    color: #000 !important;
}

.alert.alert-palepurple .alert-title,
.alert.alert-palepurple h5,
.alert.alert-palepurple h4,
.alert.alert-palepurple h3,
.alert.alert-palepurple h2 {
    color: #000 !important;
}

.alert.alert-palepurple a,
.alert.alert-palepurple .alert-desc,
.alert.alert-palepurple p {
    color: #000 !important;
}

/* dismiss - light-colored alert */

.alert.alert-palepurple .alert-actions {
    background: rgba(255, 255, 255, 0.5);
}

.alert.alert-palepurple button {
    color: rgba(0, 0, 0, 0.3);
}

.alert.alert-grapepurple {
    background-color: #CCB4FF !important;
    color: #fff !important;
}

.alert.alert-grapepurple .alert-title,
.alert.alert-grapepurple h5,
.alert.alert-grapepurple h4,
.alert.alert-grapepurple h3,
.alert.alert-grapepurple h2 {
    color: #fff !important;
}

.alert.alert-grapepurple a,
.alert.alert-grapepurple .alert-desc,
.alert.alert-grapepurple p {
    color: #fff !important;
}

/* dismiss - dark-colored alert */

.alert.alert-grapepurple .alert-actions {
    background: rgba(0, 0, 0, 0.1);
}

.alert.alert-grapepurple button {
    color: rgba(255, 255, 255, 0.5);
}

/* premium floating alerts end */

/* classic alerts */

.classic-alerts .alert {
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0 !important;
    text-align: center;
    position: relative;
    z-index: 1;
    box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.25);
}

.classic-alerts .alert {
    display: flex;
    flex-direction: column;
}

.classic-alerts .alert .inner {
    gap: 2px;
    display: flex;
    flex-direction: column;
    padding: 12px 8px;
    justify-content: center;
    align-items: center;
}

.classic-alerts .alert-title,
.classic-alerts .alert p:last-of-type {
    margin: 0;
    padding: 0;
}

/* -------------- =.= Speedbumps -------------- */

.speedbump_wrapper {
    text-align: center;
}

.speedbump_wrapper span.title5 {
    font-size: 0.9rem;
}

.speedbump_wrapper span.subtitle1 {
    font-size: 0.8rem;
}

/* fix for super-long URLs in speedbump and search results */

div.speedbump_content_box h3,
.vsrch-url a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    /* Non standard for WebKit */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

div.speedbump_content_box h2,
div.speedbump_content_box h3,
div.speedbump_content_box h5 {
    margin: 0 0 15px 0;
}

div.speedbump_content_box h2 {
    font-size: 2rem;
}

@media screen and (max-width:900px) {
    div.speedbump_content_box,
    div.speedbump_content_box h5 {
        font-size: 0.8rem;
        line-height: 1.4;
    }
    div.speedbump_content_box h3,
    div.speedbump_content_box h2 {
        font-size: 1rem;
    }
    div.speedbump_content_box h5 {
        margin: 5px 0;
    }
}

@media screen and (max-width:450px) {
    div.speedbump_content_box h3 {
        margin: 0;
    }
    div.speedbump_content_box,
    div.speedbump_content_box h5 {
        line-height: 1.2;
    }
    div.speedbump_content_box h3 {
        font-size: 0.9rem;
    }
}

/* div.ui-widget-content {height: auto !important;}*/

div.speedbump_content_box {
    padding: 10px 10px 0 10px;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 10px;
    padding: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 0 0 10px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #214A82 !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

.ui-dialog-buttonset button:last-child {
    opacity: .8;
}

.ui-dialog .ui-dialog-titlebar {
    margin: 10px;
    border-radius: 10px;
    display: none;
    /* removed */
}

div#dialog_content {
    margin: 10px;
}

.ui-widget.ui-widget-content {
    border: none;
    border-radius: 10px;
}

@media screen and (max-width:600px) {
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        display: flex;
        flex-direction: column;
        float: none;
        gap: 10px;
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        font-size: 1rem;
        padding: 5px;
        margin-top: 5px;
    }
}

/* -------------- =.= Sitemap -------------- */

div.sitemap-container {
    padding: 10px 0 40px 0;
    overflow: hidden;
}

ul.sitemaplist {
    margin: 2px 0px 0 0px;
    padding: 0;
    font-size: 1rem;
    list-style-type: none;
    line-height: 1.5;
}

ul.sitemaplist li.sitemap_2 {
    margin: 10px 0px 0 0px;
    font-size: 1.2rem;
    font-weight: 700;
}

ul.sitemaplist li.sitemap_2 a {
    margin: 2px 0px 0 2px;
    padding-left: 0px;
    display: inline-block;
}

ul.sitemaplist li.sitemap_3 {
    margin: 5px 0px 0 10px;
}

ul.sitemaplist li.sitemap_3 a {
    margin: 2px 0px 0 10px;
    padding-left: 5px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 1.1rem;
}

ul.sitemaplist li.sitemap_4 {
    margin: 2px 0px 0px 15px;
}

ul.sitemaplist li.sitemap_4 a {
    margin: 2px 0px 0 14px;
    padding-left: 10px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 1rem;
}

ul.sitemaplist li.sitemap_5 {
    margin: 2px 0px 0px 20px;
}

ul.sitemaplist li.sitemap_5 a {
    margin: 2px 0px 0 16px;
    padding-left: 15px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.9rem;
}

ul.sitemaplist li.sitemap_6 {
    margin: 2px 0px 0px 25px;
}

ul.sitemaplist li.sitemap_6 a {
    margin: 2px 0px 0 18px;
    padding-left: 20px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.8rem;
}

ul.sitemaplist li.sitemap_7 {
    margin: 2px 0px 0px 30px;
}

ul.sitemaplist li.sitemap_7 a {
    margin: 2px 0px 0 20px;
    padding-left: 25px;
    margin-bottom: 8px;
    margin-top: 3px;
    font-size: 0.75rem;
}

ul.sitemaplist li.sitemap_ {
    display: none;
    visibility: hidden;
}

ul.sitemaplist .sitemap_2 h4 {
    margin: 2px 0px 0 2px;
    padding-left: 0px;
    font-size: 1.3rem;
    display: inline-block;
    font-weight: 700;
}

ul.sitemaplist .sitemap_3 h4 {
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 400;
}

@media screen and (max-width:640px) {
    div.sitemap {
        clear: both;
        float: none;
        width: auto;
    }
}

/* -------------- =.= FAQ's -------------- */

ul.faq-list {
    padding: 0 0 30px 0;
    list-style-type: none;
    margin: 0;
}

ul.faq-list li {
    padding: 0;
    border: 1px solid #dedede;
    background-color: #fff;
    padding: 15px 15px 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
}

ul.faq-list li a {
    text-decoration: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.25rem;
    /* added to keep arrow at top when text wraps */
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

ul.faq-list li a>span {
    /* text-decoration: underline;*/
}

ul.faq-list a:hover {
    text-decoration: none;
}

ul.faq-list a:hover>span {
    /* text-decoration: underline;*/
}

ul.faq-list a.faq-question:after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    text-decoration: inherit;
    float: right;
    font-weight: 400;
    transition: all .2s ease;
    text-decoration: none;
}

ul.faq-list a.faq-open:after {
    transform: rotate(0.5turn);
}

/*don't format list items within FAQ answers like the faq list items*/

ul.faq-list li ul li {
    border: none;
    list-style: disc;
}

.faq-content {
    margin: 0;
    line-height: 1.3;
}

.faq-content p {
    margin: 0 0 15px 0;
}

/*container for FAQ's on search results page...*/

.faq-search {
    padding: 40px 0;
}

.faq-search h3 {}

div.faq-content a,
div.faq-content a:link,
div.faq-content a:visited {
    text-decoration: underline !important;
}

/* -------------- =.= Responsive Lists -------------- */

.list {
    clear: both;
}

.list-row {
    clear: both;
    margin: 0;
}

.list-row:last-child {
    border-bottom: none;
}

.list-row.separator {
    clear: both;
    border-bottom: 4px solid #333;
}

.list-head {
    clear: both;
    background-color: #002855 !important;
    padding: 0 40px;
}

.list-head.list-head-main {
    display: flex;
    border-radius: 6px;
}

.list-head.list-head-repeated {
    display: none;
}

.list .list-item {
    display: inline-block;
    float: left;
    padding: 0;
}

.list .list-item,
.list .list-item li,
.list .list-item p {
    line-height: normal;
}

.list .list-item h5 {
    font-size: 22px;
    font-size: 1.375rem;
}

.list .list-item ul {
    margin: 0 0 5% 0;
    padding: 0 0 0 5%;
}

/* embedded LI's should be left-aligned */

.list .list-item li {
    text-align: left;
}

/*font awesome asterisk added to content*/

.list .list-item .asterisk {
    display: inline;
    margin: 0 -12px 0 0;
}

.list .list-item .dot {
    font-size: 36px;
    font-size: 2.25rem;
    color: #002855;
    text-align: center;
    width: 40px;
    margin: auto;
    display: block;
}

.list .head {
    padding: 0;
    color: #fff;
    font-size: 0.875rem;
    line-height: normal;
    text-align: center;
    font-family: 'Lexend', sans-serif;
}

.list .head a {
    color: #fff;
}

.list .head .inner {
    padding: 10px !important;
    text-align: center;
}

.list-item .inner {
    padding: 0 10px;
}

.list .title,
.list-item.head.title {
    width: 50%;
    text-align: center;
}

.list .date,
.list-item.head.date {
    white-space: nowrap;
    width: 50%;
    text-align: center;
}

.list .time {
    width: 25%;
    text-align: center;
}

.list .location {
    width: 25%;
    text-align: center;
}

.list .location p {
    margin-top: 0;
}

.list .cost {
    width: 10%;
    text-align: center;
}

div.list div.list-row {
    background: #fff;
    align-items: center;
    display: flex;
    padding: 40px;
}

div.list div.list-row:nth-child(odd) {
    background: #f8f8f8;
}

div div.list-row .list-item:last-child .inner {
    border-right: none;
}

div.list-row .list-item .comp-title {
    margin: 0;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    text-align: left;
    color: #214A82;
    font-family: 'Lexend', sans-serif;
}

div.list-row .list-item .comp-check {
    width: 20px;
    height: 20px;
}

div.list-row .list-item h5 {
    margin: 0;
}

div.list-row .list-item:last-child .inner {
    border: none !important;
}

.list.seminars-list {
    width: 100%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    overflow: hidden;
}

.list.seminars-list .list-head {
    display: flex;
}

.list.seminars-list .head {
    background: transparent !important;
    font-weight: 700;
    font-size: 110%;
    padding: 10px 0;
}

.pers-toolbox-content .list.seminars-list .head:after {
    background: #D46C4E;
    height: 2px;
}

.pers-toolbox-content .list.seminars-list .date,
.pers-toolbox-content .list.seminars-list .location {
    font-size: 85%;
}

.pers-toolbox-content .list.seminars-list .head.date,
.pers-toolbox-content .list.seminars-list .head.location {
    font-size: 100%;
}

.list.seminars-list .list-row {
    background: transparent !important;
    min-height: 0;
    border-bottom: 1px solid #E8E8E8;
}

.list.seminars-list .list-row:last-child {
    border-bottom: none;
}

.list.seminars-list .title.head:before {
    content: '';
    margin: 0;
}

.no-seminars {
    display: none;
}

.sem-pers-head {
    display: none;
}

.pers-toolbox-content .sem-pers-head,
.toolbox-section h6 {
    display: block;
    margin: 4% 0 1% 0;
}

div.seminar_description .backbutton {
    display: none;
}

div.sem_field div.form-field {
    line-height: 25px;
}

div.sem_field div.form-field div.label {
    font-weight: 700;
    color: #296A57;
}

div.sem_field div.form-field {
    margin: 8px 0;
}

div.sem_field div.form-field div.input p {
    margin: 0;
}

@media screen and (max-width:767px) {
    .list .head {
        width: auto;
    }
    .list .head .inner {
        font-size: .7rem !important;
    }
    div.account-compare {
        display: flex;
        flex-direction: column;
    }
    /*   .list .list-item.onehalf {
        width: 98% !important;
        clear: none;
    }
    .list .list-item.onethird {
        width: 50% !important;
        clear: none;
    }
    .list .list-item.onefourth {
        width: 33.33333% !important;
        clear: none;
    }
    .list .list-item.onefifth {
        width: 24% !important;
        clear: none;
    }
    .list .list-item.onesixth {
        width: 20% !important;
        text-align: center;
        clear: none;
    }*/
    .list-head.list-head-main {
        display: none;
    }
    .list-head.list-head-repeated {
        display: flex;
        flex-wrap: wrap;
    }
    div.list-row .list-item h4 {
        text-align: center;
    }
    div.list-row .list-item.account,
    div.list-row .list-item.first {
        width: 100% !important;
        clear: right;
        border-right: none;
    }
    div div.list-row .list-item.account,
    div div.list-row .list-item.account .inner,
    div div.list-row .list-item.first .inner {
        min-height: 1em !important;
        margin: 0;
        border-right: none;
    }
    div div.list-row .list-item .inner {
        min-height: 150px;
    }
    .list.seminars-list .list-row {
        padding: 20px 10px;
        font-size: .9rem;
        flex-direction: column;
    }
    .list.seminars-list .head {
        text-align: center;
    }
    .seminars-list div.list-row .list-item .inner {
        min-height: 0;
        font-size: 1rem;
        line-height: 25px;
    }
    div .list-item.first-head {
        display: none;
    }
    div .list-item.second-head {}
    div .list-item.second .inner,
    div .list-item.third .inner,
    div .list-item.fourth .inner,
    div .list-item.fifth .inner,
    div .list-item.sixth .inner,
    div .list-item.seventh .inner {
        padding: 10px 6px !important;
        padding: 1em 4% !important;
    }
    div .list-item.second .inner {
        padding-left: 1em !important;
    }
    .list-item.third,
    .list-item.third-head,
    .list-item.fourth,
    .list-item.fourth-head,
    .list-item.fifth,
    .list-item.fifth-head {}
}

@media screen and (max-width:767px) {
    /* moved up from 640 */
    .list .title,
    .list .location,
    .list .date,
    .list .time {
        width: 100%;
        clear: both;
    }
    .list-head {
        display: none;
    }
    .list .list-item,
    .list .list-item li,
    .list .list-item p {
        text-align: left;
    }
    .list .list-item {
        padding: 5px 0;
    }
}

@media screen and (max-width:440px) {
    .list .head {
        line-height: normal;
    }
}

/* -------------- =.= Posts / Post Lists / Post Images -------------- */

/* Featured posts list, regular post list*/

.post-list,
.post-pagination {
    max-width: 1440px;
    margin: auto;
}

.pagination-status {
    display: none;
}

div.post-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.post-detail.inner {
    margin-top: 50px;
}

.post-embedded {
    clear: both;
    padding: 10px 0;
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto;
}

div.post-embedded h3 {
    margin: 0;
}

h1.post-title {
    font-size: 3rem;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    div.custom-page-title h1.page-title.post-title {
        font-size: 2rem !important;
        line-height: 1.15 !important;
    }
}

div.meta {
    font-size: 1rem;
    margin: 10px 0 5px 0;
    display: block;
    font-style: italic;
}

div.post-content {
    padding: 1rem 0 2rem;
}

.post-content p {
    font-family: inherit !important;
    font-weight: inherit !important;
}

ul.posts {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1440px;
}

ul.posts li {
    width: calc(50% - 10px);
    padding: 5px 15px;
}

ul.post-list li {
    width: calc(50% - 10px);
    clear: both;
    margin: 0 0 50px 0;
    max-height: 560px;
    position: relative;
    overflow: hidden;
}

ul.post-list li .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 120px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
    border-radius: 10px;
    font-size: 1rem;
    padding: 70px 0 10px 0;
}

ul.post-list li .read-more a.button {
    font-size: .875rem;
    padding: 3px 10px 1px 10px;
    max-height: 34px;
    overflow: hidden;
    width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width:1050px) {
    ul.post-list li {
        width: 50%;
    }
}

ul.post-list li a h3 {
    margin: 0;
    font-size: 1.35rem;
}

ul.post-featured li {
    padding: 25px;
    box-sizing: border-box;
}

ul.posts li>a {
    padding: 20px 0 0 0;
    position: relative;
    text-decoration: none;
}

ul.post-featured li a h3 {
    margin: 0;
}

ul.post-featured li a:hover,
ul.post-list li a:hover {
    text-decoration: underline;
}

ul.post-featured .abstract {
    overflow: hidden;
    margin: 0;
}

.intro ul.post-featured .abstract p,
ul.post-featured .abstract p {
    font-family: inherit !important;
}

div.pagination-status {
    padding: 15px 0;
    margin-bottom: 20px;
    border-top: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede;
}

div.post-pagination button {
    display: inline-block;
}

/* -------------- =.= POST THUMBS AND CONTAINERS -------------- */

div.post-feature-img img {
    border-radius: 10px;
}

div.img50 img {
    position: relative;
    top: 0;
}

div.img50 {
    width: 52px;
    height: 50px;
    overflow: hidden;
}

div.img50 img,
img.img50 {
    min-height: 50px;
    max-width: 80px;
}

div.img90,
div.img100 {
    width: 102px;
    height: 90px;
}

div.img90 img,
div.img100 img {
    min-height: 100px;
    max-width: 160px;
}

div.img-full,
div.img50,
div.img90,
div.img100,
.img-full {
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*=============== POST DETAIL IMAGE ================*/

.posts .post-img,
.posts .feature-img {
    /*  margin: 5px 3% 20px 0;
    float: left; */
    text-align: center;
}

div.feature-img img {
    /*   width: 100%; */
    max-height: 532px;
}

ul.posts div.feature-img {
    /*   width: 40%;*/
}

div.post-detail .post-img,
div.post-embedded .post-img {
    max-width: 40%;
    float: right;
    margin: 10px 30px 30px 30px;
}

div.post-list div.post-img,
div.post-featured div.post-img {
    margin-bottom: 10px;
}

div.post-content div.post-img,
div.post-embedded div.post-img {
    max-width: 40%;
}

div.post-embedded h2 {
    margin-bottom: 20px;
}

div.post-img img,
div.post-feature-img img {
    margin: 0;
    /* box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%); flattened to match feature deck images*/
    border-radius: 6px;
    min-height: 300px;
    object-fit: cover;
    max-height: 300px;
    margin: auto;
    box-shadow: -1px 28px 43px -11px rgba(0, 0, 0, 0.33);
}

div.post-feature-img img {
    min-height: 400px;
    max-height: 400px;
}

div.post-detail div.feature-img {
    margin-bottom: 10px;
    max-width: 92%;
}

ul.posts li a {
    height: auto;
    display: inline-block;
}

.posts h2 {
    font-size: 1.6rem;
    margin-top: 10px;
}

.post_body .alignleft {
    float: left;
    margin: 0;
}

ul.post-list .meta {
    font-style: italic;
    margin-bottom: 10px;
}

@media screen and (max-width:767px) {
    div.post-detail .post-img,
    div.post-embedded .post-img {
        float: none;
        margin: 0 auto 30px auto;
        max-width: 96%;
    }
    ul.posts li img {
        float: none;
    }
    ul.posts div.feature-img {
        width: 100%;
    }
    ul.posts li img {
        float: none;
    }
    ul.posts li a {
        overflow: visible;
    }
    ul.posts li div.feature-img,
    div.post-img {
        float: none;
        clear: both;
    }
    ul.posts li div.feature-img img,
    div.post-img img,
    div.post-content div.post-img {}
    div.post-content h3 {
        clear: both;
    }
    div.post-img,
    div.feature-img,
    div.post-embedded div.post-img {
        width: 96%;
        max-width: 96%;
        padding: 0;
        text-align: center;
    }
    ul.post-featured li {
        width: 100%;
        float: none;
        padding: 0;
        clear: both;
    }
    ul.posts,
    ul.post-list {
        display: block;
    }
    ul.post-featured li,
    ul.post-list li {
        width: calc(100% - 20px);
        padding: 10px 10px 20px 10px;
        border-bottom: 1px solid #B0C7E8;
        margin-bottom: 0;
    }
    ul.post-featured li:last-child,
    ul.post-list li:last-child {
        border-bottom: none;
    }
    div.post-detail div.feature-img {
        margin-bottom: 30px;
        max-width: 100%;
    }
    div.post-img img {
        min-height: 100px;
        max-height: 100%;
        max-width: 90%;
        margin-top: 40px;
    }
    ul.post-list li {
        max-height: 100% !important;
    }
    ul.post-list li p.read-more {
        display: none;
    }
}

/* -------------- =.= Seminars / Events  -------------- */

div.seminar_wrapper {
    padding-bottom: 50px;
    overflow: hidden;
}

/*Individual Seminar / Event Detail Insert*/

.seminar_description {
    margin: 0 0 40px 0;
}

.seminar_header {
    /* border-bottom: solid 1px #eee;*/
}

div.seminar_header h2 {
    float: left;
    width: 90%;
}

div.seminar_header div.signup {
    margin: 30px 0 0 0;
}

div#jQoutput_signup {
    float: right;
    padding-left: 10px;
}

div.seminar_wrapper .label {
    font-weight: bold;
}

div.sem_signup input.field[type=text],
div.sem_signup input.field[type=email],
div.sem_signup textarea {
    width: 100%;
}

div.sem_signup input#formkey_user {
    width: 30%;
    vertical-align: top;
}

.seminar_form_message_area,
.seminar_message_area {
    margin: 10px 0;
    padding: 10px;
    border: solid 1px #43978D;
    border-radius: 3px;
    font-weight: 600;
    background-color: #B0C7E8;
    text-align: center;
}

.seminar_form_message_area:before,
.seminar_message_area:before {
    content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    font-size: inherit;
    margin: 0 7px 0 0;
    color: #43978D;
}

.seminar_form_message_area p,
.seminar_message_area p {
    margin: 0;
}

/*seminars in sidebars*/

div.sidebar div.seminars-list {
    border: 1px solid #333;
    text-align: center
}

div.sidebar div.seminars-list div.list-head {
    display: none
}

div.sidebar div.seminars-list div.list-row {
    padding: 5px
}

div.sidebar div.seminars-list div.title {
    display: block;
    width: auto;
    font-weight: 600
}

div.sidebar div.seminars-list div.date {
    display: block;
    width: auto;
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
}

div.sidebar div.seminars-list div.time {
    display: none
}

div.sidebar div.seminars-list div.location {
    display: none
}

div.sidebar div.seminars-list div.cost {
    display: none
}

/* small screen-size event calendar adjustments */

@media screen and (max-width: 767px) {
    .fc-toolbar.fc-header-toolbar {
        flex-direction: column;
        gap: 5px;
        margin-bottom: 15px !important;
    }
    .fc-scroller {
        min-height: 400px;
    }
    .ui-dialog .ui-dialog-content div.seminar_wrapper {
        margin: 0;
        padding: 20px !important
    }
    .fc-day-number {
        font-size: 0.75rem;
    }
}

/* seminar calendar overrides - UPDATE as needed */

.fc-view-container {
    background-color: #fff;
}

.fc-day-grid-event>.fc-content {
    white-space: normal;
}

.fc-event,
.fc-event-dot {
    background-color: #F4F8F9 !important;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
}

.fc-event {
    padding: 2px 3px 4px 5px !important;
    font-size: 0.75em;
}

.fc-unthemed td.fc-today {
    background-color: #B0C7E8 !important;
}

a.fc-event {
    font-size: 0.8rem !important;
    color: #000 !important;
    border-color: #B0C7E8;
}

button.fc-button-primary {
    background-color: #214A82;
    border-color: #214A82;
}

button.fc-button-primary:hover {
    background-color: #1B365D;
    border-color: #1B365D;
}

@media screen and (max-width: 767px) {
    a.fc-event {
        color: #fff;
        font-size: .75rem !important;
    }
}

/* -------------- =.= Site Banners -------------- */

.hero-banner {
    display: block;
    z-index: 1;
    position: relative;
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: #F4F8F9;
}

.hero-banner .page-inner {
    display: flex;
    align-items: center;
    align-items: center;
}

.hero-image {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    min-height: 600px;
    max-height: 600px;
    object-fit: cover;
}

.hero-banner.hero-banner-int .hero-image img {
    min-height: 480px;
    max-height: 480px;
}

.hero-text {
    text-align: left;
    margin: auto;
    max-width: 950px;
    /*width: 46%;*/
    padding: 20px;
    /* position: absolute; top: 5%; left: 50%;  transform: translate(-50%, 0);*/
    background-color: transparent;
}

.hero-text p span.small {
    display: block;
}

.hero-text.hero-txt-dark .txt-dark {
    color: #1B365D !important;
}

.hero-title {
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

.hero-subtitle {
    font-size: 1.65rem;
    margin: 20px 0;
    line-height: 1.2;
    color: #1B365D;
}

.hero-copy {
    padding: 0;
    margin: 10px 0;
    line-height: 1.4;
}

.hero-button {
    text-align: left;
    z-index: 2;
    margin: 20px 0 0 0;
    position: relative;
}

@media screen and (max-width: 767px) {
    .hero-text {
        max-width: 100%;
    }
}

/* text alignment option*/

.hero-content-left .hero-text {
    transform: translate(-700px, -50%);
}

@media screen and (max-width: 1440px) {
    .hero-content-left .hero-text {
        transform: translate(0, -50%);
        left: 0;
        padding: 20px;
    }
}

.hero-content-left .hero-text,
.hero-content-left .hero-title,
.hero-content-left .hero-subtitle,
.hero-content-left .hero-copy,
.hero-content-left .hero-button {
    text-align: left;
}

.hero-content-center .hero-text {
    width: 100%;
}

.hero-content-center .hero-text,
.hero-content-center .hero-title,
.hero-content-center .hero-subtitle,
.hero-content-center .hero-copy,
.hero-content-center .hero-button {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.hero-content-right .hero-text {
    right: 0;
    transform: translate(0, -50%);
}

.hero-content-right .hero-text,
.hero-content-right .hero-title,
.hero-content-right .hero-subtitle,
.hero-content-right .hero-copy,
.hero-content-right .hero-button {
    margin-left: 0;
}

.hero-content-right .hero-text {
    padding: 20px 10px 20px 20px;
}

/* banner image alignment */

.hero-image.hero-align-top img {
    object-position: center top;
}

.hero-image.hero-align-middle img {
    object-position: center center;
}

.hero-image.hero-align-bottom img {
    object-position: center bottom;
}

/*banner darkening */

.hero-banner img.darken90 {
    filter: brightness(10%);
}

.hero-banner img.darken80 {
    filter: brightness(20%);
}

.hero-banner img.darken70 {
    filter: brightness(30%);
}

.hero-banner img.darken60 {
    filter: brightness(40%);
}

.hero-banner img.darken50 {
    filter: brightness(50%);
}

.hero-banner img.darken40 {
    filter: brightness(60%);
}

.hero-banner img.darken30 {
    filter: brightness(70%);
}

.hero-banner img.darken20 {
    filter: brightness(80%);
}

.hero-banner img.darken10 {
    filter: brightness(90%);
}

/*apply a text shadow?*/

.text-shadow-on .hero-title {
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40);
}

.text-shadow-on .hero-subtitle,
.text-shadow-on .hero-copy p {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.40);
}

/* angled banner image */

.hero-banner .hero-image {
    overflow: hidden;
}

.hero-banner div.overlay {
    display: none;
}

.hero-banner .hero-text {
    z-index: 3;
    margin-top: 50px;
}

.hero-banner.hero-layout-angled img.hero-image-desktop {
    width: 60%;
}

.hero-banner div.overlay-watermark {
    position: absolute;
    bottom: 0;
    background-size: contain;
    z-index: 4;
    width: 135px;
    height: 173px;
}

/* angled content text left */

.hero-banner.hero-layout-angled div.overlay {
    display: block;
    position: absolute;
    top: 0;
    width: 75%;
    height: 100%;
    background: rgba(255, 255, 255, 0.99);
    transform: skew(194deg);
    right: -23%;
    z-index: 2;
}

/* angled content text left */

.hero-banner.hero-layout-angled.hero-content-left div.overlay {
    display: block;
    position: absolute;
    top: 0;
    width: 75%;
    height: 100%;
    background: rgba(255, 255, 255, 0.99);
    transform: skew(-194deg);
    left: -23%;
    z-index: 2;
}

.hero-banner.hero-content-left.hero-layout-angled img.hero-image-desktop {
    transform: translateX(70%);
}

/* angled content text light - also default */

/* banner background color options */

.hero-banner.banner-white {
    background-color: #fff;
}

/* add watermark left or right */

.hero-banner.hero-add-watermark.watermark-right div.overlay-watermark {
    right: 0;
    background: transparent url("{% static 'assetzz/img/watermark-lower-right-gray.svg' %}") no-repeat bottom right;
}

.hero-banner.hero-add-watermark.watermark-left div.overlay-watermark {
    left: 0;
    background: transparent url("{% static 'assetzz/img/watermark-lower-right-gray.svg' %}") no-repeat bottom left;
    transform: scaleX(-1);
}

/* mobile-only image option */

.includes-mobile-image img.hero-image-desktop {
    display: block !important;
}

.includes-mobile-image img.hero-image-mobile {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .includes-mobile-image img.hero-image-desktop {
        display: none !important;
    }
    .includes-mobile-image img.hero-image-mobile {
        display: block !important;
    }
    /*stack mobile banners */
    .hero-banner {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 100%;
        overflow: visible;
        box-shadow: none;
        margin: 0 auto;
    }
    .hero-banner .hero-image,
    .hero-banner .hero-text {
        width: 100% !important;
        position: relative !important;
        display: block !important;
        /*transform: none !important;*/
        right: unset !important;
        left: unset !important;
        top: unset !important;
        z-index: 1;
    }
    .hero-text {
        padding: 40px 20px 0 20px;
        text-align: left;
    }
    .hero-banner-int .hero-text {
        padding: 20px;
    }
    .hero-image img,
    .hero-banner.hero-banner-int .hero-image img {
        object-fit: contain;
        max-height: 100%;
        min-height: 0;
        margin-top: 10px;
    }
    .hero-title {
        font-size: 3rem;
    }
    .hero-subtitle {
        font-size: 1.25rem;
    }
    .hero-banner div.overlay-watermark {
        display: none !important;
    }
    .hero-banner.hero-layout-angled div.overlay {
        display: none !important;
    }
    .hero-banner.hero-layout-angled img {
        transform: translate(0) !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 539px) {
    div.hero-button a.button,
    div.hero-button a.button:link,
    div.hero-button a.button:visited {
        font-size: 1rem;
    }
}

/* wave-top element */

.hero-layout-top-wave .hero-image .overlay-wave {
    display: block;
    position: relative;
}

.hero-layout-top-wave .hero-image .overlay-wave svg {
    fill: #F4F8F9;
    position: absolute;
    left: -5px;
    width: 120%;
}

.hero-layout-top-wave.banner-white .hero-image .overlay-wave svg {
    fill: #ffffff;
}

.hero-layout-top-wave.no-wave .overlay-wave {
    display: none;
}

@media screen and (max-width: 767px) {
    /* prevent flat top on wave */
    .hero-layout-top-wave .hero-image .overlay-wave svg {
        width: 800px;
        height: 1900px;
    }
}

/* -------------- =.= Video Banners -------------- */

.video-background {
    width: 100%;
}

.video-background video {
    width: 100%;
}

.grayscale1 video {
    filter: grayscale(100%);
}

.video-content {
    position: absolute;
    top: 30px;
    color: white;
    left: 30px;
    max-width: 50%;
    max-height: 500px;
    overflow: auto;
}

.video-title {
    font-size: 3.5rem;
}

.video-subtitle {
    font-size: 2rem;
}

.video-copy {}

@media screen and (max-width:1300px) {
    .video-title {
        font-size: 3rem;
    }
    .video-subtitle {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:1200px) {
    .video-title {
        font-size: 2.25rem;
    }
    .video-subtitle {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:900px) {
    .video-title {
        font-size: 3.5rem;
    }
    .video-subtitle {
        font-size: 2rem;
    }
    .video-content {
        position: relative;
        top: auto;
        left: auto;
        max-width: 100%;
        clear: both;
        text-align: center;
        margin: 45px;
        max-height: 100%;
        overflow: visible;
    }
}

/* -------------- =.= Offset Banners removed -------------- */

/* Drip pan */

div.contentdeck.drip-pan .deckinner {
    padding: 30px 0;
}

div.contentdeck.drip-pan .multicol-inner {
    display: flex;
    align-items: center;
}

div.contentdeck.drip-pan .multicol1 {
    display: block;
}

div.contentdeck.drip-pan .multicol2 {
    /*display: block;*/
    display: flex;
    flex-wrap: wrap;
}

div.contentdeck.drip-pan .drip-title,
div.contentdeck.drip-pan .drip-title h2 {
    font-size: 3.125rem;
    font-weight: 400;
}

div.contentdeck.drip-pan .drip-title p,
div.contentdeck.drip-pan .drip-title h3 {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 40px 0 10px 0;
}

div.contentdeck.drip-pan a.button {
    max-width: 100%;
}

div.contentdeck.drip-pan .drip-icon-text {
    margin: 10px 0;
}

div.contentdeck.drip-pan .drip-item {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    flex-direction: column;
    transform: translate3d(0, 0, 0);
}

div.contentdeck.drip-pan .drip-icon-text a {
    font-size: 1.25rem;
    text-decoration: none;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

div.contentdeck.drip-pan .drip-icon-text i {
    font-size: 3rem;
    padding: 20px;
}

div.contentdeck.drip-pan .drip-icon-text strong {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 600;
}

div.contentdeck.drip-pan .drip-icon-text strong::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

div.contentdeck.drip-pan .drip-icon-text a:hover strong::before {
    transform: scaleX(1);
}

div.contentdeck.drip-pan.brandcolor .drip-icon-text strong::before {
    background: #fff;
}

/* override for Azure Geyser */

div.contentdeck.azure-geyser.drip-pan .drip-icon-text a {
    color: #1B365D;
}

div.contentdeck.drip-pan .drip-icon-text strong::before {
    background: #1B365D;
}

@media screen and (max-width: 1000px) {
    div.contentdeck.drip-pan .drip-icon-text.onefourth {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    div.contentdeck.drip-pan .multicol-inner {
        display: block;
        text-align: center;
    }
    div.contentdeck.drip-pan .drip-item {
        justify-content: center;
    }
    div.contentdeck.drip-pan .drip-icon-text.onefourth {
        width: 100%;
    }
}

/* narrower intro deck option */

div.contentdeck.narrow-deck .deckinner {
    max-width: 1000px;
}

.narrow-1000 .page-inner {
    max-width: 1000px;
}

/* limited height deck option */

div.contentdeck.deck-height-limit-300 .multicol-inner .onewhole {
    max-height: 300px;
    overflow-y: auto;
}

/* full-width deck option - for carousels and similar */

div.contentdeck.full-width-deck .deckinner {
    max-width: 100%;
}

/* -------------- =.= JQuery Style Overrides & Ajax Elements -------------- */

/* Overlays */

.ui-dialog {
    max-width: 95% !important;
    z-index: 1000;
}

.ui-widget-content {
    border: none;
}

.ui-widget {
    font-family: inherit !important;
}

.ui-widget-header {
    border: none;
    background: #666;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-overlay {
    background: #777777;
    position: fixed;
    opacity: .60;
    /*filter: Alpha(Opacity=60); causes SortSite standards error */
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    opacity: .30;
    /*filter: Alpha(Opacity=30); causes SortSite standards error */
    border-radius: 10px;
}

/* DIALOG ELEMENTS */

.ui-button-text-only .ui-button-text {
    padding: 2px 5px;
}

.ui-dialog .ui-dialog-buttonpane button {
    font-family: inherit;
    font-weight: normal;
    text-decoration: none;
}

.ui-dialog .ui-dialog-content {
    text-align: left;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #eee;
    border: none;
    color: #272727;
}

div.ui-dialog-titlebar {
    background: #236092;
}

div.ui-dialog-titlebar button {
    display: none;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-radius: 0;
}

.error {
    color: #e80000 !important;
    font-weight: bold;
}

.ui-widget-content a {
    color: #000;
}

.ui-button-text-only .ui-button-text {
    padding: 2px 20px;
}

/* overrides for modals */

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: #1d5987 !important;
    letter-spacing: normal;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    background-color: #1d5987 !important;
    letter-spacing: normal;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #1d5987 !important;
    letter-spacing: normal;
}

.ui-button:active .ui-icon {
    background-image: url("/jquery/jquery_custom/ui-theme/images/ui-icons_217bc0_256x240.png");
}

.ui-dialog .ui-dialog-content {
    padding: .5em 5px;
}

/* -------------- Ajax Elements -------------- */

/* progress indicator*/

.ajaxInProgress_wrapper {
    z-index: 99999;
    width: 100%;
    position: fixed;
    margin: 0;
}

.ajaxInProgress_wrapper .ajaxInProgess {
    position: fixed;
    background-image: url(/img/wait3.gif);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .75;
    background-color: #333;
}

.debug {
    border: 1px dotted;
    padding: 5px;
    background-color: #333;
    color: #FFFFFF;
}

/* -------------- =.= Google Search or Voice Search Integration -------------- */

div.google_search_box,
div.voice-search-box {
    max-width: 45%;
    border: 1px solid #E9E9E9;
    display: inline;
    float: left;
    margin-right: 1%;
    padding: 2%;
}

div#resultsTop {
    padding-right: 20px;
    margin-right: 20px;
}

div#resultsTop h3 {
    margin: 44px 0 0 0;
    border-bottom: 1px solid #e9e9e9;
}

div.pagination-holder {
    padding-bottom: 20px;
}

div.silvercloud_results_wrapper,
div.faq-search {
    position: relative;
    display: inline-block;
}

div.faq-search h3 {
    margin-top: 0;
}

div.search-results-container {
    padding: 20px 0;
    overflow: hidden;
}

.simple-pagination li {
    float: none !important;
}

/* from search html */

.vsrch-item {
    margin-bottom: 15px;
    border-bottom: 1px dotted #CACACA;
}

.vsrch-item a {
    text-decoration: none !important;
}

.vsrch-title {
    font-size: 1.5rem;
}

.vsrch-excerpt {}

.vsrch-unmatched i {
    font-size: 0.85rem;
    line-height: normal;
    text-decoration: line-through;
}

.vsrch-url a {
    font-size: 0.925rem;
    text-decoration: none !important;
}

.vsrch-number {
    font-size: 0.75rem;
    float: right;
}

@media screen and (max-width: 740px) {
    div#resultsTop {
        padding-right: 0;
        margin-right: 0;
        border: none;
    }
    div.google_search_box,
    div.voice-search-box {
        float: none;
        width: auto;
        display: block;
        max-width: 100%;
        clear: both;
    }
    div.silvercloud_results_wrapper,
    div.faq-search {
        float: none;
        width: auto;
        display: block;
        max-width: 100%;
        clear: both;
        margin-top: 40px;
    }
}

/* -------------- =.= Flexible Iframe & Responsive Videos -------------- */

/* flexible iframe style */

.flexiframe {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: none;
}

.flexiframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    border: none !important;
    padding: 0;
    margin: 0;
}

/* Responsive video container - moved out from BITTYPE */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 25px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    transform: scale(1);
}

/* new 2023 version */

.video-responsive {
    aspect-ratio: 16 / 9;
    width: 100%;
}

/* -------------- =-= Tabbed Content Areas -------------- */

div.ca_tabs {
    clear: both;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 0;
    width: 100%;
    margin-top: 1em;
}

div.ca_tabs ul {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: normal;
}

div.ca_tabs ul li {
    display: inline-block;
    padding: 0;
    margin: 0 3px 0 0;
    float: left;
    list-style: none;
    line-height: normal;
}

div.ca_tabs ul li a {
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    border-bottom: none !important;
    color: #fff;
    padding: 7px 8px 6px;
    border: solid 1px #296A57;
    border-bottom-color: #ccc;
    border-radius: 0;
    font-size: .8rem;
    background-color: #296A57
}

div.ca_tabs li a:hover {
    border: solid 1px #616365;
    background-color: #616365;
    text-decoration: underline;
}

div.ca_tabs li.current {
    margin: 0 3px -2px 0;
    padding: 0 0 1px
}

div.ca_tabs li.current a {
    text-decoration: none;
    border: solid 1px #ccc;
    border-bottom: 1px solid #fff !important;
    background-color: #fff;
    padding-top: 7px;
    color: #296A57
}

.ca_panel {
    padding: 15px 0;
    margin-bottom: 15px;
    clear: both;
}

/* -------------- =.= Rate Tables -------------- */

/* -------------- =.= Standardized Rate Table Styles -------------- */

/*-- styles that appear in the rate admin dropdown menu are based on standardized colors and are defined in module config and design.css
they are as follows:
Centered
Centered Bold
Left
Left Bold
Right
Right Bold
-- */

div.rate-border {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px auto;
    clear: both;
    max-width: 1440px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45);
}

.ratetable {
    width: 100%;
}

.ratetable tbody {
    padding: 10px;
}

.ratetable .txt-left.b,
.ratetable .txt-right.b,
.ratetable .center.b {
    font-weight: 700 !important;
}

.ratetable .center {
    text-align: center !important;
}

.ratetable .txt-left {
    text-align: left !important;
}

.ratetable .txt-right {
    text-align: right !important;
}

.ratetable.tiered {
    /*affects only tiered layouts*/
}

.ratetable td,
.ratetable th {
    padding: 40px;
    font-size: 1rem;
    color: #1B365D;
    text-align: left;
    line-height: 1.2;
}

.ratetable td {
    border-bottom: 1px solid #e1e1e1;
}

.ratetable.rateheadline,
.ratetable.rateheadline td,
.ratetable.rateheadline th {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ratetable th {
    text-align: left;
}

.ratetable th.JQrateAlert {
    font-size: .675rem;
    text-align: center;
}

.ratetable th a {
    color: #fff !important;
}

.ratetable th a sup {
    margin: 0 3px;
}

.ratetable td.ratefootnote {
    border: 0;
}

.ratetable td.ratefootnote ul {
    padding: 0 !important;
}

.ratetable td.ratefootnote li::before {
    display: none;
}

td.show,
th.show {
    display: table-cell;
}

td.rate-data:first-child {
    /* color: #9f1a2c !important;*/
}

/*table headers*/

.rateprogram {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1B365D;
    text-align: left !important;
    caption-side: top;
    background-color: #F4F8F9;
    padding: 40px;
    margin: 0;
}

.rateprogram a:link,
.rateprogram a:visited,
.rateprogram a:active {
    color: #1B365D;
}

.rateprogram a:hover {
    text-decoration: none;
    color: #1B365D;
}

tr.ratehead {
    border: none !important;
    background-color: transparent !important;
}

.ratehead {
    border: none;
    background-color: transparent !important;
    padding: 0 !important;
}

.ratecolheader a.footnote-link:hover {
    text-decoration: underline;
}

.ratedate {
    width: auto;
    float: right;
    font-size: 0.9rem !important;
    /*   color: #0C1F2C;*/
    position: relative;
    bottom: -7px;
    font-size: 1rem;
    font-weight: 400;
}

.ratedate i {
    color: #1B365D;
    margin-right: 5px;
}

/* rounded corners */

table {
    border-collapse: separate;
}

/*tr.ratecolheader th:first-child {border-radius: 0 0 0 8px; }
tr.ratecolheader th:nth-last-child(2) {border-radius: 0 0 8px 0;}
.ratetable th.ratealert  {    border-radius: 0 0 8px 8px;}*/

/*column head*/

.ratecolheader,
.ratecolheader th {
    font-weight: 600;
    font-size: 1rem;
    color: #FFF !important;
    line-height: 1;
    background-color: #1B365D;
    text-align: center;
    padding: 10px 40px;
}

.ratecolheader:first-child {
    text-align: left;
}

/*tr.ratecolheader-inline th {
    background-color: #e3f6ea;
    color: #000;
}*/

.tiered-header {
    background-color: #439fa7 !important;
}

.tiered-header td {
    border-left: 1px solid #e1e1e1;
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
}

.tiered-header td:first-child {
    border-left: none !important;
}

/*.ratetable tr:nth-child(4n-1) { background-color: #f2f3f4; }

.ratetable.tiered tr:nth-child(4n-2) { background-color: #f2f3f4; }*/

/*.ratetable tr:nth-child(even) {
	background-color:#f2f3f4;
}
*/

td.JQrateAlert {
    text-align: center !important;
}

#footnotes_row {
    background-color: transparent !important;
}

/*rate alert elements within table*/

.rate-alert-icon a:link,
.rate-alert-icon a:visited {
    color: #333;
}

.rate-alert-icon {
    width: 50px;
}

div.JQrateSignup {
    font-weight: 400;
}

/*footnotes*/

td.ratefootnote,
td.ratefootnote ul li,
.footnote p {
    font-size: 0.75rem;
    color: #2e2e2e;
    line-height: normal;
}

.ratefootnote ul,
.ratefootnote ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

td.ratefootnote {
    padding: 20px 40px;
}

.footnote p {
    padding: 0 0 1% 0;
}

div.footnote {
    padding: 10px;
}

/*rate tools area*/

div.rate_tools {
    height: 22px;
}

ul.rate_tools {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #4C4C4C;
    width: 25%;
}

ul.rate_tools li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
    font-size: 11px;
    font-size: 0.6875rem;
}

ul.rate_tools li.saved a div.save-icon {
    display: inline-block;
    float: none;
    padding: 0;
    height: 9px;
}

ul.rate_tools li.rates-effective-date {
    float: right;
}

ul.rate_tools li div {
    float: left;
}

.rate-bold {
    font-weight: 700;
}

.rate-left {
    text-align: left !important;
}

.rate-center {
    text-align: center !important;
}

.rate-right {
    text-align: right !important;
}

.ra_message_area {
    padding: 40px;
    background: #F4F8F9;
    border: 4px solid #B0C7E8;
    color: #1B365D;
    border-radius: 10px;
    margin: 40px 10px;
    box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45);
    font-size: 1.25rem;
    text-wrap: balance;
    text-align: center;
}

/* percentage-based h-padding as page gets smaller */

@media screen and (max-width: 1200px) {
    .ratetable td,
    .ratetable th {
        padding-left: 2%;
        padding-right: 2%;
    }
    .ratecolheader.JQrateAlert {
        padding-left: 1%;
        padding-right: 1%;
    }
}

@media screen and (max-width: 767px) {
    ul.rate_tools {
        float: left;
        width: 100%;
    }
    ul.rate_tools li.rates-effective-date {
        float: left;
    }
    .ratetable td,
    .ratetable th {
        font-size: 0.75rem;
        padding: 10px 6px;
    }
    .rateprogram {
        font-size: 1.25rem !important;
        padding: 20px 10px;
    }
    .ratedate {
        font-size: .7rem !important;
    }
}

@media screen and (max-width: 450px) {
    .ratetable td,
    .ratetable th {
        font-size: 0.625rem;
    }
    .ratetable .tiny {
        font-size: .5rem
    }
}

.ratetable tr.footnote-row {
    border: none;
}

/* -------------- =.= Comparison Charts (BIT TYPE) -------------- */

/*comparison charts are mostly structured using the "Responsive Lists" css */

div.account-compare {
    max-width: 1440px;
    margin: 10px auto;
}

div.account-compare p,
div.account-compare .inner {
    margin: auto;
    font-size: 0.95rem;
    line-height: 1.125rem;
    text-align: center;
}

div.account-compare .inner a {}

.account-compare h2 {
    text-align: center;
}

div.account-compare div.list-row .list-item,
div.account-compare div.list-row .list-item .inner {
    min-height: 0;
}

div.account-compare div.list-row .list-item .inner {
    padding: 10px 20px;
}

.account-compare .fa {
    font-size: 1.6rem;
    color: #B0C7E8;
}

.account-compare .fas {
    font-size: 1.6rem;
    color: #B0C7E8;
}

.account-compare .far {
    font-size: 1.6rem;
    color: #B0C7E8;
}

.account-compare .fal {
    font-size: 1.6rem;
    color: #B0C7E8;
}

.account-compare .fa-check-circle {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #B0C7E8;
    display: block;
    text-align: center;
}

.account-compare .fa-times-circle {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #B0C7E8;
    display: block;
    text-align: center;
}

/* new comparison chart layout */

div.comp-inline-header {
    display: none;
}

div.list-row.comp-first-full .list-item.first .comp-title {
    color: #236092;
    text-align: center;
}

@media screen and (max-width: 767px) {
    div.comp-new-layout {
        margin: 10px;
    }
    div.comp-new-layout.list div.list-row {
        display: block;
        width: 100%;
        background-color: #fff;
    }
    div.comp-new-layout.list div.list-row div.list-item {
        display: flex;
        align-content: center;
        justify-content: center;
        border-bottom: 1px dotted #dedede;
    }
    div.comp-new-layout.list div.list-row div.list-item div.comp-inline-header {
        display: flex;
        width: 50%;
        padding: 20px;
        font-size: 1rem;
    }
    div.comp-new-layout.list div.list-row div.list-item div.comp-content {
        width: 50%;
        padding: 20px;
    }
    div.comp-new-layout.list div.list-row .list-item.first {
        background-color: #673277;
        justify-content: center;
        border-radius: 5px;
    }
    div.comp-new-layout.list div.list-row .list-item .comp-title {
        color: #FFF;
    }
    div.comp-new-layout.list div.list-row.comp-first-full .list-item.first {
        background-color: #236092;
    }
}

/* new full-width comparison chart row option */

div.list-row.comp-first-full .list-item.first {
    width: 100% !important;
}

div.list-row.comp-first-full .list-item.second,
div.list-row.comp-first-full .list-item.third,
div.list-row.comp-first-full .list-item.fourth,
div.list-row.comp-first-full .list-item.fifth,
div.list-row.comp-first-full .list-item.sixth {
    display: none !important;
}

/* -------------- =.= Bit Randomizer - Staff Listings (BIT TYPE) -------------- */

/* unused */

/* Readmore plugin styles - removed */

/* removing extra margin that allowed for banner to be underneath menu */

@media screen and (max-width: 767px) {
    div.wrapper_inner {
        margin-top: 0;
        padding-top: 0;
    }
}

/* -------------- =.= Level 9 Calculators -------------- */

/* BEGIN: Custom Calculator/Widget Styles */

div.calc-container {
    text-align: center;
    padding: 30px 30px 40px 30px;
    background-color: #FFF;
    color: #1B365D !important;
    margin: 20px auto;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    backdrop-filter: blur(15px);
    border-radius: 10px;
    max-width: 1400px;
}

div.calc-form input {
    text-align: center;
    display: inline-block;
    width: auto;
    margin: 10px 10px 0 10px;
    border: solid 2px #dedede;
    color: #1B365D;
    font-weight: 400;
    border-radius: 5px;
}

div.calc-form input[type=radio] {
    margin: 0 3px 6px 16px;
}

div.calc-icon {
    color: #1B365D !important;
}

h2.calc-title {
    max-width: 1000px;
    margin: 20px auto;
    text-transform: unset;
    font-weight: 300;
    font-size: 2.5rem;
}

div.calc-subtitle {
    padding: 0;
    margin: 20px auto;
    font-size: 1.25rem;
    color: #1B365D !important;
    max-width: 600px;
    font-weight: 600;
}

div.calc-results {
    display: inline-block;
    box-sizing: border-box;
}

div.calc-results-title {
    padding: 20px 10px 0 10px;
    margin: 0 0 0 0;
    color: #214A82;
    font-size: 1.375rem;
    font-weight: 400;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.calc-results-text {
    margin: 0 15px;
}

div.calc-results-display {
    font-size: 1.85rem;
    color: #1B365D;
    font-weight: 600;
    margin-top: 10px;
}

div.calc-error {
    font-size: 1rem;
    color: #A32135;
    padding: 10px 15px;
    box-shadow: 5px 0 10px -5px #dedede, -5px 0 10px -5px #dedede;
    margin: 10px 0;
    border: 1px solid #cccccc;
    display: inline-block;
}

/* plus and minus buttons */

a.calc-button {
    text-decoration: none !important;
    background-color: transparent;
    color: #1B365D;
}

a.recalc-button {
    text-decoration: none;
}

a.recalc-button:hover {
    color: #000;
}

a.calc-button:hover {
    color: #000;
    text-shadow: 1px 1px 2px #CCB4FF;
}

div.post-interaction {
    margin-bottom: 10px;
}

div.post-interaction p {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.post-interaction .button {
    margin-left: 10px;
    margin-right: 5px;
}

.calc-disclaimer,
.calc-disclaimer p {
    width: auto;
    font-size: .8rem;
    max-width: 1000px;
    text-align: center;
    margin: 20px auto;
    color: #002855;
    text-wrap: balance;
}

div.calc-radio {
    margin-top: 20px;
}

div.calc-container .calc-form input {
    max-width: 50%;
    font-weight: 600;
    border: 1px solid transparent;
    background-color: #FFF;
    color: #1B365D;
    border-radius: 6px;
}

div.calc-container .calc-smalltitle {
    font-size: 1.25rem;
    font-weight: 600;
}

div.calc-container .calc-medtitle {
    font-size: 1.35rem;
    font-weight: 400;
    text-wrap: balance;
}

div.calc-container .calc-largetitle {
    font-size: 2.5rem;
    font-weight: 600;
}

/* overrides for special V2 auto and RV calcs */

div.calc-container .calc-form {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    margin: 20px auto 40px auto;
}

div.calc-container a.calc-button {
    font-size: 1rem;
}

div.calc-container .calc-results-box {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 30px 10px 30px;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto 0 auto;
    text-align: left;
}

div.calc-container.auto-calc-v2 .calc-results-box {
    margin-top: 40px;
}

div.calc-container div.post-interaction,
div.calc-container div.post-interaction p {
    overflow: hidden;
    clear: both;
    margin: 30px 0 0 0;
}

div.calc-container .calc-term {
    display: flex;
    justify-content: space-between;
}

div.calc-container .calc-term label {
    padding: 6px 0;
    width: 16.6666%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.calc-container div.progress {
    margin: 10px auto 4px auto;
}

div.calc-container .progress-bar {
    background-color: #CCB4FF;
    color: #000;
    font-size: 0;
    /* hide the term on the bar itself */
}

/* override for V2 radio input */

div.calc-container .calc-form .calc-term input {
    border: none;
}

/* overriding bootstrap buttons */

div.calc-container .btn {
    font-size: .875rem;
    width: auto;
    padding: 0;
}

div.calc-container .btn-outline-primary {
    color: #1B365D;
    border: none !important;
    outline: none !important;
}

div.calc-container .btn-check:active+.btn-outline-primary,
div.calc-container .btn-check:checked+.btn-outline-primary,
div.calc-container .btn-outline-primary.active,
div.calc-container .btn-outline-primary.dropdown-toggle.show,
div.calc-container .btn-outline-primary:active,
div.calc-container .btn-outline-primary.active:hover,
div.calc-container .btn-outline-primary:hover {
    color: #000;
    background-color: #CCB4FF;
    font-weight: 600;
    border-radius: 12px;
}

div.calc-container .btn-check:active+.btn-outline-primary:focus,
div.calc-container .btn-check:checked+.btn-outline-primary:focus,
div.calc-container .btn-outline-primary.active:focus,
div.calc-container .btn-outline-primary.dropdown-toggle.show:focus,
div.calc-container .btn-outline-primary:active:focus,
div.calc-container .btn-check:focus+.btn-outline-primary,
div.calc-container .btn-outline-primary:focus {
    box-shadow: none;
}

.amort-results {
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.calc-button-block {
    width: 100%;
    display: flex;
    justify-content: center;
}

.personal-calc-v2 .amort-results {
    align-self: flex-end;
}

/* kasasa checking calc */

div.calc-container.mma-calc .calc-form {
    max-width: 700px;
    gap: 20px;
}

div.calc-container.mma-calc .calc-form input {
    max-width: 120px;
}

div.calc-container.mma-calc .calc-results-block {
    display: flex;
    max-width: 700px;
    gap: 20px;
    justify-content: center;
    margin: auto;
}

div.calc-container.kasasa-rewards .onehalf {
    margin: 0;
}

div.calc-container.kasasa-rewards .calc-term {
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

div.calc-container.kasasa-rewards .calc-term label {
    border: 1px solid #CCB4FF !important;
    border-radius: 16px !important;
    padding: 10px 23px;
    width: auto;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

div.calc-container.kasasa-rewards .calc-term label:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

div.calc-container.kasasa-rewards div.calc-form input {
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1440px) {
    div.calc-container {
        margin: 20px 10px;
    }
}

@media screen and (max-width: 1100px) {
    div.calc-container.auto-calc-v2 .calc-form {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    div.calc-container.auto-calc-v2 .calc-block {
        margin: 0 auto 30px auto;
        max-width: 100%;
    }
    div.calc-container.auto-calc-v2 .calc-block-term {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    div.calc-container.kasasa-rewards .onehalf {
        margin: 0 0 40px 0;
    }
    div.calc-container div.calc-results {
        margin: 1% 1.5%;
    }
    div.calc-container .calc-form {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    div.calc-container .calc-block {
        margin: 0 auto 30px auto;
        max-width: 100%;
    }
    div.calc-container .calc-block-term {
        width: 100%;
        padding: 0;
    }
    div.calc-container .calc-results-box {
        flex-direction: column;
        text-align: center;
    }
    .calc-button-block {
        flex-direction: column;
    }
    .personal-calc-v2 .amort-results {
        display: block;
        align-self: unset;
        text-align: center;
    }
    .amort-results {
        margin: 20px 20px 20px 0;
    }
}

.amort-summary {
    font-weight: 400;
    margin: 15px 0 0 0;
    padding: 10px;
    background: #fff;
}

.amort-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.amort-table thead th {
    background-color: #1B365D;
    border: solid 1px #FFF9EB;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.amort-table td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-align: center;
    background: #fff;
}

@media screen and (max-width: 600px) {
    .amort-table tbody td,
    .amort-table thead th {
        padding: 3px;
    }
}

@media screen and (max-width: 500px) {
    .amort-table {
        font-size: 10px;
    }
    .amort-table tbody td,
    .amort-table thead th {
        padding: 3px;
    }
    div.calc-container .calc-results-box,
    div.calc-container .calc-form {
        padding: 10px !important;
    }
}

@media screen and (max-width: 300px) {
    div.calc-container .calc-largetitle {
        font-size: 2rem;
    }
}

/* Slider styles for calculators */

div.calc-container input.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

div.calc-container input.form-range:focus {
    outline: 0
}

div.calc-container input.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
    outline: 4px solid rgb(41, 106, 87, 0.6);
}

div.calc-container input.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

div.calc-container input.form-range::-moz-focus-outer {
    border: 0
}

div.calc-container input.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #B0C7E8;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    div.calc-container input.form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

div.calc-container input.form-range::-webkit-slider-thumb:active {
    background-color: #B0C7E8
}

div.calc-container input.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

div.calc-container input.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #B0C7E8;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    div.calc-container input.form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

div.calc-container input.form-range::-moz-range-thumb:active {
    background-color: #B0C7E8;
}

div.calc-container input.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

div.calc-container input.form-range:disabled {
    pointer-events: none
}

div.calc-container input.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

div.calc-container input.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

/* END: Custom Calculator/Widget Styles */

/* -------------- =.= Google Maps (BIT TYPE) -------------- */

div.map_container_individual {
    display: block;
    float: right
}

div.individual_map_canvas {
    display: inline-block;
    width: 300px;
    height: 300px;
    border: 1px solid silver
}

div.loc_dropdown {
    margin: 0 0 5px;
    width: auto;
    display: block;
    overflow: hidden
}

div.loc_dropdown select {
    float: left;
    padding: 4px;
    font-size: 15px;
    font-size: .9375rem;
}

div.loc_dropdown input {
    margin: auto 0 auto 5px;
    float: left;
    padding: 4px 8px;
    font-size: 15px;
    font-size: .9375rem;
}

div.map_margin {
    margin-top: 15px
}

@media screen and (max-width: 660px) {
    div.map_container_individual {
        float: none;
        margin: 0 auto 20px;
        width: 300px
    }
    .individual_map_canvas,
    .loc_dropdown {
        margin: auto
    }
}

/* -------------- =.= Commenting and Rating -------------- */

/* COMMENTING STYLES */

div.form-field div.error_message,
div.error {
    font-size: 1rem;
}

div#comment_all {
    padding-bottom: 30px;
}

div.commenting {
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
    border-top: 1px dotted #999;
}

div.commenting,
#nocomments {
    display: block;
    position: relative;
}

div#commentarea {
    padding: 10px 20px 10px 13px;
}

div#comment_button {
    cursor: pointer;
    margin: 10px 0;
}

div.comment {
    margin: 30px 0 0 0;
    overflow: hidden;
}

div.comment h4 {
    margin-top: 0 !important;
}

h3.comments-title {
    margin-bottom: 0 !important;
    margin-top: 20px;
}

div.comment.reply {
    margin: 2% 0 1% 4%;
    min-width: 50%;
}

div#comment_form h3 {
    margin-top: 0;
}

@media screen and (max-width:480px) {
    div.comment,
    div.comment.reply {
        min-width: 92%;
    }
}

div.reply {
    background-color: #F4F8F9;
    margin-left: 20px;
    padding: 1% 2%;
    border: 1px solid #E0EAF5;
    border-radius: 10px;
}

div.reply-thread {
    border: solid 1px #E0EAF5;
    border-top: none;
    border-right: none;
    height: 150px;
    width: 14px;
    position: relative;
    top: -100px;
    float: left;
    left: -41px;
    display: none;
}

div.reply div.reply-thread {
    display: inline-block;
}

div.reply i.fa-comment,
div.comment_moderator i.fa-comment {
    display: none;
}

div.reply i.fa-comment-alt,
div.comment_moderator i.fa-comment-alt {
    display: none;
}

div.comment_moderator .JQflagComment {
    display: none;
}

div.comment_author {
    font-size: .6rem;
    display: inline;
    clear: both;
    line-height: 1;
}

div.comment_date {
    font-size: .6rem;
    display: inline;
    margin-left: 10px;
}

div.comment-thanks {
    clear: both;
    border: solid 1px #eee;
    padding: 0.4em;
    background-color: #fff;
}

div.comment_icon {
    float: left;
    display: inline-block;
    width: 20px;
}

div.comment_title {
    float: left;
    display: inline-block;
    margin: 1px 0 5px 4px;
}

div.comment_title i {
    font-style: normal;
}

div.comments {
    clear: both;
    margin-left: 1.3em;
}

div.comments p {
    margin-top: 0;
}

form#replyform {
    overflow: hidden;
}

div.comment-form,
div.reply-form {
    padding: 10px 15px 0 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #F4F8F9;
    border: 1px solid #E0EAF5;
}

div#comment_form input.comment_submit,
a.comment_submit {
    float: right;
    font-weight: 400;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: #922209;
    cursor: pointer;
    color: #ffffff;
    margin: 5px 0;
    box-shadow: none;
    border: none;
}

div#comment_form input.comment_submit:hover {
    box-shadow: 1px 1px 2px #ccc;
}

div#comment_form input[type=text],
div#comment_form input[type=email],
div#comment_form textarea,
div#reply_form input[type=text],
div#reply_form input[type=email],
div#reply_form textarea {
    border-radius: 3px;
    border: solid 1px #ccc;
    padding: .5em 2%;
    width: 95%;
}

div#comment_form input[type=text]:focus,
div#comment_form input[type=email]:focus {
    box-shadow: 1px 1px 2px #ccc;
}

div.comment-intro {
    border: solid 1px #ccc;
    border-radius: 4px;
    background: #ededed;
    padding: 9px;
    font-size: 90%;
}

div.social_login a {
    display: block;
    float: left;
    padding: 4px 4px 4px 24px;
    margin: 6px;
    background-repeat: no-repeat;
    background-position: left;
    border: solid 1px #940029;
    border-radius: 3px;
    background-color: #b55c4f;
    color: #fff;
}

div.social_login a:hover {
    text-decoration: none;
    background-color: #2e516b;
    border: solid 1px #2e516b;
    box-shadow: 1px 1px 2px #ccc;
}

div.social_login a.google {
    background-image: url(/img/social_login__icon_google.png);
}

div.social_login a.twitter {
    background-image: url(/img/social_login__icon_twitter.png);
}

div.social_login a.facebook {
    background-image: url(/img/social_login__icon_facebook.png);
}

div.rule {
    border-bottom: inset 1px #ccc;
    margin: 0 0 10px;
}

div.submit {
    min-height: 0;
    text-align: right;
}

.form-group div.submit {
    margin: auto;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 20px;
    width: 90%;
}

.comment-key {
    float: right;
    width: auto;
}

.comment-key h5 {
    margin: 0 1em 0 0;
    float: left;
    font-size: 0.8rem;
}

.comment-key h5 i.comments-summit {
    background-size: 11px 11px;
    width: 11px !important;
    height: 11px !important;
}

h3.comments-title {
    font-size: 19px;
    font-size: 1.2rem;
}

#nocomments {
    margin: 0.7em 0;
}

input#formkey_user {
    margin: 4px auto;
    font-size: 1rem;
    min-width: 110px;
    font-weight: 400;
}

a.comment-button {
    display: block;
    padding: 2px 6px;
    width: auto;
    margin: 4px 2px 0 0;
    background-color: transparent;
    font-weight: 400;
    cursor: pointer;
    line-height: normal;
    font-size: .7rem;
    text-transform: uppercase;
    border: none;
    float: right;
}

a.comment-button:hover,
a.comment-button:active {
    color: #fff;
    background-color: #1B365D;
    text-decoration: none;
}

div.ratings {
    display: block;
    overflow: hidden;
}

div.rating_box {
    float: right;
    font-size: 11px;
    font-size: .7rem;
    padding: 0 10px 5px 0;
    line-height: normal;
}

.rating-phrase {
    font-style: italic;
}

.rating_average,
.rating_stars {
    float: left;
    display: inline-block;
}

.rating_stars {
    margin: 0 0 0 8px;
}

.rating-stars.text-center {
    text-align: left !important;
    margin-top: 10px;
}

.rating-stars img:hover {
    cursor: pointer;
}

/* Rating Star Widgets Style */

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul>li.star {
    display: inline-block;
}

.rating-stars ul>li.starLabel {
    display: inline-block;
}

/* Idle State of the stars */

.rating-stars ul>li.star>i.far {
    font-size: 1.5em;
    /* Change the size of the stars */
    color: #ccc;
    /* Color on idle state */
}

/* Hover state of the stars */

.rating-stars ul>li.star.hover>i.far {
    color: #FFCC36;
    cursor: pointer;
}

/* Selected state of the stars */

.rating-stars ul>li.star.selected>i.far {
    color: #FF912C;
}

@media screen and (max-width: 769px) {
    .comment-key {
        float: left;
        clear: left;
        margin: 0 0 1em;
    }
    a.comment-button {
        display: block;
        clear: both;
        margin-left: 40px;
    }
}

/* -------------- =.= EXTRA "Page Tools" -------------- */

ul.page_tools {
    list-style: none;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: #666;
    width: 100%;
}

ul.page_tools li {
    list-style: none;
    display: inline-block;
    font-size: .85em;
    line-height: normal;
    padding: 2px;
    margin: 0;
    float: left;
    text-transform: uppercase;
}

ul.page_tools {
    margin: 0 0 1em 0;
}

/* moved ratings-related CSS to comments.css */

ul.page_tools li.tweet {
    float: right;
}

/* -------------- =.= Surveys and Polls -------------- */

/* surveys and polls */

div#L9pollForm_div {
    display: block;
    clear: both;
    border: 1px dashed #dedede;
    margin: 15px 0;
    padding: 15px;
}

div#L9pollForm_div .aid:empty {
    display: none;
}

div#L9pollForm_div .errormsg {
    text-align: center;
    color: #444;
}

div#L9pollForm_div .form-field {
    padding: 0;
    margin: 0;
}

div#L9pollForm_div .label {
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

div#L9pollForm_div .input {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

ul.poll_qa,
ul.poll_qa li,
ul.poll_qa li ul,
ul.poll_qa li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

ul.poll_qa li ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

div#L9pollForm_div div.form-field div.submit {
    border: none;
    margin: 0 auto;
    padding: 0;
}

div#L9pollForm_div div.form-field .button.submit {
    float: none;
    width: 150px;
}

div.sidebar ul.poll_qa li {
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}

div.sidebar div#L9pollForm_div {
    margin: 10px 0;
}

div.sidebar div#L9pollForm_div .label {
    margin: 0;
}

/* radio buttons to real buttons */

div#L9pollForm_div input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

div#L9pollForm_div .input label {
    margin: 0;
    display: inline-block;
    background-color: #eee;
    padding: 5px 10px;
    font-size: 1rem;
    border: 1px solid #ddd;
    opacity: .9;
    transition: all .3s ease;
}

div#L9pollForm_div .input input[type="radio"]:checked+label {
    background-color: #fff;
    border-color: #ccc;
    opacity: 1;
}

div#L9pollForm_div .input input[type="radio"]:focus+label {
    border: 1px dashed #999;
}

div#L9pollForm_div .input label:hover {
    background-color: #fff;
    cursor: pointer;
}

.poll_results_title {
    line-height: 1.2;
}

.poll_results_title .results-question {
    font-size: 1.25rem;
    line-height: 1;
    /* match to label style above */
}

/* -------------- =.= Personalized / Location Based Content -------------- */

/* location popup */

div.JQLocation {
    text-align: center;
}

div.JQLocation h3 {
    margin: 35px auto 15px auto;
    width: 100%;
    font-size: 1.5rem;
}

div.JQLocation div.form-field {
    float: none;
    text-align: center;
}

div.JQLocation div.input {
    float: none !important;
    width: auto;
    margin: auto;
}

div.JQLocation div.input input {
    text-align: center;
}

/* -------------- =.=  Custom CSS Additions -------------- */

/* infinite-scrolling carousel. CSS-only, no JavaScript */

/* UPDATE THIS TO SLICK SLIDER INFINITE */

/* marketing interstitial - uses modal with bank-intercept class*/

.ui-dialog.bank-intercept {
    border-radius: 0;
    padding-bottom: 0;
    max-width: 1000px !important;
    min-width: 520px !important;
}

@media screen and (max-width: 600px) {
    .ui-dialog.bank-intercept {
        max-width: 98% !important;
        min-width: 98% !important;
    }
}

.ui-dialog.bank-intercept .bank-intercept-opt-out-container {
    padding: 0;
    overflow: hidden;
    min-height: 25px;
    display: inline-block;
    margin-bottom: 16px;
}

.ui-dialog.bank-intercept .bank-intercept-opt-out {
    margin: 0 0 0 0;
    display: inline-block;
    float: left;
    font-size: .8rem;
    color: #1B365D;
}

.ui-dialog.bank-intercept .bank-intercept-opt-out input[type="checkbox"] {
    margin: 0 4px 4px 0;
    color: #ccc;
}

.ui-dialog.bank-intercept .ui-dialog-buttonpane {
    background-color: transparent;
    margin: 3px 0 0 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 10;
}

.ui-dialog.bank-intercept .ui-dialog-buttonpane button {
    margin: 0;
    max-width: 100%;
    display: inline-block;
    transform: scale(.75);
}

.ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
    padding: 0 3px 0 0;
}

.ui-dialog.bank-intercept .ui-dialog-buttonpane button:after {
    content: " \f061 ";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.1rem;
    color: #fff;
}

/* fix for when an interior banner is used */

div.ui-dialog-content .hero-content-left .hero-text {
    transform: translate(0, -50%) !important;
    left: 0 !important;
    padding: 20px;
}

@media screen and (max-width: 550px) {
    .ui-dialog.bank-intercept .ui-dialog-buttonpane {
        position: relative;
        clear: both;
        margin: auto;
        display: block;
        top: auto;
        right: auto;
        text-align: center;
        padding: 10px 0 0 0;
    }
    .ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }
    .ui-dialog.bank-intercept .ui-dialog-content {
        padding-top: 0;
    }
    .ui-dialog.bank-intercept .bank-intercept-opt-out-container {
        text-align: center;
        display: block;
        min-height: 10px;
        padding: 0;
        min-width: unset;
    }
    .ui-dialog.bank-intercept .bank-intercept-opt-out {
        display: block;
        float: none;
        font-size: .7rem;
        margin: 0 0 5px 0;
    }
}

/* moving STYLE block out of Google Maps BITTYPE */

.Flexible-container {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    border: 1px solid #c0c0c0;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map_canvas label {
    width: auto;
    display: inline;
}

#map_canvas img {
    max-width: none;
}

div.iw {
    min-width: 150px;
}

/* MOBILE NAVIGATION - NEW ACCORDIAN - from site.css */

@media screen and (max-width: 767px) {
    div.header-mobile {
        display: block;
        background: #E0EAF5 url(/img/Triangle-Pattern.svg) repeat center left;
        background-size: contain;
        box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.25);
    }
    div.header-mobile div.header-menu {
        clear: both;
        display: none;
    }
    div.header-mobile div.header-menu ul {
        margin: 0;
        padding: 0;
    }
    div.nav-sub-mobile ul li.nav-item a.parent {
        border-bottom: 1px solid #ededed;
        font-weight: bold;
    }
    div.nav-sub-mobile ul li.nav-item a.on.parent {
        text-decoration: none;
    }
    div.nav-sub-mobile ul li.nav-item a.on.parent:hover {
        text-decoration: underline;
    }
    div.nav-main-mobile,
    div.nav-sub-mobile {
        padding: 0;
    }
    div.nav-main-mobile {
        border-bottom: 1px solid #B0C7E8;
    }
    div.nav-main-mobile .main-nav-menu {
        margin: 0;
    }
    div.nav-main-mobile ul li,
    div.nav-sub-mobile ul li {
        padding: 0;
        font-size: 1rem;
    }
    div.nav-main-mobile ul li a,
    div.nav-sub-mobile ul li a {
        display: block;
        padding: 10px 0 10px 10px;
        margin: 0 -1px 0 0;
        color: #214A82 !important;
    }
    div.nav-main-mobile ul.nav-menu li.nav-item,
    div.nav-sub-mobile ul.nav-menu li.nav-item {
        display: block;
    }
    div.nav-main-mobile ul.nav-menu li.nav-item a,
    div.nav-sub-mobile ul.nav-menu li.nav-item a {
        font-size: 1rem;
        text-decoration: none;
    }
    div.nav-sub-mobile ul li a.on {
        text-decoration: underline;
    }
    div.nav-main-mobile ul.top-nav-menu a {
        font-size: 1rem !important;
        padding: 5px 0 5px 10px;
    }
    .mobile-menu .nav-link {
        text-decoration: none;
        font-family: 'Lexend', sans-serif;
        font-size: 1.375rem;
        color: #214A82;
        font-weight: 700;
        text-align: center;
        padding: 5px 10px 5px 10px;
        margin: 0 auto;
        text-transform: uppercase;
        text-align: left;
    }
    .mobile-menu .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: static;
    }
    .mobile-menu .navbar-toggler:focus {
        outline: 0;
    }
    .mobile-menu .navbar-toggler {
        padding: 0 20px 0 0;
        border: 0;
    }
    .mobile-menu .dropdown-menu {
        position: relative;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        width: 100%;
        padding: 0 20px;
        margin: 0;
        font-size: 1rem;
        color: #214A82;
        text-align: left;
        list-style: none;
        background-color: transparent;
        background-clip: padding-box;
        border: 0px solid rgba(0, 0, 0, .15);
        border-radius: 0;
        max-height: 0;
        /* overflow: hidden;
	  display: block; causing issue in iOS mobile browsers */
        transition: all 0.5s;
        box-sizing: border-box;
    }
    .mobile-menu .dropdown-menu.show {
        max-height: 1500px !important;
        column-count: 2;
        /* split into columns */
        column-fill: auto;
        column-gap: 10px;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        break-inside: avoid;
        transition: all 0.5s;
        /*  border-bottom: 1px solid #214A82;*/
        margin-top: 18px;
    }
    .mobile-menu .dropdown-menu.show .nav-level-2:first-child {
        margin-top: 0;
    }
    .mobile-menu .dropdown-menu.show:last-child {
        padding-bottom: 25px !important;
    }
    .mobile-menu .dropdown-toggle {
        padding: 10px 20px;
    }
    .dropdown.show .dropdown-toggle {
        color: #214A82 !important;
    }
    .mobile-menu .dropdown-item {
        font-size: 1.15rem;
        font-weight: 400;
        padding: .25rem 0;
        margin: 4px 0;
        text-decoration: none;
        white-space: normal;
    }
    .mobile-menu .nav-level-2 {
        margin-top: 26px;
        margin-bottom: 4px;
        color: #214A82;
        font-family: 'Lexend', sans-serif;
        font-size: 1.375rem;
        font-weight: 700;
    }
    .mobile-menu .dropdown-item.active.nav-level-2,
    .mobile-menu .dropdown-item.nav-level-2:active,
    .mobile-menu .dropdown-item.nav-level-2:focus {
        text-decoration: none;
        color: #214A82 !important;
    }
    .mobile-menu .nav-level-3 {
        font-size: 1rem;
        padding: 0;
        line-height: 1.1;
        padding: 5px 0;
    }
    .mobile-menu .nav-level-4 {
        display: none;
        font-size: 0.9rem;
        padding: 0 0 0 10px;
        margin-top: 2px;
    }
    .mobile-menu .nav-level-5 {
        display: none;
        font-size: 0.8rem;
        padding: 0 0 0 10px;
    }
    .mobile-menu .dropdown-item.active,
    .mobile-menu .dropdown-item:active,
    .mobile-menu .dropdown-item:focus {
        color: #214A82 !important;
        background-color: transparent;
        text-decoration: underline;
    }
    .mobile-menu .dropdown-toggle::after {
        border: 0 !important;
        color: #214A82;
    }
    .mobile-menu .dropdown-toggle {
        background: url(/img/mobnav-down-arrow-dark.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        transition: all .2s ease;
        border-top: 1px solid #B0C7E8;
        background-size: 18px 10px;
    }
    .mobile-menu .dropdown-toggle:hover {
        color: #fff !important;
        background-color: #214A82;
        transition: all .2s ease;
        background-image: url(/img/mobnav-down-arrow-dark.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 18px 10px;
    }
    .mobile-menu .dropdown .dropdown-toggle.show {
        background-image: url(/img/mobnav-up-arrow-dark.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        color: #fff !important;
        background-color: #214A82;
        transition: all .2s ease;
    }
    .mobile-menu .navbar-toggler-icon {
        background-image: url(/img/mobnav-down-arrow.png);
        width: 20px;
        height: 16px;
    }
    .mobile-menu .close {
        background-image: url(/img/mobnav-toggle-close.png) !important;
        width: 20px !important;
        height: 16px !important;
        background-size: cover;
        opacity: 1;
    }
}

@media screen and (max-width: 400px) {
    .mobile-menu .dropdown-item {
        white-space: normal;
    }
}

@media screen and (max-width: 320px) {
    .dropdown-item {
        white-space: normal;
    }
    .mobile-menu .dropdown-menu.show {
        /* back to one column */
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
}

/* change sandwich to x */

button.menu-icon .icon-sandwich {
    display: flex;
}

button.menu-icon i.fa-close {
    display: none;
}

button.menu-icon.menu-icon-open .icon-sandwich {
    display: none;
}

button.menu-icon.menu-icon-open i.fa-close {
    display: flex;
}

/* MOBILE NAVIGATION - NEW ACCORDIAN - END */

.mobile-menu .dropdown-item:focus,
.mobile-menu .dropdown-item:hover {
    background-color: transparent;
}

.mobile-menu a.dropdown-item:focus,
.mobile-menu a.dropdown-item:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    div.column-clearing-block {
        display: none;
    }
}

.multicol-intro {
    padding-top: 10px;
    clear: both;
}

@media screen and (max-width: 767px) {
    .deck-title,
    .multicol-intro,
    .multicol-outro {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.two-column-text-image .deck-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left;
    font-weight: 600;
    font-size: 3rem;
    color: #1B365D;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 15px;
}

.two-column-text-image .deck-title.lexend-light {
    text-transform: unset;
}

@media screen and (max-width: 767px) {
    .two-column-text-image .deck-title {
        font-size: 2rem;
    }
}

/* video banners */

.banner-video {
    position: relative;
    min-height: 450px;
    background-position: center;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* this cuts off the top of the video and hides the title and info
	transform: translateY(-60px);
	margin-bottom: -60px; */
    z-index: 1;
}

.banner-video.aspect_ratio_1 {
    height: 0;
    min-height: 0;
    padding-bottom: calc(9 / 16 * 100%);
    /*margin-bottom: -135px; */
    overflow: hidden;
}

.banner-video .inner {
    position: absolute;
    top: calc(50% - 30px);
    width: 70%;
    padding: 0 20px;
    transform: translateY(-50%);
    text-align: left;
    z-index: 1;
}

.fallback_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fallback_image img {
    width: 100%;
}

.video_controls {
    position: absolute;
    bottom: 10px;
    left: 30px;
    z-index: 3;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

@media screen and (max-width: 767px) {
    .video_controls {
        right: 10px;
        left: unset;
    }
    .video_playback {
        display: block;
    }
    /* leave space so personalization bar doesn't cover controls */
    .bodyclass_home-page-wrapper .banner-video {
        margin-bottom: 40px;
    }
}

.video_volume,
.video_volume.visible_off {
    display: none;
}

.video_volume.visible_on {
    display: block;
    font-size: 1.2rem;
}

/* top gradient for videos only */

.hero-banner.darken5 .banner_video_container::before {
    content: "";
    display: block;
    height: 35%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%);
}

.banner_video_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    pointer-events: none;
    height: 100%;
    overflow: hidden;
    /*	margin-top: -90px;*/
}

.embed-container {
    position: relative;
    padding-bottom: calc(9 / 16 * 100%);
    height: 0;
    overflow: hidden;
    top: 50%;
    max-width: 100%;
    transform: translateY(-50%);
}

.banner-video.aspect_ratio_1 .embed-container {
    transform: none;
    top: 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container video {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    min-height: 100%;
}

@media screen and (max-width: 767px) {
    .banner_video_container {
        position: relative;
        top: revert;
        left: revert;
    }
    .embed-container {
        transform: translateY(0);
        top: 0;
    }
    .banner-video.aspect_ratio_1 {
        height: auto;
        padding-bottom: 0;
    }
    .banner-video,
    .banner-video.aspect_ratio_1 {
        min-height: 500px;
    }
}

/*@media screen and (max-width: 1200px) {	

    .banner-video h2{
        font-size: 2rem;
    }
    
    .banner-video h3{
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 992px) {
    .banner-video{
        min-height: 425px;
    }

    .banner-video .inner{
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
	.banner-video {transform: none}
    .banner-video .inner {
		min-width: unset;
		padding: 0;
		width: 100%;
		left: 0 !important;
		text-align: center;
		transform: translateY(-50%) !important;
	}

    .banner-video.aspect_ratio_1{
        margin-bottom: 0;
    }

	.banner_video_container {
        margin: 0;
        pointer-events: all;
	}

    .banner-video::before {
        pointer-events: none;
    }
}*/

/* CSS select dropdown */

div.css-select-dropdown {
    display: inline-block;
}

div.css-select-dropdown a.btn-secondary.dropdown-toggle {
    background-color: #FFF;
    color: #002855;
    text-decoration: none;
    min-width: 300px;
    font-size: 1.25rem;
    border-color: #B0C7E8;
}

div.css-select-dropdown a.btn-secondary.dropdown-toggle:hover {
    background-color: #f8f8f8;
    color: #002855;
    text-decoration: underline;
}

div.css-select-dropdown .dropdown-menu {
    min-width: 300px;
    border-color: #B0C7E8;
}

div.css-select-dropdown .dropdown-item:focus,
div.css-select-dropdown .dropdown-item:hover {
    background-color: #f8f8f8;
}

div.css-select-dropdown .btn-secondary:focus,
div.css-select-dropdown .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
    outline: #fefefe solid 3px;
}

div.css-select-dropdown .dropdown-toggle::after,
div.css-select-dropdown .dropdown-item.active,
div.css-select-dropdown .dropdown-item:active {
    color: #B0C7E8;
}

div.css-select-dropdown a.dropdown-item {
    color: #002855;
    text-decoration: none;
}

div.css-select-dropdown a.dropdown-item:hover {
    text-decoration: underline;
}

div.css-select-dropdown .dropdown-toggle:after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    text-decoration: inherit;
    float: right;
    font-weight: 400;
    transition: all .2s ease;
    content: "\f107";
    border: none;
    text-decoration: none;
}

div.css-select-dropdown .dropdown-toggle:after {
    content: "\f107";
}

div.css-select-dropdown .dropdown-toggle.show:after {
    transform: rotate(0.5turn);
}

/* styles for new show-hide BITTYPE */

div.show-hide-feature {
    margin: 20px 0;
    display: block;
    background-color: #FFF;
    box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
}

div.show-content-container {
    display: block;
    clear: both;
    padding: 10px 15px;
    margin: 0;
    border-radius: 10px;
}

div.show-content-container a.show-content-link {
    text-decoration: underline;
    cursor: pointer;
    text-decoration: none;
    min-width: 300px;
    font-size: 1.25rem;
    min-width: 300px;
    /* added to keep arrow at top when text wraps */
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

div.hidden-content-container {
    margin: 0 0 10px 0;
    background-color: #fff;
    width: auto;
    border: 1px solid transparent;
    display: flex;
}

div.hidden-content-inner {
    padding: 10px 20px 0 20px;
}

div.hidden-content-inner ul.faq-list {
    padding-bottom: 10px;
    text-align: left;
}

div.show-content-container.bg-white {
    border: 1px solid #dedede;
}

div.hidden-content-container.bg-white {
    border: 1px solid #dedede;
}

@media screen and (max-width: 500px) {
    div.show-content-container a.show-content-link {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        min-width: unset;
        width: 100%;
    }
}

.show-content-link:after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    text-decoration: inherit;
    float: right;
    font-weight: 400;
    transition: all .2s ease;
}

[data-bs-toggle="collapse"].show-content-link:after {
    content: "\f106";
}

[data-bs-toggle="collapse"].show-content-link.collapsed:after {
    transform: rotate(0.5turn);
}

/* text color overrides */

.txt-dark a.show-content-link,
.txt-dark,
.txt-dark a {
    color: #08102F !important;
}

.txt-dark h1,
.txt-dark h2,
.txt-dark h3,
.txt-dark h4,
.txt-dark h5,
.txt-dark h6,
.txt-dark .intro {
    color: #1B365D !important
}

.txt-light a.show-content-link,
.txt-light,
.txt-light a {
    color: #FFF !important;
}

.txt-light h1,
.txt-light h2,
.txt-light h3,
.txt-light h4,
.txt-light h5,
.txt-light h6,
.txt-light .intro {
    color: #fff !important
}

.txt-light .deck-title {
    color: #fff !important;
}

/* site-specific button color re-iterations */

.txt-light a.button.button1,
.txt-dark a.button.button1 {
    color: #fff !important
}

.txt-light a.button.button2,
.txt-dark a.button.button2 {
    color: #fff !important
}

.txt-light a.button.button3,
.txt-dark a.button.button3 {
    color: #fff !important
}

.txt-light a.button.button4,
.txt-dark a.button.button4 {
    color: #fff !important
}

.txt-light a.button.button5,
.txt-dark a.button.button5 {
    color: #000 !important
}

.txt-light a.button.button6,
.txt-dark a.button.button6 {
    color: #000 !important
}

.txt-light a.button.button7,
.txt-dark a.button.button7 {
    color: #000 !important
}

.txt-light a.button.button8,
.txt-dark a.button.button8 {
    color: #000 !important
}

.txt-light a.button.button9,
.txt-dark a.button.button9 {
    color: #000 !important
}

.txt-light a.button.button10,
.txt-dark a.button.button10 {
    color: #000 !important
}

.txt-light a.button.button11,
.txt-dark a.button.button11 {
    color: #000 !important
}

.txt-light a.button.button12,
.txt-dark a.button.button12 {
    color: #000 !important
}

/* rate comparison bar charts and supporting text /
/* bar and hover colors are in RateCompare.js */

.compare-container {
    text-align: center !important;
    margin: 20px auto;
    line-height: 1.2;
    max-width: 740px;
    margin: 20px auto 60px auto;
}

div.compare-container .container {
    background: #fff;
    max-width: 740px;
    margin: auto;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
    box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45);
}

.ratecompare_title {
    color: #223A76;
    font-size: 2.5rem;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
}

.ratecompare_tagline1 {
    margin: 15px auto;
}

/* below chart */

.ratecompare_term {
    color: #214A82;
    font-size: 1rem;
    margin-top: 5px;
}

.ratecompare_tagline2 {
    /*	color: #DA291C;*/
    font-size: 1.5rem;
    margin: 20px 10px 10px 10px;
    line-height: 1.2;
    font-weight: 400;
    text-wrap: balance;
}

.ratecompare_button {}

.ratecompare_disclaimer {
    margin: auto;
}

.ratecompare_disclaimer p {
    margin-top: 10px;
    font-size: .875rem;
}

.compare-container div.rate-disc {
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px;
    font-size: .9rem;
}

.compare-container div.rate-disc:hover {
    text-decoration: none;
}

.compare-container a.JQslideToggle_close_button {
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #DEDEDE;
    padding: 5px 10px;
    font-size: .875rem;
    border-radius: 10px;
}

.compare-container a.JQslideToggle_close_button:hover {
    border: 1px solid #DEDEDE;
    text-decoration: none;
}

/* new block to pull rates out of echart area */

.echart-info {
    display: flex;
    width: 96%;
    justify-content: center;
    margin: 0 2% 20px 2%;
}

.echart-rate-block {
    display: flex;
    width: 50%;
    justify-content: flex-start;
    flex-direction: column;
    color: #223A76;
}

.echart-rate-label {
    font-size: 1.25rem;
    font-family: 'Lexend', sans-serif;
    font-weight: 400;
}

.echart-rate {
    font-size: 2.15rem;
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .echart-rate-label {
        font-size: .9rem;
    }
    .echart-rate {
        font-size: 1.25rem;
    }
}

/* from previously external files - SLICK 1.8.1 */

/* Original file: /npm/slick-carousel@1.8.1/slick/slick.css */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: pointer
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* Original file: /npm/slick-carousel@1.8.1/slick/slick-theme.css */

.slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format('embedded-opentype'), url(./fonts/slick.woff) format('woff'), url(./fonts/slick.ttf) format('truetype'), url(./fonts/slick.svg#slick) format('svg')
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

/* slick carousel styles */

.slick-content {
    margin: 0 auto;
    z-index: 1;
}

.slick-content img {
    padding: 0;
    margin: 0 auto;
}

.slick-text,
.slick-text a {
    display: block;
    padding: 20px 5px;
}

/* overrides for slick-theme.css */

.slick-prev,
.slick-next {
    top: calc(50% - 40px);
    z-index: 2;
    margin-top: 0 !important;
}

.slick-prev {
    left: 10px;
    height: auto;
    width: auto;
}

.slick-next {
    right: 10px;
    height: auto;
    width: auto;
}

.slick-prev:before,
.slick-next:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 6 Pro';
    font-size: 2.5rem;
    color: #FFF;
    font-weight: 400;
    opacity: 1;
}

.slick-prev:before {
    content: "\f060";
}

.slick-next:before {
    content: "\f061";
}

button.slick-prev:hover,
button.slick-next:hover {
    box-shadow: none !important;
    opacity: 0.75;
}

/* homepage carousel - featured promotions */

div.slick-slider div.contentdeck .deck-title {
    margin-bottom: 5px;
    margin-top: 20px;
}

div.slick-slider div.cta {
    margin: 5px 0;
}

div.slick-slider div.deck-distinct .multicol1 .multicol-inner {
    padding-left: 10px !important;
    padding-right: 50px !important;
    max-width: 520px;
}

div.slick-slider div.deck-distinct .multicol2 .multicol-inner {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

/* image */

div.slick-slider .photo-align-right div.deck-distinct .multicol1 .multicol-inner {
    padding-left: 50px !important;
    padding-right: 10px !important;
}

div.slick-slider .photo-align-right div.deck-distinct .multicol2 .multicol-inner {
    padding-left: 0 !important;
    padding-right: 30px !important;
}

/* image */

div.slick-slider div.feature-img img {
    /* keep carousel a static height */
    max-height: 320px;
    min-height: 320px;
    /* object-fit: none; cuts off image */
    object-fit: cover;
    object-position: center center;
}

div.slick-slider .multicol1 {
    min-height: 350px;
    display: flex;
    justify-content: flex-start;
}

div.slick-slider .multicol2 {
    min-height: 350px;
    display: flex;
    justify-content: flex-end;
}

div.slick-slider .photo-align-right .multicol1 {
    justify-content: flex-end;
}

div.slick-slider .photo-align-right .multicol2 {
    justify-content: flex-start;
}

div.slick-slider .slick-prev,
div.slick-slider .slick-next {
    z-index: 1;
    bottom: -36px;
    top: unset;
}

div.slick-slider .slick-prev:before,
div.slick-slider .slick-next:before {
    color: #1A1A1A;
    font-size: 1.25rem;
}

div.slick-slider .slick-prev {
    left: calc(50% - 30px);
}

div.slick-slider .slick-next {
    right: calc(50% - 30px);
}

@media screen and (max-width: 767px) {
    div.slick-slider div.deck-distinct .multicol-inner h2 {
        text-align: center;
    }
    div.slick-slider div.deck-distinct .multicol-inner {
        padding-left: 45px !important;
        padding-right: 45px !important;
        text-align: center;
    }
    div.slick-slider div.contentdeck .deck-title {
        margin-top: 5px;
        font-size: 2.5rem;
    }
    div.slick-slider div.feature-img {
        width: 98%;
        max-width: 98%;
        margin-bottom: 0;
    }
    div.slick-slider div.multicol1 {
        min-height: 260px;
        /* keep carousel a static height */
    }
    div.slick-slider div.feature-img img {
        /* keep carousel a static height */
        max-height: 300px;
        min-height: 300px;
        object-position: center bottom;
        margin-top: 40px;
    }
    /*div.slick-slider .slick-prev, div.slick-slider .slick-next {z-index: 1; top: 60%;}
	div.slick-slider .slick-prev:before, div.slick-slider .slick-next:before {font-size: 1.5rem;}
	div.slick-slider .slick-prev {left: 5px; }
	div.slick-slider .slick-next {right: 5px;}	*/
    div.slick-slider div.deck-distinct .multicol1 .multicol-inner {
        padding-left: 40px !important;
        padding-right: 30px !important;
    }
    div.slick-slider div.deck-distinct .multicol2 .multicol-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /* image */
    div.slick-slider .photo-align-right div.deck-distinct .multicol1 .multicol-inner {
        padding-left: 40px !important;
        padding-right: 30px !important;
    }
    div.slick-slider .photo-align-right div.deck-distinct .multicol2 .multicol-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /* image */
    .carousel-promotions .h1-style {
        font-size: 1.5rem;
    }
}

.slick-list,
.slick-track,
.slick-slide,
.slick-initialized .slick-slide {
    display: flex;
}

.slick-slider .container {
    margin: 20px 0;
}

.slick-slider .card {
    min-width: 300px;
    min-height: 300px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #dedede;
    transform: scale(.9);
    /* keep edge slides the same size as dimmed ones */
}

.slick-slider .card {
    transform: scale(.9);
    transition: all ease 0.9s;
    opacity: .4;
}

.slick-slider .slick-active .card {
    transform: scale(.9);
    transition: all ease 0.9s;
    opacity: .7;
}

.slick-slider .slick-active.slick-center .card {
    transform: scale(1);
    box-shadow: 0 5px 13px rgb(0 0 0 / 0.2);
    opacity: 1;
    transition: all ease 0.9s;
    /* highlight the center card */
}

.slick-slider .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 1300px) {
    .slick-slider .card {
        min-width: 200px;
    }
}

@media screen and (max-width: 1300px) {
    .slick-slider .card {
        min-width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .slick-slider .card {
        min-width: 200px;
    }
}

/* testimonials slider */

.slick-slider.carousel-testimonials .card {
    /*transform: scale(1); box-shadow: 0 5px 13px rgb(150,150,150,0.2); opacity: 1; */
    min-height: 200px;
    border-radius: 0;
}

.slick-slider.carousel-testimonials .slick-slide.slick-cloned {}

.slick-slider.carousel-testimonials .card-body {
    align-items: flex-start;
    text-align: left;
    padding: 40px 40px 10px 40px;
}

.testimonial-author {
    margin: 20px 0;
}

/* slick slider ADA aria-hidden fix maybe
.bodyclass_home-page-wrapper div.slick-content[aria-hidden=true] a{
    visibility: hidden;
} */

.bodyclass_home-page-wrapper div.slick-content.slick-slide[aria-hidden=true] sup {
    visibility: hidden;
}

/* mobile-only fix */

@media screen and (max-width: 500px) {
    .bodyclass_home-page-wrapper div.carousel-promotions div.slick-content.slick-slide[aria-hidden=true] {
        visibility: hidden;
    }
    .bodyclass_home-page-wrapper div.carousel-testimonials div.slick-content.slick-slide[aria-hidden=true] {
        visibility: hidden;
    }
    .bodyclass_home-page-wrapper div.carousel-promotions div.slick-content.slick-slide[aria-hidden=false] {
        visibility: visible;
    }
    .bodyclass_home-page-wrapper div.carousel-testimonials div.slick-content.slick-slide[aria-hidden=false] {
        visibility: visible;
    }
}

.slick-dots {
    bottom: -75px;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li:only-child {
    display: none;
}

.slick-dots li button:before {
    font-size: .7rem;
}

.slick-dots li.slick-active button:before {
    font-size: .95rem;
    color: #223A76;
}

.slick-dots li button:hover {
    box-shadow: none;
}

/* lines instead of dots */

.slick-dots li,
.slick-dots li button {
    width: 30px
}

.slick-dots li button:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\e404";
    color: #B0C7E8;
    font-size: 2rem;
    opacity: 1;
}

.slick-dots li button:hover:before {
    opacity: .7;
}

.slick-dots li.slick-active button:before {
    color: #1B365D;
    font-size: 2rem;
}

/* text colors */

.color-red {
    color: #DA291C !important;
}

.color-blue {
    color: #1B365D !important;
}

.color-maroon {
    color: #8A2B2B !important;
}

.color-blue2 {
    color: #214A82 !important;
}

.color-skygray {
    color: #E9E9ED !important;
}

.color-icyblue {
    color: #E0EAF5 !important;
}

.color-brightblue {
    color: #B0C7E8 !important;
}

.color-foggray {
    color: #F4F8F9 !important;
}

.color-yellow {
    color: #FFC845 !important;
}

.color-lemonadeyellow {
    color: #FFF9EB !important;
}

.color-palepurple {
    color: #F1EBFF !important;
}

.color-grapepurple {
    color: #CCB4FF !important;
}

/* border colors */

.border-color-red {
    border: 1px solid #DA291C !important;
}

.border-color-blue {
    border: 1px solid #1B365D !important;
}

.border-color-maroon {
    border: 1px solid #8A2B2B !important;
}

.border-color-blue2 {
    border: 1px solid #214A82 !important;
}

.border-color-skygray {
    border: 1px solid #E9E9ED !important;
}

.border-color-icyblue {
    border: 1px solid #E0EAF5 !important;
}

.border-color-brightblue {
    border: 1px solid #B0C7E8 !important;
}

.border-color-foggray {
    border: 1px solid #F4F8F9 !important;
}

.border-color-yellow {
    border: 1px solid #FFC845 !important;
}

.border-color-lemonadeyellow {
    border: 1px solid #FFF9EB !important;
}

.border-color-palepurple {
    border: 1px solid #F1EBFF !important;
}

.border-color-grapepurple {
    border: 1px solid #CCB4FF !important;
}

/* solid background colors */

.bg-color-red {
    background-color: #DA291C !important;
}

.bg-color-blue {
    background-color: #1B365D !important;
}

.bg-color-maroon {
    background-color: #8A2B2B !important;
}

.bg-color-blue2 {
    background-color: #214A82 !important;
}

.bg-color-skygray {
    background-color: #E9E9ED !important;
}

.bg-color-icyblue {
    background-color: #E0EAF5 !important;
}

.bg-color-brightblue {
    background-color: #B0C7E8 !important;
}

.bg-color-foggray {
    background-color: #F4F8F9 !important;
}

.bg-color-yellow {
    background-color: #FFC845 !important;
}

.bg-color-lemonadeyellow {
    background-color: #FFF9EB !important;
}

.bg-color-palepurple {
    background-color: #F1EBFF !important;
}

.bg-color-grapepurple {
    background-color: #CCB4FF !important;
}

/* patterns*/

/* pattern-1 - LARGE LOGO */

.bg-pattern-1.bg-color-transparent {
    background: transparent url("{% static 'assetzz/img/pattern-1-b.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-white {
    background: #fff url("{% static 'assetzz/img/pattern-1-b.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-red {
    background: #DA291C url("{% static 'assetzz/img/pattern-1-20.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-blue {
    background: #1B365D url("{% static 'assetzz/img/pattern-1-20.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-maroon {
    background: #8A2B2B url("{% static 'assetzz/img/pattern-1-20.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-blue2 {
    background: #214A82 url("{% static 'assetzz/img/pattern-1-20.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-skygray {
    background: #E9E9ED url("{% static 'assetzz/img/pattern-1.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-icyblue {
    background: #E0EAF5 url("{% static 'assetzz/img/pattern-1.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-brightblue {
    background: #B0C7E8 url("{% static 'assetzz/img/pattern-1-20.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-foggray {
    background: #F4F8F9 url("{% static 'assetzz/img/pattern-1-80.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-yellow {
    background: #FFC845 url("{% static 'assetzz/img/pattern-1-20.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-lemonadeyellow {
    background: #FFF9EB url("{% static 'assetzz/img/pattern-1-60.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-palepurple {
    background: #F1EBFF url("{% static 'assetzz/img/pattern-1.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.bg-pattern-1.bg-color-grapepurple {
    background: #CCB4FF url("{% static 'assetzz/img/pattern-1.svg' %}") no-repeat center bottom;
    background-size: contain;
}

/* pattern-2 - LARGE LOGO REPEATING */

.bg-pattern-2.bg-color-transparent {
    background: transparent url("{% static 'assetzz/img/pattern-2-b.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-white {
    background: #fff url("{% static 'assetzz/img/pattern-2-b.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-red {
    background: #DA291C url("{% static 'assetzz/img/pattern-2-10.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-blue {
    background: #1B365D url("{% static 'assetzz/img/pattern-2.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-maroon {
    background: #8A2B2B url("{% static 'assetzz/img/pattern-2.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-blue2 {
    background: #214A82 url("{% static 'assetzz/img/pattern-2.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-skygray {
    background: #E9E9ED url("{% static 'assetzz/img/pattern-2-40.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-icyblue {
    background: #E0EAF5 url("{% static 'assetzz/img/pattern-2-40.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-brightblue {
    background: #B0C7E8 url("{% static 'assetzz/img/pattern-2-20.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-foggray {
    background: #F4F8F9 url("{% static 'assetzz/img/pattern-2-40.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-yellow {
    background: #FFC845 url("{% static 'assetzz/img/pattern-2-20.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-lemonadeyellow {
    background: #FFF9EB url("{% static 'assetzz/img/pattern-2-40.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-palepurple {
    background: #F1EBFF url("{% static 'assetzz/img/pattern-2-40.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.bg-pattern-2.bg-color-grapepurple {
    background: #CCB4FF url("{% static 'assetzz/img/pattern-2-20.svg' %}") no-repeat center bottom;
    background-size: cover;
}

/* pattern-3 - SMALL LOGO REPEATING */

.bg-pattern-3.bg-color-transparent {
    background: transparent url("{% static 'assetzz/img/pattern-3-b.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-white {
    background: #fff url("{% static 'assetzz/img/pattern-3-b.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-red {
    background: #DA291C url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-blue {
    background: #1B365D url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-maroon {
    background: #8A2B2B url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-blue2 {
    background: #214A82 url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-skygray {
    background: #E9E9ED url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-icyblue {
    background: #E0EAF5 url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-brightblue {
    background: #B0C7E8 url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-foggray {
    background: #F4F8F9 url("{% static 'assetzz/img/pattern-3-b.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-yellow {
    background: #FFC845 url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-lemonadeyellow {
    background: #FFF9EB url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-palepurple {
    background: #F1EBFF url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.bg-pattern-3.bg-color-grapepurple {
    background: #CCB4FF url("{% static 'assetzz/img/pattern-3.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

/* pattern-4 - TINY TRIANGLES  - IN PROGRESS          */

.bg-pattern-4.bg-color-transparent {
    background: transparent url("{% static 'assetzz/img/pattern-4b.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-white {
    background: #fff url("{% static 'assetzz/img/pattern-4b.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-red {
    background: #DA291C url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-blue {
    background: #1B365D url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-maroon {
    background: #8A2B2B url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-blue2 {
    background: #214A82 url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-skygray {
    background: #E9E9ED url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-icyblue {
    background: #E0EAF5 url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-brightblue {
    background: #B0C7E8 url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-foggray {
    background: #F4F8F9 url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-yellow {
    background: #FFC845 url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-lemonadeyellow {
    background: #FFF9EB url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-palepurple {
    background: #F1EBFF url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.bg-pattern-4.bg-color-grapepurple {
    background: #CCB4FF url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

/*.bg-fog-and-white {  background: linear-gradient(to top, white 0%, white 45%, #F4F8F9 45%, #F4F8F9 100%) !important;}
.bg-celeste-and-white {  background: linear-gradient(to top, white 0%, white 45%, #B0C7E8 45%, #B0C7E8 100%) !important;}
.bg-timberwolf-and-white {  background: linear-gradient(to top, white 0%, white 45%, #B0C7E8 45%, #B0C7E8 100%) !important;}
.bg-white-and-fog {  background: linear-gradient(to bottom, white 0%, white 50%, #F4F8F9 50%, #F4F8F9 100%) !important;}
.bg-white-and-celeste {  background: linear-gradient(to bottom, white 0%, white 50%, #B0C7E8 50%, #B0C7E8 100%) !important;}
.bg-white-and-timberwolf {  background: linear-gradient(to bottom, white 0%, white 50%, #B0C7E8 50%, #B0C7E8 100%) !important;}*/

.cards-title {
    margin-bottom: -20px;
}

div.equal-height-cards.cards-element {
    padding: 0;
}

@media (min-width: 1400px) {
    div.equal-height-cards.container.cards-element,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

div.card-title {
    width: 100%;
}

/* equal height cards bit type */

div.equal-height-cards.container,
div.equal-height-cards.container.cards-deck {
    max-width: 100%;
    width: 100%;
}

div.equal-height-cards {
    margin: 0 auto;
    padding: 20px 10px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #6A6C6C;
    box-sizing: border-box;
}

div.equal-height-cards div:empty {
    display: none;
}

div.equal-height-cards img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    transform: scale(1.001);
}

div.equal-height-cards div.card-footer {
    font-size: .8rem;
}

div.equal-height-cards .align-items-center .card-body {
    text-align: center;
}

div.equal-height-cards .card {
    overflow: hidden;
    border: none;
    border: 1px solid #DEDEDE;
    padding: 20px;
}

div.contentdeck div.deckinner div.equal-height-cards img {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

div.contentdeck.brandcolor div.equal-height-cards .card .intro {
    color: #1B365D;
}

div.equal-height-cards .card-body,
div.equal-height-cards .card-footer p {
    margin-bottom: 0;
    padding-bottom: 0;
}

div.equal-height-cards .card-footer {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}

div.equal-height-cards .card-footer p {
    display: flex;
}

div.equal-height-cards .card-footer p a.button {
    /*flex: auto; stretches buttons */
    justify-content: flex-start;
}

/* card hider */

div.equal-height-cards.cards-show-one .card-two,
div.equal-height-cards.cards-show-one .card-three,
div.equal-height-cards.cards-show-one .card-four {
    display: none;
}

div.equal-height-cards.cards-show-two .card-three,
div.equal-height-cards.cards-show-two .card-four {
    display: none;
}

div.equal-height-cards.cards-show-three .card-four {
    display: none;
}

div.equal-height-cards.cards-show-four {}

.rounded {
    border-radius: 20px !important;
}

.equal-height-cards .card.shadow {
    box-shadow: 0px 28px 20px 0px rgba(189, 255, 253, 0.25) !important;
}

/* vertical line between multi-col deck columns */

.vertical-line .equal-height-cards .card {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.vertical-line.line-celeste .equal-height-cards div.card {
    border-right: 1px solid #03C0C1;
}

.vertical-line.line-lemonlime .equal-height-cards div.card {
    border-right: 1px solid #FFF9EB;
}

.vertical-line.line-fog .equal-height-cards div.card {
    border-right: 1px solid #F4F8F9;
}

.vertical-line.line-timberwolf .equal-height-cards div.card {
    border-right: 1px solid #B0C7E8;
}

.vertical-line.line-secgreen .equal-height-cards div.card {
    border-right: 1px solid #214A82;
}

.vertical-line.line-corpgreen .equal-height-cards div.card {
    border-right: 1px solid #1B365D;
}

.vertical-line div.equal-height-cards.cards-show-one .card-one .card {
    border-right: none;
}

.vertical-line div.equal-height-cards.cards-show-two .card-two .card {
    border-right: none;
}

.vertical-line div.equal-height-cards.cards-show-three .card-three .card {
    border-right: none;
}

.vertical-line div.equal-height-cards.cards-show-four .card-four .card {
    border-right: none;
}

@media (max-width: 991px) {
    .vertical-line div.equal-height-cards .card {
        border-right: none !important;
        padding: 0 0 20px 0;
    }
    .vertical-line.line-celeste .equal-height-cards div.card {
        border-bottom: 1px solid #03C0C1;
    }
    .vertical-line.line-lemonlime .equal-height-cards div.card {
        border-bottom: 1px solid #FFF9EB;
    }
    .vertical-line.line-fog .equal-height-cards div.card {
        border-bottom: 1px solid #F4F8F9;
    }
    .vertical-line.line-timberwolf .equal-height-cards div.card {
        border-bottom: 1px solid #B0C7E8;
    }
    .vertical-line.line-secgreen .equal-height-cards div.card {
        border-bottom: 1px solid #214A82;
    }
    .vertical-line.line-corpgreen .equal-height-cards div.card {
        border-bottom: 1px solid #1B365D;
    }
    .vertical-line div.equal-height-cards.cards-show-one .card-one .card {
        border-bottom: none;
    }
    .vertical-line div.equal-height-cards.cards-show-two .card-two .card {
        border-bottom: none;
    }
    .vertical-line div.equal-height-cards.cards-show-three .card-three .card {
        border-bottom: none;
    }
    .vertical-line div.equal-height-cards.cards-show-four .card-four .card {
        border-bottom: none;
    }
}

/* staff features styles - revamped 2020 */

div.staff-feature-2020 {
    border-bottom: solid 1px #c0cad2;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    display: block;
    clear: both;
    overflow: hidden;
}

div.staff-feature-left-2020 {
    margin-right: 30px;
}

div.staff-feature-left-2020 img {
    border-radius: 10px;
}

div.staff-feature-2020 .twothirds {}

div.staff-feature-2020 .detail-container {}

div.staff-name-2020 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #044757;
    margin: 10px 0 0 0;
}

div.staff-title-2020 {
    font-size: 1rem;
    font-weight: 500;
    color: #044757;
    margin: 5px 0 5px 0;
}

div.details-right {
    text-align: right;
    padding: 10px;
}

div.staff-phone-2020 {
    margin: 10px 0;
}

div.staff-button-2020 {
    padding: 0;
}

div.staff-bio-2020 {
    display: block;
    clear: both;
    padding-top: 13px;
}

@media (max-width: 767px) {
    div.staff-feature-left-2020 {
        margin: 30px auto;
        text-align: center;
    }
}

/* community impact counter */

.community-container {
    display: flex;
    flex-wrap: wrap;
}

.community-brick {
    background-position-y: center;
    background-position-x: 90%;
    background-repeat: no-repeat;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    color: #fff;
    padding: 30px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    display: flex;
    min-width: 25%;
    flex-grow: 1;
}

.community-brick::after {
    background: #1A7A6C;
    content: '';
    position: absolute;
    left: 0px;
    top: -10px;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    z-index: -1;
}

.community-brick:nth-child(even) {
    background-color: #0DB8DF;
    color: #fff;
}

.community-brick:nth-child(even) .community_block--stat:after {
    background-color: #1A7A6C;
}

.community-brick:nth-child(odd) {
    background-color: #044757;
}

.community-brick-1 {
    flex: 1;
}

.community-brick-2 {
    flex: 1;
}

.community-brick-3 {
    flex: 2;
    min-width: 50%;
}

.community-brick-4 {
    flex: 2;
    min-width: 50%;
}

.community-brick-5 {
    flex: 1;
}

.community-brick-6 {
    flex: 1;
}

.community-brick-number {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    position: relative;
}

.community-brick-number:after {
    content: '';
    background-color: #FFD200;
    border-radius: 5px;
    display: block;
    height: 6px;
    margin-right: auto;
    width: 170px;
}

.community-brick-number:after {
    margin-top: 15px;
}

.community-brick-text {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
}

.community-brick-icon {
    font-size: 9rem;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(255, 255, 255, 0.2);
}

@media screen and (max-width: 1200px) {
    .community-brick-number {
        font-size: 3rem;
    }
}

@media screen and (max-width: 1000px) {
    .community-brick-number:after {
        width: 100px;
    }
    .community-brick-1 {
        flex: 1;
        min-width: 33%;
    }
    .community-brick-2 {
        flex: 2;
        min-width: 66%;
    }
    .community-brick-3 {
        flex: 2;
        min-width: 66%;
    }
    .community-brick-4 {
        flex: 1;
        min-width: 33%;
    }
    .community-brick-5 {
        flex: 1;
        min-width: 33%;
    }
    .community-brick-6 {
        flex: 2;
        min-width: 66%;
    }
}

@media screen and (max-width: 900px) {
    .community-brick-number {
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 500px) {
    .community-brick-number {
        font-size: 2rem;
    }
    .community-brick-number:after {
        width: 60px;
    }
    .community-brick-text {
        font-size: 1rem;
    }
    .community-brick-1,
    .community-brick-2,
    .community-brick-3,
    .community-brick-4,
    .community-brick-5,
    .community-brick-6 {
        min-width: 50%;
        border: 10px solid #fff;
        border-bottom: none;
    }
}

@media screen and (max-width: 300px) {
    .community-brick-1,
    .community-brick-2,
    .community-brick-3,
    .community-brick-4,
    .community-brick-5,
    .community-brick-6 {
        min-width: 99%;
        border: 10px solid #fff;
        border-bottom: none;
    }
}

/* content deck vertical centering of columnns */

.contentdeck.vert-align-middle .multicol-inner {
    display: flex;
    align-items: center;
}

.contentdeck.vert-align-middle p {
    margin: 10px 0;
}

@media screen and (max-width: 767px) {
    .contentdeck.vert-align-middle .multicol-inner {
        display: block;
    }
}

/* make it appear that the contents of the deck are floating down below it while still keeping the correct height of the deck */

.coverbar-upper,
.coverbar-lower {
    display: none;
}

div.contentdeck.coverbar-top .coverbar-upper,
div.contentdeck.coverbar-both .coverbar-upper {
    display: block;
    height: 100px;
    width: 100%;
    background-color: #fff;
    margin-bottom: -100px;
}

div.contentdeck.coverbar-bottom .coverbar-lower,
div.contentdeck.coverbar-both .coverbar-lower {
    display: block;
    height: 100px;
    width: 100%;
    background-color: #fff;
    margin-top: -100px;
}

/* related content buttons overrides */

.related_content a.button {
    margin: 5px;
    font-size: .9rem;
    padding: 8px 12px;
}

/* homepage news - mostly uses bootstrap
.news-section h2 {max-width: 600px; text-align: center; margin: 50px auto; }
.news-title {color: #252525; font-size: 2rem; font-weight: 700; margin-bottom: 20px;}
.news-text {padding: 0 40px 0 20px; }
.news-section img {width: 100%;}
@media screen and (max-width: 1000px)   { 
	.news-text {padding: 0 ; }	
} */

/* PERSONALIZATION - remove what's not used */

/* pers-toggle styled checkbox */

input.pers-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 62px;
    height: 32px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: #707070;
    transition: background-color ease 0.3s;
    margin-left: 8px;
}

input.pers-toggle:before {
    content: "on off";
    display: block;
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    font: 10px/28px Helvetica;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: -22px;
    word-spacing: 37px;
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

input.pers-toggle:checked {
    background-color: #CCB4FF;
}

input.pers-toggle:checked:before {
    left: 32px;
}

input.pers-toggle:before {
    content: " "
}

input+label span.pers-text-off {
    color: #707070;
    display: inline
}

input+label span.pers-text-on {
    display: none
}

input:checked+label span.pers-text-off {
    display: none
}

input:checked+label span.pers-text-on {
    color: #1B365D;
    display: inline;
}

.pers-enable-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
}

input.pers-toggle:focus {
    border: 2px solid #214A82;
}

/* help bar */

/* the bar itself and option link - surrounds open container, too*/

.hp-help-bar-container {
    width: auto;
    z-index: 1;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    margin-top: -70px;
    left: 48%;
    transform: translate(-48%, 0);
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
    background-color: #FFF;
    border-radius: 10px;
    padding: 10px 20px;
    max-width: 1300px;
}

.hp-help-title {
    color: #1B365D;
    font-size: 1.75rem;
    font-weight: 700;
    font-size: 2rem;
    padding: 10px;
}

.hp-help-bar {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    background-size: contain;
    background-position: top left;
    flex: 0 0 100%;
    align-items: stretch;
}

.hp-help-text {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.hp-help-subtitle,
.hp-help-content {
    font-size: 1rem;
}

.hp-help-bar-button {
    position: relative;
    display: flex;
    width: auto;
    cursor: pointer;
    font-size: 1.25rem;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    align-self: center;
    max-width: 240px;
}

.hp-help-bar-button button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    min-width: 200px;
}

.hp-help-bar-button button span {
    text-align: center;
}

.hp-help-bar-container .hp-help-content,
.hp-pers-hidden-content {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
}

.hp-pers-cta-box {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin: 0 auto;
}

div.pers-optout {
    margin: 0;
    text-align: right;
}

div.pers-optout a {
    color: #214A82;
}

div.pers-optout a:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f01e";
    display: inline-block;
    margin: 0 0 0 5px;
    font-weight: 400;
    font-size: .75rem;
}

.help-bar-content-container .hp-help-title {
    font-size: 1.2rem;
}

.help-bar-content-container .hp-help-content {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 30px;
}

.hp-pers-hidden-content {
    padding: 0 0 10px 0;
}

.card-row,
.card-settings {
    flex-grow: 1;
    display: flex;
    width: 100%;
}

.hp-title-and-button {
    display: flex;
    justify-content: space-between
}

.hp-help-bar-container .card:hover {
    background-color: #FFF9EB !important;
    color: #fff !important;
}

.hp-help-bar-container .card:hover i:before,
.hp-help-bar-container .card:hover a,
.hp-help-bar-container .card:hover .feature-title {
    color: #fff !important;
}

/* customizations to icon feature for homepage bar
.hp-help-bar-container .icon-feature-small-icon-left {padding: 0 20px; width: 30%; justify-content: flex-start; align-self: stretch;}
.hp-pers-hidden-content .icon-feature-small-icon-left {width: 315px;}
.hp-help-bar-container .feature-rate-txt-box {}
.hp-help-bar-container .feature-title {display: flex; align-items: flex-start; }
.hp-help-bar-container .feature-title a {display: flex; align-items: flex-start; font-size: 1.4rem; line-height: 1.1; text-decoration: none;}
.hp-help-bar-container .feature-title a:hover {text-decoration: underline;}
.hp-help-bar-container .card-body {padding: 0;}
.hp-help-bar-container .card-body .feature-title {justify-content: center;}
.hp-help-bar-container .feature-icon  {padding: 0; margin: 0 0 -3px 0;}
.hp-help-bar-container .feature-icon:before {font-size: 2rem;} */

/* checkmark on personalization options page */

.pers-toggle {
    margin: 10px 5px;
}

.icon-right-border {
    border-right: 1px solid #03C0C1;
    margin-right: 20px;
}

@media screen and (max-width: 1360px) {
    .hp-pers-hidden-content .icon-feature-small-icon-left {
        width: 32%;
    }
}

@media screen and (max-width: 1000px) {
    .icon-right-border {
        border-right: none;
        margin-right: auto;
    }
    .hp-help-bar-container {
        width: auto;
    }
    .hp-help-bar {
        flex-direction: column;
        white-space: normal;
        text-align: left;
        margin: 0;
    }
    .hp-help-content {
        flex-direction: column;
    }
    .hp-help-bar-container {
        margin-bottom: 0;
        max-width: 100%;
        text-align: center;
    }
    .hp-help-bar-container .hp-help-content,
    .hp-pers-hidden-content {
        justify-content: center;
    }
    .hp-help-bar-button,
    .hp-help-title {
        margin: 20px auto;
    }
    .hp-help-bar-container .icon-feature-small-icon-left {
        padding: 0;
        margin: 0 auto 20px auto;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
        flex-direction: row;
    }
    .hp-help-bar-container .feature-title,
    .hp-help-bar-container .feature-copy {
        justify-content: center;
    }
    .hp-pers-cta-box {
        flex-direction: column;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .hp-pers-cta-box {
        flex-direction: column;
        width: 100%;
    }
}

/* overrides for lowercase and unsetting uppercase - bare lowercase is in dropdown styles section*/

h1.remove-caps,
h2.remove-caps,
h3.remove-caps,
h4.remove-caps,
h5.remove-caps,
h6.remove-caps,
.remove-caps,
.remove-caps button,
.remove-caps a.button {
    text-transform: unset !important;
}

h1.lowercase,
h2.lowercase,
h3.lowercase,
h4.lowercase,
h5.lowercase,
h6.lowercase,
.lowercase button,
.lowercase a.button {
    text-transform: unset !important;
}

/* round corners of images in decks */

img.cimg {
    border-radius: 35px;
}

img.no-radius {
    border-radius: 0;
}

/* fix for Formstack radio buttons getting cut off */

.fsRowBody input[type="radio"],
.fsRowBody input[type="checkbox"] {
    top: 2px !important;
    width: 25px !important;
    height: 25px !important;
}

/* post sharing bar */

.sharebar {
    /*   width: 100%;    border: solid 1px #e2e4e6;    border-left: none;    border-right: none;    margin: 0 0 16px 0*/
    display: flex;
    margin: 10px 0 0 0;
    align-items: center;
}

.sharebar h5 {
    text-transform: unset;
    margin: 1px 6px 0 0;
    font-size: 1rem;
    font-weight: 400;
    color: #214A82;
}

.sharebar .fa-brands,
.sharebar .fa {
    font-size: 1.4rem;
    color: #FFF9EB;
}

.sharebar .fa-print {
    font-size: 1.2rem;
    transform: TranslateY(-1px);
}

/* extra animation-related CSS */

.card-body .rate-feature i.feature-icon {
    transition: All 0.2s;
}

.card-body:hover .rate-feature i.feature-icon {
    transform: scale(1.2);
}

button.menu-icon:hover {
    transform: scale(1.2);
}

/* can use for titles at the top of the page */

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

.hero-banner-home .hero-text {
    animation: 1s ease-in-out 0s 1 slideInFromTop;
}

/* chat widget repositioning */

.ft-widget-container {
    bottom: 10px !important;
}

.ft-widget-container.ft-widget-start-state,
.ft-widget-container.ft-widget-middle-state {
    right: 10px !important;
}

/* remove chat from blank template only */

.bodyclass_blank_wrapper #ft_widget_bot {
    display: none !important;
}

/* custom double-decker split deck with step list */

.double-decker {
    box-sizing: border-box;
    z-index: 1;
    position: relative;
}

.double-decker.contentdeck .deckinner.deck-distinct {
    padding: 0;
    align-items: flex-start;
    justify-content: flex-start;
}

.double-decker .multicol2 {
    z-index: 3;
}

.double-decker .deck-distinct .multicol1 .multicol-inner {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
}

.double-decker .deck-distinct .multicol2 .multicol-inner {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.double-decker .content-upper {
    color: #214A82 !important;
    position: relative;
    padding: 0 20px;
    z-index: 2;
    background-color: #fff;
}

.double-decker .content-upper .upper-text {
    z-index: 2;
    position: relative;
    padding: 40px 0;
}

.double-decker .content-upper h2.deck-title {
    color: #214A82 !important;
}

.double-decker.photo-align-left .feature-img,
.double-decker.photo-align-right .feature-img {
    margin: 20px;
}

.double-decker .content-lower {
    padding: 20px;
}

.double-decker .content-upper:before {
    /* upper white stripe */
    content: "";
    background-color: #FFF;
    position: absolute;
    height: 100%;
    width: 4000px;
    width: 200vw;
    left: -100vw;
    z-index: 1;
}

/* double-decker cta overrides */

.double-decker .cta-container {
    display: flex;
    gap: 10px;
    margin: 10px;
    flex-wrap: wrap;
}

div.content .double-decker div.cta {
    clear: none;
}

@media screen and (max-width: 767px) {
    .double-decker .multicol2 {
        background-color: #fff;
    }
    /* color behind images to white when stacked */
    .double-decker .cta-container {
        justify-content: center;
    }
    .double-decker .deck-distinct .multicol2 .multicol-inner {
        margin: 0;
    }
    .double-decker.photo-align-left .feature-img,
    .double-decker.photo-align-right .feature-img {
        margin: 10px 0 0 0;
    }
    .double-decker .deck-distinct .multicol2 {
        padding-bottom: 0;
    }
}

/* Refresh step list - overrides for existing styles */

.refreshed-step-list ul,
.refreshed-step-list ol {
    margin: 10px;
}

.refreshed-step-list .step-list li {
    padding-bottom: 1rem;
    height: auto;
    min-height: 95px;
    padding-left: 50px;
}

.refreshed-step-list div.distinct-box-col {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
}

.refreshed-step-list .step-list li:before {
    border: 2px solid #B0C7E8;
    font-size: 1.2rem;
    background: #B0C7E8;
    color: #1B365D;
    outline: 3px solid #B0C7E8;
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.refreshed-step-list .step-list li:after {
    border-left: 2px solid #F1EBFF !important;
}

.refreshed-step-list .step-list li .step-title {
    color: #214A82;
    margin: 5px 0 10px 0;
    font-size: 1.5rem;
}

.txt-light .refreshed-step-list .step-title,
.txt-light .refreshed-step-list .step-list li span {
    color: #fff !important;
}

.txt-dark .refreshed-step-list .step-list li,
.txt-dark .refreshed-step-list .step-list li span {
    color: #214A82 !important;
}

.refreshed-step-list ul.step-list li:before {
    color: #FFF;
    font-family: "Font Awesome 6 Pro"
}

.refreshed-step-list ul.step-list-columns,
.refreshed-step-list ol.step-list-columns {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.refreshed-step-list ul.step-list-columns li,
.refreshed-step-list ol.step-list-columns li {
    width: calc(50% - 40px);
    margin-right: 40px;
}

.refreshed-step-list .step-list.steplines1 li:after {
    border-left: none !important;
}

/* dark backgrounds use the default
.bg-color-red {}
.bg-color-blue {}
.bg-color-maroon {}
.bg-color-blue2 {}
.bg-color-brightblue {}
.bg-color-yellow {}
.bg-color-grapepurple {}*/

/* override because bullet background defaults to bright blue */

.bg-color-red .refreshed-step-list .step-list li:before,
.bg-color-maroon .refreshed-step-list .step-list li:before,
.bg-color-grapepurple .refreshed-step-list .step-list li:before {
    background: #fff;
    color: #214A82;
    outline: 3px solid #fff;
    border: 2px solid #fff;
}

.bg-color-brightblue .refreshed-step-list .step-list li:before {
    background: #214A82;
    color: #fff;
    outline: 3px solid #214A82;
    border: 2px solid #214A82;
}

/* light backgrounds */

.bg-color-skygray .refreshed-step-list .step-list li:after,
.bg-color-icyblue .refreshed-step-list .step-list li:after,
.bg-color-foggray .refreshed-step-list .step-list li:after,
.bg-color-lemonadeyellow .refreshed-step-list .step-list li:after,
.bg-color-palepurple .refreshed-step-list .step-list li:after {
    border-left: 2px solid #214A82 !important;
}

.refreshed-step-list .step-list li:last-child:after {
    border: none !important;
}

/* option to remove the step lines */

.step-list.steplines1 li:after {
    border-left: none !important;
}

.bg-color-skygray .refreshed-step-list .step-list.steplines1 li:after,
.bg-color-icyblue .refreshed-step-list .step-list.steplines1 li:after,
.bg-color-foggray .refreshed-step-list .step-list.steplines1 li:after,
.bg-color-lemonadeyellow .refreshed-step-list .step-list.steplines1 li:after,
.bg-color-palepurple .refreshed-step-list .step-list.steplines1 li:after {
    border-left: none !important;
}

/* general style to remove elements at mobile size */

@media screen and (max-width: 767px) {
    .remove-at-mobile {
        display: none !important;
    }
}

/* general style to make unordered list two columns */

ul.list-two-columns,
.two-columns {
    columns: 2;
    padding-left: 0;
}

@media screen and (max-width: 500px) {
    ul.list-two-columns,
    .two-columns {
        columns: 1;
        padding-left: 10px;
    }
}

/* Reversed box two-column deck option */

/* reset the inner deck for when no box is needed */

.deckinner.bg-color-red,
.deckinner.bg-color-blue,
.deckinner.bg-color-maroon,
.deckinner.bg-color-blue2,
.deckinner.bg-color-skygray,
.deckinner.bg-color-icyblue,
.deckinner.bg-color-brightblue,
.deckinner.bg-color-foggray,
.deckinner.bg-color-yellow,
.deckinner.bg-color-lemonadeyellow,
.deckinner.bg-color-palepurple,
.deckinner.bg-color-grapepurple {
    background-color: transparent !important;
}

.reverse-boxed-deck.contentdeck {
    background-color: white !important;
    display: flex;
    justify-content: center;
}

.reverse-boxed-deck.contentdeck .deckinner {
    padding: 0 !important;
    border-radius: 40px;
    margin: 50px auto;
    max-width: 1440px;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-red {
    background-color: #DA291C !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-blue {
    background-color: #1B365D !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-maroon {
    background-color: #8A2B2B !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-blue2 {
    background-color: #214A82 !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-skygray {
    background-color: #E9E9ED !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-icyblue {
    background-color: #E0EAF5 !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-brightblue {
    background-color: #B0C7E8 !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-foggray {
    background-color: #F4F8F9 !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-yellow {
    background-color: #FFC845 !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-lemonadeyellow {
    background-color: #FFF9EB !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-palepurple {
    background-color: #F1EBFF !important;
}

.reverse-boxed-deck.contentdeck .deckinner.bg-color-grapepurple {
    background-color: #CCB4FF !important;
}

/* if patterns are used, they go in the white area and not the box */

.reverse-boxed-deck.contentdeck.bg-pattern-1 {
    background: #fff url("{% static 'assetzz/img/pattern-1-b.svg' %}") no-repeat center bottom;
    background-size: contain;
}

.reverse-boxed-deck.contentdeck.bg-pattern-2 {
    background: #fff url("{% static 'assetzz/img/pattern-2-b.svg' %}") no-repeat center bottom;
    background-size: cover;
}

.reverse-boxed-deck.contentdeck.bg-pattern-3 {
    background: #fff url("{% static 'assetzz/img/pattern-3-b.svg' %}") no-repeat center bottom;
    background-size: 100% auto;
}

.reverse-boxed-deck.contentdeck.bg-pattern-4 {
    background: #fff url("{% static 'assetzz/img/pattern-4.svg' %}") repeat-x center center;
}

.contentdeck.image-silhouette .multicol2 {
    align-self: flex-end;
}

@media screen and (max-width: 1480px) {
    .reverse-boxed-deck.contentdeck.image-silhouette .deckinner {
        margin-left: 10px;
        margin-right: 10px;
        max-width: calc(100% - 20px);
    }
}

@media screen and (max-width: 767px) {
    /* flip so silhouette is at the bottom */
    .reverse-boxed-deck.contentdeck.image-silhouette .deckinner {
        flex-direction: column-reverse;
    }
}

/* deck - overlapping pictures */

.contentdeck.deck-image-overlap .deckinner {
    justify-content: center;
}

/* .contentdeck.deck-image-overlap .multicol1 {width: 41%}*/

.contentdeck.deck-image-overlap .multicol2 {
    display: flex;
    justify-content: center;
}

.contentdeck.deck-image-overlap .multicol2 .multicol-inner {
    width: 98%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
}

.overlap-img.overlap-1 {
    grid-area: 1 / 1 / 11 / 9;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.overlap-img.overlap-2 {
    grid-area: 6 / 7 / 13 / 13;
    z-index: 2;
    height: 100%;
    width: 100%;
}

.overlap-mini-square {
    grid-area: 11 / 1 / 13 / 7;
    height: 100%;
    width: 100%;
}

.overlap-img.overlap-1 img {
    object-fit: cover;
    height: 600px;
    width: 100%;
    border-radius: 8px;
}

.overlap-img.overlap-2 img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.overlap-img.overlap-2 {
    border: 10px solid white;
    box-shadow: -10px 5px 20px 0px rgba(0, 0, 0, 0.15), 10px 5px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.overlap-mini-square {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 3.125rem;
    font-weight: 600;
}

.overlap-mini-square .mini-text {
    max-height: 110px;
    line-height: 1;
    margin: 3px;
}

.overlap-mini-square .mini-text span {
    font-size: 70%;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    margin: 0 10px;
}

.overlap-mini-square .mini-text sup a {
    margin-left: 3px;
    text-decoration: none;
}

@media screen and (max-width: 1200px) {
    .overlap-mini-square {
        font-size: 2rem;
    }
    .overlap-mini-square .mini-text {
        line-height: 1;
        margin: 3px;
    }
    .overlap-img.overlap-1 img {
        height: 500px;
    }
}

@media screen and (max-width: 900px) {
    .overlap-img.overlap-1 img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .overlap-img.overlap-1 img {
        height: 400px;
    }
    .overlap-mini-square .mini-text {
        max-height: 1100px;
    }
    .contentdeck.deck-image-overlap .multicol1 {
        width: 100%;
    }
    .contentdeck.deck-image-overlap .multicol2 {
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 500px) {
    /*.overlap-mini-square .large{ font-size: 1rem;} no longer needed after layout change to move mini-square down*/
    .overlap-img.overlap-1 img {
        height: 300px;
    }
    /* moving mini-square below images */
    .contentdeck.deck-image-overlap .multicol2 .multicol-inner {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(8, 1fr);
    }
    .overlap-img.overlap-1 {
        grid-area: 1 / 1 / 10 / 8;
    }
    .overlap-img.overlap-2 {
        grid-area: 4 / 7 / 11 / 13;
        border: 4px solid white;
        border-radius: 4px;
    }
    .overlap-mini-square {
        grid-area: 11 / 1 / 13 / 13;
        min-height: 50px;
    }
}

@media screen and (max-width: 400px) {
    .overlap-img.overlap-1 img {
        height: 200px;
    }
}

/* overlap deck content overrides */

.contentdeck.deck-image-overlap .multicol1 a.button {
    display: block;
    max-width: 450px;
    margin: 0;
    text-align: center
}

/* custom bullets based on class added with JavaScript */

ul.custom1 {
    position: relative;
    margin: 30px 30px 40px 30px;
    clear: both;
    padding-left: 10px;
    list-style-type: disc;
}

ul.custom1>li {
    list-style-type: none;
    padding-left: 5px;
}

ul.custom1>li:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(/img/logo-custom-bullet.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    transform: none;
    left: -10px;
    margin-top: 5px;
}

ul.custom1 li {
    margin: 30px 0;
    text-align: left;
}

ul.custom1 ul {
    margin-left: 0;
    padding-left: 0;
}

ul.custom1>li li {
    list-style-type: disc;
    padding-left: 0;
}

ul.custom1>li li:before {
    display: none;
}

/* collage banner */

div.contentdeck.banner-collage {
    margin-top: 30px;
}

div.contentdeck.banner-collage .deckinner.deck-distinct {
    flex-direction: column;
}

.collage-container {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    max-height: 800px;
    margin: 30px 20px;
}

.collage-container img {
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    box-shadow: -1px 28px 43px -11px rgba(0, 0, 0, 0.33);
}

/* default */

.collage-1 {
    grid-area: 3 / 1 / 6 / 3;
}

.collage-2 {
    grid-area: 1 / 3 / 5 / 7;
}

.collage-3 {
    grid-area: 5 / 5 / 9 / 9;
}

.collage-4 {
    grid-area: 4 / 9 / 7 / 12;
}

.collage-5 {
    grid-area: 5 / 3 / 7 / 5;
    border-radius: 6px;
}

.collage-6 {
    grid-area: 3 / 7 / 5 / 9;
    border-radius: 6px;
}

.collage-7 {
    grid-area: 7 / 9 / 8 / 12;
}

.collage-container.layout-1 .collage-1 {
    grid-area: 3 / 1 / 6 / 3;
}

.collage-container.layout-1 .collage-2 {
    grid-area: 1 / 3 / 5 / 7;
}

.collage-container.layout-1 .collage-3 {
    grid-area: 5 / 5 / 9 / 9;
}

.collage-container.layout-1 .collage-4 {
    grid-area: 4 / 9 / 7 / 12;
}

.collage-container.layout-1 .collage-5 {
    grid-area: 5 / 3 / 7 / 5;
    border-radius: 6px;
}

.collage-container.layout-1 .collage-6 {
    grid-area: 3 / 7 / 5 / 9;
    border-radius: 6px;
}

.collage-container.layout-1 .collage-7 {
    grid-area: 7 / 9 / 8 / 12;
}

/* layout 2 */

.collage-container.layout-2 .collage-1 {
    grid-area: 4 / 1 / 7 / 4;
}

.collage-container.layout-2 .collage-2 {
    grid-area: 1 / 6 / 5 / 10;
}

.collage-container.layout-2 .collage-3 {
    grid-area: 4 / 10 / 6 / 12;
}

.collage-container.layout-2 .collage-4 {
    grid-area: 5 / 4 / 9 / 8;
}

.collage-container.layout-2 .collage-5 {
    grid-area: 3 / 4 / 5 / 6;
}

.collage-container.layout-2 .collage-6 {
    grid-area: 5 / 8 / 7 / 10;
}

.collage-container.layout-2 .collage-7 {
    grid-area: 7 / 1 / 8 / 4;
}

/* layout 3 */

.collage-container.layout-3 .collage-1 {
    grid-area: 2 / 2 / 6 / 6;
}

.collage-container.layout-3 .collage-2 {
    grid-area: 1 / 6 / 4 / 11;
}

.collage-container.layout-3 .collage-3 {
    grid-area: 4 / 8 / 8 / 12;
}

.collage-container.layout-3 .collage-4 {
    grid-area: 6 / 3 / 9 / 8;
}

.collage-container.layout-3 .collage-5 {
    grid-area: 4 / 6 / 6 / 8;
}

.collage-container.layout-3 .collage-6 {
    grid-area: 6 / 1 / 9 / 3;
}

.collage-container.layout-3 .collage-7 {
    grid-area: 8 / 8 / 9 / 12;
}

/* layout 4 */

.collage-container.layout-4 .collage-1 {
    grid-area: 1 / 1 / 4 / 7;
}

.collage-container.layout-4 .collage-2 {
    grid-area: 3 / 9 / 7 / 12;
}

.collage-container.layout-4 .collage-3 {
    grid-area: 4 / 1 / 7 / 4;
}

.collage-container.layout-4 .collage-5 {
    grid-area: 2 / 7 / 4 / 9;
}

.collage-container.layout-4 .collage-4 {
    grid-area: 4 / 4 / 9 / 9;
}

.collage-container.layout-4 .collage-6 {
    grid-area: 7 / 2 / 9 / 4;
}

.collage-container.layout-4 .collage-7 {
    grid-area: 7 / 9 / 8 / 12;
}

div.contentdeck.banner-collage .collage-7 p {
    margin: 0;
    padding: 0;
}

div.contentdeck.banner-collage a.button {
    display: block;
    /* max-width: 360px;*/
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 20px 23px;
    box-shadow: 0px 4px 31px -11px rgba(0, 0, 0, 0.45);
}

div.contentdeck.banner-collage .collage-content {
    text-align: center;
    justify-content: center;
}

div.contentdeck.banner-collage .collage-content p {
    max-width: 80%;
    margin: 20px auto;
    line-height: 1.5;
    text-wrap: balance;
}

div.contentdeck.banner-collage sup a {
    text-decoration: none;
}

div.contentdeck.banner-collage sup a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 900px) {
    .collage-container {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(9, 1fr);
        margin: 30px 20px;
    }
    .collage-1 {
        grid-area: 1 / 1 / 3 / 3 !important;
    }
    .collage-2 {
        grid-area: 3 / 2 / 5 / 4 !important;
    }
    .collage-3 {
        grid-area: 5 / 1 / 7 / 3 !important;
    }
    .collage-4 {
        grid-area: 7 / 2 / 9 / 3 !important;
    }
    .collage-5 {
        grid-area: 3 / 1 / 5 / 2 !important;
    }
    .collage-6 {
        grid-area: 5 / 3 / 7 / 4 !important;
    }
    .collage-7 {
        grid-area: 9 / 1 / 10 / 4 !important;
    }
}

/* special logo-angle deck */

/* .contentdeck.angled-deck.double-angle {display: flex; justify-content: center;}
.contentdeck.angled-deck.double-angle .div.clearfix{display: flex; justify-content: flex-end;}*/

.contentdeck.angled-deck.double-angle .deckinner.deck-distinct {
    padding: 0;
    max-width: 100%;
    width: 100%;
    align-items: stretch;
}

/* image */

.angled-deck.double-angle .multicol2 {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 20% 31%);
}

.angled-deck.double-angle .multicol2 .multicol-inner {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    min-height: 0;
    height: 100%;
    flex-shrink: 1;
}

.angled-deck.double-angle .feature-img {
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
    min-height: 0;
    flex-shrink: 1;
}

.angled-deck.double-angle .feature-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
    flex-grow: 1;
    min-height: 0;
    flex-shrink: 1;
    min-height: 540px;
    max-height: 100%
}

/* text */

.angled-deck.double-angle .multicol1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.angled-deck.double-angle .multicol1 .multicol-inner {
    display: block;
    max-width: 690px;
}

/* overrides for left-aligned image */

.angled-deck.double-angle.photo-align-left .multicol2 {
    clip-path: polygon(80% 0, 80% 31%, 100% 100%, 0 100%, 0 0);
}

.angled-deck.double-angle.photo-align-left .multicol1 {
    justify-content: flex-start;
}

@media screen and (max-width: 767px) {
    .angled-deck.double-angle .multicol2 .multicol-inner {
        max-width: calc(100% - 20px);
        display: block;
        text-align: center;
        padding: 20px 15px !important;
        margin: auto;
    }
    .angled-deck.double-angle .multicol2,
    .angled-deck.double-angle.photo-align-left .multicol2 {
        clip-path: none;
    }
    .angled-deck.double-angle .feature-img {
        margin: auto;
        width: auto;
        height: auto;
    }
    .angled-deck.double-angle .feature-img img {
        height: auto;
        width: 100%;
        object-fit: unset;
        border-radius: 8px;
        min-height: 0;
    }
}

/* popper tooltip customization */

.popover-body {
    padding: 5px;
}

/* stacked bars */

.stacked-bar,
.stacked-bar a {
    color: #1B365D;
    font-size: 1.5rem;
    font-family: 'Lexend', sans-serif !important;
    font-weight: 300 !important;
    text-transform: unset;
}

.stacked-bar.card {
    padding: 25px;
    margin: 35px 0;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
}

.stacked-bars-container a {
    text-decoration: none;
}

.stacked-bars-container a .stacked-bar.card {
    box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45);
}

.stacked-bars-container a .stacked-bar.card:hover {
    box-shadow: 0px 4px 14px -11px rgba(0, 0, 0, 0.45);
}

/* closing block */

.closing-block.reverse-boxed-deck.contentdeck .deckinner {
    max-width: 1150px;
}

.closing-block .deck-distinct .multicol2,
.closing-block .deck-distinct .multicol1 {
    z-index: 2;
}

.closing-block .deck-distinct .multicol2 {
    text-wrap: balance;
}

.closing-block .deck-distinct .multicol2 .multicol-inner {
    flex-direction: column;
    margin: 40px;
    gap: 40px;
    z-index: 2;
}

.closing-block .bg-color-customblue {
    background-color: #F3FAFC !important;
}

.closing-block .logo-overlay:before {
    content: '';
    position: absolute;
    inset: 0 0 0 -46%;
    z-index: 1;
    opacity: .99;
    background-image: url("{% static 'assetzz/img/pattern-1-b.svg' %}");
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
}

/* add icons */

.closing-block .stacked-bars-container a .stacked-bar.card {
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0;
    padding: 15px 25px;
}

.closing-block .stacked-bars-container a .stacked-bar.card i {
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 2px #888;
    background-color: #214A82;
    color: #fff;
    font-size: 1.65rem;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.closing-block .stacked-bar,
.closing-block .stacked-bar a {
    color: #222;
    font-size: 1rem;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    text-transform: unset;
}

@media screen and (max-width: 767px) {
    .closing-block .deck-distinct .multicol2 .multicol-inner {
        margin: 30px 30px 0 30px;
        gap: 20px;
        z-index: 2;
    }
}

/* parallelogram angled top and bottom deck */

/* .contentdeck.deck-angled-top-bottom { padding-top: 2%; padding-bottom: 2%; clip-path: polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);} */

.contentdeck.deck-angled-top-bottom {
    padding-top: 2%;
    padding-bottom: 2%;
    clip-path: polygon( 0 6vw, /* left top */
    100% 0%, /* right top */
    100% calc(100% - 6vw), /* right bottom */
    0 100%/* left bottom */
    );
}

/* reverse overlap and remove mini-button */

.contentdeck.reverse-overlap .overlap-mini-square {
    display: none !important;
}

.contentdeck.reverse-overlap .overlap-img.overlap-1 {
    z-index: 2;
    border: 10px solid white;
    box-shadow: -10px 5px 20px 0px rgba(0, 0, 0, 0.15), 10px 5px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    height: auto;
}

.contentdeck.reverse-overlap .overlap-img.overlap-2 {
    z-index: 1;
    border: none;
    box-shadow: none;
}

.contentdeck.reverse-overlap .overlap-img.overlap-1 img {
    border-radius: 0;
    height: 500px;
}

.contentdeck.reverse-overlap .overlap-img.overlap-2 img {
    border-radius: 8px;
}

/* extras carousel overrides */

.slick-slider.carousel-extras .card {
    transform: scale(.9);
    transition: all ease 0.9s;
    opacity: 1;
}

.slick-slider.carousel-extras .slick-active .card {
    transform: scale(.9);
    transition: all ease 0.9s;
    opacity: .7;
}

.slick-slider.carousel-extras .slick-active.slick-center .card {
    transform: scale(1);
    box-shadow: 0 5px 13px rgb(0 0 0 / 0.2);
    opacity: 1;
    transition: all ease 0.9s;
    /* highlight the center card */
}

.slick-slider.carousel-extras {
    margin-bottom: 20px;
}

/*space for the arrows */

.slick-slider.carousel-extras .container {
    max-width: 100%;
}

.slick-slider.carousel-extras .card {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    border: none;
    justify-content: flex-start;
    min-height: 0;
    min-width: 0;
}

.slick-slider.carousel-extras .card:hover {
    box-shadow: 0 5px 13px rgb(0 0 0 / 0.85);
}

.slick-slider.carousel-extras .card a {
    width: 100%;
    height: 100%;
}

.slick-slider.carousel-extras .card-body {
    padding: 0;
    justify-content: flex-start;
}

.slick-slider.carousel-extras .extras-text {
    padding: 40px 20px;
    text-decoration: underline;
}

.slick-slider.carousel-extras .extras-image {
    height: 300px;
    max-height: 300px;
    width: 100%;
    overflow: hidden;
}

.slick-slider.carousel-extras .extras-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: inline;
}

@media screen and (max-width: 767px) {
    .slick-slider.carousel-extras .extras-image {
        max-height: 300px;
        width: 100%;
    }
}

/* Custom news grid*/

.custom-news-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.news-grid-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(50% - 40px);
    border-radius: 10px;
    overflow: hidden;
    border: none;
}

.news-grid-item:hover {
    box-shadow: 0px 0px 55px -13px rgba(255, 254, 254, 0.5);
}

.news-grid-pic {
    height: 100%;
    width: 250px;
    flex: 0 0 auto;
    min-height: 200px;
    max-width: 50%;
}

.news-grid-pic img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 250px;
}

.news-grid-content {
    padding: 20px 25px 15px 25px;
}

.news-grid-title {
    font-size: 1.5rem;
    font-family: 'Lexend', sans-serif;
    color: #1B365D;
}

.news-grid-text {
    font-size: 1.25rem;
    color: #2F2F2F;
}

.txt-light .news-grid-text a {
    font-size: 1.25rem;
    color: #214A82 !important;
    text-decoration: underline
}

/*  expanded hitbox for title link*/

.custom-news-grid {
    position: relative;
}

.custom-news-grid .news-grid-title a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.custom-news-grid .news-grid-title,
.txt-light .custom-news-grid .news-grid-title a {
    color: #2F2F2F !important;
}

.custom-news-grid .news-grid-title:hover {
    text-decoration: none !important;
}

.custom-news-grid .news-grid-title a:hover {
    text-decoration: underline !important;
}

.custom-news-grid .news-grid-title:hover::before {
    cursor: auto;
}

.custom-news-grid .news-grid-title a:hover::before {
    cursor: pointer;
}

.custom-news-grid.news-grid-title a:focus {
    outline-width: 1px;
    outline-color: #dedede;
}

.linked-card .news-grid-content a {
    position: relative;
    z-index: 2;
    /* allows inside links to work by raising them above the box */
}

.custom-news-grid .news-grid-content a:focus {
    outline-width: 1px;
    outline-color: #dedede;
}

@media screen and (max-width: 950px) {
    .news-grid-item {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .news-grid-item {
        flex-direction: column;
    }
    .news-grid-pic {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    .news-grid-pic img {
        width: 100%;
    }
}

/* CSS-only tabbed menu bit type - TM - REUSABLE ------ MORE STYLING WITHIN BIT TYPE TEMPLATE */

.tm-wrapper {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-width: 1280px;
    margin: auto;
}

.tm-tabs {
    display: flex;
    gap: 30px;
    margin: 10px auto;
    max-width: 1280px;
    padding: 0 10px;
    width: 100%;
}

.tm-tab {
    cursor: pointer;
    padding: 10px 0 4px 0;
    margin: 0 0 5px 0;
    display: flex;
    color: #6E7272;
    font-size: 1rem;
    align-items: flex-end;
    line-height: 1.1;
    color: #262730;
    font-family: 'Lexend', sans-serif;
    color: #1B365D;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.tm-panels {
    min-height: 200px;
    overflow: hidden;
    padding: 0 10px;
}

.tm-panel {
    display: none;
    animation: tm-fadein 0.8s;
}

@keyframes tm-fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

input.tm-radio {
    display: none;
}

/* this has been moved into a style block in the bit type with a admin-created unique ID so it can be reused
#tm-one:checked ~ .tm-panels #tm-one-panel, 
#tm-two:checked ~ .tm-panels #tm-two-panel, 
#tm-three:checked ~ .tm-panels #tm-three-panel, 
#tm-four:checked ~ .tm-panels #tm-four-panel, 
#tm-five:checked ~ .tm-panels #tm-five-panel 
{display: block;}

#tm-one:checked ~ .tm-tabs #tm-one-tab, 
#tm-two:checked ~ .tm-tabs #tm-two-tab, 
#tm-three:checked ~ .tm-tabs #tm-three-tab, 
#tm-four:checked ~ .tm-tabs #tm-four-tab, 
#tm-five:checked ~ .tm-tabs #tm-five-tab
 {background: transparent; border-bottom: 2px solid #6E7272; font-weight: 600;} */

@media screen and (max-width: 767px) {
    .tm-tabs {
        gap: 2px 20px;
        flex-wrap: wrap;
        width: auto;
    }
    .tm-tab {
        font-size: 1rem;
        text-align: center;
        margin: 0;
    }
}

/* homepage feature - counter blocks */

.counter-feature {
    padding: 40px 0;
}

.counter-feature .container {
    padding: 0;
}

.counter-blocks .card {
    background-color: #1B365D;
    border: 1px solid #BCE5F1;
    border-radius: 8px;
    color: #fff;
    font-size: 1.235rem;
    text-align: left;
    padding: 45px 35px 35px 25px;
}

.counter-blocks .counter-number {
    font-size: 2.25rem;
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
}

.counter-blocks {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 26px;
    grid-row-gap: 26px;
}

.counter-block-1 {
    grid-area: 1 / 1 / 3 / 7;
}

.counter-block-2 {
    grid-area: 3 / 1 / 5 / 7;
}

.counter-block-3 {
    grid-area: 2 / 6 / 4 / 12;
}

@media screen and (max-width: 1000px) {
    /* stack temporarily */
    .counter-blocks {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    /* back to staggered */
    .counter-blocks {
        display: grid;
    }
}

@media screen and (max-width: 400px) {
    /* back to staggered */
    .counter-blocks .card {
        font-size: 1rem;
        padding: 25px 15px 15px 10px;
    }
    .counter-blocks .counter-number {
        font-size: 1.25rem;
    }
}

/* video option for decks */

.feature-video .video-responsive {
    border-radius: 8px;
}

div#uploadButton a.button {
    background-color: #214A82 !important;
    color: #FFF !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

div#uploadButton a.button:hover {
    background-color: #214A82 !important;
    color: #FFF !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

/* on-load banner image scaling animation */

@keyframes scale-image-up {
    from {
        transform: scale(.8);
    }
    to {
        transform: scale(1);
    }
}

@keyframes scale-image-down {
    from {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}

.overlap-img.overlap-1 {
    animation-name: scale-image-up;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.overlap-img.overlap-2 {
    animation-name: scale-image-down;
    animation-duration: 2.0s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

/* possible workaround for Firefox - hide animation but reactivate sticky header 
@-moz-document url-prefix() {
  .overlap-img.overlap-1, .overlap-img.overlap-2 {
    animation: none;
  }
}*/

/* homepage collage images */

.collage-container .collage-1 img,
.collage-container .collage-4 img {
    animation-name: scale-image-up;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.collage-container .collage-2 img,
.collage-container .collage-3 img {
    animation-name: scale-image-down;
    animation-duration: 1.6s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

/* ------------------------ alert-style toolbox */

.site-alerts {
    z-index: 5;
    /* moving alerts and toolbox above header elements */
}

.alert.alert-styled-toolbox {
    background-color: rgba(255, 255, 255, 0.99);
    border: 3px solid rgba(13, 184, 223, .6);
    box-shadow: 0 0 20px rgba(13, 184, 223, .6);
}

.alert.alert-styled-toolbox .toolbox-title {
    font-size: 2rem;
    color: #FBAD17;
    font-weight: 600;
}

.alert.alert-styled-toolbox .alert-title,
.alert.alert-styled-toolbox .alert-title a {
    font-weight: 400;
}

.alert.alert-styled-toolbox .alert-actions {
    background: transparent;
    display: flex;
    justify-content: space-between;
}

.alert.alert-styled-toolbox .alert-actions.toolbox-lifespan-0 {
    display: none;
}

.alert-styled-toolbox .toolbox-image {
    display: none;
}

.alert-styled-toolbox a.toolbox-reset {
    margin: 0;
    text-transform: unset;
}

/* add animation to toolbox */

.toolbox-animate {
    animation-duration: 1s;
    animation-name: L9-animate-fade;
    animation-delay: 0.3s;
    animation-fill-mode: backwards;
}

@keyframes L9-animate-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* email lead form overrides */

div.email-lead-title {
    font-size: 1rem;
    color: #1B365D;
    font-weight: 600;
    margin: 5px 0;
    text-align: center;
}

div.email-lead {
    padding: 4px 12px;
    border-radius: 10px;
    border: 1px solid #ededed;
}

div.email-lead form .myForm {
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 1.2;
    justify-content: center;
}

div.email-lead form input[type=text] {
    font-size: 1rem !important;
    width: 100%;
    max-width: 220px;
}

div.email-lead form input[type=submit] {
    font-size: .8rem !important;
    padding: 4px 10px;
    background-color: #B0C7E8 !important;
    color: #000 !important;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .18);
}

div.email-lead form input[type=submit]:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 2px 4px 1px rgba(0, 0, 0, .07);
}

div.email-lead table tr {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #1B365D;
}

div.email-lead span {
    display: none !important;
}

div.email-lead span.required {
    display: inline !important;
    color: red;
    margin-left: -3px;
}

@media screen and (max-width: 500px) {
    div.email-lead form input[type=text] {
        font-size: .8rem !important;
        max-width: 150px;
    }
}

@media screen and (max-width: 400px) {
    div.email-lead form input[type=text] {
        font-size: 1rem !important;
        max-width: 130px;
    }
}

@media screen and (max-width: 350px) {
    div.email-lead form input[type=text] {
        font-size: 1rem !important;
        max-width: 95px;
    }
}

/* hide TexTel alerts */

.site-alerts .alert-textel {
    display: none;
}

/* End of file - make sure all CSS is above this line */