.root-panel .panel-header {
	display: block;
	position: relative;
	background-color: var(--Savannah);
	color: #fff;
	height: 50px;
	z-index: 11;
}

.root-panel.menu-open::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1;
}

.panel-header .inner {
	width: 100%;
	margin: 0 auto;
}

@media (min-width: 1025px) {
	.panel-header .inner {
		padding: 0 20px;
	}   
}

.panel-header .top-nav-cont {
	display: flex;
	justify-content: space-between;
}

.panel-header .top-nav-cont .header-left {
	display: none;
}

.panel-header .top-nav-cont .header-right {
	display: none;
}

.panel-header .logo {
	background-color: var(--Dynamite);
	background-image: url('/includes/public/assets/shared/grunge.png');
	background-size: 120%;
	background-position: 360px 160px;
	clip-path: polygon(0 0, 80% 0, 100% 96%, 0 100%);
	height: 72px;
	width: 171px;
	padding-left: 15px;
	padding-top: 5px;
	position: absolute;
	z-index: 31;
	top: 0;
	left: 0;
}

.panel-header .logo img { width: 73% }

.panel-header .buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

.panel-header .mobile-nav {
	width: 100%;
}

.panel-header .mobile-nav .navbar {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.panel-header .mobile-nav .nav-toggle {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0;
	margin: 10px 2px 0 0;
	background-color: unset;
	flex-direction: column;
	align-items: center;
	width: 52px;
	height: 31px;
}

.panel-header .mobile-nav .nav-toggle  i {
	display: none;
	color: var(--Sunshine);
	margin-right: 2px;
}

.panel-header .mobile-nav.active .nav-toggle  i {
	display: inline;
}

.panel-header .mobile-nav .nav-toggle img {
	display: inline;
}

.panel-header .mobile-nav.active .nav-toggle img {
	display: none;
}

.panel-header .mobile-nav .nav-toggle .close {
	display: none;
	font-size: 11px;
}

.panel-header .mobile-nav.active .nav-toggle .close {
	display: block;
}

.panel-header .mobile-nav .nav-toggle .menu-text {
	display: inline;
}

.panel-header .mobile-nav.active .nav-toggle .menu-text {
	display: none;
}

.panel-header .mobile-nav .nav-toggle span {
	font-size: 12px;
	color: var(--Sunshine);
	margin-left: -3px;
}

.panel-header .mobile-nav .mobile-dd {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	background-color: white;
	z-index: 30;
	}

.panel-header .mobile-nav.active .mobile-dd {
	display: block; 
	background-color: rgb(92, 197, 200);
	padding-top: 40px;
}

.panel-header .mobile-nav.active .mobile-dd::before {
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;  
	opacity: .2; 
	z-index: -1;
	background-image: url('/includes/public/assets/shared/halftone.png');
	background-size: 250%;
}

@media screen and (min-width: 1025px){
	.root-panel .panel-header {
		display: block;
		position: relative;
		background-color: var(--Savannah);
		color: rgb(255, 255, 255);
		height: 127px;
	}

	.panel-header .navigation.desktop .level-1 > .dropdown-toggle  {
		display: none;
	}

	.panel-header .inner {
		padding: 0 36px 0 0;
	}

	.panel-header .header-left {
		width: 300px;
	}

	.panel-header .logo img {
		margin-top: 15px;
		margin-left: 25px;
		width: 70%;
	}	
	
	.panel-header .logo {
		width: 300px;
		height: 150px;
	}

	.panel-header .top-nav-cont .header-left,
	.panel-header .contentRender_name_plugins_common_logo {
		display: flex;
		align-items: center;
	}

	.panel-header .top-nav-cont .header-right {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.panel-header .top-nav-cont .header-right-top,
	.panel-header .top-nav-cont .header-right-bottom {
		display: flex;
		align-items: center;
	}

	.panel-header .top-nav-cont .header-right-top .contentRender_name_plugins_weather_weather,
	.panel-header .top-nav-cont .header-right-top .contentRender_name_plugins_nav_secondary,
	.panel-header .top-nav-cont .header-right-bottom {
		/* display: none; */
		visibility: visible;
		opacity: 1;
		transition: visibility 0.4s, opacity 0.4s linear;
	}

	.panel-header .top-nav-cont .header-right-top .contentRender_name_plugins_weather_weather.disable,
	.panel-header .top-nav-cont .header-right-top .contentRender_name_plugins_nav_secondary.disable,
	.panel-header .top-nav-cont .header-right-bottom.disable {
		/* display: none; */
		visibility: hidden;
		opacity: 0;
		transition: visibility 0.4s, opacity 0.4s linear;
	}

	.panel-header .top-nav-cont .header-right-bottom .level-1 > a {
		font-family:'Champion Heviweight';
		color: var(--Sunshine);
		font-size: 15px;
		padding-top: 11px;
		height: 62px;
		position: relative;
	}

	.panel-header .top-nav-cont .header-right-bottom .open .level-1 > a::before,
	.panel-header .top-nav-cont .header-right-bottom .level-1 > a:hover::before {
		content: "";
		position: absolute;
		bottom: 24px;
		left: 0;
		right: 0;
		width: 100%;
		height: 2px;
		background-color: var(--Sunshine);
	}

	.panel-header .top-nav-cont .header-right-top {
		margin-top: 31px;
	}

	.panel-header .top-nav-cont .header-right-top a:hover{
		color: white;
	}

	.panel-header .top-nav-cont .header-right-bottom {
		margin-top: 6px;
	}

	.panel-header .top-nav-cont .mobile-nav {
		display: none;
	}

	.panel-header .header-call-to-action {
        position: absolute;
        bottom: -77px;
        right: 0;
        width: 215px;
        height: 77px;
		z-index: 30;
		padding: 10px 24px;
		display: flex;
		align-items: center;
    }
}

@media screen and (min-width: 80em) {
	.panel-header .header-left {
		width: 395px;
	}

	.panel-header .logo {
		width: 395px;
		height: 166px;
	}

	.panel-header .top-nav-cont .header-right-bottom .level-1 > a {
		font-family:'Champion Heviweight';
		color: var(--Sunshine);
		font-size: 19px;
		padding-top: 11px;
		height: 62px;
		position: relative;
	}

	.panel-header .top-nav-cont .header-right-bottom .level-1 > a:focus {
		text-decoration: none;
	}
}