.error {
	font-weight: var(--nswtf-font-weight-bold);
	color: var(--nswtf-color-intent-danger);
}

.JoinTemplate-Page #masterContentArea.container {
	max-width: 900px;
	margin: auto;
}

.footer-social {
	display: none;
}


.JoinTemplate-Page .JoinActionCard {
	border: 2px solid;
	border-color: var(--brand-1-bg);
	margin-bottom: 2em;
}

.JoinTemplate-Page .JoinActionCard .CardTop {
	padding: 15px;
	background: var(--brand-1-bg);
	color: var(--nswtf-color-sys-text-light);
	min-height: 20em;
}

.JoinTemplate-Page .JoinActionCard .CardTop h3,
.JoinTemplate-Page .JoinActionCard .CardTop h5 {

	color: var(--nswtf-color-sys-text-light);

}

.JoinTemplate-Page .JoinActionCard .CardBottom {
	padding: 15px;
	min-height: 20em;
}

html:not(.t-safari) .btn,
html:not(.t-safari) .TextButton,
#masterContentArea .TextButton.Inverted,
#masterContentArea .TextButton.Inverted:visited,
#masterContentArea .btn.Inverted,
#masterContentArea .btn.Inverted:visited {
	background: var(--brand-1-fg) !important;
	color: var(--brand-1-bg) !important;
	border-color: var(--brand-1-bg);
}




/* Address Popup */
#ctl00_TemplateBody_AddressEdit_DivAddressEntry tbody>tr:nth-child(9),
#ctl00_TemplateBody_AddressEdit_DivAddressEntry tbody>tr:nth-child(10),
#ctl00_TemplateBody_AddressEdit_DivAddressEntry tbody>tr:nth-child(11),
#ctl00_TemplateBody_AddressEdit_RightCell {
	display: none;
}



/* Drop content further below header */
.JoinFormCentered .WebPartZone.page-text {
	margin-top: 2em;
}



/* ---- Join Form CCO styling ---- */
.JoinFormCentered.JoinFormCCO #masterContentArea {
	max-width: 1080px;
	margin: auto !important;
}

.JoinFormCCO label em {
	font-weight: var(--nswtf-font-weight-regular);
}


/* Field Styling */
.JoinFormCentered .JoinFreetext {
	width: 100%;


	font-size: var(--nswtf-font-size-base);
	line-height: var(--nswtf-line-height-data);

	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;

	/* border: none; */
	border-radius: 0;

	/* background-color: #dadada; */
	color: var(--nswtf-color-sys-text);
}


.JoinFormCentered .JoinDropdown {
	width: 100%;
	margin: 0 15px 15px 0;

	font-size: var(--nswtf-font-size-base);
	line-height: var(--nswtf-line-height-data);

	background-color: var(--nswtf-color-sys-divider);
	/* color: #efefef; */
	cursor: pointer;

}

.JoinFormCentered .JoinDatepicker {
	width: 100%;
	margin: 0 15px 15px 0;

}

.JoinFormCentered .JoinLabel {
	width: 100%;
	margin: 0 15px 15px 0;
}

.JoinFormCentered .JoinCheckbox input {
	scale: 1.3;
}

.JoinFormCentered .JoinRadio input {
	margin-top: 7px;
}

.JoinFormCentered .chosen-container {
	max-width: 100%;
}

.JoinFormCentered .AddressIQA thead {
	display: none;
}


/* Bootstrap 3 md and up (desktop). Boundary = --nswtf-breakpoint-md */
@media (min-width: 992px) {

	/* ---- Initial Page styling ---- */
	.JoinFormLanding.JoinFormCentered #masterContentArea {
		width: 900px;
		margin: auto !important;

	}

}




/* Below Bootstrap 3 sm (phones). Boundary = --nswtf-breakpoint-sm minus 1px */
@media (max-width: 767px) {

	.JoinFormCentered,
	.JoinFormCCO {
		width: 100%;
	}

	.JoinFormCentered .JoinFreetext {
		box-sizing: inherit;
	}

	.JoinFormCentered .col-md-6 {
		overflow: auto;
	}

	/* ---- Initial Page styling ---- */
	.JoinFormLanding.JoinFormCentered #masterContentArea {
		width: 100%;
		margin: auto !important;

	}


}


/* Custom Label width */
.Label14 .PanelField label,
.Label14 .PanelField .Label {
	width: 14em;
}

/* Custom Label width */
.Label16 .PanelField label,
.Label16 .PanelField .Label {
	width: 16em;
}

/* Custom Label width */
.Label20 .PanelField label,
.Label20 .PanelField .Label {
	width: 20em;
}


/* Split summary display to 2 columns */
.IQASummary.TwoColumn .PanelField {
	padding-top: 0px;
	padding-bottom: 0px;

	width: 50%;
	display: inline-block;
	float: revert;
}

.IQASummary.TwoColumn {
	margin-top: 5px;
	margin-bottom: 1em;
}

/* join form tab bar styling */
.RadTabStrip.RadTabStrip_MetroTouch {
	background: var(--brand-1-bg) !important;
	padding-left: 2px !important;
	padding-top: 2px !important;
	border-radius: 3px 3px 0px 0px;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
	background-color: var(--brand-1-bg) !important;
	border-color: var(--brand-1-bg) !important;
}

.JoinCCO {
	margin-top: 3em;
}

.JoinCCO h2.panel-title {
	display: block !important;
	margin-bottom: 10px !important;

}

.nobottommargin {
	margin-bottom: 0px !important;
}

.JoinCCO .panel-body h2.panel-title {
	border-bottom: 1px solid var(--brand-1-bg) !important;
}


/* Below Bootstrap 3 sm (phones). Boundary = --nswtf-breakpoint-sm minus 1px */
@media (max-width: 767px) {
	#hd.style2 .auxiliary-navigation {
		display: none;
	}

	.CommandBar {
		text-align: center;
		margin: 10px;
	}

	#masterContentArea .CommandBar .TextButton {
		display: block;
		margin: 5px 0px;
		width: 100%;
	}

	.RadCalendarPopup.RadCalendarPopupShadows {
		left: 0px !important;
		width: 100% !important;
	}


}