@charset "UTF-8";

/* --- Reset ----------------------------- */

*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	box-sizing:border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none; /* removes weird styling in ios */
	-moz-appearance: none; /* removes weird styling in other mobile browsers */
}


/* --- Core Styles ---------------------- */

html{
	min-height:100%;
}

body{
	min-height:100%;
	color:#3E4A57;
	font-family: "Inter", "Arial", sans-serif;
	font-display: swap;
	font-smooth:always;
	font-size: 16px;
	font-weight:400;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1{
	color:#292F3A;
	font-size: 42px;
	font-weight: 800;
	padding-bottom: 15px;
	letter-spacing: -1px;

}

h2{
	color:#292F3A;
	font-size: 28px;
	font-weight: 800;
	padding-bottom: 15px;
	letter-spacing: -.5px;
}

h3{
	color:#292F3A;
	font-size: 22px;
	font-weight: 600;
	padding-bottom: 15px;
	letter-spacing: -.5px;
}

h4{
	color:#292F3A;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 15px;
}

h5{
	color:#292F3A;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 15px;
}

img + h1, img + h2, img + h3,
img + h4, img + h5{
	padding-top: 15px;
}

ul + h1, ol + h1, ul + h2, ol + h2, ul + h3,
ol + h3, ul + h4, ol + h4, ul + h5, ol + h5{
	padding-top: 36px;
}

p{
	line-height: 26px;
	margin-bottom: 36px;
}

ul + p, ol + p{
	margin-top: 36px;
}

p:last-child{
	margin-bottom: 0;
}

a{
	color: #4155FF;
	font-weight: 500;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	filter: brightness(70%);
}

a.no-hover-dim:hover{
	filter: unset;
}

a img{
	vertical-align: middle;
}

ul li,
ol li{
	margin-left: 15px;
	line-height: 26px;
}

ul.indent li,
ol.indent li{
	margin-left: 60px;
}

ul.no-bullets li{
	list-style-type: none;
}

ul.no-bullets:not(.indent) li{
	margin-left: 0;
}

img{
	max-width: 100%;
	color: transparent; /* Hides alt text before images loads */

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}

img[height], img[width]{
	height: auto;
}
	
a::selection, a::-moz-selection,
p::selection, p::-moz-selection,
h1::selection, h1::-moz-selection,
h2::selection, h2::-moz-selection,
h3::selection, h3::-moz-selection,
h4::selection, h4::-moz-selection,
h5::selection, h5::-moz-selection{
	color: #112867;
	background: #23DDCD;
}


/* --- Text Modifiers ---------------------- */

.text-left{
	text-align: left;
}

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

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

.text-capitalized{
	text-transform: capitalize;
}

.text-uppercase{
	text-transform: uppercase;
}

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

.text-small{
	font-size: 12px;
}

.text-smedium{
	font-size: 14px;
}

.text-medium{
	font-size: 16px;
}

.text-large{
	font-size: 20px;
}

.text-xlarge{
	font-size: 24px;
}

.text-xxlarge{
	font-size: 28px;
}

.text-xxxlarge{
	font-size: 32px;
}

.text-xxxxlarge{
	font-size: 36px;
}

.text-normal{
	font-weight: 400;
}

.text-semibold{
	font-weight: 500;
}

.text-bold{
	font-weight: 600;
}

.text-bolder{
	font-weight: 800;
}

.text-spacing--1{
	letter-spacing: -1px;
}

.text-spacing--0-5{
	letter-spacing: -.5px;
}

.text-spacing-0{
	letter-spacing: 0px;
}

.text-italic{
	text-decoration: initial;
}

.text-strikethrough{
	text-decoration: line-through;
}

.text-underline{
	text-decoration: underline;
}

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


/* --- Text Colors ---------------------- */

.text-white{
	color: #FFF;
}

.text-navy{
	color: #09206d;
}

.text-blue{
	color: #1f4999;
}

.text-mahogany{
	color: #8b1f21;
}

.text-red{
	color: #e4463b;
}


/* --- Background Colors ---------------------- */

.background-navy{
	background: #09206d;
}

.background-blue{
	background: #1f4999;
}

.background-mahogany{
	background: #8b1f21;
}

.background-red{
	background: #e4463b;
}

/* --- Generic Modifiers ---------------------- */

.hide{
	display: none;
}

.opacity-8{
	opacity: .8;
}

.opacity-6{
	opacity: .6;
}

.opacity-4{
	opacity: .4;
}

.opacity-2{
	opacity: .2;
}

.shadow{
	-webkit-box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
}

.rounded{
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.rounded.more{
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.panel{
	padding: 20px;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
}

.panel.padding-10{
	padding: 10px;
}

.panel.padding-20{} /* Default panel padding is 20px */

.panel.padding-30{
	padding: 30px;
}

.panel.padding-40{
	padding: 40px;
}

.panel.padding-60{
	padding: 60px;
}

.panel.padding-80{
	padding: 80px;
}

/* --- Sections & Containers -------------------- */

.section{
	padding-top: 40px;
	padding-bottom: 40px;
}

.section.small{
	padding-top: 20px;
	padding-bottom: 20px;
}

.section.medium{} /* Default section size is medium */

.section.large{
	padding-top: 60px;
	padding-bottom: 60px;
}

.section.xlarge{
	padding-top: 80px;
	padding-bottom: 80px;
}

.section.xxlarge{
	padding-top: 100px;
	padding-bottom: 100px;
}

.container{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.container.desktop{} /* Default container size is desktop */

.container.tablet{
	max-width: 960px;
}

.container.mobile{
	max-width: 768px;
}


/* --- Columns -------------------- */

.columns{
	display: flex;
	flex-direction: row;
}

.columns.multiline{
	flex-wrap: wrap;
}

.columns.reverse{
	flex-direction: row-reverse;
}

.columns.center-vertical{
	align-items: center;
}

.columns.align-bottom{
	align-items: end;
}

.columns.center-horizontal{
	justify-content: center;
}

.columns .column{
	display: block;
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 20px;
}

.columns:not(.reverse):not(.multiline) .column:first-child{
	padding-left: 0px;
}

.columns:not(.reverse):not(.multiline) .column:last-child{
	padding-right: 0px;
}

.columns.reverse:not(.multiline) .column:first-child{
	padding-right: 0px;
}

.columns.reverse:not(.multiline) .column:last-child{
	padding-left: 0px;
}

.columns.gapless .column{
	padding-left: 0;
	padding-right: 0;
}

.columns .column.is-1{
	flex: none;
	width: 8.333%;
}

.columns .column.is-2{
	flex: none;
	width: 16.666%;
}

.columns .column.is-3{
	flex: none;
	width: 25%;
}

.columns .column.is-4{
	flex: none;
	width: 33.333%;
}

.columns .column.is-5{
	flex: none;
	width: 41.666%;
}

.columns .column.is-5-5{
	flex: none;
	width: 45.833%;
}

.columns .column.is-6{
	flex: none;
	width: 50%;
}

.columns .column.is-7{
	flex: none;
	width: 58.333%;
}

.columns .column.is-8{
	flex: none;
	width: 66.666%;
}

.columns .column.is-9{
	flex: none;
	width: 75%;
}

.columns .column.is-10{
	flex: none;
	width: 83.333%;
}

.columns .column.is-11{
	flex: none;
	width: 91.666%;
}

.columns .column.is-12{
	flex: none;
	width: 100%;
}


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

.button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	min-width: 200px;
	color: #09206d;
	background-color: #FFF;
	border: 1px solid #FFF;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.button + .button{
	margin-left: 20px;
}

.button:hover{
	opacity: .6;
	text-decoration: none;
	filter: unset;
}

.button.full-width{
	width: 100%;
}

.button.small{
	font-size: 12px;
	padding: 10px 20px;
}

.button.medium{} /* Default button size is medium */

.button.large{
	font-size: 16px;
	padding: 20px 40px;
}

.button.black{
	color: #FFF;
	background-color: #000;
	border: 1px solid #000;
}

.button.yellow{
	color: #000;
	background-color: #f5c657;
	border: 1px solid #f5c657;
}

.button.blue-lighter{
	color: #FFF;
	background-color: #3D95CE;
	border: 1px solid #3D95CE;
}

.button img{
	max-height: 25px;
	margin-right: 10px;
}

.button img:only-child{
	margin: 0;
}



/* --- Media Queries -------------------- */

@media all and (max-width: 960px){

	/* --- Generic Modifiers ---------------------- */
	
	.hide-tablet{
		display: none !important;
	}

	.show-tablet-block{
		display: block !important;
	}

	.show-tablet-inline-block{
		display: inline-block !important;
	}

	.show-tablet-inline{
		display: inline !important;
	}
}

@media all and (max-width: 768px){

	/* --- Core Styles ---------------------- */

	h1{
		font-size: 34px;
	}

	h2{
		font-size: 22px;
	}

	h3{
		font-size: 22px;
	}


	/* --- Generic Modifiers ---------------------- */
	
	.hide-mobile{
		display: none !important;
	}

	.show-mobile-block{
		display: block !important;
	}

	.show-mobile-flex{
		display: flex !important;
	}

	.show-mobile-inline-block{
		display: inline-block !important;
	}

	.show-mobile-inline{
		display: inline !important;
	}

	.panel,
	.panel.padding-10,
	.panel.padding-20,
	.panel.padding-30,
	.panel.padding-40,
	.panel.padding-60,
	.panel.padding-80{
		padding: 20px;
	}


	/* --- Containers & Sections -------------------- */

	.section{
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.section.small{
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.section.large{
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.section.xlarge{
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.section.xxlarge{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.section.no-padding-mobile{
		padding-top: 0;
		padding-bottom: 0;
	}

	.section.no-padding-top-mobile{
		padding-top: 0;
		padding-bottom: 0;
	}

	.section.no-padding-bottom-mobile{
		padding-top: 0;
		padding-bottom: 0;
	}

	.container{
		padding-left: 20px;
		padding-right: 20px;
	}

	/* --- Columns ---------------------- */
	
	.columns, .columns .column,
	.columns .column.is-1, .columns .column.is-2,
	.columns .column.is-3, .columns .column.is-4,
	.columns .column.is-5, .columns .column.is-5-5,
	.columns .column.is-6, .columns .column.is-7,
	.columns .column.is-8, .columns .column.is-9,
	.columns .column.is-10, .columns .column.is-11,
	.columns .column.is-12{
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	

	.column > img:first-child:last-child{
		margin-top: 40px;
	}
}