.root-panel .panel-header {
	display: block;
	position: relative;
	width: 100%;
	color: #fff;
}

@media (min-width: 64em) {
	.root-panel .panel-header {
		z-index: 10;
	}

	.root-panel .panel-header.isMicrosite {
		min-height: 112px;
	}
}

.panel-header .inner {
	max-width: 1200px;
	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 img { 
	width: 185px;
}

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

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

.panel-header .mobile-nav .navbar .mobile-logo-container {
	margin: 15px auto 0 20px;
}

.panel-header .mobile-nav .nav-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 5px 4px 10px 14px;
	background-color: unset;
	width: 60px;
	height: 60px;
	background-color: var(--navy-blue);
}

.panel-header .mobile-nav.active .nav-toggle .open,
.panel-header .mobile-nav .nav-toggle .close {
	display: none;
}

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

.panel-header .mobile-nav .nav-toggle .close {
	font-size: 21px;
	margin-right: 9px;
	margin-top: 7px;
}

.panel-header .mobile-nav .nav-toggle:focus {
	outline: 1px dashed #FFF;
}

.panel-header .mobile-nav .mobile-dd {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	background-color: var(--purple);
	z-index: 30;
	padding-bottom: 63px;
	box-shadow: 0px 20px 25px 0px rgb(0 0 0 / 30%);
}

.panel-header .mobile-nav .mobile-dd .mobile-dd-top {
    background-color: var(--navy-blue);
	padding: 17px 0px 0;
    position: relative;
}

.panel-header .mobile-nav .mobile-dd .mobile-dd-top .search-cont{
	padding: 0 20px;
}

.panel-header .mobile-nav .mobile-dd .back-home {
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    color: white;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 41px;
    padding-left: 18.5px;
}

/*Mobile Tabs*/
.panel-header .mobile-nav .mobile-tab-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	height: 61px;
	background: white;
}

.panel-header .mobile-nav .mobile-tab-container .tablink {
	position: relative;
	font-family: var(--font-display);
	font-weight: 800;
	font-style: italic;
	background-color: transparent;
	color: #959595;
	font-size: 35px;
}

.panel-header .mobile-nav .mobile-tab-container .tablink::after {
    content: "";
    width: 24px;
    height: 11px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid var(--navy-blue);
    z-index: 5;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0,0,0.3,1);
}
.panel-header .mobile-nav .mobile-tab-container .tablink:last-child {
	border-left: 1px solid #e0e0e0;
}

.panel-header .mobile-nav .mobile-tab-container .tablink:hover {
	background-color: transparent;
}

.panel-header .mobile-nav .mobile-tab-container .tablink:focus {
	outline: none;
}

.panel-header .mobile-nav .mobile-tab-container .tablink.active {
	color: var(--navy-blue);
}

.panel-header .mobile-nav .mobile-tab-container .tablink.active::after  {
	opacity: 1;
}

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

/* end mobile tabs */


/*Mobile Header Links*/
.panel-header .header-link {
	font-size: 30px;
    color: var(--teal);
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0.02em;
    line-height: 0.8;
    display: flex;
    justify-content: center;
    font-family: var(--font-display);
}
.panel-header .mobile-link-container {
	display: grid;
	height: 72px;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	background-color: white;
}

.panel-header .mobile-link-container > div:last-child .header-link {
	border-left: 1px solid #d2d2d2;
}

.panel-header .mobile-link-container .header-link {
	padding: 5px 20px;

}
/* end mobile Header Links */

/*Mobile Social*/
.panel-header .mobile-nav .mobile-social {
	padding-left: 16px;
}

.panel-header .mobile-nav .mobile-social .hash {
	font-size: 30px;
    letter-spacing: 0.02em;
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
}

/* end mobile social */


@media screen and (min-width: 64em){

	.panel-header .top-nav-cont {
		position: relative;
		z-index: 30;
		padding: 0;
	}

	.panel-header .top-nav-cont .header-left {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6px 15px 0 calc(15px + (30 - 15) * ((100vw - 1025px) / (1200 - 1025)));
		width: calc(155px + (330 - 155) * ((100vw - 1025px) / (1200 - 1025)));
	}

	.panel-header .top-nav-cont .header-left .logo img{
		width: 311px;
	}

	.panel-header .top-nav-cont .header-right {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding: 0;
		opacity: 0;
		transform: translateX(100%);
		-webkit-transition: transform 1200ms ease, opacity 1500ms ease;
		-moz-transition: transform 1200ms ease, opacity 1500ms ease;
		-o-transition: transform 1200ms ease, opacity 1500ms ease;
		transition: transform 1200ms ease, opacity 1500ms ease;

	}

	.panel-header.loaded .top-nav-cont .header-right {
		transform: translateX(0);
		opacity: 1;
	}

	.panel-header.searchOpen .top-nav-cont .header-right .desktop-search {
		pointer-events: all;
		z-index: 10;
	}

	.panel-header .top-nav-cont .header-right-top {
		display: grid;
		grid-auto-flow: column;
		padding-top: 15px;
		margin-bottom: 15px;
		padding-right: 3px;
	}

	.panel-header .top-nav-cont .header-right-top .tablink {
		position: relative;
		font-family: var(--font-display);
		font-weight: 700;
		font-style: italic;
		background-color: transparent;
		color: gray;
		font-size: 32px;
		line-height: 1em;
		padding: 0 14px 0 14px;
	}

	.panel-header .top-nav-cont .header-right-top .tablink::after {
		content: "";
		width: 26px;
		height: 11px;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 10px solid var(--navy-blue);
		z-index: 5;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -17px;
		opacity: 0;
		transition: opacity 150ms cubic-bezier(0,0,0.3,1);
	}

	.panel-header .top-nav-cont .header-right-top .tablink:focus {
		outline: none;
	}

	.panel-header .top-nav-cont .header-right-top .tablink.active {
		color: var(--navy-blue);
	}
	.panel-header .top-nav-cont .header-right-top .tablink.active::after {
		opacity: 1;
	}

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

	.panel-header .top-nav-cont .header-right-top .desktop-search {
		padding-right: 8px;
	}

	.panel-header .top-nav-cont .header-right-top .desktop-social {
		padding-right: 11px;
	}

	.panel-header .top-nav-cont .header-right-top .desktop-custom-nav {
		padding-right: 11.5px;
	}

	.panel-header .top-nav-cont .header-right-top .desktop-social > span {
		font-size: 18px;
		letter-spacing: 0.02em;
		color:  var(--dark-gray);
		margin-right: 6px;
		font-weight: 600;
	}

	.panel-header .top-nav-cont .header-right-bottom {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		background-color: var(--navy-blue);
		padding: 0 12px;
	}

	.panel-header.im-a-microsite .top-nav-cont .header-right-bottom {
		min-width: 800px;
	}

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

	/*Desktop Header Link*/
	.panel-header .header-link {
		font-size: 15px;
		line-height: var(--leading-tight);
		padding: 6px 19px 7px 19px;
		border-left: 1px solid #d2d2d2;
		font-weight: 800;
	}

	.panel-header .top-nav-cont .header-right-top > div:last-child .header-link {
		padding: 6px 12px 7px 16px;
		white-space: nowrap;
	}
}

@media (min-width: 1200px) {
	.panel-header .top-nav-cont .header-left {
		width: auto;
		padding-left: 30px;
	}
}
@media (min-width: 1400px) {
	.panel-header .top-nav-cont .header-left {
		padding-left: 59px;
	}

	.panel-header .top-nav-cont .header-right-top .tablink {
		font-size: 44px;
		padding: 0 21px 0 14px;
	}

	.panel-header .top-nav-cont .header-right-bottom {
		min-width: 912px;
	}
}

/*TABS*/
.panel-header:not(.im-a-microsite) .navigation.desktop {
	display: none;
}
.panel-header .navigation.desktop.active {
	display: flex;
}

.mobile-main-nav,
.mobile-secondary-nav {
	display: none;
}

.mobile-main-nav.active,
.mobile-secondary-nav.active {
	display: block;
}