/*
SWAN CARD SIGNUP FORM
Version: 250818.1
*/

@charset "utf-8";

.mauticform_wrapper {
	max-width:100% !important;
	margin: 0 !important;
	padding:1rem;
}

/*---- mobile ----*/	
	@media screen and (max-width: 1024px) {
		.mauticform_wrapper {
			padding:0.5rem;
		}
	}

.mauticform-row {
	display:inline-block !important;
	width:calc( 50% - 4px );
	padding:0 0.25rem;
	vertical-align:top !important;
}
/*---- mobile ----*/	
	@media screen and (max-width: 1024px) {
		.mauticform-row {
			width:100%;
		}
	}

/* Form field styles */

/*-- full width fields --*/
	/* top text */
	.mauticform-row#mauticform_verifyregister_patron_instructions,
	.mauticform-row#mauticform_verifyregisterminor_patron_instructions,
	/* email */
	.mauticform-row#mauticform_verifyregister_email_address,
	.mauticform-row#mauticform_verifyregisterminor_email_address,
	/* names */
	.mauticform-row#mauticform_verifyregister_last_name,
	.mauticform-row#mauticform_verifyregisterminor_first_name,
	.mauticform-row#mauticform_verifyregisterminor_last_name,
	.mauticform-row#mauticform_verifyregisterminor_first_name__minor,
	.mauticform-row#mauticform_verifyregisterminor_last_name__minor,
	/* address */
	.mauticform-row#mauticform_verifyregister_address,
	.mauticform-row#mauticform_verifyregisterminor_address,
	/* submit */
	.mauticform-row#mauticform_verifyregister_submit,
	.mauticform-row#mauticform_verifyregisterminor_submit	{
		width:100%;
	}

/*-- larger margin-bottom --*/
	/* top text */
	.mauticform-row#mauticform_verifyregister_patron_instructions,
	.mauticform-row#mauticform_verifyregisterminor_patron_instructions,
	/* email */
	.mauticform-row#mauticform_verifyregister_email_address,
	.mauticform-row#mauticform_verifyregisterminor_email_address,
	/* other */
	.mauticform-row#mauticform_verifyregister_last_name,
	.mauticform-row#mauticform_verifyregisterminor_last_name,
	.mauticform-row#mauticform_verifyregisterminor_phone_number {
	margin: 0 0 2.5rem 0;
}

.mauticform-row#mauticform_verifyregister_zip_code,
.mauticform-row#mauticform_verifyregisterminor_zip_code,
.mauticform-row#mauticform_verifyregisterminor_birth_date__minor {
	margin:0 50% 2.5rem 0;
}


.mauticform-row#mauticform_verifyregister_submit,
.mauticform-row#mauticform_verifyregisterminor_submit {
	margin: 1.5rem 0 0.5rem 0;
}

.mauticform-row#mauticform_verifyregister_recaptcha,
.mauticform-row#mauticform_verifyregisterminor_recaptcha {
	display:block;
}

.mauticform-row .mauticform-label {
	color:#38414c;
	font-size:1rem;
	margin-bottom:3px;
	text-align:left;
}

.mauticform-row.mauticform-required .mauticform-label:after {
	color:#d0222c !important;
} 

.mauticform_wrapper .mauticform-selectbox,
.mauticform_wrapper .mauticform-input,
.mauticform_wrapper .mauticform-textarea {
	border-radius:0 !important;
	padding:0.333rem !important;
	border:2px solid #a2a6abcc;
	height:2.2222rem;
}

.mauticform_wrapper .mauticform-row.mauticform-has-error .mauticform-selectbox,
.mauticform_wrapper .mauticform-row.mauticform-has-error .mauticform-input,
.mauticform_wrapper .mauticform-row.mauticform-has-error .mauticform-textarea {
	border-color: #d0222c;
}

.mauticform_wrapper .mauticform-selectbox:focus-visible,
.mauticform_wrapper .mauticform-input:focus-visible,
.mauticform_wrapper .mauticform-textarea:focus-visible {
	border-color: #1f9ae5 !important;
}


.mauticform-button-wrapper .mauticform-button.btn-default,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
	border-radius:0 !important;
	color: #0073bb !important;
	font-size:1rem !important;
	background-color: #ffffff;
	border-color: #0073bb !important;
	border-width:2px;
}

.mauticform-button-wrapper .mauticform-button.btn-default:hover,
.mauticform-button-wrapper .mauticform-button.btn-default:focus-visible,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default:hover,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default:focus-visible {
	color: #ffffff !important;
	background-color: #0073bb !important;
}

/* success message - need to target more specifically or it will take up space */
.mauticform-message {
	color:#38414c !important;
	margin:0.75rem;
	line-height:140%;
}

/* see .outputbox.errorbox for other error styles */
.mauticform-errormsg {
	color:#d0222c !important;
}


/* -----h/t https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-automatic/----- */
.tabs {
}

[role="tablist"] {
  min-width: 100%;
  display:flex;
  flex-direction:row;
  margin:1rem 0 0 0;
}

[role="tab"] {
	background:#ffffff;
	padding:0.5rem 1rem;
	font-weight: bold;
	font-family:'ProbaPro';
	font-size:1rem;
	color:#0073bb;
	border:2px solid #0073bb;
	border-bottom:0;
}

[role="tab"][aria-selected="true"] {
  color:#ffffff;
  background:#0073bb;
}

[role="tab"][aria-selected="false"] {
}

[role="tab"]:hover,
[role="tab"]:focus-visible {
	color:#ffffff;
	background:#0073bb;
}

[role="tab"]:focus-visible {
  outline:2px solid #38414cbb;
  outline-offset:2px;
}

[role="tabpanel"] {
  border:2px solid #0073bb;
}

[role="tabpanel"]:focus-visible {
	outline:2px solid #38414c;
	outline-offset:2px;
}

[role="tabpanel"].is-hidden {
  display: none;
}