.easyjobs-shortcode-wrapper {
	h1,
	h2,
	h3,
	h4 {
		margin: 0;
	}
	p {
		margin-bottom: 0;
	}
	a {
		color: inherit;
	}
	.ej-template-elegant * {
		padding: 0;
		margin: 0;
	}

	.mt60 {
		margin-top: 60px;
	}

	.ej-row {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
	.ej-col {
		flex: 1 0 0;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.ej-col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.pb100 {
		padding-bottom: 100px;
	}
	.pt100 {
		padding-top: 100px;
	}
	.pt60 {
		padding-top: 60px;
	}
	.mr15 {
		margin-right: 15px;
	}

	@media all and (max-width: 991px) {
		.ej-col-lg-6 {
			flex: 0 0 100%;
			max-width: 100%;
		}
	}
}
.easyjobs-details.ej-template-elegant .ej-content-block > :not(h1) {
	margin-left: 0;
}
.ej-template-elegant {
	.job__vacancy {
		h4 {
			margin: 0;
		}
	}

	.ej-container {
		max-width: 1140px;
		margin: 0 auto;
		padding: 0 15px;
	}

	.ej-section {
		margin-top: 0;
	}

	.button {
		display: inline-block;
		padding: 15px 23px;
		font-size: 14px;
		line-height: 1.3;
		font-weight: 500;
		text-align: center;
		background: #ff5f74;
		border: 1px solid #ff5f74;
		color: #fff;
		border-radius: 5px;
		-webkit-transition:
			background 0.3s ease,
			color 0.3s ease,
			border 0.3s ease,
			-webkit-box-shadow 0.3s ease;
		transition:
			background 0.3s ease,
			color 0.3s ease,
			box-shadow 0.3s ease,
			border 0.3s ease;
		transition:
			background 0.3s ease,
			color 0.3s ease,
			box-shadow 0.3s ease,
			border 0.3s ease,
			-webkit-box-shadow 0.3s ease;

		&:hover {
			background: #ff5f74;
			border: 1px solid #ff5f74;
			color: #fff;
		}

		.button__primary {
			background: #597dfc;
			color: #fff;
		}

		.button__primary:not(.hover__highlight) {
			background: #ff5f74;
		}
	}

	.button__primary:not(.hover__highlight),
	.ej-header .header__block .button__area .button {
		border-color: #ff5f74;
	}

	.button.radius-15 {
		border-radius: 15px;
	}

	.section__header {
		text-align: center;
		margin-bottom: 50px;

		&--flex {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			gap: 15px;
		}

		.ej-section-title {
			margin-bottom: 0;

			.ej-section-title-text {
				margin-left: 0;
			}
		}

		h2 {
			color: #1a1751;
			font-size: 36px;
			font-weight: 600;
		}

		.job-filter {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			gap: 15px;

			.search-bar {
				.form-control {
					display: block;
					width: 100%;
					height: calc(1.5em + 0.75rem + 2px);
					padding: 0 15px;
					font-size: 1rem;
					font-weight: 500;
					line-height: 1.5;
					color: #495057;
					background-color: #fff;
					background-clip: padding-box;
					border: 1px solid #ced4da;
					border-radius: 5px;
					background: #fff;
					transition:
						border-color 0.15s ease-in-out,
						box-shadow 0.15s ease-in-out;
				}

				.form-control {
					height: 50px;
					font-size: 14px;
				}
			}

			.select-option {
				position: relative;
				background: #fff;
				border-radius: 5px;
				height: 50px;
				border: none;

				select {
					padding-right: 66px;
					padding-left: 15px;
					font-size: 0.875rem;
					line-height: 1.4286;
					font-family: unset;
					font-weight: 500;
					border-radius: 5px;
					height: 100%;
					background: transparent;
					color: #7d8091;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 14px;
					border: 1px solid #ced4da;
				}

				&:after {
					position: absolute;
					content: "\e913";
					font-family: "eicon";
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
					right: 15px;
					background: rgba(89, 125, 252, 0.1);
					color: #597dfc;
					pointer-events: none;
					height: 20px;
					width: 20px;
					font-size: 10px;
					line-height: 20px;
				}
			}

			@media all and (max-width: 767px) {
				.ej-btn {
					padding: 13px 15px;
				}
			}
		}
	}

	.about__company {
		.ej-company-info {
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-bottom: 20px;

			.info {
				.name {
					color: #1a1751;
					font-weight: 500;
					font-size: 24px;
					line-height: 1.3;
					margin-bottom: 0;

					a {
						color: inherit;
					}
				}

				.location {
					color: #6e748a;
					font-size: 14px;
					font-weight: 400;
					line-height: 1.3;
				}
			}
		}

		.about__company__bottom {
			display: flex;
			margin-top: 30px;
			align-items: flex-start;

			.bottom__thumb {
				flex: 1 1 auto;

				img {
					max-width: 100%;
				}
			}
		}
	}

	.ej-company-description {
		h1 {
			font-size: 24px;
			color: #212529;
			font-weight: 600;
			line-height: 1.333333;
		}

		h2 {
			font-size: 22px;
			color: #212529;
			font-weight: 600;
			line-height: 1.333333;
		}

		p {
			font-size: 16px;
			color: #6e748a;
			font-weight: 400;
			line-height: 1.7;
			margin-bottom: 5px;
		}

		ul {
			text-align: left;
			padding: 0;
			margin: 0;
			margin-bottom: 10px;
			list-style: none;

			li {
				font-size: 16px;
				font-weight: 500;
				color: #6e748a;
				position: relative;
				padding-left: 25px;

				&::before {
					position: absolute;
					top: 7px;
					left: 0;
					height: 10px;
					width: 10px;
					background: #597dfc;
					border-radius: 50%;
					content: "";
				}

				&::after {
					position: absolute;
					top: 10px;
					left: 3px;
					height: 4px;
					width: 4px;
					background: #fff;
					border-radius: 50%;
					content: "";
				}
			}

			li:not(:last-child) {
				margin-bottom: 7px;
			}
		}

		ol {
			padding-left: 18px;
			margin-bottom: 10px;
			margin-left: 0;
			text-align: left;

			li {
				font-size: 16px;
				font-weight: 500;
				color: #6e748a;
				position: relative;
				padding-left: 10px;
			}

			li:not(:last-child) {
				margin-bottom: 7px;
			}
		}

		blockquote {
			font-size: 16px;
			color: #6e748a;
			font-weight: 400;
			line-height: 1.7;
			position: relative;
			padding-left: 15px;
			border-left: 5px solid #597dfc;
			margin-bottom: 10px;
		}
	}

	.job__card {
		background: #ffffff;
		box-shadow: 0px 20px 100px rgba(40, 37, 91, 0.05);
		border-radius: 5px;
		padding: 50px;
		margin-bottom: 30px;
		@media all and (max-width: 767px) {
			padding: 25px 15px;
		}

		h3 {
			font-size: 24px;
			font-weight: 600;
			color: #1a1751;
			margin-bottom: 5px;

			a {
				color: inherit;
			}
		}

		.job__bottom {
			display: flex;
			margin-top: 20px;
			@media all and (max-width: 575px) {
				flex-direction: column;
				gap: 15px;
			}

			.job__apply {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				margin-right: 30px;
			}

			.job__vacancy {
				-webkit-box-flex: 1;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;

				h4 {
					font-size: 32px;
					font-weight: 700;
					color: #597dfc;
					margin-bottom: 0;
					line-height: 1;
				}

				p {
					font-size: 16px;
					font-weight: 400;
					color: #6e748a;
				}
			}
		}

		.meta {
			span,
			a {
				color: #6e748a;

				&:not(:last-child) {
					margin-right: 20px;
				}

				i {
					font-size: 15px;
					margin-right: 8px;
				}
			}
		}

		.deadline {
			display: block;
			font-size: 15px;
			font-weight: 400;
			color: #9397a3;
			margin-top: 10px;
		}
	}

	.image__gallery {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
		gap: 30px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 30px;

		.item {
			flex: 0 0 calc(33.33% - 20px);
			height: 400px;
			@media all and (max-width: 991px) {
				height: 300px;
			}
			@media all and (max-width: 767px) {
				height: 250px;
			}
			@media all and (max-width: 575px) {
				flex: 0 0 calc(50% - 20px);
			}
			@media all and (max-width: 439px) {
				flex: 0 0 calc(100% - 30px);
			}

			img {
				height: 100%;
				width: 100%;
				-o-object-fit: cover;
				object-fit: cover;
			}
		}
	}

	.ej-hero {
		padding: 200px 0 100px;
		@media all and (max-width: 767px) {
			padding: 120px 0 80px;
		}

		h1 {
			font-size: 48px;
			font-weight: 700;
			color: #fff;
			margin-bottom: 20px;
		}

		.job__infos__block {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: space-between;
			margin-top: 30px;
			gap: 15px;
			@media all and (max-width: 767px) {
				flex-direction: column;
				gap: 20px;
			}

			.job__informations {
				flex: 1;
				@media all and (max-width: 767px) {
					width: 100%;
				}

				.location_time p span {
					color: #e7e7e7;
					font-size: 14px;
					font-weight: 400;

					i {
						font-size: 12px;
						margin-right: 5px;
					}
				}

				// Location and salary wrap as whole items (icon kept with its text).
				// The separator sits on each item's left; the first item of a line is
				// pulled into the clipped area, so no line ends with a stray "|".
				.location_time p {
					display: flex;
					flex-wrap: wrap;
					overflow: hidden;

					> span {
						margin-left: -11px;
						padding-left: 10px;
						border-left: 1px solid #e7e7e7;
						margin-right: 10px;
					}
				}
			}

			.job__info {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				flex: 1 1 45%;
				gap: 15px;
				width: 100%;
				margin-top: 20px;
				@media all and (max-width: 767px) {
					flex: 1 1 100%;
				}

				.info__item {
					text-align: center;
					padding: 10px;
					border: 1px solid #fff;
					border-radius: 5px;
					-webkit-box-flex: 0;
					-ms-flex: 0 0 150px;
					flex: 0 0 150px;
					transition: background 0.3s ease;

					&:hover {
						p,
						span {
							color: #ff5f74 !important;
						}
					}

					&:hover {
						background: #fff;
					}

					p {
						font-size: 16px;
						font-weight: 600;
						color: #fff;
						-webkit-transition: color 0.3s ease;
						transition: color 0.3s ease;
					}

					span {
						font-size: 14px;
						font-weight: 400;
						color: #e7e7e7;
						-webkit-transition: color 0.3s ease;
						transition: color 0.3s ease;
					}
				}
			}

			.meta {
				flex: 0 0 auto;
				text-align: right;
				@media all and (max-width: 767px) {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: flex-start;
				}

				.button {
					margin-bottom: 12px;
					border: 0;
					@media all and (max-width: 767px) {
						order: 3;
						margin-bottom: 0;
						margin-top: 14px;
					}
				}

				.deadline {
					color: #e7e7e7;
					font-size: 14px;
					font-weight: 400;
					text-align: right;
					margin-bottom: 15px;
					@media all and (max-width: 767px) {
						order: 1;
					}
				}

				.share__options {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					margin-right: auto;
					@media all and (max-width: 767px) {
						order: 2;
					}

					span {
						font-size: 14px;
						font-weight: 400;
						color: #e7e7e7;
						margin-right: 15px;
					}

					ul {
						padding: 0;
						margin: 0;
						list-style: none;
						display: flex;
						align-items: center;
						gap: 10px;

						li {
							margin: 0;

							a {
								height: 44px;
								width: 44px;
								border-radius: 50%;
								border: 1px solid #e9ecf0;
								background: #fff;
								text-align: center;
								font-size: 14px;
								line-height: 1;
								display: inline-flex;
								align-items: center;
								justify-content: center;

								.ej-x-logo {
									width: 14px;
									height: 14px;
								}

								&:hover {
									background: #ff5f74;
									border-color: #ff5f74;
								}

								&.facebook {
									color: #1877f2;

									&:hover {
										color: #fff;
									}
								}

								&.twitter {
									color: #0f1419;

									&:hover {
										color: #fff;
									}
								}

								&.linkedin {
									color: #0077b5;

									&:hover {
										color: #fff;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	.hero__bg {
		background: #f5f7fd;
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

		> .ej-container {
			position: relative;
		}

		&::before {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(0, 0, 0, 0.6);
			content: "";
		}
	}

	.job__details__block {
		.title {
			font-size: 36px;
			font-weight: 600;
			color: #1a1751;
			margin-bottom: 20px;
		}

		.skills {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			gap: 10px;
		}

		ol {
			margin-left: 0;
			list-style: inside decimal;
		}
	}

	.label {
		font-size: 14px;
		font-weight: 400;
		padding: 8px 20px;
		border-radius: 20px;
		text-transform: capitalize;
		display: inline-block;

		&.label__primary {
			background: #fff0f2 !important;
			color: #ff5f74 !important;
		}
	}

	.job__card .job__bottom .job__vacancy h4,
	.job__card .meta a:hover,
	.job__card h3 a:hover,
	.ej-header.fixed .button__area .button {
		color: #ff5f74;
	}

	.job__details .job__details__block__list li::before,
	.company__description ul li::before {
		background: #ff5f74 !important;
	}

	&.ej-template-elegant {
		.ej-header-tools {
			flex-grow: 1;
			text-align: right;
		}

		.ej-company-description {
			margin-top: 30px;
		}
	}
}

.ej-template-elegant .job__card h3 a {
	font-family: "Poppins";
	text-decoration: none;
}

.ej-template-elegant .job__card .meta a {
	text-decoration: none;
}