body:before {
	background: #FCFCFC;
}


/* ELEMENT: Slurm Logo */
/* ---------------------------- */

.slurm-logo {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 91.8%;
	background: url("slurm_logo.png") no-repeat 0 0;
	background-size: contain;
	text-indent: -99999em;
}


/* ELEMENT: Slurm Title */
/* ---------------------------- */

.slurm-title {
	display: none;
	max-width: 200px;
	margin: 0 auto 12px;
	text-align: center;
}

.slurm-title__version {
	color: #888888;
	font-size: 18px;
	font-weight: 600;
	margin-top: .5em;
	line-height: 1.2em;
	font-family: 'Ubuntu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}


/* ELEMENT: Slurm Menu */
/* ---------------------------- */

.slurm-menu__item {
	margin-bottom: 27px;
}

.slurm-menu__sub {
	margin-top: 9px;
}

.slurm-menu__sub li a {
	text-transform: none;
	letter-spacing: 0;
}

.slurm-menu__sub a {
	padding: 2px 18px;
	font-size: 17px;
}


/* ELEMENT: Figure */
/* ---------------------------- */

.figure {
	text-align: center;
	margin-bottom: 2em;
	color: #555555;
}

.figure img {
	margin-bottom: 0.5em;
	display: inline;
}


/* ELEMENT: Google Custom Search */
/* ---------------------------- */

.slurm-search {
	background: #FCFCFC;
	border-bottom: 1px solid #D8D8D8;
	padding: 14px 0 10px;
	height: 70px;
}

#cse * {
	box-sizing: content-box;
	overflow: visible;
}

.gsc-input-box {
	height: auto !important;
}

.gsc-search-button {
	vertical-align: top;
}

.gsc-control-cse {
	padding: 0 !important;
}


/* STRUCTURE: Masthead; */
/* ---------------------------- */

.site-masthead__title {
	float: left;
}

.site-masthead__title--slurm {
	width: 71px;
}


/* STRUCTURE: Site Navigation */
/* ---------------------------- */


/* Large Size */
@media screen and (min-width: 54em) {

	body:after {
		position: absolute;
		top: 0;
		width: 100%;
		height: 70px;
		content: "";
		background: linear-gradient(to right, #F5F5F5 0, #F5F5F5 50%, #FCFCFC 50%, #FCFCFC 100%);
		z-index: -1;
		border-bottom: 1px solid #D8D8D8;
	}

	.site-header {
		float: left;
		width: 360px;
		min-width: 360px;
		z-index: 1000;
		border-bottom-width: 0;
		border-right-width: 1px;
		background: #FCFCFC;
	}

	.site-masthead {
		overflow: hidden;
		border-bottom: 1px solid #D8D8D8;
		background: #F5F5F5;
		height: 70px
	}

	.site-masthead__title {
		padding: 18px 0;
		width: 130px;
		margin: 0 auto;
		float: none;
	}

	.site-masthead__title--slurm {
		position: absolute;
		left: -99999em;
	}

	.slurm-title {
		display: block;
	}
}
