/* UHF */
uhf-cart, uhf-mecontrol { display: none }

/* REIMAGINE */
main { color: #242424; letter-spacing: -0.02em; font-size: 15px }
	main h1, main h2, main h3 { letter-spacing: -0.05em }
	main strong { font-weight: 600 }
	main h1 { line-height: 1.6em }
	main input { letter-spacing: -0.02em }

/* SITE SPECIFIC */
.button { display: inline-flex; align-items: center; gap: 6px; padding: 12px; text-decoration: none }
header .button, #header .button { border: 1px solid #cccccc; border-radius: 8px; padding: 12px 20px; text-decoration: none; color: black; font-weight: 600; white-space: nowrap }
	header .button:hover, #header .button:hover { background-color: black; border-color: black; color: white }

.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; max-width: 940px; padding-left: 4px; padding-right: 4px }
	.grid img { width: 100%; aspect-ratio: 1 / 1; transition: all .5s }
	.grid a:hover { opacity: .8 }
#header { width: 100%; max-width: 940px; display: flex; overflow: hidden; justify-content: space-between; padding: .5em 4px; margin: 0 auto }
	#header h1 { margin-bottom: 0; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; margin-right: .5em }
	#header > div { display: flex; justify-content: center; align-items: center }

header { margin-bottom: 0 !important }

html.preview body::after { content: "STAGE"; background-color: #b85900; color: white; font-size: 18px; line-height: 18px; font-family: 'Segoe UI',SegoeUI,Arial,sans-serif; font-weight: 700; letter-spacing: 0; padding: 11px 0 13px 0; width: 225px; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,.1); transform: rotate(-45deg); position: absolute; left: -75px; top: 15px }


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 860px) {
	#uhf-c-nav .f-multi-column { margin-left: 0 !important; right: 5px }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
	#uhf-c-nav .f-multi-column { right: 0 }
}

@media (max-width: 859px) {
	#uhfLogo { margin-top: 3px }
}

@media (max-width: 430px) {
	#header { padding: .5em }
	main h1 { font-size: 1.45rem; line-height: 1.9em }
	.grid { gap: 1px; padding-left: 0; padding-right: 0 }
}

@media (max-width: 320px) {
	main h1 { font-size: 17.5px; line-height: 48.5px }
	/* #uhf-footer { margin-top: 1px } */
}
/* MAS CORRECTIONS */
@media (forced-colors: active) {
	ol li, ul li { forced-color-adjust: revert }
}