:root {
	--blue: #283891;
}

#et-boc {
	overflow-x: hidden;
}

#crm-container .crm-section .label,
.price_set-section .crm-section .label {
	width: 100%;
	max-width: 300px;
	float: none !important;
	text-align: left;
	margin-right: 24px;
}

#crm-container #priceset .crm-section.cividiscount-section .label {
	max-width: 100%;
}

.crm-container .crm-section .content {
	margin-left: 0;
}

.form-item,
#payment_information fieldset > .crm-section > .crm-section,
.price_set-section .crm-section {
	display: flex;
	margin-top: 16px;
	margin-bottom: 16px;
}

.is_recur-section {
	display: none;
}

/* #priceset .crm-section,
.crm-public-form-item:not(.crm-group), */

@media (max-width: 600px) {
	.form-item,
	#payment_information fieldset > .crm-section > .crm-section,
	.price_set-section .crm-section {
		flex-wrap: wrap;
		flex-direction: column;
	}

	#crm-container .crm-section .label,
	.price_set-section .crm-section .label {
		width: auto;
		display: block;
		margin-right: 0;
		margin-bottom: 8px;
	}
}

#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="email"],
#crm-container.crm-public input[type="number"],
#crm-container.crm-public select {
	width: 300px;
	max-width: 300px;
}

#crm-container.crm-public select {
	border: 1px solid black;
}

#crm-container.crm-public input[name="pledge_installments"],
#crm-container.crm-public select[name="pledge_frequency_unit"],
#crm-container.crm-public #credit_card_exp_date_M,
#crm-container.crm-public #credit_card_exp_date_Y {
	width: auto !important;
}

@media (max-width: 600px) {
	#crm-container.crm-public input[type="text"],
	#crm-container.crm-public input[type="email"],
	#crm-container.crm-public input[type="number"],
	#crm-container.crm-public select {
		width: 100%;
		max-width: 300px;
	}
}

#frequency_interval,
#installments {
	width: auto !important;
}

.crm-container fieldset legend,
#memtypeselector label {
	color: var(--blue);
	font-size: 24px;
	font-weight: bold;
}

.crm-container fieldset {
	border-top: none;
}

#memtypeselector {
	margin-top: 30px;
}

#memtypeselector .crm-marker {
	display: none;
}

.crm-container .crm-submit-buttons .crm-form-submit,
button {
	background-color: #000;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0.25rem 1rem;
	font-weight: 700;
	color: #fff;
	font-family: "Jost", Helvetica, Arial, Lucida, sans-serif;
	border-radius: 2rem;
}

.crm-container .crm-submit-buttons .crm-form-submit:hover,
button {
	background-color: var(--blue);
}

fieldset {
	margin-top: 40px !important;
}