// Job-Room-landingpage
.tool__heading {
	font-weight: $text-weight-light;
	letter-spacing: $text-base-spacing;

	@media screen and (min-width: 480px){
		padding: ($margin-y-general * 2) 0 0 ($margin-y-general * 2);
	}

	@media screen and (max-width: 767px){
		font-weight: 400;
		font-size: $h4-font-size;
		text-align: center;
		padding: 1rem;
	}
}

.jumbotron--job-room {
	background-repeat: no-repeat !important;
	background: transparent;
}
.jumbotron--landingpage .tool__heading {
	margin-top: .75em;
}

// Process

@media screen and (max-width: 479px) {
	.landing-page--container.process-container {
		padding: $alv-box-radius;

		.process-container__text {
			display: none;
		}
	}
}
.process {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 50%;

	@media screen and (max-width: 479px){
		flex-direction: column;
		height: 100%;
	}

	.process__item {
		flex-grow: 1;

		display: table;
		width: calc(25% - #{$margin-y-narrow*2});

		background: $white;
		height: 100%;

		margin-right: 2rem;
		padding: $margin-x-narrow $margin-y-narrow;

		text-align: center;
		cursor: pointer;
		hyphens: auto;

		@media screen and (min-width: 480px){
			&.has-arrow:after {
				left: 100%;
				top: 50%;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-style: solid;
				border-color: transparent;
				border-left-color: rgba($white, 0.5);
				border-width: $margin-y-general;
				margin-top: -($margin-y-general);
			}

			&.has-arrow:last-child {
				margin-right: 0;

				&:after {
					border-width: 0;
					margin-top: 0;
				}
			}
		}

		&:hover {
			background: $brand-primary;
			color: theme-color('light');
		}

		p {
			margin: 0;
			display: table-cell;
			vertical-align: middle;
		}


		@media screen and (max-width: 479px){
			margin: .25rem 0;

			p {

			}
		}
	}
}

@media screen and (max-width: 479px) {
	.process {
		.process__item {
			width: 100%;
		}
	}
}


@media screen and (min-width: 480px) and (max-width: 1024px) {
	.tool__heading {
		margin-top: 1em;
	}

	.process {
		.process__item {
			margin-right: 1rem;
			padding: ($margin-x-narrow/2) ($margin-y-narrow/2);
		}
	}
}