/* CCREEE job application form overrides (loads after Simple Job Board plugin CSS) */

.single-jobpost form.jobpost-form.contact-form .inside:has(> label[for^="jobapp_"]) {
	display: none;
}

.single-jobpost .sjb-application-form .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.single-jobpost form.jobpost-form.contact-form .form-control,
.single-jobpost .sjb-application-form .form-control {
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0 5px !important;
	padding: 13px 20px !important;
	background-color: #fff;
	border: 1px solid #fff;
	font-family: inherit;
	font-size: 16px;
	line-height: 22px;
}

.single-jobpost form.jobpost-form.contact-form .form-control:focus,
.single-jobpost .sjb-application-form .form-control:focus {
	border-color: #0b67ba;
	outline: none;
}

.single-jobpost form.jobpost-form.contact-form input::placeholder,
.single-jobpost form.jobpost-form.contact-form textarea::placeholder,
.single-jobpost .sjb-application-form input::placeholder,
.single-jobpost .sjb-application-form textarea::placeholder {
	color: #9c9c9c;
	opacity: 1;
}

.single-jobpost form.jobpost-form.contact-form input::-webkit-input-placeholder,
.single-jobpost form.jobpost-form.contact-form textarea::-webkit-input-placeholder,
.single-jobpost .sjb-application-form input::-webkit-input-placeholder,
.single-jobpost .sjb-application-form textarea::-webkit-input-placeholder {
	color: #9c9c9c;
	opacity: 1;
}

.single-jobpost form.jobpost-form.contact-form input::-moz-placeholder,
.single-jobpost form.jobpost-form.contact-form textarea::-moz-placeholder,
.single-jobpost .sjb-application-form input::-moz-placeholder,
.single-jobpost .sjb-application-form textarea::-moz-placeholder {
	color: #9c9c9c;
	opacity: 1;
}

.single-jobpost form.jobpost-form.contact-form .validity-note,
.single-jobpost .sjb-application-form .validity-note {
	display: none;
	width: 100%;
	float: none;
	clear: both;
	margin: 2px 0 8px;
	font-size: 12px;
	line-height: 16px;
	color: #f15122;
	text-transform: none;
}

.single-jobpost form.jobpost-form.contact-form input.sjb-email-address.invalid + .validity-note,
.single-jobpost form.jobpost-form.contact-form input.sjb-phone-number.invalid + .validity-note,
.single-jobpost .sjb-application-form .sjb-email-field input.sjb-email-address.invalid + .validity-note,
.single-jobpost .sjb-application-form .sjb-phone-field input.sjb-phone-number.invalid + .validity-note {
	display: block;
}

/* International telephone input */
.single-jobpost form.jobpost-form.contact-form .iti,
.single-jobpost .sjb-application-form .sjb-phone-field .iti {
	display: block !important;
	width: 100% !important;
	margin: 10px 0 5px;
}

.single-jobpost form.jobpost-form.contact-form .iti input,
.single-jobpost form.jobpost-form.contact-form .iti input[type="tel"],
.single-jobpost .sjb-application-form .sjb-phone-field .iti input,
.single-jobpost .sjb-application-form .sjb-phone-field .iti input[type="tel"] {
	width: 100% !important;
	height: 48px;
	padding: 13px 20px 13px 52px !important;
	margin: 0 !important;
	box-sizing: border-box;
}

.single-jobpost form.jobpost-form.contact-form .iti__flag-container,
.single-jobpost .sjb-application-form .sjb-phone-field .iti__flag-container {
	height: 100%;
	padding: 0;
}

.single-jobpost form.jobpost-form.contact-form .iti__selected-flag,
.single-jobpost .sjb-application-form .sjb-phone-field .iti__selected-flag {
	display: flex !important;
	align-items: center;
	height: 100%;
	padding: 0 8px !important;
}

.single-jobpost form.jobpost-form.contact-form .iti__selected-flag .iti__arrow,
.single-jobpost .sjb-application-form .sjb-phone-field .iti__selected-flag .iti__arrow {
	margin-top: 0;
}

.single-jobpost form.jobpost-form.contact-form .iti span,
.single-jobpost .sjb-application-form .sjb-phone-field .iti span {
	width: auto;
	float: none;
}