/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.

To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* Alien Brain Groups directory banner. */
.alienbrain-groups-hero {
	background-image: linear-gradient(rgba(0, 30, 43, 0.72), rgba(0, 30, 43, 0.72)), url('https://alienbrain.eddedwards.com/wp-content/uploads/2026/08/alien-brain-hero-v1.png');
	background-position: center;
	background-size: cover;
	margin: 0 0 36px;
	padding: 72px 32px;
	text-align: center;
}

.alienbrain-groups-hero__inner {
	margin: 0 auto;
	max-width: 780px;
}

.alienbrain-groups-hero h1 {
	color: #ffffff;
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.15;
	margin: 0 0 14px;
}

.alienbrain-groups-hero p {
	color: #d8f5f8;
	font-size: 1.15rem;
	line-height: 1.6;
	margin: 0;
}

@media (max-width: 640px) {
	.alienbrain-groups-hero {
		margin-bottom: 28px;
		padding: 54px 22px;
	}
}

/* The banner provides the Groups directory title. */
#post-24 > .entry-header {
	display: none;
}


/* A quiet, readable Alien Brain treatment for the Terms page. */
body.page-id-9 #post-9 {
	background: #f0f7f8;
	border-top: 4px solid #0f6b78;
	margin-top: 8px;
	padding: 34px;
}

body.page-id-9 #post-9 > .entry-header {
	margin-bottom: 24px;
}

body.page-id-9 #post-9 .entry-title {
	color: #12394a;
}

@media (max-width: 640px) {
	body.page-id-9 #post-9 {
		padding: 24px 20px;
	}
}


/* Keep the Terms page visually aligned with the public Alien Brain pages. */
body.page-id-9 #post-9 > .entry-header {
	background-image: linear-gradient(rgba(0, 30, 43, 0.74), rgba(0, 30, 43, 0.74)), url('https://alienbrain.eddedwards.com/wp-content/uploads/2026/08/alien-brain-hero-v1.png');
	background-position: center;
	background-size: cover;
	margin: -34px -34px 30px;
	padding: 54px 34px;
	text-align: center;
}

body.page-id-9 #post-9 .entry-title {
	color: #ffffff;
	margin: 0;
}

body.page-id-9 #post-9 > .entry-header::after {
	color: #d8f5f8;
	content: 'Shared expectations that help keep this community respectful and private.';
	display: block;
	font-size: 1.05rem;
	line-height: 1.6;
	margin: 12px auto 0;
	max-width: 680px;
}

@media (max-width: 640px) {
	body.page-id-9 #post-9 > .entry-header {
		margin: -24px -20px 24px;
		padding: 42px 20px;
	}
}


/* Give the BuddyBoss registration page the same quiet Alien Brain presentation. */
body.page-id-30 #post-30 {
	background: #f0f7f8;
	border-top: 4px solid #0f6b78;
	margin-top: 8px;
	padding: 34px;
}

body.page-id-30 #post-30 > .entry-header {
	background-image: linear-gradient(rgba(0, 30, 43, 0.74), rgba(0, 30, 43, 0.74)), url('https://alienbrain.eddedwards.com/wp-content/uploads/2026/08/alien-brain-hero-v1.png');
	background-position: center;
	background-size: cover;
	margin: -34px -34px 30px;
	padding: 54px 34px;
	text-align: center;
}

body.page-id-30 #post-30 .entry-title {
	color: #ffffff;
	margin: 0;
}

body.page-id-30 #post-30 > .entry-header::after {
	color: #d8f5f8;
	content: 'Create your account and join the conversation at your own pace.';
	display: block;
	font-size: 1.05rem;
	line-height: 1.6;
	margin: 12px auto 0;
	max-width: 680px;
}

body.page-id-30 #buddypress #signup-form,
body.page-id-30 #buddypress form#signup_form {
	background: #ffffff;
	border: 1px solid #cde4e7;
	border-radius: 10px;
	box-shadow: 0 8px 22px rgba(18, 57, 74, 0.08);
	margin: 0 auto;
	max-width: 900px;
	padding: 30px;
}

body.page-id-30 #buddypress .register-section {
	border-top: 3px solid #0f6b78;
	padding-top: 20px;
}

body.page-id-30 #buddypress input[type='text'],
body.page-id-30 #buddypress input[type='email'],
body.page-id-30 #buddypress input[type='password'],
body.page-id-30 #buddypress textarea,
body.page-id-30 #buddypress select {
	border-color: #b9d9de;
}

body.page-id-30 #buddypress .submit input[type='submit'],
body.page-id-30 #buddypress input[type='submit'] {
	background: #0f6b78;
	border-color: #0f6b78;
}

body.page-id-30 #buddypress .submit input[type='submit']:hover,
body.page-id-30 #buddypress input[type='submit']:hover {
	background: #0b4f59;
	border-color: #0b4f59;
}

@media (max-width: 640px) {
	body.page-id-30 #post-30 {
		padding: 24px 20px;
	}
	body.page-id-30 #post-30 > .entry-header {
		margin: -24px -20px 24px;
		padding: 42px 20px;
	}
	body.page-id-30 #buddypress #signup-form,
	body.page-id-30 #buddypress form#signup_form {
		padding: 22px 18px;
	}
}


/* Confidentiality reminder shown only within Private and Hidden groups. */
.alienbrain-group-confidentiality {
	background: #f0f7f8;
	border-left: 4px solid #0f6b78;
	border-radius: 6px;
	color: #12394a;
	margin: 22px 0;
	padding: 16px 18px;
}

.alienbrain-group-confidentiality strong {
	color: #0b4f59;
	display: block;
	margin-bottom: 4px;
}

.alienbrain-group-confidentiality p {
	margin: 0;
}
