.error {
	font-weight: bold;
	color: red;
}

.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: white;
	min-height: 20em;
}

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

	color: white;

}

.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: normal;
}


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


	font-size: 14px;
	line-height: 20px;
	
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	
	/* border: none; */
	border-radius: 0;
	
	/* background-color: #dadada; */
	color: #424242;
}


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

	font-size: 14px;
	line-height: 20px;
	
	background-color: #dadada;
	/* 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;
}


/* Screens larger than 900px */
@media screen and (min-width: 900px) {
	/* ---- Initial Page styling ---- */
	.JoinFormLanding.JoinFormCentered #masterContentArea {
		width: 900px;
		margin: auto !important;

	}
  
}




/* Small screens smaller than 720px */
@media screen and (max-width: 720px) {
	.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;

	}

  
}




.JoinFormInitial .button.submit {
	background: none !important;
	background-color: rgba(0, 0, 0, 0);
	background-color: #F15931 !important;
	padding: 12px 33px !important;
	border-radius: 5px;
}


/* 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;
}


@media (max-width: 769px) {
	#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;
	}
  

}