/* WordPress-only bridge for the approved Shaun Hopper homepage. */
html {
	scroll-behavior: smooth;
}

body.shaun-homepage {
	margin: 0;
	background: #050505;
}

body.shaun-homepage.admin-bar .site-menu {
	top: calc(32px + 28px);
}

.shaun-homepage .site-top-anchor {
	position: absolute;
	top: 0;
}

.shaun-homepage .hero-photo {
	background-image:
		linear-gradient(90deg, #050505 0%, rgba(5, 5, 5, .14) 50%, #050505 100%),
		linear-gradient(0deg, #050505 0%, transparent 38%),
		url('../images/shaun-spotlight.webp');
}

.shaun-homepage .card-production {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(25, 0, 5, .86)), url('../images/shaun-production-lighting.webp');
}

.shaun-homepage .card-live {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(25, 0, 5, .86)), url('../images/shaun-live-crowd-restored.webp');
}

.shaun-homepage .card-stories {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(25, 0, 5, .88)), url('../images/shaun-stories-collage.webp');
}

.shaun-homepage .card-shop {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(25, 0, 5, .82)), url('../images/shop-model-urban.webp');
}

.shaun-homepage .site-menu {
	top: 28px;
	bottom: auto;
}

.shaun-homepage .circle-invite-form .form-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.shaun-homepage .public-youtube-frame iframe {
	border: 0;
}

.shaun-homepage .circle-invite-fields fieldset .circle-invite-both {
	grid-column: 1 / -1;
}

.shaun-homepage .circle-invite-both span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	border-color: rgba(227, 29, 53, .48);
	background: linear-gradient(90deg, rgba(198, 16, 30, .08), rgba(198, 16, 30, .16), rgba(198, 16, 30, .08));
}

.shaun-homepage .circle-invite-both span::before {
	content: "+";
	margin-right: 9px;
	color: #e31d35;
	font-size: 16px;
	line-height: 1;
}

.shaun-homepage .circle-invite-both input:checked + span::before {
	content: "✓";
	color: #fff;
}

@media (max-width: 782px) {
	body.shaun-homepage.admin-bar .site-menu {
		top: calc(46px + 14px);
	}

	.shaun-homepage .site-menu {
		top: 14px;
	}
}