@bulkhead-height: 90px;

.bulkhead {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	padding: 0 @padding-medium;
	height: @bulkhead-height;
	background: @white;
	border-bottom: 1px solid @light-grey;
	box-shadow: 0px 1px 5px fade(@black, 3.5%);

	@media @medium-up {
		left: @sidebar-width;
	}

	input,
	.select {
		margin-top: 0;
		margin-bottom: 0;
		max-width: 900px;
	}

	> form {
		flex: 1;
	}

	.flex-1 {
		flex-direction: column;
		align-items: flex-start;
	}
}

.bulkhead-left {
	flex: 1;
}

.bulkhead-right {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}

.bulkhead-title {
	margin: 0;
	width: 100%;
	line-height: 3.2rem;
}