/* CSS RESET */
html, body, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background     : transparent;
	font-size      : 100%;
	vertical-align : baseline;
	margin         : 0;
	padding        : 0;
	border         : 0;
	outline        : 0;
}


body {
	line-height : 1;
}


blockquote, q {
	quotes : none;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content : "";
	content : none;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration : none;
}


del {
	text-decoration : line-through;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing  : 0;
	border-collapse : collapse;
}


/* CSS RESET */


@font-face {
	font-family : "Satoshi Variable";
	src         : url("/media/fonts/SatoshiVariable.ttf");
}


@font-face {
	font-family : "Satoshi Variable Italic";
	src         : url("/media/fonts/SatoshiVariableItalic.ttf");
}


@font-face {
	font-family : "Phosphor";
	src         : url("/media/fonts/phosphorSubset.ttf");
}


:root {
	--blackColor                 : #212121;
	--blackColorRGB              : 21, 21, 21;
	--blueOutline                : #0288d1;
	--darkBlueColor              : #0288d1;
	--darkOrangeFill             : #e64a19;
	--lightBlueFill              : #b3e5fc;
	--font                       : "Satoshi Variable";
	--fontPhosphor               : normal normal normal 1em/1 "Phosphor";
	--greyColor                  : rgba(21, 21, 21, 0.2);
	--lightBlueFillResourcesPage : #def2fc;
	--logoUrl                    : url("/media/logo.svg");
	--orangeFill                 : #ff5722;
	--primaryColor               : #4d22c8;
	--colorPrimary               : #4d22c8;
}


/* GLOBAL STYLES */
html, body {
	width           : 100%;
	min-height      : 100vh;
	font-family     : var(--font);
	display         : block;
	margin          : 0;
	padding         : 0;
	overflow-x      : hidden !important;
	scroll-behavior : smooth;
}


pageContainer {
	width      : 100%;
	min-height : 100vh;
	display    : flex;
	flex-flow  : column nowrap;
}


/* GLOBAL STYLES */


/* STYLES SHARED ACROSS PAGES */


a {
	color           : var(--orangeFill);
	text-decoration : underline;
	cursor          : pointer;
}


.ApplicationTemplate a,
.FormTemplate a {
	color : var(--darkTextColor);
}


.ApplicationTemplate .content .citation a {
	color       : #0288d1;
	margin-left : 10px;
}


a:hover {
	color : var(--darkOrangeFill);
}


*::before, *::after {
	font           : var(--fontPhosphor);
	font-size      : 50px;
	color          : var(--primaryColor);
	vertical-align : bottom;
}


h1, h2, h3, h4, h5, p, li, div {
	color          : var(--blackColor);
	letter-spacing : -0.02em;
}


h1 {
	font-size     : 55px;
	font-weight   : 500;
	line-height   : 100%;
	margin-bottom : 50px;
}


h2 {
	font-size      : 36px;
	font-weight    : 500;
	line-height    : 42px;
	text-align     : left;
	letter-spacing : -0.02em;
	margin-bottom  : 20px;
}


h3 {
	font-size   : 36px;
	font-weight : 500;
	line-height : 49px;
}


h4 {
	font-size   : 20px;
	font-weight : 500;
	line-height : 30px;
}


p, li, a, div {
	font-size   : 24px;
	font-weight : 400;
	line-height : 36px;
}


ul, ol {
	padding-left        : 30px;
	list-style-position : outside;
}


pageContent {
	margin        : 10px;
	margin-bottom : 50px;
}


/* STYLES SHARED ACROSS PAGES */


/* HEADER STYLES */

header {
	width           : 100%;
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	padding         : 6px 20px;
	box-sizing      : border-box;
}


header > a.logo {
	width             : 250px;
	min-height        : 48px;
	background-image  : url("/branding/logo.svg");
	background-repeat : no-repeat;
	background-size   : contain;
	display           : block;
}


header .links {
	display : flex;
}


header .links a {
	font-size       : 18px;
	font-weight     : 500;
	font-style      : normal;
	color           : var(--blackColor);
	line-height     : 18px;
	text-decoration : none;
	letter-spacing  : 0;
	margin-left     : 30px;
}


header .links a:hover {
	text-decoration : underline;
}


.FormTemplate header {
	display : none;
}


.FormTemplate pagecontent {
	margin : 0;
}


/* HEADER STYLES */

/* FOOTER STYLES */
footer {
	width            : 100%;
	background-color : var(--primaryColor);
	margin-top       : auto;
	padding-top      : 40px;
	padding-right    : 20px;
	padding-bottom   : 100px;
	padding-left     : 20px;
	box-sizing       : border-box;
}


.ApplicationTemplate footer,
.FormTemplate footer {
	background-color : transparent;
	display          : flex;
	flex-flow        : column;
	align-self       : center;
}


.ApplicationTemplate footer > hr,
.FormTemplate footer > hr {
	width         : 300px;
	height        : 1px;
	opacity       : 0.2;
	margin-top    : 30px;
	margin-bottom : 30px;
	border        : none;
	border-bottom : 1px solid black;
	border-radius : 100px;
}


#footerTop, #footerBottom {
	display : block;
}


#footerTop > *, #footerBottom > * {
	flex : 1;
}


footer .newsletterSignup, footer .links {
	display : block;
}


.ApplicationTemplate footer .links,
.FormTemplate footer .links {
	display         : flex;
	flex-flow       : row wrap;
	justify-content : center;
}


.ApplicationTemplate footer .rightsReserved,
.ApplicationTemplate footer .copyright,
.FormTemplate footer .rightsReserved,
.FormTemplate footer .copyright {
	text-align : center;
}


.ApplicationTemplate footer .links hr,
.FormTemplate footer .links hr {
	display : none;
}


.ApplicationTemplate .links > div,
.FormTemplate .links > div {
	margin-right : 20px;
}


.ApplicationTemplate .links > div:last-child {
	width : 100%;
}


#footerTop .newsletterSignup {
	display : none;
}


#footerTop a.logo {
	width               : 250px;
	min-height          : 50px;
	background-image    : url("/branding/logoWhiteMono.svg");
	background-repeat   : no-repeat;
	background-position : center center;
	background-size     : contain;
	display             : block;
	margin-bottom       : 40px;
}


.signUpMessage {
	max-width     : 500px;
	font-size     : 22px;
	margin-bottom : 50px;
}


.signUpEmail {
	width            : 100%;
	background-color : transparent;
	color            : rgba(var(--blackColorRGB), 0.5);
	display          : flex;
	border-bottom    : 2px solid var(--blackColor);
}


.signUpEmail div {
	font-size   : 20px;
	line-height : 30px;
	margin-left : 5px;
}


.signUpEmail button, #backToTopButton {
	background  : none;
	font-size   : 20px;
	font-weight : 500;
	font-style  : normal;
	color       : #fff;
	line-height : 36px;
	margin-left : auto;
	border      : none;
	cursor      : pointer;
}


#backToTopButton {
	font-size     : 14px;
	display       : block;
	margin-top    : auto;
	margin-left   : auto;
	padding-right : 25px;
	padding-left  : 25px;
	user-select   : none;
	border        : 1px solid var(--blackColor);
	border-radius : 500px;
}


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


#backToTopButton:hover {
	background : var(--blackColor);
	color      : white;
}


#footerBottom {
	align-items : end;
}


#copyrightMobile, #copyrightDesktop, #footerBottom .links a {
	font-size       : 16px;
	font-weight     : 400;
	color           : #fff;
	line-height     : 36px;
	text-decoration : none;
	user-select     : none;
}


#footerBottom .links a:hover {
	text-decoration : underline;
}


#copyrightMobile {
	margin-top : 50px;
}


#copyrightDesktop {
	display : none;
}


/* FOOTER STYLES */

/* ARTICLE TEMPLATE STYLES */
.ArticleTemplate pageContent {
	width  : 100%;
	margin : 0;
}


.ArticleTemplate header {
	background : var(--lightBlueFill);
}


.ArticleTemplate introductionBackground {
	width           : 100%;
	background      : var(--lightBlueFill);
	display         : flex;
	justify-content : center;
	margin-bottom   : 50px;
}


.ArticleTemplate introduction {
	max-width  : 1900px;
	background : var(--lightBlueFill);
	display    : flex;
	flex-flow  : column nowrap;
}


.ArticleTemplate introduction > h1,
.ArticleTemplate introduction > div {
	margin-right : 20px;
	margin-left  : 20px;
}


.ArticleTemplate introduction > div.subtitle {
	font-size   : 20px;
	font-weight : 400;
	line-height : 30px;
}


.ArticleTemplate introduction h1 {
	background-image      : url("/media/horizontalDottedBorder.svg");
	background-repeat     : repeat-x;
	background-position-y : 100%;
	font-size             : 48px;
	line-height           : 48px;
	margin-bottom         : 20px;
	padding-bottom        : 20px;
}


.ArticleTemplate introduction div.author {
	font-size       : 18px;
	font-weight     : 400;
	line-height     : 24px;
	text-decoration : none;
	letter-spacing  : 0;
	margin-top      : 20px;
	margin-bottom   : 50px;
}


.ArticleTemplate introduction div.author span {
	font-size   : 18px;
	font-weight : 700;
	color       : var(--darkBlueColor);
}


.ArticleTemplate introduction .articleDate {
	font-size   : 18px;
	font-weight : 400;
	line-height : 24px;
	display     : inline;
	margin-left : 10px;
}


.ArticleTemplate introduction .articleDate::before {
	background     : var(--darkTextColor);
	background     : black;
	vertical-align : super;
	display        : inline-block;
	margin-right   : 10px;
	padding        : 2px;
	content        : "";
	border-radius  : 1000px;
}


.ArticleTemplate introduction img {
	/*margin-top : 40px;*/
}


.ArticleTemplate introduction a.section {
	font-family     : Satoshi Variable;
	font-size       : 18px;
	font-weight     : 500;
	color           : var(--darkBlueColor);
	line-height     : 24px;
	text-align      : left;
	text-decoration : none;
	letter-spacing  : 0em;
	text-transform  : uppercase;
	margin          : 0;
	margin-bottom   : 10px;
}


.ArticleTemplate introduction a.section:hover {
	opacity             : 0.5;
	text-decoration     : underline;
	transition-duration : 100ms;
	transition-property : all;
}


.ArticleTemplate .articleContent {
	margin-right  : 20px;
	margin-bottom : 40px;
	margin-left   : 20px;
}


.ArticleTemplate .articleContent h2 {
	margin-top : 50px;
}


.ArticleTemplate .articleContent section {
	margin-bottom : 20px;
	padding       : 20px;
	border-left   : 2px solid var(--darkBlueColor);
}


.ArticleTemplate .articleContent div {
	font-size     : 20px;
	font-weight   : 400;
	line-height   : 30px;
	margin-bottom : 40px;
}


.ArticleTemplate .articleContent div:last-child {
	margin-bottom : 0;
}


.ArticleTemplate .articleContent section h4 {
	font-size      : 24px;
	font-weight    : 700;
	letter-spacing : 0em;
	margin-bottom  : 10px;
}


.ArticleTemplate .articleContent section div.bold {
	font-size     : 22px;
	font-weight   : 700;
	margin-top    : -45px;
	margin-bottom : 40px;
}


.ArticleTemplate .articleContent .faq expandable question div {
	font-weight : 700;
	display     : flex;
}


.ArticleTemplate .articleContent .faq expandable {
	display    : block;
	padding    : 20px;
	border     : 2px solid transparent;
	border-top : 2px solid var(--greyColor);
	cursor     : pointer;
}


.ArticleTemplate .articleContent .faq expandable:last-child {
	border-bottom : 1px solid var(--greyColor);
}


.ArticleTemplate .articleContent .faq expandable question {
	display : flex;
}


.ArticleTemplate .articleContent .faq expandable:hover {
	background-color : var(--lightBlueFill);
	border-color     : var(--darkBlueColor);
}


.ArticleTemplate .articleContent .faq expandable question::after {
	max-height  : 30px;
	font-size   : 30px;
	color       : black;
	align-self  : center;
	margin-left : auto;
	content     : "\f31a";
}


.ArticleTemplate .articleContent .faq expandable.expanded question::after {
	transform : rotate(180deg);
}


.ArticleTemplate .articleContent .faq expandable answer {
	display : none;
}


.ArticleTemplate .articleContent .faq expandable.expanded answer {
	display    : block;
	margin-top : 20px;
}


@media screen and (min-device-width : 1500px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 3000px) and (-webkit-min-device-pixel-ratio : 2) {

	.ArticleTemplate pageContent {
		margin-bottom : 50px;
	}

	.ArticleTemplate introduction {
		flex-flow : row nowrap;
	}


	.ArticleTemplate introduction > div {
		flex         : 1;
		order        : 5;
		margin-right : 150px;
		margin-left  : 40px;
	}

	.ArticleTemplate introduction img {
		max-width  : 50%;
		flex       : 1;
		object-fit : cover;
	}

	.ArticleTemplate introduction h1 {
		background-image      : url("/media/horizontalDottedBorder.svg");
		background-repeat     : repeat-x;
		background-position-y : 100%;
		font-size             : 84px;
		font-weight           : 500;
		line-height           : 84px;
		text-align            : left;
		letter-spacing        : -0.03em;
		margin-bottom         : 50px;
		padding-bottom        : 50px;
	}

	.ArticleTemplate introduction .subtitle {
		font-size      : 20px;
		font-weight    : 400;
		line-height    : 30px;
		letter-spacing : 0;
	}

	.ArticleTemplate introduction div.author {
		font-size       : 18px;
		font-weight     : 400;
		line-height     : 24px;
		text-align      : left;
		text-decoration : none;
		letter-spacing  : 0;
		margin-top      : 20px;
		margin-bottom   : 50px;
	}

	.ArticleTemplate introduction div.author span {
		font-size      : 18px;
		font-weight    : 700;
		color          : var(--darkBlueColor);
		line-height    : 24px;
		text-align     : left;
		letter-spacing : 0em;
	}

	.ArticleTemplate .articleContent {
		max-width     : 900px;
		margin-right  : auto;
		margin-bottom : 40px;
		margin-left   : auto;
	}

	.ArticleTemplate .articleContent h2 {
		font-size      : 48px;
		font-weight    : 500;
		line-height    : 64px;
		text-align     : left;
		letter-spacing : -0.02em;
		margin-top     : 50px;
	}

}


@media screen and (min-device-width : 2000px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 4000px) and (-webkit-min-device-pixel-ratio : 2) {

	.ArticleTemplate introduction > h1, .ArticleTemplate introduction > div {
		flex         : 1;
		order        : 5;
		margin-right : 300px;
		margin-left  : 100px;
	}

	.ArticleTemplate .articleContent {
		max-width : 1200px;
	}

	.ArticleTemplate pageContent introduction .articleHead {
		max-width    : 900px;
		margin-right : auto;
	}
}


/* ARTICLE TEMPLATE STYLES */
/* RESOURCES TEMPLATE STYLES */
.ResourcesTemplate pageContent {
	display            : flex;
	flex-flow          : column nowrap;
	margin             : 0;
	margin-top         : 40px;
	margin-bottom      : 40px;
	overflow           : clip;
	overflow           : hidden;
	--horizontalMargin : 20px;
}


.ResourcesTemplate pageContent > * {
	margin-right : var(--horizontalMargin);
	margin-left  : var(--horizontalMargin);
}


.ResourcesTemplate pageContent h1 {
	margin-bottom : 30px;
}


.ResourcesTemplate pageContent h2 {
	margin-bottom : 0;
}


.ResourcesTemplate .sectionSelector a:hover {
	background : var(--lightBlueFill);
}


.ResourcesTemplate .sectionSelector a:last-child {
	border-bottom : 2px solid var(--blackColor);
}


.ResourcesTemplate .sectionSelector {
	display   : flex;
	flex-flow : column nowrap;
}


.ResourcesTemplate .sectionSelector a {
	text-decoration : none;
	display         : flex;
	align-items     : center;
	padding         : 20px;
	padding-right   : 0;
	border          : 2px solid var(--blackColor);
	border-bottom   : none;
}


.ResourcesTemplate .sectionSelector a:last-child {
	border-bottom : 2px solid var(--blackColor);
}


.ResourcesTemplate .sectionSelector a:hover {
	background : var(--lightBlueFill);
}


.ResourcesTemplate .sectionSelector a::before {
	font-size    : 30px;
	margin-right : 20px;
}


.ResourcesTemplate .sectionSelector a:nth-child(1)::before {
	content : "\f397";
}


.ResourcesTemplate .sectionSelector a:nth-child(2)::before {
	content : "\f2eb";
}


.ResourcesTemplate .sectionSelector a:nth-child(3)::before {
	content : "\f620";
}


.ResourcesTemplate .sectionSelector a:nth-child(4)::before {
	content : "\f381";
}


.ResourcesTemplate h4, .ResourcesTemplate .articleCard div, .ResourcesTemplate .section a {
	font-size      : 20px;
	font-weight    : 700;
	line-height    : 30px;
	text-align     : left;
	letter-spacing : 0;
}


.ResourcesTemplate .sectionTitle {
	font-size       : 36px;
	font-weight     : 500;
	line-height     : 36px;
	text-align      : left;
	letter-spacing  : -0.03em;
	display         : flex;
	flex-flow       : row nowrap;
	justify-content : space-between;
}


.ResourcesTemplate .articleCard {
	display         : flex;
	flex-flow       : row nowrap;
	justify-content : space-between;
	margin-top      : 30px;
	padding-bottom  : 30px;
	border-bottom   : 1px solid var(--greyColor);
	cursor          : pointer;
}


.ResourcesTemplate .articleCard div {
	max-width    : 100%;
	font-size    : 20px;
	font-weight  : 400;
	margin-right : 20px;
}


.ResourcesTemplate .section {
	margin-top    : 50px;
	margin-bottom : 50px;
}


.ResourcesTemplate div.section:nth-of-type(2n+1) {
	background-color : var(--lightBlueFillResourcesPage);
	margin           : 0;
	padding          : calc(var(--horizontalMargin) + 20px) var(--horizontalMargin) var(--horizontalMargin);
}


.ResourcesTemplate .section a {
	color           : var(--darkBlueColor);
	text-decoration : none;
}


.ResourcesTemplate .articleCard h4 {
	font-size     : 24px;
	font-weight   : 500;
	margin-bottom : 10px;
}


.ResourcesTemplate .articleCard:hover h4 {
	text-decoration : underline;
}


.ResourcesTemplate .articleCard img {
	width      : 100px;
	height     : 100px;
	display    : block;
	order      : 5;
	object-fit : cover;
}


.ResourcesTemplate .section .sectionButton {
	margin-top : 20px;
}


.ResourcesTemplate .section .sectionButton a {
	font-size      : 18px;
	line-height    : 18px;
	text-transform : uppercase;
}


.ResourcesTemplate .section .sectionButton a:hover {
	opacity             : 0.5;
	text-decoration     : underline;
	transition-duration : 100ms;
	transition-property : all;
}


.ResourcesTemplate .section .desktopOnly {
	display : none;
}


@media screen and (min-device-width : 1100px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 2200px) and (-webkit-min-device-pixel-ratio : 2) {
	.ResourcesTemplate pageContent {
		margin-bottom         : 50px;
		--heroImageDimensions : calc(25vw - 20px - 0.5 * var(--horizontalMargin));
		--horizontalMargin    : 40px;
	}

	.ResourcesTemplate .sectionSelector {
		flex-flow     : row nowrap;
		margin-top    : 30px;
		margin-bottom : 10px;
	}

	.ResourcesTemplate .sectionSelector a {
		flex         : 1;
		border       : 2px solid var(--blackColor);
		border-right : none;
	}

	.ResourcesTemplate .sectionSelector a:last-child {
		border-right : 2px solid var(--blackColor);
	}

	.ResourcesTemplate .sectionSelector a::before {
		font-size : 50px;
	}

	.ResourcesTemplate pageContent > div.section:nth-of-type(2n+1) {
		margin-right : 0;
		margin-left  : 0;
		padding      : 70px var(--horizontalMargin);
	}

	.ResourcesTemplate .section .articles {
		display         : flex;
		flex-flow       : row nowrap;
		justify-content : space-between;
	}

	.ResourcesTemplate .articleCard {
		flex            : 1;
		flex-flow       : column nowrap;
		justify-content : start;
		padding-bottom  : 30px;
		border          : none;
	}

	.ResourcesTemplate .section.default .articles .articleCard {
		width     : var(--heroImageDimensions);
		min-width : var(--heroImageDimensions);
		max-width : var(--heroImageDimensions);
	}

	.ResourcesTemplate .articleCard img {
		order : 0;
	}

	.ResourcesTemplate .section.default .articles .articleCard img {
		width     : var(--heroImageDimensions);
		min-width : var(--heroImageDimensions);
		max-width : var(--heroImageDimensions);
		height    : var(--heroImageDimensions);
	}

	.ResourcesTemplate .section.tall .articleList .articleCard img {
		min-width    : 28%;
		max-width    : 28%;
		height       : 150px;
		margin-right : 20px;
	}

	.ResourcesTemplate .section.tall .articles > .articleCard img {
		width        : auto;
		min-height   : 90%;
		margin-right : 40px;
	}

	.ResourcesTemplate .section .articles > .articleCard h4 {
		margin-top : 20px;
	}

	.ResourcesTemplate .section.tall .articles > .articleCard h4 {
		margin-top : 20px;
	}

	.ResourcesTemplate .section.tall .articles > * {
		width : 50%;
	}

	.ResourcesTemplate .section.tall .articleList .articleCard {
		flex-flow : row nowrap;
	}

	.ResourcesTemplate .section .desktopOnly {
		display    : block;
		align-self : end;
	}

	.ResourcesTemplate .section .mobileOnly {
		display : none;
	}
}


@media screen and (min-device-width : 1500px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 3000px) and (-webkit-min-device-pixel-ratio : 2) {


	.ResourcesTemplate pageContent {
		max-width             : 1600px;
		margin-right          : auto;
		margin-left           : auto;
		--heroImageDimensions : 335px;
	}

	.ResourcesTemplate .sectionSelector a {
		padding-top    : 35px;
		padding-right  : 50px;
		padding-bottom : 35px;
		padding-left   : 50px;
	}
}


/* RESOURCES TEMPLATE STYLES */
/* RESOURCES SECTION TEMPLATE STYLES */

.ResourcesSectionTemplate pageContent {
	display            : flex;
	flex-flow          : column nowrap;
	margin             : 0;
	margin-top         : 40px;
	margin-bottom      : 40px;
	overflow           : clip;
	overflow           : hidden;
	--horizontalMargin : 20px;
}


.ResourcesSectionTemplate pageContent > * {
	margin-right : var(--horizontalMargin);
	margin-left  : var(--horizontalMargin);
}


.ResourcesSectionTemplate pageContent .heading {
	display     : flex;
	align-items : center;
}


.ResourcesSectionTemplate pageContent h1 {
	font-size     : 64px;
	line-height   : 78px;
	margin-bottom : 0;
}


.ResourcesSectionTemplate pageContent .backButton {
	display : none;
}


.ResourcesSectionTemplate h4, .ResourcesSectionTemplate .articleCard div, .ResourcesSectionTemplate .articles a {
	font-size      : 20px;
	font-weight    : 700;
	line-height    : 30px;
	text-align     : left;
	letter-spacing : 0;
}


.ResourcesSectionTemplate .articles a {
	color           : var(--darkBlueColor);
	text-decoration : none;
}


.ResourcesSectionTemplate .articleCard h4 {
	font-size     : 24px;
	font-weight   : 500;
	margin-bottom : 10px;
}


.ResourcesSectionTemplate .articleCard:hover h4 {
	text-decoration : underline;
}


.ResourcesSectionTemplate .articleCard {
	display         : flex;
	flex-flow       : row nowrap;
	justify-content : space-between;
	margin-top      : 30px;
	padding-bottom  : 30px;
	border-bottom   : 1px solid var(--greyColor);
	cursor          : pointer;
}


.ResourcesSectionTemplate .articleCard img {
	width      : 100px;
	height     : 100px;
	display    : block;
	order      : 5;
	object-fit : cover;
}


.ResourcesSectionTemplate .articleCard div {
	max-width    : 100%;
	font-size    : 20px;
	font-weight  : 400;
	margin-right : 20px;
}


@media screen and (min-device-width : 1100px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 2200px) and (-webkit-min-device-pixel-ratio : 2) {
	.ResourcesSectionTemplate pageContent {
		margin-bottom         : 50px;
		--heroImageDimensions : calc(25vw - 20px - 0.5 * var(--horizontalMargin));
		--horizontalMargin    : 130px;
	}


	.ResourcesSectionTemplate .articles {
		display         : flex;
		flex-flow       : row wrap;
		justify-content : space-between;
	}

	.ResourcesSectionTemplate .articleCard {
		flex            : 1;
		flex-flow       : column nowrap;
		justify-content : start;
		padding-bottom  : 30px;
		border          : none;
	}

	.ResourcesSectionTemplate .articles .articleCard {
		width     : var(--heroImageDimensions);
		min-width : var(--heroImageDimensions);
		max-width : var(--heroImageDimensions);
	}

	.ResourcesSectionTemplate .articleCard img {
		order : 0;
	}

	.ResourcesSectionTemplate .articles .articleCard img {
		width     : var(--heroImageDimensions);
		min-width : var(--heroImageDimensions);
		max-width : var(--heroImageDimensions);
		height    : var(--heroImageDimensions);
	}

	.ResourcesSectionTemplate .articles > .articleCard h4 {
		margin-top : 20px;
	}

	.ResourcesSectionTemplate pageContent .backButton {
		width               : 70px;
		height              : 70px;
		background          : none;
		color               : var(--orangeFill);
		display             : block;
		margin-right        : 20px;
		content             : "asdasd";
		user-select         : none;
		border              : 1px solid var(--blackColor);
		border-radius       : 100px;
		transition-duration : 100ms;
		transition-property : all;
		cursor              : pointer;
	}

	.ResourcesSectionTemplate pageContent .heading {
		margin-left : calc(var(--horizontalMargin) - 90px);
	}

	.ResourcesSectionTemplate pageContent .backButton:hover {
		background : var(--blackColor);
	}

	.ResourcesSectionTemplate pageContent .backButton::before {
		content : "\f31b";
	}

	.ResourcesSectionTemplate .articles .articleCard:last-child:nth-child(4n+3) {
		margin-right : calc(var(--heroImageDimensions) + 27px);
	}
}


@media screen and (min-device-width : 1600px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 3200px) and (-webkit-min-device-pixel-ratio : 2) {
	.ResourcesSectionTemplate pageContent {
		max-width             : 1600px;
		margin-right          : auto;
		margin-left           : auto;
		--heroImageDimensions : 310px;
	}

	.ResourcesSectionTemplate pageContent .heading {
		margin-left : 10px;
	}

	.ResourcesSectionTemplate pageContent .backButton {
		margin-right : 50px;
	}

	.ResourcesSectionTemplate .articles .articleCard:last-child:nth-child(4n+3) {
		margin-right : calc(var(--heroImageDimensions) + 34px);
	}
}


/* RESOURCES SECTION TEMPLATE STYLES */
/* UNSUBSCRIBE TEMPLATE */

.UnsubscribeTemplate pageContent {
	max-width      : 800px;
	margin         : auto;
	padding-top    : 0;
	padding-right  : 20px;
	padding-bottom : 0;
	padding-left   : 20px;
}


.UnsubscribeTemplate pageContent h1 {
	font-size     : 30px;
	font-weight   : 600;
	line-height   : 36px;
	margin-top    : 52px;
	margin-right  : 0;
	margin-bottom : 0;
	margin-left   : 0;
}


.UnsubscribeTemplate pageContent h2,
.UnsubscribeTemplate pageContent .unsubscribeMessage {
	font         : var(--smallFont);
	margin-right : 0;
	margin-left  : 0;
	line-height  : 1.35;
	font-size    : 20px;
}


.UnsubscribeTemplate pageContent h2 {
	margin-top    : 20px;
	margin-bottom : 0;
}


.UnsubscribeTemplate .unsubscribeMessage {
	margin-bottom : 15px;
}


.UnsubscribeTemplate pageContent input {
	width          : 100%;
	background     : #f3f3f3;
	font           : var(--smallFont);
	color          : #666;
	padding-top    : 10px;
	padding-right  : 15px;
	padding-bottom : 10px;
	padding-left   : 15px;
	border         : none;
	border-bottom  : 2px solid var(--primaryColor);
	border-radius  : 3px;
	font-size      : 18px;
}


.UnsubscribeTemplate pageContent button {
	background    : var(--primaryColor);
	color         : white;
	margin-top    : 40px;
	margin-right  : 0;
	margin-bottom : 100px;
	margin-left   : 0;
	padding       : 15px 50px;
	border        : none;
	border-radius : 7px;
}


/* UNSUBSCRIBE TEMPLATE */

/* LEGAL TEMPLATE STYLES */

.legalContent h2 {
	margin-top    : 50px;
	margin-bottom : 20px;
}


.legalContent div {
	margin-top    : 30px;
	margin-bottom : 10px;
}


.legalContent input {
	background  : none;
	font-size   : 20px;
	font-weight : 500;
	font-style  : normal;
	color       : var(--blackColor);
	line-height : 36px;
	margin-left : auto;
	border      : none;
	cursor      : pointer;
}


/* LEGAL TEMPLATE STYLES */
/* HOMEPAGE STYLES */
.HomeTemplate pageContent {
	margin : 0;
}


.HomeTemplate section2, .HomeTemplate section3, .HomeTemplate section4, .HomeTemplate section5 {
	max-width     : 1900px;
	padding-right : 20px;
	padding-left  : 20px;
}


.HomeTemplate section1 p br, .HomeTemplate section2 br, .HomeTemplate section3 br, .HomeTemplate section4 br, footer br {

	display : none;
}


.HomeTemplate section1 {
	width     : 100%;
	color     : var(--blackColor);
	display   : flex;
	flex-flow : column nowrap;
}


.HomeTemplate section1 > .left {
	width       : 100%;
	max-width   : 50%;
	order       : 2;
	padding-top : 20px;
}


.HomeTemplate section1 h1 {
	display : none;
}


.HomeTemplate section1 h1.circledCheckmark::after {
	font           : var(--fontPhosphor);
	color          : var(--primaryColor);
	vertical-align : bottom;
	content        : "\f33f";
}


.HomeTemplate section1 p {
	font-size      : 20px;
	font-weight    : 400;
	line-height    : 30px;
	letter-spacing : 0;
	padding-right  : 20px;
	padding-bottom : 30px;
	padding-left   : 20px;
}


.HomeTemplate section1 #formApplication1 .formContainer {
	max-width     : 100vw;
	margin-bottom : 30px;
}


.HomeTemplate section2 {
	display     : flex;
	flex-flow   : column wrap;
	align-items : center;
	margin-top  : 20px;
}


.HomeTemplate section2 h3 {
	width         : 100%;
	line-height   : 42px;
	text-align    : center;
	margin-bottom : 53px;
}


.HomeTemplate section2 .borderedStack {
	width          : 100%;
	max-width      : 420px;
	display        : flex;
	flex-flow      : column nowrap;
	padding-top    : 20px;
	padding-bottom : 23px;
	border         : 1px solid var(--blackColor);
	border-bottom  : none;
}


.HomeTemplate section2 .borderedStack div {
	margin-bottom : 25px;
}


.HomeTemplate section2 .borderedStack:last-child {
	border-bottom : 1px solid var(--blackColor);
}


.HomeTemplate section2 .borderedStack * {
	text-align : center;
}


.HomeTemplate section2 .borderedStack h2 {
	font-size          : 55px;
	font-weight        : 700;
	display            : flex;
	flex-flow          : column nowrap;
	align-items        : center;
	margin-bottom      : 15px;
	--section2IconSize : 50px;
}


.HomeTemplate section2 .borderedStack h2:before {
	width            : 100px;
	background-color : white;
	font-size        : var(--section2IconSize);
	display          : block;
	margin-top       : calc(-1 * var(--section2IconSize));
	margin-bottom    : calc(var(--section2IconSize) / 2);
}


.HomeTemplate section2 .borderedStack.bookmark h2:before {
	content : "\f2ea";
}


.HomeTemplate section2 .borderedStack.student h2:before {
	content : "\f5bd";
}


.HomeTemplate section2 .borderedStack.book h2:before {
	content : "\f2e4";
}


.HomeTemplate section3 {
	background-color : var(--primaryColor);
	display          : flex;
	flex-flow        : column nowrap;
	align-items      : center;
	margin-top       : 50px;
	margin-bottom    : 50px;
	padding-top      : 50px;
	padding-right    : 0;
	padding-left     : 0;
}


.HomeTemplate section3 * {
	color : #fff;
}


.HomeTemplate section3 h3 {
	text-align    : center;
	margin-bottom : 20px;
	padding-right : 40px;
	padding-left  : 40px;
}


.HomeTemplate section3 #americanMap {
	width          : 100%;
	max-width      : 100%;
	min-height     : 53vw;
	padding-bottom : 40px;
	user-select    : none;
}


.HomeTemplate section3 right {
	padding : 10px;
}


.HomeTemplate section3 right div {
	font-size     : 22px;
	font-weight   : 500;
	line-height   : 30px;
	margin-bottom : 40px;
}


.HomeTemplate section3 right div:before {
	font           : var(--fontPhosphor);
	font-size      : 28px;
	color          : #fff;
	vertical-align : bottom;
	margin-right   : 10px;
	content        : "\f349";
}


.HomeTemplate section4 {
	display       : block;
	margin-bottom : 50px;
}


.HomeTemplate section4 .sectionHeader {
	display         : flex;
	flex-flow       : column nowrap;
	justify-content : space-between;
	margin-bottom   : 30px;
}


.HomeTemplate section4 .sectionHeader h2 {
	margin-bottom : 30px;
}


.HomeTemplate section4 .programsGrid {
	display   : flex;
	flex-flow : row wrap;
}


.HomeTemplate section4 .programsGrid > div {
	width       : calc(50% - 10px);
	height      : 112px;
	min-height  : 112px;
	max-height  : 112px;
	text-align  : center;
	display     : flex;
	margin      : 5px;
	user-select : none;
	border      : 2px solid rgba(0, 0, 0, 0.1);
	cursor      : pointer;
}


.HomeTemplate section4 .programsGrid > div:hover {
	background-color : var(--primaryColor);
	box-shadow       : 0px 8px 15px var(--primaryColor);
}


.HomeTemplate section4 .programsGrid > div:hover div {
	color : #fff;
}


.HomeTemplate section4 .programsGrid > div > div {
	font-size   : 18px;
	font-weight : 700;
	line-height : 24px;
	margin      : auto;
}


.HomeTemplate section5 {
	width     : 100%;
	display   : flex;
	flex-flow : column nowrap;
	padding   : 0;
}


.HomeTemplate section5 .articleLink {
	width               : 100%;
	min-height          : 300px;
	background-repeat   : no-repeat;
	background-position : 100% 50%;
	background-size     : cover;
	display             : flex;
	align-items         : end;
	padding             : 30px;
	cursor              : pointer;
}


.HomeTemplate .articleLink div {
	font-size      : 36px;
	font-weight    : 500;
	color          : white;
	line-height    : 100%;
	letter-spacing : -0.02em;
	margin-top     : auto;
	user-select    : none;
	cursor         : pointer;
}


.HomeTemplate .articleLink:hover div, .articleLink div:hover {
	text-decoration : underline;
}


.HomeTemplate .collegePlanning {
	background-image : url("/media/collegePlanningMobile.png");
}


.HomeTemplate .compareSchools {
	background-image : url("/media/compareSchoolsMobile.png");
}


.HomeTemplate .findTopSchools {
	background-image : url("/media/findTopSchoolsMobile.png");
}


/* HOMEPAGE STYLES */


/* MEDIA QUERIES */

/* EMPTY OUT THE HOMEPAGE IF ITS THANKYOU PAGE IN THE FORM */

pageContent.thankYouPage section1 {
	background : none;
	padding    : 0;
}


pageContent.thankYouPage section1 .left, pageContent.thankYouPage section2, pageContent.thankYouPage section3, pageContent.thankYouPage section4, pageContent.thankYouPage section5 {
	display : none;
}


pageContent.thankYouPage .changeSchool {
	display : none;
}


pageContent.thankYouPage .thankContainer .school {
	width : 100%;
}


/* EMPTY OUT THE HOMEPAGE IF ITS THANKYOU PAGE IN THE FORM */


/* RECAPTCHA */
.grecaptcha-badge {
	display : none;
}


/* RECAPTCHA */


/* CONFLICTS WITH FORM APPLICATION */
.HomeTemplate .formApplication .left {
	max-width : inherit;
	transform : translateZ(0);
	max-width : var(--formMaxWidth);
}


/* CONFLICTS WITH FORM APPLICATION */


/* SUPPORT NARROW SCREENS */
@media screen and (max-device-width : 400px) and (-webkit-min-device-pixel-ratio : 1) , screen and (max-device-width : 800px) and (-webkit-min-device-pixel-ratio : 2) {
	.HomeTemplate section1 #formApplication1 .formContainer {
		margin-left : 0;
	}

	header .links a {
		font-size   : 16px;
		margin-left : 10px;
	}

	header {
		padding-top    : 5px;
		padding-bottom : 0px;
	}


}


/* SUPPORT NARROW SCREENS */


@media screen and (min-device-width : 500px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 1000px) and (-webkit-min-device-pixel-ratio : 2) {

	/* HOMEPAGE STYLES */
	.HomeTemplate section2 br, .HomeTemplate section3 br {
		display : inline;
	}


	.HomeTemplate section1 #formApplication1 .formContainer {
		width : 100%;
	}

	header .links {
		margin-bottom : 6px;
	}

	/* HOMEPAGE STYLES */

}


@media screen and (min-device-width : 600px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 1200px) and (-webkit-min-device-pixel-ratio : 2) {
	/* HEADER */
	header .links a {
		font-size   : 20px;
		margin-left : 70px;
	}

	/* HEADER */
}


@media screen and (min-device-width : 700px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 1400px) and (-webkit-min-device-pixel-ratio : 2) {


	/* HOMEPAGE STYLES */
	.HomeTemplate section5 .articleLink {
		min-height : 400px;
	}

	/* HOMEPAGE STYLES */
	/* LEGAL TEMPLATE STYLES */
	.legalContent, #legalPageHeading {
		margin-right : 20px;
		margin-left  : 20px;
	}

	/* LEGAL TEMPLATE STYLES */
}


@media screen and (min-device-width : 800px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 1600px) and (-webkit-min-device-pixel-ratio : 2) {


	.HomeTemplate section1 .left {
		background-position : right -160px top 9px;
	}

	header > a.logo {
		background-image : url("/branding/logo.svg");
	}

}


@media screen and (min-device-width : 900px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 1800px) and (-webkit-min-device-pixel-ratio : 2) {

	header {
		padding : 40px;
	}


	h1 {
		font-size : 72px;
	}

	h2 {
		font-size   : 48px;
		line-height : 65px;
	}

	/* HOMEPAGE STYLES */
	.HomeTemplate section4 .sectionHeader {
		text-align      : center;
		align-items     : center;
		justify-content : center;
	}

	.HomeTemplate section4 .programsGrid > div {
		width : calc(33% - 8px);
	}

	/* HOMEPAGE STYLES */
}


@media screen and (min-device-width : 1000px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 2000px) and (-webkit-min-device-pixel-ratio : 2) {
	.HomeTemplate section1 {
		background         : linear-gradient(180deg, rgba(0, 0, 0, 0) 73.29%, #f6fbfe 98.93%), url("/media/bannerBackground.png");
		background-repeat  : no-repeat;
		background-size    : cover;
		-moz-box-shadow    : inset 0px -25px 5px 0px rgba(255, 255, 255, 0.73);
		-webkit-box-shadow : inset 0px -25px 5px 0px rgba(255, 255, 255, 0.73);
		box-shadow         : inset 0 -30px 100px 0px rgba(255, 255, 255, 0.9);
	}

	.HomeTemplate section1 .left {
		background : none;
	}

	.HomeTemplate section1 .left p {
		text-align : center;
	}


}


.HomeTemplate .formApplication .thankContainer {
	max-width : 700px;
}


.HomeTemplate .formApplication #clickListings {
	max-height : 400px;
	overflow-y : auto;
}


@media screen and (min-device-width : 1100px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 2200px) and (-webkit-min-device-pixel-ratio : 2) {


	pageContent {
		margin-bottom : 100px;
	}


	/* FOOTER */
	footer {
		padding-top   : 30px;
		padding-right : 40px;
		padding-left  : 40px;
	}

	.ApplicationTemplate footer {

	}

	footer br {
		display : inline;
	}

	#footerTop, #footerBottom {
		display   : flex;
		flex-flow : row nowrap;
	}


	footer .newsletterSignup, footer .links {
		display   : flex;
		flex-flow : column nowrap;
	}


	#footerTop {
		margin-bottom : 100px;
	}


	#footerTop a.logo {
		width               : 250px;
		background-position : 0;
		margin-right        : calc(50% - 180px);
	}


	.signUpMessage {
		max-width   : unset;
		font-size   : 28px;
		line-height : 120%;
	}


	.signUpEmail {
		width     : 470px;
		max-width : 470px;
	}


	#footerBottom .bottomRight {
		display         : flex;
		flex-flow       : row nowrap;
		justify-content : space-between;
	}


	#copyrightDesktop {
		display    : block;
		margin-top : auto;
	}


	#copyrightMobile {
		display : none;
	}

	/* FOOTER */
	/* STYLES SHARED ACROSS PAGES */
	h1 {
		font-size : 128px;
	}

	/* STYLES SHARED ACROSS PAGES */
	/* HOMEPAGE STYLES */
	.HomeTemplate section1 {
		flex-flow       : row nowrap;
		justify-content : flex-start;
		padding-bottom  : 200px;
	}

	.HomeTemplate section1 h1 {
		display       : block;
		margin-bottom : 0px;
		padding-right : 20px;
		padding-left  : 20px;
	}


	.HomeTemplate section1 .left {
		order      : 0;
		margin-top : 20px;
	}

	.HomeTemplate section1 .left p {
		text-align : left;
	}

	.HomeTemplate section1 .left p br {
		display : inline;
	}

	.HomeTemplate section2 {
		flex-flow       : row wrap;
		justify-content : center;
	}

	.HomeTemplate section2 h3 {
		width         : 100%;
		margin-bottom : 100px;
	}

	.HomeTemplate section2 .borderedStack {
		width        : 33%;
		border       : 1px solid var(--blackColor);
		border-right : none;
	}

	.HomeTemplate section2 .borderedStack:last-child:last-child {
		border-right : 1px solid var(--blackColor);
	}

	.HomeTemplate section4 {
		margin-bottom : 100px;
	}

	.HomeTemplate section5 {
		height    : 950px;
		flex-flow : column wrap;
	}

	.HomeTemplate section5 .articleLink {
		width               : 50%;
		height              : 50%;
		background-repeat   : no-repeat;
		background-position : 15%;
		display             : flex;
		align-items         : end;
		cursor              : pointer;
		box-sizing          : border-box;
	}

	.HomeTemplate .articleLink p {
		font-size     : 48px;
		line-height   : 100%;
		margin-bottom : 63px;
		margin-left   : 40px;
	}


	.HomeTemplate .articleLink.collegePlanning {
		height           : 100%;
		background-image : url("/media/collegePlanning.png");
	}


	.HomeTemplate .articleLink.compareSchools {
		background-image : url("/media/compareSchools.png");
	}


	.HomeTemplate .articleLink.findTopSchools {
		background-image : url("/media/findTopSchools.png");
	}


	/* HOMEPAGE STYLES */

}


@media screen and (min-device-width : 1200px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 2400px) and (-webkit-min-device-pixel-ratio : 2) {
	/* HOMEPAGE STYLES */
	.HomeTemplate section3 {
		height          : 400px;
		flex-flow       : row nowrap;
		justify-content : center;
		margin-top      : 170px;
		margin-bottom   : 190px;
		padding-right   : 40px;
		padding-left    : 40px;
	}

	.HomeTemplate section3 h3 {
		max-width     : 22vw;
		margin-bottom : 50px;
		padding       : 0;
	}

	.HomeTemplate section3 #americanMap {
		min-width      : 40vw;

		max-width      : 40vw;
		height         : 660px;

		min-height     : 660px;
		padding-bottom : 0;
	}

	.HomeTemplate section3 right {
		padding : 0;
	}

	.HomeTemplate section3 right div:before {
		margin-right : 20px;
	}

	/* HOMEPAGE STYLES */
	/* LEGAL TEMPLATE STYLES */
	#legalPageHeading {
		margin-bottom : 50px;
	}


	.legalContent h2 {
		margin-top    : 100px;
		margin-bottom : 40px;
	}


	.legalContent div {
		margin-top    : 40px;
		margin-bottom : 20px;
	}

	#legalPageHeading {
		padding-right : 650px;
		padding-right : 30vw;
		padding-left  : 100px;
		padding-left  : 10vw;
	}

	.legalContent, #legalPageHeading {
		max-width    : 900px;
		margin-right : auto;
		margin-left  : auto;
	}

	/* LEGAL TEMPLATE STYLES */
	.UnsubscribeTemplate h1 {
		margin-bottom : 100px;
		margin-left   : -13vw;
	}

	.UnsubscribeTemplate pageContent {
		max-width    : 1100px;
		margin-right : auto;
		margin-left  : auto;
	}

}


@media screen and (min-device-width : 1750px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 3500px) and (-webkit-min-device-pixel-ratio : 2) {

	/* STYLES SHARED ACROSS PAGES */
	h2 {
		font-size   : 55px;
		line-height : 86px;
	}

	/* STYLES SHARED ACROSS PAGES */
	/* HOMEPAGE STYLES */
	.HomeTemplate section1 {
		padding : 0 20px;
	}

	.HomeTemplate section2 {
		padding-right : 195px;
		padding-left  : 195px;
	}

	.HomeTemplate section2 .borderedStack {
		max-width : unset;
	}

	.HomeTemplate section3 {
		margin-bottom  : 200px;
		padding-top    : 25px;
		padding-right  : 0;
		padding-bottom : 20px;
		padding-left   : 0;
	}

	.HomeTemplate section3 h3 {
		min-width : 330px;
	}

	.HomeTemplate section3 #americanMap {
		width      : 920px;
		min-width  : 920px;
		max-width  : 920px;
		height     : 680px;
		min-height : 680px;
	}

	.HomeTemplate section4 {
		margin-bottom : 100px;
		padding-right : 180px;
		padding-left  : 180px;
	}


	.HomeTemplate section4 br {
		display : inline;
	}


	.HomeTemplate section4 .sectionHeader {
		text-align      : left;
		align-items     : start;
		justify-content : space-between;
	}


	.HomeTemplate section4 .sectionHeader {
		flex-flow     : row nowrap;
		margin-bottom : 150px;
	}


	.HomeTemplate section4 .sectionHeader {
		justify-content : space-between;
	}


	.HomeTemplate section4 .programsGrid > div {
		width : calc(25% - 14px);
	}

	/* HOMEPAGE STYLES */

}


@media screen and (min-device-width : 1950px) and (-webkit-min-device-pixel-ratio : 1), screen and (min-device-width : 3800px) and (-webkit-min-device-pixel-ratio : 2) {
	.HomeTemplate section1, .HomeTemplate section2, .HomeTemplate section3, .HomeTemplate section4, .HomeTemplate section5 { /* Scale properly at high resolutions */
		max-width    : 1950px;
		margin-right : auto;
		margin-left  : auto;
	}

	.HomeTemplate section3 {
		width     : 100%;
		min-width : 100%;
		max-width : 100%;
	}
}


/* MEDIA QUERIES */


#formApplication1 {
	min-height : 400px;
}


#formApplication2 {
	min-height : 400px;
}


/* Page auto height fixes */
.ContactTemplate pagecontent {
	flex-grow : 1;
	display   : flex;
	flex-flow : column;
}


/* Page auto height fixes */


/* CONTACT PAGE */

.ContactTemplate header {
	position : absolute;
	z-index  : 99999;
	width    : auto;
}


.ContactTemplate pagecontent {
	margin : 0;
}


.ContactTemplate footer {
	margin-top : 0;
}


.ContactTemplate #contactForm > * {
	flex      : 1 1 50%;
	max-width : 50%;
}


.ContactTemplate #contactFormImage {
	background-image    : url(/images/application/contact/contactPageImage.jpg);
	background-size     : cover;
	background-repeat   : no-repeat;
	background-position : center;
	border-right        : 1px solid #aaa;
	flex-shrink         : 0;
}


.ContactTemplate form {
	max-width       : 600px !important;
	display         : flex;
	flex-flow       : column nowrap;
	align-content   : center;
	justify-content : center;
	padding-left    : 50px;
}


.ContactTemplate #contactForm h1 {
	font-size     : 34px;
	font-weight   : 700;
	margin-bottom : 30px;
}


.ContactTemplate #contactForm {
	display   : flex;
	flex-flow : row nowrap;
	flex-grow : 1;
}


.ContactTemplate form > * {
	margin-bottom : 15px;
}


.ContactTemplate form input,
.ContactTemplate form textarea,
.ContactTemplate form select {
	width            : 100%;
	height           : 36px;
	background-color : var(--lightGreyFill);
	font-size        : 14px;
	letter-spacing   : 1px;
	justify-content  : center;
	padding-left     : 15px;
	border           : 1px solid #aabfc0;
	border-radius    : 3px;
	outline          : none;
	transition       : all 300ms;
	box-sizing       : border-box;
	appearance       : none;
}


.ContactTemplate form input {
	-webkit-appearance : none;
}


.ContactTemplate form textarea {
	min-height  : 156px;
	padding-top : 15px;
	font        : inherit;
	font-size   : 14px;
	font-family : inherit;
}


.ContactTemplate form captcha, .ContactTemplate errors h2 {
	font    : var(--smallFont);
	display : block;
}


.ContactTemplate form group {
	display         : flex;
	flex-flow       : column nowrap;
	justify-content : space-between;
}


.ContactTemplate form group input {
	max-width     : 4em;
	height        : 50px;
	font          : var(--smallFont);
	margin-top    : 0;
	margin-right  : 10px;
	margin-bottom : 0;
	margin-left   : 10px;
	padding       : 10px;
}


.ContactTemplate .error {
	border : 1px solid red;
}


.ContactTemplate button {
	width         : 250px;
	background    : var(--primaryColor);
	height        : 50px;
	border        : none;
	border-radius : 4px;
	color         : #fff;
	font-weight   : 700;
	font-size     : 16px;
	margin-left   : auto;
	margin-right  : auto;
	cursor        : pointer;
	transition    : background 300ms;
}


.ContactTemplate button:hover {
	background : #0075ffcc;
}


@media screen and ( max-width : 1024px ) {
	.ContactTemplate header {
		position : revert;
	}

	.ContactTemplate #contactFormImage {
		display : none;
	}


	.ContactTemplate form {
		max-width : 100% !important;
		padding   : 0 20px;
	}


	.HomeTemplate header {
		margin-bottom : 15px;
	}


	.HomeTemplate section1 > .left {
		margin-left  : auto;
		margin-right : auto;
	}

	.HomeTemplate .formApplication .formContainer section .sectionContentWrapper {
		padding-left  : 0;
		padding-right : 0;
	}
}


/* CONTACT PAGE */


/* FOOTER STYLES */
footer {
	background     : var(--colorPrimary);
	padding        : 50px 0;
	color          : #fff;
	display        : flex;
	flex-direction : column;
	align-items    : center;
}


footer * {
	color     : inherit;
	font-size : inherit;
}


footer .logo {
	width      : 200px;
	height     : 50px;
	background : center / contain no-repeat url(/branding/logoWhite.svg);
	position   : initial;
	top        : unset;
	left       : unset;
}


footer .legalLinks {
	display         : flex;
	flex-flow       : row wrap;
	justify-content : center;
	margin          : 60px 0 20px;
}


footer .legalLinks a {
	margin          : 10px;
	text-decoration : none;
}


footer .copyright {
	font-size : 14px;
}


/* FOOTER STYLES */