/*
Theme Name: WordPress Profiles
Theme URI: http://wordpress.org/
Description: The theme for the 1.2 version of Profiles.WordPress.org
Version: 1.0
Author: Andy Peatling
Author URI: http://wordpress.org
Tags: two-columns, custom-header, white, blue, buddypress
Template: bp-default
*/
:root {
	--wp--preset--color--charcoal-4: #656a71;
}

body {
	font-size: 100%;
	color: #1e1e1e;
}

p {
	margin-bottom: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', sans-serif; 
}

#content .padder {
	margin: 0 10px;
	font-family: 'Inter', sans-serif;
}

.clear:before,
.clear:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after {
	clear: both;
}

div.pagination { padding: 5px 0 10px 0 !important; }

h4 {
	border:none !important;
	padding:0 !important;
	margin:5px 0px !important;
}

#container {
	color: #1E1E1E;
}

#container a {
	border: none;
	color: #3858e9;
}

ul {
	list-style: none;
}

/* Hide visually but not from screen readers */
.screen-reader-text {
	position: absolute;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

.wrapper {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	max-width: unset !important;
}

@media screen and (min-width: 890px) {
	.wrapper {
		padding-left: 80px;
		padding-right: 80px;
	}
}

#main-column {
	float: left;
	width: calc( 100% - 210px );
	margin-left: -2px;
	min-height: 133px;
	font-size: 1.4em;
	padding: 25px 0 30px 30px;
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
}

	#main-column.empty {
		background-color: inherit;
	}

#main-column div.active {
	display: block;
}

#main-column div.inactive {
	display: none;
}

.transparent {
	opacity: 0;
}

.main-photos,
.main-plugins,
.main-themes {
	clear: both;
}

.main-photos,
.main-plugins ul,
.main-themes ul {
	display: table;
	overflow: auto;
}

	.main-plugins ul li {
		box-sizing: border-box;
		display: inline-block;
		padding-right: 15px;
		width: 240px;
		min-height: 95px;
		margin-bottom: 15px;
		vertical-align: top;
		line-height: 1.4;
	}

	.main-plugins ul li > a {
		text-decoration: none !important;
	}

		.main-plugins ul li h3 {
			margin: 2px 0 4px 0;
		}

		#main-column .plugin-icon {
			background-size: contain;
			display: inline-block;
			width: 64px;
			height: 64px;
		}

		.plugin-info-container {
			display: inline-block;
			margin-left: 5px;
			width: 64%;
			vertical-align: top;
		}

.main-photos ul li,
.main-themes ul li {
		display: inline-block;
		padding-right: 25px;
		margin-right:0px;
		margin-bottom:40px;
		vertical-align: top;
	}

.main-photos ul li a img {
	object-fit: cover;
}

		.main-themes h3 {
			margin-top: 4px;
		}

	#content-tabs {
		border-top: 2px solid #eee;
		border-right: 2px solid #eee;
		float: left;
		width: 173px;
		padding-top: 10px;
		padding-bottom: 30px;
	}

	#content-tabs ul li {
		position: relative;
		padding: 14px 14px 14px 16px;
		font-size: 14px;
		overflow: hidden;
	}

		#content-tabs ul li.active {
			right: -2px;
			padding-right: 11px;
			padding-left: 13px;  /* offset a few px from the inactive tabs, so that the border here doesn't shift the text off of vertical alignment with text in non-active tabs */
		}
		#content-tabs ul li.active:before {
			  content: "";
			  display: inline-block;
			  position: absolute;
			  border: 15px solid #eee;
			  border-color: transparent #eee transparent transparent;
			  right: 0;
		}
		#content-tabs ul li.active:after {
			content: "";
			display: inline-block;
			position: absolute;
			border: 14px solid #fff;
			border-color: transparent #fff transparent transparent;
			top: 15px;
			right: -2px;
		}

			#content-tabs ul li.active a {
				font-weight: bold;
				color: #555555;
			}

ul#activity-list li {
	padding: 0 8px 8px 8px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: normal;
	padding-bottom: 16px;
	padding-left: 18px;
}

ul#activity-list li {
	background: none;
}

ul#activity-list li p {
	margin-bottom: 0;
}

#content-courses > h3:before,
#content-favorites .favorites > h3:before,
ul#activity-list li:before {
	font: normal 20px/1 'dashicons';
	float: left;
	margin-left: -25px;
	margin-top: 0;
	content: "\f111";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#content-translations, #content-photos {
	font-size: 62.5%; /* wp4.css adds this to use rem units. */
}

ul#activity-list li.wporgactivity-blog_comment_create:before    { content: "\f101"; }
ul#activity-list li.wporgactivity-blog_post_create:before       { content: "\f119"; }
ul#activity-list li.wporgactivity-wordcamp_speaker_add:before   { content: "\f488"; }
ul#activity-list li.wporgactivity-wordcamp_organizer_add:before { content: "\f307"; }
ul#activity-list li.wporgtopic:before,
ul#activity-list li.wporgactivity-forum_topic_create:before     { content: "\f125"; }
ul#activity-list li.wporgreply:before,
ul#activity-list li.wporgactivity-forum_reply_create:before     { content: "\f125"; }
ul#activity-list li.traccore:before                             { content: "\f475"; }
ul#activity-list li.tracmeta:before                             { content: "\f325"; }
ul#activity-list li.tracthemes:before                           { content: "\f100"; }
ul#activity-list li.tracplugins:before                          { content: "\f106"; }
ul#activity-list li.tracbbpress:before                          { content: "\f451"; }
ul#activity-list li.tracbuddypress:before                       { content: "\f448"; }
ul#activity-list li.wporgactivity-glotpress:before              { content: "\f326"; }

/* GitHub activity items */

/* Default github changes to Core / Code */
ul#activity-list li[class^="github-"]:before                         { content: "\f475"; }
ul#activity-list li.github-WordPress-wordpress-org:before            { content: "\f325"; }
ul#activity-list li.github-WordPress-wordcamp-org:before             { content: "\f486"; }
ul#activity-list li[class^="github-wp-cli-"]:before                  { content: "\f345"; }
ul#activity-list li[class^="github-WordPress-WordPress-Documentation-"]:before,
ul#activity-list li[class^="github-WordPress-Documentation-"]:before { content: "\f105"; }
ul#activity-list li[class^="github-WordPress-design-"]:before        { content: "\f309"; }
ul#activity-list li[class^="github-bbpress-"]:before                 { content: "\f451"; }
ul#activity-list li[class^="github-buddypress-"]:before              { content: "\f448"; }

/* Openverse uses an SVG logo */
ul#activity-list li[class^="github-WordPress-openverse"]:before {
	content: "";
	height: 20px;
	width: 20px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M142.044 93.023c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM28 63.511c0 16.24 12.994 29.512 29.074 29.512V34C40.994 34 28 47.19 28 63.511ZM70.392 63.511c0 16.24 12.994 29.512 29.074 29.512V34c-15.998 0-29.074 13.19-29.074 29.511ZM142.044 165.975c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM70.392 136.414c0 16.257 12.994 29.544 29.074 29.544v-59.006c-15.999 0-29.074 13.204-29.074 29.462ZM28 136.414c0 16.34 12.994 29.544 29.074 29.544v-59.006c-16.08 0-29.074 13.204-29.074 29.462Z' fill='%23444'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}

ul#activity-list li span {
	font-weight: bold;
}

ul#activity-list .ago {
	font-style:italic;
}

div.widget {
	margin-bottom: 15px;
}
#content-favorites > div:not(:last-of-type) {
	margin-bottom: 3em;
}
#content-translations > h3:not(:first-of-type) {
	margin-top: 1em;
}
#content-plugins > h3,
#content-courses > h3,
#content-favorites .favorites > h3,
#content-translations > h3 {
	font-size: 16px;
	margin-bottom: 1em;
	margin-left: 25px;
	color: #666;
}
#content-translations > h3,
#content-plugins > h3 {
	margin-left: 0;
}

#content-photos > h3 {
	margin-top: 4px;
}
#content-photos li {
	margin-bottom: 1rem;
}
.photo-dir-photo {
	display: inline-block;
}
.user-photo-contributions {
	font-size: 16px;
	margin-bottom: 1rem;
}
.user-photo-contributions span {
	font-weight: bold;
}
.user-photo-archive-link {
	margin-right: 32px;
	text-align: right;
}

#content-courses > h3:before {
	content: "\f118";
}
#content-courses .user-courses-completed {
	font-size: 16px;
	margin-bottom: 1rem;
}
#content-courses > .courses-completed  {
	display: grid;
	font-size: 16px;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 10px;
}
#content-courses > .courses-completed > li {
	display: contents;
}
#content-courses > .courses-completed li.footnote {
	color: #555;
	font-size: smaller;
	font-style: italic;
}
#content-courses > .courses-completed .course-completed-date {
	color: #999;
	align-self: start;
	justify-self: end;
}
@media screen and ( max-width: 480px ) {
	#content-courses > .courses-completed  {
		display: initial;
	}
	#content-courses > .courses-completed > li {
		display: block;
	}
	#content-courses > .courses-completed .course-completed-date {
		display: block;
		line-height: 1;
		margin-bottom: 1rem;
	}
}
																														
#content-favorites .favorites > h3:before {
	content: "\f487";
}
#content-favorites .favorite-plugins > h3:before {
	content: "\f106";
}
#content-favorites .favorite-themes > h3:before {
	content: "\f100";
}

/* > Container
-------------------------------------------------------------- */

div#container {
	position: relative;
	width: 960px;
	margin: 50px auto;
}
	body.activity-permalink div#container {
		background: none;
		border: none;
	}

/* > Sidebar
-------------------------------------------------------------- */

div#sidebar {
	display: none !important;
}

/* > Headline
-------------------------------------------------------------- */

#headline {
	height: 62px;
	height: inherit;
	background-color: #23282d;
	border-top: 1px solid #ffffff26;
	font-family: Inter, sans-seriff;
	color: hsla(0,0%,100%,.8);
	padding: 1rem 0;
}
#headline h1 {
	color: #fff;
	float: left;
	font-family: Inter, sans-seriff;
	font-size: 14px;
	height: 24px; /* Needed to keep the mobile menu working */
	text-shadow: inherit;
	padding: 0;
	line-height: 24px;
}

#headline a,
#headline a:hover {
	color: #fff;
}

/* > Content
-------------------------------------------------------------- */
#content {
	overflow: auto;
}

/* > Item Headers (Profiles, Groups)
-------------------------------------------------------------- */

	div#item-header div#item-header-location {
		margin-left: 770px;
		top: -5px;
		position: relative;
	}

	.site-header {
		position: relative;
	}

	.site-header.is-memorialized img {
		filter: grayscale(1);
	}

	.site-header h2 :link,
	.site-header h2 :visited {
		color: inherit;
	}

	div#item-header h2 {
		font-size: 36px;
		line-height: 1.5;
		margin-top: 8px;
		color: #1E1E1E;
		font-family: 'EB Garamond', serif;
	}

	div#item-header h2 a {
		color: #1E1E1E;
	}

	.site-header .remembering {
		display: inline-block;
		background: #F6F6F6;
		padding: 0px 8px;
		border-radius: 12px;
		font-size: 14px;
		margin-top: 4px;
	}

	div#item-header .remembering + h2 {
		margin-top: -6px;
	}

	div#item-header h3 {
		font-size: 24px;
		line-height: 1.5;
		margin: 50px 0 16px;
		font-weight: normal;
	}

	#slack-username {
		color: #1E1E1E;
		font-size: 14px;
		font-weight: 300;
		line-height: 1.5;
	}
	@media (min-width: 768px) {
		#slack-username {
			max-width: 76%;
		}
	}

	#slack-username span {
		display: inline-block;
	}

	#slack-username .username {
		word-break: break-all;
	}

	#slack-username a {
		color: inherit;
	}
	#slack-username a:hover {
		color: #d54e21;
	}

	div#item-header img.avatar {
		border-radius: 50%;
		float: left;
		margin: 0 20px 12px 0;
	}

	#header-meta-links {
		font-size: 14px;
		margin: 33px 0;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}

	@media (max-width: 500px) {
		div#item-header img.avatar {
			display: block;
			float: none;
			margin: 0 auto 20px;
		}

		.site-header {
			text-align: center;
		}

		#header-meta-links li:last-child {
			margin-right: 0;
		}
	}

	#meta-status-badge-container {
		display: flex;
		padding-top: 50px;
		flex-direction: column;
		line-height: 30px;
	}

	#meta-status-badge-container > div {
		flex: 1;
	}

		#user-meta {
			font-size: 14px;
			margin: 0 0 30px 0;
		}
		
		@media screen and ( min-width: 800px ) {
			#meta-status-badge-container  {
				flex-direction: row;
			}

			#user-meta {
				padding-left: 50px;
				width: 325px;
			}
		}
	

			#user-meta > li {
				border-bottom: 1px solid #eee;
				overflow: hidden;
				padding: 4px 0;
				text-align: right;
			}

			div#item-header #user-meta > li > span {
				display: inherit;
				float: left;
				margin-right: 0.5rem;
			}

			#user-meta > li > strong {
				text-align: right;
				font-weight: normal;
			}

			#user-meta > li > strong a {
				font-weight: normal;
			}

			#user-social-media-accounts-tag {
				transition: all 1.25s ease;
			}

			#user-social-media-accounts-tag.transparent {
				display: none;
			}

			#user-social-media-accounts {
				float: right;
				overflow: auto;
				transition: all 1.25s ease;
			}

				#user-social-media-accounts:before {
					margin-right: 10px;
					font-weight: bold;
				}

				#user-social-media-accounts li {
					display: inline-block;
					margin-right: 6px;
				}

					#user-social-media-accounts li a .dashicons,
					#user-social-media-accounts li a .genericon {
						margin-top: 6px;
						font-size: 18px;
						color: #1E1E1E;
					}

				#user-social-media-accounts li a .genericon-mastodon {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74' height='79' viewBox='0 0 74 79' fill='%231e1e1e'%3E%3Cpath d='M73.7014 17.4323C72.5616 9.05152 65.1774 2.4469 56.424 1.1671C54.9472 0.950843 49.3518 0.163818 36.3901 0.163818H36.2933C23.3281 0.163818 20.5465 0.950843 19.0697 1.1671C10.56 2.41145 2.78877 8.34604 0.903306 16.826C-0.00357854 21.0022 -0.100361 25.6322 0.068112 29.8793C0.308275 35.9699 0.354874 42.0498 0.91406 48.1156C1.30064 52.1448 1.97502 56.1419 2.93215 60.0769C4.72441 67.3445 11.9795 73.3925 19.0876 75.86C26.6979 78.4332 34.8821 78.8603 42.724 77.0937C43.5866 76.8952 44.4398 76.6647 45.2833 76.4024C47.1867 75.8033 49.4199 75.1332 51.0616 73.9562C51.0841 73.9397 51.1026 73.9184 51.1156 73.8938C51.1286 73.8693 51.1359 73.8421 51.1368 73.8144V67.9366C51.1364 67.9107 51.1302 67.8852 51.1186 67.862C51.1069 67.8388 51.0902 67.8184 51.0695 67.8025C51.0489 67.7865 51.0249 67.7753 50.9994 67.7696C50.9738 67.764 50.9473 67.7641 50.9218 67.7699C45.8976 68.9569 40.7491 69.5519 35.5836 69.5425C26.694 69.5425 24.3031 65.3699 23.6184 63.6327C23.0681 62.1314 22.7186 60.5654 22.5789 58.9744C22.5775 58.9477 22.5825 58.921 22.5934 58.8965C22.6043 58.8721 22.621 58.8505 22.6419 58.8336C22.6629 58.8167 22.6876 58.8049 22.714 58.7992C22.7404 58.7934 22.7678 58.794 22.794 58.8007C27.7345 59.9796 32.799 60.5746 37.8813 60.5733C39.1036 60.5733 40.3223 60.5733 41.5447 60.5414C46.6562 60.3996 52.0437 60.1408 57.0728 59.1694C57.1983 59.1446 57.3237 59.1233 57.4313 59.0914C65.3638 57.5847 72.9128 52.8555 73.6799 40.8799C73.7086 40.4084 73.7803 35.9415 73.7803 35.4523C73.7839 33.7896 74.3216 23.6576 73.7014 17.4323ZM61.4925 47.3144H53.1514V27.107C53.1514 22.8528 51.3591 20.6832 47.7136 20.6832C43.7061 20.6832 41.6988 23.2499 41.6988 28.3194V39.3803H33.4078V28.3194C33.4078 23.2499 31.3969 20.6832 27.3894 20.6832C23.7654 20.6832 21.9552 22.8528 21.9516 27.107V47.3144H13.6176V26.4937C13.6176 22.2395 14.7157 18.8598 16.9118 16.3545C19.1772 13.8552 22.1488 12.5719 25.8373 12.5719C30.1064 12.5719 33.3325 14.1955 35.4832 17.4394L37.5587 20.8853L39.6377 17.4394C41.7884 14.1955 45.0145 12.5719 49.2765 12.5719C52.9614 12.5719 55.9329 13.8552 58.2055 16.3545C60.4017 18.8574 61.4997 22.2371 61.4997 26.4937L61.4925 47.3144Z' fill='inherit'/%3E%3C/svg%3E");
					background-size: 16px 16px;
				}


			
				#user-social-media-accounts li a.twitter {
					background: url('members/single/twitter.svg') no-repeat;
					background-size: cover;	
					height: 30px;
					width: 30px;			  
				}

				#user-social-media-accounts li a.twitter .genericon-twitter {
					opacity: 0;
				}				


		.item-remembering {
			margin-bottom: 50px;
			font-family: 'EB Garamond', serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.item-remembering:after {
			content: '❦';
			display: block;
			padding-top: 50px;
			font-size: 24px;	
			text-align: center;
			font-style: normal;
		}

		.item-remembering > p {
			margin-bottom: 50px;
			font-size: 24px;
			font-style: italic;
			margin-bottom: 1rem;
		}

		.item-remembering > p:last-child {
			white-space: pre-line;
		}

		.item-remembering .item-remembering-link {
			display: block;
			color: #1E1E1E !important;
			font-size: 16px;
			text-align: center;
			text-decoration: underline;
		}

		#content-about {
			font-size: 16px;
			overflow-wrap: anywhere;
			text-wrap: pretty;
		}

		#content-about h3:first-of-type {
			margin-top: 0;
		}

		#content-about p {
			margin: 1rem 0;
		}

		#user-website a,
		#user-github a,
		#slack-username a,
		#content-about a {
			text-decoration: underline;
		}

		h3 span.contribution-sponsored {
			display: inline-block;
			font-size: 0.8rem;
			font-weight: normal;
			line-height: 1.5;
			background-color: #edeff0;
			color: #606a73;
			border-radius: 3px;
			padding: 2px 6px;
			margin-top: -4px;
			vertical-align: middle;
		}

		.contributions {
			margin-bottom: 50px;
		}

		.contributions li {
			width: 49%;
		}

		#meta-status-badge-container .contributions h3:first-of-type {
			margin-top: 0;
		}

		#content-about + .contributions {
			clear: both;
			width: 100%;
		}

		#content-about + .contributions h3:first-of-type {
			margin-top: 3rem;
		}

		@media screen and ( min-width: 768px ) {
			.contributions li {
				width: 33%;
			}
		}

		@media screen and ( max-width: 767px ) {
			div#item-header h2 {
				line-height: 1.3;
				margin: 0;
			}

			#header-meta-links {
				margin: 10px 0 0;
				position: relative;
				text-align: inherit;
			}

			#header-meta-links li {
				display: inline-block;
				margin-right: 20px;
			}

			#item-header #user-meta {
				order: 1;
				margin: 0;
				width: 100%;
			}

			#content-about {
				margin-bottom: 30px;
			}

			.contributions {
				clear: both;
				order: 1;
				width: 100%;
			}

			#user-meta + .contributions {
				margin-top: 30px;
			}
		}

		@media screen and ( max-width: 480px ) {
			.contributions li,
			#content-about + .contributions li {
				width: 100%;
			}

		}

		@media screen and ( max-width: 420px ) {
			#slack-username {
				clear: both;
			}
		}

		div#item-header #user-badges {
			overflow: auto;
		}

			div#item-header #user-badges li {
				border-bottom: none;
				box-sizing: border-box;
				display: inline-block;
				font-size: 16px;
				padding: 16px 0 16px 55px;
				position: relative;
				vertical-align: top;
			}

			div#item-header #user-badges li div.dashicons:before {
				position: relative;
				top: 2px;
				font-size: 24px;
			}

			/* Slightly adjust certain badges for better horizontal centering. */
			div#item-header #user-badges li div.dashicons.dashicons-admin-appearance:before,
			div#item-header #user-badges li div.dashicons.dashicons-admin-plugins:before,
			div#item-header #user-badges li div.dashicons.dashicons-art:before,
			div#item-header #user-badges li div.dashicons.dashicons-format-chat:before,
			div#item-header #user-badges li div.dashicons.dashicons-tickets:before {
				left: 1px;
			}

			div#item-header #user-badges li div.dashicons.dashicons-cloud:before {
				top: 0;
			}

			.badge {
				margin: 4px;
				width: 32px;
				height: 32px;
				border: 2px solid white;
				border-radius: 50%;
				box-sizing: border-box;
				position: absolute;
				top: 8px;
				left: 0;
			}

			.badge-unknown {
				background: white;
				box-shadow: 0 0 0 4px rgb(199, 199, 199);
			}
			.badge-unknown:before {
				color: rgb(199, 199, 199);
			}

			.badge-themes-reviewer {
				background: rgba(78, 50, 136, 0.25);
				box-shadow: 0 0 0 4px rgb(78, 50, 136);
			}
			.badge-themes-reviewer:before {
				color: rgb(78, 50, 136);
			}

			.badge-themes {
				background: white;
				box-shadow: 0 0 0 4px rgb(78, 50, 136);
			}
			.badge-themes:before {
				color: rgb(78, 50, 136);
			}

			.badge-plugins-reviewer {
				background: rgba(240, 103, 35, 0.25);
				box-shadow: 0 0 0 4px rgb(240, 103, 35);
			}
			.badge-plugins-reviewer:before {
				color: rgb(240, 103, 35);
			}

			.badge-plugins {
				background: white;
				box-shadow: 0 0 0 4px rgb(240, 103, 35);
			}
			.badge-plugins:before {
				color: rgb(240, 103, 35);
			}

			.badge-community {
				background: rgba(17, 121, 157, 0.25);
				box-shadow: 0 0 0 4px rgb(17, 121, 157);
			}
			.badge-community:before {
				color: rgb(17, 121, 157);
			}

			.badge-community-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(17, 121, 157);
			}
			.badge-community-contributor:before {
				color: rgb(17, 121, 157);
			}

			.badge-meta {
				background: rgba(174, 173, 173, 0.25);
				box-shadow: 0 0 0 4px rgb(174, 173, 173);
			}
			.badge-meta:before {
				color: rgb(174, 173, 173);
			}

			.badge-meta-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(174, 173, 173);
			}
			.badge-meta-contributor:before {
				color: rgb(174, 173, 173);
			}

			.badge-code-committer {
				background: rgba(205, 0, 0, 0.25);
				box-shadow: 0 0 0 4px rgb(205, 0, 0);
			}
			.badge-code-committer:before {
				color: rgb(205, 0, 0);
			}

			.badge-code {
				background: white;
				box-shadow: 0 0 0 4px rgb(205, 0, 0);
			}
			.badge-code:before {
				color: rgb(205, 0, 0);
			}

			.badge-support {
				background: rgba(51, 180, 206, 0.25);
				box-shadow: 0 0 0 4px rgb(51, 180, 206);
			}
			.badge-support:before {
				color: rgb(51, 180, 206);
			}

			.badge-support-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(51, 180, 206);
			}
			.badge-support-contributor:before {
				color: rgb(51, 180, 206);
			}

			.badge-wordpress-tv {
				background: rgba(115, 173, 48, 0.25);
				box-shadow: 0 0 0 4px rgb(115, 173, 48);
			}
			.badge-wordpress-tv:before {
				color: rgb(115, 173, 48);
			}

			.badge-wordpress-tv-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(115, 173, 48);
			}
			.badge-wordpress-tv-contributor:before {
				color: rgb(115, 173, 48);
			}

			.badge-organizer {
				background: white;
				box-shadow: 0 0 0 4px rgb(247, 173, 67);
			}
			.badge-organizer:before {
				color: rgb(247, 173, 67);
			}

			.badge-speaker {
				background: white;
				box-shadow: 0 0 0 4px rgb(247, 173, 67);
			}
			.badge-speaker:before {
				color: rgb(247, 173, 67);
			}

			.badge-accessibility {
				background: rgba(17, 121, 157, 0.25);
				box-shadow: 0 0 0 4px rgb(17, 121, 157);
			}
			.badge-accessibility:before {
				color: rgb(17, 121, 157);
			}

			.badge-accessibility-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(17, 121, 157);
			}
			.badge-accessibility-contributor:before {
				color: rgb(17, 121, 157);
			}

			.badge-documentation {
				background: rgba(59, 114, 54, 0.25);
				box-shadow: 0 0 0 4px rgb(59, 114, 54);
			}
			.badge-documentation:before {
				color: rgb(59, 114, 54);
			}

			.badge-documentation-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(59, 114, 54);
			}
			.badge-documentation-contributor:before {
				color: rgb(59, 114, 54);
			}

			.badge-mobile {
				background: rgba(251, 161, 108, 0.25);
				box-shadow: 0 0 0 4px rgb(251, 161, 108);
			}
			.badge-mobile:before {
				color: rgb(251, 161, 108);
			}

			.badge-training{
				background: rgba(233, 192, 45, 0.25);
				box-shadow: 0 0 0 4px rgb(233, 192, 45);
			}
			.badge-training:before {
				color: rgb(233, 192, 45);
			}

			.badge-training-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(233, 192, 45);
			}
			.badge-training-contributor:before {
				color: rgb(233, 192, 45);
			}

			.badge-translation-editor {
				background: rgba(195, 34, 131, 0.25);
				box-shadow: 0 0 0 4px rgb(195, 34, 131);
			}
			.badge-translation-editor:before {
				color: rgb(195, 34, 131);
			}

			.badge-translation-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(195, 34, 131);
			}
			.badge-translation-contributor:before {
				color: rgb(195, 34, 131);
			}

			.badge-design {
				background: rgba(238, 194, 106, 0.25);
				box-shadow: 0 0 0 4px rgb(238, 194, 106);
			}
			.badge-design:before {
				color: rgb(238, 194, 106);
			}

			.badge-design-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(238, 194, 106);
			}
			.badge-design-contributor:before {
				color: rgb(238, 194, 106);
			}

			.badge-marketing {
				background: rgba(71, 190, 167, 0.25);
				box-shadow: 0 0 0 4px rgb(71, 190, 167);
			}
			.badge-marketing:before {
				color: rgb(71, 190, 167);
			}

			.badge-marketing-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(71, 190, 167);
			}
			.badge-marketing-contributor:before {
				color: rgb(71, 190, 167);
			}

			.badge-media-corps-team,
			.badge-media-corps-contributor {
				background: rgba(19, 159, 148, 0.25);
				box-shadow: 0 0 0 4px rgb(19, 159, 148);
			}
			.badge-media-corps-contributor {
				background: white;
			}
			.badge-media-corps-team:before,
			.badge-media-corps-contributor:before {
				color: rgb(19, 159, 148);
			}

			.badge-wp-cli {
				background: rgba(66, 66, 66, 0.25);
				box-shadow: 0 0 0 4px rgb(66, 66, 66);
			}
			.badge-wp-cli:before {
				color: rgb(66, 66, 66);
			}

			.badge-wp-cli-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(66, 66, 66);
			}
			.badge-wp-cli-contributor:before {
				color: rgb(66, 66, 66);
			}

			.badge-hosting {
				background: rgba(83, 88, 166, 0.25);
				box-shadow: 0 0 0 4px rgb(83, 88, 166);
			}
			.badge-hosting:before {
				color: rgb(83, 88, 166);
			}

			.badge-hosting-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(83, 88, 166);
			}
			.badge-hosting-contributor:before {
				color: rgb(83, 88, 166);
			}

			.badge-tide {
				background: rgba(21, 38, 255, 0.25);
				box-shadow: 0 0 0 4px rgb(21, 38, 255);
			}
			.badge-tide:before {
				color: rgb(21, 38, 255);
			}

			.badge-tide-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(21, 38, 255);
			}
			.badge-tide-contributor:before {
				color: rgb(21, 38, 255);
			}

			.badge-security-team,
			.badge-security-contributor {
				background: rgba(0, 204, 58, 0.25);
				box-shadow: 0 0 0 4px rgb(0, 204, 58);
			}

			.badge-security-team:before,
			.badge-security-contributor:before {
				color: rgb(0, 204, 58);
			}

			.badge-security-contributor {
				background: unset;
			}

			.badge-bbpress {
				background: rgba(45, 142, 66, 0.25);
				box-shadow: 0 0 0 4px rgb(45, 142, 66);
			}
			.badge-bbpress:before {
				color: rgb(45, 142, 66);
			}

			.badge-bbpress-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(45, 142, 66);
			}
			.badge-bbpress-contributor:before {
				color: rgb(45, 142, 66);
			}

			.badge-buddypress, .badge-buddypress-contributor {
				box-shadow: 0 0 0 4px rgb(216, 72, 0);
				background: url('data:image/svg+xml;UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23d84800" d="M12.377 1.3c-.913-.041-1.756.124-2.242.436-.233.15-.234.15.35.361 1.637.593 2.972 2.183 3.304 3.934.201 1.06.03 2.31-.444 3.246l-.248.488.223-.064c1.077-.311 2.203-1.272 2.674-2.281 1.036-2.217.119-4.743-2.098-5.78-.536-.252-.788-.307-1.52-.34zM8.771 2.736a4.318 4.318 0 00-4.428 3.64c-.368 2.228 1.181 4.47 3.39 4.904 3.13.614 5.84-2.244 5.04-5.315-.206-.792-.483-1.279-1.072-1.896-.593-.623-1.201-.984-2.01-1.195a4.372 4.372 0 00-.92-.138zm6.117 7.386l-.366.438c-.326.388-.349.446-.194.499.963.325 2.04 1.237 2.508 2.124.404.766.775 1.84.847 2.45.033.281.075.566.095.632.027.086.308.12.969.12h.931l-.064-.89c-.094-1.295-.297-2.136-.726-3.006-.704-1.428-1.843-2.24-3.262-2.323l-.738-.044zm-9.39 1.198l-.595.081c-.78.106-1.667.404-2.193.738-.573.365-1.365 1.252-1.664 1.865C.53 15.064.212 16.98.358 18.15l.068.545 8.194-.025 8.192-.024.03-.911c.066-2.164-.524-3.847-1.775-5.063-.655-.636-1.724-1.126-2.793-1.28l-.499-.071-1.52 1.522c-.836.837-1.564 1.523-1.619 1.523-.054 0-.782-.686-1.618-1.523l-1.52-1.522z"/></svg>') no-repeat center/75%;
			}

			.badge-buddypress {
				background-color: rgb(216, 72, 0, 0.25);
			}

			.badge-test {
				background: rgba(0, 128, 128, 0.25);
				box-shadow: 0 0 0 4px rgb(0, 128, 128);
			}
			.badge-test:before {
				color: rgb(0, 128, 128);
			}

			.badge-test-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(0, 128, 128);
			}
			.badge-test-contributor:before {
				color: rgb(0, 128, 128);
			}

			.badge-openverse {
				background: rgba(197, 43, 155, 0.25);
				box-shadow: 0 0 0 4px rgb(197, 43, 155);
			}
			.badge-openverse:before {
				color: rgb(197, 43, 155);
			}

			.badge-openverse-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(197, 43, 155);
			}
			.badge-openverse-contributor:before {
				color: rgb(197, 43, 155);
			}

			.badge-openverse, .badge-openverse-contributor {
				background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M142.044 93.023c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM28 63.511c0 16.24 12.994 29.512 29.074 29.512V34C40.994 34 28 47.19 28 63.511ZM70.392 63.511c0 16.24 12.994 29.512 29.074 29.512V34c-15.998 0-29.074 13.19-29.074 29.511ZM142.044 165.975c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM70.392 136.414c0 16.257 12.994 29.544 29.074 29.544v-59.006c-15.999 0-29.074 13.204-29.074 29.462ZM28 136.414c0 16.34 12.994 29.544 29.074 29.544v-59.006c-16.08 0-29.074 13.204-29.074 29.462Z' fill='%23C52B9B'/%3E%3C/svg%3E");
				background-position: center;
				background-repeat: no-repeat;
			}

			.badge-patterns-team,
			.badge-pattern-author {
				background: rgba(146, 75, 179, 0.25);
				box-shadow: 0 0 0 4px rgb(146, 75, 179);
			}
			.badge-pattern-author {
				background: white;
			}
			.badge-patterns-team:before,
			.badge-pattern-author:before {
				color: rgb(146, 75, 179);
			}

			.badge-photos-team,
			.badge-photo-contributor {
				background: rgba(203, 0, 240, 0.25);
				box-shadow: 0 0 0 4px rgb(203, 0, 240);
			}
			.badge-photo-contributor {
				background: white;
			}
			.badge-photos-team:before,
			.badge-photo-contributor:before {
				color: rgb(203, 0, 240);
			}

			.badge-performance-team {
				background: rgba(0, 115, 170, 0.25);
				box-shadow: 0 0 0 4px rgb(0, 115, 170);
			}
			.badge-performance-team:before {
				color: rgb(0, 115, 170);
			}

			.badge-performance-contributor {
				background: white;
				box-shadow: 0 0 0 4px rgb(0, 115, 170);
			}
			.badge-performance-contributor:before {
				color: rgb(0, 115, 170);
			}

			.badge-performance-team, .badge-performance-contributor {
				background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 94 94' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:%230073aa;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m39.21 20.85h-11.69c-1.38 0-2.5 1.12-2.5 2.5v11.69c0 1.38 1.12 2.5 2.5 2.5h11.69c1.38 0 2.5-1.12 2.5-2.5v-11.69c0-1.38-1.12-2.5-2.5-2.5z'/%3E%3Cpath d='M41.71,58.96v11.69c0,.66-.26,1.3-.73,1.77-.47,.47-1.11,.73-1.77,.73h-11.69c-.66,0-1.3-.26-1.77-.73-.47-.47-.73-1.11-.73-1.77v-21.37c0-.4,.1-.79,.28-1.14,.03-.06,.07-.12,.1-.18,.21-.33,.49-.61,.83-.82l11.67-7.04c.44-.27,.95-.39,1.47-.36,.51,.03,1,.23,1.4,.55,.26,.21,.47,.46,.63,.75,.16,.29,.26,.61,.29,.94,.02,.11,.02,.22,.02,.34v5.38s0,.07,0,.11v11.08s0,.04,0,.07Z'/%3E%3Cpath d='M68.98,30.23v16.84c0,.33-.06,.65-.19,.96-.13,.3-.31,.58-.54,.81l-6.88,6.88c-.23,.23-.51,.42-.81,.54-.3,.13-.63,.19-.96,.19h-13.15c-.66,0-1.3-.26-1.77-.73-.47-.47-.73-1.11-.73-1.77v-11.69c0-.66,.26-1.3,.73-1.77,.47-.47,1.11-.73,1.77-.73h13.08s1.11,0,1.11-1.11-1.11-1.11-1.11-1.11h-13.08c-.66,0-1.3-.26-1.77-.73s-.73-1.11-.73-1.77v-11.69c0-.66,.26-1.3,.73-1.77,.47-.47,1.11-.73,1.77-.73h13.15c.33,0,.65,.06,.96,.19,.3,.13,.58,.31,.81,.54l6.88,6.88c.23,.23,.42,.51,.54,.81,.13,.3,.19,.63,.19,.96Z'/%3E%3C/svg%3E");
				background-position: center;
				background-repeat: no-repeat;
			}

			.badge-sustainability-team,
			.badge-sustainability-contributor {
				background: rgba(23, 127, 106, 0.25);
				box-shadow: 0 0 0 4px rgb(23, 127, 106);
			}
			.badge-sustainability-contributor {
				background: white;
			}
			.badge-sustainability-team:before,
			.badge-sustainability-contributor:before {
				color: rgb(23, 127, 106);
			}

			.badge-wordcamp-volunteer {
				background: #fff;
				box-shadow: 0 0 0 4px rgb(247, 173, 67);
			}

			.badge-wordcamp-volunteer:before {
				color: rgb(247, 173, 67);
			}

			.badge-playground, .badge-playground-contributor {
				background: white;
				box-shadow: 0 0 0 4px var( --color );
			}
			.badge-playground:before, .badge-playground-contributor:before {
				color: var( --color );
			}
			.badge-playground {
				background: var( --color-light );
			}

			.badge-playground, .badge-playground-contributor {
				--color: rgb(56, 88, 233);
				--color-light: rgba(56, 88, 233, 0.25);
				background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 264 264' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4142 96.1617C25.6576 104.102 22.6201 113.859 22.1316 124.582C22.0526 126.317 22.0403 128.076 22.094 129.858C22.8215 153.981 35.6471 182.078 58.7836 205.215C94.1918 240.623 141.219 251.881 167.838 232.585C156.641 229.946 145.313 225.834 134.159 220.348C131.296 220.223 128.216 219.849 124.914 219.189C119.268 218.06 113.299 216.122 107.218 213.365C107.217 213.364 107.217 213.363 107.217 213.362C96.0955 208.321 84.6002 200.542 74.028 189.97C63.4568 179.399 55.6787 167.905 50.6372 156.784C50.6368 156.784 50.6364 156.784 50.636 156.784C47.879 150.702 45.9405 144.732 44.8113 139.086C44.1511 135.786 43.7778 132.706 43.6523 129.843C38.1659 118.688 34.0528 107.359 31.4142 96.1617ZM9.23712 163.298C10.043 162.493 10.8885 161.741 11.7707 161.043C14.3643 168.613 17.7868 176.167 21.9822 183.554C21.4183 186.043 21.2992 189.453 22.2134 194.024C24.0281 203.098 29.6869 214.237 39.7259 224.276C49.765 234.315 60.9044 239.974 69.9778 241.789C74.5503 242.703 77.9607 242.584 80.4503 242.019C87.8372 246.214 95.3905 249.636 102.961 252.229C102.262 253.112 101.51 253.958 100.704 254.765C83.8651 271.603 49.7393 264.778 24.4815 239.521C-0.776242 214.263 -7.6014 180.137 9.23712 163.298ZM93.0817 170.917C143.597 221.433 211.849 235.083 245.526 201.406C257.702 189.229 263.692 172.533 263.988 153.789C264.512 120.693 247.287 81.2134 215.037 48.9631C164.521 -1.55248 96.2698 -15.2028 62.5928 18.4742C50.4 30.6671 44.4109 47.392 44.129 66.1665C43.6329 99.2474 60.8558 138.691 93.0817 170.917ZM164.222 179.881C165.16 184.571 165.519 188.815 165.411 192.623C146.44 186.02 126.336 173.684 108.326 155.674C90.3161 137.664 77.98 117.56 71.377 98.5895C75.1847 98.481 79.4293 98.84 84.1196 99.7781C100.09 102.972 118.652 112.641 135.006 128.995C151.359 145.348 161.028 163.911 164.222 179.881ZM77.8372 33.7186C68.7098 42.8461 63.8395 57.692 66.2929 77.3346C92.1159 74.8241 124.303 87.8029 150.25 113.75C176.197 139.698 189.176 171.884 186.666 197.707C206.308 200.16 221.154 195.29 230.281 186.163C240.437 176.007 245.322 158.772 240.713 135.728C236.14 112.861 222.46 86.8754 199.793 64.2075C177.125 41.5396 151.139 27.86 128.272 23.2866C105.228 18.6777 87.9929 23.563 77.8372 33.7186Z' fill='%233858E9'/%3E%3C/svg%3E");
				background-size: 22px; /* The image overflows the circle otherwise. */
				background-position: center;
				background-repeat: no-repeat;
			}

			div#item-header #user-badges li div.dashicons.dashicons-admin-site-alt3::before {
				top: 3px;
				left: 1px;
			}

	div#item-header span.activity, div#item-header h2 span.highlight {
		vertical-align: middle;
		font-size: 11px;
		font-weight: normal;
		line-height: 170%;
		margin-bottom: 7px;
	}

	div#item-header h2 span.highlight { font-size: 16px; }
	div#item-header h2 span.highlight span {
		position: relative;
		top: -2px;
		right: -2px;
		font-weight: bold;
		font-size: 11px;
		background: #a1dcfa;
		color: #fff;
		padding: 1px 4px;
		margin-bottom: 2px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		vertical-align: middle;
		cursor: pointer;
		display: none;
	}

	div#item-header div#item-meta {
		font-size: 14px;
		padding-bottom: 10px;
		overflow: hidden;
		margin: 15px 0 5px 0;
	}

	#content-themes ul li {
	}

		#content-themes ul li:nth-of-type(2n) {
			padding-right: 0;
		}

		#content-themes ul li h3 a img {
			max-width: 100%;
			height: auto;
			margin-bottom: 5px;
		}

	div#item-header div#item-actions {
		float: right;
		width: 20%;
		margin: 0 0 15px 15px;
		text-align: right;
	}
		div#item-header div#item-actions h3 {
			font-size: 12px;
			margin: 0 0 5px 0;
		}

		div#item-header ul {
			overflow: hidden;
			margin-bottom: 0;
		}

		div#item-header ul h5, div#item-header ul span, div#item-header ul hr {
			display: none;
		}

		div#item-header ul img.avatar,
		div#item-header ul.avatars img.avatar {
			width: 30px;
			height: 30px;
			margin: 2px;
		}

	div#item-header div.generic-button, div#item-header a.button {
		float: left;
		margin: 10px 10px 0 0;
	}

	div#item-header div#message.info {
		line-height: 80%;
	}

#contributions-overview {
	display: block;
	text-align: center;
	font-size: 1.4em;
}

	#contributions-overview li {
		float: left;
		display: inline-block;
		border: 1px solid black;
		border-left: none;
		padding: 10px 20px;
	}

		#contributions-overview li:first-child {
			border-left: 1px solid black;
		}

		#contributions-overview span.contribution-count {
			display: block;
		}


/* > Item Lists (Activity, Friend, Group lists)
-------------------------------------------------------------- */

ul.item-list {
	width: 100%;
}
	ul.item-list li {
		position: relative;
		padding: 15px 0;
		border-bottom: 1px solid #eaeaea;
	}
		ul.single-line li { border: none; }
		body.activity-permalink ul.item-list li { padding-top: 0; }

		ul.item-list li img.avatar {
			float: left;
			margin: 0 10px 10px 0;
		}

		ul.item-list li div.item-title, ul.item-list li h4 {
			font-weight: normal;
			font-size: 14px;
			width: 75%;
			margin: 0;
		}
			ul.item-list li div.item-title span {
				font-size: 12px;
			}

		ul.item-list li div.item-desc {
			margin: 10px 0 0 64px;
			font-size: 11px;
			width: 50%;
		}

		ul.item-list li div.action {
			position: absolute;
			top: 15px;
			right: 0;
			text-align: right;
		}

		ul.item-list li div.meta {
			margin-top: 10px;
			font-size: 11px;
		}

		ul.item-list li h5 span.small {
			font-weight: normal;
			font-size: 11px;
		}

/* > Item Tabs
-------------------------------------------------------------- */

div.item-list-tabs {
	clear: left;
	overflow: hidden;
	margin: 25px -20px 20px -20px;
	background: #eaeaea;
}
	div.item-list-tabs ul li a {
		text-decoration: none;
	}

	div.item-list-tabs ul {
		width: 100%;
	}
		div.item-list-tabs ul li {
			float: left;
			margin: 5px 0 0 5px;
		}
			div.item-list-tabs#subnav ul li {
				margin-top: 0;
			}

			div.item-list-tabs ul li:first-child {
				margin-left: 20px;
			}

			div.item-list-tabs ul li.last {
				float: right;
				margin: 7px 20px 0 0;
			}
				div.item-list-tabs#subnav ul li.last {
					margin-top: 4px;
				}

				div.item-list-tabs ul li.last select {
					max-width: 175px;
				}

		div.item-list-tabs ul li a,
		div.item-list-tabs ul li span {
			display: block;
			padding: 5px 10px;
			text-decoration: none;
		}
			div.item-list-tabs ul li span {
			}

			div.item-list-tabs ul li a span {
				display: inline;
				padding: 0;
				color: inherit;
			}

		div.item-list-tabs ul li.selected a,
		div.item-list-tabs ul li.current a {
			background-color: #fff;
			color: #555;
			font-weight: bold;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
		}
			ul li.loading a {
				background-image: url( ../images/ajax-loader.gif );
				background-position: 92% 50%;
				background-repeat: no-repeat;
				padding-right: 30px !important;
			}
				div#item-nav ul li.loading a {
					background-position: 88% 50%;
				}

	div.item-list-tabs#object-nav {
		margin-top: 0;
	}

	div.item-list-tabs#subnav {
		background: #fff;
		margin-bottom: 15px;
		border-bottom: 1px solid #eaeaea;
		min-height: 35px;
		overflow: hidden;
	}

	div.item-list-tabs ul li.feed a {
		background: url( ../images/rss.png ) center left no-repeat;
		padding-left: 20px;
	}

/* > Item Body
-------------------------------------------------------------- */

#item-body {
	margin-top: 30px;
	word-break: break-word;
}

#item-body a {
	text-decoration: underline;
}

span.activity {
	display: inline-block;
	font-size: 11px;
	opacity: 0.8;
	padding: 1px 8px;
}
span.activity,
div#message p {
	border: 1px solid #e1ca82;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: normal;
	margin-top: 3px;
	text-decoration: none;
	background: #ffeaa6;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .5)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}

/* > Directories (Members, Groups, Blogs, Forums)
-------------------------------------------------------------- */

div.dir-search {
	float: right;
	margin: -20px 0 0 0;
}
	div.dir-search input[type=text] {
		padding: 4px;
		font-size: 12px;
		border: 1px solid #ccc;
	}

#groups_search_submit { height: 32px; box-shadow: none; }

/* > Pagination
-------------------------------------------------------------- */

div.pagination {
	margin-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	padding: 10px 20px 10px 20px;
	color: #888;
	font-size: 11px;
	height: 16px;
}
	div.pagination#user-pag, .friends div.pagination,
	.mygroups div.pagination, .myblogs div.pagination, noscript div.pagination {
		background: #f8f8f8;
		border: none;
		padding: 8px 15px;
	}

	div.pagination .pag-count {
		float: left;
	}

	div.pagination .pagination-links {
		float: right;
	}
		div.pagination .pagination-links span,
		div.pagination .pagination-links a {
			font-size: 12px;
			padding: 0 5px;
		}
			div.pagination .pagination-links a:hover {
				font-weight: bold;
			}

/* > Error / Success Messages
-------------------------------------------------------------- */

div#message {
	margin: 15px 0;
}
	div#message.updated { clear: both; }

div#message p {
	padding: 10px 15px;
	font-size: 12px;
	display:block;
}
	div#message.error p {
		background: #e41717;
		color: #fff;
		border-color: #a71a1a;
		clear: left;
	}

	div#message.updated p {
		background: #dffcd9;
		color: #1a9b00;
		border-color: #c4e9bd;
	}

form.standard-form#signup_form div div.error {
	color: #fff;
	background: #e41717;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px;
	width: 90%;
	margin: 0 0 10px 0;
}

/* > Buttons
-------------------------------------------------------------- */

a.button, input[type=submit], input[type=button],
ul.button-nav li a, div.generic-button a {
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #888;
	font-size: 12px;
	font-weight: normal;
	vertical-align: bottom;
	cursor: pointer;
}

.login input[type="button"], .login input[type="submit"] {
	padding: 0 10px 1px;
}

	a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover,
	ul.button-nav li a:hover, ul.button-nav li.current a,
	div.generic-button a:hover {
		border-color: #aaa;
		color: #555;
		outline: none;
	}

	/* Buttons that are disabled */
	div.pending a, a.disabled {
		border-color: #eee;
		color: #bbb;
		cursor: default;
	}
	div.pending a:hover, a.disabled:hover { border-color: #eee; color: #bbb; }

	div.accept, div.reject {
		float: left;
		margin-left: 10px;
	}

/* > AJAX Loaders
-------------------------------------------------------------- */

.ajax-loader {
	background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
	padding: 8px;
	display: none;
}

a.loading {
	background-image: url( ../images/ajax-loader.gif ) !important;
	background-position: 95% 50% !important;
	background-repeat: no-repeat !important;
	padding-right: 25px !important;
}

/* > Input Forms
-------------------------------------------------------------- */

	form.standard-form textarea, form.standard-form input[type=text],
	form.standard-form select, form.standard-form input[type=password],
	.dir-search input[type=text] {
		border: 1px solid #979aa1;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding: 6px;
		font: inherit;
		font-size: 16px;
	}
		form.standard-form select {
			padding: 3px;
		}

	form.standard-form label, form.standard-form span.label {
		display: block;
		margin: 15px 0 5px 0;
	}
		form.standard-form div.checkbox label,
		form.standard-form div.radio label {
			font-weight: normal;
			margin: 5px 0 0 0;
			font-size: 14px;
		}

		form.standard-form#sidebar-login-form label {
			margin-top: 5px;
		}

	form.standard-form input[type=text]:not(.components-text-control__input) {
		width: 75%;
		background-color: #fff;
	}
		form.standard-form#sidebar-login-form input[type=text],
		form.standard-form#sidebar-login-form input[type=password] {
			padding: 4px;
			width: 95%;
		}

		form.standard-form #basic-details-section input[type=password],
		form.standard-form #blog-details-section input#signup_blog_url {
			width: 35%;
		}

		form.standard-form#signup_form input[type=text],
		form.standard-form#signup_form textarea {
			width: 90%;
		}
			form.standard-form#signup_form div.submit { float: right; }
			div#signup-avatar img { margin: 0 15px 10px 0; }

	form.standard-form textarea {
		width: 75%;
		height: 120px;
	}
		form.standard-form textarea#message_content {
			height: 200px;
		}

		form.standard-form#send-reply textarea {
			width: 97.5%;
		}

	form.standard-form p.description {
		font-size: 11px;
		color: #888;
		margin: 5px 0;
	}

	form.standard-form div.submit {
		padding: 15px 0;
		clear: both;
		border-top: none;
	}
		form.standard-form div.submit input {
			margin-right: 15px;
		}

	form.standard-form div.radio ul {
		margin: 10px 0 15px 38px;
		list-style: disc;
	}
		form.standard-form div.radio ul li {
			margin-bottom: 5px;
		}

	form.standard-form a.clear-value {
		display: block;
		margin-top: 5px;
		outline: none;
	}

form.standard-form #basic-details-section, form.standard-form #blog-details-section,
form.standard-form #profile-details-section {
	float: left;
	width: 48%;
}
	form.standard-form #profile-details-section { float: right; }
	form.standard-form #blog-details-section {
		clear: left;
	}

form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
	background: #fafafa;
}

form#send-invite-form {
	margin-top: 20px;
}
	div#invite-list {
		height: 400px;
		overflow: scroll;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 5px;
		background: #f5f5f5;
		width: 160px;
		border: 1px solid #e4e4e4;
		margin: 10px 0;
	}


/* > Data Tables
-------------------------------------------------------------- */

table {
	width: 100%;
}
	table#message-threads {
		margin: 0 -20px;
		width: auto;
	}

	table.profile-fields { margin-bottom: 20px; }

	div#sidebar table {
		margin: 0 -16px;
		width: 117%;
	}

	table tr td, table tr th {
		padding: 8px;
		vertical-align: middle;
	}
		table tr td.label {
			border-right: 1px solid #eaeaea;
			font-weight: bold;
			width: 25%;
		}

		table tr td.thread-info p { margin: 0; }

			table tr td.thread-info p.thread-excerpt {
				color: #888;
				font-size: 11px;
				margin-top: 3px;
			}

		div#sidebar table td, table.forum td { text-align: center; }

	table tr.alt {
		background: #f4f4f4;
	}

table.notification-settings {
	margin-bottom: 20px;
	text-align: left;
}
	table.notification-settings th.icon, table.notification-settings td:first-child { display: none; }
	table.notification-settings th.title { width: 80%; }
	table.notification-settings .yes, table.notification-settings .no { width: 40px; text-align: center; }

	@media screen and ( max-width: 767px ) {
		#wporg-notifications table {
			margin-top: 2em;
		}
		#wporg-notifications thead {
			display: none;
		}
		#wporg-notifications tr {
			display: block;
			margin-bottom: 1em;
			padding: 0.5em 0;
		}
		#wporg-notifications td {
			position: relative;
			display: block;
			padding: 0 0 0 50%;
		}
		#wporg-notifications td:before {
			content: attr(data-column-title);
			position: absolute;
			font-weight: bold;
			left: 10px;
		}
	}

table.forum {
	margin: -9px -20px 20px -20px;
	width: auto;
}
	table.forum tr:first-child {
		background: #fafafa;
	}

	table.forum tr.sticky td {
		background: #FFF9DB;
		border-top: 1px solid #FFE8C4;
		border-bottom: 1px solid #FFE8C4;
	}

	table.forum tr.closed td.td-title {
		padding-left: 35px;
		background-image: url( ../images/closed.png );
		background-position: 15px 50%;
		background-repeat: no-repeat;
	}

	table.forum td p.topic-text {
		color: #888;
		font-size: 11px;
	}

	table.forum tr > td:first-child, table.forum tr > th:first-child {
		padding-left: 15px;
	}

	table.forum tr > td:last-child, table.forum tr > th:last-child {
		padding-right: 15px;
	}

	table.forum tr th#th-title, table.forum tr th#th-poster,
	table.forum tr th#th-group, table.forum td.td-poster,
	table.forum td.td-group, table.forum td.td-title { text-align: left; }

	table.forum td.td-freshness {
		font-size: 11px;
		color: #888;
	}

	table.forum td img.avatar {
		margin-right: 5px;
	}

	table.forum td.td-poster, table.forum td.td-group  {
		min-width: 130px;
	}

	table.forum th#th-title {
		width: 40%;
	}

	table.forum th#th-postcount {
		width: 1%;
	}

/* > Activity Stream Posting
-------------------------------------------------------------- */

form#whats-new-form {
	margin-bottom: 5px;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
	padding-bottom: 20px;
}
	#item-body form#whats-new-form {
		margin-top: 20px;
		border: none;
	}

	.home-page form#whats-new-form {
		border-bottom: none;
		padding-bottom: 0;
	}

	form#whats-new-form h5 {
		margin: 0;
		font-weight: normal;
		font-size: 12px;
		color: #888;
		margin-left: 76px;
		padding: 0 0 3px 0;
	}

	form#whats-new-form #whats-new-avatar {
		float: left;
	}

	form#whats-new-form #whats-new-content {
		margin-left: 54px;
		padding-left: 22px;
	}

	form#whats-new-form #whats-new-textarea {
		padding: 8px;
		border: 1px inset #ccc;
		background: #fff;
		margin-bottom: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	form#whats-new-form textarea {
		width: 100%;
		height: 60px;
		font-size: 14px;
		font-family: inherit;
		color: #555;
		border: none;
		margin: 0;
		padding: 0;
	}

	form#whats-new-form #whats-new-options select {
		max-width: 200px;
	}

	form#whats-new-form #whats-new-submit {
		float: right;
		margin: 0;
	}

/* > Activity Stream Listing
-------------------------------------------------------------- */

	ul.activity-list > li:first-child {
		padding-top: 5px;
	}

	ul.activity-list li.has-comments {
		padding-bottom: 20px;
	}

.activity-list li.mini {
	position: relative;
	font-size: 11px;
	min-height: 35px;
	padding: 12px 0 0 0;
}

	.activity-list li.mini div.activity-meta {
		margin: 0;
	}

	.activity-list li.mini div.activity-meta a {
		padding: 3px 8px;
	}

	.activity-list li.mini .activity-avatar img.avatar,
	.activity-list li.mini .activity-avatar img.FB_profile_pic {
		width: 20px;
		height: 20px;
		margin-left: 36px;
	}
		.activity-list li.activity_comment .activity-avatar img.avatar,
		.activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
			width: 40px;
			height: 40px;
			margin-left: 20px;
		}

		body.activity-permalink .activity-list li .activity-avatar img.avatar,
		body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
			width: 100px;
			height: 100px;
			margin-left: 0;
		}

	.activity-list li.mini .activity-content {
		margin-right: 175px;
	}

	.activity-list li.mini .activity-content p {
		margin: 0;
		float: left;
	}

	.activity-list li.mini .activity-meta {
		position: absolute;
		right: 0;
	}
		body.activity-permalink .activity-list li.mini .activity-meta {
			position: absolute;
			right: 15px;
		}

	.activity-list li.mini .activity-comments {
		clear: left;
		font-size: 12px;
		margin-top: 30px;
	}

.activity-list li .activity-inreplyto {
	font-size: 11px;
	color: #888;
	margin-left: 70px;
	margin-bottom: 15px;
	padding-left: 25px;
	background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
}
	.activity-list li .activity-inreplyto > p {
		margin: 0;
		display: inline;
	}

	.activity-list li .activity-inreplyto blockquote,
	.activity-list li .activity-inreplyto div.activity-inner {
		background: none;
		border: none;
		display: inline;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

.activity-list .activity-avatar img {
	width: 60px;
	height: 60px;
}
		body.activity-permalink .activity-list .activity-avatar img {
			width: 100px;
			height: 100px;
		}

.activity-list .activity-content {
	margin-left: 70px;
}
	body.activity-permalink .activity-list li .activity-content {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: #fff;
		padding: 15px;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		margin-left: 135px;
		font-size: 16px;
		line-height: 150%;
		min-height: 35px;
		margin-right: 0;
	}
		body.activity-permalink .activity-list li .activity-header > p {
			background: url( ../images/activity_arrow.gif ) top left no-repeat;
			margin-left: -35px;
			padding: 5px 0 0 38px;
			height: 35px;
			margin-bottom: 0;
		}

	.activity-list .activity-content .activity-header,
	.activity-list .activity-content .comment-header {
		font-size: 11px;
		color: #888;
		line-height: 220%;
	}

	.activity-list .activity-header a:first-child, span.highlight {
		background: #EBF7FF;
		border-bottom: 1px solid #a1dcfa;
		border-right: 1px solid #a1dcfa;
		color: #059AE7;
		padding: 3px 8px;
		text-decoration: none;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		margin-right: 3px;
	}
		.activity-list .activity-header a:first-child:hover {
			background: #059AE7 !important;
			color: #fff !important;
		}
		.activity-list .activity-content a:first-child:focus { outline: none; }

		.activity-list .activity-content span.time-since {
			color: #bbb;
		}

	.activity-list .activity-content span.activity-header-meta a {
		background: none;
		padding: 0;
		font-size: 11px;
		margin: 0;
		border: none;
		color: #aaa;
		text-decoration: underline;
	}
		.activity-list .activity-content span.activity-header-meta a:hover {
			color: inherit;
			text-decoration: none;
		}

	.activity-list .activity-content .activity-inner,
	.activity-list .activity-content blockquote {
		margin: 15px 0 15px 5px;
		overflow: hidden;
	}
		body.activity-permalink .activity-content .activity-inner,
		body.activity-permalink .activity-content blockquote {
			margin-top: 5px;
		}

		/* Backwards compatibility. */
		.activity-inner > .activity-inner { margin: 0 !important; }
		.activity-inner > blockquote { margin: 0 !important; }

	.activity-list .activity-content img.thumbnail {
		float: left;
		margin: 0 10px 5px 0;
		border: 2px solid #eee;
	}

.activity-list li.load-more {
	margin: 15px  0 !important;
	padding: 10px 15px !important;
	background: #f0f0f0 !important;
	text-align: center;
	font-size: 1.2em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
	.activity-list li.load-more a {
		color: #555;
	}

/* > Activity Stream Comments
-------------------------------------------------------------- */

div.activity-meta {
	margin: 0 0 20px 3px;
	clear: left;
}

.activity-list div.activity-meta a {
	font-size: 11px;
	background: #f4f4f4;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #999;
	padding: 4px 8px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 3px;
}
	.activity-list div.activity-meta a.acomment-reply {
		background: #FFF9DB;
		border-bottom: 1px solid #FFE8C4;
		border-right: 1px solid #FFE8C4;
		color: #ffa200;
	}

	div.activity-meta a:focus { outline: none; }
	div.activity-meta a:hover {
		background: #aaa;
		color: #fff;
		border-color: #aaa;
	}
		div.activity-meta a.acomment-reply:hover {
			background: #f7740a;
			color: #fff;
			border-color: #f7740a;
		}

div.activity-comments {
	position: relative;
	margin: 0 0 0 75px;
	width: auto;
	overflow: hidden; /* IE fix */
}

	body.activity-permalink div.activity-comments {
		width: auto;
		margin-left: 135px;
		background: none;
	}

div.activity-comments > ul {
	background: #f5f5f5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.activity-comments ul, div.activity-comments ul li {
	border: none;
	list-style: none;
}

	div.activity-comments ul {
		clear: left;
	}

	div.activity-comments ul li {
		border-top: 2px solid #fff;
		padding: 10px 15px 10px 0;
		margin-left: 15px;
	}
		body.activity-permalink div.activity-comments ul li {
			border-width: 1px;
			padding: 15px 0 15px 0;
		}

		div.activity-comments ul li p:last-child {
			margin-bottom: 0;
		}

		div.activity-comments > ul > li:first-child {
			border-top: none;
		}

		div.activity-comments ul li:last-child {
			margin-bottom: 0;
		}

	div.activity-comments ul li > ul {
		margin-top: 5px;
		margin-left: 25px;
	}
		body.activity-permalink div.activity-comments ul li > ul {
			margin-top: 15px;
		}

	div.activity-comments div.acomment-avatar img {
		border-width: 2px !important;
		float: left;
		margin-right: 10px;
	}

	div.activity-comments div.acomment-content {
		font-size: 11px;
		margin-left: 39px;
		margin-top: 5px;
	}
		div.acomment-content .time-since { display: none; }
		div.acomment-content .activity-delete-link { display: none; }
		div.acomment-content .comment-header { display: none; }

		body.activity-permalink div.activity-comments div.acomment-content {
			font-size: 14px;
		}

	div.activity-comments div.acomment-meta {
		font-size: 11px;
		color: #888;
	}

	div.activity-comments form.ac-form {
		display: none;
		margin: 10px 0 10px 33px;
		background: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 8px;
	}
		div.activity-comments li form.ac-form {
			margin-right: 15px;
		}

		div.activity-comments form.root {
			margin-left: 0;
		}

		div.activity-comments div#message {
			margin-top: 15px;
			margin-bottom: 0;
		}

		div.activity-comments form.loading {
			background-image: url( ../images/ajax-loader.gif );
			background-position: 2% 95%;
			background-repeat: no-repeat;
		}

		div.activity-comments form .ac-textarea {
			padding: 8px;
			border: 1px inset #ccc;
			background: #fff;
			margin-bottom: 10px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
			div.activity-comments form textarea {
				width: 100%;
				font-family: inherit;
				font-size: 11px;
				color: #555;
				height: 60px;
				border: none;
				padding: 0;
			}
				div.activity-comments form input {
					margin-top: 5px;
				}

		div.activity-comments form div.ac-reply-avatar {
			float: left;
		}
			div.ac-reply-avatar img {
				border: 2px solid #fff !important;
			}

		div.activity-comments form div.ac-reply-content {
			margin-left: 25px;
			padding-left: 15px;
			color: #888;
			font-size: 11px;
		}

/* > Private Message Threads
-------------------------------------------------------------- */

table#message-threads tr.unread td {
	background: #FFF9DB;
	border-top: 1px solid #FFE8C4;
	border-bottom: 1px solid #FFE8C4;
	font-weight: bold;
}
	table#message-threads tr.unread td span.activity {
		background: #fff;
	}

	li span.unread-count, tr.unread span.unread-count {
		background: #dd0000;
		padding: 2px 8px;
		color: #fff;
		font-weight: bold;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		div.item-list-tabs ul li a span.unread-count {
			padding: 1px 6px;
			color: #fff;
		}

	div.messages-options-nav {
		font-size: 11px;
		background: #eee;
		text-align: right;
		margin: 0 -20px;
		padding: 5px 15px;
	}

div#message-thread div.message-box {
	margin: 0 -20px;
	padding: 15px;
}
	div#message-thread div.alt {
		background: #f4f4f4;
	}

	div#message-thread p#message-recipients {
		margin: 10px 0 20px 0;
	}

	div#message-thread img.avatar {
		float: left;
		margin: 0 10px 0 0;
		vertical-align: middle;
	}

	div#message-thread strong {
		margin: 0;
		font-size: 16px;
	}
		div#message-thread strong a {
			text-decoration: none;
		}

		div#message-thread strong span.activity {
			margin: 4px 0 0 10px;
		}

	div#message-thread div.message-metadata {
		overflow: hidden;
	}

	div#message-thread div.message-content {
		margin-left: 45px;
	}

	div#message-thread div.message-options {
		text-align: right;
	}

/* > Group Forum Topics
-------------------------------------------------------------- */

ul#topic-post-list {
	margin: 15px -20px;
	width: auto;
}
	ul#topic-post-list li {
		padding: 15px;
		position: relative;
	}

	ul#topic-post-list li.alt {
		background: #f4f4f4;
	}

	ul#topic-post-list li div.poster-meta {
		margin-bottom: 10px;
		color: #888;
	}

	ul#topic-post-list li div.post-content {
		margin-left: 54px;
	}

div.admin-links {
	position: absolute;
	top: 15px;
	right: 25px;
	color: #888;
	font-size: 11px;
}
	div#topic-meta div.admin-links {
		bottom: 0;
		right: 0;
		top: auto;
	}

div#topic-meta {
	position: relative;
	padding: 5px 0;
}
	div#topic-meta h3 {
		font-size: 20px;
	}

div#new-topic-post {
	margin: 0;
	padding: 1px 0 0 0;
}

/* > WordPress Blog Styles
-------------------------------------------------------------- */

div.post {
	margin: 0 0 40px 0;
	overflow: hidden;
}
	div.post h2.pagetitle, div.post h2.posttitle {
		margin: 0;
		line-height: 120%;
	}
		div.post h2.pagetitle a, div.post h2.posttitle a {
			color: #666;
			text-decoration: none;
		}

	.navigation, .paged-navigation, .comment-navigation {
		overflow: hidden;
		font-family: georgia, times, serif;
		font-style: italic;
		font-size: 14px;
		padding: 5px 0;
		margin: 5px 0 25px 0;
	}
		.alignright {
			float: right;
			margin-left: 15px;
		}

		.alignleft {
			float: left;
			margin-right: 15px;
		}

	div.post p { margin: 0 0 20px 0; }
	div.post ul, div.post ol, div.post dl { margin: 0 0 18px 1.5em; }
	div.post ul { list-style: square; }
	div.post ol { list-style: decimal; }
	div.post ol ol { list-style: upper-alpha; }
	div.post dl { margin-left: 0; }
	div.post dt { font-size: 14px; font-weight: bold; }
	div.post dd { margin: 0 0 15px 0;}

	div.post pre, div.post code p {
		padding: 15px;
		background: #f4f4f4;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.post code { font-family: "Monaco", courier, sans-serif; }
	div.post blockquote {
		quotes: none;
		font-style:italic;
		padding:0 3em;
		font-family: georgia, times, serif;
		font-size: 16px;
		line-height: 150%;
	}

	div.post table {
		border-collapse:collapse;
		border-spacing:0;
		border: 1px solid #eee;
	}
		div.post table th { border-top: 1px solid #eee; text-align: left; }
		div.post table td { border-top: 1px solid #eee; }

	div.post div.author-box, div.comment-avatar-box {
		background: #f0f0f0;
		padding: 10px;
		float: left;
		margin: 0 15px 15px 0;
		font-family: georgia, times, serif;
		font-style: italic;
		text-align: center;
		width: 70px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		div.author-box p, div.comment-avatar-box p { margin: 5px 0 0; }
		div.author-box a, div.comment-avatar-box a { text-decoration: none; }

		div.post div.author-box img, div.comment-avatar-box img {
			float: none;
			border: 4px solid #fff;
			margin: 0;
		}

	div.post div.post-content, div.comment-content {
		margin-left: 105px;
	}

	div.post p.date, div.post p.postmetadata, div.comment-meta, div.comment-options {
		color: #888;
		font-size: 12px;
		font-family: Georgia, times, serif;
		padding: 3px 0;
		margin: 10px 0;
		border-bottom: 1px solid #e4e4e4;
		border-top: 1px solid #e4e4e4;
	}

	div.post p.postmetadata {
		margin-top: 15px;
		clear: left;
		overflow: hidden;
	}

	div.post .tags { float: left; }
	div.post .comments { float: right; }

	div.post img { margin-bottom: 15px; }
	div.post img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }

	div.post img.centered, img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	div.post img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}

	div.post img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}

	div.post .aligncenter, div.post div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	div.post .wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.post .wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
		font-size: 0.9em;
		line-height: 17px;
		padding: 0 4px 5px 0;
		margin: 0;
	}

/* > WordPress Blog Comment Styles
-------------------------------------------------------------- */

#trackbacks {
	margin-top: 30px;
}

#comments h3, #trackbacks h3, #respond h3 {
	font-size: 20px;
	margin: 5px 0 25px 0;
	font-weight: normal;
	color: #555;
}

#comments span.title, #trackbacks span.title {
	color: #aaa;
}

ol.commentlist li {
	margin: 0 0 30px 0;
}

	div.comment-meta {
		border-top: none;
		padding-top: 0;
	}

	div.comment-meta h5 {
		font-weight: normal;
	}

	div.comment-meta em {
		float: right;
	}

	div.comment-options {
		border-bottom: none;
	}


.item-meta-info .company {
	font-weight:bold;
}


/* > Edit Profile
-------------------------------------------------------------- */

ul.button-nav {
	border-bottom: 1px solid #d9d9d9;
	display: flex;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 40px;
    position: relative;
}

@media (max-width: 800px) {
	ul.button-nav {
		border-bottom: none;
		overflow-x: auto;
		text-overflow: clip;
		white-space: nowrap;
		-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 60px), #0000);
		mask-image: linear-gradient(90deg, #000 calc(100% - 60px), #0000);
		max-width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	ul.button-nav::-webkit-scrollbar {
		display: none;
	}


	ul.button-nav:after {
		content: '';
		width: 100%;
		height: 1px;
		background:  #d9d9d9;
		left: 0;
		bottom: 0;
		position: absolute;
        z-index: -0;
	}

	ul.button-nav li {
		border-bottom: 1px solid #d9d9d9;
	}
}

ul.button-nav li {
	margin: 0;
}
	ul.button-nav li a {
		border: 1px solid transparent !important;
		border-radius: unset !important;
		color: #1e1e1e !important;
		display: block;
		padding: .64rem 1.25rem;
		margin: 0 2px;
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 26px;
		-webkit-font-smoothing: antialiased;
		text-decoration: none !important;
	}

	ul.button-nav li a:hover {
		background: #f6f6f6;
		border: 1px solid #d9d9d9 !important;
		border-bottom: none !important;
	}

	ul.button-nav li.current {
		position: relative;
		border: 1px solid #d9d9d9 !important;
		border-bottom: none !important;
		background: white;
		margin-bottom: -1px;
		z-index: 1;
	}

	ul.button-nav li.current a:hover {
		border: 1px solid transparent !important
	}

div.five-for-the-future p,
div.five-for-the-future ul {
	font-size: 16px;
	color: var(--wp--preset--color--charcoal-4);
}
	div.five-for-the-future ul {
		list-style: inside disc;
		margin: 1em;
	}

#profile-edit-form div.field_contributor-teams select {
	height: 400px;
}

div.user-notice {
	margin-bottom: 16px;
	font-size: 16px;
}

.editfield div.user-notice {
	padding: 8px 0;
	color: var(--wp--preset--color--charcoal-4);
}
	span.user-notice-label {
		font-weight: bold;
	}

div.editfield {
	padding: 10px 0;
}

div.editfield.alt {
	background: #fff;
}

div.editfield.field_current-location,
div.editfield.field_add-me-to-the-consultants-list {
	border: none;
}

div.field_email.disabled {
	font-size: 16px;
}

div.editfield label,
div.editfield span.label {
	font-size: 16px;
	margin: 0 0 4px 0;
	line-height: 30px;
	font-weight: 600;
}

div.editfield .checkbox label input[type="checkbox"],
div.editfield .radio label input[type="radio"] {
	margin-right: 5px;
}

div.editfield.field_type_textbox.disabled input[type="text"] {
	border: 0;
	padding-left: 0;
	padding-right: 0;
	color: var(--wp--preset--color--charcoal-4);
}

.wporg-ratings .dashicons, .wporg-ratings .dashicons-before:before {
	width: 12px;
	height: 12px;
	font-size: 12px;
	line-height: 1.6;
}

p.user-rating {
	float: left;
	margin-right: 5px;
}

p.user-rating,
p.active_installs,
.ago {
	color: #888;
	font-size: 13px;
	font-style: italic;
}

p.user-rating,
.ago {
	text-transform: lowercase;
}



.main-navigation {
    background: #23282d;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    float: left;
    left: -999em;
    position: absolute;
    top: 1.5em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul {
    left: 100%
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul {
    left: auto
}

.main-navigation li {
    border-top: 1px solid hsla(0,0%,100%,.2)
}

.main-navigation a {
    color: hsla(0,0%,100%,.8);
    display: block;
    font-size: 12.8px;
    font-size: .8rem;
    padding: 16px 16px 16px 24px;
    padding: 1rem 1rem 1rem 1.5rem;
    text-decoration: none
}

.main-navigation a.active,.main-navigation a:hover {
    color: #fff
}

@media screen and (min-width: 737px) {
    .main-navigation a.active {
        border-bottom:1px solid
    }
}

.main-navigation.toggled ul {
    display: block
}

.menu-toggle {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 25px;
    font-size: 1.5625rem;
    height: 56px;
    height: 3.5rem;
    overflow: hidden;
    position: absolute;
    right: 16px;
    right: 1rem;
    top: -58px;
    width: 56px;
    width: 3.5rem;
    -webkit-appearance: none
}

.toggled .menu-toggle:before {
    content: "\f343"
}

@media screen and (min-width: 737px) {
    .menu-toggle {
        display:none
    }

    .main-navigation {
        float: right;
        padding-right: 10px;
        position: relative;
        width: auto;
        top: 0;
    }

    .main-navigation.toggled {
        padding: 1px 0
    }

    .main-navigation ul {
        display: inline-block;
        font-size: 0
    }

    .main-navigation ul li {
        border: 0;
        display: inline-block;
        font-size: 1rem;
        margin-right: 1rem
    }

    .main-navigation ul li:last-of-type {
        margin-right: 0
    }

    .main-navigation a {
        padding: 0
    }
}


@media screen and ( max-width: 960px ) {
	div#container {
		min-width: 300px;
		width: auto;
	}
}

@media screen and ( max-width: 767px ) {

	#content-tabs {
		border: none;
		float: none;
		width: auto;
		margin-bottom: 15px;
	}

		#content-tabs ul {
			border: 1px solid #EEEEEE;
			padding: 10px 0;
			display: flex;
			flex-flow: row wrap;
		}

			#content-tabs ul li {
				display: inline;
			}

				#content-tabs ul li.active,
				#content-tabs ul li.active:before,
				#content-tabs ul li.active:after {
					border: none;
				}

	#main-column {
		border: none;
		float: none;
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and ( max-width: 760px ) {
	.main-photos ul {
		margin-bottom: 1rem;
	}

	#content-photos li {
		margin-bottom: 0;
		padding-right: 10px;
	}

	.main-themes ul li {
		padding-right: 0;
	}
}

.page-content {
	min-height: 600px;
}

.page-content h2 {
	margin-bottom: 18px;
}

.wp-block-wporg-two-factor-settings {
	margin-bottom: 32px;
}

.wp-block-wporg-two-factor-settings label {
	margin-top: 0 !important;
}

.wp-block-wporg-two-factor-settings .wporg-2fa__backup-codes-list ol {
	padding: revert;
}

.wp-block-wporg-two-factor-settings .wporg-2fa__password .wporg-2fa__show-password {
	top: 21px;
}

.content-connections.hidden-on-load {
	display: none;
}

.border-group {
	display: grid;
	grid-template-areas:
		"status header primary open"
		"status description primary open";
	grid-template-columns: min-content auto min-content min-content;
	grid-column-gap: 18px;
	padding: 18px;
	padding: 18px;
	border: 1px solid #e5e5e5;
}

.border-group svg {
	align-self: center;
	grid-area: status;
	-ms-grid-column: 1;
}

.border-group h3 {
	margin: 0;
	color: #1a1a1a;
	font-weight: 600;
}

.border-group p {
	color: #757575;
	font-size: 13px;
	margin-bottom: 0;
}

div.field_github {
	margin-top: 16px;	
}