/******************************************************************/
/***
Mobile header
***/
/******************************************************************/

.mobile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: relative;
	align-items: stretch;
}

.mobile-header > * {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.mobile-header > *:nth-child(2) {
	margin-left: auto;
}

.mobile-header button {
	margin-bottom: 0;
}

.mobile-header > nav,
.mobile-header > nav .content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: stretch;
}

#skip-to-search {
	padding: 0.75rem;
}

#skip-to-search i {
	display: inline-block;
	transform: rotate(-90deg);
}

a#skip-to-search:link,
a#skip-to-search:visited {
	text-decoration: none;
}

.mobile-header .top-level-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
}

.mobile-header .contextual-region {
	position: static;
}

.mobile-header nav.menu--account .menu-toggle:after {
  font-family: 'cela-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  font-size: 1.25rem;
}

.region-mobile-highlighted {
	padding: 0.25rem 1rem 0.5rem 1rem;
}

/* Switch mobile & desktop headers */

@media all and (max-width: 860px) {
	.desktop-header {
		display: none;
	}
}

@media all and (min-width: 861px) {
	.mobile-header,
	.region-mobile-highlighted {
		display: none;
	}
}
