/*
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
*/

#content .padder {
	margin: 0 10px;
}

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

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

h4 {
	font-size: 12px !important;
	border:none !important;
	padding:0 !important;
	margin:5px 0px !important;
}

#container a {
	border:none;
}

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;
}

#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 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;
		font: 12px 'Open Sans';
		width: 173px;
		padding-top: 10px;
		padding-bottom: 30px;
	}

	#content-tabs ul li {
		position: relative;
		padding: 14px 14px 14px 16px;
		font-size: 1.4em;
		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;
}

#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;
}

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%0A");
	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-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-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: 30px auto;
}
	body.activity-permalink div#container {
		background: none;
		border: none;
	}

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

div#sidebar {
	display: none !important;
}

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

#headline {
	height: 62px;
	height: inherit;
	background-color: #0073aa;
	font-family: "Open Sans", sans-seriff;
	color: hsla(0,0%,100%,.8);
	padding: 1rem 0;
}
#headline h2 {
	color: #fff;
	float: left;
	font-family: "Open Sans", sans-seriff;
	text-shadow: inherit;
	padding: 2px 10px 6px;
}

#headline a {
	color: hsla(0,0%,100%,.8);
}
#headline a:hover {
	color: #fff;
}

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

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

div#item-header {
	font-family: 'Open Sans';
	overflow: hidden;
}

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

	.site-header {
		position: relative;
	}

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

	div#item-header h2 {
		font-size: 32px;
		line-height: 1.5;
		margin-top: 8px;
	}


	div#item-header h3 {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1.5;
		margin: 48px 0 16px;
		margin: 3rem 0 1rem;
	}

	#slack-username {
		color: #82878C;
		font-size: 18px;
		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 3px;
	}

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

	#meta-status-badge-container {
		border-top: 2px solid #eee;
		margin: 10px 0 4rem;
		overflow: auto;
		padding-top: 20px;
	}

		#user-meta {
			border-bottom: 1px solid #eee;
			float: right;
			font-size: 14px;
			margin: 0 0 30px 30px;
			width: 33%;
		}

			#user-meta > li {
				border-top: 1px solid #eee;
				overflow: hidden;
				padding: 8px 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;
			}

			#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 {
						color: #21759B;
					}

					#user-social-media-accounts li a .dashicons:visited,
					#user-social-media-accounts li a .genericons:visited {
						color: #4CA6CF;
					}

				#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='%2321759B'%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;		
				}

		#content-about {
			font-size: 16px;
		}

		#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: bold;
			line-height: 1.5;
			background-color: #edeff0;
			color: #606a73;
			border-radius: 3px;
			padding: 1px 5px;
			margin-top: -4px;
			vertical-align: middle;
		}

		.contributions {
			width: calc( 67% - 30px );
		}

		.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 ) {
			#content-about + .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;
			}

			#meta-status-badge-container {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}

			#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;
			}

			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-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-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%0A");
				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(59, 114, 54, 0.25);
				box-shadow: 0 0 0 4px rgb(59, 114, 54);
			}
			.badge-photo-contributor {
				background: white;
			}
			.badge-photos-team:before,
			.badge-photo-contributor:before {
				color: rgb(59, 114, 54);
			}

			.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%0A");
				background-position: center;
				background-repeat: no-repeat;
			}

	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: 20px;
	word-break: break-word;
}

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 {

}
	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 inset #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 6px;
		font: inherit;
		font-size: 14px;
		color: #888;
	}
		form.standard-form select {
			padding: 3px;
		}

		form.standard-form input[type=password] {
			margin-bottom: 5px;
		}

	form.standard-form label, form.standard-form span.label {
		display: block;
		font-weight: bold;
		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;
			color: #888;
		}

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

	form.standard-form input[type=text] {
		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;
	}
		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;
	color: #555;
}

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; }

	#wporg-notifications tr:nth-child(even) {
		background-color:#f4f4f4;
	}

	@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
-------------------------------------------------------------- */

form#profile-edit-form h4 {
	display: none;
}
ul.button-nav {
	border-bottom: 1px solid #ccc;
	float: left;
	width: 920px;
	padding: 0 10px;
}

ul.button-nav li {
	float: left;
	margin: 0;
	padding: 5px;
}
	ul.button-nav li a {
		padding: 10px;
		text-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
	}
	ul.button-nav li.current {
		border: 1px solid #ccc;
		border-bottom: none;
		background: white;
		margin-bottom: -1px;
		-moz-border-radius-topleft: 3px;
		-khtml-border-top-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		-khtml-border-top-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		border-top-right-radius: 3px;
	}

	ul.button-nav li.current a {
		font-weight: bold;
	}

div.five-for-the-future p,
div.five-for-the-future ul {
	font-size: 1.5em;
	color: #888;
}
	div.five-for-the-future ul {
		list-style: inside disc;
		margin: 1em;
	}

div.user-notice {
	padding: 10px;
	font-size: 1.5em;
	font-style: italic;
}
.editfield div.user-notice {
	padding: 6px;
	color: #888;
}
	span.user-notice-label {
		font-weight: bold;
	}

div.editfield {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

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

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

div.editfield label,
div.editfield span.label {
	font-size: 1.5em;
	margin: 0 0 5px 0;
}

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;
}

.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: #0073aa;
    left: 0;
    position: absolute;
    top: 48px;
    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: 6px;
    }

    .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;
		}

			#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;
	}
}