/*!
* 08/18/2019
* Version 1.0
* Hondros Typographic Styles
* wsoe@apuswsoe.info
* Andrew Paulson
*/
* {
	box-sizing: border-box;
	scroll-margin-top: 80px;
}
html, body {
 color: var(--color-hondros-sec-black);
 line-height: normal;
 font-family: var(--font);
 font-weight: normal;
 font-style: normal;
 font-size: 16px;
 vertical-align: baseline;
 background-color: var(--color-hondros--main);
}

h1, h2, h3, h4, h5, h6, ol, ul, p {
	margin: 16px 0;
}

/*! --------------- Headings --------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-bold);
	font-weight: normal;
	text-transform: none;
  line-height: 1.125;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
} /* 1em */

p, ul, ol {
	font-size: 1em;
	line-height: 1.5em;
}

@media only screen and (max-width: 768px) {
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.3em;
	}
	h4 {
		font-size: 1.2em;
	}
	h5 {
		font-size: 1.1em;
	}
	h6 {
		font-size: 1em;
	} /* 1em */
}

/* text-align overrides */
.center-align {
	text-align: center;
}
.left-align {
	text-align: left;
}
.image-text img {
	margin: 16px 0; /* align image with text margins */
}

/*! --------------- Alerts --------------- */
.alert {
	position: relative;
	padding: 0;
	display: flex;
	height: auto;
	min-height: 3rem;
	min-width: 18rem;
	width: 100%;
	border: 0;
  border-left: 3px solid var(--color-hondros-sec-dark-gray);
  background: var(--color-hondros-sec-light-gray);
  color: var(--color-hondros-sec-black);
}
.alert-details {
  display: flex;
  flex-grow: 1;
  margin: 0 1rem;
}
.alert-icon {
  flex-shrink: 0;
  margin-right: 1rem;
  margin-top: .875rem;
  fill: var(--color-hondros-sec-dark-gray);
}
.alert-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: .75rem 0;
}
.alert-title {
  font-size: 1rem;
  font-family: var(--font-bold);
  font-weight: normal;
  line-height: 1.125rem;
  margin: 0 .25rem 0 0;
  line-height: 1.5rem;
}
.alert-subtitle {
	display: block;
	width: 100%;
  font-size: 1rem;
  font-family: var(--font);
  font-weight: normal;
  line-height: 1.125rem;
  margin: 0 .25rem 0 0;
  line-height: 1.5rem;
}
.alert-subtitle span {
	display: block;
}
.alert .alert-content a {
  color: var(--color-brand-royal-blue);
  text-decoration: underline;
}
.alert .alert-content a:hover {
  color: var(--color-brand-royal-blue--darkest);
  text-decoration: underline;
}
.alert-close {
	background: transparent;
	color: var(--color-hondros-sec-black);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
	margin: 0;
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
  border: none;
  cursor: pointer;
  transition: outline .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9);
}
.alert-close .alert-close-icon {
  fill: var(--color-hondros-sec-black);
	transition: all .11s cubic-bezier(.2,0,.38,.9);
}
.alert-close:hover .alert-close-icon {
  transform: scale(1.5);
}

/*** info alert ***/
.alert-info {
  border-left: 3px solid var(--color-brand-aqua-blue);
  background: var(--color-brand-aqua-blue--lightest);
  color: var(--color-hondros-sec-black);
}
.alert-info .alert-icon {
  fill: var(--color-brand-aqua-blue);
}
/*** success alert ***/
.alert-success {
  border-left: 3px solid var(--color-brand-green);
  background: var(--color-brand-green--lightest);
  color: var(--color-hondros-sec-black);
}
.alert-success .alert-icon {
  fill: var(--color-brand-green);
}
/*** warning alert ***/
.alert-warning {
  border-left: 3px solid #ffbe2e;
  background: #faf3d1;
  color: var(--color-hondros-sec-black);
}
.alert-warning .alert-icon {
  fill: #ffbe2e;
}
/*** error alert ***/
.alert-error {
  border-left: 3px solid #d54309;
  background: #f4e3db;
  color: var(--color-hondros-sec-black);
}
.alert-error .alert-icon {
  fill: #d54309;
}

/*! --------------- SVG Filter --------------- */
.image-filter {
position: relative;
width: 100%;
}
/* image must be responsive (fill container) to work */
.image-filter img {
	position: relative;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.image-filter svg {
	position: absolute;
	top: 0;
	left: 0;
}
.image-text svg {
	margin: 16px 0; /* align image with text margins */
}

/*! --------------- Testimonial --------------- */
.testimonial {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 0;
}
.testimonial div {
	flex-basis: 66.66%;
	max-width: 66.66%;
}
.testimonial blockquote {
	flex: 0 0 33.33%;
}
.testimonial blockquote {
  /* center the text in the div container */
  text-align: center;
  margin: 0;
	padding: 1em 0;
  /* position relative for the pseudo element */
  position: relative;
}
 .testimonial blockquote p {
  color: var(--color-brand-gray);
	font-size: 1.5em;
  line-height: 1.325;
	max-width: 100%;
  margin: 0;
	padding: 2em;
  z-index: 5;
}
.testimonial blockquote p span {
	font-family: "Walbaum-Italic";
}
.testimonial blockquote::before {
  /* with SVG elements include two icons for the quote */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 50;
  opacity: 0.05;
  /* position the icons at either end of the paragraph, rotate the second to have a mirrorer image */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70"><rect x="0" y="40" width="30" height="30"></rect><path d="M 0 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path><rect x="40" y="40" width="30" height="30"></rect><path d="M 40 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path></svg>'),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70" transform="rotate(180)"><rect x="0" y="40" width="30" height="30"></rect><path d="M 0 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path><rect x="40" y="40" width="30" height="30"></rect><path d="M 40 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path></svg>');
  background-position: 5% 5%, 95% 95%;
  background-repeat: no-repeat;
}
.testimonial blockquote::after {
	content: '';
	display: block;
	background: var(--color-hondros--steam);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 50px;
	height: 50px;
	position: absolute;
	top: calc(50% - 24px);
	left: -24px;
	margin: auto;
  z-index: 50;
}
.testimonial blockquote h2 {
  /* considerably reduce the size of the heading */
	color: var(--color-brand-royal-blue);
  font-family: "Avenir-Black";
  font-size: 1.25em;
  line-height: 1.125;
}
.testimonial blockquote h2 span {
	color: var(--color-brand-gray);
  display: block;
  font-family: "Avenir-Light";
  font-size: 0.8em;
	text-transform: none;
}

@media only screen and (max-width: 1160px) {
	.testimonial div {
		flex-basis: 50%;
		max-width: 50%;
	}
	.testimonial blockquote {
		flex-basis: 50%;
	}
	.testimonial blockquote p {
		font-size: 1.25em;
	}
}

@media only screen and (max-width: 1000px) {
	.testimonial blockquote p {
		font-size: 1em;
	}
	.testimonial blockquote h2 {
		margin-top: 0;
	}
}

@media only screen and (max-width: 900px) {
	.testimonial blockquote p {
		font-size: 1.5em;
		padding: 1em 2em;
	}
	.testimonial blockquote::after {
		left: calc(50% - 24px);
		top: -24px;
	}
	.testimonial {
		flex-wrap: wrap;
	}
	.testimonial div {
		flex-basis: 100%;
		max-width: 100%;
	}
	.testimonial blockquote {
		flex-basis: 100%;
	}
}

@media only screen and (max-width: 500px) {
	.testimonial blockquote p {
		font-size: 1em;
	}
}

/*!-----Toggles--------*/
.acc-toggle {
	margin-top: 10px;
}
.acc-toggle-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.25rem;
	font-family: var(--font);
	margin-bottom: 0;
	padding: 1rem 2rem;
	cursor: pointer;
	border-top: 1px solid;
	border-color: var(--color-brand-royal-blue);
}
.acc-toggle-title:hover{
	background-color: var(--color-brand-royal-blue--lightest);
}
.acc-toggle-title.active {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-royal-blue--darkest);
	border-color: var(--color-brand-royal-blue--darkest);
}
.acc-toggle-title.active:hover {
	background-color: var(--color-brand-royal-blue);
}
.acc-toggle-content {
	display: none;
	overflow: hidden;
	background-color: var(--color-hondros--main);
	border: 1px solid var(--color-brand-royal-blue);
	border-top: none;
	margin: 0;
	padding: 1rem 2rem;
}
.ac_expand h2, .ac_expand h3, .ac_expand h4, .ac_expand h5, .ac_expand h6 {
	display: inline-block;
	margin: 20px 0;
}
.acc-toggle-swap {
	float: right;
	margin: 16px 0;
	text-align: center;
}
.acc-toggle-title::after {
	content: "+";
	display: flex;
	justify-content: center;
	color: var(--color-hondros-sec-black);
	background-color: var(--color-brand-yellow);
	font-size: 2rem;
	font-family: var(--font);
	font-style: normal;
	text-align: center;
	line-height: 1.07;
	margin-left: 1rem;
	width: 2rem;
	height: 2rem;
	box-sizing: border-box;
	border: 1px solid inherit;
	border-radius: 100%;
	cursor: pointer;
}
.acc-toggle-title.active::after {
	content: "\2013";
}
.acc-toggle-title::after {
	transition: all 0.2s ease-in-out 0s;
}
.acc-toggle-invert a {
	color: var(--color-hondros-sec-white);
	text-decoration: underline;
}
.acc-toggle-invert a.button {
	text-decoration: none;
}
.acc-toggle-invert .acc-toggle-title, .acc-toggle-invert .acc-toggle-content, .acc-toggle-invert h3 {
	color: var(--color-hondros-sec-white);
}
.acc-toggle-invert .acc-toggle-title {
	border-color: var(--color-hondros-sec-white);
}
.acc-toggle-invert  .acc-toggle-title:hover{
	background-color: var(--color-brand-royal-blue--darkest);
}
.acc-toggle-invert .acc-toggle-title.active {
	color: var(--color-hondros-sec-black);
	background-color: var(--color-hondros-sec-white);
	border-color: var(--color-hondros-sec-white);
}
.acc-toggle-invert .acc-toggle-title.active:hover {
	background-color: var(--color-brand-royal-blue--lightest);
	border-color: var(--color-brand-royal-blue--lightest);
}
.acc-toggle-invert .acc-toggle-title::before {
	border-color: var(--color-hondros-sec-white);
}
.acc-toggle-invert .acc-toggle-content {
	background-color: var(--color-brand-royal-blue--darkest);
	border: 1px solid var(--color-hondros-sec-white);
	border-top: none;
}

/*! --------------- Embeds --------------- */
.embed {
	position: relative;
	width: 100%;
}

/* 16x9 */
.embed::before {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16/9));
}

/* 4x3 */
.embed.four-by-three::before {
  padding-bottom: calc(100% / (4/3));
}

.embed>div, .embed>iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
	width: 100%;
}

.embed-responsive {
	position: relative;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*! --------------- Map Embed ---------------*/
.map {
	display: flex;
	flex-flow: row nowrap;
}
.map li {
	flex-basis: 66.666%;
}
.map li:first-child {
	flex-basis: calc(33.333% - 2em);
	margin-right: 2em;
}

@media only screen and (max-width: 1060px) {
	.map {
		flex-flow: row wrap;
	}
	.map li  {
		flex-basis: 50%;
	}
	.map li:first-child  {
		flex-basis: calc(50% - 2em);
	}
}
@media only screen and (max-width: 900px) {
	.map {
		flex-flow: row wrap;
	}
	.map li  {
		flex-basis: 100%;
	}
	.map li:first-child  {
		flex-basis: 100%;
		order: 2;
	}
}
@media only screen and (max-width: 600px) {
	/* make map larger to enable easier interaction */
	.map .embed>div {
	  padding-bottom: calc(100% / (4/3));
	}
	.map .embed::before {
    padding-bottom: calc(100% / (4/3));
	}
}

/*! --------------- Lists --------------- */

ul, ol {
	list-style: none;
	margin-left: 0;
	padding: 0;
}
ul li, ol li {
	margin: 0;
	padding: 0;
}

/* Dotted List */
.dotted-list {
	list-style: disc;
	margin-left: 1.6em;
}

/* Numbered List */
.numbered-list {
	list-style: decimal;
	margin-left: 1.6em;
}

/* Leaders List */
.leaders-list {
	overflow-x: hidden;
}
.leaders-list li {
	margin-bottom: 1em;
	background: url(/common/images/bg-leaders.png) transparent 0 17px repeat-x;
}
.leaders-list.leader-dark li {
	margin-bottom: 1em;
	background: url(/common/images/bg-leaders-dark.png) transparent 0 17px repeat-x;
}
.leaders-list li > span {
	background-color: var(--color-hondros-sec-white)fff;
}
.leaders-list li > span:first-child {
	padding-right: 0.6em;
}
.leaders-list li > span.leader-stat {
	font-family: "Avenir-Black", sans-serif;
}
.leaders-list li > span + span {
	float: right;
	padding-left: 0.6em;
}

/*! --------------- Links --------------- */
a {
	font-weight: 700;
	color: var(--color-brand-royal-blue);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 400;
}
a:link, a:visited {
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: underline;
	color: var(--color-brand-royal-blue--darkest);
}

a[rel=follow] {
	display: block;
}

a[rel=follow]::after {
	content: "⟩";
	margin-left: .2em;
}
a.arrow-link {
  display: inline-block;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 1rem;
  color: #000;
  padding: .25rem 0;
  transition: color .2s ease-in-out;
}
a.arrow-link::after {
  content: ' ';
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 50%;
  display: inline-block;
  background: #e1e000 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBzdHlsZT0iZmlsbDogIzAwMCIgZD0iTTIuNjQsMjcuMTVoMzkuOUwyNS4xOSw0Ni40MmEyLjE1LDIuMTUsMCwwLDAsMy4xOSwyLjg3TDQ5LDI2LjQzbC4wNi0uMDguMDktLjExLjA3LS4xMS4wOC0uMTMuMDYtLjEyLDAtLjEyYS44OC44OCwwLDAsMSwwLS4xNWwwLS4xM2EuNS41LDAsMCwwLDAtLjEyLjc4Ljc4LDAsMCwwLDAtLjE2LjY2LjY2LDAsMCwwLDAtLjE0LjEzLjEzLDAsMCwwLDAtLjA2czAsMCwwLS4wNWEuNzYuNzYsMCwwLDAsMC0uMTUsMSwxLDAsMCwwLDAtLjE3LjM2LjM2LDAsMCwwLDAtLjFsMC0uMTQtLjA2LS4xNiwwLS4xTDQ5LjI1LDI0bC0uMDktLjE0YS40MS40MSwwLDAsMCwwLS4wOWwtLjEtLjEyTDQ5LDIzLjU3LDI4LjM4LjcxYTIuMTUsMi4xNSwwLDEsMC0zLjE5LDIuODdMNDIuNTUsMjIuODZIMi42NGEyLjE1LDIuMTUsMCwwLDAsMCw0LjI5WiIvPjwvc3ZnPg==) no-repeat center;
    background-size: auto;
  background-size: .875rem .875rem;
  vertical-align: bottom;
  transform: translateX(.5rem);
  transition: transform .2s ease-in-out;
  transform: translateX(.5rem) rotate(90deg);
}

em {
	font-style: italic;
}

sup, .fine, .finePrint, .fineprint, .small, .smallPrint, .smallprint, .sources, .htmlSection {
	font-family: var(--font);
	font-size: .75em;
	margin-top: 2em;
}

sup {
	position: relative;
	line-height: 1;
}

/*!------Sections and Colors and Section SVGs OH MYYYY --------*/
/* mobile first */
main > section {
	position: relative;
  padding: 1rem;
  margin: 0 auto;
  overflow: visible;
	background-color: transparent;
}
@media only screen and (min-width: 620px) {
	main > section {
		position: relative;
	  padding: 2rem;
	  margin: 0 auto;
	  overflow: visible;
		background-color: transparent;
	}
}
@media only screen and (min-width: 960px) {
	main > section {
		position: relative;
	  padding: 4rem;
	  margin: 0 auto;
	  overflow: visible;
		background-color: transparent;
	}
}
@media only screen and (min-width: 1500px) {
	main > section {
		position: relative;
	  padding: 6rem;
	  margin: 0 auto;
	  overflow: visible;
		background-color: transparent;
	}
}
@media only screen and (min-width: 2100px) {
	main > section {
		position: relative;
	  padding: 8rem;
	  margin: 0 auto;
	  overflow: visible;
		background-color: transparent;
	}
}
section.no-padding {
	padding: 0 !important;
}
section.svg-shape-before {
	padding-bottom: 1em;
}
section.svg-shape-spacer {
	padding-top: calc(4em + 5vw + 16px);
}

section figure.svg-shape {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}
section figure.svg-shape svg {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1000px;
	top: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

section.cloud {
	background-color: var(--color-hondros--cloud);
}
section.fog {
	background-color: var(--color-hondros--fog);
}
section.steam {
	background-color: var(--color-hondros--steam);
}
section.royal {
	background-color: var(--color-brand-royal-blue--lightest);
}
section.aqua {
	background-color: var(--color-brand-aqua-blue--lightest);
}
section.green {
	background-color: var(--color-brand-green--lightest);
}
section.yellow {
	background-color: var(--color-brand-yellow--lightest);
}

/* full section colors that work with high-contrast text color */
section.royal--full {
  background-color: var(--color-brand-royal-blue);
	color: var(--color-hondros-sec-white);
}
section.aqua--full {
  background-color: var(--color-brand-aqua-blue);
	color: var(--color-hondros-sec-white);
}
section.green--full {
  background-color: var(--color-brand-green);
	color: var(--color-hondros-sec-white);
}
section.yellow--full {
  background-color: var(--color-brand-yellow);
}

/* these override heading color too */
section.royal--full h1, section.aqua--full h1, section.green--full h1,
section.royal--full h2, section.aqua--full h2, section.green--full h2,
section.royal--full h3, section.aqua--full h3, section.green--full h3,
section.royal--full h4, section.aqua--full h4, section.green--full h4,
section.royal--full h5, section.aqua--full h5, section.green--full h5,
section.royal--full h6, section.aqua--full h6, section.green--full h6 {
	color: var(--color-hondros-sec-white);
}
/* and override hyperlin color  */
section.royal--full a, section.aqua--full a, section.green--full a {
		color: var(--color-hondros-sec-white);
}

figure.svg-shape {
	color: var(--color-hondros--main);
}
figure.svg-shape.cloud {
	color: var(--color-hondros--cloud);
}
figure.svg-shape.fog {
	color: var(--color-hondros--fog);
}
figure.svg-shape.steam {
	color: var(--color-hondros--steam);
}
figure.svg-shape.royal {
	color: var(--color-brand-royal-blue--lightest);
}
figure.svg-shape.aqua {
	color: var(--color-brand-aqua-blue--lightest);
}
figure.svg-shape.green {
	color: var(--color-brand-green--lightest);
}
figure.svg-shape.yellow {
	color: var(--color-brand-yellow--lightest);
}
figure.svg-shape.royal--full {
	color: var(--color-brand-royal-blue);
}
figure.svg-shape.aqua--full {
	color: var(--color-brand-aqua-blue);
}
figure.svg-shape.green--full {
	color: var(--color-brand-green);
}
figure.svg-shape.yellow--full {
	color: var(--color-brand-yellow);
}

/*!------Panes (Our Strong Numbers) --------*/
.flex-panes .panes {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.pane {
	color: var(--color-brand-gray);
	background-color: var(--color-hondros--main);
	-webkit-box-shadow: 0px 3px 5px 0px var(--color-hondros-sec-light-gray);
	-moz-box-shadow: 0px 3px 5px 0px var(--color-hondros-sec-light-gray);
	box-shadow: 0px 3px 5px 0px var(--color-hondros-sec-light-gray);
	flex: 1 auto;
	display: flex;
	flex-direction: column;
}
.pane-image {
	width: 100%;
}
.pane-heading {
	font-size: 1.4em;
	text-transform: none;
	margin-top: 0;
	padding: 8px 16px;
	color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-dark-gray);
	border-bottom: 3px solid var(--color-hondros-sec-medium-gray);
}
.pane-footer {
	font-size: 0.9em;
	text-transform: none;
	margin-top: auto;
	padding: 8px 16px;
	border-top: 1px solid var(--color-hondros-sec-medium-gray);
}
.pane-footer a {
	margin-top: 8px;
}
.pane-footer a.cta {
	font-size: 1.1em;
}
.flex-panes.cloud .pane-heading, .flex-panes.fog .pane-heading, .flex-panes.steam .pane-heading, .flex-panes.main .pane-heading {
	background-color: var(--color-hondros-sec-dark-gray);
	border-bottom: 3px solid var(--color-hondros-sec-medium-gray);
}
.flex-panes.royal .pane-heading {
	background-color: var(--color-brand-royal-blue);
	border-bottom: 3px solid var(--color-brand-royal-blue--lighter);
}
.flex-panes.aqua .pane-heading {
	background-color: var(--color-brand-aqua-blue);
	border-bottom: 3px solid var(--color-brand-aqua-blue--lighter);
}
.flex-panes.green .pane-heading {
	background-color: var(--color-brand-green);
	border-bottom: 3px solid var(--color-brand-green--lighter);
}
.flex-panes.yellow .pane-heading {
	color: var(--color-hondros-sec-black);
	background-color: var(--color-brand-yellow);
	border-bottom: 3px solid var(--color-brand-yellow--lighter);
}
.pane-body {
	padding: 0 16px;
}
.flex-panes.cloud .pane {
	background-color: var(--color-hondros--cloud);
}
.flex-panes.fog .pane {
	background-color: var(--color-hondros--fog);
}
.flex-panes.steam .pane {
	background-color: var(--color-hondros--steam);
}
.flex-panes.main .pane {
	background-color: var(--color-hondros--main);
}
.flex-panes.royal .pane {
	background-color: var(--color-brand-royal-blue--lightest);
}
.flex-panes.aqua .pane  {
	background-color: var(--color-brand-aqua-blue--lightest);
}
.flex-panes.green .pane {
	background-color: var(--color-brand-green--lightest);
}
.flex-panes.yellow .pane {
	background-color: var(--color-brand-yellow--lightest);
}

/*!------START Page Footer --------*/
footer {
  background-color: var(--color-brand-gray);
  color: var(  --color-hondros-sec-white);
  text-align: left;
  padding: 1em 10%; }

footer h4 {
  margin: 0; }

footer nav li {
  list-style: none;
  display: inline;
  margin-right: .5em;
  border-right: 1px solid rgba(255, 255, 255, 0.37);
  padding-right: .5em; }

footer nav li:last-of-type {
  border-right-style: none;
  margin-right: 0;
  padding-right: 0; }

footer p {
	font-family: var(--font);
	font-size: .7em;
	margin: .6em 0;
}

footer a {
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

footer a:link, footer a:visited {
	color: var(--color-hondros-sec-white);
	text-decoration: underline;
}

footer a:active, footer a:hover {
	color: var(--color-hondros-sec-white);
	opacity: 1;
	text-decoration: none;
}

.nowrap {
	display: inline-block;
}

i {
	font-style: italic;
	color: #b27c7c;
}

/*!------START Nav Header --------*/
header.masthead {
	position: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 10000;
	display: block;
	background-color: var(--color-brand-royal-blue);
}

header.masthead .utility {
	padding: 1em 2em;
	overflow: hidden;
	top: 0;
	height: 80px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	background-color: transparent;
}

header.masthead .logo {
	flex: 0 0 210px;
	background: url(/common/images/logos/hondros-w.png) no-repeat;
	max-width: 210px;
	height: 50px;
	text-indent: -999em;
}
header.masthead .ctaPanel {
	background-color: transparent;
	text-transform: uppercase;
	top: -21px;
	position: relative;
	display: flex;
	flex-direction: row;
	line-height: 1em;
	font-size: 1em;
}

header.masthead .utility li {
	display: inline-block;
	list-style-type: none;
	padding: 0.75em;
	margin: .5em 0;
	border-right: 1px solid var(--color-brand-royal-blue--lightest);
	line-height: 1em;
	font-size: 1em;
}

header.masthead .utility li a.phone {
	color: var(--color-hondros-sec-white);
	background-color: transparent;
	font-weight: 400;
}

header.masthead .utility li .button {
	margin: 0;
	display: inline;
}

header.masthead .utility li:last-of-type {
	border-right-style: none;
}
header.masthead nav {
	display: block;
	position: relative;
}
header.masthead nav ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0;
	background-color: var(--color-brand-aqua-blue);
}
header.masthead nav ul li {
	flex: 1 auto;
	margin: 0;
	background-color: transparent;
	border-right: 1px solid var(--color-brand-royal-blue--lightest);
	text-align: center;
}
header.masthead nav ul li:last-child {
	border-right: none;
}
header.masthead nav ul li a {
	display: block;
	background-color: transparent;
	color: var(--color-hondros-sec-white);
	width: 100%;
	padding: 0.5em 1em;
}
header.masthead nav ul li:hover, header.masthead nav ul li:hover a {
	background-color: var(--color-hondros-sec-white);
	color: var(--color-brand-royal-blue);
}
header.masthead nav ul li:hover a {
	background-color: inherit;
	color: inherit;
	text-decoration: none;
	opacity: 1;
}
header.masthead nav ul li.active {
	background-color: var(--color-brand-green);
}
header.masthead nav ul li.active:hover {
	background-color: var(--color-brand-green--light);
}
header.masthead nav ul li.active:hover a {
	color: var(--color-hondros-sec-white);
}

/* Hide Hamburger */
#main-nav label, #hamburger {
  display: none;
}
@media only screen and (max-width: 830px) {
	header.masthead .ctaPanel {
		flex-direction: column;
		top: -.3em;
		padding: 0;
		margin: 0;
		text-align: center;
		font-size: .9em;
	}
	header.masthead .ctaPanel li {
		padding: 0;
		margin: 0;
		border-right: none;
		margin-bottom: 1em;
	}
  /* Show Hamburger */
	#main-nav label {
    display: inline-block;
    color: var(--color-hondros-sec-white);
    background: var(--color-brand-aqua-blue);
    font-style: normal;
    font-size: 1em;
		line-height: 1.5em;
    padding: 0.5em 1em;
		cursor: pointer;
  }
	#main-nav label span {
		position: relative;
		font-size: 1.5em;
		line-height: 1;
  }

  /* Break down menu items into vertical */
  header.masthead nav ul li {
    display: block;
  }
  header.masthead nav ul li {
		border-right: none;
    border-top: 1px solid var(--color-brand-royal-blue--lightest);
  }

  /* Toggle show/hide menu on checkbox click */
  header.masthead nav  ul {
    display: none;
  }
  header.masthead nav input:checked ~ ul {
    display: block;
  }
}
@media only screen and (max-width: 580px) {
	header.masthead .logo {
		flex: 0 0 50px;
		max-width: 50px;
	}
	header.masthead .ctaPanel {
		top: 0;
		font-size: .8em;
	}
}
/*!------START Tables--------*/
table {
	margin: 2em 0;
	width: 100%;
}

table + table {
	margin-top: -1em;
}

th {
	font-size: 1.125em;
	font-family: var(--font-bold);
	text-align: left;
}
/*---default----*/
.table-container {
	overflow: auto;
}
.table-default {
	font-size: 14px;
	background-color: var(--color-hondros-sec-white);
	border-collapse: separate;
	border-spacing: 0px;
	border: #ccc 1px solid;
	-moz-box-shadow: 0 1px 2px var(--color-hondros-sec-light-gray);
	-webkit-box-shadow: 0 1px 2px var(--color-hondros-sec-light-gray);
	box-shadow: 0 1px 2px var(--color-hondros-sec-light-gray);
}
.table-full-blue {
	background-color: var(--color-brand-royal-blue--lighter);
	border: var(--color-brand-gray) 1px solid;
	color: #000;
}
.table-full-green {
	background-color: var(--color-brand-green--lighter);
	border: var(--color-brand-gray) 1px solid;
	color: #000;
}
.table-full-aqua {
	background-color: var(--color-brand-aqua-blue--lighter);
	border: var(--color-brand-gray) 1px solid;
	color: #000;
}
.table-default th {
	padding: 0.5em 1em;
	width: auto;
	border-top: 1px solid var(--color-brand-gray);
	border-bottom: 1px solid var(--color-hondros-sec-dark-gray);
	background-color: var(--color-brand-gray);
	color: var(--color-hondros-sec-white);
}
.table-blue th, .table-full-blue th {
	border-top: 1px solid var(--color-brand-royal-blue);
	background-color: var(--color-brand-royal-blue);
}
.table-green th, .table-full-green th {
	border-top: 1px solid var(--color-brand-green);
	background-color: var(--color-brand-green);
}
.table-aqua th, .table-full-aqua th {
	border-top: 1px solid var(--color-brand-aqua-blue);
	background-color: var(--color-brand-aqua-blue);
}
.table-default th:first-child {
}
.table-default tr {
}
.table-default td:first-child {
	text-align: left;
	border-left: 0;
}
.table-default td {
	padding: 0.5em 1em;
	width: auto;
	border-top: 1px solid var(--color-hondros-sec-white)fff;
	border-bottom: 1px solid var(--color-hondros-sec-light-gray);
	border-left: 1px solid var(--color-hondros-sec-light-gray);
}
.table-full-blue td {
	padding: 0.5em 1em;
	width: auto;
	border-top: 1px solid var(--color-brand-royal-blue--lighter);
	border-bottom: 1px solid var(--color-brand-royal-blue--light);
	border-left: 1px solid var(--color-brand-gray);
}
.table-full-green td {
	padding: 0.5em 1em;
	width: auto;
	border-top: 1px solid var(--color-brand-green--lightest);
	border-bottom: 1px solid var(--color-brand-green--lighter);
	border-left: 1px solid var(--color-brand-gray);
}
.table-full-aqua td {
	padding: 0.5em 1em;
	width: auto;
	border-top: 1px solid var(--color-brand-aqua-blue--lightest);
	border-bottom: 1px solid var(--color-brand-aqua-blue--lighter);
	border-left: 1px solid var(--color-brand-gray);
}
.table-default tbody tr {
	background-color: var(--color-hondros-sec-white);
}
.table-full-blue tbody tr {
	background-color: var(--color-brand-royal-blue--lighter);
}
.table-full-green tbody tr {
	background-color: var(--color-brand-green--lightest);
}
.table-full-aqua tbody tr {
	background-color: var(--color-brand-aqua-blue--lightest);
}
.table-default tbody tr:nth-of-type(2n) {
	background-color: var(--color-hondros-sec-white);
}
.table-full-blue tbody tr:nth-of-type(2n) {
	background-color: var(--color-brand-royal-blue--lighter);
}
.table-full-green tbody tr:nth-of-type(2n) {
	background-color: var(--color-brand-green--lightest);
}
.table-full-aqua tbody tr:nth-of-type(2n) {
	background-color: var(--color-brand-aqua-blue--lightest);
}
.table-default.zebra tbody tr:nth-of-type(2n) {
	background-color: var(--color-hondros--cloud);
}
.table-default tr:last-child td {
	border-bottom: 0;
}

hr {
	display: block;
	clear: both;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/*! --------------- Buttons --------------- */

/* Default Button: standard link color --color-brand-royal-blue */

button, .button, input[type=submit], input[type=reset], input[type=button] {
	position: relative;
	display: inline-block;
	font: 1em var(--font-bold);
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	margin: 0;
	margin-bottom: 0.75em;
	margin-right: 0.75em;
	padding: 0.75rem 1.5rem;
	min-width: 150px;
	max-width: 100%;
	border-width: 2px;
	border-style: solid;
	border-radius: 5rem;
	white-space: normal;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

button, .button, input, select {
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	padding: 0.75em 1.5em;
	display: inline-block;
}

.button.border, input[type=submit], input[type=reset] {
	border-width: 2px;
	border-style: solid;
	padding: 0.64em 1.42em;
}

button:hover, .button:hover {
	text-decoration: none;
	opacity: 1;
}

.button.ghost {
	border-width: 2px;
	border-style: solid;
}

/* Button color var(--color-brand-royal-blue) */

.button, .button.default, input[type=submit], input[type=reset] {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-royal-blue);
	border-color: var(--color-brand-royal-blue);
}

.button.ghost, .button.default.ghost {
	border-color: var(--color-brand-royal-blue);
}

.button.invert:hover, .button.default.invert:hover, .button.ghost:hover, .button:hover, input[type=submit]:hover {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-royal-blue--dark);
	border-color: var(--color-brand-royal-blue--dark);
}

.button.invert, .button.default.invert {
	color: var(--color-brand-royal-blue);
	border-color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-white);
}

.button.ghost, .button.default.ghost {
	color: var(--color-brand-royal-blue);
	border-color: var(--color-brand-royal-blue--dark);
	background-color: transparent;
}

.button.ghost.invert, .button.default.ghost.invert {
	color: var(--color-hondros-sec-white);
	border-color: var(--color-hondros-sec-white);
	background-color: transparent;
}

.button.ghost.invert:hover {
	color: var(--color-brand-royal-blue);
	border-color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-white);
}

/* Button Aqua Blue var(--color-brand-aqua-blue) */

.button.aqua {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-aqua-blue);
	border-color: var(--color-brand-aqua-blue);
}

.button.aqua.ghost {
	border-color: var(--color-brand-aqua-blue);
}

.button.aqua.invert:hover, .button.aqua.ghost:hover, .button.aqua:hover {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-aqua-blue--dark);
	border-color: var(--color-brand-aqua-blue--dark);
}

.button.aqua.invert {
	color: var(--color-brand-aqua-blue);
	background-color: var(--color-hondros-sec-white);
}

.button.aqua.ghost {
	color: var(--color-brand-aqua-blue);
	border-color: var(--color-brand-aqua-blue);
	background-color: transparent;
}

/* Green var(--color-brand-green) */

.button.green {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-green);
	border-color: var(--color-brand-green);
}

.button.green.ghost {
	border-color: var(--color-brand-green);
}

.button.green.invert:hover, .button.green.ghost:hover, .button.green:hover {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-green--dark);
	border-color: var(--color-brand-green--dark);
}

.button.green.invert {
	color: var(--color-brand-green);
	background-color: var(--color-hondros-sec-white);
}

.button.green.ghost {
	color: var(--color-brand-green);
	border-color: var(--color-brand-green);
	background-color: transparent;
}

/* Yellow var(--color-brand-yellow) */

.button.yellow, .button.yeller {
	color: var(--color-hondros-sec-blue-gray);
	background-color: var(--color-brand-yellow);
	border-color: var(--color-brand-yellow);
}

.button.yellow.ghost, .button.yeller.ghost {
	border-color: var(--color-brand-yellow);
}

.button.yellow.invert:hover, .button.yellow.ghost:hover, .button.yellow:hover, .button.yeller.invert:hover, .button.yeller.ghost:hover, .button.yeller:hover {
	color: var(--color-hondros-sec-blue-gray);
	background-color: var(--color-brand-yellow--dark);
	border-color: var(--color-brand-yellow--dark);
}

.button.yellow.invert, .button.yeller.invert {
	color: var(--color-brand-yellow);
	background-color: var(--color-hondros-sec-blue-gray);
}

.button.yellow.ghost, .button.yeller.ghost {
	color: var(--color-brand-yellow);
	border-color: var(--color-brand-yellow);
	background-color: transparent;
}

/* Dark Grey Button var(--color-hondros-sec-dark-gray) */

.button.dark-grey {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-dark-gray);
	border-color: var(--color-hondros-sec-dark-gray);
}

.button.dark-grey.ghost {
	border-color: var(--color-hondros-sec-dark-gray);
}

.button.dark-grey.invert:hover, .button.dark-grey.ghost:hover, .button.dark-grey:hover {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-gray);
	border-color: var(--color-brand-gray);
}

.button.dark-grey.invert {
	color: var(--color-hondros-sec-dark-gray);
	background-color: var(--color-hondros-sec-white);
}

.button.dark-grey.ghost {
	color: var(--color-hondros-sec-dark-gray);
	border-color: var(--color-hondros-sec-dark-gray);
	background-color: transparent;
}

/* Light Grey Button  var(--color-hondros-sec-medium-gray) */

.button.light-grey, input[type=reset] {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-medium-gray);
	border-color: var(--color-hondros-sec-medium-gray);
}

.button.light-grey.ghost, input[type=reset] {
	border-color: var(--color-hondros-sec-medium-gray);
}

.button.light-grey.invert:hover, .button.light-grey.ghost:hover, .button.light-grey:hover, input[type=reset]:hover {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-light-gray);
	border-color: var(--color-hondros-sec-light-gray);
}

.button.light-grey.invert {
	color: var(--color-hondros-sec-medium-gray);
	background-color: var(--color-hondros-sec-white);
}

.button.light-grey.ghost {
	color: var(--color-hondros-sec-medium-gray);
	border-color: var(--color-hondros-sec-medium-gray);
	background-color: transparent;
}

.button-group {
	white-space: nowrap;
	font-size: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.button-group .button {
	font-size: 1rem;
	text-align: center;
	margin: 0;
	display: inline-block;
	flex: 0 1 50%;
	max-width: 300px;
}


/* ------------- Forms -----------------*/

/*!
* 2/11/2020
* Version 1.1
* LP6 Form and Input Styles
* wsoe@apuswsoe.info
* Andrew Paulson
*/


/* begin marketo */
.mktoForm {
	display: none;
	color: #fff;
	width: 100% !important;
	border: 2px dotted gray;
	padding: 10px;
	box-sizing: border-box;
}
.mktoForm input {
   border: 2px dotted gray;
}
/* end marketo */

/*** Default Input Styles ***/
input,
textarea,
select {
  font: inherit;
	font-size: 1.07rem;
  letter-spacing: inherit;
}
.label {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  font-size: 0.85rem;
  color: var(--color-hondros-sec-dark-gray);
  font-weight: 400;
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0 .2rem;
  line-height: 1rem;
}
legend {
	display: none;
}
select, input[type=text], input[type=email], input[type=tel], input[type=number] {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--color-hondros-sec-black);
  background: var(--color-hondros-sec-white);
	border: 1px solid var(--color-hondros-sec-white);
  border-radius: 0;
  width: 100%;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0.75rem;
}
select.form-req-active, input[type=text].form-req-active, input[type=email].form-req-active, input[type=tel].form-req-active, input[type=number].form-req-active {
  border: 1px solid red;
}
select, input[type=text] {
  text-transform: capitalize;
}
input[type=checkbox] {
  display: inline-block;
}
input[type=checkbox] ~ label {
  display: inline-block;
}
select {
  padding-right: 2em; /* space for down arrow */
}
/* hide IE dropdown arrow */
select::-ms-expand {
  display: none;
}
textarea {
  width: 100%;
  color: var(--color-hondros-sec-dark-gray);
  border: 1px solid var(--color-hondros-sec-medium-gray);
}
.text-area {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: var(--color-hondros-sec-white);
  width: 100%;
  min-width: 10rem;
  min-height: 2.5rem;
  padding: .6875rem 1rem;
  color: var(--color-hondros-sec-black);
  order: 3;
  resize: vertical;
  border: none;
  border-bottom: 1px solid var(--color-hondros-sec-medium-gray);
  transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);
}
select:hover, input:hover, textarea:hover, select:focus, input:focus, textarea:focus {
  background: var(--color-brand-green--lightest);
  border: 1px solid var(--color-brand-green--lightest);
}
select:focus, input:active, textarea:active, select:focus, input:focus, textarea:focus {
  outline: 1px dashed var(--color-brand-green);
}
::placeholder {
  color: var(--color-hondros-sec-dark-gray);
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--color-hondros-sec-dark-gray);
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--color-hondros-sec-dark-gray);
  opacity: 1;
}
optgroup:before {
  font-style: italic;
}
optgroup option {
  margin-left: 1rem;
}
/*** Select ***/
.select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.select-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.select-arrow {
  fill: var(--color-hondros-sec-black);
  position: absolute;
  right: 1rem;
  pointer-events: none;
}
.select-arrow-color {
  position: absolute;
  fill: var(--color-hondros-sec-dark-gray);
  right: 0;
  top: 0;
  pointer-events: none;
}
/*** Radio Buttons */
.radio-button-group {
	display: flex;
	align-items: center;
	margin-top: .375rem;
	border: none;
}
.radio-button {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
  visibility: inherit;
}
.radio-button-wrapper:not(:last-of-type) {
    margin-right: 1rem;
}
.radio-button-wrapper .radio-button-label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.radio-button-label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 1rem;
}
.radio-button-appearance {
	box-sizing: border-box;
	padding: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-color:
	transparent;
	border-radius: 50%;
	border: 1px solid
	#161616;
	flex-shrink: 0;
	height: 1.125rem;
	width: 1.125rem;
	margin: 0 .5rem 0 0;
}
.radio-button:checked + .radio-button-label .radio-button-appearance {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--color-hondros-sec-black);
}
.radio-button:checked + .radio-button-label .radio-button-appearance::before {
  content: "";
  display: inline-block;
  position: relative;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: var(--color-brand-royal-blue);
}

/*** Checkboxes */
.checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
}
.checkbox-label {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  vertical-align: baseline;
  line-height: 1.5rem;
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 0 0 0 1.625rem;
  min-height: 1.5rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-label::before {
  content: "";
  width: 1rem;
  height: 1rem;
  margin: .125rem;
  position: absolute;
  left: 0;
  top: .125rem;
  background-color: transparent;
  border: 1px solid var(--color-hondros-sec-black);
  border-radius: 1px;
}
.checkbox-label[data-contained-checkbox-state="mixed"]::before, .checkbox-label[data-contained-checkbox-state="true"]::before, .checkbox:checked + .checkbox-label::before, .checkbox:indeterminate + .checkbox-label::before {
  background-color: var(--color-hondros-sec-black);
  border-color: var(--color-hondros-sec-black);
  border-width: 1px;
}
.checkbox-label::after {
  content: "";
  position: absolute;
  left: .375rem;
  top: .5rem;
  width: .5625rem;
  height: .3125rem;
  background: none;
  border-left: 2px solid var(--color-hondros-sec-white);
  border-bottom: 2px solid var(--color-hondros-sec-white);
  -webkit-transform: scale(0) rotate(-45deg);
  transform: scale(0) rotate(-45deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  margin-top: -.25rem;
}
.checkbox-label[data-contained-checkbox-state="true"]::after, .checkbox:checked + .checkbox-label::after {
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
}
.checkbox-label[data-contained-checkbox-disabled="true"], .checkbox:disabled + .checkbox-label {
  cursor: not-allowed;
  color: var(--color-hondros-sec-medium-gray);
}
.checkbox-label[data-contained-checkbox-disabled="true"]::before, .checkbox:disabled + .checkbox-label::before {
  border-color: var(--color-hondros-sec-medium-gray);
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/*** Toggle ***/
.toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
}
.toggle-input-label {
  color: var(--color-hondros-sec-black);
  font-size: 0.85rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}
.toggle-switch {
  position: relative;
  display: flex;
  align-items: center;
  width: 3rem;
  height: 1.5rem;
  margin: .5rem 0;
  cursor: pointer;
}
.toggle-switch::after, .toggle-switch::before {
  box-sizing: border-box;
  position: absolute;
  display: block;
  content: "";
}
.toggle-switch::before {
  top: 0;
  width: 3rem;
  height: 1.5rem;
  border-radius: .9375rem;
  background-color: var(--color-hondros-sec-dark-gray);
  will-change: box-shadow;
  box-shadow: 0 0 0 1px
  transparent,0 0 0 3px
  transparent;
  -webkit-transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);
  transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9);
}
.toggle-text--off, .toggle-text--on {
  position: absolute;
  font-size: 1rem;
  margin-left: 3.5rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.toggle-input:checked + .toggle-input-label > .toggle-switch > .toggle-text--off, .toggle-input:not(:checked) + .toggle-input-label > .toggle-switch > .toggle-text--on {
  visibility: hidden;
}
.toggle-text--off, .toggle-text--on {
  position: absolute;
  margin-left: 3.5rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.toggle-switch::after {
  top: .1875rem;
  left: .1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background-color: var(--color-hondros-sec-white);
  -webkit-transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9);
  transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9);
  transition: transform 70ms cubic-bezier(.2,0,1,.9);
  transition: transform 70ms cubic-bezier(.2,0,1,.9),-webkit-transform 70ms cubic-bezier(.2,0,1,.9);
}
.toggle-switch::after, .toggle-switch::before {
  box-sizing: border-box;
  position: absolute;
  display: block;
  content: "";
}
.toggle-input:checked + .toggle-input-label > .toggle-switch::before {
  background-color: var(--color-pri-green);
}
.toggle-input:checked + .toggle-input-label > .toggle-switch::after {
  background-color: var(--color-hondros-sec-white);
  -webkit-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}

/*** Form Layout General ***/
/* container to group inputs */
.form-item-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
/* input + label container */
.form-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.oneField {
	position: relative;
	display: block;
	width: 100%;
}
.inputWrapper {
  display: block;
  margin-bottom: 0.5rem;
}
/* grouped inputs */
.form-item-group > .form-item  {
  flex: 0 0 49%;
}
/* text input wrapper */
.text-input-field-wrapper, .text-area-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.form-requirement {
  color: #990f04;
	background-color: #fcd8d5;
	width: 100%;
	padding: 0 0.85rem;
  font-size: 0.85rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.5;
  box-sizing: border-box;
  border: 0;
  margin: -0.5rem 0 0.5rem 0;
  max-height: 0;
  overflow: hidden;
  display: none;
}
.form-requirement.form-req-active {
  max-height: none;
  overflow: visible;
  display: block;
}
.errMsg {
  color: #990f04;
	background-color: #fcd8d5;
	width: 100%;
	padding: 0 0.85rem;
  font-size: 0.85rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.5;
  box-sizing: border-box;
  border: 0;
  vertical-align: baseline;
  margin: -0.5rem 0 0.5rem 0;
}
.select-input-wrapper[data-invalid] ~ .form-requirement, .text-area-wrapper[data-invalid] ~ .form-requirement, .text-input-field-wrapper[data-invalid] ~ .form-requirement, .time-picker[data-invalid] ~ .form-requirement, input[data-invalid] ~ .form-requirement {
  max-height: 12.5rem;
  display: block;
  overflow: visible;
  color: red;
}

/*** RFI Hero Form Custom Styles ***/
.hero-rfi-form .label {
  color: var(--color-hondros-sec-white);
}
.hero-rfi-form a {
  color: var(--color-hondros-sec-white);
  text-decoration: underline;
}
.hero-rfi-form #lp5_apply_rfi {
  text-decoration: none;
}
.rfi-apply {
  display: block;
  color: var(--color-hondros-sec-dark-gray);
  font-size: 1.2rem;
  font-family: var(--font-bold);
  font-weight: normal;
  text-transform: capitalize;
  line-height: 1.125;
}
.hero-rfi-form .rfi-apply {
  color: var(--color-hondros-sec-white);
}
#mktFrmSubmit {
	margin-top: 1rem;
}
.hero-rfi-form #mktFrmSubmit {
	margin-top: 0;
}

/*** Breakpoints ***/
/* breakpoint for grouped inputs */
@media only screen and (max-width:500px) {
  .form-item-group  {
    flex-wrap: wrap;
  }
  .form-item-group > .form-item {
    flex: 1 1 100%;
  }
}

.form-controls {
  margin-top: 1.65rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

/*! --------------- Cards ------------ */

.cards > div {
	display: flex;
	flex-flow: row nowrap;
}
.card {
	width: 100%;
	font-family: var(--font);
	font-weight: normal;
	line-height: 1;
	text-align: center;
	padding: 1rem;
}
.card-icon {
	width: 8rem;
	height: 8rem;
	background: var(--color-brand-aqua-blue);
	border-radius: 100%;
	font-size: 4rem;
	line-height: 8rem;
	text-align: center;
	color: #343a40;
	transition: ease-in-out .2s;
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: inline-block;
}

.card:hover {
	background-color: #e9ecef;
}

.card:hover .card-icon {
	color: #e1e000;
}

.card-icon svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 4rem;
	width: 4rem;
	fill: currentColor;
}

.card .card-icon-stage {
	display: block;
	position: relative;
	margin: auto;
	margin: 0 auto 1rem 0;
}

.card .card-title {
	font-family: var(--font-bold);
	text-transform: none;
	color: #343a40;
	font-size: 1.6rem;
	margin-top: .5rem;
	clear: both;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	transition: ease-in-out .2s;
	padding-bottom: .25rem;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.card:hover .card-title {
}
.card .card-desc {
	margin-top: 0.5rem;
}
.card .card-desc p {
	margin-top: 0;
	line-height: 1.125rem;
}

.card .card-icon-stage .card-icon::after {
	transition: inherit;
	content: "";
	display: block;
	position: absolute;
	background-color: var(--color-brand-royal-blue);
	height: 160%;
	width: 160%;
	top: -100%;
	left: -150%;
	border-radius: 100%;
	z-index: -1;
}
.card:hover .card-icon::after {
	top: -30%;
	left: -30%;
}

/*! --------------- Deadline ------------ */
.regDeadline.text {
	position: relative;
}
.regDeadline #deadline {
	margin-left: 2rem;
}
.regDeadline .cta {
	margin-top: 2rem;
}
.regDeadline.text span {
	font-family: var(--font-bold);
	font-weight: normal;
}
.regDeadline.text::before {
	content: ' ';
	display: block;
	background: url(/common/images/icons/alarmclock.svg) no-repeat;
	background-size: contain;
	height: 1.5em;
	width: 1.5em;
	float: left;
	position: absolute;
	top: 5%;
	left: 0;
}

#digiClock {
	display: flex;
  justify-content: center;
  margin: 1rem auto;
}
#digiClock > span {
	font-size: 2.25rem;
	font-family: var(--font-bold);
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
  flex: 0 1 100px;
}
#digiClock span > span {
	display: block;
	font-size: 3.2rem;
	font-family: var(--font);
	font-weight: normal;
}

@media screen and (max-width: 900px) {
	#digiClock > span {
		font-size: 2rem;
	}
}
@media screen and (max-width: 600px) {
  #digiClock > span {
  	font-size: 1.5rem;
    flex: 0 1 60px;
		font-family: var(--font);
		font-weight: normal;
  }
  #digiClock span > span {
  	font-size: 2rem;
  }
}

.next-steps {
	font-size: 3rem;
}
.cta {
	max-width: 600px;
	margin: 0 auto;
}
.cta a {
	width: calc(50% - 0.5rem);
}
.cta a:first-child  {
	margin-right: 1rem;
}
@media only screen and (min-width: 100px) and (max-width: 599px) {
	.cta {
		max-width: 300px;
		margin: 0 auto;
	}
	.cta a {
		width: 100%;
	}
	.cta a:first-child {
		margin-right: 0;
		margin-bottom: 1rem;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	.cta a {
		width: calc(50% - 0.5rem);
	}
}
/* page-specific break points see on-page flex sizes */
@media only screen and (min-width: 500px) {
	.cta-list li span {
		display: block;
	}
}
@media only screen and (max-width: 499px) {
	.cta-list {
		margin-top: 2rem;
	}
	.cta-list li p {
		margin: 0;
	}
}

/*! ---------- carousel ---------- */
/*** Slick Slider ***/
.slick-slider {
  position: relative;
  display: block;
	background-color: var(--color-brand-royal-blue);
	padding: 0 1rem;
	margin-top: 4rem;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
	top: -3rem;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slider-default.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slider .slick-slide {
  border: 2px solid transparent;
}
.slider .slick-slide:focus {
  border: 2px dashed var(--color-hondros-sec-black);
}
.slider.slick-initialized .slick-dots {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
	order: -1;
  padding: 0;
  margin-right: 1rem;
  z-index: 100;
}
.slider.slick-initialized .slick-dots li {
	padding: 0;
	margin: 0 3px;
}
.slider.slick-initialized .slick-dots li button {
	min-width: auto;
	margin: 0;
	padding: 0.5rem 0.75rem;
	color: var(--color-hondros-sec-white);
	background-color: var(--color-hondros-sec-white);
	opacity: 0.5;
  cursor: pointer;
}
.slider.invert.slick-initialized .slick-dots li button {
	color: var(--color-hondros-sec-black);
}
.slider.slick-initialized .slick-dots li.slick-active button, .slider.slick-initialized .slick-dots li button:hover {
	opacity: 1;
}
.slider.slick-initialized .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  outline: none;
}
.slider .slide-quote {
	display: block;
}
.slider .slide-quote .slide-image {
  max-width: 380px;
}
.slider .slide-quote .slide-content {
	padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
	.slider .slide-quote {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.slider .slide-quote .slide-image {
	  order: 2;
	  align-self: flex-start;
	  flex: 0 0 33%;
		margin-bottom: -2rem;
	  padding: 0 2rem 2rem 0;
	  box-sizing: content-box;
	  max-width: 33%;
	}
	.slider .slide-quote .slide-content {
		flex: 0 0 66%;
		padding: 7rem 2rem 2rem 2rem;
	}
}
.slider .slide-quote .slide-quote-text {
	color: var(--color-hondros-sec-white);
  font-size: 1.5rem;
	line-height: 1.5;
	max-width: 900px;
}
@media only screen and (min-width: 1600px) {
	.slider .slide-quote .slide-quote-text {
		font-size: 1.75rem;
		line-height: 1.75;
		max-width: 1060px;
	}
}
.slider .slide-quote-text::after, .slider .slide-quote-text::before {
  font-family: "Avenir",sans-serif;
  font-weight: 700;
}
.slider .slide-quote-text::before {
  content: open-quote;
}
.slider .slide-quote-text::after {
  content: close-quote;
}
.slider .slide-quote-text::after, .slider .slide-quote-text::before {
  color: #e1e000;
}
.slider .slide-quote .slide-quote-citation {
	display: flex;
	color: var(--color-hondros-sec-white);
  margin-top: 2rem;
	width: 70%;
}
@media only screen and (min-width: 900px) {
	.slider .slide-quote .slide-quote-citation {
		margin-top: 4rem;
		padding-right: 1rem;
	}
}
.slider .slide-quote .slide-quote-citation .slide-author {
	font-family: var(--font-bold);
}
.slider .slide-quote .slide-quote-citation .slide-author-subtext {
  border-left: solid 1px #fff;
  margin-left: 1rem;
  padding-left: 1rem;
}
.slider .slide-quotes-controls {
	display: flex;
	justify-content: flex-end;
	min-width: calc(220px + 4rem);
	max-width: calc(300px + 4rem);
	padding: 2rem;
	margin-left: auto;
	color: var(--color-hondros-sec-white);
}
.slider .slick-arrows {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	min-width: 120px;
}
.slider .slider-link {
  display: inline-block;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  background-color: #e1e000;
  position: relative;
  border: 2px solid #e1e000;
  transition: all .2s ease-in-out;
}
.slider .slider-link:hover {
  background-color: #aead00;
}
.slider .slider-link:focus {
  outline: 0;
  border: 2px solid #343a40;
  box-shadow: 0 0 0 4px rgba(255,255,255,.8);
}
.slider .slider-link .prev-icon {
  display: block;
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.slider .slider-link svg {
  height: 100%;
  width: 100%;
  vertical-align: baseline;
}
.slick-sr-only, .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.slick-autoplay-toggle-button {
  position:absolute;
  z-index:10;
  opacity:.75;
  background:0 0;
  border:0;
  cursor:pointer;
  color:#000;
  bottom: 0;
  left: 0;
  padding: 2rem;
}
.slick-autoplay-toggle-button .slick-pause-icon:before {
  content:"\f04c";
  width:20px;
  height:20px;
  font-family:"FontAwesome";
  font-size:18px;
  font-weight:400;
  line-height:20px;
  text-align:center
}
.slick-autoplay-toggle-button .slick-play-icon:before {
  content:"\f04b";
  width:20px;
  height:20px;
  font-family:"FontAwesome";
  font-size:18px;
  font-weight:400;
  line-height:20px;
  text-align:center
}
.slider-campus {
	padding: 0;
}
.slider-campus .slick-list {
	top: 0;
}
/*! ---------- image panels ---------- */
.image-panel {
	padding: 0;
}
.image-panel.flex {
	margin-left: 0;
	width: 100%;
}
.image-panel > .panel-image {
	display: flex;
	padding: 0;
}
.image-panel > .panel-image img {
	object-fit: cover;
}
/* mobile first */
main .image-panel .panel-content {
	position: relative;
	padding: 2rem 1rem;
	margin: 0 auto;
	overflow: visible;
	background-color: transparent;
}
@media only screen and (min-width: 620px) {
	main .image-panel .panel-content {
		position: relative;
		padding: 4rem 2rem;
		margin: 0 auto;
		overflow: visible;
		background-color: transparent;
	}
}
@media only screen and (min-width: 960px) {
	main .image-panel .panel-content {
		position: relative;
		padding: 8rem 4rem;
		margin: 0 auto;
		overflow: visible;
		background-color: transparent;
	}
}
@media only screen and (min-width: 1500px) {
	main .image-panel .panel-content {
		position: relative;
		padding: 12rem 6rem;
		margin: 0 auto;
		overflow: visible;
		background-color: transparent;
	}
}
@media only screen and (min-width: 2100px) {
	main .image-panel .panel-content {
		position: relative;
		padding: 16rem 8rem;
		margin: 0 auto;
		overflow: visible;
		background-color: transparent;
	}
}

/*! ---------- Jumbo Fast Facts ---------- */
.fast-fact p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.fact-number {
  font-weight: 900;
  font-size: 120px;
  font-family: var(--font-bold);
  color: var(--color-brand-royal-blue);
  line-height: 0.9;
  margin-bottom: 0px;
}
.fact-number span {
  font-size: 70px;
  font-family: var(--font-bold);
  color: var(--color-brand-royal-blue);
}
.fast-fact h3 {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media (max-width: 800px) {
  .fact-number {
    font-size: 80px;
  }
}

/*! ---------- Campus Partner Layout ---------- */
.campus-flex {
	display: flex;
	flex-flow: column;
}
.campus-flex .campus-content {
	color: var(--color-hondros-sec-white);
	background-color: var(--color-brand-royal-blue);
	padding: 1rem;
	flex: 1 auto;
	order: 2;
}
.campus-flex .campus-media {
	flex: 1 auto;
	order: 1;
}
@media only screen and (min-width: 620px) {
	.campus-flex .campus-content {
	  padding: 2rem;
	}
}
@media only screen and (min-width: 1090px) {
	.campus-flex {
		flex-flow: row nowrap;
	}
	.campus-flex .campus-content {
	  padding: 3rem;
	  flex: 1 1 33%;
	  order: 0;
	}
	.campus-flex .campus-media {
	  flex: 1 1 66%;
	}
}
@media only screen and (min-width: 1500px) {
	.campus-flex .campus-content {
	  padding: 4rem;
	}
}
@media only screen and (min-width: 2100px) {
	.campus-flex .campus-content {
	  padding: 5rem;
	}
}