﻿#OrganizationDetail {
	padding: 40px 20px;
	background: radial-gradient(1200px 400px at center top, rgba(180,40,40,.15), transparent 60%), linear-gradient(180deg, #0f0f0f, #0b0b0b);
}

	#OrganizationDetail > div:first-of-type {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
		max-width: 960px;
		margin: 0 auto 2rem;
	}

		#OrganizationDetail > div:first-of-type > img {
			width: 120px;
			height: 120px;
			border-radius: 50%;
			object-fit: contain;
			background: linear-gradient(180deg, #1f1f1f, #121212);
			filter: drop-shadow(0 2px 6px rgba(0,0,0,.6));
			flex-shrink: 0;
		}

	#OrganizationDetail h1 {
		margin: 0;
		font-size: 26px;
		font-weight: 900;
		color: #fff;
	}

	#OrganizationDetail p {
		margin: 6px 0 0;
		font-size: 14px;
		line-height: 1.6;
		color: #9d9892;
		max-width: 640px;
	}

@media (max-width: 768px) {
	#OrganizationDetail > div:first-of-type {
		flex-direction: column;
		text-align: center;
	}

	#OrganizationDetail h1 {
		font-size: 22px;
	}
}

/*#region switch */

.switch {
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

	.switch a {
		text-decoration: none;
	}

	.switch .rust-btn {
		background: #1e1e1e;
	}

	.switch > li.discord > .rust-btn {
		background: #5865F2;
	}

	.switch > li.discord .icon {
		background: white;
	}

.total {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	background: #485e28;
	padding: 5px 8px;
	margin-top: 3px;
}

	.total > .icon {
		width: 10px;
		height: 10px;
		background-color: white;
	}

	.total > span {
		color: white;
	}

/*#endregion */