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

.header-bg {
	grid-column : 1/-1;
	grid-row    : 1;
	align-self  : stretch;
	background  : white;
	z-index     : 4;
}

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

.main-header .header-nav {
	z-index : 10;
}

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

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

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

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

.header-actions {
	grid-column : 4;
	align-self  : stretch;
}

.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 : calc( var(--container-margin-primary) + 1% ) auto 230px 1fr auto auto calc( var(--container-margin-primary) + 1% );*/
		grid-template-columns : calc( var(--container-margin-primary) + 1% ) 265px 180px 1fr 1fr 1fr 180px 265px calc( var(--container-margin-primary) + 1% );
	}

	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 : 4/7;
	}

	body[data-is-desktop="true"] #header .logo{
		display:block;
		margin: 10px auto 17px;
		width: 344px;
		transition: 0.4s ease;
	}



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

	body[data-is-desktop="true"] .header-nav {
		grid-column : 1/10;
		grid-row: 2;
	}

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

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

	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;
		height: 172px;
		transition: 0.4s ease;
	}

	body[data-is-desktop="true"] #header.not-top .logo{
		margin: 5px auto 10px;
		width: 220px;

	}

	body[data-is-desktop="true"] .main-header.not-top{
		height: 120px;

	}

	body[data-is-desktop="true"] .main-header > *:not(.header-nav) {
		/*padding-top    : 15px;*/
		padding-bottom : 0px;
	}

	body[data-is-desktop="true"] .main-header > .header-actions {
		display: flex;
		align-items: center;
		height: 100%;
		justify-content: flex-end;
		z-index: 10;
	}

	body[data-is-desktop="true"] .header-bg{
		border: 1px solid #e9e9e9;
	}

	body[data-is-desktop="true"] .header-search {
		/*padding : 7px 25px;*/
		max-width: 710px;
		margin: auto;
		width: 95%;
	}

	body[data-is-desktop="true"] .header-nav {
		height : 100%;
		width: 100%;
		margin: auto;
		display: flex;
		background: white;
	}

	body[data-is-desktop="true"] .header-nav .bwa-menu__top__wrapper {
		/*background : transparent;*/
		border-top : none;
		max-width: 1550px;
		width: 100%;
		margin: auto;
	}
}

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

/*
--------------------------------------
burger
--------------------------------------
*/

header#header #bwa-menu__burger {
	margin: 0 8px;
}

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

.header-burger p {
	margin : 0;
}

/*
--------------------------------------
Search
--------------------------------------
*/

.search-widget {
	width : 100%;
}

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

.search-widget input[type=text] {
	border-radius : 5px;
	/*box-shadow    : 0 0 15px rgba(0, 0, 0, .1);*/
	width         : 100%;
	padding       : 10px;
	padding-left  : 0.75em;
	color         : var(--color-grey-font-default);
	border        : 1px solid #dad7cc;
	transition    : all .3s ease-out;
}

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

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

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

.search-widget form button svg {
	transform: rotate(90deg);

}

.search-widget form button svg path {
	transition: all 0.35s ease-in-out;
	fill : #8b734a
}

.search-widget form button:hover svg path {
	fill: #554a38;
}

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

@media (min-width : 1500px) {
	body[data-is-desktop="true"] .main-header {
		grid-template-columns : calc( var(--container-margin-primary) + 3% ) 310px 110px 1fr 1fr 1fr 110px 310px calc( var(--container-margin-primary) + 3% );
	}
}

body[data-is-desktop="true"] .main-header.isSticky .logo{
	width: 50px;
}