.page-404 {
	position: relative;

	.searchform {
		position: relative;
		display: block;
		margin: 20px auto 100px auto;
		max-width: 860px;
		box-sizing: border-box;
	}

	input[name=s] {
		box-sizing: border-box;
		z-index: 1;
		padding: 15px 122px 15px 30px;
		width: 100%;
		height: 60px;
		font-size: 18px;
		font-weight: 200;

		&:focus {
			font-style: normal;
		}
	}

	input[type=submit] {
		position: absolute;
		top: 5px;
		right: 5px;
		bottom: 5px;
		z-index: 3;
		padding: 0em 2.2em !important;
		height: 50px;
		font-size: 16px;
		opacity: 0;
		transition: all .3s ease !important;
		box-shadow: none;
	}

	input[name=s]:focus + input[type=submit],
	&:hover input[type=submit] {
		opacity: 1;
	}
}

#header-404 {
	display: block;
	margin: 0 auto;
	padding: 80px 0px 10px 0px;
	height: auto;
	width: auto;
	max-width: 860px;
	background-size: 120px;
	color: var( --vamtam-accent-color-4 );
	text-align: left;
	background: url('../../images/404.svg') no-repeat left 110px / 130px;

	.line-1 {
		font: var( --vamtam-h1-font-weight ) var( --vamtam-h1-font-style ) 150px/1.1 var( --vamtam-h2-font-family );
		color: var( --vamtam-accent-color-1 );
		padding-left: 150px;
		padding-bottom: 10px;
	}

	.line-2 {
		font: var( --vamtam-h4-font-weight ) var( --vamtam-h4-font-style ) 54px/1.1 var( --vamtam-h2-font-family );
		color: var( --vamtam-accent-color-6 );
		line-height: 0.8em;
		padding-bottom: 30px;
	}

	.line-3 {
		font: var( --vamtam-h4-font-weight ) var( --vamtam-h4-font-style ) 20px/1.2 var( --vamtam-h2-font-family );
		color: var( --vamtam-accent-color-3 );
	}

	.line-4 {
		margin-top: 30px;
		color: var( --vamtam-accent-color-3 );
	}
}

#vamtam-no-search-results {
	min-height: 50vh;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;

	h3 {
		text-align: center;
		margin: 35px 0 18px 0;

		+ div {
			text-align: center;
		}
	}

	.page-404 {
		margin-top: 100px;
		min-width: 50%;
	}
}