:root {
	--example-var: #525252;
}

.form_item p {
	margin-bottom: 15px;
	color: #888;
}

#academic_status_other {
	min-height: 80px;
	width: 100%;
	resize: vertical;
}

#content_container {
	max-width: 550px;
}

#content_container > p.info {
	border-bottom: 1px solid #CCC;
	padding: 15px;
	margin: 0;
}

select {
	width: 100%;
}

.form_info {
	background: #DDD;
}

.form_section, .form_info {
	padding: 15px;
	border-bottom: 1px solid #CCC;
}

.form_item .header {
	font-weight: bold;
	margin-bottom: 15px;
}

#pg_initial_university_and_event_rules,
#pg_initial_talent_release,
#pg_initial_medical_authorization,
#pg_initial_transportation,
#pg_initial_release_and_waiver {
	margin-top: 15px;
	max-width: 60px;
}

input[type="text"][readonly] {
	background: #DFDFDF;
	cursor: not-allowed;
}

#fi_pg_contact_info input, 
#fi_pg_address input, 
#fi_pg_address select, 
#fi_emergency_contact input {
	margin-bottom: 10px;
}

#fi_pg_contact_info, 
#fi_pg_address,
#fi_emergency_contact {
	padding-bottom: 10px;
}

#food_allergies, #medical_considerations {
	min-height: 120px;
}

#preferred_pronouns_other {
	margin-top: 10px;
}

#tshirt_color_comparison {
	max-width: 100%;
	margin-top: 15px;
}

.info {
	padding: 15px 15px 5px 15px;
	border-bottom: 1px solid #CCC;
	background: #E1E1E1;
}

#import_from_existing {
	background: #FFD;
	padding: 15px 15px 0 15px;
	border-bottom: 1px solid #CCC;
}

#imported_from_existing {
	padding-bottom: 15px;
}

#re_register {
	background: #FFD;
	padding: 15px;
	border-bottom: 1px solid #CCC;
}

@media (max-width: 550px) {
	
	#content_container {
		margin: 0;
		border: none;
		box-shadow: none;
	}
	
	#bg_image {
		background: #525252;
		opacity: 1.0;
	}
	
	.mobile_only {
		display: block;
	}
	
}