// ==========================================================================
// KSS styles
// ==========================================================================

#kss-node .kss-sidebar, #kss-node .kss-nav__menu-item--active.kss-nav__menu-item 
  .kss-nav__menu-child {
    background: #1e1e1e;
}


.kss-header {
	a {
		img { display: none; }
		width: 150px;
		height: 50px;
		display: block;
		background: url(/kss-assets/images/pattern_logo_sr.png) left top no-repeat;
		background: url(/kss-assets/images/pattern_logo_sr.png) left top no-repeat;
		-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
    background-size: contain;
    position: relative;
    z-index: 100;
	}
}

// Position this normally as we can't do the cool 'sticky' functionality inside the styleguide
.kss-modifier__example header[role=banner].sticky-nav__header {
  position: relative;
}
// Position search block relative as fixed will mess up styleguide
.kss-modifier__example .search-block {
  position: relative;
}
// Position this normally email signup head pop up block normally for styleguide
.kss-modifier__example .block--cr-email-signup.block--cr-email-signup--head {
  position: relative;
}

.kss-modifier__example .block--cr-email-signup--head.cr-header-email-signup-form {
  .block--cr-email-signup__inner-wrapper {
    position: relative;
    top: 0;
  }
}