/**
 * Southern Imprint Monthly
 * Custom site header
 */

/* Hide the default Kadence header while the custom coded header is active. */
#masthead,
.site-header{
	display:none;
}

.sim-site-header{
	position:relative;
	z-index:50;
	background:#0d3445;
	color:#fff;
}

.sim-header-container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:min(1240px,94%);
	min-height:96px;
	margin-inline:auto;
	padding:14px 0;
	gap:24px;
}

.sim-header-logo{
	display:inline-flex;
	align-items:center;
	flex:0 0 auto;
	width:clamp(180px,24vw,285px);
	text-decoration:none;
}

.sim-header-logo img{
	display:block;
	width:100%;
	height:auto;
	max-height:82px;
	object-fit:contain;
	object-position:left center;
}

.sim-primary-navigation{
	margin-left:auto;
}

.sim-primary-navigation ul{
	display:flex;
	align-items:center;
	gap:26px;
	margin:0;
	padding:0;
	list-style:none;
}

.sim-primary-navigation a{
	position:relative;
	display:inline-flex;
	align-items:center;
	min-height:48px;
	color:#fff;
	font-size:1rem;
	font-weight:600;
	text-decoration:none;
	transition:color .2s ease;
}

.sim-primary-navigation a::after{
	position:absolute;
	right:0;
	bottom:6px;
	left:0;
	height:2px;
	border-radius:999px;
	background:var(--sim-orange);
	content:"";
	transform:scaleX(0);
	transform-origin:center;
	transition:transform .2s ease;
}

.sim-primary-navigation a:hover,
.sim-primary-navigation a:focus-visible{
	color:var(--sim-orange);
}

.sim-primary-navigation a:hover::after,
.sim-primary-navigation a:focus-visible::after{
	transform:scaleX(1);
}

.sim-menu-toggle{
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:0;
	border:1px solid rgba(255,255,255,.2);
	border-radius:12px;
	background:transparent;
	color:#fff;
	cursor:pointer;
}

.sim-menu-toggle > span[aria-hidden="true"]{
	display:block;
	width:22px;
	height:2px;
	border-radius:999px;
	background:currentColor;
	transition:
		transform .2s ease,
		opacity .2s ease;
}

.sim-menu-toggle > span[aria-hidden="true"] + span[aria-hidden="true"]{
	margin-top:5px;
}

.sim-menu-toggle[aria-expanded="true"] > span[aria-hidden="true"]:nth-of-type(1){
	transform:translateY(7px) rotate(45deg);
}

.sim-menu-toggle[aria-expanded="true"] > span[aria-hidden="true"]:nth-of-type(2){
	opacity:0;
}

.sim-menu-toggle[aria-expanded="true"] > span[aria-hidden="true"]:nth-of-type(3){
	transform:translateY(-7px) rotate(-45deg);
}

@media (max-width:900px){
	.sim-header-container{
		position:relative;
		min-height:82px;
		padding:12px 0;
	}

	.sim-header-logo{
		width:min(185px,58vw);
	}

	.sim-menu-toggle{
		display:flex;
		flex:0 0 auto;
	}

	.sim-primary-navigation{
		position:absolute;
		top:calc(100% + 8px);
		right:0;
		left:0;
		display:none;
		margin:0;
				padding:12px;
		border-top:1px solid rgba(255,255,255,.12);
		background:#0d3445;
		border-radius:18px;
		border:1px solid rgba(255,255,255,.08);
		box-shadow:0 18px 45px rgba(0,0,0,.28);
	}

	.sim-primary-navigation.is-open{
		display:block;
	}

	.sim-primary-navigation ul{
		flex-direction:column;
		align-items:stretch;
		gap:8px;
		width:min(1240px,94%);
		margin-inline:auto;
	}

	.sim-primary-navigation li + li{
		border-top:0;
	}

	.sim-primary-navigation a{
		width:100%;
				min-height:50px;
		padding:8px 2px;
	}

	.sim-primary-navigation a::after{
		display:none;
	}
}

@media (max-width:520px){
	.sim-header-container{
		min-height:92px;
	}

	.sim-header-logo{
		width:min(220px,68vw);
	}
}