/* Pill Sticky Menu for Elementor */
.pnw-holder { width: 100%; }

.pnw-wrap {
	--pnw-c1: #8c201c;
	--pnw-cm: #501210;
	--pnw-c2: #1e0606;
	--pnw-glow-x: 54%;
	--pnw-glow-w: 45%;
	--pnw-angle: 90deg;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	z-index: 999;
}

/* Fixed state, set by JS once the bar reaches the sticky offset */
.pnw-wrap.is-stuck {
	position: fixed;
	margin: 0;
}

/* The pill */
.pnw-bar {
	list-style: none;
	margin: 0;
	padding: 0 40px 0 44px;
	width: 100%;
	height: 54px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #c9352c;
	border-radius: 999px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .45);
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	white-space: nowrap;
	background-color: #0a0a0a;
}
.pnw-bar::-webkit-scrollbar { display: none; }

/* Background types */
.pnw-bg-radial .pnw-bar {
	background:
		radial-gradient(ellipse var(--pnw-glow-w) 160% at var(--pnw-glow-x) 50%, var(--pnw-c1) 0%, var(--pnw-cm) 45%, var(--pnw-c2) 100%),
		#0a0a0a;
}
.pnw-bg-linear .pnw-bar {
	background: linear-gradient(var(--pnw-angle), var(--pnw-c2), var(--pnw-c1), var(--pnw-c2));
}
.pnw-bg-solid .pnw-bar {
	background: var(--pnw-c2);
}

/* Items */
.pnw-bar > li {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin: 0;
	padding: 0 18px;
	position: relative;
	list-style: none;
}
.pnw-bar > li.pnw-dot-li { padding: 0; }
.pnw-bar > li.pnw-dot-li + li { padding-left: 0; }

.pnw-dot {
	display: block;
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin-right: 38px;
	border-radius: 50%;
	background: #fff;
}

/* Separator between items */
.pnw-bar > li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 14px;
	transform: translateY(-50%);
	background: rgba(214, 140, 120, .55);
}
.pnw-bar > li.pnw-dot-li + li::before,
.pnw-bar > li.pnw-dot-li + li + li.pnw-sub::before { display: none; }
.pnw-no-sep .pnw-bar > li::before { display: none !important; }

/* Links */
.pnw-bar a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 1;
	transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.pnw-bar > li > a:hover,
.pnw-bar > li > a.is-active { color: #ff8a7a; }

/* Sub-items live inside the same bar */
.pnw-sub { display: none; }
.pnw-sub.is-open { display: flex; align-items: center; }
.pnw-sub[hidden] { display: none; }
.pnw-sub a { color: #fff; }
.pnw-sub a:hover,
.pnw-sub a.is-active { color: #ff8a7a; }
.pnw-sub-sep { color: rgba(255, 255, 255, .6); margin: 0 8px; }

/* Tablet */
@media (max-width: 1024px) {
	.pnw-bar { padding: 0 30px; }
	.pnw-bar a { font-size: 15px; }
	.pnw-dot { margin-right: 26px; }
}

/* Mobile */
@media (max-width: 767px) {
	.pnw-bar { height: 46px; padding: 0 22px; }
	.pnw-bar a { font-size: 13px; }
	.pnw-bar > li { padding: 0 12px; }
	.pnw-dot { margin-right: 18px; }
}