.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);
  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: 8px;
}

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

.JoinFormCentered .AddressIQA thead {
  display: none;
}

/* Bootstrap 3 md and up (desktop). Boundary = --nswtf-breakpoint-md */
@media (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 (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: 0;
  padding-bottom: 0;
  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 0 0;
}

.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: 0 !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 (width <= 767px) {
  #hd.style2 .auxiliary-navigation {
    display: none;
  }

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

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

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