/*! ===========================================================================
 *
 *    ██████╗ ███████╗ ██████╗    ██████╗  ██████╗ ██╗    ██╗███████╗██████╗
 *    ██╔══██╗██╔════╝██╔════╝    ██╔══██╗██╔═══██╗██║    ██║██╔════╝██╔══██╗
 *    ██████╔╝█████╗  ██║         ██████╔╝██║   ██║██║ █╗ ██║█████╗  ██████╔╝
 *    ██╔══██╗██╔══╝  ██║         ██╔═══╝ ██║   ██║██║███╗██║██╔══╝  ██╔══██╗
 *    ██║  ██║███████╗╚██████╗    ██║     ╚██████╔╝╚███╔███╔╝███████╗██║  ██║
 *    ╚═╝  ╚═╝╚══════╝ ╚═════╝    ╚═╝      ╚═════╝  ╚══╝╚══╝ ╚══════╝╚═╝  ╚═╝
 *
 *    REC Power — WordPress theme
 *    Designed & built by DG+ Agency
 *
 * =========================================================================== */

.careers-application {
	background-color: var(--wp--preset--color--dark-navy);
	color: var(--wp--preset--color--white);
	font-family: var(--ty-font);
	padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--70);
	
	padding-inline: clamp(1.5rem, 4vw, 2.5rem);
}
.careers-application_meta {
	display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem;
	max-width: var(--wp--style--global--wide-size); margin-inline: auto;
	font-size: 0.875rem; color: rgba(255, 255, 255, 0.35);
}
.careers-application_breadcrumb, .careers-application_breadcrumb a { color: rgba(255,255,255,.35); text-decoration: none; }
.careers-application_meta-sentence { margin: 0; }
.careers-application_grid {
	max-width: var(--wp--style--global--wide-size); margin: var(--wp--preset--spacing--50) auto 0;
	display: grid; grid-template-columns: 1fr 2fr; gap: clamp(2rem, 5vw, 5rem); align-items: start;
}
.careers-application_heading { margin-top: 0.75rem; }
.careers-application_card { background: #fff; color: var(--c-heading-ink); padding: clamp(1.75rem, 4vw, 4rem); }

.rp-application .gform_wrapper.gravity-theme,
.rp-application .gform_wrapper { --gf-color-primary: var(--c-figma-navy); margin: 0; }

.rp-application .gform_fields { gap: 1.75rem 1.5rem; }

.rp-application .gfield { grid-column: span 12; margin: 0; }
.rp-application #field_6_13,
.rp-application #field_6_12,
.rp-application #field_6_3,
.rp-application #field_6_14 { grid-column: span 6; }

.rp-application #field_6_15,
.rp-application .gfield_visibility_hidden { display: none !important; }

.rp-application .gfield_label {
	font-family: var(--ty-font); font-weight: 700; font-size: 0.75rem; line-height: 1;
	letter-spacing: 0; text-transform: uppercase; color: var(--c-heading-ink); margin: 0 0 0.6rem;
}

.rp-application .gfield_required_asterisk { color: var(--c-required); font-weight: inherit; }

.rp-application .ginput_container input[type="text"],
.rp-application .ginput_container input[type="email"],
.rp-application .ginput_container input[type="tel"],
.rp-application .ginput_container input[type="number"] {
	width: 100%; height: 3rem; padding: 0 0.875rem;
	font-family: var(--ty-font); font-size: 1rem; color: var(--c-heading-ink);
	background: #fff; border: 1px solid var(--c-input-border); border-radius: 0; box-shadow: none;
}
.rp-application .ginput_container input:focus { outline: 2px solid var(--c-figma-navy); outline-offset: -1px; }

.rp-application .gform_fileupload_multifile .gform_drop_area,
.rp-application .gfield--type-fileupload .gform_drop_area {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem;
	min-height: 13rem; padding: 1.5rem; background: #fafafa;
	border: 1px solid var(--c-input-border); border-radius: 0; text-align: center;
}
.rp-application .gform_drop_instructions {
	font-family: var(--ty-font); font-weight: 300; font-size: 14px; line-height: 1; color: #000;
}
.rp-application .gform_button_select_files {
	font-family: var(--ty-font); font-weight: 300; font-size: 14px; line-height: 1; color: #000;
	padding: 0.35rem 0.85rem; background: #fff; border: 1px solid var(--c-select-border); border-radius: 0;
}

.rp-application .gform_heading { display: none; }
.rp-application .gform_footer { display: flex; flex-direction: column; align-items: flex-start; }   
.rp-application .rp-required-legend {
	font-family: var(--ty-font); font-weight: 300; font-size: 14px; line-height: 1;
	color: var(--c-heading-ink); margin: 0 0 1rem;
}

.rp-application .gform_footer { margin: 1.25rem 0 0; padding: 0; }
.rp-application .gform_button,
.rp-application .rp-submit {
	display: inline-flex; align-items: center; gap: 0.6rem;
	padding: 1rem 1.6rem; background: var(--c-figma-navy); color: #fff; border: 0; border-radius: 0;
	font-family: var(--ty-font); font-weight: 700; font-size: 0.9375rem; line-height: 1;
	text-transform: uppercase; letter-spacing: 0; cursor: pointer;
}
.rp-application .rp-submit svg { display: block; flex: 0 0 auto; }

@media (max-width: 860px) {
	.careers-application_grid { grid-template-columns: 1fr; }
	.careers-application_meta { flex-direction: column; gap: 0.5rem; }
}
@media (max-width: 560px) {
	.rp-application #field_6_13, .rp-application #field_6_12,
	.rp-application #field_6_3, .rp-application #field_6_14 { grid-column: span 12; }
}