/*

 * This is necessary for when the user selects to display the admin bar at the top

 * of the site when they are logged in. Otherwise part of the header would be

 * overlapped by the admin bar.

 */

.admin-bar .header-fixable {

	top: 28px;

}

body {
	overflow: hidden;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}



.header {

	background: #ffffff;

	margin: 0 0 24px;

}



.header-fixable {

	background: #ffffff;

	left: 0;

	right: 0;

	top: 0;

	z-index: 10001;

}



.header-nav {

	padding: 3px 20px;

	text-align: center;

	vertical-align: middle;

}



/**

 * This is absolutely positioned to the absolute top of the site

 * so that it isn't padded downwards when the scroll padding stuff

 * happens.

 */

#top {

	position: absolute;

	top: 0;

}



.site-logo-container-outer {

	display: block;

	display: table;

	max-width: 100%;

	table-layout: fixed;

	width: 100%;

}



.site-logo-container {

	display: block;

	display: table-row;

	max-width: 100%;

	width: 100%;

}



.header-nav .menu-sliding-toggle,

.header-nav .menu-sliding-spacer,

.header-nav .site-logo {

	display: block;

	display: table-cell;

	vertical-align: middle;

	white-space: nowrap;

}



.header-nav .menu-sliding-toggle {

	display: block;

	display: table-cell;

	font-size: 24px;

	text-align: left;

	vertical-align: middle;

	width: 48px;

}



.header-nav .menu-sliding-spacer {

	width: 0;

}



.site-logo {

	font: normal 700 28px/30px 'Raleway', sans-serif;

	text-decoration: none;

	text-align: left;

	text-transform: uppercase;

}



.site-logo:hover {

	text-decoration: none;

}



.site-logo-image-container {



}



.site-logo-image {



}



/* Search bar */

.search-bar {

	background: #0d0d0d;

	display: none;

	position: relative;

}



input[type="text"].search-terms {

	background: transparent;

	border: 0;

	color: #ffffff;

	display: block;

	font-family: 'Open Sans', sans-serif;

	font-size: 36px;

	font-weight: 300;

	line-height: normal;

	padding: 20px 45px 20px 0;

	width: 100%;

}



input[type="text"].search-terms:focus {

	outline: 0;

}



.search-terms::-webkit-input-placeholder {

   color: #777777;

}



.search-terms:-moz-placeholder { /* Firefox 18- */

   color: #777777;

}



.search-terms::-moz-placeholder {  /* Firefox 19+ */

   color: #777777;

}



.search-terms:-ms-input-placeholder {

   color: #777777;

}



/* Masthead */

.masthead-slideshow,

.masthead-introduction {

	padding-bottom: 10px;

}



.masthead-slideshow .carousel {

	margin-top: 0;

}



.masthead-image {



}



.masthead-title {

	border-bottom: 0;

	text-align: left;

}



.masthead-text {

	padding: 12px 12px 0;

}



.masthead-text > *:last-child {

	margin-bottom: 0;

}

.header-nav-menu-container .menu-menu-container {
	display: inline-block;
}