@charset "UTF-8";
/* Web Solutions 4.0 Compatible */


:root {

	--ws-gap: 1.5em;
	--ws-transition: all .3s ease;
	--ws-max-content-width: calc(74em + 2 * var(--ws-gap));
	
	--ws-color-1: #76A024;
	--ws-color-2: #042159;
	--ws-color-3: #16A6D7;
	--ws-color-4: #023491;
	--ws-color-5: #16355F;
	--ws-color-6: #0F223E;
	--ws-color-7: #FEBB47;

	--ws-font-1: 'Open Sans', sans-serif;
	--ws-font-2: 'Open Sans', sans-serif;
	--ws-font-3: 'Source Serif 4', serif;

}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-v44-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v44-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/open-sans-v44-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/open-sans-v44-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v44-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/roboto-v51-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v51-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/roboto-v51-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/roboto-v51-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-condensed-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-condensed-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/roboto-condensed-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-condensed-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-serif-4-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-serif-4-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/source-serif-4-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/source-serif-4-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background: #000;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

ul {
	padding-left: 0;
}

ul li {
	list-style: none;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

table {
	border-collapse: collapse;
}

td, th {
	empty-cells: show;
	text-align: left;
	vertical-align: top;
}

figcaption {
	font-style: italic;
}

.loan-table-container {
	position: relative;
	overflow-x: auto;
	margin-block: 2.5em;
	background: 
    linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), 
    linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%, 
    radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), 
    radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
}

.loan-table {
	min-width: 40.625em;
}

.loan-table thead th {
	background-color: var(--ws-color-4);
}

.loan-table th {
	font-size: 1.125rem;
}

.loan-table thead th {
	padding: 15px;
	color: #fff;
	font-weight: 600;
}

.loan-table thead th[colspan="2"] {
	text-align: center;
}

.loan-table tbody th {
	background-color: var(--ws-color-3);
	color: var(--ws-color-2);
}

.loan-table tbody :is(th, td) {
	vertical-align: middle;
	padding: 12px;
}

.loan-table :is(td:not(:last-child)) {
	border-right: 2px solid rgba(29, 61, 88, 0.2);
}

.loan-table thead th:not(:last-child) {
	border-right: 2px solid #E5E5E5;
}

.loan-table {
	border-bottom: 2px solid rgba(29, 61, 88, 0.2);
}

.loan-table tbody tr:not(:last-child) th {
	border-bottom: 2px solid #fff;
}

.loan-table tbody tr:nth-child(even) {
	background-color: rgba(29, 61, 88, 0.1);
}

#skipNavigation {
	background: #FFF;
	color: #000;
	left: 0;
	padding: .5em;
	position: absolute;
	top: -1000px;
	z-index: 10;
}

#skipNavigation:focus {
	top: 0;
}


/* text */
body, .text, input, button, select, textarea {
	font-family: var(--ws-font-1);
	line-height: 1.5;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.text {
	font-size: 1rem;
}

a {
	color: var(--ws-color-4);
	text-decoration: none;
	font-weight: 500;
}

 /* a:is(:hover, :focus) * */

a:is(:hover, :focus) {
	color: var(--ws-color-6);
}

/* removed a[target="_blank"]:after rule */

#web-solutions a:after {
	content: '';
	display: inline-block;
	height: 1.25rem;
	margin-left: 0.25rem;
	mask: url('/images/icons/square-up-right-regular-full.svg') no-repeat center / contain;
	width: 1.25rem;
	background-color: currentColor;
	vertical-align: middle;
}

p,h1,h2,h3,h4,h5,h6,hr,.content ul,.contentEditor ul,blockquote,dd,ol {
	margin-block: 0 1rem;
}

h1, h2, h3, h4, h5, h6, th {
	line-height: 1.2;
}

:is(p, ul, ol, blockquote, aside, div, section) + :is(h2, h3, h4, h5, h6) {
	margin-top: 1rem;
}

h2, h3, h5, h6, th, dt {
	font-weight: 700;
}

.textColor, h2, h3, h4, h6, th, dt {
	color: var(--ws-color-4);
}

h1, h5 {
	color: var(--ws-color-2);
}

h1, h4 {
	font-family: var(--ws-font-3);
	font-weight: 600;
}

em, i, q, .italic {
	font-style: italic;
}

b, strong {
	font-weight: 700;
}

u {
	text-decoration: none;
}

hr {
	border: 0;
	border-top: 2px solid rgba(0, 47, 108, 0.08);
	clear: both;
	margin: 2em 0;
	padding-top: 1px;
}

p {
	font-size: 1em;
}

sup, sub {
	font-size: .6em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

figure {
	margin-inline: 0;
}

.video-embed {
    margin: 2.5em 0;
}

.video-embed__media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

:is(.videoContainer, .video-embed__media) iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.video-embed__caption {
	font-size: 1.125em;
	margin-top: 0.8125rem;
	font-style: italic;
}

.clearFloats {
	clear: both;
}

.nobr {
	white-space: nowrap;
}

.twoCol, .threeCol, .resCol {
	/* column-rule: 1px outset rgba(0,0,0,.15); */
	column-gap: 2em;
}

:is(.twoCol, .threeCol, .resCol) li {
	break-inside: avoid-column;
}

.req {
	color: #C00;
}

.content :is(.photoright, .photoleft, figure) iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.content figure.photo-fullwidth {
	text-align: center;
	width: 100%;
}

.content figure.photo-fullwidth img {
	width: auto;
}

.muted {
	opacity: 0.5;
}

small, .textSm {
	font-size: .8em;
}

.content table {
	width: 100%;
}


blockquote {
	line-height: 1.1;
	padding: 2.5rem;
	margin: 2.4375rem 0;
	background-color: var(--ws-color-4);
	color: #fff;
}

blockquote p {
	font-size: 1.375em;
	font-weight: 600;
	font-style: italic;
	quotes: '\201c' '\201d';
	line-height: 1.2;
}

blockquote :is(cite, footer) {
	display: block;
	font-size: 1rem;
	text-align: right;
}

blockquote cite::before,
blockquote footer::before {
	content: '- ';
}

blockquote p:first-of-type::before {
	content: open-quote;
}

blockquote p:last-of-type::after {
	content: close-quote;
}


.highlight,
.content .highlight {
	clear: both;
	background: rgba(29, 61, 88, 0.1);
	margin-block: 2.4375em;
	padding: 1.6875em 1.5em;
}

.highlight .highlight-content :first-child {
	margin-top: 0;
}

.highlight .highlight-content :last-child,
.highlight .highlight-content ul:last-child li:last-child {
	margin-bottom: 0;
}

.highlight :is(h2, h3) {
	background-color: var(--ws-color-7);
	margin: -1.6875rem -1.5rem 1rem;
	padding: 0.5625rem 1rem;
	border-bottom: 3px solid #fff;
	color: var(--ws-color-2);
	line-height: 1;
}

.highlight-2 :is(h2, h3) {
	background-color: var(--ws-color-3);
}


/* WRAP ------------------------------ */
.wrap,
body>footer .fatFooter {
	margin-inline: auto;
	max-width: calc(74em + 2 * var(--ws-gap));
	padding-inline: var(--ws-gap);
	width: 100%;
}




/* MAIN ------------------------------ */
main {
	background: #FFF;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.contentEditor {
	background: #FFF;
	min-width: 100%;
}

/* sidenav */
#sidenav {
  margin-block: 2em;
  padding: 0.3125em 0.3125em 0.625em;
  overflow: hidden;
  width: 100%;
  background: rgba(0, 47, 108, 0.08);
}

#sidenav ul {
  padding: 0;
}

#sidenav li {
  height: 1%;
  overflow: hidden;
}

#sidenav li a {
  display: block;
  line-height: 1.1;
  padding: 0.5em;
}

#sidenav li a:is(:hover, :focus),
#sidenav > ul > li.on > a:is(:hover, :focus),
#sidenav > ul > li.on > ul > li > a:is(:hover, :focus) {
  background: var(--ws-color-2);
  color: #fff;
}

#sidenav > ul > li > a {
  display: flex;
  justify-content: space-between;
  color: var(--ws-color-4);
  font-weight: 700;
  font-size: 1.125em;
}

#sidenav > ul > li.on > a:after {
  content: "";
  padding-left: 1em;
  mask: url(/images/icons/caret-down-sharp-solid-full.svg) center/contain no-repeat;
  background-color: var(--ws-color-7);
}

/* t2 */

#sidenav li ul a {
  color: #000;
	font-weight: 400;
}

#sidenav > ul > li.on {
  background-color: #fff;
}

#sidenav > ul > li.on > a {
  background-color: var(--ws-color-2);
  color: #fff;
}

#sidenav li.on ul li a {
  padding: 0.3em 0.5rem 0.3em 0.5rem;
}

#sidenav > ul > li.on > ul > li {
  margin: 0 0.3125em;
}

#sidenav > ul > li.on > ul > li.on {
  background-color: #EBEEF3;
}

#sidenav > ul > li.on > ul {
  margin-block: 5px;
}

/* t3 */

#sidenav li ul li.on ul {
  padding-inline: 0.3125em;
  padding-bottom: 0.5em;
}

#sidenav li ul li.on ul li {
  position: relative;
  border: 0;
}

#sidenav li ul li.on ul li.on:before,
#sidenav li ul li.on ul li:is(:hover, :focus-within):before {
  background-color: #fff;
}

#sidenav li ul li ul li.on a,
#sidenav li ul li ul li a:is(:hover, :focus) {
  background: var(--ws-color-4);
  color: #fff;
}

/* t4 */
#sidenav li ul li ul li.on ul li a {
}



/* breadcrumbs */
.breadcrumb {
	margin-bottom: 1em;
}

.breadcrumb a::after {
	content: "\00A0\00A0\203A\00A0";
}

/* content */
.content {
	word-wrap: break-word;
}


.shareIcons {
	display: inline-block;
	overflow: auto;
	position: relative;
}

.shareIcons a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: .2em;
	display: block;
	float: left;
	height: 20px;
	margin: 0 .5em 1em 0;
	width: 20px;
}

.shareFacebook {
	background-color: #1877F2;
	background-image: url('/images/icons/social/facebook.svg');
}

.shareTwitter {
	background-color: #1DA1F2;
	background-image: url('/images/icons/social/twitter.svg');
}

.shareLinkedin {
	background-color: #0A66C2;
	background-image: url('/images/icons/social/linkedin.svg');
}

/* do people still use google+ ? */
.shareGoogle {
	background-color: #DD4B39;
	background-image: url('/images/icons/social/google-plus.svg');
}

/* list */
.content ol ol li {
	list-style: lower-alpha;
}

.content ul li {
	padding-left: 2em;
	position: relative;
	margin-bottom: .25em;
}

.content ul li::before {
	content: '';
	display: inline-block;
	height: 0.75rem;
	left: 1.125rem;
	position: absolute;
	text-align: center;
	top: 0.5rem;
	width: 0.75rem;
	clip-path: polygon(0 2%, 0 100%, 50% 50%);
	background-color: var(--ws-color-4);
}

.content ul li ul li:before {
	opacity: .5;
}

.content :is(ol, ul) li li {
	font-size: 1em;
}


/* addon classes */
.clearfix::after {
	clear: both;
	content: '';
	display: table;
}

.videoContainer {
	aspect-ratio: 16 / 9;
	line-height: 0;
	position: relative;
	width: 100%;
	margin-bottom: 1em;
	margin-inline: auto;
	max-width: 640px;
}

.videoContainer.ratio-4-3 {
	aspect-ratio: 4 / 3; /* 4:3 full-frame */
}

/* Build out the space for videos when editing a CMS page */
#tinymce .videoContainer { aspect-ratio: 16 / 9 !important; }
#tinymce .videoContainer.ratio-4-3 { aspect-ratio: 4 / 3 !important; }


.videoContainer iframe,
#tinymce .mce-preview-object {
	/* border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%; */
}

body:not(.contentEditor) .sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

body.contentEditor .sr-only {
    outline: 1px dotted #31659B;
}

body.contentEditor .sr-only::before {
    content: "SR: ";
    font-style: italic;
    font-size: 0.65em;
    opacity: 0.6;
}

#wysiwygBody {
	background: #FFF;
}

.wsNew {
	background-color: #FFC700;
	color: #222;
	display: inline-block;
	font-size: .7em;
	font-style: italic;
	height: 1.5em;
	line-height: 1.5em;
	margin: .3em 0;
	overflow: visible;
	padding: 0 .3em;
	vertical-align: top;
}

td.right, th.right {
	text-align: right;
}

.content a img:hover {opacity: .5;transform: scale(.9);}

/* FORMS AND INPUTS ------------------------------ */
input, button, select, textarea {
	font-size: 1em;
	line-height: 1.2em;
}

input:is([type="button"], [type="date"], [type="submit"], [type="text"], [type="reset"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select {
	border-radius: 0;
	outline: none;
}

input:is([type="text"], [type="date"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select {
	background-color: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
	padding: 0.5em 0.3125em;
}

:is(input:is([type="text"], [type="date"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select):focus-visible {
	background-color: #febb4759;
}

:is(button, .button, input:is([type="button"], [type="submit"], [type="reset"])):is(:hover, :focus, :focus-visible) {
	background-color: var(--ws-color-2);
	color: #FFF;
}

textarea {
	display: block;
}

select option {
	padding: 0 .2em;
}

button, .button, input:is([type="button"], [type="submit"], [type="reset"]) {
	background-color: var(--ws-color-7); 
	color: var(--ws-color-2);
	border: 0;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	padding: 0.6875rem 1.25rem;
	font-weight: 700;
	font-size: 1.125rem;
}

.button-dark {
  background-color: var(--ws-color-4); 
	color: #fff;
}

.button-light {
  background-color: var(--ws-color-3); 
}

.button-arrow {
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%);
	padding: 1rem 1.25rem;
	padding-right: 1.625em;
	margin-right: .25em;
}

.button-arrow:hover {
  filter: brightness(1.1);
}

/* Outlined (white on dark bg) */
.button-outline {
  background-color: transparent;
  color: #fff;
  padding: 1rem 1.25rem;
	padding-right: 1.625em;
  position: relative;
}

.button-outline::before,
.button-outline::after {
	content: '';
	position: absolute;
	clip-path: polygon(
		0% 0%,
		calc(100% - 16px) 0%,
		100% 50%,
		calc(100% - 16px) 100%,
		0% 100%
	);
	z-index: -1;
}

.button-outline::before {
	
	inset: 0;
	background: white;
}

.button-outline::after {
	inset: 2px;
	background-color: var(--ws-color-4);
}

.button.button-outline:is(:hover, :focus, :focus-visible) {
	background-color: transparent;
	color: var(--ws-color-4)
}

.button.button-outline:is(:hover, :focus, :focus-visible)::after {
	background-color: #fff
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.button {
	display: inline-block;
	margin-top: 0.625em;
}

button img {
	height: 1em;
	vertical-align: top;
	width: auto;
}

input.bulky, .bulky {
	font-size: 1.2em;
	padding: .4em .6em;
}

.formTable,
:where(.formTable, .form-flex) :where(input:where([type="text"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), table, textarea, select) {
	width: 100%;
}

#ContactForm fieldset {
	margin: .5em 0 0;
	border: 0;
	padding: 0;
}

#ContactForm fieldset legend {
	padding: 0;
}

#ContactForm fieldset table {
	margin-left: 2em;
}


.subjClass {
	display: none !important;
}

#Captcha label {
	padding-left: 0;
}

:is(.formEdit, .formBuilder) select {
	width: 40%;
}

.formTable table td {
	padding-bottom: 0;
}

.formTable.right td:first-child {
	text-align: right;
	width: 1%;
}

.formTable.right td {
	width: auto;
}


/* Forms - without tables ----- */
form.narrow .form-flex,
.narrow.form-flex {
	max-width: 18.75em;
}

.form-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form-flex fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.form-flex fieldset legend {
	float: left;
	width: 100%;
}

.form-flex>div {
	margin: 0 0 .75em;
}

.form-flex .full {
	width: 100%;
}

.form-flex>div>label:first-of-type {
	display: block;
}

/* Checkboxes, radios */
.form-flex>div>fieldset>label {
	display: inline-block;
}



/* MANAGEMENT ------------------------------ */
hr + .manage {
	margin-top: -1em;
}

.manage {
	border-bottom: 1px solid rgba(0,0,0,.2);
	line-height: 1.3;
	width: 100%;
}

.manage th {
	border-bottom: 1px solid rgba(0,0,0,.2);
	text-align: left;
}

.manage th.right {
	text-align: right;
}

.manage th.sort {
	cursor: pointer;
}

.manage th.sort img {
	margin-left: 5px;
}

.manage th img {
	bottom: -2px;
	position: relative;
}

.manage td,.manage th {
	padding: 5px 5px 5px 0;
}

.manage th {
	padding-right: 10px;
}

.manage td:first-child {
	padding-left: .8em;
}

.manage img.preload {
	border: solid 1px #fff;
	display: none;
	position: absolute;
	top: 0;
	z-index: 10;
}

.manage td.icons img {
	bottom: -2px;
	margin-left: 5px;
	position: relative;
}

.manage td:first-child.icons img {
	margin-left: 0;
}

.manage td:first-child.icons {
	padding-inline: 3px;
}

.manage td:nth-child(2) {
	hyphens: auto;
	overflow-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
}

.manage td.icons a:first-child img {
	margin-left: 0;
}

.manage td.icons {
	text-align: right;
}

.manage td.icons input {
	margin-left: 5px;
	position: relative;
}

.manage .hidden {
	color: #900;
	font-style: italic;
}

.manageButton {
	padding: 10px 0;
	text-align: right;
}

.alternate tbody tr:nth-child(even), .even {
	background: #FFF;
}

.alternate tbody tr:nth-child(odd), .odd {
	background: rgba(0,0,0,.06);
}

.manage + hr, .manage + .manageLinks + hr {
	margin-top: 50px;
}

.manageLinks {
	margin-top: 10px;
}

.manageLinks select {
	max-width: 20em;
}

.manageLinks a {
	white-space: nowrap;
}

.manageLinks a img {
	bottom: -2px;
	position: relative;
}

.manageLinks button {
	margin-left: 5px;
}

.manageButtons {
	padding: 10px 0;
	text-align: right;
}

.wsReturnToButton {
	float: right;
	margin-top: -3.5em;
}

.manage.rightFirstChild td:first-child {
	text-align: right;
}

.sortRow th {
	cursor: pointer;
}

.manageEllipsis {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

.manage colgroup col {
	width: auto !important;
}

#wsManagementBar a[target="_blank"]::after {
	display: none;
}


/* pagination */
.pagination {
	font-size: .95em;
	text-align: right;
}


/* PAGEHEADER ------------------------------ */
.pageHeader {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0.8125em 0.8125em 0.8125em 8.75em;
	background-color: var(--ws-color-4);
	color: #fff;
	font-family: var(--ws-font-2);
	font-style: italic;
}

.pageHeader::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	background: linear-gradient( 270deg , rgba(2, 52, 145, 0) 0% , rgba(2, 52, 145, 1) 100% );
}

.pageHeader p {
	position: relative;
	margin-bottom: 0;
}


/* GENERIC POPOVER WITH WYSIWYG AREA ------------------------------ */
#popover {
	align-items: center;
	background: rgba(4, 33, 89, 0.9);
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	padding: 1em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

#popover .container {
	max-width: 40em;
	position: relative;
}

#popover  .close {
	color: #FFF;
	cursor: pointer;
	height: 1.5em;
	font-size: 2.25em;
	line-height: 1.5em;
	position: absolute;
	right: 0;
	text-align: right;
	top: -1.5em;
	width: 1.5em;
}

#popover .popover-wrap {
	background: #FFF;
	border-radius: 4px;
	max-width: 40em;
	padding: 2em;
	text-align: left;
}

#popover .popover-content {
	max-height: 75vh;
	overflow: auto;
}

#popover :is(h1, h2, h3, h4) {
	margin: 0 auto 0.75rem
}

#popover img {
	height: auto;
	margin: 0 auto 1rem;
	max-width: 100%;
}



/* FORM ERRORS ------------------------------ */
.form-error {
	color: #EE0000;
	font-size: 0.9375em;
}

.reverse .form-error {
	background: #EE0000;
	color: #FFF;
}

fieldset label:first-of-type input:focus {
	outline: 1px solid #FF0000;
}

.formError {
	background-color: #000;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 2px 2px #333;
	color: #FFF;
	display: none;
	margin: 0 0 2px;
	padding: .3125em .625em;
	z-index: 5;
}

.formError p {
	font-size: .9em;
	margin: 0;
}

.formError em {
	border: 10px solid;
	border-color: #000 transparent transparent;
	bottom: -1.0625em;
	display: block;
	height: 0;
	left: 2.5em;
	position: absolute;
	width: 0;
}


/* FOOTER ------------------------------ */
body>footer {
	color: #fff;
	padding-block: 2rem;
	position: relative;
	z-index: 0;
	background-color: var(--ws-color-2);
}

body>footer a {
	color: #fff;
}

body>footer a:not(.button):is(:hover, :focus) {
	text-decoration: underline;
}

body>footer :is(a.on, .on>a) {
	color: var(--ws-color-7);
	text-decoration: none;
}

body>footer .fatFooter {
	margin-bottom: 3em;
}

body>footer>.wrap {
	clear: both;
	overflow: visible;
}

body>footer>.wrap nav {
	display: inline;
}


#mainnav a {
	font-family: var(--ws-font-2);
	font-weight: 400;
}

/* DETAILS --------------------------- */

.faqs {
	margin-block: 50px;
}

details {
  background: rgba(0, 47, 108, 0.08);
  margin-bottom: 0.625em;
}

details[open] {
  background-color: transparent;
  border: 2px solid var(--ws-color-6);
}

details[open] .details-title {
  color: var(--ws-color-4);
}

details>summary {
  align-items: center;
  border-radius: 0.5em;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  gap: 1em;
  justify-content: space-between;
  list-style: none;
  padding: 0.84375em 1em;
  position: relative;
  z-index: 1;
  
}

.details-title {
  font-size: 1.5em;
	color: var(--ws-color-2);
}

details>summary::-webkit-details-marker {
  display: none;
}


.details-icon {
  font-family: "Asap Condensed", sans-serif;
	/* transform: translateY(-5px); */
}

.details-icon:after {
  color: #1D3D58;
  content: "+";
  font-size: 32px;
  line-height: 1;
}

details[open] .details-icon:before {
    transform: translate(-50%, -50%) rotate(0deg);
}

details[open] .details-icon:after {
  color: #1D3D58;
  content: "\2212";
}

.details-content {
  border-top: 1px solid #ddd;
	padding: 1em;
}

.faq-answer {
  padding: 0 2.5em 2em;
}


/* Testimonials ------------------------------ */

.testimonial {
	display: grid;
	align-items: center;
	background-color: var(--ws-color-4);
}

.testimonial blockquote {
	margin: 0;
}

.testimonial cite {
	position: relative;
	padding-left: 10px;
	text-align: left;
}

.testimonial cite::before {
	position: absolute;
	left: 0;
}

.testimonial em {
	display: block;
}

.testimonial img {
	display: block;
	object-fit: cover;
}

/* Footer Callout ------------------------------ */
.footer-callout {
	background: var(--ws-color-4);
    display: grid;
    gap: var(--ws-gap);
    grid-template-columns: minmax(0, 1fr) [wrap-start] repeat(var(--ws-column-count), minmax(0, calc(((var(--ws-max-content-width) - ((var(--ws-column-count) - 1) * var(--ws-gap))) / var(--ws-column-count))))) [wrap-end] minmax(0, 1fr);
}

.footer-callout figure {
    grid-column: 7 / wrap-end;
    margin: 0;
    position: relative;
}

:is(.interior-hero, .footer-callout ) figcaption:empty {
	display: none;
}

:is(.interior-hero) :has(figcaption:empty) {
	padding-bottom: 0;
}

.footer-callout img {
    display: block;
    height: 100%;
    max-height: 33.75em;
    object-fit: cover;
    width: 100%;
		object-position: top;
}

.footer-callout-content {
    background-color: rgba(2, 52, 145, 1);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
		align-items: flex-start;
    position: relative;
	z-index: 1;
}

.footer-callout-content h2 {
    color: inherit;
}

.footer-callout-content .button {
    padding: 1rem 2.3125rem;
		padding-left: 1.5em;
}

:is(.footer-callout-content, .interior-hero-content) .button.button-light:is(:hover, :focus, :focus-visible) {
    background-color: #fff;
    border-color: #fff;
		color: var(--ws-color-4);
}

.footer-callout-content .button-outline::after {
  clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
}

.footer-callout :is(figcaption, blockquote) {
	background-color: #fff;
	text-align: center;
	padding: 0.8125em;
	font-style: italic;
	margin: 0;
}

.footer-callout :is(blockquote) p {
	color: var(--ws-color-4);
	font-weight: 900;
	font-size: 1.125em;
}

.footer-callout :is(cite) {
	text-align: center;
	color: #000;
}


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

.footer-certifications {
	display: flex;
	gap: 3.75em;
	padding-top: 1.75em;
}

.footer-certifications img {
	display: block;
	max-width: 4.75em;
}

.footer-contact {
	min-width: fit-content;
}

.footer-buttons {
	margin-top: 2.5em;
}

.footer-buttons .button {
	font-size: 1rem;
}

div[data-lastpass-icon-root] {
	display: none !important;
}

.email-signup-form {
	/* display: flex;
	flex-wrap: wrap; */
}

.email-signup-form .form-label {
	/* flex-basis: 100%; */
	display: block;
}

.email-signup-form input {
	background-color: #fff;
	box-shadow: none;
	border: 0;
	float: left;
	height: 2.8125em;
}

#email-signup:is(:focus-visible) {
	background-color: #eee;
}

.email-signup-form-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	padding: 0;
}

button.email-signup-form-button:is(:hover, :focus) {
	background-color: var(--ws-color-1);
}

.email-signup-form-button::before {
	content: "";
	width: 80%;
	height: 80%;
	display: block;
	background-color: var(--ws-color-2);
	mask: url('/images/icons/caret-right-sharp-solid-full.svg') center/contain no-repeat;
}

.social-icons {
	display: flex;
	gap: 1em;
	margin-top: 1.5em;
}

.social-icons a {
	width: 2.5em;
	height: 2.5em;
	background-color: var(--ws-color-7)
}

:is(.footer-buttons, .social-icons) a:is(:hover, :focus) {
	background-color: var(--ws-color-1);
	color: var(--ws-color-2);
}

.social-icons a::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-color: var(--ws-color-2);
}

a[href*="facebook.com"]:before{
	mask: url('/images/icons/social/facebook.svg') center/contain no-repeat;
}

a[href*="linkedin.com"]:before{
	mask: url('/images/icons/social/linkedin.svg') center/contain no-repeat;
}

a[href*="instagram.com"]:before{
	mask: url('/images/icons/social/instagram.svg') center/contain no-repeat;
}


/* Home and Interior Hero ------------------------------ */
.home-hero-slideshow {
	position: relative;
}

.home-hero-slideshow a {
	margin-inline: 0.3125rem;
}

.interior-hero figure {
	margin: 0;
}

.interior-hero img {
	display: block;
	max-height: 35.625em;
	object-fit: cover;
	width: 100%;
}

.home-hero-content,
.interior-hero-content {
	padding: 2em 1.25em;
	text-align: center;
}

.home-hero-content,
.interior-hero-content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	background-color: var(--ws-color-2);
	color: #fff;
}

:is(.home-hero-content, .interior-hero-content) h1 {
	color: var(--ws-color-1);
}

.home-hero-content h1 span {
	display: block;
	color: #fff;
	font-family: var(--ws-font-1);
	font-style: italic;
	font-weight: 400;
}

.interior-hero-content p {
	font-size: 1.125em;
}

.home-hero-slideshow .slick-slide .slide .caption,
.interior-hero figcaption {
	background-color: #fff;
	min-height: 3.125em;
	padding: 0.625em 2em;
	font-style: italic;
}

.home-hero-slideshow .slick-slide .slide .caption {
	display: flex;
	align-items: center;
}

.home-hero-slideshow .slick-slide .slide .caption .body {
	color: #000;
	max-width: 50%;
}

.slick-custom-controls {
	position: absolute;
	bottom: 0.875em;
	right: 2.5em;
	display: flex;
	gap: 3px;
}

.slick-custom-controls button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	padding: 0;
}

.slick-custom-controls :is(.slick-custom-prev, .slick-custom-next)::before {
	content: '';
	mask: url(/images/icons/caret-right-sharp-solid-full.svg) center/contain no-repeat;
	width: 80%;
	height: 80%;
	display: block;
	background-color: #fff;
}

.slick-custom-controls :is(.slick-pause-play)::before {
	content: '';
	mask: url(/images/icons/play-sharp-solid-full.svg) center/contain no-repeat;
	width: 60%;
	height: 60%;
	display: block;
	background-color: #fff;
}

.slideshow-playing .slick-custom-controls .slick-pause-play::before {
	mask-image: url(/images/icons/pause-sharp-solid-full.svg);
}

.slick-custom-controls .slick-custom-prev::before {
	transform: scaleX(-1);
}

/* Homepage Callouts */

.home-callouts {
	position: relative;
	z-index: 1;
	background: rgba(0, 47, 108, 0.08);
	padding-block: 30px;
}

.home-callouts::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 6px;
	width: 100%;
	background: url('/images/triangle-pattern.svg') repeat-x;
	z-index: -1;
}

.callout-bg {
	position: relative;
	width: 100%;
	aspect-ratio: 370 / 217;
	background-size: cover;
	clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0);
	display: flex;
	align-items: flex-end;
	border-left: 11px solid var(--ws-color-1);
}

.callout-bg:has(.callout-image-caption):before {
	content: '';
	position: absolute;
	inset: 50% 0 0;
	background: linear-gradient( 180deg , rgba(4, 33, 89, 0) 0% , rgba(4, 33, 89, 1) 100% );
}

.callout-image-caption {
	position: relative;
	color: #fff;
	margin: 0;
	padding: 10px;
	font-style: italic;
}

.home-callout:nth-child(2) .callout-bg {
	border-color: var(--ws-color-7);
}

.home-callout:nth-child(3) .callout-bg {
	border-color: var(--ws-color-3);
}

.home-callout:first-child .button-outline::before {
	background-color: var(--ws-color-1);
}

.home-callout:first-child .button-outline:is(:hover, :focus):after {
	background-color: var(--ws-color-1);
}

.home-callout:nth-child(2) .button-outline::before {
	background-color: var(--ws-color-7);
}

.home-callout:nth-child(2) .button-outline:is(:hover, :focus):after {
	background-color: var(--ws-color-7);
}

.home-callout:last-child .button-outline::before {
	background-color: var(--ws-color-3);
}

.home-callout:last-child .button-outline:is(:hover, :focus):after {
	background-color: var(--ws-color-3);
}

.home-callouts .button-outline {
	color: var(--ws-color-2);
}

.home-callouts .button-outline::after {
	background-color: #fff;
	clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
}

.home-callout h2 {
	font-family: var(--ws-font-3);
	color: var(--ws-color-2);
	font-weight: 500;
}

.home-callout > p {
	font-size: 1.125em;
}

/* Numbers ------------------------------ */

.numbers {
	padding-block: 2.5em;
	text-align: center;
}

.numbers h2 {
	color: var(--ws-color-2);
	margin-bottom: 1.75rem;
}

.numbers footer {
	margin-top: 1.75rem;
	font-family: var(--ws-font-2);
	font-size: 1.125em;
}

.number-block-text {
	font-family: var(--ws-font-2);
	font-style: italic;
}

.number-block-number,
.number-block-title {
	font-weight: 900;
	font-size: 2em;
	color: var(--ws-color-2);
}

.number-block::before {
	display: block;
}

.number-block:first-child::before {
	content: url('/images/icon-sbl.svg');
	margin-bottom: 1em;
	
}

.number-block:nth-child(2)::before {
	content: url('/images/icon-business-coaching.svg');
}

.number-block:nth-child(3)::before {
	content: url('/images/icon-ed-programs.svg');
}


/* Success Stories ------------------------------ */

section.success-stories {
	background-color: var(--ws-color-2);
}

.success-stories .footer-callout-content {
	background-color: var(--ws-color-2);
}

.success-stories .footer-callout-content::after {
	background: linear-gradient(270deg, rgba(2, 52, 145, 1) 0%, rgba(0, 47, 108, 0.7) 0%, rgba(4, 33, 89, 1) 100%);
}

.success-stories .button-outline::after {
	background-color: var(--ws-color-2);
}

.success-stories h2 {
	color: var(--ws-color-1);
}

.success-stories strong {
	display: block;
	font-size: 1.875em;
	line-height: 1;
	font-family: var(--ws-font-3);
	font-weight: 400;
	margin-bottom: 0.75rem;
}

/* Welcome ------------------------------ */

.welcome-message {
	background: rgba(0, 47, 108, 0.08);
}

.welcome-message h2 {
	font-family: var(--ws-font-3);
	font-weight: 600;
	color: var(--ws-color-2);
	line-height: 1;
}


/* About Us ------------------------------ */

.about-us {
	padding-block: 3.125em;
	background-color: rgba(0, 47, 108, 0.08);
}

.about-us p {
	font-size: 1.125em;
	line-height: 1.875rem;
}

.about-us strong {
	font-size: 1.375rem;
	font-weight: 700;
	color: var(--ws-color-2);
}

.about-us figcaption {
	text-align: right;
}


/* Mission ------------------------------ */

.mission {
	position: relative;
	background-color: var(--ws-color-4);
	color: #fff;
	padding-block: 5.625em;
	text-align: center;
}

.mission::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: url('/images/grey-pattern.svg') repeat-x;
}

.mission h2 {
	color: #fff;
}

.mission .wrap {
	max-width: 46.875em;
}

.mission-content {
	font-family: var(--ws-font-3);
	font-size: 1.125em;
	line-height: 1.67;
}


/* ------------------------------ 
	Serve 

	.text-blocks are used across multiple pages

	http://www.cedfv3.v4/education/
  http://www.cedfv3.v4/small-business-loans/

------------------------------ */


.serve {
	background-color: #eaeef3;
	text-align: center;
	padding-block: 4.375em;
}

.text-blocks {
	margin-top: 2.5em;
}

.text-block {
	position: relative;
	background: #fff;
	flex: 1;
	padding: 2.125em;
}

.text-block::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	background: var(--ws-color-2);
	height: 0.6875em;
	width: 100%;
	transition: 0.3s ease;
}

.text-block p {
	font-family: var(--ws-font-2);
	font-size: 1.125em;
	line-height: 1.3;
}

.text-block p::before {
	display: block;
	margin-bottom: .5em;
}

.text-block:first-child:after {
	background-color: var(--ws-color-7);
}

.text-block:first-child p::before {
	content: url('/images/icon-early-stage.svg');
}

.education-landing .text-block:first-child p::before {
	content: url('/images/icon-webinars.svg');
}

.loans-landing .text-block:first-child p::before {
	content: url('/images/loan-icons/icon-no-fees.svg');
}

.support-landing .text-block:first-child p::before {
	content: url('/images/support-icons/icon-small-business-financing.svg');
}

.text-block:nth-child(2)::after {
	background-color: var(--ws-color-3);
}

.text-block:nth-child(2) p::before {
	content: url('/images/icon-existing-businesses.svg');
}

.education-landing .text-block:nth-child(2) p::before {
	content: url('/images/icon-courses.svg');
}

.loans-landing .text-block:nth-child(2) p::before {
	content: url('/images/loan-icons/icon-terms.svg');
}

.support-landing .text-block:nth-child(2) p::before {
	content: url('/images/support-icons/icon-support-jobs.svg');
}

.text-block:nth-child(3)::after {
	background-color: var(--ws-color-4);
}

.text-block:nth-child(3) p::before {
	content: url('/images/icon-location-eligible.svg');
}

.education-landing .text-block:nth-child(3) p::before {
	content: url('/images/icon-podcast.svg');
}

.loans-landing .text-block:nth-child(3) p::before {
	content: url('/images/loan-icons/icon-no-prepayment-penalties.svg');
}

.support-landing .text-block:nth-child(3) p::before {
	content: url('/images/support-icons/icon-strengthen.svg');
}

.text-block:last-child::after {
	background-color: var(--ws-color-1);
}

.text-block:nth-child(4) p::before {
	content: url('/images/icon-income-eligible.svg');
}

.loans-landing .text-block:nth-child(4) p::before {
	content: url('/images/loan-icons/icon-coaching.svg');
}

.support-landing .text-block:nth-child(4) p::before {
	content: url('/images/support-icons/icon-long-term-economic-resilience.svg');
}

.text-block a {
	color: #000;
	font-weight: 400;
}

.text-block a:before {
	position: absolute;
	inset: 0;
	content: '';
}

.text-block:has(a):hover::after,
.text-block:has(a):focus-within:after {
	height: 1.375em;
}

/* History ------------------------------ */

.history {
	position: relative;
	padding-block: 5.875em;
}

.history::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: url('/images/triangle-pattern.svg') repeat-x;
	transform: scaleY(-1);
}

.history h2 {
	font-family: var(--ws-font-3);
	color: var(--ws-color-2);
}

.history p {
	font-size: 1.125em;
	line-height: 1.67;
}


/* News ------------------------------ */

.recent-news {
	background-color: rgba(0, 47, 108, 0.08);
	padding-block: 4.25em;
}

.recent-news header {
	margin-bottom: 1.5625em;
}

.news-title {
	position: relative;
	font-size: 1.125em;
	font-weight: 700;
	color: var(--ws-color-2);
	line-height: 1.33;
}

.news-title::before {
	position: absolute;
	left: -1em;
	top: 0.1875em;
	content: '';
	mask: url(/images/icons/caret-right-sharp-solid-full.svg) center/contain no-repeat;
	width: 1em;
	height: 1em;
	background-color: var(--ws-color-4);
}

.recent-news time {
	display: block;
	font-family: var(--ws-font-2);
	font-size: 0.875em;
	font-style: italic;
}

.news-item img {
	display: block;
	max-width: 100%;
	aspect-ratio: 339 / 220;
	object-fit: cover;
}

.news-info {
	padding: 0.8125em 1.25em;
}

:is(.newsArticle, .news-info) time {
	display: none !important;
}

.news-item {
	position: relative;
}

.recent-news .news-item {
	flex: 1;
}

.news-link {
	font-size: 0.875em;
	font-weight: 700;
}

.news-link::before {
	content: '';
	position: absolute;
	inset: 0;
}


/* .training-calendar ------------------------------ */

section.training-calendar {
	position: relative;
	background-color: var(--ws-color-4);
	padding-block: 4.25em;
}

section.training-calendar::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: url('/images/grey-pattern.svg') repeat-x;
}

section.training-calendar h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 2.25rem;
}

.training-event {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #fff;
	padding: 1.8125em 1.125em 1.8125em 1.9375em;
}

.training-event::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0.6875em;
	background-color: var(--ws-color-3);
}

.training-event-title {
	font-size: 1.25em;
	font-weight: 700;
	color: var(--ws-color-4);
	line-height: 1.2;
	margin-bottom: 0.75rem;
}

.training-event-date,
.training-event-time {
	font-family: var(--ws-font-2);
	font-size: 0.875em;
}

.training-event-time {
	margin-bottom: 0.75rem;
}

.training-event .button {
	margin-top: auto;
}

section.training-calendar footer {
	text-align: center;
	margin-top: 4.25em;
}


/* featured-tips ------------------------------ */

.featured-tips {
	background-color: rgba(0, 47, 108, 0.08);
	padding-block: 78px;
}

.featured-tips header {
	margin-bottom: 4.3125em;
}

.featured-tips header,
.featured-tips footer {
	text-align: center;
}

.featured-tips footer {
	margin-top: 3.0625em;
}

.featured-item img {
	display: block;
	max-height: 15.625em;
	height: 100%;
	width: auto;
	object-fit: contain;
	margin-inline: auto;
	margin-bottom: 0.625em;
	margin-top: auto;
}


/* Icon Blocks 
*
* http://www.cedfv3.v4/education/
* http://www.cedfv3.v4/small-business-loans/
* http://www.cedfv3.v4/support-cedf/
*
*/

.icon-blocks {
	background-color: #eaeef3;
	text-align: center;
	padding-block: 4.375em;
}

.icon-blocks header,
.icon-blocks footer {
	max-width: 930px;
	margin-inline: auto;
}

.icon-blocks footer {
	margin-top: 2.625em;
}


/* Industries ------------------------------ */

.industries {
	position: relative;
	background-color: var(--ws-color-4);
	padding-block: 4.6875em;
	color: #fff;
}

.industries::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: url('/images/grey-pattern.svg') repeat-x;
}

.industries h2 {
	color: inherit;
	margin-bottom: 2.25rem;
}

.industries figcaption {
	font-style: italic;
	text-align: center;
}

.industries-list {
	display: grid;
  grid-template-columns: repeat(12, 1fr);
	gap: 2em 1em;
}

.industries-list li {
	grid-column: span 3;
	text-align: center;
}

.industries-list li:nth-child(5) {
  grid-column: 3 / span 3;
}

.industries-list li::before {
	display: block;
	content: '';
	width: 48px;
	height: 42px;
	background: center / contain no-repeat url("/images/loan-icons/baking.svg");
	margin: 0 auto 10px;
}

/* .industries-list li:first-child::before {
	background-image: url(/images/loan-icons/auto-repair.svg);
} */

.industries-list li.industry-nonprofit::before {
	background-image: url(/images/loan-icons/hand-heart-duotone-solid-full.svg);
}

.industries-list li.industry-childcare::before {
	background-image: url(/images/loan-icons/children.svg);
}

.industries-list li.industry-mental-health::before {
	background-image: url(/images/loan-icons/mental.svg);
}

.industries-list li.industry-food::before {
	background-image: url(/images/loan-icons/food-service.svg);
}

.industries-list li.industry-landscaping::before {
	background-image: url(/images/loan-icons/landscaping.svg);
}

.industries-list li.industry-manufacturing::before {
	background-image: url(/images/loan-icons/manufacturing.svg);
}

.industries-list li.industry-retail::before {
	background-image: url(/images/loan-icons/retail.svg);
}


/* TRANSITIONS ------------------------------ */

.loan-eligibility {
	background-color: rgba(0, 47, 108, 0.08);
	text-align: center;
	padding-block: 4.75em;
}

.loan-eligibility header {
	margin-bottom: 4.25em;
	max-width: 56.25em;
	margin-inline: auto;
}

.loan-eligibility footer {
	margin-top: 2.5em;
}

.check-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 3.75em 2.5em;
	border: 2px solid rgba(2, 52, 145, 0.2);
	text-align: center;
	font-family: var(--ws-font-2);
	font-weight: 500;
	color: var(--ws-color-4);
}

.blue-checkboxes .check-box {
	background-color: var(--ws-color-2);
	color: #fff;
	padding-block: 3.125em 1.125em;
}

.check-box::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -1.875em);
}

.check-box:first-child:before,
.check-box:nth-child(4):before {
	content: url(/images/icons/icon-check-yellow.svg);
}

.check-box:nth-child(2):before {
	content: url(/images/icons/icon-light-blue.svg);
}

.check-box:nth-child(3):before {
	content: url(/images/icons/icon-green.svg);
}

	.donate-section .check-box:first-child:before,
	.donate-section .check-box:last-child:before {
		content: url(/images/icons/icon-navy.svg);
	}

	.donate-section .check-box:nth-child(3):before,
	.donate-section .check-box:nth-child(4):before {
		content: url(/images/icons/icon-green.svg);
	}

	.donate-section .check-box:nth-child(2):before {
		content: url(/images/icons/icon-check-yellow.svg);
	}


/* check boxes ------------------------------ */

.blue-checkboxes {
	padding-block: 4.6875em;
	text-align: center;
}

.blue-checkboxes header {
	margin-bottom: 4.6875em;
	max-width: 600px;
	margin-inline: auto;
}


/* Offerings ------------------------------ */

.offerings {
	padding-block: 4.6875em;
	background-color: rgba(0, 47, 108, 0.08);
	text-align: center;
}

.offerings header {
	margin-bottom: 2.3125em;
}

.offerings footer {
	margin-top: 2.3125em;
}

.landing .loan-box {
	position: relative;
	background-color: #fff;
	/* padding: 1.625em 1.25em 3.75em; */
	padding: 5.625em 1.25em 3.75em;
	font-family: var(--ws-font-2);
}
.interior .content .loan-boxes{
	flex-wrap: wrap;
}

.interior .content .loan-box {
	background-color:rgba(0, 47, 108, 0.08);
	border: solid 2px transparent;
	text-align: center;
	padding: 1em .5em;
	
}
.interior .content .loan-box-title {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
}

.interior .content .loan-box-title::after {
  content: "";
  padding-left: 1em;
  mask: url(/images/icons/caret-down-sharp-solid-full.svg) center/contain no-repeat;
  background-color: var(--ws-color-4);
}


.interior .content .loan-box::before{ 
	margin-bottom: 0;

}
/* .interior .content a:hover {border: solid 2px rgba(0, 47, 108, 0.08);} */

.landing .loan-box-title {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.25;
	color: var(--ws-color-4);
	margin-bottom: 1em;
}

.landing .loan-box::before {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 1.25em;
}

.loan-box:first-child:before {
	content: url(/images/loan-icons/icon-TermLoans.svg);
}

.loan-box:nth-child(2):before {
	content: url(/images/loan-icons/iconSBAMicroloans.svg);
}

.loan-box:nth-child(3):before {
	content: url(/images/loan-icons/icon-commercial-real-estate.svg);
}

.loan-box:nth-child(4):before {
	content: url(/images/loan-icons/icon-credit.svg);
}

.loan-box:nth-child(5):before {
	content: url(/images/loan-icons/icon-nonprofit-loans.svg);
}


.interior .content .loan-box:first-child:before {
	content: url(/images/loan-icons/icon-TermLoans.svg);
}

.interior .content .loan-box:nth-child(2):before {
	content: url(/images/loan-icons/iconSBAMicroloans.svg);
}

.interior .content .loan-box:nth-child(3):before {
	content: url(/images/loan-icons/icon-commercial-real-estate.svg);
}

.interior .content .loan-box:nth-child(4):before {
	content: url(/images/loan-icons/icon-credit.svg);
}

.interior .content .loan-box:nth-child(5):before {
	content: url(/images/loan-icons/icon-nonprofit-loans.svg);
}



/* Support ------------------------------ */

.support-landing .icon-blocks {
	position: relative;
}

.support-landing .icon-blocks::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: url('/images/triangle-pattern.svg') repeat-x;
}

/* Donate ------------------------------ */

.donate-section {
	padding-block: 90px;
	text-align: center;
}

.donate-section header {
	margin-bottom: 65px;
}

.donate-section .check-box {
	background-color: #EAEEF3;
}

.button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	margin-top: 1.25em;
}


/* TRANSITIONS ------------------------------ */

a, a *, button, .button, input:is([type="button"], [type="submit"], [type="reset"]),
:is(input, select, textarea):focus, #navContainer li, #popover .close {
	transition: var(--ws-transition);
}

.stop-transitions * {
	transition: none !important;
}



/* ANIMATIONS ------------------------------ */

@media screen and (prefers-reduced-motion: no-preference) {

	.translate-up,
	.translate-down,
	.translate-left,
	.translate-right {
		opacity: 0;
		transition: all 1s ease;
	}

	.translate-up {
		transform: translate(0,3rem);
	}

	.translate-down {
		transform: translate(0,-3rem);
	}

	.translate-left {
		transform: translate(3rem,0);
	}

	.translate-right {
		transform: translate(-3rem,0);
	}

	:is(.translate-up, .translate-down, .translate-left, .translate-right).animated {
		opacity: 1;
		transform: translate(0,0);
	}

}


.image-flex {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
}

.image-flex img {
    width: calc(14% - .5em);
}