_sg-jobs.scss

.tx-sgjobs .default-content-element .sgjobs-apply-form div[class*="col-xs"] {
	margin: 0;
	padding: 0 5px;
}

@media (max-width: 550px) {
	.tx-sgjobs .default-content-element .sgjobs-apply-form div[class*="col-xs"] {
		width: 100%;
	}
}

.sgjobs-highlight-area {
	@extend %sg-card-shadow-1;
	background: $sg-jobs-background-color;
	color: $sg-jobs-foreground-color;

	.default-list {
		margin-bottom: 0;
		font-size: 18px;
	}

	h3 {
		font-size: 20px;
	}
}

#sgjobs-joblist .sg-jobs-job {
	border-top: 1px solid $sg-jobs-border-color;
}

.sg-jobs-job {
	margin-bottom: $margin-base-vertical * 2;

	.sg-card-title {
		// stylelint-disable declaration-no-important
		flex-grow: 0 !important;
		// stylelint-enable

		+ * {
			flex-grow: 1;
			background-color: $sg-jobs-background-color;
			color: $sg-jobs-foreground-color;
		}
	}

	.btn-warning {
		border-color: $brand-warning;
	}

	&:hover {
		.btn-warning {
			border-color: $brand-warning;
		}
	}
}

.main-content > .default-content-element.sgjobs-header {
	margin-bottom: -10px;
	padding-top: 10px;
}

.sgjobs-meta-box {
	h3 {
		font-size: 17px;
		font-weight: 700;
		line-height: 1.3;
	}

	hr {
		margin: 10px 0 0;
	}

	.shariff .orientation-horizontal {
		margin: 0 -5px 10px;
	}

	// stylelint-disable selector-max-compound-selectors
	.shariff .orientation-horizontal li:last-of-type,
	.shariff .orientation-horizontal li {
		margin: 0 5px 5px;
	}

	// stylelint-enable

	.default-content-element.sg-cta {
		margin: 0 -20px -5px;

		.btn {
			display: block;
		}
	}

	.downloads {
		margin-bottom: $margin-base-vertical;

		.download-link {
			font-size: $sg-jobs-font-size-base;

			&__file-properties {
				margin-left: 0;
			}
		}
	}
}

.sgjobs-apply-form [type="submit"] {
	float: right;

	.fa-paper-plane {
		transform: rotate(15deg);
	}
}

.sgjobs-apply-form {
	.jobs-upload {
		width: 100%;
		min-height: 55px;
		// default bootstrap border+shadow
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		border: 1px solid #a6a6a6;
		position: relative;
		border-radius: 0;

		button.dz-button {
			position: absolute;
			bottom: 0;
			right: 0;
			border: 0 none;
			outline: 0 none;
			background: #a6a6a6;
			color: $color-standard-white;
			padding: 3px 12px;

			&::after {
				@include inline-svg($cloud-upload, $color-standard-white);
				transform: translateY(4px);
				content: '';
				display: inline-block;
				width: 22px;
				height: 20px;
				margin-left: 8px;
			}
		}
	}
}


.sgjobs-description {
	.list-default li::before {
		color: $sg-jobs-foreground-color;
	}
}

.row.default-content-element.sgjobs-description [class*="col-"] {
	margin-bottom: 0;
}

.sg-jobs-contact-box {
	display: flex;

	img {
		float: right;
		border-radius: 150px;
	}

	&__text {
		width: 80%;

		@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
			width: 75%;
		}
	}
}

.sgjobs-social-sharer {
	.share_text {
		display: none;
	}

	.sharer {
		min-width: auto;
		max-width: 34px;
		margin-right: 10px;

		@media (min-width: $screen-md) {
			margin-right: 1.8%;
		}

		.fa::after {
			top: 2px;
		}

		.fa-facebook::after {
			left: 12px;
		}
	}
}

.sgjobs-filter-checkbox-form-control {
	> label {
		margin-left: 5px;
	}
}

.sgjobs-checkbox {
	width: auto;
	box-shadow: none;
	display: inline;
	height: 13px;
}