/* #####################
## JOBS POST TYPE #####
##################### */


[style="text-align: justify;"] {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.jobs-categories {
	display: flex;
	gap: 40px;
	gap: calc(var(--clamp-scale-3) * 40);
	row-gap: calc(var(--clamp-scale-4) * 50);
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.jobs-category {
	/* flex-basis: calc(50% - 40px);*/


}



.jobsdetail .et_post_footer_wrapper {
	justify-content: space-between;
	align-items: flex-start;
	gap: calc(var(--clamp-scale-2) * 50) !important;
}



.jobs-category__footer_buttons {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	gap: calc(var(--clamp-scale-2) * 30) !important;
	width: 260px;
}

.jobs-category__footer_buttons .et_back_button {
	justify-content: center;
}

.jobsdetail .et_post_footer_wrapper:first-child {
	margin-bottom: 0;
}



.jobs-category:hover .jobs-category__title {
	text-decoration: underline;
}

.jobs-category__title {
	font-size: 24px !important;
	font-size: calc(var(--clamp-scale-2) * 30) !important;
	line-height: normal !important;
	font-weight: bold !important;
	margin-bottom: calc(var(--clamp-scale-3) * 25);
	padding: 0 !important;
	;
}

.jobs-category__p {
	font-size: 18px !important;
	font-size: calc(var(--clamp-scale-1) * 18) !important;
	line-height: normal !important;
	font-weight: normal !important;
}


.jobs-category__image_wrapper::before {
	content: "";
	height: 40%;
	background: white;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 80%, #FFF 100%);
	left: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}

.jobs-category__image_wrapper {
	height: 250px;
	height: calc(var(--clamp-scale-3) * 250) !important;
	position: relative;
	overflow: hidden;
	width: calc(100% - 260px - calc(var(--clamp-scale-2) * 50));
}

.jobs-categories .jobs-category__image_wrapper {
	width: 100%;
}

.jobs-category__image_wrapper img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	display: block;
	transition: transform .4s;
}

.jobs-category:hover .jobs-category__image_wrapper img {
	transform: scale(1.05);
}


/* job detail */

/* jobitem */

.jobitem__wrapper {
	gap: 30px;
	gap: calc(var(--clamp-scale-5) * 30);
	display: flex;
	flex-direction: column;
}


.jobitem {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;

	background-color: #f4f4f4;
	padding: 20px;
	transition: padding 0.5s;
	border: 1px solid #d9d9d9;
}

.jobitem.open {
	background-color: white !important;
	padding-top: calc(var(--clamp-scale-3) * 50);
	padding-bottom: calc(var(--clamp-scale-3) * 50);
}

.jobitem:before {
	content: "\E050";
	position: absolute;
	right: 0;
	font-size: 16px;
	color: #ccc;
	top: 50%;
	margin-top: -0.5em;
	right: 20px;
	left: auto;
	font-family: ETmodules !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 0 0;
	direction: ltr;
	transition: opacity 0.5s;
}

.jobitem.open:before {
	opacity: 0;
}

.jobitem__title {
	font-size: 24px !important;
	font-size: calc(var(--clamp-scale-2) * 25) !important;
	line-height: normal !important;
	font-weight: bold !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	width: 100%;
}

.jobitem.open .jobitem__title {
	cursor: default;
}

.jobitem__content {
	font-size: 18px !important;
	font-size: calc(var(--clamp-scale-1) * 18) !important;
	line-height: normal !important;
	font-weight: normal !important;


	padding: 0;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	margin-top: calc(var(--clamp-scale-2) * 25);
	margin-bottom: calc(var(--clamp-scale-2) * 10);
}

.jobitem__content_wrapper {
	transition: max-height 1s;
	overflow: hidden;
	max-height: 0;
}

.jobitem:not(.open) .jobitem__content_wrapper {
	max-height: 0 !important;
}

.jobitem:not(.open) {
	cursor: pointer;
}

.jobitem__button--enquire {
	padding: 8px 35px;
	border: 2px solid;
	border-radius: 5px;
	color: black;
	display: inline-block;
	display: inline-flex;
	align-items: center;
	font-size: 18px !important;
	padding: 14px 35px;
	cursor: pointer;
	margin-top: calc(var(--clamp-scale-2) * 0);
	background: transparent !important;
	align-items: center;

}

.jobitem__button--enquire i {
	font-size: inherit;
	margin-right: 5px;
}

.jobitem__button--enquire:hover {
	background-color: #eee !important;
	color: black;
}

.jobitem__image {
	margin-bottom: calc(var(--clamp-scale-2) * 30) !important;
}



.jobitem__content .wp-block-image,

.jobitem__content>p {
	padding-bottom: calc(var(--clamp-scale-2) * 30) !important;
}

.jobitem__content .wp-block-image .wp-element-caption {
	font-weight: bold;
}

.jobitem__content>p:last-child {
	padding-bottom: 0 !important;
}

.is-style-rounded img {
	border-radius: 50%;
}


/* .jobitem__button--enquire::before {
  font-family: 'etModules';
  content: "\24";
  content: "\6c";

  display: inline-block;
  margin-right: 5px;
  position: relative;
  font-size:
} */

body.tax-jobs-category #main-content {
	background-image: linear-gradient(180deg, #d6d6d6 0%, #ffffff 100%) !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	padding-top: calc(var(--clamp-scale-2) * 50) !important;
	padding-bottom: calc(var(--clamp-scale-2) * 50) !important;
}

body.tax-jobs-category .jobsdetail {
	padding: 120px 80px;
	padding: calc(var(--clamp-scale-4) * 120) calc(var(--clamp-scale-5) * 80);
	width: calc(100% - 280px);
	width: calc(100% - calc(var(--clamp-scale-4) * 280));
	background: white;
	max-width: 1200px;
	margin: 0 auto;
}

.jobsdetail .jobs-category {
	display: flex;
	flex-direction: row-reverse;
	flex-direction: column;
	gap: 80px;
	gap: calc(var(--clamp-scale-5) * 80);
	margin-bottom: 80px;
	margin-bottom: calc(var(--clamp-scale-3) * 80);
}

.jobsdetail .jobs-category>* {
	flex-basis: 50%;
}

.jobsdetail .jobs-category__content {
	flex: 1;
}

.jobsdetail .jobs-category__image_wrapper {
	height: calc(var(--clamp-scale-4) * 350) !important;
	height: auto !important;
	max-width: 600px;
	max-width: unset;
}

.jobsdetail .jobs-category__image_wrapper::before {
	display: none;
}

.jobsdetail .jobs-category__image_wrapper img {
	transform: none !important;
}

.jobsdetail h1 {
	text-decoration: none !important;
	font-size: calc(var(--clamp-scale-2) * 35) !important;
	line-height: normal !important;
	font-weight: bold !important;
	margin-bottom: calc(var(--clamp-scale-2) *30);
	padding: 0 !important;
}

.jobsdetail h1 small {
	font-size: 18px !important;
	font-size: calc(var(--clamp-scale-1) * 18) !important;
	font-weight: normal !important;
	margin-bottom: -60px;
	margin-bottom: calc(var(--clamp-scale-2) * -60);
	display: block;
}

.jobsdetail h3,
.jobsdetail_enquiry h2,
.jobsdetail h2 {
	font-size: calc(var(--clamp-scale-2) * 30) !important;
	line-height: normal !important;
	font-weight: bold !important;
	margin-bottom: calc(var(--clamp-scale-2) *30);
	padding: 0 !important;
}


.jobitem__content h3,
.jobsdetail .jobs-category__content h3 {
	font-size: calc(var(--clamp-scale-2) * 22) !important;
}

.jobsdetail h4 {
	font-size: calc(var(--clamp-scale-1) * 22) !important;
	line-height: normal !important;
	font-weight: bold !important;
	margin-bottom: calc(var(--clamp-scale-1) *10);
	padding: 0 !important;
	color: #e02b20 !important;
}



.jobs-category__content>*:not(:last-child) {
	margin-bottom: calc(var(--clamp-scale-1) *30);
	padding-bottom: 0;
}


.jobsdetail .jobs-category__content h2,
.jobsdetail .jobs-category__content h3,
.jobsdetail .jobs-category__content h4,
.jobsdetail .jobs-category__content h5 {
	margin-bottom: calc(var(--clamp-scale-2) *15);
}


/* jobsdetail enquiry */

.jobsdetail_enquiry>h2,
.jobsdetail_enquiry>p {
	text-align: center;
}

.jobsdetail_enquiry>p a {
	color: #e02b20;
	text-decoration: underline;
}

.jobsdetail_enquiry>p a:hover {
	text-decoration: none;
}

.jobsdetail_enquiry hr {
	border: 0;
	height: 3px;
	background: black;
	width: 100%;
	margin: 50px 0px;
	margin: calc(var(--clamp-scale-3) * 80) 0px;
	margin-bottom: calc(var(--clamp-scale-3) * 60);
}

.jobsdetail_enquiry>p {
	margin-bottom: 20px;
	margin-bottom: calc(var(--clamp-scale-3) * 20);
}

.jobsdetail_enquiry .et-pb-contact-message {
	margin-bottom: 20px;
}

.jobsdetail_enquiry .form-field {
	flex: 1;
	flex-basis: calc(100% - 30px);
	flex-basis: calc(100% - calc(var(--clamp-scale-2) * 30));

}

.jobsdetail_enquiry .form-field.form-field-half {

	flex-basis: calc(50% - 30px);
	flex-basis: calc(50% - calc(var(--clamp-scale-2) * 30));
}

.jobsdetail_enquiry form {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	gap: calc(var(--clamp-scale-2) * 30);
	row-gap: 20px;
	row-gap: calc(var(--clamp-scale-2) * 20);
}

.jobsdetail_enquiry .form-field input,
.jobsdetail_enquiry .form-field textarea,
.jobsdetail_enquiry .form-field select {
	width: 100%;
	-webkit-appearance: none;
	background-color: #eee;
	width: 100%;
	border-width: 0;
	border-radius: 0;
	color: #999;
	font-size: 14px;
	padding: 16px;
	color: #777 !important;
	font-size: 18px !important;
	border: 1px solid #eee;
}

.jobsdetail_enquiry .form-field input[readonly] {
	background: white !important;
}

.jobsdetail_enquiry .form-field small {
	font-size: 15px;
	font-style: italic;
}

.jobsdetail_enquiry .form-field.form-field-submit {
	background: transparent;
	display: flex;
	justify-content: center;
}

.jobsdetail_enquiry .form-field.form-field-submit>p {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

.jobsdetail_enquiry .form-field input[type="file"] {
	border: 0;
}

.jobsdetail_enquiry .form-field input[type="submit"] {
	background: transparent;
	border-radius: 5px;
	border: 2px solid #e02b20;
	color: #e02b20 !important;

	width: auto;
	cursor: pointer;
	padding: 16px 30px;
}


.jobsdetail_enquiry .form-field input[type="submit"][disabled] {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;

}

.jobsdetail_enquiry form>p {
	flex-basis: 100%;
}



.jobsdetail_enquiry .form-field input[type="submit"]:hover {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	color: black !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #e02b20 !important;
	margin: 0 auto !important;
	color: #e02b20 !important;
	text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
	margin: 0 auto;
	display: none !important;
}

.jobsdetail_enquiry input[type=file] {
	background: transparent;
	width: 100%;
	padding: 0;
	font-size: 16px;
}

.jobsdetail_enquiry input[type=file]::file-selector-button {
	margin-right: 20px;
	border: 2px solid black;
	border-radius: 4px;
	background: transparent;

	color: black;
	cursor: pointer;

	transition: background .2s ease-in-out;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 100%;
	font-family: inherit;
}

.jobsdetail_enquiry input[type=file]::file-selector-button:hover {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	color: black !important;
}

#JobTitleInput {
	cursor: pointer;
}

#JobTitleInput:hover {
	background-color: #eee !important;
}


.jobsdetail_enquiry .wpcf7-list-item-label a {
	text-decoration: underline;
	color: #e02b21;
}

.jobsdetail_enquiry .wpcf7-list-item-label a:hover {
	text-decoration: none;

}

.jobsdetail_enquiry .form-field input[type="checkbox"] {
	width: 25px;
	height: 25px;
	padding: 0;
	margin-right: 10px;
	width: calc(var(--clamp-scale-1) * 25);
	height: calc(var(--clamp-scale-1) * 25);
	cursor: pointer;
	position: relative;
}

.jobsdetail_enquiry .form-field input[type="checkbox"]::before {
	content: "";
	display: inline-block;
	transform: rotate(45deg) scale(0);
	height: 17px;
	height: calc(var(--clamp-scale-1) * 17);
	width: 7px;
	width: calc(var(--clamp-scale-1) * 7);
	border-bottom: 3px solid black;
	border-right: 3px solid black;
	border-bottom: calc(var(--clamp-scale-1) * 3) solid black;
	border-right: calc(var(--clamp-scale-1) * 3) solid black;
	position: absolute;
	top: 0px;
	left: 7px;
	left: calc(var(--clamp-scale-1) * 7);

}

.jobsdetail_enquiry .form-field input[type="checkbox"]:checked::before {
	transform: rotate(45deg) scale(1);
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.wpcf7-form-control.wpcf7-acceptance label {
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
}


@media screen and (max-width: 1024px) {

	.jobsdetail .jobs-category {
		flex-direction: column;
		gap: calc(var(--clamp-scale-3) * 50)
	}

	.jobsdetail .jobs-category__image_wrapper {
		max-height: calc(var(--clamp-scale-3) * 300) !important;
		width: 100%;

	}

	.jobsdetail .et_post_footer_wrapper {
		flex-direction: column-reverse;
		align-items: flex-end;
	}

	.jobs-category__footer_buttons {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: flex-start;
	}

	.jobs-category__footer_buttons {
		white-space: nowrap;
	}


}

@media screen and (max-width: 768px) {

	body.tax-jobs-category .jobsdetail {
		width: calc(100% - calc(var(--clamp-scale-4) * 80));
	}

	.jobsdetail_enquiry .form-field {
		flex-basis: 100% !important;
	}

	body.tax-jobs-category .jobsdetail {
		padding-top: 60px;
		padding-bottom: 60px;
		padding-top: calc(var(--clamp-scale-3) * 60);
		padding-bottom: calc(var(--clamp-scale-3) * 60);
	}

}


@media screen and (max-width: 550px) {


	.jobs-categories {
		display: flex;
		flex-direction: column;
	}


	.jobsdetail .et_post_footer_wrapper {
		align-items: flex-end;
	}

	body.tax-jobs-category .jobsdetail {
		padding-left: 20px;
		padding-right: 20px;
	}

	.jobitem__title {
		text-align: left;
	}

	.jobsdetail_enquiry .form-field input[type="file"] {
		font-size: 15px !important;
	}

	.jobs-category__footer_buttons {
		flex-direction: column;
	}



}