/* ==========================================================================
   Header styling
   ========================================================================== */

.site-header-inner {
	color: #fff;
	background: $primary-color;
	z-index: 100;
  // @include debug-vertical-alignment; // uncomment to reveal grid for baseline debugging
	a {
		color: #fff;
	}
}

.site-title {
	float: left;
	display: block;
	font-family: $site-title-font;
	padding-right: $base-line-height;
	margin-bottom: 0;
	margin-right: 0px;
	text-shadow: 1px 1px rgba(0,0,0,0.4);
	@include adjust-font-size-to(25px, 3);
	@include transition-property(height);
	@include transition-duration(0.2s);
	@include transition-timing-function(ease-in);
	a {
		display: block;
		color: #fff;
		font-weight: normal;
	}
}

@media only screen and ( min-width: 960px ) {

	body {
	}

	body.admin-bar .site-header-inner {
		margin-top: 32px
	}	

	.site-header-inner {
	  width:100%;
	  color: #fff;
	  position:fixed;
	  top:0;
	  left:0;
		@include transition-duration(0.2s);
		@include transition-timing-function(ease-in);
	}

	.site-header-inner.tiny {
	  opacity: 0.90;
	}

	.tiny .site-title {
		@include adjust-font-size-to(18px, 2);
	}

	.tiny .menu,
	.tiny .primary-navigation {
		@include adjust-leading-to(2);
		a {
			display: block;
			font-size: 15px;
			@include adjust-leading-to(2);
		}
	}

	.tiny .social {
		@include adjust-leading-to(2);
		a {
			background: none;
			@include transition-duration(0.2s);
			@include transition-timing-function(ease-in);
			@include adjust-font-size-to(15px, 2);
		}
	}	
}

@media only screen and ( max-width: 960px ) {

	.site-title {
		width: 100%;
		display: inline-block;
		text-align: center;
		img {
			display: inline-block;
			margin-left: auto;
			margin-right: auto;
		}
	}

}