.panel-header {
	--surface-foreground: var(--primary-color-700);
	--surface-mobile-nav: var(--primary-color-200);
	--text: var(--gray-100);
	--text-alt: var(--gray-900);
	position: relative;
	color: var(--text);
	background-color: var(--navy-blue);
}

@media (min-width: 64em) {
	.panel-header {
		position: absolute;
		z-index: 20;
		width: 100%;
		background: none;
		border: none;
	}
	.panel-header:not(.fixed)::after {
		content: "";
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
		top: 0;
		left: 0;
		position: absolute;
		pointer-events: none;
		height: 170px;
		width: 100%;
		pointer-events: none;
	}
}

.panel-header .primary-content-container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0 var(--space-3);
}

@media (min-width: 64em) {
	.panel-header .primary-content-container {
		position: relative;
		z-index: 1;
		padding: 0 0 0 30px;
	}
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	padding: 12px 0 14px;
	width: 137px;
}

@media (min-width: 64em) {
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		width: 308px;
		position: relative;
	}
}

.panel-header .main-nav-widgets-container>*:not(.widgets) {
	display: flex;
	align-items: center;
	height: 100%;
}

.panel-header .main-nav-widgets-container .widgets {
	display: none;
	align-items: center;
	justify-content: flex-end;
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container .widgets {
		display: flex;
		align-items: flex-start;
	}
}

.panel-header .mobile-nav-container {
	position: absolute;
	z-index: 10;
	display: none;
	width: 100%;
}

.panel-header .mobile-nav-container.active {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	box-shadow: 0px 5px 22.77px 0.23px rgb(0 0 0 / 40%);
}

@media (min-width: 64em) {
	.panel-header .mobile-nav-container.active {
		display: none;
	}
}

.panel-header .mobile-nav-container .mobile-nav {
	width: 100%;
	background-color: rgb(71 71 71 / 96%);
	padding: 0 14px;
}

.mobile-nav .headerbox-search-form button {
	order: 1;
}

.panel-header .mobile-nav .widgets {
	display: grid;
	padding: 22px 0;
	color: var(--text-alt);
}

.panel-header .mobile-nav .widgets.cta {
	justify-content: start;
	gap: var(--space-5);
	margin-top: 3px;
}

.panel-header .mobile-nav .widgets.cta .cta {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
	gap: 8px;
}

.panel-header .mobile-nav .widgets.cta .cta img {
	filter: brightness(10);
}

.panel-header .mobile-nav .search-cont {
	grid-column: 1 / -1;
}

@media (min-width: 64em) {
	.panel-header.fixed .main-nav-widgets-container .desktop-header-links {
		display: none;
	}
	.panel-header.fixed {
		position: fixed;
		right: 0;
		top: -120px;
		background-color: rgba(50, 98, 165, 0.904);
		width: 100%;
		z-index: 11;
		transform: translateY(-120px);
		transition: transform ease-in-out 0.4s, top ease-in-out 0.4s;
	}
	.panel-header.fixed.show {
		transform: translateY(0);
		top: 0;
	}

	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		width: 308px;
		position: relative;
	}
	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo {
		width: 216px;
	}
	.panel-header.fixed .search-cont .search-button {
		background-color: var(--navy-blue);
		font-size: 13px;
		width: 96px;
		height: 36px;
		padding-left: 8px;
	}
	.panel-header.fixed .navigation.desktop {
		margin-right: 107px;
		margin-top: -30px;
	}
	.panel-header.fixed .navigation.desktop .nav-item.level-1>.nav-item-control>a {
		font-size: 21px;
		padding: var(--space-3) 12.1px;
	}
}
.root-panel.no-header .header-container  {
	background-image: url("https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/southernbleacher-redesign/noheader_img_b702af03-9722-4872-b446-fe9271cbb12d.png");
	margin-bottom: var(--space-6);
	height: 55px;
}
@media (min-width: 64em) {
	.root-panel.no-header .header-container {
		height: 160px;
	}
}