.homepageheader-item {
	transform: skew(10deg);
	padding: 0 0.625rem;
}
.homepageheader-item__title {
	transform: skew(-10deg);
}
.homepageheader-item__title > a {
	display: block;
	line-height: 2.3125rem;
}
.homepageheader-item.hover,
.homepageheader-item:hover,
.homepageheader-item--selected {
	background: #0b3b2d;
}
.homepageheader-item.hover .homepageheader-item__title,
.homepageheader-item:hover .homepageheader-item__title,
.homepageheader-item.hover a,
.homepageheader-item:hover a {
	color: #fff;
}

.title-bar__toparea-icon .title-bar__icon-container {
	height: 100%;
	transform: skew(-10deg) translateX(5px);	
	padding: 0 0.75rem 0 0.625rem;
	background: #fff;
	align-items: center;
	display: flex;
}

.title-bar__toparea-icon .title-bar__icon .title-bar__icon-svg-container,
.title-bar__toparea-icon .title-bar__icon--myaccount-label {
	transform: skew(10deg);
}
.title-bar__icon--menu, .title-bar__icon--menu svg {
	width: 2.125rem;
	height: 2.125rem;
}
.title-bar__icon--menu {
	margin-left: 5px;
}
.title-bar__icon--menu svg {
	transform: translateY(2px);
}

.homepageheader-item__title {font-size: .75rem}

@media screen and (min-width: 640px) {
	.homepageheader-item__title {font-size: 0.75rem}
	.homepageheader-item {
		padding: 0 1.3125rem;
	}
}

#menu-right-open {
	transition: ease .00000000001s;
	overflow-x: hidden;
}
/*#menu-right-open.page-atTop-on-menuOpen{
	top: 50px;
	height: calc(100vh - 50px);
}*/

.off-canvas.is-transition-overlap.is-open{box-shadow: none;}

.title-bar__logo-container > a { outline: none;  }

/*.is-open-right .responsive-header,
.is-open-left .responsive-header { 
	position:fixed;
}*/




.main-header__widemenu .logo-container {
	background: #374f46;
}
.main-header__widemenu .logo {
	background: #374f46;
	transform: skew(10deg) translate(15px,0);
}
.main-header__widemenu .logo > a > img {
	transform: skew(-10deg);
}
.main-header__widemenu .logo-container--secondary {
	background: #374f46;
}
.main-header__widemenu .logo-container--secondary .logo {
	background: #374f46;
	transform: skew(-10deg) translate(-15px,0);
}
.main-header__widemenu .logo-container--secondary .logo > a > img {
	transform: skew(10deg);
}

.main-header__widemenu .is-stuck .mega-menu__bar-wrapper .logo {
	padding: 0;
}