/**
 * Condensed sticky header on scroll.
 *
 * Revert: set NIKIFORECAST_CONDENSED_STICKY_HEADER to false in functions.php,
 * or delete this file and js/condensed-sticky-header.js.
 */

#site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #fff !important;
}

#site-header .header-inner {
	background-color: #fff;
}

#site-header.is-condensed {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

#site-header.is-condensed .header-inner {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0;
}

#site-header.is-condensed .site-description {
	display: none;
}

#site-header.is-condensed .site-title {
	margin: 0;
}

#site-header.is-condensed .site-title a {
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}

#site-header.is-condensed .site-title a:before {
	width: 40px;
	height: 40px;
	background-size: 40px;
	margin: 0 auto;
}

@media (min-width: 1000px) {
	#site-header.is-condensed .primary-menu-wrapper {
		display: none;
	}

	#site-header.is-condensed .header-navigation-wrapper {
		flex-shrink: 0;
	}
}

body.home #site-header.is-condensed .header-titles-wrapper,
body.template-home #site-header.is-condensed .header-titles-wrapper {
	margin: 0;
	padding: 0;
}

@media (prefers-reduced-motion: no-preference) {
	#site-header,
	#site-header .header-inner,
	#site-header .site-title a:before {
		transition: background-color 0.2s ease, box-shadow 0.2s ease, padding 0.2s ease, width 0.2s ease, height 0.2s ease, background-size 0.2s ease;
	}
}