// ==========================================================================
// 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;
}