@charset "UTF-8";

/* L9 VOICE modern */
html, body { max-width: 100%; overflow-x: clip; }
html { font-size: 100%; text-size-adjust: 100%; }
/* 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 */

/* BRAND REFERENCE

.open-sans
	font-family: "Open Sans", sans-serif;
	variable font
 
Colors:
DARK COLORS
	color-basic-1: var(--color-basic-1); - COLOR 1 dark blue
	color-basic-2: var(--color-basic-2); - COLOR 2 dark teal
MEDIUM COLORS
	color-basic-3: var(--color-basic-3); - COLOR 3 bright blue
	color-basic-4: var(--color-basic-4); - COLOR 4 lime
	color-basic-5: var(--color-basic-5); - COLOR 5 medium gray
LIGHT COLORS
	color-basic-6: var(--color-basic-6); - COLOR 6 baby blue
	color-basic-7: var(--color-basic-7); - COLOR 7 light gray
	color-basic-8: var(--color-basic-8); - COLOR 8 light aqua

 */
 
 /* SET THE COLORS HERE - do not use important or it will invalidate the variable */
:root { 
	--color-white: #FFF; 
	--color-black: #000; 
	--color-red: #c30000; 	
	--color-gray-lightest: #f8f9fa;
	--color-gray-light: #e0e0e0;
	--color-gray-mid: #9e9e9e;
	--color-gray-dark: #616161;
	--color-charcoal: #333;	
	--color-basic-1: #0E4067; 
	--color-basic-2: #025964; 
	--color-basic-3: #0094FF; 
	--color-basic-4: #C2FF9F; 
	--color-basic-5: #D5D4CD; 
	--color-basic-6: #F3FAFF; 
	--color-basic-7: #F4F6F6; 
	--color-basic-8: #EBFCFF; 
}
/* base colors */
.color-white { color: var(--color-white) !important; }
.color-black { color: var(--color-black) !important; }
.color-red { color: var(--color-red) !important; }

.bg-color-white { background-color: var(--color-white) !important; }
.bg-color-black { background-color: var(--color-black) !important; }
.bg-color-red { background-color: var(--color-red) !important; }

.border-color-white { border: 2px solid var(--color-white) !important; }
.border-color-black { border: 2px solid var(--color-black) !important; }
.border-color-red { border: 2px solid var(--color-red) !important; }

/* base UI grays */
.ui-color-gray-lightest { color: var(--color-gray-lightest) !important; }
.ui-color-gray-light { color: var(--color-gray-light) !important; }
.ui-color-gray-mid { color: var(--color-gray-mid) !important; }
.ui-color-gray-dark { color: var(--color-gray-dark) !important; }
.ui-color-charcoal { color: var(--color-charcoal) !important; }

.ui-bg-color-gray-lightest { background-color: var(--color-gray-lightest) !important; }
.ui-bg-color-gray-light { background-color: var(--color-gray-light) !important; }
.ui-bg-color-gray-mid { background-color: var(--color-gray-mid) !important; }
.ui-bg-color-gray-dark { background-color: var(--color-gray-dark) !important; }
.ui-bg-color-charcoal { background-color: var(--color-charcoal) !important; }

.ui-border-color-gray-lightest { border: 2px solid  var(--color-gray-lightest) !important; }
.ui-border-color-gray-light { border: 2px solid  var(--color-gray-light) !important; }
.ui-border-color-gray-mid { border: 2px solid  var(--color-gray-mid) !important; }
.ui-border-color-gray-dark { border: 2px solid  var(--color-gray-dark) !important; }
.ui-border-color-charcoal { border: 2px solid var(--color-charcoal) !important; }

/* variable colors */
.color-basic-1 { color: var(--color-basic-1) !important; }
.color-basic-2 { color: var(--color-basic-2) !important; }
.color-basic-3 { color: var(--color-basic-3) !important; }
.color-basic-4 { color: var(--color-basic-4) !important; }
.color-basic-5 { color: var(--color-basic-5) !important; }
.color-basic-6 { color: var(--color-basic-6) !important; }
.color-basic-7 { color: var(--color-basic-7) !important; }
.color-basic-8 { color: var(--color-basic-8) !important; }

.bg-color-basic-1 { background-color: var(--color-basic-1) !important; }
.bg-color-basic-2 { background-color: var(--color-basic-2) !important; }
.bg-color-basic-3 { background-color: var(--color-basic-3) !important; }
.bg-color-basic-4 { background-color: var(--color-basic-4) !important; }
.bg-color-basic-5 { background-color: var(--color-basic-5) !important; }
.bg-color-basic-6 { background-color: var(--color-basic-6) !important; }
.bg-color-basic-7 { background-color: var(--color-basic-7) !important; }
.bg-color-basic-8 { background-color: var(--color-basic-8) !important; }

.border-color-basic-1 { border: 2px solid var(--color-basic-1) !important; }
.border-color-basic-2 { border: 2px solid var(--color-basic-2) !important; }
.border-color-basic-3 { border: 2px solid var(--color-basic-3) !important; }
.border-color-basic-4 { border: 2px solid var(--color-basic-4) !important; }
.border-color-basic-5 { border: 2px solid var(--color-basic-5) !important; }
.border-color-basic-6 { border: 2px solid var(--color-basic-6) !important; }
.border-color-basic-7 { border: 2px solid var(--color-basic-7) !important; }
.border-color-basic-8 { border: 2px solid var(--color-basic-8) !important; }

.border-none {border: none !important;}


.bg-pattern-1,
.bg-pattern-2,
.bg-pattern-3 { position: relative; isolation: isolate; }

.bg-pattern-1::before,
.bg-pattern-2::before,
.bg-pattern-3::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: -1; mix-blend-mode: hard-light; }

.bg-pattern-1::before { background-image: url("/img/pattern-ping.svg"); background-repeat: repeat; background-size: 927px 501px; }
.bg-pattern-2::before { background-image: url("/img/pattern-triangles.svg"); background-repeat: repeat; background-size: 927px 501px; }
.bg-pattern-3::before { background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 40px, transparent 40px, transparent 80px); }

/* section names with small line */
.section-name {text-transform: uppercase; font-weight: 600; letter-spacing: 2px; position: relative; display: flex; align-items: center; gap: 20px; color: var(--color-basic-2); max-width: 1440px; margin: 20px auto; width: 100%; padding: 0 20px;}
.section-name::after { content: ""; height: 2px; background-color: currentColor; flex: 1 0; }


body {
    font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-variation-settings: "wdth" 100;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    background-color: var(--color-white);
    margin: 0;
    color: var(--color-black);
    position: relative;
    z-index: 0;
    min-height: 100%;
    height: 100%;
	scroll-behavior: smooth;
}


/* -------------- Reset and Accessibility - REVAMPED -------------- */
*, *::before, *::after { box-sizing: border-box; }
img, picture, video, canvas, svg, iframe { max-width: 100%; height: auto; }
abbr, address, cite, code, del, dfn, em, q, s, samp, small, strong, sub, sup, var, dd, dl, dt, li { margin: 0; padding: 0; border: 0; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
button, input, select, textarea { margin: 0; font: inherit; color: inherit; }
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; appearance: button; background: transparent; border: 0; padding: 0; }
textarea { resize: vertical; overflow: auto; }



/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */
#skip a, #skip a:hover, #skip a:visited { position: absolute; top: -500px; left: 0; 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, .sr-only { position: absolute; top: auto; left: -10000px; display: block; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: var(--color-black); }
.just-sr a:link { color: var(--color-black); }

p { margin: 0 0 10px 0; line-height: 1.4; }
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 !important;}
a, a:link{
    color: var(--color-basic-1);
    text-decoration: underline;
}
a:visited {
    color: var(--color-basic-1);
    text-decoration: underline;
}
a:hover {
    color: var(--color-basic-1);
    text-decoration: none;
}
a:active {
    color: var(--color-black);
    text-decoration: none;	
}


h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style {
    margin: 5px 0 10px 0;
    font-weight: 300;
    color: var(--color-basic-1);
	line-height: 1.2;
}
h1, .h1-style {
    font-size: 3.125rem;
    color: var(--color-basic-1); 
    font-weight: 200;
	line-height: 1.1;
}
h2, .h2-style {
    font-size: 2.5rem;
    color: var(--color-basic-1);
    font-weight: 300;
	line-height: 1.1;
}
h3, .h3-style {
    font-size: 1.625rem;
    color: var(--color-basic-1);
    font-weight: 300;
}
h4, .h4-style {
    font-size: 1.375rem;
    color: var(--color-basic-1);
    font-weight: 300;
}
h5, .h5-style {
    font-size: 1.125rem;
    color: var(--color-basic-1);
    font-weight: 300;
}
h6, .h6-style {
    font-size: 1.0625rem;
    color: var(--color-basic-1);
    font-weight: 300;
}

.content a {overflow-wrap: anywhere;}
::placeholder {  color: var(--color-gray-mid); font-size: 1.25rem;}


.content ul, .content ol {margin-bottom: 30px; margin-top: 20px; text-align: left;}
.content ul li, .content ol li {margin-bottom: 0; text-wrap: pretty;}

/* custom UL and OL - circle orange and blue numbers */
ul {list-style-type: disc;	/* For modern browsers */	--bullet-color: var(--color-basic-3);}
ul li::marker {	color: var(--color-basic-3); font-size: 1.2rem;}
ol li::marker {color: var(--color-basic-3); font-weight: 700;}

@media screen and (max-width: 767px) {
	h1 {font-size: 2rem;}
	h2 {font-size: 1.75rem;}
	h3 {font-size: 1.5rem;}
	h4 {font-size: 1.25rem;}
	h5 {font-size: 1.15rem;}
	h6 {font-size: 1.1rem;}

	h1, h1.page-title {font-size: 2rem;}
}

hr {
  height: 1px;
  border: 0;
  border-top: 2px solid var(--color-basic-5);
  margin: 1em 0;
  padding: 0;
  opacity: .8;
  }

/* -------------- 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.625rem;
    color: var(--color-basic-2);
    font-weight: 200;
	line-height: 1.2;
}
.red {
    color: var(--color-red) !important;
}
.huge {
    font-size: 3.125rem;
	line-height: 1;
}
.large {
    font-size: 2.1875rem;
	line-height: 1;
}
.medium {
    font-size: 1.5rem;
	line-height: 1.2;
}
.small {
    font-size: 0.875rem;
}
.tiny {
    font-size: .75rem;
    line-height: 1.5;
    display: inline-block;
}
.weight-100 {font-weight: 100 !important;}
.weight-200 {font-weight: 200 !important;}
.weight-300 {font-weight: 300 !important;}
.weight-400 {font-weight: 400 !important;}
.weight-500 {font-weight: 500 !important;}
.weight-600 {font-weight: 600 !important;}
.weight-700 {font-weight: 700 !important;}
.weight-800 {font-weight: 800 !important;}
.weight-900 {font-weight: 900 !important;}

 /* repeats from color definitions */
.mce-content-body .color-white {color: var(--color-white) !important;}
.mce-content-body .color-black {color: var(--color-black) !important;}


/* extra text colors farther down in stylesheet and added to dropdown script */

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

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

/* 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 { margin: 0 20px 10px 0; float: left; }
img.alignright { margin: 0 0 10px 20px; float: right; }
img.alignnone { float: none; }

img.border1, img.border2, img.border3, img.border4, img.border5 { border-color: var(--color-charcoal); }
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; }

/* -------------- Column Layouts -------------- */

/* legacy Percentage based columns - trimmed to sixths in 2026 */
.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.666667%; }
.fivesixths { width: 83.333333%; }

.onewhole, .onehalf, .onethird, .twothirds, .onefourth, .twofourths, .threefourths, .onefifth, .twofifths, .threefifths, .fourfifths, .onesixth, .twosixths, .threesixths, .foursixths, .fivesixths { 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 5px; }
}

@media screen and (max-width: 767px) {
  /*make all the columns full width and clear them*/
  .onesixth, .twothirds, .threefourths, .fourfourths, .threefifths, .fourfifths, .fivefifths, .foursixths, .fivesixths, .sixsixths, .onehalf, .onethird, .onefourth, .twofourths, .onefifth, .twofifths, .twosixths, .threesixths { 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 { width: 100% !important; }
.onehalf.colfixed, .twofourths.colfixed, .threesixths.colfixed { width: 50% !important; }
.onethird.colfixed, .twosixths.colfixed { width: 33.333333% !important; }
.twothirds.colfixed, .foursixths.colfixed { width: 66.666666% !important; }
.onefourth.colfixed { width: 25% !important; }
.threefourths.colfixed { width: 75% !important; }
.onefifth.colfixed { width: 20% !important; }
.twofifths.colfixed { width: 40% !important; }
.threefifths.colfixed { width: 60% !important; }
.fourfifths.colfixed { width: 80% !important; }
.onesixth.colfixed { width: 16.666667% !important; }
.fivesixths.colfixed { width: 83.333333% !important; }


/* new version 2026 */
.clearfix, .fix { display: flow-root; }

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.left, .colleft {float: left;}
.right, .colright {float: right;}

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

/* -------------- Form Elements -------------- */
fieldset { border: none; }

div.form-field { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 10px 0; float: left; }
div.form-field .label { max-width: 99%; min-width: 40%; float: left; font-weight: 600; color: var(--color-basic-1); }

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

.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 { width: 100%; margin: 1em 0 0 0; padding: 0.7em 0; text-align: center; border-top: solid 1px var(--color-basic-5); }
div.form-field .button.submit { width: auto; }
div.form-field.rule { /*login form div.form-field exception for horizontal line*/ margin: 0 0 4px 0; padding: 0; border-bottom: solid 1px var(--color-gray-mid) !important; }

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 { display: block; width: 96%; border: none; }
  div.form-field .label, div.form-field .input { width: 100%; margin: 0; float: none; clear: both; }
}

form { margin: 0; padding: 0; }
label { display: block; }

/*labels within radio or checkbox groups*/
div.input label { display: inline-block; margin: 0 10px; }

input { margin: 0; padding: 3px; font-weight: normal; }
textarea { width: 100%; height: 120px; }

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select { box-sizing: border-box; font-family: inherit; font-size: 1.25rem; background-color: var(--color-white); color: var(--color-basic-1); border: solid 2px var(--color-basic-5); border-radius: 100px; padding: 10px; }
textarea { border-radius: 20px; padding: 15px; }
input[type="button"] { margin: 10px; float: right; }

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 var(--color-gray-light); }

select { display: block; appearance: none; background-color: var(--color-white); background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23F5EDFD' d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-position: right 15px top 55%, 0 0; background-size: 1rem auto, 100%; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); }
select::-ms-expand { display: none; }
select:hover { border-color: var(--color-basic-3); border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
select:focus-visible { outline: none; border-color: var(--color-gray-lightest); color: var(--color-gray-light); border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7); box-shadow: 0 0 0 3px -moz-mac-focusring; }

select option { font-weight: normal; }

/* new select dropdown styles to override the browser controlled one */



/* 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, var(--color-white) 0%, var(--color-gray-light) 100%); }
select:disabled:hover, select[aria-disabled="true"] { border-color: var(--color-gray-mid); }

input.formkey { width: inherit; }

input.error, textarea.error, select.error, input.errormsg, textarea.errormsg, select.errormsg { border-color: var(--color-red) !important; }
.errormsg { width: auto; margin: 0; padding: 1px 0 10px 0; font-size: 0.8rem; text-align: left; color: var(--color-red); }

.form_label_req { font-weight: bold; color: var(--color-basic-1); }

input.field, textarea { font-size: 1.25rem; }
input.upload { width: 99%; font-size: 0.6875rem; }
input.short, textarea.short { width: 33%; }
input.wide, textarea.wide { width: 100%; }
input.small, textarea.small { font-size: 0.9rem; }
input.large, textarea.large { font-size: 1rem; }
input.tiny { height: 12px; font-size: 0.8rem; font-weight: bold; }

select.wide { width: 99%; }
select.short { width: 33%; }
select.small { font-size: 0.9rem; }
select.large { font-size: 1.3rem; }
select.multiple { width: 96.5%; overflow: auto; font-size: 1rem; }
select.multiple_wide { width: 99%; height: 100px; overflow: auto; }

.aid { display: inline-block; padding: 2px 0 3px 0; font-weight: normal; font-size: 0.75rem !important; line-height: 1; color: var(--color-charcoal); }
@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: 0; }

div.form-field .label label { display: inline-block; margin: 5px 0; font-size: 1.25rem; line-height: 1.2; }
.confirm { padding: 0.5em 3%; font-size: 1.25rem; color: var(--color-basic-2); }
label.agree { font-size: 0.6875rem; }

div.fields ul { margin: 0; padding: 0; list-style: none; }
div.fields ul li { height: 80px; }

div.form-field div.error_message, div.error { margin: 0 0 3px 0; clear: both; font-size: 1rem; color: var(--color-red) !important; }
.status label { display: inline; font-size: 0.875rem; font-weight: normal; text-transform: none; color: var(--color-charcoal); }

/* -------------- FORMS TOOL OUTPUT -------------- */
.formerrors { padding: 0 0 0 10px; text-align: left; color: var(--color-red); }
.form_err_msg_area { padding: 0.5em 0; font-size: 1rem; color: var(--color-red); }

/* Generated Form styles */
ul#form_elements, ul#form_elements li { position: inherit !important; top: inherit !important; left: inherit !important; width: inherit !important; margin: 0 !important; padding: 0 !important; list-style: none; }
div.section_title { font-size: 1.5rem; font-weight: bold; color: var(--color-basic-1); }

input[type="radio"], input[type="checkbox"] { display: inline-block; margin-right: 10px; margin-bottom: 5px; vertical-align: middle; }
span.JQradioClick { display: inline-block; margin-top: 20px; }
select { min-width: 50%; max-width: 100%; }

div.form-field.consent { display: flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box; }
div.form-field.consent div.label { width: 17px; min-width: 17px; float: none; }
div.form-field.consent div.input { width: calc(100% - 20px); }

.ui-sortable-placeholder { display: none !important; }
div.form-field div.label label { width: auto; overflow-wrap: anywhere; color: var(--color-basic-1); }

#form_div { width: 100%; }
#form_div h2, wrapper-survey h2 { border-bottom: solid 1px var(--color-gray-light); }

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: var(--color-gray-light) !important; background-image: none !important; border: none !important; box-shadow: none !important; }
input[disabled="disabled"]:hover { background-color: var(--color-gray-dark) !important; background-image: none !important; border: none !important; box-shadow: none !important; color: var(--color-white); cursor: default; }

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

/* fix for IE and Edge where LEGEND elements overlaps INPUTs */
div.form-field div.label legend { display: inline-block; margin-bottom: 15px; margin-right: 10px; line-height: 1.2; }

.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 { margin: 20px 0; padding: 20px; text-align: center; font-size: 1.25rem; background-color: var(--color-gray-lightest); color: var(--color-charcoal); border: solid 1px var(--color-gray-lightest); border-radius: 20px; box-shadow: 0 15px 10px -15px rgb(0 0 0 / 25%); }

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 { display: block; margin-right: 10px; margin-bottom: 10px; clear: both; color: var(--color-gray-dark); }

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

/* -------------- Conventional Content Decks -------------- */
div.decks.fix { display: block; 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 { display: block; float: none; width: 100% !important; }
    .contentdeck.onethird-twothirds .multicol2, .contentdeck.twothirds-onethird .multicol2 { display: block; float: none; width: 100% !important; }
    .contentdeck.onefourth-threefourths .multicol1, .contentdeck.threefourths-onefourth .multicol1 { display: block; float: none; width: 100% !important; }
    .contentdeck.onefourth-threefourths .multicol2, .contentdeck.threefourths-onefourth .multicol2 { display: block; float: none; width: 100% !important; }
    .contentdeck.onewhole .multicol-inner, .contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner { padding: 10px 15px !important; }
}

.multicol-inner { display: block; padding: 20px !important; }
.contentdeck .multicol-outro { display: block; clear: both; }
.multicol-outro.no-padding, .multicol-outro.no-padding p { display: block; margin: 0; padding: 0 !important; line-height: 1; }
div.contentdeck { display: flow-root; padding: 0; }

div.contentdeck div.deckinner /*other deck inner styling in section 10.0*/ { display: block; padding: 30px 0; }
@media screen and (max-width: 767px) {
    div.contentdeck div.deckinner /*other deck inner styling in section 10.0*/ { display: block; padding: 30px 0; }
}



/* -------------- DUO DECKS -------------- */

div.contentdeck .deckinner.duo-deck { display: flex; justify-content: center; align-items: stretch; padding: 40px 10px; }

/*alignment in duo-decks is based on photo alignment class photo-align */
.duo-deck .multicol1 { display: flex; flex-direction: column; width: 50%; } /* text */
.duo-deck .multicol2 { width: 50%; } /* image or video */
.photo-align-right .duo-deck { flex-direction: row-reverse; }

.duo-deck .multicol-inner { display: block; margin: 10px; border-radius: 20px; }
.duo-deck .multicol1 .multicol-inner { flex: 1 1 auto; align-content: center; padding: 20px 40px !important;}
.duo-deck .multicol2 .multicol-inner { display: flex; justify-content: center; align-items: center; padding: 0 20px !important; border-radius: 20px; }
.video-deck .duo-deck .multicol2 .multicol-inner { padding: 20px !important; }

div.feature-img { display: flex; justify-content: center; width: 100%; border-radius: 20px; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15); overflow: hidden; }
div.feature-img img { width: 100%; max-height: 532px; object-fit: cover; object-position: center center; border-width: 5px !important; border-radius: 20px; }
.feature-img.colleft, .feature-img.colright { margin: 20px; }

/* new options - original size with no rounding or shadow or border*/
div.feature-img img.deck-image-orig-size { width: auto; max-width: 100%; max-height: unset; border: none !important; border-radius: 0; box-shadow: none !important; }
div.feature-img img.deck-image-shadow-none { box-shadow: none; }

@media screen and (max-width: 900px) {
	.duo-deck .multicol2 .multicol-inner {padding: 0 !important;}
    div.contentdeck .deckinner.duo-deck { display: flex; flex-direction: column; flex-wrap: wrap; }
    div.contentdeck.photo-align-right, div.contentdeck.photo-align-left { flex-direction: column; }
    .duo-deck .multicol1, .duo-deck .multicol2, .deck-image-tall .duo-deck .multicol1, .deck-image-tall .duo-deck .multicol2 { display: block !important; float: none; width: 100%; margin: auto; }
}







div.contentdeck h2.deck-title, div.contentdeck h3.deck-title { display: block; width: 100%; }

/*content deck background colors and changing content elements to white based on background*/
div.contentdeck.white { display: block; background-color: var(--color-white); }
div.contentdeck.white.border:before, div.contentdeck.white.border:after { position: relative; display: block; width: 96%; height: 2px; margin: 10px 2%; background: var(--color-gray-mid); visibility: visible; }

/* THESE DECK STYLES SHOULD BE UPDATED BASED ON WHAT IS NEEDED */
div.contentdeck.white { display: block; background-color: var(--color-white); }

/*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: var(--color-white); }

/*not sure if we still need this...*/
div.contentdeck div.page_body { display: block; padding: 0 !important; }
div.contentdeck div.contentdeck, div.contentdeck .contentdeck.onehalf .multicol-inner { display: block; padding: 5px 5px 5px 0 !important; }
/*content decks with background images*/
.contentdeck.has-bgimg { display: block; 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 { display: block; background-color: rgba(8, 29, 38, 0.9); }
.contentdeck.has-bgimg .deck-overlay.darken1 { display: block; background-color: rgba(8, 29, 38, 0.1); }
.contentdeck.has-bgimg .deck-overlay.darken2 { display: block; background-color: rgba(8, 29, 38, 0.3); }
.contentdeck.has-bgimg .deck-overlay.darken3 { display: block; background-color: rgba(8, 29, 38, 0.5); }
.contentdeck.has-bgimg .deck-overlay.darken4 { display: block; background-color: rgba(8, 29, 38, 0.7); }
.contentdeck.has-bgimg .deck-overlay.darken5 { display: block; background-color: rgba(8, 29, 38, 0.9); }
/* default in case no opacity is chosen */
.contentdeck.has-bgimg .deck-overlay.lighten { display: block; background-color: rgba(255, 255, 255, 0.9); }
.contentdeck.has-bgimg .deck-overlay.lighten1 { display: block; background-color: rgba(255, 255, 255, 0.1); }
.contentdeck.has-bgimg .deck-overlay.lighten2 { display: block; background-color: rgba(255, 255, 255, 0.3); }
.contentdeck.has-bgimg .deck-overlay.lighten3 { display: block; background-color: rgba(255, 255, 255, 0.5); }
.contentdeck.has-bgimg .deck-overlay.lighten4 { display: block; background-color: rgba(255, 255, 255, 0.7); }
.contentdeck.has-bgimg .deck-overlay.lighten5 { display: block; background-color: rgba(255, 255, 255, 0.9); }

/* default in case no opacity is chosen */
.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne { display: block; background-color: rgba(36, 75, 90, 0.5); }
.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne1 { display: block; background-color: rgba(36, 75, 90, 0.1); }
.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne2 { display: block; background-color: rgba(36, 75, 90, 0.3); }
.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne3 { display: block; background-color: rgba(36, 75, 90, 0.5); }
.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne4 { display: block; background-color: rgba(36, 75, 90, 0.7); }
.contentdeck.has-bgimg .deck-overlay.overlay-blue-dianne5 { display: block; 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; }

/* padding removal option for content decks */
div.contentdeck .deckinner.no-padding { padding: 0 !important; }
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: 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 { display: block; text-align: center; }

.feature-title { display: block; margin: 7px 0 5px 0; font-size: 1.5rem; line-height: 1.4; text-decoration: none; color: var(--color-black); }
.feature-title a { font-weight: 400 !important; text-decoration: none; color: var(--color-black); }
.feature-title a:hover { text-decoration: underline; color: var(--color-basic-1) !important; }

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

.feature-lrgtxt { display: inline-block; clear: both; font-size: 3.125rem; }
.feature-smtxt { display: inline-block; clear: both; font-size: .8rem; }
.feature-cta { margin: 0 auto; }
.cta-override-area { display: block; padding-top: 15px; }

.standalone-rate-feature { display: inline-flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; padding: 5px 10px; }

.srf.card { display: block; width: 100%; max-width: 740px; margin-bottom: 10px; padding: 15px 0; background: none; border-radius: 18px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15); }
.srf.card .card-body { display: block; padding: 5px; }

/*font awesome icons*/
.feature-icon { display: flex !important; justify-content: center; align-items: center; width: 100px; height: 100px; padding: 10px; border: 3px solid var(--color-basic-2); border-radius: 50%; box-shadow: 0 4px 21px -11px rgba(0, 0, 0, 0.45); }
.feature-icon i, .feature-icon:before { font-size: 2.5rem; color: var(--color-black); }

.icon-feature-stacked { /*default */ display: block; width: 100%; height: 100%; font-weight: 400; font-size: 1rem; text-decoration: none; color: var(--color-black); /* stretch the feature */ }

.icon-feature-small-icon-left { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; text-align: left; }
.icon-feature-small-icon-left .feature-icon { min-width: 80px; }
.icon-feature-small-icon-left .feature-icon:before { margin: 0 25px 0 0; font-size: 3.5rem; }
.icon-feature-small-icon-left .feature-rate-txt-box { display: flex; flex-direction: column; align-items: flex-start; }
.icon-feature-small-icon-left.center-icon-text .feature-rate-txt-box { text-align: center; }

@media screen and (max-width: 1000px) {
    .icon-feature-small-icon-left .feature-icon:before { margin-right: 10px; font-size: 2rem; line-height: 1.2; }
    .icon-feature-small-icon-left .feature-icon { min-width: 50px; }
}

@media screen and (max-width: 900px) and (min-width: 767px) {
    .onethird .icon-feature-small-icon-left { flex-direction: column; }
}

@media screen and (max-width: 500px) {
    .standalone-rate-feature { display: flex !important; width: 100%; min-width: 0; }
    .standalone-rate-feature.icon-feature-small-icon-left { margin-left: 0; padding-left: 0; }
}

/* 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 { position: absolute; inset: 0; z-index: 1; content: ''; }
.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: var(--color-gray-light); }
.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: var(--color-gray-light); }
.standalone-rate-feature:hover .feature-icon:before { opacity: 0.8; }

/* hide empty titles */
div.feature-title:empty { display: none; }




/* -------------- Custom Button Styling -------------- */
input[type=button], input[type=submit], a.button, a.button:link, a.button:visited, button, input.button {
    border: none;
    background-color: var(--color-basic-1); /* Default Button if no style is chosen */
    font-size: 1rem;
    padding: 4px 24px 5px 24px;
    cursor: pointer;
    color: var(--color-white);
    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: 100px;
    border: 2px solid var(--color-basic-1);
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:hover, input.button:hover {
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
    background-color: var(--color-basic-1);
    color: var(--color-white);
    opacity: 0.9;
}
input[type=button]:active, input[type=submit]:active, a.button:active, button:active, input.button:active {
    background-color: var(--color-basic-1);
    color: var(--color-white);
}
a.button1, a.button1:link, a.button1:visited, button.button1, input.button1 {
    background-color: var(--color-basic-1) !important; /* Color 1 Button */
    color: var(--color-white) !important;
    border: 2px solid var(--color-basic-1) !important;
}
a.button1:hover, button.button1:hover, div.contentdeck a.button1:hover, input.button1:hover  {
    background-color: var(--color-basic-1) !important;
    color: var(--color-white) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}
a.button2, a.button2:link, a.button2:visited, button.button2, input.button2  {
    background-color: var(--color-basic-2) !important; /* Color 2 Button */
    color: var(--color-white) !important;
    border: 2px solid var(--color-basic-2) !important;
}
a.button2:hover, button.button2:hover, div.contentdeck a.button2:hover, input.button2:hover  {
    background-color: var(--color-basic-2) !important;
    color: var(--color-white) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}

a.button3, a.button3:link, a.button3:visited, button.button3, input.button3 {
    background-color: var(--color-basic-3) !important; /* Color 3 Button*/
    color: var(--color-white) !important;
    border: 2px solid var(--color-basic-3) !important;
}
a.button3:hover, button.button3:hover, div.contentdeck a.button3:hover, input.button3:hover {
    background-color: var(--color-basic-3) !important;
    color: var(--color-white) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}
a.button4, a.button4:link, a.button4:visited, button.button4, input.button4 {
    background-color: var(--color-basic-4) !important; /* Color 4 Button */
    color: var(--color-black) !important;
    border: 2px solid var(--color-basic-4) !important;
}
a.button4:hover, button.button4:hover, div.contentdeck a.button4:hover, input.button4:hover {
    background-color: var(--color-basic-4) !important;
    color: var(--color-black) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}
a.button5, a.button5:link, a.button5:visited, button.button5, input.button5 {
    background-color: var(--color-basic-5) !important; /* Color 5 Button */
    color: var(--color-black) !important;
    border: 2px solid var(--color-basic-5) !important;
}
a.button5:hover, button.button5:hover, div.contentdeck a.button5:hover, input.button5:hover {
    background-color: var(--color-basic-5) !important;
    color: var(--color-black) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}
a.button6, a.button6:link, a.button6:visited, button.button6, input.button6 {
    background-color: var(--color-basic-6) !important; /* Color 6 Button */
    color: var(--color-black) !important;
    border: 2px solid var(--color-basic-6);
}
a.button6:hover, button.button6:hover, div.contentdeck a.button6:hover, input.button6:hover {
    background-color: var(--color-basic-6) !important;
    color: var(--color-black) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}
a.button7, a.button7:link, a.button7:visited, button.button7, input.button7 {
    background-color: var(--color-basic-7) !important; /* Color 7 Button */
    color: var(--color-black) !important;
    border: 2px solid var(--color-basic-7) !important;
}
a.button7:hover, button.button7:hover, div.contentdeck a.button7:hover, input.button7:hover {
    background-color: var(--color-basic-7) !important;
    color: var(--color-black) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}
a.button8, a.button8:link, a.button8:visited, button.button8, input.button8 {
    background-color: var(--color-basic-8) !important; /* Color 8 Button */
    color: var(--color-black) !important;
    border: 2px solid var(--color-basic-8) !important;
}
a.button8:hover, button.button8:hover, div.contentdeck a.button8:hover, input.button8:hover {
    background-color: var(--color-basic-8) !important;
    color: var(--color-black) !important;
    box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%);
}

/* reduce padding at mobile size */
@media screen and (max-width: 500px) {
	a.button, a.button:link { padding: 6px 14px 4px 14px;}
}

/* -------------- Quick Text Formatting -------------- */
.txt-center { text-align: center !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }

/* -------------- Default Buttons -------------- */
a.back-button { float: right !important; display: block; margin: 1em; padding: 5px 10px; font-size: 0.75rem; font-weight: normal; text-transform: uppercase; color: var(--color-charcoal); background-color: var(--color-gray-lightest); cursor: pointer; }
a.back-button:hover { box-shadow: 0 0 1px 1px var(--color-gray-light); }
a.back-button:active { box-shadow: 0 0 1px 1px var(--color-gray-light); }

/* -------------- Calls to Action (BIT TYPE) - REMOVED -------------- */

/* -------------- Promotions & Testimonials -------------- */
.promotion { display: block; margin: 5px 5px 20px 5px; padding: 0; background: transparent; border-radius: 20px; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
.promotion.promo-text-block .img-promo { display: none; }
.promotion.promo-linked-image .text-promo { display: none; }
.promotion.promo-text-block .text-promo { margin: 10px 0; padding: 15px 20px 5px 25px; font-family: inherit; font-weight: inherit; }
.promotion.promo-text-block .promo-title { margin-top: 0 !important; margin-bottom: 10px; font-size: 1.625rem; font-weight: 600; color: var(--color-basic-1); padding-top: 0 !important; }
.promotion.promo-linked-image { max-width: 740px; }
.promotion .img-promo { margin: 0; padding: 0; overflow: hidden; border-radius: 18px; }
.promotion .img-promo img { width: 100%; object-fit: cover; border-radius: 18px; }

/* -------------- 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 { margin: auto; max-width: 100%; }
.wrapper-inner { margin: auto; }
.page-inner, .deck-inner { position: relative; clear: both; margin: auto; max-width: 1440px; padding: 0 20px; }
.page-inner, .header-inner, .footer-inner, .deckinner { position: relative; clear: both; width: 100%; margin: auto; max-width: 1440px; padding: 0; }
.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 -------------- */

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

.header { position: relative; z-index: 4; display: flex; width: 100%; background-color: var(--color-white); }

.wrapper.hasnobanner div.subnav {}
.bodyclass_blank_wrapper { display: block; background-color: var(--color-white); }
.wrapper.hasnobanner .wrapper_inner { margin-top: 30px; }
.bodyclass_blank_wrapper .wrapper.hasnobanner .wrapper_inner { margin-top: 0; }

.header-icon { color: var(--color-charcoal); }
.header-icon a { font-size: 2.2rem; color: var(--color-charcoal); }

.wrapper_inner { position: relative; z-index: 1; margin-top: 0; }
.header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px; }
.header-second-row { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin: 0;}
.flex-break { width: 100%; }
.mobile-break { display: none; }

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

.header-logo {  }
.header-logo img { max-width: 100%; }
.header-logo a { display: inline-block; padding: 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; }

@media screen and (max-width: 1200px) {
    .nav-container { width: auto; }
}
@media screen and (max-width: 767px) {
    .header-inner { flex-direction: row; justify-content: space-between; align-items: center; padding: 5px 10px;}
	.header-second-row {flex-wrap: nowrap;}
    .header-logo { padding: 0 10px; }
    .oblogin::before { display: none; }
    .header-logo img { max-width: 100%; width: 200px; }
	.header-logo a {max-width: 200px; } /* for client presentation logos */
}

@media screen and (max-width: 600px) {
    a.button.extra-button { display: none; }
    .header-buttons-mobile { display: flex; justify-content: center; flex-wrap: wrap; }
    .header-buttons-mobile a.button.extra-button { display: inline-block; }
    .header-buttons-mobile .button-desktop.button { display: none !important; }
    .header-buttons-mobile .button-mobile.button { display: inline-block; }
}
@media screen and (max-width: 501px) {
    .header-inner { flex-direction: column; justify-content: center; row-gap: 5px;  margin-top: 5px;}
	.header-inner .header-logo a {width: auto !important; height: auto !important; min-height: 55px; max-width: 100% !important; display: flex; background-position: center center;} /* for client presentation logos */
}



/*  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%; display: flex;}

.search-box {
    position: absolute;
    display: block;
    margin: 5px 0;
    padding: 0;
    background-color: var(--color-white);
    max-width: 100%;
	border-radius: 5px;
    z-index: 11;
    height: 0px;
    transition: height .35s ease;	
    overflow: hidden;
    width: calc(100% - 10px);
    text-align: right;
	top: 0;
	display: flex;
	align-items: center;
}
input.search-field  {
    border: none !important;
}
.search-box-open  {
    height:  70px;
	width: calc(100% - 10px);
    border: 1px solid var(--color-gray-light);
	box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.2);
}
.search-box-open input.search-field  {
    width: calc(100% - 100px);
    margin: 0;
    padding: 0 10px;
    font-family: inherit;
    line-height: 1;
    background-color: var(--color-white);

}

input.search-field:focus, input.mobile-search-field:focus {
    box-shadow: none !important;
    outline: 0;
}
button.search-button  {
    background: none;
    border: none;
    margin: 0 5px;
    position: relative;
    padding: 1px !important;
    line-height: 1;
	box-shadow: none;
}
button.search-button:hover {box-shadow: none;}

/* removing black borders in Safari */
.header-logo a:focus, .header-logo a:active, button.search-button:focus, button.search-button:active  {outline: transparent solid 1px; color: var(--color-black) !important; 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  {opacity: 0.8;  text-decoration: none; outline: 0; border: none;}
div.ob-login-button button:focus {/*transform: scale(1.05)*/}

button.search-button.searchopen:focus { outline: var(--color-gray-light) solid 1px;}
button.search-button.searchclose {
    margin: 0 10px 0 0;
    color: var(--color-charcoal);
    font-size: 1rem;
	font-weight: 300;
	opacity: 0.5;
	padding: 0 20px;
}

button.search-button.searchclose:hover  {
    color: var(--color-black);
	opacity: 1;
	
}

@media screen and (max-width: 767px) {
		.search-box {top: 0; margin-top: 2px;}
}

/* -------------- Online Banking Login -------------- */

.oblogin { position: absolute; right: 5px; top: -5px; z-index: 4; }
.ob-login-box { background-color: var(--color-white); padding: 20px 20px 10px; min-width: 300px; max-width: 500px; box-shadow: 0 0.1rem 0.6rem rgb(0 0 0 / 20%); border-radius: 10px; outline: 5px solid rgba(128, 128, 128, 0.1); outline-offset: 3px;  max-height: calc(100vh - 140px); overflow: auto; }
.ob-login-box form { display: flex; flex-direction: column; gap: 10px; }

.ob-title { font-size: 1.25rem; font-weight: 600; }
.ob-login-fields { display: flex; gap: 10px; margin: 10px 0; }

div.ob-login-box label, div.banking-inputs { text-align: left; }
.ob-login-box input[type=text], div.ob-login-box input[type=password] { display: inline-block; vertical-align: bottom; margin: 0 auto; max-width: 100%; }
.ob-login-box.banking_disabled { padding: 5px; }/* note the underscore */
.ob-login-box .banking-disabled { padding: 20px 20px 0; font-size: 1rem; color: var(--color-black); background: var(--color-white); max-width: 500px; }

.ob-login-footlinks { display: flex; font-size: .8rem; flex-wrap: wrap; justify-content: space-evenly; column-gap: 20px; row-gap: 5px; }
.ob-login-footlinks a { color: var(--color-black); }


button.olb-close { display: none; }

.header-banking { padding: 0 !important; margin: 0 auto !important; width: 100%; position: absolute; bottom: 0; right: 0; z-index: 4; }
.header-banking .inner { margin: auto; padding: 0; width: 100%; max-width: 1440px; position: relative; }

@media screen and (max-width: 767px) {
	.header-banking { position: relative; width: 100%; }
	.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%; }
	.ob-login-footlinks { gap: 3px; }
}

/*  banking promo */
.online-banking-promo {text-align: center; box-sizing: border-box; width: 100%; color: var(--color-basic-1) !important; border-radius: 10px; margin: 20px auto 10px auto; max-width: 400px;}
.banking-promo-image {width: 100%; margin: 25px auto 10px auto; border-radius: 15px; overflow: hidden; box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.25);}
.banking-promo-image img {object-fit: cover; object-position: 50% 50%;	width: 100%; max-height: 200px;}
.banking-promo-title {color: var(--color-basic-1); font-size: 1.75rem; font-weight: 300; line-height: 1.1; text-wrap: pretty; }
.banking-promo-content {text-align: center; text-wrap: pretty; padding-top: 10px;}

.banking-promo-pers-link {text-align: center; color: var(--color-basic-1);}
.banking-promo-pers-link a {display: block;}

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

/* -------------- Footer  -------------- */

.footer { clear: both; margin: 0; padding: 20px 0; background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-basic-8) 100%) !important; }

.footer-stretch { display: flex; justify-content: center; flex-direction: column; align-items: center; }

.footer-nav { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; max-width: 1000px; margin: 10px auto; padding: 10px; font-size: 0.875rem; text-align: center; border-bottom: 2px solid var(--color-basic-3); }
.footer-nav a { color: var(--color-gray-dark); }
.footer-nav-gradient-bar div.nav-footer { max-width: 1440px; width: 100%; }
.footer-nav-gradient-bar div.nav-footer ul.nav-menu { display: flex; justify-content: space-evenly; flex-wrap: wrap; width: 100%; row-gap: 10px; }
ul.footer-nav-text-section {}
li.footer-nav-text { color: var(--color-basic-4); }
li.footer-nav-text a { text-decoration: none; }
li.footer-nav-text a:hover { text-decoration: underline; }

.quicklinks { max-width: 1440px; margin: 20px auto; display: flex; justify-content: space-evenly; gap: 20px; flex: 1 1 auto; flex-wrap: wrap; width: 100%; }
.quicklinks-head {margin-bottom: 15px; font-size: 1.25rem;  text-transform: none; color: var(--color-basic-1); font-weight: 500; }
.footer-quicklinks-section { width: calc(25% - 40px); margin-left: 40px; }
div.footer-quicklinks { width: auto; }
div.footer-quicklinks p { margin: 0; }
div.footer-quicklinks a { text-decoration: none; color: var(--color-gray-dark); }
div.footer-quicklinks a:hover { text-decoration: underline; }
div.footer-quicklinks ul { padding: 0; list-style: none; display: flex; flex-direction: column; }
div.footer-quicklinks ul li { margin: 0; list-style: none; padding: 0 0 10px 0; font-size: .9rem; }
.quicklinks div.footer-quicklinks ul li { font-size: 0.9375rem; }

.social { display: flex; gap: 20px; justify-content: center; margin-bottom: 20px; align-items: flex-end; }
.footer-social { display: flex; padding: 10px; border-radius: 10px; column-gap: 20px; }
.footer-social img { max-width: 51px; }

.foot-logo { margin: 30px auto 20px auto; }

.copyright { font-size: 1rem; text-wrap: balance; text-align: center; margin: 20px auto 0 auto; color: var(--color-black); }
.compliance-logos { display: flex; gap: 10px; justify-content: center; align-items: center; }
.footer-compliance { display: flex; justify-content: center; gap: 20px; margin-bottom: 20px; }
.footer-accessibility { text-align: center; margin: 10px auto; }
.footer-location { margin: 0 10px; text-align: center; color: var(--color-gray-dark); padding: 10px 0 5px 0; text-wrap: pretty; }
.footer-copyright { color: var(--color-gray-dark); padding: 10px 0 0 0; text-align: center; text-wrap: pretty; }
.footer-disclaimer { color: var(--color-gray-dark); padding: 10px 0 10px 0; text-align: center; text-wrap: pretty; }

@media screen and (max-width: 1040px) {
	.footer-quicklinks-section { width: calc(25% - 20px);} 
}
@media screen and (max-width: 767px) { 
	.footer-quicklinks-section { width: calc(50% - 20px); } 
	.quicklinks { } 
	.quicklinks .footer-quicklinks { width: auto; } 
	div.footer_quicklinks, div.footer div.txt-right { min-width: 50%; } 
}
@media screen and (max-width: 500px) {
	.quicklinks { justify-content: center; } 
	.quicklinks .footer-quicklinks { width: 100%; } 
	.quicklinks .quicklinks-head, div.footer-quicklinks ul li { text-align: center; } 
}
@media screen and (max-width: 420px) {
	.footer-quicklinks-section { width: 100%; margin-left: 0; } 
}

.single-icon-circle { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-color: var(--color-basic-3); color: var(--color-white); font-size: 1.75rem; }



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


.col-menu {display: flex;}
button.menu-icon {
 /* now image-based */
    padding: 0;
	margin: 0 0 0 5px;
    background-color: transparent;
    border-radius: 0;
	border:none;
	box-shadow: none;

}
button.menu-icon:hover {	box-shadow: none;}
button.menu-icon i {
   padding: 0px;
    font-size: 1.5rem;
    color: var(--color-basic-2);
}

button.menu-icon:focus, button.menu-icon:active, 
button.menu-icon:hover::before, button.menu-icon:focus::before {color: var(--color-black); outline: transparent; transform: scale(.85);}


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


.topnav { margin: 0; line-height: 1; display: flex; position: relative; }
.topnav.topnav-desktop { justify-content: flex-end; }
.topnav a { color: var(--color-black) !important; }
.topnav a:hover { text-decoration: underline; }
.topnav a.button:hover { text-decoration: none; }
div.nav-top ul.nav-menu { margin: 0 auto 10px auto; padding: 0; width: auto; display: flex; justify-content: flex-end; align-content: center; flex-wrap: wrap; row-gap: 2px; }
div.nav-top ul.nav-menu li.nav-item { padding: 0 10px; display: flex; align-items: center; text-align: center; white-space: nowrap; }
div.nav-top ul.nav-menu li.nav-item a { display: flex; align-items: center; font-size: .9rem; text-decoration: none; }
div.nav-top ul.nav-menu li.nav-item a:hover { text-decoration: underline; }
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: 1px 6px; }
/*
a.extra-button.button4 { color: var(--color-white) !important; }
.ob-login-button button.button { color: var(--color-black) !important; background-color: var(--color-white) !important; }
.ob-login-button button.button:hover { color: var(--color-black) !important; background-color: var(--color-white) !important; }*/
div.topnav-mobile { display: none; }
.header-buttons-mobile { display: none; }
.header-second-row .button-mobile.button { display: none !important; }

@media screen and (max-width: 900px) {
    div.nav-top ul.nav-menu li.nav-item a { font-size: 0.8125rem; }
    .header-logo img { max-width: 100%; width: 220px; }
}

@media screen and (max-width: 767px) {
    div.topnav-desktop { display: none; }
    div.topnav-mobile { display: flex !important; background-color: transparent; padding: 0; margin: 10px 0 0 0; justify-content: center; flex-direction: column; flex-wrap: wrap; position: relative; row-gap: 5px; }
    div.nav-top ul.nav-menu li.nav-item, div.nav-top ul.nav-menu li.nav-item a { padding: 0; margin: 0; }
    div.topnav-mobile div.nav-top ul.nav-menu { flex-wrap: wrap; justify-content: center; row-gap: 5px; column-gap: 15px; }
    div.topnav-mobile div.nav-top ul.nav-menu li.nav-item a { color: var(--color-black) !important; font-size: 0.8125rem; }
    div.header-mobile div.topnav div.nav-top ul.nav-menu { flex-wrap: wrap; text-align: center; justify-content: center; }
    div.header-mobile div.nav-top ul.nav-menu li.nav-item { margin: 0; padding: 0; }
    div.header-mobile div.nav-top ul.nav-menu li.nav-item a { white-space: nowrap; margin: 4px 0; padding: 0; }
}



div.subnav { margin: 0; padding: 0 10px; }
div.nav-sub { width: auto; margin: 35px 0 20px 0; padding: 0; }
div.header-mobile { display: none; }
div.header-mobile div.header-menu { clear: both; display: none; }

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: var(--color-charcoal); }
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.level1 { margin-left: 20px !important; font-size: .9rem; }
div.nav-sub ul li.level2, div.nav-sub ul li.level3, 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; }
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.nav-menu li a.on, div.subnav ul li a.on { text-decoration: none; font-weight: 700; }

div.nav-footer, div.nav-footer ul { margin: 0; padding: 0; display: flex; list-style-type: none; list-style-position: inside; flex-wrap: wrap; justify-content: center; gap: 40px; }
div.nav-footer ul.nav-menu li.nav-item { padding: 4px 8px; margin: 0; line-height: 1.4; display: inline-block; white-space: nowrap; }
div.nav-footer ul.nav-menu li.nav-item a { display: inline-block; text-decoration: none; }
div.nav-footer ul.nav-menu li.nav-item a:hover { text-decoration: underline; }

@media screen and (max-width: 767px) {
    .subnav-mobile, .sidebar-mobile { display: flex; padding: 10px; width: auto; justify-content: center; flex-direction: column; align-items: center; }
    .subnav, .sidebar { display: none; }
    .subnav.static-menu { display: block; padding: 0; }
    .subnav-mobile div.nav-sub h3 { margin-top: 10px; }
    div.sidebar-mobile div.promotion { display: block; text-align: center; }
    div.nav-sub h3, div.subnav h3 { padding: 0 10px 0 10px; margin: 0; font-size: 1.5rem; }
    div.nav-sub ul.nav-menu { margin: 0 10px 20px 10px; }
    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 */


.header {
    transition: height 0.3s ease; /* prevents Firefox header width problem with scaling logo */
	top: auto;
	box-shadow: 0px 15px 15px 0px rgba(1,86,135,0.05);
}


.oblogin{
    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) {
/* IMPORTANT - THIS IS MIN-WIDTH so this happens as sizes ABOVE 768px */

	/* smooth transitions for header */
	.header {position: relative; transition: height 1.5s  ease-in-out;}

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

	/* moving things when header is scrolled */
	.header.scrolled .topnav {display: none;}

	/* adds margin to top of page to account for height of fixed header when scrolled */
	div.wrapper_inner.scrolled-margin {margin-top: 100px; transition: none;}
	.wrapper.hasnobanner div.wrapper_inner.scrolled-margin {margin-top: 130px;} /* header plus extra no-banner margin */

	.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 10px 10px 0px rgba(1,86,135,0.15);
		/*background-color: var(--color-white);*/
	}
	.header.scrolled .header-logo img {max-width: 100%; width: 200px; transition: all 0.5s cubic-bezier(.5,-.5,.5,1.5);}

}



/* 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 -------------- */
#chatIcon { bottom: 10px !important; right: 10px !important; } /* more space for alerts */

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

/* default alert color is white with black text */
.alert { position: relative; bottom: 0; right: 0; z-index: 999999; box-sizing: border-box; width: 100%; margin-top: 10px; margin-bottom: 0; padding: 0; overflow: hidden; color: var(--color-black); background-color: var(--color-white); border: 1px solid var(--color-gray-light); border-radius: 10px; box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45); opacity: 0.98; }
.alert a, .alert a:visited { color: var(--color-black); }
.alert a:hover { text-decoration: none; }
.alert p { margin: 0; padding-bottom: 8px; line-height: 1.5; font-size: .9rem; color: var(--color-black); }

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

/* includes fix for bulleted lists */
.alert-inner { max-width: 1440px; margin: auto; text-align: center; }
.alert-inner ul, .alert-inner ul li ul { margin: 5px auto; padding: 0; list-style-position: inside; text-align: center; }
.alert-inner ul li { margin: 5px auto 0 auto; text-align: center; }

.alert .alert-title, .alert .alert-title a { display: block; margin: 1% 30px 1% 0; font-size: 1rem; font-weight: 600; color: var(--color-black); } /* give space for down arrow on phones */
.alert .alert-title:hover, .alert .alert-title a:hover { cursor: default; text-decoration: none; }

.alert-desc { font-size: .9rem; color: var(--color-black); }

.alert-expand { cursor: pointer; }

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

.alert .alert-actions { overflow: hidden; }
.alert-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; width: 100%; padding: 5px 10px; background: rgba(0,0,0,0.1); }
.alert-actions a { margin: 0; padding: 0; font-size: .9rem; font-weight: 500; line-height: 1; color: var(--color-basic-1); text-transform: uppercase; text-decoration: none; }
.alert-actions a:hover { color: var(--color-black) !important; text-decoration: underline; }

/* changing dismiss link into button */
.alert button.JQcloseAlert { margin: 0; padding: 0; font-size: .9rem; font-weight: 500; line-height: 1; color: var(--color-black); text-transform: uppercase; text-decoration: none; background: transparent; border: none; cursor: pointer; } /* remove default button styles */
.alert button.JQcloseAlert:hover { text-decoration: underline; }

.alert-closed-icon, .alert-open-icon { font: var(--fa-font-thin); }
.alert-closed-icon:before { content: "\f107"; }
.alert-open-icon:before { content: "\f106"; }

@media screen and (max-width:540px) {
    .site-alerts { left: 50%; right: unset; transform: translateX(-50%); width: calc(100% - 20px); margin: 0; }
    .alert { margin: 5px auto 0 auto; }
    .alert-actions { font-size: .7rem; }
    .alert button.JQcloseAlert { font-size: .7rem; }
}

/* color options */
.alert.alert-white { /* uses default white styles */ }
.alert.alert-cookies { /* uses default white styles */ }
.alert.alert-extras { width: auto; } /* uses default white styles */
.alert.alert-extras .alert-title { }
.alert.alert-extras .alert-desc { display: flex; justify-content: space-around; }

/* IMPORTANT - ALERTS use standard BG-COLOR declarations */

/* specific text to white for dark colored alerts */
.alert.alert-dark, .alert.alert-dark .alert-title, .alert.alert-dark h5, .alert.alert-dark h4, .alert.alert-dark h3, .alert.alert-dark h2, .alert.alert-dark a, .alert.alert-dark .alert-desc, .alert.alert-dark p, .alert.alert-dark span.just-sr { color: var(--color-white) !important; }

/* dismiss for dark-colored alerts */
.alert.alert-dark .alert-actions { background: rgba(0,0,0,0.1); }
.alert.alert-dark button { color: rgba(255,255,255,0.9); }

/* premium floating alerts end */

/* classic alerts */
.classic-alerts .alert { position: relative; z-index: 1; display: flex; flex-direction: column; margin: 0 !important; text-align: center; border: none; border-radius: 0; box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.25); }
.classic-alerts .alert .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding: 12px 8px; }
.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: anywhere;
    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 {
    box-shadow:0 2px 8px 1px rgba(0,0,0,.28);
}

.ui-dialog-buttonset button:last-child {opacity: .8;}
.ui-dialog .ui-dialog-titlebar { 
    margin: 10px;
	 border-radius: 10px;
	 display: none;
}
div#dialog_content {
    margin: 0 10px 10px 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; margin-bottom: 10px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {font-size: 1rem; padding: 5px; margin-top: 5px;}
}

/* -------------- Sitemap -------------- */

div.sitemap-container { overflow: hidden; padding: 10px 0 40px 0; }

ul.sitemaplist { margin: 2px 0 0 0; padding: 0; font-size: 1rem; line-height: 1.5; list-style-type: none; }
ul.sitemaplist a:link, ul.sitemaplist a:visited, ul.sitemaplist a:hover, ul.sitemaplist a:active { font-weight: 400; }

ul.sitemaplist li.sitemap_2 { margin: 10px 0 0 0; font-size: 1.2rem; font-weight: 600; }
ul.sitemaplist li.sitemap_2 a { display: inline-block; margin: 2px 0 0 2px; padding-left: 0; font-weight: 600; color: var(--color-basic-1); }

ul.sitemaplist li.sitemap_3 { margin: 5px 0 0 10px; }
ul.sitemaplist li.sitemap_3 a { margin: 3px 0 8px 10px; padding-left: 5px; font-size: 1.1rem; }

ul.sitemaplist li.sitemap_4 { margin: 2px 0 0 15px; }
ul.sitemaplist li.sitemap_4 a { margin: 3px 0 8px 14px; padding-left: 10px; font-size: 1rem; }

ul.sitemaplist li.sitemap_5 { margin: 2px 0 0 20px; }
ul.sitemaplist li.sitemap_5 a { margin: 3px 0 8px 16px; padding-left: 15px; font-size: 0.9rem; }

ul.sitemaplist li.sitemap_6 { margin: 2px 0 0 25px; }
ul.sitemaplist li.sitemap_6 a { margin: 3px 0 8px 18px; padding-left: 20px; font-size: 0.8rem; }

ul.sitemaplist li.sitemap_7 { margin: 2px 0 0 30px; }
ul.sitemaplist li.sitemap_7 a { margin: 3px 0 8px 20px; padding-left: 25px; font-size: 0.75rem; }

ul.sitemaplist li.sitemap_ { display: none; visibility: hidden; }

ul.sitemaplist .sitemap_2 h4 { display: inline-block; margin: 20px 0 0 2px; padding-left: 0; font-size: 1.3rem; font-weight: 700; }
ul.sitemaplist .sitemap_3 h4 { margin-bottom: 0; font-size: 1.2rem; font-weight: 400; }

@media screen and (max-width:640px) {
    div.sitemap { clear: both; float: none; width: auto; }
}


/* -------------- FAQ's -------------- */
/* one per line and full width */
ul.faq-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0 0 30px 0; list-style-type: none; }
ul.faq-list li { position: relative; padding: 0; background-color: var(--color-white); border: 1px solid var(--color-basic-6); }

ul.faq-list > li { display: flex; flex-direction: column; flex-grow: 1; width: 100%; min-width: 300px; padding: 0; border: 1px solid var(--color-basic-3); border-radius: 20px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.05); }

ul.faq-list li > a { /* added to keep arrow at top when text wraps */ display: flex; justify-content: space-between; align-items: center; padding: 10px 20px 10px 30px; font-weight: 400; font-size: 1.125rem; color: var(--color-basic-1); text-decoration: none !important; cursor: pointer; font-weight: 500;}
ul.faq-list li a > span { /* text-decoration: underline;*/ }

ul.faq-list a:hover { text-decoration: underline; }
ul.faq-list a:hover > span { /* text-decoration: underline;*/ }

ul.faq-list a.faq-question:after { float: right; font: var(--fa-font-solid); /* Font Awesome icon */ font-style: normal; font-size: 2rem; color: var(--color-basic-1); text-decoration: none; transition: all .2s ease; content: "\f0a9"; }
ul.faq-list a.faq-open:after { transform: rotate(0.25turn); }

/*don't format list items within FAQ answers like the faq list items*/
ul.faq-list li ul li { list-style: disc; border: none; }

.faq-content { margin: 0 20px 20px; }
.faq-content p { margin: 0 10px 15px; }

/*container for FAQ's on search results page...*/
.faq-search { padding: 40px 0; }

div.faq-content a, div.faq-content a:link, div.faq-content a:visited { text-decoration: underline !important; }

@media screen and (max-width:767px) {
    ul.faq-list > li { width: calc(100% - 30px); min-width: 200px; }
}

/* expanded hitbox for FAQ link - arrow gone so this will help with user experience */
ul.faq-list li a.faq-question::before { position: absolute; z-index: 1; inset: 0; content: ''; }
ul.faq-list li a.faq-question:hover::before, ul.faq-list li a.faq-question a:hover::before { cursor: pointer; }

ul.faq-list li a.faq-answer { cursor: auto; }
ul.faq-list li a.faq-answer a { position: relative; z-index: 2; }
ul.faq-list li a.faq-answer a:hover { text-decoration: none; cursor: pointer; }



/* -------------- Responsive Lists -------------- */
.list { clear: both; }

.list-row { clear: both; margin: 0; }
.list-row:last-child { border-bottom: none; }
.list-row.separator { clear: both; padding: 0 !important; border-bottom: 5px solid var(--color-basic-3); }

.list-head { clear: both; padding: 0 40px; background-color: var(--color-basic-1) !important; }
.list-head.list-head-main { display: flex; border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.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: 1.375rem; }
.list .list-item ul { margin: 0 0 5% 0; padding: 0 0 0 5%; }
.list .list-item li { text-align: left; } /* embedded LI's should be left-aligned */
.list .list-item .asterisk { display: inline; margin: 0 -12px 0 0; }
.list .list-item .dot { display: block; width: 40px; margin: auto; font-size: 2.25rem; color: var(--color-basic-1); text-align: center; }

.list .head { padding: 0; font-size: 0.875rem; line-height: normal; color: var(--color-white); text-align: center; }
.list .head a { color: var(--color-white); }
.list .head .inner { padding: 25px 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 { display: flex; align-items: center; padding: 20px; background: var(--color-white); }
div.list div.list-row:nth-child(odd) { background: var(--color-gray-lightest); }

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; color: var(--color-black); text-align: left; }
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 { overflow: hidden; width: 100%; margin: auto; background-color: var(--color-white); border: 5px solid var(--color-basic-6); border-radius: 10px; }
.list.seminars-list .list-head { display: flex; }
.list.seminars-list .head { padding: 10px 0; font-weight: 700; font-size: 110%; background: transparent !important; }
.pers-toolbox-content .list.seminars-list .head:after { height: 2px; background: var(--color-basic-3); }
.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 { min-height: 0; background: transparent !important; border-bottom: 1px solid var(--color-gray-light); }
.list.seminars-list .list-row:last-child { border-bottom: none; }
.list.seminars-list .title.head:before { margin: 0; content: ''; }

.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 { margin: 8px 0; line-height: 25px; }
div.sem_field div.form-field div.label { font-weight: 700; color: var(--color-basic-2); }
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-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 { clear: right; width: 100% !important; 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 { flex-direction: column; padding: 20px 10px; font-size: .9rem; }
    .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 { }
    /* moved up from 640 */
    .list .title, .list .location, .list .date, .list .time { clear: both; width: 100%; }
    .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 -------------- */

/* news cards - stackable - posts use these styles */
.news-card-section {padding: 10px 0 20px 0;}
.news-card { border-radius: 20px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: none; background: var(--color-white); display: flex; flex-direction: column; position: relative;}
.news-card-img { border-radius: 20px; object-fit: cover; height: 280px; width: 100%; }
.news-card-date { position: absolute; top: 16px; right: 16px; width: 56px; height: 56px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 20px; background-color: var(--color-basic-2); color: var(--color-white); line-height: 1.2; }

.news-card-title { font-size: 1.25rem; font-weight: 600; color: var(--color-charcoal); line-height: 1.4; margin: 15px 0 5px 0; /*flex-grow: 1;*/ }
.news-card-meta { font-size: 0.875rem; color: var(--color-charcoal); font-weight: 500; margin-top: 10px; }
.news-card-date span:first-child { font-size: 1.125rem; font-weight: 700; }
.news-card-date span:last-child { font-size: 0.75rem; font-weight: 500; }

.news-card-meta i { color: var(--color-basic-2); font-size: 1rem; margin-right: 6px; }


.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; }
div.post-pagination button { display: inline-block; }
.post-detail.inner { margin-top: 50px; }

.post-embedded { display: flex; flex-direction: row-reverse; gap: 30px; align-items: flex-start; max-width: 1440px; margin: 0 auto; padding: 10px 5px; overflow: hidden; }
div.post-embedded h2 { margin-bottom: 20px; }
div.post-embedded h3 { margin: 0; }

h1.post-title { font-size: 3rem; line-height: 1.1; }
div.meta { display: block; margin: 10px 0 5px 0; font-size: 1rem; font-style: italic; }
.post-content p { font-family: inherit !important; font-weight: inherit !important; }

div.post-content { padding: 1rem 0 2rem; }
div.pagination-status { margin-bottom: 20px; padding: 15px 0; border-top: 1px dotted var(--color-gray-light); border-bottom: 1px dotted var(--color-gray-light); }

div.post-detail .post-img, div.post-embedded .post-img { float: right; max-width: 40%; 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-feature-img, div.post-img { overflow: hidden; border-radius: 20px; box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.15); }
div.post-img img, div.post-feature-img img { width: 100%; min-height: 300px; max-height: 300px; margin: auto; object-fit: cover; }
div.post-feature-img img { min-height: 400px; max-height: 400px; }
div.post-detail div.feature-img { margin-bottom: 10px; max-width: 92%; }
.post-featured .news-card-img { height: 360px; }
.post-embedded .news-card-img { height: auto; min-width: 300px; }
.post_body .alignleft { float: left; margin: 0; }

@media screen and (max-width:1050px) {
    ul.post-list li { width: 50%; }
}

@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.post-detail .post-img, div.post-embedded .post-img { float: none; max-width: 100%; margin: 0 auto 30px auto; }
    div.post-content h3 { clear: both; }
    div.post-img, div.feature-img, div.post-embedded div.post-img { width: 100%; max-width: 100%; text-align: center; }
}



@media (max-width: 768px) {
    .news-card-img { height: 280px; }
	.post-embedded {display: flex; flex-direction: column; gap: 30px; align-items: flex-start;}
}
/* Post List - expanded hitbox for title link*/
.posts.expanded-link { position: relative; }
.posts.expanded-link .news-card:hover { box-shadow: 0 4px 22px rgba(0,0,0,0.15);}
.posts.expanded-link .post-title-linked a::before { position: absolute; inset: 0; z-index: 1; content: ''; }
.posts.expanded-link .post-title-linked a { display: block; margin-top: 20px; cursor: pointer; text-decoration: none; }
.posts.expanded-link .post-title-linked a:hover { text-decoration: underline !important; }
.posts.expanded-link .post-title-linked a:hover::before, .linked-card .feature-title a:focus::before { cursor: pointer; }
.posts.expanded-link .post-title-linked a:focus { outline-width: 1px; outline-color: var(--color-gray-light); }
.posts.expanded-link .abstract a { position: relative; z-index: 2; /* allows inside links to work by raising them above the box */ }
.posts.expanded-link .abstract a:focus { outline-width: 1px; outline-color: var(--color-gray-light); }





/* -------------- Seminars / Events  -------------- */
div.seminar_wrapper { overflow: hidden; padding-bottom: 50px; }

/*Individual Seminar / Event Detail Insert*/
.seminar_description { margin: 0 0 40px 0; }

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 { display: block; margin: 10px 0; padding: 10px; font-weight: 600; text-align: center; color: var(--color-white); background-color: var(--color-basic-3); border: solid 1px var(--color-basic-3); border-radius: 3px; }
.seminar_form_message_area:before, .seminar_message_area:before { display: inline-block; margin: 0 7px 0 0; font: var(--fa-font-light); /* Font Awesome icon */ font-style: normal; font-size: inherit; color: var(--color-basic-3); content: '\f058'; }
.seminar_form_message_area p, .seminar_message_area p { margin: 0; }

/*seminars in sidebars*/
div.sidebar div.seminars-list { border: 1px solid var(--color-charcoal); 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; font-size: 0.875rem; color: var(--color-charcoal); }
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; }

/* seminar calendar overrides - UPDATE as needed */
.fc-view-container { background-color: var(--color-white); }
.fc-day-grid-event > .fc-content { white-space: normal; }
.fc-event, .fc-event-dot { background-color: var(--color-basic-8) !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: var(--color-basic-3) !important; }
a.fc-event { font-size: 0.8rem !important; color: var(--color-black) !important; border-color: var(--color-basic-3); }
button.fc-button-primary { background-color: var(--color-basic-2); border-color: var(--color-basic-2); }
button.fc-button-primary:hover { background-color: var(--color-basic-1); border-color: var(--color-basic-1); }

/* 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; }
	a.fc-event { font-size: .75rem !important; color: var(--color-white) !important; }
}






/* 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: var(--color-gray-mid);
    color: var(--color-white);
    font-weight: bold;
}
.ui-widget-overlay {
    background: var(--color-gray-dark);
    position: fixed;
    opacity: .60;
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    opacity: .30;
    border-radius: 10px;
}
/* DIALOG ELEMENTS */
.ui-button-text-only .ui-button-text {
    padding: 2px 5px;
}

.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: var(--color-gray-light);
    border: none;
    color: var(--color-charcoal);
}
div.ui-dialog-titlebar {
    background: var(--color-basic-1);
}
div.ui-dialog-titlebar button {
    display: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-radius: 0;
}

.error {
    color: var(--color-red) !important;
    font-weight: bold;
}
.ui-widget-content a {
    color: var(--color-black);
}
.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: var(--color-basic-1) !important;
    letter-spacing: normal;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
    background-color: var(--color-basic-1) !important;
    letter-spacing: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: var(--color-basic-1) !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: var(--color-charcoal);
}
.debug {
    border: 1px dotted;
    padding: 5px;
    background-color: var(--color-charcoal);
    color: var(--color-white);
}
/* -------------- Google Search or Voice Search Integration -------------- */
div.google_search_box, div.voice-search-box {
    max-width: 45%;
    border: 1px solid var(--color-gray-light);
    display: inline;
    float: left;
    margin-right: 1%;
    padding: 2%;
}
div#resultsTop {
    padding-right: 20px;
	padding-left: 20px;
    margin-right: 20px;
}
div#resultsTop h3 {
    margin: 44px 0 0 0;
    border-bottom: 1px solid var(--color-gray-light);
}
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 var(--color-gray-mid); }
.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 {
        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 */
.responsive-iframe { width: 100%; max-width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; border: 1px solid var(--color-gray-light);}
.responsive-iframe iframe { width: 100%; height: 100%; border: none; display: block; }

.iframe-landscape { aspect-ratio: 16 / 9; }
.iframe-portrait { aspect-ratio: 9 / 16; }
.iframe-square { aspect-ratio: 1 / 1; }

.iframe-fixed { aspect-ratio: auto; }

/* responsive video */

.video-responsive {
  aspect-ratio: 16 / 9;
  width: 100%;
}



/* -------------- =-= Tabbed Content Areas - currently unused -------------- */
div.ca_tabs {
    clear: both;
    float: left;
    border-bottom: 1px solid var(--color-gray-light);
    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: var(--color-white);
    padding: 7px 8px 6px;
    border: solid 1px var(--color-basic-2);
    border-bottom-color: var(--color-gray-light);
    border-radius: 0;
    font-size: .8rem;
    background-color: var(--color-basic-2)
}
div.ca_tabs li a:hover {
    border: solid 1px var(--color-gray-dark);
    background-color: var(--color-gray-dark);
    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 var(--color-gray-light);
    border-bottom: 1px solid var(--color-white) !important;
    background-color: var(--color-white);
    padding-top: 7px;
    color: var(--color-basic-2)
}
.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: 5px solid var(--color-white);
	border-radius: 20px;
	overflow: hidden;
	margin: 30px auto;
    clear: both;
    max-width: 1440px;
    width: 100%;
	 background-color: var(--color-white);
	 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: 20px;
    font-size: 1rem;
    color: var(--color-black);
    text-align: left;
	line-height: 1.2;
}
.ratetable td { border-bottom: 1px solid var(--color-gray-light);}

.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: var(--color-white) !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;
}

/*table headers*/
.rateprogram {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--color-black);
    text-align: left !important;
    caption-side: top;
	background-color: var(--color-white);
	padding: 20px;
	margin: 0;
}
.rateprogram a:link, .rateprogram a:visited, .rateprogram a:active {color: var(--color-basic-1);}
.rateprogram a:hover {text-decoration: none; color: var(--color-basic-1);}
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: var(--color-basic-1);
    position: relative;
    bottom: -7px;
    font-size: 1rem;
	font-weight: 400;
}

.ratedate i {color: var(--color-basic-1); 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: var(--color-white) !important;
    line-height: 1;
    background-color: var(--color-basic-5);
    text-align: center;
    padding: 10px 20px;
}
.ratecolheader:first-child {
	text-align: left;
}

/*tr.ratecolheader-inline th {
    background-color: var(--color-basic-8);
    color: var(--color-black);
}*/
.tiered-header {
    background-color: var(--color-basic-2) !important;
}
.tiered-header td {
    border-left: 1px solid var(--color-gray-light);
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
    color: var(--color-white);
    text-align: center;

}
.tiered-header td:first-child {
    border-left: none !important;
}
/*.ratetable tr:nth-child(4n-1) { background-color: var(--color-gray-lightest); }

.ratetable.tiered tr:nth-child(4n-2) { background-color: var(--color-gray-lightest); }*/
/*.ratetable tr:nth-child(even) {
	background-color: var(--color-gray-lightest);
}
*/
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: var(--color-charcoal);
}
.rate-alert-icon {
    width: 50px;
}
div.JQrateSignup {font-weight: 400;}

/*footnotes*/
td.ratefootnote, td.ratefootnote ul li, .footnote p {
    font-size: 0.75rem;
    color: var(--color-charcoal);
    line-height: normal;
}
.ratefootnote ul, .ratefootnote ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

td.ratefootnote {padding: 20px;}
.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: var(--color-gray-dark);
    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: 20px;
    margin: 20px 0;
    border: solid 2px var(--color-basic-8);
    color: var(--color-black);
    background-color: var(--color-white);
    text-align: center;
    box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 25%);
    font-size: 1.25rem;
	border-radius: 20px;
}
/* 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: .75rem}
}

.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: 20px auto;
	border: 5px solid var(--color-white);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.05);
}
div.account-compare p, div.account-compare .inner {
    margin: auto;
    font-size: 1rem;
    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;
}
/* only checkmark is used and it's an image on this site  */
.account-compare .fa-check-circle {
	font: var(--fa-font-light); /* Font Awesome icon */
    color: var(--color-basic-3);
    display: block;
    text-align: center;
    font-size: 2rem;
}
.account-compare .fa-times-circle {
	font: var(--fa-font-light); /* Font Awesome icon */
    color: var(--color-basic-3);
    display: block;
    text-align: center;
    font-size: 2rem;
}

/* new comparison chart layout */
div.comp-inline-header {display: none;}
div.list-row.comp-first-full .list-item.first .comp-title {color: var(--color-basic-1); text-align: center;}

@media screen and (max-width: 767px) {
	div.comp-new-layout {margin: 10px 0;}
	div.comp-new-layout.list div.list-row  {display: block; width: 100%; background-color: var(--color-white);}
	div.comp-new-layout.list div.list-row div.list-item {display: flex; align-content: center; justify-content: center; border-bottom: 1px dotted var(--color-gray-light);}
	div.comp-new-layout.list div.list-row div.list-item:last-child { border-bottom: 1px dotted transparent;}
	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: var(--color-basic-1); justify-content: center; border-radius: 5px;}
	div.comp-new-layout.list div.list-row .list-item .comp-title{color: var(--color-white);}
	div.comp-new-layout.list div.list-row .list-item .comp-title a {color: var(--color-white);}
	div.comp-new-layout.list div.list-row .list-item .comp-title a span.tiny {text-decoration: underline;}
	div.comp-new-layout.list div.list-row .list-item .comp-title a:hover span.tiny {text-decoration: none;}
	div.comp-new-layout.list div.list-row.comp-first-full .list-item.first {background-color: var(--color-basic-1);}
}

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



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



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



/* -------------- Surveys and Polls -------------- */
/* surveys and polls */
div#L9pollForm_div {
    display: block;
    clear: both;
    border: 1px dashed var(--color-gray-light);
    margin: 15px 0;
    padding: 15px;
}
div#L9pollForm_div .aid:empty {
    display: none;
}
div#L9pollForm_div .errormsg {
    text-align: center;
    color: var(--color-charcoal);
}
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: var(--color-gray-light);
    padding: 5px 10px;
    font-size: 1rem;
    border: 1px solid var(--color-gray-light);
    opacity: .9;
    transition: all .3s ease;
}
div#L9pollForm_div .input input[type="radio"]:checked + label {
    background-color: var(--color-white);
    border-color: var(--color-gray-light);
    opacity: 1;
}
div#L9pollForm_div .input input[type="radio"]:focus + label {
    border: 1px dashed var(--color-gray-mid);
}
div#L9pollForm_div .input label:hover {
    background-color: var(--color-white);
    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;
}



/* marketing interstitial - uses modal with bank-intercept class*/


.ui-dialog.bank-intercept { padding-bottom: 0; min-width: 520px !important; max-width: 900px !important; }
.ui-dialog.bank-intercept { padding-bottom: 0; min-width: 520px !important; max-width: 900px !important; }
.ul-dialog.bank-intercept img.cimg { border-radius: 20px; }
div.ui-dialog-content .hero-content-left .hero-text { transform: translate(0, -50%) !important; left: 0 !important; padding: 20px; }

.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: var(--color-basic-1); }
.ui-dialog.bank-intercept .bank-intercept-opt-out input[type="checkbox"] { margin: 0 4px 4px 0; color: var(--color-gray-light); }

.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: var(--fa-font-light); font-size: 1.1rem; color: var(--color-white); }

@media screen and (max-width: 600px) {
	.ui-dialog.bank-intercept { max-width: 98% !important; min-width: 98% !important; }
}

@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 var(--color-gray-mid);
}
.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 */
/* show at desktop too */
div.nav-main-mobile {display: flex;}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color: var(--color-charcoal);}
.header-navigation-multi {display: none; z-index: 4}





/* Both DESKTOP and MOBILE sizes */
.header-navigation-multi {position: absolute; bottom: -10px; transform: translateY(100%); right: 5px; min-width: 360px; z-index: 3; padding: 20px 20px 15px 20px; border-radius: 20px; background-color: var(--color-white); border: 2px solid var(--color-basic-4);}
.header-navigation-multi  {max-height: calc(100vh - 160px); overflow-y: auto; max-width: 100%;}
.mobile-menu .dropdown-menu {border: none; padding: 0 0 20px 0;}
.mobile-menu .dropdown-menu a {color: var(--color-black); text-decoration: none;}
.mobile-menu .dropdown .dropdown-toggle.show, .mobile-menu .dropdown .dropdown-toggle:hover {background-color: var(--color-basic-3); color: var(--color-white) !important;}

.navbar-nav a.nav-link {
	color: var(--color-white); 
	background-color: var(--color-basic-1); 
	padding: 9px 20px; 
	border-radius: 100px;
	margin: 0 auto 10px auto; 
	text-decoration: none; 
	text-align: center; 
	font-weight: 400;
	font-size: 1.125rem;
	text-transform: uppercase;
}
.navbar-nav a.nav-link:after {display: none;}


.mobile-menu .nav-level-2.dropdown-item-text {font-size: 1.125rem;  color: var(--color-basic-1) !important; background-color: transparent !important; text-decoration: none; margin: 10px 0 0 0; padding-bottom: 0; } /* headings */
.mobile-menu .nav-level-2.dropdown-item-text:hover {text-decoration: none; cursor: default;} /* heading only */

.mobile-menu .dropdown-item:active, .mobile-menu .dropdown-item.active {font-weight: 700; background-color: transparent !important;}
.mobile-menu .nav-level-3 {margin: 0 0 0 10px; font-size: .9rem; padding-bottom: 0; padding-top: 5px;}
.mobile-menu .nav-level-4 {margin: 5px 0 0 20px; font-size: .8rem;}

@media screen and (max-width: 500px) {	
	.header-navigation-multi {width: calc(100% - 6px); margin: 0; right: 3px; margin: 0; min-width: 300px; padding-top: 5px;}
}


@media screen and (max-width: 500px) {	
	.dropdown-item {white-space: normal;}
}

button.menu-icon:focus, button.menu-icon:active {border: none;}
button.menu-icon.menu-icon-open.fa-bars:before {content: "\f00d";} /* change to times */

 /* change sandwich to x */
button.menu-icon .icon-sandwich {display: flex;}
button.menu-icon .icon-close {display: none;}
button.menu-icon.menu-icon-open .icon-sandwich {display: none;}
button.menu-icon.menu-icon-open .icon-close {display: flex; transition: all .4s ease;}
button.menu-icon.menu-icon-open .icon-close:hover {transform: scale(.85);}

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

.deck-title {padding-left: 0 !important; padding-right: 0 !important; text-align: left; font-size: 3rem; color: var(--color-basic-3); margin-bottom: 15px; line-height: 1.2;}

@media screen and (max-width: 767px) {	
	.deck-title {font-size: 2rem;}
}


.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; z-index: 1; }
.banner-video.aspect_ratio_1 { height: 0; min-height: 0; padding-bottom: 56.25%; 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; }

.banner_video_container { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; pointer-events: none; height: 100%; overflow: hidden; }
.banner-video.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%); }

.embed-container { position: relative; padding-bottom: 56.25%; 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%; }

.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: var(--color-white); font-size: 1rem; cursor: pointer; display: flex; gap: 10px; }
.video_volume, .video_volume.visible_off { display: none; }
.video_volume.visible_on { display: block; font-size: 1.2rem; }

@media screen and (max-width: 767px) {
	.video_controls { right: 10px; left: unset; } 
	.video_playback { display: block; } 
	.bodyclass_home-page-wrapper .banner-video { margin-bottom: 40px; } 
	.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; }
}



/* CSS select dropdown */
div.css-select-dropdown {display: flex;}
div.css-select-dropdown.css-dropdown-left {justify-content: flex-start;}
div.css-select-dropdown.css-dropdown-center {justify-content: center;}
div.css-select-dropdown.css-dropdown-right {justify-content: flex-end;}
div.css-select-dropdown a.btn-secondary.dropdown-toggle {background-color: var(--color-white); color: var(--color-basic-1); text-decoration: none; min-width: 300px; font-size: 1.25rem; border: 3px solid var(--color-basic-5) ; border-radius: 20px; display: flex; align-items: center; justify-content: space-between;}
div.css-select-dropdown a.btn-secondary.dropdown-toggle:hover {background-color: var(--color-basic-5); color: var(--color-black); text-decoration: underline;}
div.css-select-dropdown .dropdown-menu {min-width: 100%; border: 3px solid var(--color-basic-5); border-radius: 20px;}
div.css-select-dropdown .dropdown-item:focus, div.css-select-dropdown .dropdown-item:hover {background-color: var(--color-basic-5);}
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: var(--color-basic-1);}
div.css-select-dropdown a.dropdown-item {color: var(--color-basic-1); text-decoration: none;}
div.css-select-dropdown a.dropdown-item:hover {text-decoration: underline; color: var(--color-black);}

div.css-select-dropdown .dropdown-toggle:after {
	font: var(--fa-font-light); /* Font Awesome icon */
	  content: "\f107";
	font-style: normal;
    text-decoration: inherit;
    float: right;
	transition: all .2s ease;
	  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: var(--color-white);  box-shadow: 0px 4px 21px -11px rgba(0,0,0,0.45); border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 20px;}
div.show-content-container {display:block; clear: both; padding: 10px 15px; margin: 0;    border-radius: 20px;}
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: var(--color-white); width: auto; border: 1px solid transparent; display: flex;}
div.hidden-content-inner {padding: 10px 30px 0 30px;}
div.hidden-content-inner ul.faq-list {padding-bottom: 10px; text-align: left;}

div.show-content-container.bg-white { border: 1px solid var(--color-gray-light);}
div.hidden-content-container.bg-white { border: 1px solid var(--color-gray-light);}

@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: var(--fa-font-thin); /* Font Awesome icon */
	font-style: normal;
    text-decoration: inherit;
    float: right;
	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-light a.show-content-link, .txt-light, .txt-light a {color: var(--color-white) !important;}
.txt-light h1, .txt-light h2, .txt-light h3, .txt-light h4, .txt-light h5, .txt-light h6, .txt-light .intro {color: var(--color-white) !important}
.txt-light .deck-title, .txt-light .intro {color: var(--color-white) !important;}

.txt-dark {color: var(--color-basic-1) !important;}
.txt-dark a.show-content-link, .txt-dark a {color: var(--color-basic-1) !important;}
.txt-dark h1, .txt-dark h2, .txt-dark h3, .txt-dark h4, .txt-dark h5, .txt-dark h6, .txt-dark .intro {color: var(--color-basic-1) !important}

/* site-specific button color re-iterations
.txt-light a.button.button1, .txt-dark a.button.button1 {color: var(--color-black) !important}
.txt-light a.button.button2, .txt-dark a.button.button2  {color: var(--color-white) !important}
.txt-light a.button.button3, .txt-dark a.button.button3  {color: var(--color-white) !important}
.txt-light a.button.button4, .txt-dark a.button.button4  {color: var(--color-white) !important}
.txt-light a.button.button5, .txt-dark a.button.button5  {color: var(--color-black) !important}
.txt-light a.button.button6, .txt-dark a.button.button6  {color: var(--color-black) !important}
.txt-light a.button.button7, .txt-dark a.button.button7  {color: var(--color-white) !important}
.txt-light a.button.button8, .txt-dark a.button.button8  {color: var(--color-black) !important}
.txt-light a.button.button9, .txt-dark a.button.button9  {color: var(--color-black) !important}
.txt-light a.button.button10, .txt-dark a.button.button10  {color: var(--color-black) !important}
.txt-light a.button.button11, .txt-dark a.button.button11  {color: var(--color-black) !important}
.txt-light a.button.button12, .txt-dark a.button.button12  {color: var(--color-black) !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: var(--color-white);
	max-width: 740px;
	margin: auto;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 20px;
	box-shadow: 0px 4px 21px -11px rgba(0,0,0,0.45);
}
.ratecompare_title {
	color: var(--color-basic-1);
	font-size: 2.5rem;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: 600;
}
.ratecompare_tagline1 {
	margin: 15px auto;
}
/* below chart */
.ratecompare_term {
	color: var(--color-basic-2);
	font-size: 1rem;
	margin-top: 5px;
}
.ratecompare_tagline2 {
	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 var(--color-gray-light);
	padding: 5px 10px;
	font-size: .875rem;
	border-radius: 20px;
}
.compare-container a.JQslideToggle_close_button:hover {
	border: 1px solid var(--color-gray-light);
	text-decoration: none;
}




/* combined boxed-content - white and colors - deck options */
	/* white boxes */
.contentdeck.boxed-deck {padding: 1px 0;}
.contentdeck.boxed-deck .multicol-inner {padding: 30px 40px !important;	margin: 20px; background: var(--color-white);	border-radius: 60px;}
.contentdeck.boxed-deck .multicol-inner {background-color: var(--color-white) !important;} /* overrides new bg-color on inner box */

	/* reversed backgrounds - moving to inner box and rounding */
.contentdeck.reversed-rounded-box div.multicol-inner {border-radius: 60px; padding: 30px 40px !important; margin: 20px;}
.reversed-rounded-box.bg-color-low-tide {background-color: var(--color-white)!important;}
.reversed-rounded-box.bg-color-sunrise {background-color: var(--color-white)!important;}
.reversed-rounded-box.bg-color-river-rock {background-color: var(--color-white) !important;}
.reversed-rounded-box.bg-color-morning-dew {background-color: var(--color-white) !important;}
.reversed-rounded-box.bg-color-sunset-gradient {background-color: var(--color-white);  background: var(--color-white) !important;}
.reversed-rounded-box.bg-color-low-tide-gradient {background-color: var(--color-white);  background: var(--color-white) !important;}

@media (max-width: 767px){
	.contentdeck.boxed-deck .multicol-inner {padding: 30px !important;}	
	.contentdeck.reversed-rounded-box div.multicol-inner  {padding: 30px 10px !important; margin: 20px 5px;}
}
@media (max-width: 499px){
	.contentdeck.boxed-deck .multicol-inner {padding: 20px !important; border-radius: 40px; }	
	.contentdeck.reversed-rounded-box div.multicol-inner  {border-radius: 40px;}
	.contentdeck.reversed-rounded-box div.multicol-inner .onehalf .inner {padding: 5px;}
}
/* 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: 20px;
	border: 1px solid var(--color-gray-light);
	background: var(--color-white);
	box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
	color: var(--color-charcoal) !important;
	margin: 10px 5%;
	padding: 20px;
}




/* -------------- multi-image banners - reworked -------------- */

.hero-block { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; position: relative; width: 100%; min-height: 200px; margin: 0 auto 40px; padding-top: 30px; box-shadow: 0 15px 15px 0 rgba(1, 86, 135, 0.05); text-align: center; overflow: visible; }
.hero-block .page-inner { display: flex; align-content: center; align-items: center; }

.hero-image { position: relative; z-index: 1; width: 100%; max-width: 900px; margin: auto; transform: translateX(-100px); will-change: transform; border-top-right-radius: 80px; overflow: hidden; }
.hero-layout-full .hero-image { max-width: 100%; transform: translateX(0); border-radius: unset; }
.hero-image img { display: block; width: 100%; height: 300px; object-fit: cover; }
.hero-image.hero-align-top img { object-position: center top; }
.hero-image.hero-align-middle img, .hero-image .hero-align-center img { object-position: center center; }
.hero-image.hero-align-bottom img { object-position: center bottom; }
.hero-image .hero-align-left img { object-position: left center; }
.hero-image .hero-align-right img { object-position: right center; }
.includes-mobile-image img.hero-image-desktop { display: block !important; }
.includes-mobile-image img.hero-image-mobile { display: none !important; }

.hero-text { display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 3; width: calc(100% - 100px); margin: 0; padding: 40px 50px; color: var(--color-black); }
.hero-content-left .hero-text, .hero-text-left { text-align: left; }
.hero-content-center .hero-text, .hero-text-center { text-align: center; }
.hero-content-right .hero-text, .hero-text-right { text-align: right; }
.hero-title { width: 100%; margin: 10px auto; color: var(--color-basic-1); font-size: 3.25rem; font-weight: 200; line-height: 1; text-wrap: balance; }
.hero-subtitle { width: 100%; max-width: 1000px; margin: 10px auto; text-wrap: pretty; }
.hero-copy { padding: 0; line-height: 1.4; }
.hero-copy p {line-height: 1.4; }
.hero-text p span.small { display: block; }
.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); }
.txt-light .hero-title, .txt-light .hero-subtitle, .txt-light .hero-text, .hero-title.txt-light, .hero-subtitle.txt-light, .hero-text.txt-light { color: var(--color-white) !important; }
.hero-title.txt-dark, .hero-subtitle.txt-dark, .hero-text.txt-dark { color: var(--color-basic-1) !important; }

.hero-buttons { display: flex; gap: 0; flex-wrap: wrap; justify-content: center; max-width: 1420px; margin: 0 auto; z-index: 2; position: relative; }
.hero-content-center .hero-buttons { justify-content: center; }
.hero-content-left .hero-buttons { justify-content: flex-start; }
.hero-content-right .hero-buttons { justify-content: flex-end; }
.hero-button { z-index: 2; position: relative; display: inline-flex; margin: 0 10px 10px 10px; }

.hero-three { padding: 30px; }
.hero-three .hero-image { display: flex; border-radius: 0; transform: translateX(0); max-width: 2000px; gap: 20px; align-items: center; margin: 0; }
.hero-three .hero-image img { height: 300px; }
.hero-three .hero-image div { flex: 1 1 auto; overflow: hidden; border-radius: 20px; }
.hero-three .hero-image div img { min-height: 0; max-height: 100%; }
.hero-three .hero-copy { text-wrap: balance; }
.triple-image-left .hero-image { min-width: 23%; }
.triple-image-right { flex-direction: row; }
.triple-image-below { flex-direction: column; gap: 20px; }
.triple-image-above { flex-direction: column-reverse; gap: 10px; }
.triple-image-below .hero-text { padding-top: 20px; }

.hero-multi { min-height: 500px; margin: 0 auto; box-shadow: none; padding: 30px 0 0 0; flex-direction: column-reverse; }
.hero-multi .hero-title { color: var(--color-basic-3); }
.hero-multi.hero-three .hero-image .triple-image-1 { border-top-left-radius: 0; border-bottom-left-radius: 0; }

@media (max-width: 1200px) {
    .hero-three .hero-image .triple-image-1 { width: 50%; }
    .hero-three .hero-image .triple-image-2 { width: 50%; }
    .hero-three .hero-image .triple-image-3, .hero-three .hero-image .triple-image-4, .hero-three .hero-image .triple-image-5, .hero-three .hero-image .triple-image-6 { display: none; }
}

@media (max-width: 900px) {
    .hero-three .hero-image .triple-image-1, .hero-three .hero-image .triple-image-2 { width: 50%; }
    .hero-three .hero-image .triple-image-3, .hero-three .hero-image .triple-image-4, .hero-three .hero-image .triple-image-5, .hero-three .hero-image .triple-image-6 { display: none; }
    .hero-three, .triple-image-above { flex-direction: column-reverse; gap: 10px; }
    .triple-image-below { flex-direction: column; gap: 20px; }
}

@media screen and (max-width: 767px) {
    .hero-text { max-width: 100%; width: 100%; padding: 50px 20px 0 20px; }
    .hero-buttons { justify-content: center; flex-wrap: wrap; }
    .hero-title { font-size: 2rem; }
    .hero-subtitle { font-size: 1.25rem; }
    .includes-mobile-image img.hero-image-desktop { display: none !important; }
    .includes-mobile-image img.hero-image-mobile { display: block !important; }
}

/* overlapping three photo and shape banner layout */
.photo-overlap-shapes .hero-image { position: relative; display: block; width: 100%; aspect-ratio: 1.1 / 1; transform: none; }

.photo-overlap-shapes .hero-image div { position: absolute; overflow: hidden; border-radius: 20px; display: block; }
.photo-overlap-shapes .hero-image img { width: 100%; height: 100%; object-fit: cover; }

.photo-overlap-shapes.hero-three .hero-image .triple-image-1 { z-index: 2; top: 5%; left: 0; width: 48%; aspect-ratio: 1 / 1; }
.photo-overlap-shapes.hero-three .hero-image .triple-image-2 { z-index: 1; top: 0; right: 0; width: 48%; aspect-ratio: 1 / 1; }
.photo-overlap-shapes.hero-three .hero-image .triple-image-3 { z-index: 3; bottom: 0; right: 10%; width: 65%; aspect-ratio: 16 / 9; display: block; }

	/* shape code */

.photo-overlap-shapes .hero-image::before { content: ""; position: absolute; z-index: 0; top: 15%; right: 5%; width: 76%; aspect-ratio: 1 / 1; pointer-events: none; }

.photo-overlap-shapes .hero-image.shape-circle::before { border-radius: 50%; }
.photo-overlap-shapes .hero-image.shape-rounded-square::before { border-radius: 15%; }
.photo-overlap-shapes .hero-image.shape-geometric::before { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.photo-overlap-shapes .hero-image.shape-blob::before { aspect-ratio: 4 / 3; border-radius: 22% 78% 34% 66% / 55% 24% 76% 45%; }

.photo-overlap-shapes .hero-image.shape-color-1::before { background-color: var(--color-basic-1); }
.photo-overlap-shapes .hero-image.shape-color-2::before { background-color: var(--color-basic-2); }
.photo-overlap-shapes .hero-image.shape-color-3::before { background-color: var(--color-basic-3); }
.photo-overlap-shapes .hero-image.shape-color-4::before { background-color: var(--color-basic-4); }
.photo-overlap-shapes .hero-image.shape-color-5::before { background-color: var(--color-basic-5); }
.photo-overlap-shapes .hero-image.shape-color-6::before { background-color: var(--color-basic-6); }
.photo-overlap-shapes .hero-image.shape-color-7::before { background-color: var(--color-basic-7); }
.photo-overlap-shapes .hero-image.shape-color-8::before { background-color: var(--color-basic-8); }


/* equal height cards bit type */
.equal-height-cards.container, .equal-height-cards.container.cards-deck, .equal-height-cards { width: 100%; }
.equal-height-cards.container, .equal-height-cards.container.cards-deck { max-width: 100%; }

.equal-height-cards {
  margin: 0 auto;
  padding: 20px 10px;
  position: relative;
  display: flex;
  justify-content: center;
  color: var(--color-gray-dark);
  box-sizing: border-box;
}

.equal-height-cards .card {
  overflow: hidden;
  padding: 30px 20px 10px 20px;
  min-width: 320px;
  border: 1px solid var(--color-gray-lightest);
  height: 100% !important;
  text-align: left;
  border-radius: 20px;
  transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98);
  width: 100%;
  box-shadow: 0 15px 20px 0 rgba(43, 43, 43, .1);
  max-width: 490px;
  margin: 20px auto;
}

.equal-height-cards .card-body, div.equal-height-cards .card-footer p { margin-bottom: 0; padding-bottom: 0; }

.equal-height-cards .card-body, .equal-height-cards .align-items-center .card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.equal-height-cards .card-body { gap: 5px; }
.equal-height-cards .align-items-center .card-body { text-align: center; gap: 18px; }
.equal-height-cards .icon-card-title { font-size: 1.5rem; text-align: center; }
div.contentdeck.brandcolor div.equal-height-cards .card .intro { color: var(--color-basic-1); }

.equal-height-cards .card-footer {
  font-size: .8rem;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  text-align: center;
  border-top: 2px solid var(--color-basic-5);
  background-color: white;
  padding-top: 20px;
}

.equal-height-cards .card-footer:empty { display: none; }

.equal-height-cards .icon-card-icon {
  background-color: var(--color-basic-3);
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.7rem;
  color: var(--color-white) !important;
  margin-bottom: 20px;
}
/* if there's an image */
.equal-height-cards img { width: 100%; max-height: 400px; object-fit: cover; transform: scale(1.001);}
div.contentdeck div.deckinner div.equal-height-cards img {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}


@media (min-width: 1400px){/* MIN */
	.equal-height-cards.container.cards-element, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1440px;}	
}


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


/* personalized icon card grid - uses default featured-icon styles */
div.equal-height-cards.icon-card-grid {flex-wrap: wrap; max-width: 1440px; gap: 20px;}
div.equal-height-cards.icon-card-grid .card {border: none; min-height: 200px;}
div.equal-height-cards.icon-card-grid .card-body {align-items: center;}



#interest-grid {text-wrap: balance;}


@media (max-width: 1000px){
	#interest-grid .multicol-inner {margin: 20px 0; padding: 30px 10px !important;}
}

/*  expanded hitbox for title link on icon card grid*/
.icon-card-grid .card {position: relative;}
.icon-card-grid .card .feature-title a::before {content:" "; position: absolute; inset: 0; cursor: pointer; z-index: 1;   border: 2px solid transparent; transition: border-color 200ms;}
.icon-card-grid .card .feature-title a:hover {text-decoration: none !important; color: var(--color-black) !important;}
.icon-card-grid .card .feature-title a:hover::before {cursor: pointer;}
.icon-card-grid .card .feature-title a:focus {outline-width: 1px; outline-color: var(--color-gray-light);}
.icon-card-grid .card .feature-title a:hover::before, .icon-card-grid .card .feature-title:focus-visible::before {}
/* .icon-card-grid .card .feature-title a:focus {  outline: none;}*/
	/*custom color change */
.icon-card-grid .card {transition: background-color 200ms;}
.icon-card-grid .card:hover { background-color: var(--color-basic-8);}
.icon-card-grid .card .feature-icon {transition: border 200ms;}
.icon-card-grid .card:hover .feature-icon {border: 1px solid var(--color-black);}

/* 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 var(--color-basic-3);}
.vertical-line.line-lemonlime .equal-height-cards div.card {border-right: 1px solid var(--color-basic-6);}
.vertical-line.line-fog .equal-height-cards div.card {border-right: 1px solid var(--color-basic-8);}
.vertical-line.line-timberwolf .equal-height-cards div.card {border-right: 1px solid var(--color-basic-3);}
.vertical-line.line-secgreen .equal-height-cards div.card {border-right: 1px solid var(--color-basic-2);}
.vertical-line.line-corpgreen .equal-height-cards div.card {border-right: 1px solid var(--color-basic-1);}

.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 var(--color-basic-3);}
	.vertical-line.line-lemonlime .equal-height-cards div.card {border-bottom: 1px solid var(--color-basic-6);}
	.vertical-line.line-fog .equal-height-cards div.card {border-bottom: 1px solid var(--color-basic-8);}
	.vertical-line.line-timberwolf .equal-height-cards div.card {border-bottom: 1px solid var(--color-basic-3);}
	.vertical-line.line-secgreen .equal-height-cards div.card {border-bottom: 1px solid var(--color-basic-2);}
	.vertical-line.line-corpgreen .equal-height-cards div.card {border-bottom: 1px solid var(--color-basic-1);}
	.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 var(--color-gray-mid);
	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: 20px;}

div.staff-feature-2020 .twothirds {}
div.staff-feature-2020 .detail-container {}
div.staff-name-2020 {font-size: 1.4rem; font-weight: 500; color: var(--color-basic-1); margin: 10px 0 0 0;}
div.staff-title-2020 {font-size: 1rem; font-weight: 500; color: var(--color-basic-1); 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; }
}


/* 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: var(--color-white); margin-bottom: -100px;}
div.contentdeck.coverbar-bottom .coverbar-lower, div.contentdeck.coverbar-both .coverbar-lower {display: block; height: 100px; width: 100%; background-color: var(--color-white); margin-top: -100px;}

/* related content buttons overrides */
.related_content {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.sidebar .related_content {justify-content: center;}
.related_content a.button {margin: 5px; font-size: .9rem; padding: 8px 12px; gap: 10px;}





/* PERSONALIZATION - remove what's not used */


/* pers-toggle styled checkbox */
input.pers-toggle {
	appearance: none;
    appearance: none;
    width: 62px;
    height: 36px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: var(--color-basic-6);
    transition: background-color ease 0.3s;
    margin-left: 8px;
	border: 2px solid var(--color-basic-6);
}
input.pers-toggle:before {
    content: "on off";
    display: block;
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    background: var(--color-white);
    left: 2px;
    top: 2px;
    border-radius: 50%;
    font: 10px/28px Helvetica;

    font-weight: bold;
    text-indent: -22px;
    word-spacing: 37px;
    color: var(--color-white);
    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: var(--color-basic-8); }
input.pers-toggle:checked:before {left: 32px;}
input.pers-toggle:before {content: " "}
input + label span.pers-text-off {color: var(--color-gray-dark); 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: var(--color-basic-1); display: inline;}
.pers-enable-container {display: flex; justify-content: flex-start; align-items: center; margin: auto;     z-index: 1;    position: relative;}
input.pers-toggle:focus {border: 2px solid var(--color-basic-8);}
/* checkmark on personalization options page */
.pers-toggle {margin: 10px 5px;}



/* 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: 20px;}
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 {   margin: 1px 6px 0 0;    font-size: 1rem; font-weight: 400; color: var(--color-basic-2);}
.sharebar .fa-brands, .sharebar .fa  {font-size: 1.4rem;    color: var(--color-basic-6);}
.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(.8);}

/* can use for titles at the top of the page */
@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
.home-hero .multicol1 {animation: 1s ease-in-out 0s 1 slideInFromTop;}

@media screen and (max-width : 767px) {
	.home-hero .multicol1 {animation: 1s ease-in-out 0s 1 slideInFromLeft;}
}
 
 
 /* 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;}
.bodyclass_blank_wrapper .ie-div-position-customer-chat {display: 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;}
}
 

/* popper tooltip customization */
.popover-body {padding: 5px;}

/* stacked bars */
.stacked-bar, .stacked-bar a {color: var(--color-basic-1); font-size: 1.5rem; font-weight: 300 !important; }
.stacked-bar.card {padding: 25px; margin: 35px 0; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 20px;}
.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);}



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



/* 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: 20px; 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; color: var(--color-basic-1);}
.news-grid-text {font-size: 1.25rem; color: var(--color-charcoal);}
.txt-light .news-grid-text a {font-size: 1.25rem; color: var(--color-basic-2) !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: var(--color-charcoal) !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: var(--color-gray-light);}
.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: var(--color-gray-light);}





@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: 1440px; margin: auto;}
.tm-tabs {display: flex; gap: 30px; margin: 10px auto; max-width: 1440px; padding: 0 10px; width: 100%;}
.tm-tab {  cursor: pointer;  padding: 10px 0 4px 0;  margin: 0 0 5px 0;  display: flex;  font-size: 1rem;  align-items: flex-end; line-height: 1.1;  color: var(--color-basic-1); 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 var(--color-gray-dark); 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-title {margin-top: 60px;}

.counter-blocks .card {background-color: var(--color-basic-1); border: 1px solid var(--color-basic-8); border-radius: 20px; color: var(--color-white); font-size: 1.235rem; text-align:left; padding: 45px 35px 35px 25px; }
.counter-blocks .counter-number {font-size: 2.25rem; 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: 20px; 
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.18);
}
/* override from feature-img flexbox setting */
div.feature-img.feature-video {display: block;}


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


/*                     CAROUSELS                     */

/* prevent layout issues */
/* Prevent overflow and force single-line layout before JS loads */
.swiper:not(.swiper-initialized) .swiper-wrapper { display: flex; overflow: hidden; }
.swiper:not(.swiper-initialized) .swiper-slide { flex-shrink: 0; }

/* icon-card-swiper swiper  */
.swiper.icon-card-swiper { display: flex; margin: auto; padding: 0 20px 20px 20px; position: relative; overflow: visible;}
.icon-card-swiper .swiper-slide { display: flex; justify-content: space-between; height: auto !important; border-radius: 20px; overflow: visible; }
.icon-card-swiper .swiper-slide.swiper-slide-active { z-index: 1; }

.icon-card-swiper .card { border: 2px solid var(--color-gray-lightest); height: 100% !important; padding: 10px 20px; text-align: left; border-radius: 20px; box-shadow: 0 15px 20px 0 rgba(43, 43, 43, 0.05); transition: all 0.4s cubic-bezier(0.49, 0.99, 0.54, 0.98); width: 100%; max-width: 550px; position: relative; }
.icon-card-swiper .card:hover { border: 2px solid var(--color-gray-light); }
.icon-card-swiper .swiper-slide.swiper-slide-active .card { box-shadow: 0 15px 20px 0 rgba(43, 43, 43, 0.1); z-index: 2; transform: scale(1); }
.icon-card-swiper .swiper-slide .card-body { display: flex; justify-content: flex-start; align-items: center; gap: 18px; flex-direction: column; }
.icon-card-swiper .icon-card-icon { background-color: var(--color-basic-3); width: 80px; height: 80px; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 2.7rem; color: var(--color-white) !important; }

.icon-card-swiper .icon-card-title { font-size: 1.5rem; text-align: center; }
.icon-card-swiper .icon-card-text { text-wrap: balance; }
.icon-card-swiper .icon-card-text p { line-height: 1.5; }
.icon-card-swiper .icon-card-text a { position: relative; z-index: 10; cursor: pointer; }
.icon-card-swiper .icon-card-text a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.icon-card-swiper .icon-card-text a:hover { text-decoration: underline !important; }
.icon-card-swiper .icon-card-text a:hover::before, .linked-card .feature-title a:focus::before { cursor: pointer; }
.icon-card-swiper .icon-card-text a:focus { outline: 1px solid var(--color-gray-light); }

.card-swiper-footer { display: flex; justify-content: center; align-items: center; gap: 20px; width: 100%; margin-top: 15px; }
.card-swiper-arrows { display: flex; justify-content: center; gap: 20px; width: 100%; }
.card-swiper-arrows .swiper-button-next, .card-swiper-arrows .swiper-button-prev { position: relative; top: unset; left: unset; right: unset; margin: 0 15px; font-size: 1.4rem; z-index: 1; }
.card-swiper-arrows svg.swiper-navigation-icon { display: none; }

@media screen and (max-width: 500px) { .icon-card-swiper .swiper-slide .card { min-width: unset; width: 100%; } }



/* testimonials - coverflow overlap swiper overrides*/
.testimonial-swiper-container .swiper {width: auto; height: 100%;}
.testimonial-swiper-container .swiper-slide {display: flex;  justify-content: center;  align-items: center;  min-height: 100px;  padding: 10px;}

.testimonial-swiper-container { display: flex; flex-direction: column; gap: 24px; width: 100%; height: auto; }

.swiper.overlap-swiper { margin: 0 auto; max-width: 1400px; padding: 0 20px; box-sizing: border-box; height: 400px; width: 100%; overflow: visible; }
/*.swiper.overlap-swiper .swiper-wrapper { height: auto; }*/

.overlap-swiper .swiper-slide { display: flex; justify-content: center; height: auto !important; background-color: transparent; }
.overlap-swiper .card { display: flex; justify-content: center; align-items: center; padding: 20px; flex-direction: column; background-color: var(--color-white); box-sizing: border-box; height: auto; min-height: 280px; width: 100%; border: 2px solid var(--color-basic-6); border-radius: 20px; box-shadow: none; z-index: 2; }
.overlap-swiper .swiper-slide .card-body { display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: .95; }
.overlap-swiper .swiper-slide .card-body p { margin-bottom: 0; }

.overlap-swiper .swiper-slide.swiper-slide-visible .card { border: 2px solid var(--color-basic-4); box-shadow: none; }
.overlap-swiper .swiper-slide.swiper-slide-visible .card-body { opacity: 1; }
.overlap-swiper .swiper-slide.swiper-slide-fully-visible .card { border: 2px solid var(--color-basic-3); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .25); }
.overlap-swiper .swiper-slide.swiper-slide-fully-visible .card-body { opacity: 1; }

.overlap-swiper .swiper-button-next:after, .overlap-swiper .swiper-button-prev:after { display: none; content: none; }
.overlap-swiper .swiper-button-next:before, .overlap-swiper .swiper-button-prev:before { display: none; }

.testimonial-swiper-container .swiper-pagination-overlap { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row; transform: none; margin-bottom: 20px; z-index: 2;}
.testimonial-swiper-container .swiper-pagination-overlap .swiper-pagination-bullet { width: 24px; height: 24px; margin: 0 4px; padding: 0; background: transparent; opacity: 1; display: flex; justify-content: center; align-items: center; border-radius: 0; border: none; cursor: pointer; }
.testimonial-swiper-container .swiper-pagination-overlap .swiper-pagination-bullet::after { content: ""; display: block; width: 14px; height: 14px; background: var(--color-basic-3); border-radius: 50%; transition: all 0.2s ease; }
.testimonial-swiper-container .swiper-pagination-overlap .swiper-pagination-bullet-active::after { width: 18px; height: 18px; background: var(--color-white); border: 1px solid var(--color-basic-3); }

/* helping the transition */
.testimonial-swiper-container .swiper-slide {    opacity: 0; transition: opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1), transform 500ms cubic-bezier(0.25, 1, 0.5, 1); will-change: transform, opacity;}
.testimonial-swiper-container .swiper-slide-visible {    opacity: 0.5; }
.testimonial-swiper-container .swiper-slide-active {    opacity: 1;}

/* making tap-targets larger */
.testimonial-swiper-container .swiper-pagination {transform: translateY(-3px); display: flex; justify-content: center; align-items: center;}
.testimonial-swiper-container .swiper-pagination-bullet {padding: 5px; margin-left: 10px !important;}
.testimonial-swiper-container .swiper-pagination-bullet-active {padding: 7px;}

@media screen and (max-width: 767px) {
	.testimonial-swiper-container .swiper.overlap-swiper .card-body {font-size: .9rem;}
}





/* icon swiper leaf */
.icon-swiper-leaf-section { background: var(--color-basic-8) linear-gradient(to bottom, var(--color-basic-8) 50%, var(--color-white) 50%); margin: 20px 0; }
.icon-swiper-leaf-section .icon-swiper-deck-title h2 { padding: 20px 0 0 0; margin: auto; text-align: center; color: var(--color-basic-1); }
.icon-swiper-leaf .icon-swiper-container { overflow: visible; }
.swiper.icon-swiper-leaf { margin: auto; overflow: hidden; padding: 30px 10px 50px 10px; position: relative; margin-bottom: 10px; }

.icon-swiper-leaf .swiper-slide { display: flex; justify-content: center; height: auto !important; width: clamp(160px, 20vw, 220px);}
.icon-swiper-leaf .card { border: none; height: 100% !important; display: flex; justify-content: space-around; align-items: center; padding: 20px 10px 10px 10px; flex-direction: column; border-radius: 20px 0 20px 0; box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .18); width: 100%; }
.icon-swiper-leaf .swiper-slide .card-body { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px; }

.icon-swiper-leaf .swiper-button-next, 
	.icon-swiper-leaf .swiper-button-prev { position: relative; top: unset; margin: 0 15px; font-size: 1.4rem; color: rgba(0,0,0,.95) !important; }
.icon-swiper-leaf .swiper-button-next:after, 
	.icon-swiper-leaf .swiper-button-prev:after { display: none; }
.swiper.icon-swiper-leaf { --swiper-pagination-bullet-size: 12px; --swiper-pagination-bullet-width: 12px; --swiper-pagination-bullet-height: 12px; --swiper-pagination-bullet-inactive-color: var(--color-black); --swiper-pagination-bullet-inactive-opacity: 0.25; --swiper-theme-color: var(--color-basic-3); }

.icon-swiper-leaf .icon-swiper-icon { font-size: 4rem; color: var(--color-basic-3); }
.icon-swiper-leaf .icon-swiper-text a { font-size: 1rem; font-weight: 400; color: var(--color-black); text-decoration: none; }


/* icon swiper square */
.icon-swiper-square-section { background: var(--color-basic-1) linear-gradient(to bottom, var(--color-basic-1) 50%, var(--color-white) 50%); margin: 20px 0; }
.icon-swiper-square-section .icon-swiper-deck-title h2 { padding: 20px 0 0 0; margin: auto; text-align: center; color: var(--color-white); }
.icon-swiper-square .icon-swiper-container { overflow: visible;}
.swiper.icon-swiper-square { margin: auto; overflow: hidden; padding: 30px 10px 50px 10px; position: relative; margin-bottom: 10px; }

.icon-swiper-square .swiper-slide { display: flex; justify-content: center; height: auto !important; width: clamp(160px, 20vw, 220px);}
.icon-swiper-square .card { border: none; height: 100% !important; display: flex; justify-content: space-around; align-items: center; padding: 20px 10px 10px 10px; flex-direction: column; border-radius: 20px; box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .18); width: 100%;}
.icon-swiper-square .swiper-slide .card-body { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px; }

.icon-swiper-square .swiper-button-next, 
	.icon-swiper-square .swiper-button-prev { position: relative; top: unset; margin: 0 15px; font-size: 1.4rem; color: rgba(0,0,0,.95) !important; }
.icon-swiper-square .swiper-button-next:after, 
	.icon-swiper-square .swiper-button-prev:after { display: none; }
.swiper.icon-swiper-square { --swiper-pagination-bullet-size: 12px; --swiper-pagination-bullet-width: 12px; --swiper-pagination-bullet-height: 12px; --swiper-pagination-bullet-inactive-color: var(--color-black); --swiper-pagination-bullet-inactive-opacity: 0.25; --swiper-theme-color: var(--color-basic-3); }

.icon-swiper-square .icon-swiper-icon { font-size: 4rem; color: var(--color-basic-3); }
.icon-swiper-square .icon-swiper-text a { font-size: 1rem; font-weight: 400; color: var(--color-black); text-decoration: none; }

/* testimonial card swiper */
.tcard-section { margin: 20px; }
.tcard-container { overflow: visible; margin-bottom: 50px; }
.swiper.tcard-swiper { margin: auto; overflow: hidden; padding: 30px 10px 50px 10px; position: relative; margin-bottom: 10px; --swiper-pagination-bullet-size: 12px; --swiper-pagination-bullet-width: 12px; --swiper-pagination-bullet-height: 12px; --swiper-pagination-bullet-inactive-color: var(--color-black); --swiper-pagination-bullet-inactive-opacity: 0.25; --swiper-theme-color: var(--color-basic-3); }


.tcard-author { font-weight: 600; font-size: 1.25rem; }

.tcard-swiper .swiper-slide { display: flex; justify-content: center; height: auto !important; width: clamp(350px, 85vw, 520px); }
.tcard-swiper .card { border: none; display: flex; justify-content: space-between; align-items: center; padding: 30px 30px 10px 30px; flex-direction: column; border-radius: 20px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); width: 100%; height: 100% !important; background-color: var(--color-white); position: relative; z-index: 2; margin: 10px 0; }
.tcard-swiper .tcard-text { flex-grow: 1; width: 100%; }
.tcard-swiper .swiper-slide .card-body { display: flex; padding: 10px 0 0 0; justify-content: space-between; align-items: center; width: 100%; }
.tcard-testimonial { display: flex; gap: 20px; line-height: 1.2; }
.tcard-quote { color: var(--color-basic-5); font-size: 55px; margin: 0; }
.tcard-quote .i-fa-solid-fa-quote-right { border: 0; box-sizing: border-box; display: inline-block; font-family: "Font Awesome 7 Pro"; font-variant: normal; font-weight: 900; line-height: 1; margin: 0; outline: 0; text-rendering: auto; }

.tcard-swiper .swiper-button-next, .tcard-swiper .swiper-button-prev { position: relative; top: unset; margin: 0 15px; font-size: 1.4rem; color: rgba(0,0,0,.95) !important; }
.tcard-swiper .swiper-button-next:after, .tcard-swiper .swiper-button-prev:after { display: none; }







/*                     BANNERS                     */





/* NEW 2026 - angled banners - REVAMPED for more flexibility */

.angled-wrapper { width: 100%; margin: 0 auto; display: flex; justify-content: center; overflow: hidden; background-color: transparent; }
.angled-split-container { display: flex; width: 100%; max-width: 1440px; height: auto; align-items: stretch; position: relative; isolation: isolate;}

.angled-image-section {z-index: 2; display: flex; }
.angled-image-section img { width: 100%; height: 100%; object-fit: cover; display: block; }
.angled-text-section { flex: 0 0 65%; display: flex; flex-direction: column; justify-content: center; padding: 40px 10px; z-index: 1; }
.angle-image {height: 100%; width: 100%;}

.angled-text-left { flex-direction: row-reverse; justify-content: flex-end; }
.angled-text-left .angled-image-section { clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); margin-left: -10%;  justify-content: flex-start;}
.angled-text-left .angled-text-section { padding-right: 12%; }

.angled-text-right { flex-direction: row; justify-content: flex-start; }
.angled-text-right .angled-image-section { clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%); margin-left: calc((100vw - 100%) / -2); margin-right: -10%;  justify-content: flex-end;}
.angled-text-right .angled-text-section { padding-left: 12%; padding-right: 80px; }

.angled-wrapper h2.angle-title { margin: 5px 0; padding: 0; text-wrap: pretty; }
.angled-wrapper h3.angle-subtitle { margin: 5px 0 15px 0; padding: 0; text-wrap: pretty; }
.angled-wrapper .angle-copy { text-wrap: pretty; }

.angled-wrapper .angle-align-left img { object-position: left center; }
.angled-wrapper .angle-align-center img { object-position: center center; }
.angled-wrapper .angle-align-right img { object-position: right center; }
.angled-wrapper.angle-align-top img { object-position: center top; }
.angled-wrapper.angle-align-middle img { object-position: center center; }
.angled-wrapper.angle-align-bottom img { object-position: center bottom; }

@media (max-width: 900px) {
  .angled-split-container { flex-direction: column !important; min-height: auto; }
  .angled-image-section { flex: 0 0 250px; width: 100%; margin: 0 0 -40px 0 !important; }
  .angled-text-left .angled-image-section { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%) !important;}
  .angled-text-right .angled-image-section { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%) !important;}
  .angle-image {width: 100%;}
  .angled-text-section { flex: 0 0 auto; width: 100%; padding: 70px 30px 50px 30px !important; }
}

/* new three-part-banner */

.tpb-wrapper { width: 100%; margin: 10px 0; }

.tpb-flex { display: flex; gap: 1.5rem; max-width: 1440px; margin: auto; padding: 10px; align-items: stretch; justify-content: center; }
.tpb-col-left { display: flex; flex-direction: column; gap: 1.5rem; flex: 2; }
.tpb-col-right { display: grid; grid-template-rows: 1fr 1fr; gap: 1.5rem; flex: 1; }

.tpb-content { padding: 20px 40px 10px 40px; }
.tpb-overlay { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 50%; overflow-y: auto; opacity: .9; color: var(--color-black); padding: 20px 10px 10px 10px; text-align: center; font-size: 1.25rem; z-index: 2; box-sizing: border-box; }

.tpb-img-main { position: relative; flex-grow: 1; border-radius: 60px 0 0 60px; border-width: 4px !important; overflow: hidden; display: flex; aspect-ratio: 21 / 9; }
.tpb-card { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 0; }
.tpb-card-top { border-radius: 0 60px 0 0; }
.tpb-card-bottom { border-radius: 0 0 60px 0; }

.tpb-img-main img, .tpb-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; }

.tpb-align-right .tpb-flex { flex-direction: row-reverse; }
.tpb-align-right .tpb-img-main { border-radius: 0 60px 60px 0; }
.tpb-align-right .tpb-card-top { border-radius: 60px 0 0 0; }
.tpb-align-right .tpb-card-bottom { border-radius: 0 0 0 60px; }

@media (max-width: 900px) {
    .tpb-flex { flex-direction: column; }
    .tpb-align-right .tpb-flex { flex-direction: column; }
    .tpb-card { aspect-ratio: 16 / 9; }
}


/* special color bar for bottom of decks */
.deck-bottom-color-bar {height: 100px; width: 100%; display: flex;}

/* photo style removal - general */
.remove-radius {border-radius: 0 !important;}
.remove-shadow {box-shadow: none !important;}
.remove-border, img.remove-border {border: none !important;}

/* vertical alignment of two-column photo for cutout pics */
.deckinner.photo-vert-align-top {align-items: flex-start !important;}
.deckinner.photo-vert-align-bottom {align-items: flex-end !important;}
.deckinner.photo-vert-align-middle {align-items: center !important;}

@media screen and (max-width: 767px) {
    div.contentdeck .deckinner.photo-vert-align-bottom {flex-direction: column-reverse;}
}

/* colored titlebar */
.hidetitlebar.titlebar {display: none;}
.showtitlebar h2.deck-title {margin: 0 auto; text-align: left !important; max-width: 1400px; padding: 10px; color: var(--color-charcoal);}

/* bootstrap override */
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
	}
}
.rounded {border-radius: 20px !important;}


/* four block feature */
	/* hiding unused elements */
.four-block-square.four-block-image .four-block-text {display: none;}
.four-block-square.four-block-image .four-block-color {display: none;}

.four-block-square.four-block-text .four-block-image {display: none;}
.four-block-square.four-block-text .four-block-color {display: none;}

.four-block-square.four-block-color .four-block-image {display: none;}
.four-block-square.four-block-color .four-block-text {display: none;}

.four-block-layout {box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; width: calc(100% - 20px);}
.four-block-square {flex: 1 1 calc(50% - 20px); border-radius: 20px; overflow: hidden;  min-width: 200px; min-height: 250px; background-color: var(--color-white);     box-shadow: 0 10px 20px 0 rgba(43, 43, 43, .3); transition: all 0.3s cubic-bezier(0.49, 0.99, 0.54, 0.98);}
.four-block-square:hover { box-shadow: 0 10px 20px 0 rgba(43, 43, 43, .1);}

.four-block-image { max-width: 310px; min-height: 250px; width: 100%; display: flex;     box-sizing: border-box;}
.four-block-image img {object-position: center center; object-fit: cover; height: 100%; width: 100%; }
.four-block-text {width: 100%; max-width: 310px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:5px; box-sizing: border-box;}
.four-block-color {height: 100%; width: 100%; min-height: 310px; max-width: 310px; box-sizing: border-box;}


@media screen and (max-width: 900px) {
    div.contentdeck.four-block-deck .deckinner.duo-deck {flex-wrap: wrap; flex-direction: column;}
	div.contentdeck.four-block-deck .duo-deck .multicol2, 
		div.contentdeck.four-block-deck .duo-deck .multicol1 {display: flex;      margin: auto;  justify-content: center;}
	div.contentdeck.photo-align-right.four-block-deck , div.contentdeck.photo-align-left.four-block-deck  {        flex-direction: column;    }
	.four-block-layout { justify-content: space-evenly; width: 100%;}
	.four-block-color {max-height: 100px;}
}

@media screen and (max-width: 450px) {
	.four-block-layout {padding: 10px;}
	.four-block-square {max-width: 100%; flex: 1 1 100%; min-height: unset;}
	.four-block-image {max-width: 100%;}
	.four-block-text {max-width: 100%;}
	.four-block-color {max-width: 100%;}
}
@media screen and (max-width: 400px) {
	.four-block-square {flex: 1 1 auto;}
	.four-block-image {max-width: 390px;}
	.four-block-text {max-width: 390px;}
	.four-block-color {max-width: 390px;}
}




/* new divider bar for titles and testimonials. */
.contentdeck.divider-bar .deckinner {padding: 8px 0;}
.contentdeck.divider-bar.top-margin {margin-top: 40px;}
.contentdeck.divider-bar.bottom-margin {margin-bottom: 40px;}
.contentdeck.divider-bar.no-margin {margin-top: 0; margin-bottom: 0;} /* default */
.contentdeck.divider-bar .divider-title {margin-left: 20px; margin-right: 20px;}
.contentdeck.divider-bar .divider-inner {padding: 0 20px !important;}

@media screen and (max-width: 1460px){
	.contentdeck.divider-bar .deckinner {padding: 10px;}
}
@media screen and (max-width: 767px){
	.contentdeck.divider-bar .divider-title {margin-left: 0; margin-right: 0;}
}

/* survey with percent-filled bars - START */
.survey-bars-container {padding: 0 20px 20px 30px;}
.deck-title.survey-question {margin-bottom: 15px; text-wrap: balance;}
.survey-description {font-size: 1.125rem; margin-bottom: 10px;}
.survey-bars-items {display: flex; flex-direction: column; gap: 20px;}
.survey-bars-items button, .survey-results-bar {padding: 18px; width: 100%; background-color: var(--color-white) !important; color: var(--color-black) !important; text-transform: unset; font-size: 1.125rem; font-weight: 400; border: 2px solid var(--color-gray-lightest);
	box-shadow: rgba(17, 17, 26, 0.04) 0px 4px 16px, rgba(17, 17, 26, 0.04) 0px 8px 32px; border-radius: 15px; text-align: left;}
.survey-results-bar span {font-weight: 700;}
.survey-bars-items button:hover {box-shadow: rgba(17, 17, 26, 0.04) 0px 0 8px, rgba(17, 17, 26, 0.04) 0px 0 12px; border-radius: 15px; text-align: left;}
.survey-results-bar {box-shadow: none; display: flex; position: relative; padding: 0; overflow: hidden; }
.survey-results-bar .pct_bar {background-color: var(--color-basic-6); height: 100%; width: 100%; position: absolute; overflow: visible;}
.survey-results-bar .survey-result-text {z-index: 3;  padding: 18px; display: flex; gap: 20px; overflow: visible; position: relative;}
.survey-result-text span {min-width: 40px;}
.survey-result-text div.survey-result-answer {width: 100%; position: relative;}
.survey-bars-message {text-align: center; font-size: .8rem;}
.survey-complete {transition: all .3s ease-out;}
/* two classes used by fadeReplaceElement function, which is used in this style survey */
.l9-css-fadeready {
    transition: opacity 0.6s ease;
    opacity: 1;
}
.l9-css-hidden {
    opacity: 0;
}
/* survey with percent-filled bars - END */



/* community impact counter */
.community-counter-intro {max-width: 1200px; padding: 0 20px; margin: 60px auto;}
.community-counter {box-sizing: border-box; display: flex; justify-content: center; width: 100%; max-width: 1440px; }
.community-counter .card-wrap-inner {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; row-gap: 30px;}
.community-counter .card {border: none; border-radius: 20px; font-size: 2rem; line-height: 1;  display: flex; flex-direction: column; box-shadow: 0 10px 15px 0 rgba(43, 43, 43, .20);}
.community-counter .card .inner {padding: 0;}
.community-counter .card .counter-num {padding: 20px; font-size: 4rem;  font-weight: bold}
.community-counter .card .counter-desc { margin: 0; display: inline-flex; padding: 20px 20px 0 20px;}
.community-counter .card .counter-desc p {line-height: 1.2;}

	/* row 1 */
.community-counter .card.partial-card-start {background-color: var(--color-basic-1); width: calc(11% - 20px); border-radius: 0; box-shadow: none;}
.community-counter .card.partial-card-start img {object-fit: cover; height: 100%;}
.community-counter .card.commcard-1 {color: var(--color-white) !important; background-color: var(--color-basic-1); width: calc(55% - 20px); border-top-left-radius: 0; border-bottom-left-radius: 0;}
.community-counter .card.commcard-2 {color: var(--color-white) !important; background-color: var(--color-basic-2); /* minor contrast adjustment to Jungle Cat */ width: calc(33% - 20px); border-top-right-radius: 0; border-bottom-right-radius: 0;}
	/*row 2 */
.community-counter .card.commcard-3 {color: var(--color-white) !important; background-color: var(--color-basic-3); width: calc(33% - 20px); border-top-left-radius: 0; border-bottom-left-radius: 0;}
.community-counter .card.commcard-4 {color: var(--color-black) !important; background-color: var(--color-basic-4); width: calc(55% - 20px);  border-top-right-radius: 0; border-bottom-right-radius: 0;}
.community-counter .card.partial-card-end {background-color: var(--color-basic-4); width: calc(11% - 20px); border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: none; box-shadow: none;}
.community-counter .card.partial-card-end img {object-fit: cover; height: 100%;}


@media screen and (max-width: 767px) {
	.community-counter .card.partial-card-start { }
	.community-counter .card.partial-card-end { }
	.community-counter .card.commcard-1, .community-counter .card.commcard-3 {margin-right: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
	.community-counter .card.commcard-2, .community-counter .card.commcard-4 {margin-left: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
	.community-counter .card-wrap-inner .card {width: calc(100% - 10px) !important;}
}

.footer-site-links {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 30px; margin: 20px 10px 0 10px;}
.footerlink-onlytext {}


.homepage-melodi-deck {padding: 10px;}
.melodi-inpage {max-width: 1440px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap;}
.melodi-search-insert {margin: 25px auto 10px auto; width: 100%; display: flex; align-items: center; justify-content: center;}
.melodi-search-insert form {position: relative; width: 100%; max-width: 900px;}
.melodi-search-insert input {width: 100%; padding: 20px 40px; border-color: var(--color-basic-2) !important}
.melodi-search-insert ::placeholder {font-size: 1.5rem;}
.melodi-search-insert button {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border: none; background: transparent; cursor: pointer; padding: 0; margin: 0;}
.powerspark {font-size: 0.625rem; text-wrap: balance;}
.powerspark a {color: var(--color-black) !important;}
/* .powerspark.prefix-text {width: 100%; justify-content: space-between; display: flex; max-width: 900px; padding: 0 40px;}*/

@media screen and (max-width: 1000px) {
	.melodi-search-insert form {width: 100%;}
	.melodi-search-insert ::placeholder {font-size: 1.25rem;}
}

@media screen and (max-width: 767px) {
	.melodi-search-insert input {padding: 20px;}
	.melodi-search-insert ::placeholder {font-size: 1.1rem;}
	.powerspark.prefix-text {padding: 0 10px;}
}
@media screen and (max-width: 400px) {
	.melodi-search-insert ::placeholder {font-size: .925rem;}
	.powerspark {flex-direction: column; justify-content: center; align-items: center;}
}

.homepage-melodi-deck .home-title {font-size: 2.625rem; color: var(--color-basic-1); font-weight: 200; text-align: center;}
.homepage-melodi-deck .home-text {font-size: 1.2rem;}



/* image patterns */
.feature-img {position: relative; overflow: hidden;}
.feature-img.pattern-scattered-triangles.pattern-bottom::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/pattern-scattered-triangles.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}

/* to override default small borders */
.promotion {border-width: 5px !important;}


/* calculator styles 2026 */

/* buttons */
a.calc-button { background-color: transparent; color: var(--color-gray-mid); text-decoration: none !important; }
a.calc-button:hover { color: var(--color-charcoal); text-shadow: 1px 1px 2px var(--color-gray-mid); }
a.recalc-button { text-decoration: none; }
a.recalc-button:hover { color: var(--color-black); }
div.calc-container .btn { font-size: 1rem; padding: 0; width: auto; }
div.calc-container .btn-outline-primary { border: none !important; color: var(--color-charcoal); 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.active:hover, div.calc-container .btn-outline-primary.dropdown-toggle.show, div.calc-container .btn-outline-primary:active, div.calc-container .btn-outline-primary:hover { background-color: var(--color-basic-3); border-radius: 0.25rem; color: var(--color-white); font-weight: 600; }
div.calc-container .btn-check:active + .btn-outline-primary:focus, div.calc-container .btn-check:checked + .btn-outline-primary:focus, div.calc-container .btn-check:focus + .btn-outline-primary, 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-outline-primary:focus { box-shadow: none; }
.calc-container .post-interaction .button {margin: 5px;}

/* main container and layout */
div.calc-container { backdrop-filter: blur(15px); background-color: var(--color-white); border-radius: 20px; border: solid 2px var(--color-basic-8);  box-shadow: 0px 4px 21px -11px rgba(0, 0, 0, 0.45); color: var(--color-charcoal) !important; margin: 20px auto; width: calc(100% - 20px); max-width: 1440px; padding: 30px 30px 40px 30px; text-align: center; }
div.calc-container .calc-bg { background-color: var(--color-gray-lightest); border-radius: 20px; border: 1px solid var(--color-gray-light); padding: 20px 30px 30px 30px; display: flex; flex-direction: column; gap: 15px; align-items: center;}
div.calc-container div.post-interaction, div.calc-container div.post-interaction p { clear: both; margin: 10px 0; overflow: hidden; justify-content: center; }
div.calc-container .focus-ring:focus { box-shadow: none; }

/* text stuff */
div.calc-title { color: var(--color-charcoal); font-size: 2.625rem; font-weight: 300; line-height: 1.2; margin: 0 auto 20px auto; max-width: 1000px; padding: 0; text-transform: unset; text-wrap: pretty; }
div.calc-subtitle { color: var(--color-charcoal) !important; font-size: 1.25rem; margin: 5px auto; max-width: 600px; padding: 0; text-align: center; text-wrap: pretty; }
div.calc-container .calc-largetitle { font-size: 2.75rem; font-weight: 600; }
div.calc-container .calc-medtitle { font-size: 1.35rem; font-weight: 400; text-wrap: balance; }
div.calc-container .calc-smalltitle { color: var(--color-charcoal); font-size: 1.3rem; font-weight: 300; margin-top: 10px; text-align: center; text-wrap: pretty; }
.calc-disclaimer { width: auto; margin: 20px auto; font-size: .8rem; line-height: 1.2; text-wrap: pretty; max-width: 1150px;}

/* form elements */
.calc-input-container {width: 100%; margin: auto; display: flex; flex-direction: column; align-items: center;}
div.calc-container .calc-form { align-items: center; display: flex; gap: 20px; justify-content:center;    margin: 20px auto;     flex-wrap: wrap;}
div.calc-container .calc-form input { background-color: var(--color-basic-6); border-color: var(--color-basic-6); border-radius: 6px; color: var(--color-charcoal); font-size: 1.5rem; font-weight: 600; max-width: 50%; box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.1); text-align: center;}
div.calc-container .calc-block-term { max-width: 800px; width: 100%; }
div.calc-container .calc-term { display: flex; justify-content: space-between; }
div.calc-container .calc-term label { align-items: center; border: 1px solid var(--color-white) !important; box-sizing: border-box; display: flex; justify-content: center; padding: 6px 0; width: 16.6666%; }
div.calc-container .calc-form .calc-term input { border: none; }

/* sliders and progress bar */
div.calc-container .range { display: flex; }
div.calc-container input.form-range { -webkit-appearance: none; appearance: none; background-color: transparent; border: none; box-shadow: none; height: 1.5rem; margin: 10px 0; max-width: unset; padding: 0; width: 100%; }
div.calc-container input.form-range::-moz-range-thumb {appearance: none; background-color: var(--color-gray-mid); border-radius: 1rem; border: 0; height: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem; }
div.calc-container input.form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: var(--color-gray-mid); border-radius: 1rem; border: 0; height: 1rem; margin-top: -.25rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem; }
div.calc-container input.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--color-white), 0 0 0 .25rem rgba(100, 100, 100, 0.25); outline: 4px solid rgba(100, 100, 100, 0.6); }
div.calc-container div.progress { margin: 10px auto 4px auto; width: 100%;  background-color: var(--color-basic-6); }
div.calc-container .progress-bar { background-color: var(--color-basic-3); color: var(--color-black); font-size: 0; }

/* result boxes */
div.calc-results {display: flex;
	flex-direction: column;
    border: 2px solid var(--color-gray-lightest);
    background-color: var(--color-white);
    box-sizing: border-box;
    margin: 30px 0;
	width: 100%;
	padding: 0 0 30px 0;
    flex: 1; background: linear-gradient(to top, var(--color-basic-6) 0%, rgba(255, 255, 255, .05) 100%) !important;}
div.calc-results-title {
    padding: 10px 10px;
    margin: 0 0 10px 0;
    color: var(--color-basic-1);
    font-size: 1.275rem;
    font-weight: 400;
    background-color: var(--color-basic-8);
	text-align: center;
	}

div.calc-results-display { color: var(--color-basic-1); font-size: 2.25rem; font-weight: 600; margin-top: 5px; text-align: center; }
.custom-rate ::-webkit-input-placeholder {color: var(--color-basic-1);}
.calc-rate-small {font-size: 1.6rem;    color: var(--color-basic-1); font-weight: 500; margin: 0 10px 20px 10px;}
.calc-results-subtitle { font-size: 1.35rem;    color: var(--color-basic-1); font-weight: 300;}
div.calc-container .calc-results-box { align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; justify-content: center; margin-top: 40px; margin: 0 auto; text-align: left; }
div.calc-container .calc-results-box.calc-payment-info { align-items: center; }
div.calc-input-boxes { align-items: stretch; background: var(--color-white) !important; border-bottom-left-radius: 0 !important; border-radius: 36px !important; border: 1px solid var(--color-gray-light); display: flex; flex-direction: column; flex: 1; justify-content: center; max-width: 400px; min-height: 200px; min-width: 250px; padding: 5px 20px 20px 20px; text-align: center; width: 100%; }
div.calc-error { border: 1px solid var(--color-gray-light); box-shadow: 5px 0 10px -5px var(--color-gray-light), -5px 0 10px -5px var(--color-gray-light); color: var(--color-charcoal); display: inline-block; font-size: 1rem; margin: 10px 0; padding: 10px 15px; }
.calc-block {flex: 1;}

/* amort summary hidden table */
.amort-table { border-collapse: collapse; border-spacing: 0; border: solid 1px var(--color-gray-light); font: normal 13px Calibri, sans-serif; margin: 0 auto; width: 100%; }
.amort-table td { background: var(--color-white); border: solid 1px var(--color-gray-light); color: var(--color-charcoal); font-size: 1rem; padding: 10px; text-align: center; }
.amort-table thead th { background-color: var(--color-charcoal); border: solid 1px var(--color-gray-light); color: var(--color-white); padding: 10px; text-align: center; }
.amort-summary { font-weight: 400; margin: 15px 0 0 0;  padding: 10px; background: var(--color-white);}

/* rate toggle section */
.rate-control {display: flex;  flex-direction: column;  align-items: center; background-color: var(--color-basic-6); width: 100%; margin: 20px 0 10px 0; padding: 10px; border-radius: 5px;}
.rate-toggle {  display: flex;  align-items: center; gap: 12px;}
.rate-toggle-switch {  position: relative;  display: inline-block;  width: 50px;  height: 26px;}
.rate-toggle-switch input {  opacity: 0;  width: 0; height: 0;}
.rate-toggle-slider {  position: absolute;  inset: 0;  cursor: pointer;  background-color: var(--color-gray-light);  transition: 0.3s;  border-radius: 26px;}
.rate-toggle-slider:before {  content: ""; position: absolute;  height: 20px;  width: 20px;  left: 3px;  bottom: 3px;  background-color: var(--color-white);  transition: 0.3s; border-radius: 50%;}
input:checked + .rate-toggle-slider {  background-color: var(--color-basic-3);}
input:checked + .rate-toggle-slider:before {  transform: translateX(24px);}
.custom-rate {width: 100%;  max-width: 420px;  display: flex; align-items: center;  justify-content: center;  gap: 1px;  overflow: hidden; max-height: 0;  opacity: 0; transition: max-height 0.25s ease, opacity 0.2s ease;}
.custom-rate.visible {  max-height: 60px;  opacity: 1; padding: 10px;}
.custom-rate label {margin: 0 10px !important; font-size: 1rem;}
.custom-rate input {margin: 0 !important;}

@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::-webkit-slider-thumb { -webkit-transition: none; transition: none; }
}
@media screen and (max-width: 1100px) {
    div.calc-container.auto-calc-v2 .calc-block-term { padding: 20px 5px; width: 100%; }
    div.calc-container.auto-calc-v2 .calc-form { align-items: center; display: flex; flex-direction: column; justify-content: space-around; }
}
@media screen and (max-width: 767px) {
    div.calc-container .calc-form { align-items: center; display: flex; flex-direction: column; justify-content: space-around; }
    div.calc-container .calc-results-box { align-items: center; flex-direction: column; text-align: center; width: 100%; }
    div.calc-container.auto div.calc-results, div.calc-container.mma-calc div.calc-results, div.calc-container.rv div.calc-results { margin: 1% 1.5%; width: 94%; }
}
@media screen and (max-width: 500px) {
    div.calc-container { padding: 10px 10px 30px 10px; }
    div.calc-container .calc-form, div.calc-container .calc-results-box { padding: 10px !important; }
    div.calc-results { margin: 0; }
    .amort-table { font-size: 10px; }
    .amort-table td { font-size: .8rem; }
}

/* make mobile amort table scrollable */
@media screen and (max-width: 500px) {
	.amort-table-container  {overflow-x: auto !important; display: block !important; max-width: 100vw; width: 100%;  padding-bottom: 10px; }
	.amort-table-container table {width: 100% !important; border-collapse: separate; border-spacing: 0; display: table;}
	.amort-table-container table th:first-child, .amort-table-container table td:first-child { position: sticky; left: 0; z-index: 5; box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.2); min-width: 150px;}
	.amort-table-container table th:first-child {background-color: var(--color-charcoal); }
	.movable-table table td{font-size: 80%;}
}




/* melodi overrides */
#chatAlertContent.chat-alert-box {width: 250px !important; bottom: 15px !important; background-color: var(--color-basic-6) !important;}







/**************************\
  Modal Styles
\**************************/

.ui9-moda__footer {margin-top: 20px;}

.ui9-moda {}

.ui9-moda__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	box-sizing: border-box;
}

.ui9-moda__container {
	background-color: var(--color-white);
	padding: 20px;
	width: auto;
	max-width: 80%;
	max-height: 100vh;
	border-radius: 3px;
	overflow-y: auto;
	position: relative;
}

.ui9-moda__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-white);
	background: var(--color-basic-3);
	font-size: 1rem;
	padding: 10px;
	border-radius: 3px;
}
.speedbump_content_box .ui9-moda__header {display: none;}

.ui9-moda__close {
	padding: 5px !important;
	line-height: 1;
	margin: 0 !important;
	position: absolute;
	right: 2px;
	top: 2px;
}

.ui9-moda__header .ui9-moda__close:before {
	content: "\2715";
}

button.ui9-moda__close {background-color: transparent; color: var(--color-gray-light); font-size: 1.2rem;}

.ui9-moda__content {
	margin: 0;
	line-height: 1.5;
}

.ui9-moda__headline, .ui9-moda__headline h2{
	line-height: 1;
	font-size: 2rem;
}
.ui9-moda__URL {
	margin: 0 !important;
}

.ui9-moda_speedbump_disclaimer_box {
	text-align: left;
	margin: 20px 0 10px 0;
	font-size: .9rem;
}

.ui9-moda__footer {
	text-align: right;
}
/* fix for super-long URLs in speedbump and search results */
h2.ui9-moda__headline, h3.ui9-moda__URL, .ui9-moda 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;
}
/* for banking interstitial */
.ui9-moda .bank-intercept-opt-out-container {
	margin: 0 0 25px 0;
}
/* iframed modal content */
.ui9-moda__framed .ui9-moda__container {
	width: 80%;
	max-height: 90vh;
	overflow-y: hidden;
	height: 90vh;
}
.ui9-moda__framed .ui9-moda__container iframe{
	max-height: 80vh;
}
.ui9-moda__framed .ui9-moda__container .flexiframe {
	overflow: initial;
	height: 100%;
}


/* for error modal */
.ui9-moda-blank .ui9-moda__header {
	justify-content: flex-end; 
	background-color: var(--color-white);
	padding: 0;
}
.ui9-moda-blank .ui9-moda__content {
	padding: 30px 0;
    text-align: center;
    max-width: calc(100% - 60px);
    margin: auto;
}

@media screen and (max-width:900px) {
    div.ui9-moda_speedbump_content_box {
        font-size: 0.8rem;
    }
    .ui9-moda__headline, .ui9-moda__headline h2, .ui9-moda__URL {
        font-size: 1rem;
    }
}
@media screen and (max-width:450px) {
    div.ui9-moda_speedbump_content_box {
        line-height: 1.3;
        font-size: 0.7rem;
    }
}

/**************************\
Modal Animation Style
\**************************/
@keyframes mmfadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes mmfadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes mmslideIn {
	from { transform: translateY(15%); }
	to { transform: translateY(0); }
}

@keyframes mmslideOut {
	from { transform: translateY(0); }
	to { transform: translateY(-10%); }
}

.ui9-moda-slide {
	display: none;
}

.ui9-moda-slide.is-open {
	display: block;
}

.ui9-moda-slide[aria-hidden="false"] .ui9-moda__overlay {
	animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.ui9-moda-slide[aria-hidden="false"] .ui9-moda__container {
	animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.ui9-moda-slide[aria-hidden="true"] .ui9-moda__overlay {
	animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.ui9-moda-slide[aria-hidden="true"] .ui9-moda__container {
	animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.ui9-moda-slide .ui9-moda__container,
.ui9-moda-slide .ui9-moda__overlay {
	will-change: transform;
}

/* side-by-side icons */
.icon-sbs-intro {padding: 40px 20px 0 20px; margin: 0; text-align: center;}
.icon-sbs-col {padding: 10px;}
.icon-sbs-container {display: flex; gap: 10px; color: var(--color-basic-1);}
.icon-sbs-icon {font-size: 2rem;}
.icon-sbs-title {font-weight: bold; font-size: 1.25rem;}

/* video deck with side-by-side icons - this needs the side-by-side icon styles above */
div.contentdeck.icon-sbs-deck .deckinner.deck-distinct {padding: 0 10px 10px 10px;}
div.contentdeck.icon-sbs-deck .multicol2 p {padding: 0; line-height: 1;}

div.contentdeck.icon-sbs-deck.brandcolor {color: var(--color-white) !important;}
div.contentdeck.icon-sbs-deck.brandcolor .icon-sbs-icon {color: var(--color-white) !important;}
div.contentdeck.icon-sbs-deck.brandcolor .icon-sbs-title {color: var(--color-white) !important;}
div.contentdeck.icon-sbs-deck.brandcolor .icon-sbs-text {color: var(--color-white) !important;}

@media screen and (max-width: 767px) { 
	div.contentdeck.icon-sbs-deck .deckinner.deck-distinct {padding: 10px;}
	.icon-sbs-col {padding-top: 30px;}
}

/* new iconstack-image-iconstack deck - this needs the side-by-side icon styles above */
.contentdeck.icons-image-icons .multicol-outro {margin-top: 35px;}
.contentdeck.icons-image-icons .multicol-intro {margin-bottom: 35px;}
	.icons-image-icons-pic img {border-radius: 20px}

div.contentdeck.icons-image-icons.brandcolor {color: var(--color-white) !important;}
div.contentdeck.icons-image-icons.brandcolor .icon-sbs-icon {color: var(--color-white) !important;}
div.contentdeck.icons-image-icons.brandcolor .icon-sbs-title {color: var(--color-white) !important;}
div.contentdeck.icons-image-icons.brandcolor .icon-sbs-text {color: var(--color-white) !important;}

@media screen and (max-width: 767px) { 
	.icons-image-icons-pic {text-align: center;}
	.icons-image-icons-pic img {max-height: 720px;}
}
/* hiding search */
.nav-item.desktop-search-button {pointer-events: none;}

/* --- END OF FILE --- */