

:root {
	/* putting all 2026 brand colors here for reference. not all are currently used */
	--luna-dark-blue: #102036;
	--luna-bright-blue: #1616b9;
	--luna-almost-white: #f9f8f3;
	--luna-almost-black: #0b1118;
	--luna-bright-coral: #e4565c;
	--luna-dark-purple: #272148;
	--luna-pink: #c351c1;
	--luna-purple: #572d6f;
	--luna-medium-blue: #163259;
	--luna-light-blue: #215eb2;
	--luna-gray: #506787;

	--main-bg-color: var(--luna-almost-white);
	--main-text-color: var(--luna-dark-blue);
	--form-bg-color: color-mix(in srgb, var(--luna-almost-white) 95%, black);

	--link-color: var(--luna-light-blue);
	--link-button-color: var(--luna-dark-purple);
	--button-color: var(--luna-dark-purple);
	--button-hover-color: var(--luna-purple);
	--button-border-radius: 1.2em;
	--success-border-color: #6ade6a;
	--success-bg-color: #ccefcc;
	--pretty-checkbox-color: var(--link-color);

	--sqcdy-fonts-primary: Lexend, ui-sans-serif, system-ui, sans-serif;
	--sqcdy-fonts-secondary: crimson, ui-serif, serif;
}

/* Fonts */
html,
body,
input,
textarea {
	font-family: var(--sqcdy-fonts-primary);
}

body p,
div.description,
div.form-before_field {
	font-family: var(--sqcdy-fonts-secondary);
}

/* temp hide email field on app form */
.form_section.field-pemail {
	display: none;
}

nav.clearfix {
	margin-top: 3em;
}

div.error,
.success,
.submitted {
	border-radius: 0.5em;
}

input[type=radio] {
	filter: grayscale(1)
}

img#logo-img {
	width: 330px;
	margin: 50px 0;
}

textarea#inst1,
textarea#referrer,
textarea#adventures_fall_notation_software,
textarea#adventures_fall_theory_experience,
.textarea-short textarea {
	height: 3em;
}

.textarea-medium textarea {
	height: 5em;
}

input#school {
	flex-grow: 1;
	max-width: 50%;
}

input#gender,
input#ethnicity_other,
input#ethnicity_other_writein {
	width: 50%;
}

input#adventures_fall_reading_level_other{
	width: 85%;
}

select#ethnicity {
	height: 14em;
}

.field-fellowship_instructions p:first-child {
	margin-top: 0;
}

/* admin display */

.app_review #fname,
.app_review #mname,
.app_review #lname {
	font-size: 1.4em;
}

.app_review #pronouns,
.app_review #nickname,
.app_review #birthday,
.app_review #pemail,
.app_review #dphone,
.app_review #school,
.app_review #school_grade,
.app_review #parent_consent,
.app_review #parent_name,
.app_review #parent_email,
.app_review #parent_phone,
.app_review #pastyears,
.app_review #gender,
.app_review #hispanic,
.app_review #ethnicity,
.app_review #disability,
.app_review #ethnicity_other {
	display: flex;
	margin: 0.5em 0;
}

.app_review #pemail,
.app_review #parent_email {
	flex-direction: column;
}

.app_review #pronouns h4,
.app_review #nickname h4,
.app_review #birthday h4,
.app_review #pemail h4,
.app_review #dphone h4,
.app_review #school h4,
.app_review #school_grade h4,
.app_review #parent_consent h4,
.app_review #parent_name h4,
.app_review #parent_email h4,
.app_review #parent_phone h4,
.app_review #pastyears h4,
.app_review #gender h4,
.app_review #hispanic h4,
.app_review #ethnicity h4,
.app_review #disability h4,
.app_review #ethnicity_other h4 {
	margin: 0 5px 0 0;
}

.app_review #city,
.app_review #state,
.app_review #zip,
.app_review #parent_city,
.app_review #parent_state,
.app_review #parent_zip {
	display: inline-block;
	margin-right: 5px;
}

.section-pronouns,
.section-parent_heading,
.section-education_heading {
	float: left;
	width: 33%;
}

.section-programs_heading {
	clear: both;
	padding-top: 1em;
}

.media-item {
	margin-left: 0;
}

.textarea_output,
.show_before span.value,
fieldset {
	padding: 0;
}

.comments {
	margin: 1em 0;
}

.field_label.required-sup:after {
	content: " *";
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
	margin-left: 0.1em;
}
