/* BuddyPress styling */
.buddypress-wrapper {
	padding: 2rem 0 4rem;
}

.buddypress-content {
	background: var(--white);
	border-radius: var(--radius);
	padding: 2rem;
	box-shadow: var(--shadow);
	border: 1px solid var(--border);
}

#buddypress {
	font-family: var(--font-sans);
}

#buddypress .bp-navs ul {
	border-bottom: 2px solid var(--border);
}

#buddypress .bp-navs li a {
	color: var(--steel-azure);
	font-weight: 500;
	padding: 0.75rem 1rem;
	text-decoration: none;
}

#buddypress .bp-navs li.selected a,
#buddypress .bp-navs li.current a {
	background: var(--alice-blue);
	border-bottom: 2px solid var(--rich-cerulean);
}

#buddypress .item-list {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
}

#buddypress .item-list li {
	border-bottom: 1px solid var(--border);
	padding: 1rem;
	background: var(--alice-blue);
}

#buddypress .item-list li:nth-child(even) {
	background: var(--white);
}

#buddypress .activity-header a,
#buddypress .activity-content a {
	color: var(--rich-cerulean);
}

#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="email"],
#buddypress .standard-form input[type="password"],
#buddypress .standard-form textarea {
	border: 1px solid var(--border);
	border-radius: 8px;
	padding: 0.65rem 0.85rem;
	width: 100%;
}

#buddypress .standard-form input[type="submit"],
#buddypress button,
#buddypress a.button {
	background: var(--rich-cerulean) !important;
	color: var(--white) !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 0.55rem 1.25rem !important;
	font-weight: 600;
	text-decoration: none;
}

#buddypress .standard-form input[type="submit"]:hover,
#buddypress button:hover,
#buddypress a.button:hover {
	background: var(--steel-azure) !important;
}

#buddypress #item-header {
	background: linear-gradient(135deg, var(--steel-azure), var(--rich-cerulean));
	border-radius: var(--radius);
	padding: 1.5rem;
	color: var(--white);
	margin-bottom: 1.5rem;
}

#buddypress #item-header a {
	color: var(--white);
}

#buddypress .avatar {
	border-radius: 50%;
	border: 3px solid var(--white);
}

.bp-user .profile-fields td.label {
	color: var(--steel-azure);
	font-weight: 600;
}
