.site-menu-div-container {
	position: fixed;
	inset: 0px;
	width: 100vw;
	max-width: 100vw !important;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 1100;
	padding-top: 10px;
	height: fit-content;
	background-color: white;
	transition: padding 0.3s ease;
	-webkit-backface-visibility: hidden;
}
.site-menu-div-container.is-collapsed {
	padding-top: 0px;
	transition: padding 0.1s ease;
}
.site-menu-nav-container {
	display: flex;
	position: relative;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
	max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
}
.site-menu-list {
	display: flex;
	position: relative;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
	flex-wrap: nowrap;
	flex-grow: 1;
	gap: 80px;
    padding-inline-start: 40px;
	box-sizing: border-box;
	list-style: none;
    margin: 0;
	margin-block-start: 0;
    margin-block-end: 0;
    padding-left: 0;
	font-size: var(--wp--preset--font-size--x-large) !important;
}
.site-menu-list .site-menu-item-last {
	margin-left: auto;
}
.site-menu-item a {
	position: relative;
	z-index: 100;
	transition: transform 0.1s ease;
}
.site-menu-item a span {
	position: relative;
	z-index: 100;
}
.site-menu-item a img {
	position: absolute;
	z-index: 90;
	filter: saturate(40%) brightness(50%);
	opacity: 0.5;
	transition: transform 0.1s linear, filter 0.1s ease, opacity 0.1s ease;
}
.site-menu-div-container.is-collapsed .site-menu-item a img {
    transform: scale(0.4) translateY(-100px);
    opacity: 0 !important;
    pointer-events: none !important;
}
.site-menu-div-container.is-expanding .site-menu-item a img {
    transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
}
.site-menu-item a:hover {
	transform: scale(1.5);
}
.site-menu-item a:hover img {
	transform: scale(1.2) translateY(5px) rotate(+25deg) ;
	filter: saturate(100%) brightness(100%);
	z-index: 90;
	opacity: 1.0;
}
.site-menu-div-container .site-menu-nav-container .site-menu-item img.logo-img {
	position: relative;
	margin-right: -50px;
	margin-left: -50px;
	width: 150px;
	height: auto;
	top: 30px;
	transition: top 0.1s ease;
	max-width: unset !important;
}
.site-menu-div-container.is-collapsed .site-menu-nav-container .site-menu-item img.logo-img {
	top: 5px;
}
.site-menu-div-container.is-expanding .site-menu-nav-container .site-menu-item img.logo-img {
	transition: top 0.4s ease;
}
.menu-home-img {
	max-width: none !important;
	width: 100px;
	height: auto;
	top: 30px;
}
.menu-shop-img {
	max-width: none !important;
	width: 120px;
	height: auto;
	top: 30px;
	left: -20px;
}
.menu-about-img {
	max-width: none !important;
	width: 120px;
	height: auto;
	top: 30px;
	left: -5px;
}
.menu-account-img {
	width: 120px;
	height: auto;
	top: 40px;
	left: -5px;
}
.site-menu-thick-line {
	border-width: 0 0 5px 0;
	border-color: black;
	border-style: solid;
	margin-top: 85px !important;
	margin-bottom: 0px;
	transition: margin 0.3s ease;
	width: 93%;
	position: relative;
	z-index: 50;
	pointer-events: none;
}
.site-menu-div-container.is-collapsed .site-menu-thick-line {
	margin-top: 5px !important;
	transition: margin 0.1s ease;
}
.site-menu-div-container.contrast-light-text .site-menu-thick-line {
	border-color: #acd793; /*bendie green accent*/
}
.site-menu-div-container.contrast-light-text .site-menu-item a {
    color: #acd793 !important; /*bendie green accent*/
}
.site-menu-div-container.contrast-light-text .site-menu-item a img {
    filter: saturate(40%) brightness(100%);
	opacity: 1;
}
.site-menu-div-container.contrast-light-text .logo-img {
	filter: invert(100%) brightness(120%) !important;
}

/* Ipad and transition size styles */
@media only screen and (max-width: 820px) and (min-width: 551px) {
	.site-menu-list {
		gap: unset !important;
		justify-content: space-between !important;
	}
	.site-menu-list .site-menu-item-last {
		margin-left: unset !important;
	}
	.logo-img {
		width: 15vw !important;
		margin-right: -5vw !important;
		margin-left: -5vw !important;
	}
	
}
	
/* Phone screen styles */
@media only screen and (max-width: 550px) {
	.site-menu-div-container {
		position: sticky;
	}
	.page-template-bendie-home .site-menu-div-container {
		position: fixed;
	}
	.page-template-wp-custom-template-bendie-about .site-menu-div-container {
		position: fixed;
	}
	.site-menu-list {
		flex-wrap: nowrap !important;
		justify-content: flex-start;
		align-items: center;
		gap: 1.8em !important;
		font-size: var(--wp--preset--font-size--large) !important;
	}
	.logo-img {
		max-width: none !important;
		width: 70px !important;
		margin-left: -20px !important;
		margin-right: -25px !important;
	}
	.menu-home-img {
		max-width: none !important;
		width: 60px;
		height: auto;
		top: 30px;
	}
	.menu-shop-img {
		max-width: none !important;
		width: 70px;
		height: auto;
		top: 30px;
		left: -20px;
	}
	.menu-about-img {
		max-width: none !important;
		width: 70px;
		height: auto;
		top: 30px;
		left: -5px;
	}
	.menu-account-img {
		width: 70px;
		height: auto;
		top: 40px;
		left: -5px;
	} 
}