/* Career Form — file (resume) input treatment.
   No <input type="file"> exists elsewhere on the site, so this styles the
   .input-file wrapper to read consistently with the outlined .input-text fields.
   Unlike text inputs, the file input keeps a visible (non-floating) label. */

.input-file {
	text-align: left;
	font-size: 1rem;

	label {
		display: block;
		margin-bottom: .5em;
		color: var(--text-color);
	}

	input[type='file'] {
		width: 100%;
		padding: 1em;
		cursor: pointer;
		color: var(--text-color);
		background: transparent;
		border-width: var(--frm-bdr-w);
		border-style: var(--frm-bdr-stl);
		border-radius: var(--frm-bdr-rds);
		border-color: var(--text-color);
		transition: border-color var(--g-trn-sp) var(--g-trn-tf) 0s;
	}

	small {
		margin-top: .5em;
		color: var(--text-color);
	}
}

.focused .input-file input[type='file'] {
	border-color: var(--highlight-color) !important;
}

.invalid .input-file input[type='file'] {
	border-color: var(--invalid-color) !important;
}

.valid .input-file input[type='file'] {
	border-color: var(--valid-color);
}