#header_bar.homepage {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #349A48;
	z-index: 10;
	.header {
		grid-template-columns: 3fr 7fr 2fr;
		align-items: center;
		.wrapper.logo-header {
			img {
				width: 50%;
			}
		}
		.hamburger-btn {
			display: none;
		}
		.header-menu {
			ul#menu-main-menu {
				& > li {
					@include flexbox();
					align-items: center;
					padding: 2.65rem 1.611rem;
					a {
						color: #fff;
					}
				}
				li:hover {
					cursor: pointer;
				}
				li.dropdown {
					position: unset;
					ul.dropdown-menu {
						width: 100vw;
						padding: 0;
						background-color: #2D863E;
						border: none;
						border-radius: 0;
						justify-content: center;
						opacity: 0;
						z-index: -1;
						@include ease(all, 0.25s);
						@include flexbox();
						pointer-events: none;
						margin: 0;
						 li {
						 	padding: 2.055rem 1.666rem;
						 	@include ease(all, 0.25s);
						 	a {

						 	}
						 }
						 li:hover {
						 	background-color: #192012;
						 }
					}
					ul.dropdown-menu:hover {
						cursor: default;
					}
					ul.dropdown-menu.show {
						z-index: 100;
						pointer-events: auto;
					}
					ul.dropdown-menu.always-show {
						z-index: 100;
						pointer-events: auto;
						opacity: 1 !important;
					}
				}
				& > li:hover {
					& > a {
						color: #ff9914;
					}
				}
				li:last-of-type {
					margin-right: 0;
				}
			}
		}
		.wrapper.header-side-menu {
			@include grid();
			text-align: right;
			grid-template-columns: 4fr 1fr;
		    align-items: center;
		    grid-column-gap: 0.5rem;
		    .aws-search-result-1 {
		    	width: 26vw !important;
		    	left: 65% !important;
		    }
		    .aws-container {
		    	height: 100%;
		    	.aws-search-form {
		    		border: 1px solid #AEB5B5;
		    		border-radius: 4rem;
		    		height: 100%;
		    		.aws-form-btn {
		    			background-color: transparent;
		    			background: transparent;
		    			border: none;
		    		}
		    	}
		    	.aws-search-field {
		    		background-color: transparent;
		    		border: none;
		    	}
		    }
			a {
				position: relative;
				svg {
					position: relative;
					top: -10%;
				}
			}
		}
	}
}

#header_bar.subpage {
	background-color: #fff;
	.header {
		grid-template-columns: 3fr 7fr 2fr;
		align-items: center;
		.wrapper.logo-header {
			img {
				width: 50%;
			}
		}
		.hamburger-btn {
			display: none;
		}
		.header-menu {
			ul#menu-main-menu {
				height: 100%;
				& > li {
					@include flexbox();
					align-items: center;
					padding: 2.65rem 1.611rem;
					a {
						color: #2E1F27;
					}
				}
				li:hover {
					cursor: pointer;
				}
				li.dropdown {
					position: unset;
					ul.dropdown-menu {
						width: 100vw;
						padding: 0;
						background-color: #2D863E;
						border: none;
						border-radius: 0;
						justify-content: center;
						opacity: 0;
						z-index: -1;
						@include ease(all, 0.25s);
						@include flexbox();
						pointer-events: none;
						margin: 0;
						 li {
						 	padding: 2.055rem 1.666rem;
						 	@include ease(all, 0.25s);
						 	a {
						 		color: #fff;
						 	}
						 }
						 li:hover {
						 	background-color: #192012;
						 }
					}
					ul.dropdown-menu:hover {
						cursor: default;
					}
					ul.dropdown-menu.show {
						z-index: 100;
						pointer-events: auto;
					}
					ul.dropdown-menu.always-show {
						z-index: 100;
						pointer-events: auto;
						opacity: 1 !important;
					}
				}
				& > li:hover {
					background-color: #2D863E;
					& > a {
						color: #fff;
					}
				}
				li:last-of-type {
					margin-right: 0;
				}
			}
		}
		.wrapper.header-side-menu {
			@include grid();
			text-align: right;
			grid-template-columns: 4fr 1fr;
		    align-items: center;
		    .aws-container {
		    	height: 100%;
		    	.aws-search-form {
		    		border: 1px solid #AEB5B5;
		    		border-radius: 4rem;
		    		height: 100%;
		    		.aws-form-btn {
		    			background-color: transparent;
		    			background: transparent;
		    			border: none;
		    		}
		    	}
		    	.aws-search-field {
		    		background-color: transparent;
		    		border: none;
		    	}
		    }
			a {
				position: relative;
				svg {
					position: relative;
					top: -10%;
				}
			}
		}
	}
}

.mega-menu-panel {
	width: 100vw;
	position: absolute;
	left: 0;
	padding: 2.722rem 0;
	z-index: -1;
	opacity: 0;
	@include ease(all, 0.25s);
	pointer-events: none;
}

.mega-menu-panel.show {
	z-index: 101;
	pointer-events: auto;
}

.mega-menu-panel#logo-golf-balls {
	background-color: #192012;
	position: absolute;
	left: 0;
	.content-width.grid {
		grid-template-columns: 7fr 5fr;
		grid-column-gap: 8.333%;
		.column {
			p {
				font-family: opensans_bold;
				font-size: 1.111rem;
				color: #fff;
				margin-bottom: 1.666rem;
			}
		}
		.column.left {
			.brands.grid {
				grid-template-columns: 1fr 1fr 1fr;
				grid-column-gap: 3.777rem;
				grid-row-gap: 2.555rem;
				.brand {
					@include bg_img_contain();
					padding-top: 50%;
					@include ease(all, 0.25s);
					filter: brightness(0.8);
				}
				.brand:hover {
					filter: brightness(2);
				}
			}
		}
		.column.right {
			border-left: 2px solid #82897A;
			padding-left: 2.333rem;
			ul {
				list-style-type: none;
				padding: 0;
				li {
					margin-bottom: 2.333rem;
					a {
						color: #82897A;
						font-size: 1.333rem;
					}
					a:hover {
						color: #fff;
						text-decoration: underline !important;
					}
				}
			}
		}
	}
}

.cart-count-circle {
	position: absolute;
	opacity: 0;
	top: -10%;
	left: 70%;
	background-color: #ff9914;
	color: #fff;
	border-radius: 50%;
	height: 1.111rem;
	width: 1.111rem;
	font-size: .7222rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.discount-header {
	@include bg_img_contain();
	width: 20%;
	padding-top: 12%;
	position: absolute;
	top: 97%;
	right: 3%;
	z-index: 99;
}

#aws-search-result-1 {
	width: 26vw !important;
	left: 65% !important;
	
}