/*
--------------------------------------
layout
--------------------------------------
*/
.main-header {
	display: grid;
	grid-template-columns: var(--margin-for-default-container) auto 1fr auto var(--margin-for-default-container);
	align-items: center;
	padding-bottom: 10px;
}

.header-bg {
	grid-column: 1/-1;
	grid-row: 1;
	height: 115px;
	background: white;
	z-index: 4;
}

.main-header > :not(.header-bg) {
	z-index: 5;
}

.main-header .header-nav {
	display: flex;
	align-items: center;
	z-index: 10;
}

.header-burger,
.header-logo,
.header-actions {
	grid-row: 3;
}

.header-search {
	grid-row: 4;
}

.header-burger {
	grid-column: 2;
}

.header-logo {
	grid-column: 3;
}

.header-actions {
	grid-column: 4;
	grid-row: 3;
	height: 100%;
}

.header-search {
	grid-column: 2/-2;
}

.header-nav {
	z-index: 5;
	background: transparent;
}

@media (min-width: 1200px) {
	body[data-is-desktop="true"] .main-header {
		/*grid-template-columns: var(--margin-for-default-container) auto auto 1fr auto 20%;*/
	}

	body[data-is-desktop="true"] .main-header > * {
		grid-row: 1;
	}

	body[data-is-desktop="true"] .header-search {
		padding: 15px 0;
	}

	body[data-is-desktop="true"] .header-burger {
		grid-column: 2;
	}

	body[data-is-desktop="true"] .header-logo {
		grid-column: 3;
	}

	body[data-is-desktop="true"] .header-nav {
		grid-column: 4;
	}

	body[data-is-desktop="true"] .header-search {
		grid-column: 5;
	}

	body[data-is-desktop="true"] .header-actions {
		grid-column: 6;
	}

	body[data-is-desktop="true"] .header-burger {
		display: none;
	}

	body[data-is-desktop="true"] .main-header {
		padding-bottom: 0;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}

	body[data-is-desktop="true"] .main-header > *:not(.header-nav) {
		padding-top: 0;
		height: 120px;
		font-family: var(--main-font);
	}
	body[data-is-desktop="true"] .header-search {
		padding: 7px 25px;
	}

	body[data-is-desktop="true"] .header-nav {
		height: 100%;
		background-color: var(--secondary-color);
}

	body[data-is-desktop="true"] .header-nav .bwa-menu__top__wrapper {
		height: 40px;
		background: transparent;
		border-top: none;
	}
}

/*
--------------------------------------
global
--------------------------------------
*/
.overlay_global {
	left: 0;
}

/*
--------------------------------------
burger
--------------------------------------
*/
.header-burger {
	text-align: center;
	margin-right: 10px;
}

.header-burger p {
	margin: 0;
	display:none;
}

/*
--------------------------------------
Search
--------------------------------------
*/
.search-widget {
	width: 100%;
}

.search-widget form {
	position: relative;
	display: flex;
	align-items: center;
}

.search-widget input[type=text] {
	background: #2d2d2d;
	color: #7a7a7a;
	border: 1px solid #2d2d2d;
	border-radius: 30px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	transition: all .3s ease-out;
	width: 100%;
	padding: 10px;
	padding-left: 2.75em;
}

.search-widget form input[type=text]:focus {
	border-color: var(--primary-color);
	outline: none;
}

.search-widget form button[type=submit] {
	position: absolute;
	left: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	text-align: center;
	color: #fff;
	background: transparent;
	border: none;
	border-radius: 30px 0 0 30px;
}

.search-widget form input[type=text]:focus + button .search {
	color: white;
}

@media (min-width: 1200px) {
	.search-widget form input[type=text] {
		min-height: 52px;
	}

	body[data-is-desktop="true"] .close-search-trigger {
		display: inline-block;
	}

	body[data-is-desktop="true"] .header-search-trigger {
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
		color: #232323;
	}

	body[data-is-desktop="true"] .header-search {
		display: flex;
		align-items: center;
		justify-content: center;
		grid-column: 2/-2;
		z-index: 15;
		transform-origin: top center;
		transform: translate3d(0, -20px, 0) scale(0.8);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all .2s ease-out;
	}

	body[data-is-desktop="true"] .header-search--is-show {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		transition: all .3s ease-in-out .2s;
	}

	body[data-is-desktop="true"] .header-search-bg {
		z-index: 10;
		pointer-events: none;
		padding: 0;
		height: 100%;
		grid-column: 1/-1;
		opacity: 0;
		background: white;
		transition: all .2s ease-out .2s;
	}

	body[data-is-desktop="true"] .header-search-bg--is-show {
		opacity: 1;
		transition: all .2s ease-in-out;
	}
}

.header-nav .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__link-title[data-depth="0"], .header-about {
	font-size: 13px;
}