main.supportPortal{
	padding:72px 0 0 0;
	min-height:100vh;
	font-size:10px;
}
.supportPortal--header{
	margin-bottom:32px;
}
.supportPortal--header h1{
	font:var(--display);
	font-size:6.4em;
	text-align:center;
}

.supportPortal--header h2{}
.supportPortal--search{}
.supportPortal--searchLabel{}

.supportPortal.__category .supportPortal--header{
	position:relative;
	padding:56px 0 0 0;
}

.supportPortal.__category .supportPortal--headerIcon{
	height:48px;
	width:48px;
	position:absolute;
	display:block;
	left:50%;
	top:0px;
	transform:translate(-50%,0);
}

.supportCategories--list{
	padding:0 0 72px 0;
}
.supportCategories--listLabel{
	font:var(--subline);
	font-weight:300;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
	color:var(--darkGrey);
	margin-bottom:16px;
}
.supportCategories--listItems{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
}
.supportCategory{
	width:calc(33% - 32px);
	height:264px;
	margin:16px;
	background-color:var(--lightGrey);
	box-sizing:border-box;
	padding:32px;
	display:inline-flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	position:relative;
}
.supportCategory--icon{
	display:block;
	position:absolute;
	height:42px;
	width:42px;
	top:38%;
	left:50%;
	transform:translate(-50%,-50%);
}
.supportCategory--title{
	font:var(--subline);
	font-size:2.4em;
	font-weight:400;
	text-transform:uppercase;
	position:absolute;
	left:50%;
	top:58%;
	height:42%;
	width:100%;
	text-align:center;
	transform:translate(-50%,0);
}
.supportArticles--list{
	padding:64px 0 80px 0;
}
.supportInlineArticle{}
.supportInlineArticle--question{
	height:80px;
}
.supportInlineArticle--question label{
	height:100%;
}
.supportInlineArticle--question label .labelText{
	font-size:2em;
	font-weight:400;
}
.supportInlineArticle--answer{
	box-sizing:border-box;
	padding:20px 20px 42px 20px;
	font:var(--subline);
	font-size:1.4em;
	line-height:22px;
	color:var(--blackGrey);
}
.supportPortalContact{
	background-color:var(--limeGreen);
	padding:48px 0;
}
.supportPortalContact .__inner{
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
	color:var(--black);
}
.supportPortalContact--title{
	font:var(--display);
	font-size:3.2em;
	text-transform:uppercase;
	padding:0 72px;
}	
.supportPortalContact--button{}

.contactItems{
	display:flex;
	flex-flow:row nowrap;
	gap:36px;
}

.contactForm,
.contactInfoBlock{
	width:100%;
	box-sizing:border-box;
	padding:32px;
	padding-bottom:36px;
	background-color:var(--lightGrey);
	margin-bottom:36px;
	flex:1 0 0;
}
.contactInfoBlock{
	max-height:368px;
}
.contactItem--title{}
.contactItem--icon{
	height:40px;
	width:40px;
	position:relative;
	display:block;
	color:var(--black);
	margin-bottom:24px;
}
.contactItem--title h2{
	font-size:24px;
	font-weight:300;
	line-height:110%;
}
.contactItem--title h2 a{
	border-bottom:2px solid currentColor;
}
.contactItem--contents{
	display:flex;
	flex-flow:column nowrap;
	font:var(--subline);
	font-weight:300;
	font-size:14px;
	text-transform:uppercase;
}
.contactItem--detail{
	width:100%;
	padding:16px 0;
	border-bottom:1px solid var(--lightMidGrey);
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:flex-start;
}
.contactItem--detailTitle,
.contactItem--detailValue{
	width:50%;
}
.contactItem--body{
	padding-bottom:32px;
}
.contactItem--body p{
	font:var(--subline);
	font-size:15px;
}



@media only screen and (max-width: 1024px) {
	.contactItems{
		flex-flow:column nowrap;
		gap:0;
	}
	.contactInfoBlock{
		max-height:initial;
	}

	.contactForm,
	.contactInfoBlock{
		padding:20px;
		padding-bottom:24px;
	}
	.supportPortal--header h1{
		font-size:3.2em;
	}
	.supportCategories--list{
		padding:0 0 0px 0;
	}
	.supportCategories--listLabel{
		font-size:1.5em;
		margin-bottom:24px;
	}
	.supportCategories--listItems{
		display:flex;
		flex-flow:column nowrap;
		align-items:flex-start;
		justify-content:flex-start;
	}
	.supportCategory{
		width:100%;
		height:56px;
		margin:0;
		background-color:var(--lightGrey);
		box-sizing:border-box;
		padding:0 0 0 56px;
		margin-bottom:16px;
	}
	.supportCategory--icon{
		display:block;
		position:absolute;
		height:24px;
		width:24px;
		top:50%;
		left:28px;
		transform:translate(-50%,-50%);
	}
	.supportCategory--title{
		font:var(--subline);
		font-size:1.5em;
		font-weight:400;
		text-transform:uppercase;
		position:initial;
		left:initial;
		top:initial;
		height:100%;
		width:100%;
		text-align:left;
		transform:initial;
		display:flex;
		flex-flow:row nowrap;
		align-items:center;
		justify-content:flex-start;
	}
	.supportArticles--list{
		padding:16px 0 32px 0;
	}
	.supportPortalContact .__inner{
		flex-flow:column nowrap;
		align-items:center;
		justify-content:center;
	}
	.supportPortalContact--title{
		padding:0 0 0 0;
		margin-bottom:16px;
	}
	.supportPortalContact--button{
		width:100%;
		max-width:300px;
	}
	.supportInlineArticle--answer{
		padding:20px 0px 20px 0px;
		font-size:1.3em;
		line-height:18px;
	}
	.supportInlineArticle--question{
		height:56px;
	}
	.supportInlineArticle--question label{
		height:100%;
		padding-right:42px;
	}
	.supportInlineArticle--question label .labelText{
		font-size:1.3em;
		font-weight:400;
	}
	.supportInlineArticle--question label .labelIcon{
		height:32px;
		width:32px;
	}
}